File size: 12,500 Bytes
db9eea1
 
bea4b68
 
3964fee
bea4b68
 
f55ced2
3964fee
 
 
f55ced2
3964fee
f55ced2
 
3964fee
f55ced2
3964fee
f55ced2
3964fee
f55ced2
 
3964fee
 
f55ced2
3964fee
f55ced2
 
3964fee
 
f55ced2
3964fee
f55ced2
db9eea1
 
3964fee
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f55ced2
bea4b68
db9eea1
3964fee
f55ced2
 
 
3964fee
 
 
f55ced2
 
 
 
bea4b68
3964fee
f55ced2
 
db9eea1
bea4b68
f55ced2
 
 
 
 
db9eea1
3964fee
 
 
 
 
 
 
 
 
bea4b68
3964fee
 
 
 
 
 
 
 
 
 
 
db9eea1
f55ced2
3964fee
f55ced2
 
 
 
 
 
 
 
 
db9eea1
bea4b68
 
f55ced2
bea4b68
db9eea1
 
bea4b68
db9eea1
f55ced2
 
bea4b68
f55ced2
 
bea4b68
 
f55ced2
bea4b68
db9eea1
 
f55ced2
bea4b68
 
 
3964fee
db9eea1
 
bea4b68
db9eea1
bea4b68
 
3964fee
 
f55ced2
bea4b68
3964fee
bea4b68
 
 
3964fee
 
 
 
 
 
 
 
 
 
bea4b68
 
 
3964fee
 
bea4b68
 
 
3964fee
bea4b68
 
 
 
3964fee
f55ced2
 
 
 
bea4b68
3964fee
 
 
 
 
 
 
 
 
 
 
 
 
 
 
bea4b68
db9eea1
3964fee
f55ced2
 
 
 
3964fee
f55ced2
 
bea4b68
 
3964fee
 
bea4b68
f55ced2
3964fee
 
bea4b68
 
3964fee
db9eea1
 
bea4b68
db9eea1
bea4b68
3964fee
bea4b68
3964fee
 
f55ced2
bea4b68
 
f55ced2
db9eea1
 
f55ced2
bea4b68
3964fee
bea4b68
 
 
 
 
3964fee
db9eea1
 
3964fee
 
f55ced2
bea4b68
3964fee
bea4b68
 
db9eea1
 
3964fee
 
 
 
 
 
 
f55ced2
3964fee
 
 
 
f55ced2
3964fee
 
 
 
 
f55ced2
3964fee
bea4b68
3964fee
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f55ced2
 
bea4b68
f55ced2
bea4b68
f55ced2
 
bea4b68
 
 
 
 
 
db9eea1
bea4b68
 
 
 
 
db9eea1
3964fee
 
bea4b68
 
3964fee
bea4b68
 
 
db9eea1
3964fee
 
 
 
db9eea1
bea4b68
 
3964fee
 
bea4b68
db9eea1
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
import os
import gradio as gr
import openai

# --------------- PRESETS & FORMATS ---------------

PRESETS = {
    "Executive Summary": {
        "system_role": (
            "You are an executive briefing assistant for senior leaders. "
            "You distill complex material into clear, non-fluffy summaries that support decisions."
        ),
        "user_hint": "Paste a long report, transcript, or document here and I'll summarize it.",
    },
    "Polished Email Reply": {
        "system_role": (
            "You are a professional communications assistant. "
            "You write clear, concise, and respectful business emails suitable for executives."
        ),
        "user_hint": "Paste the email you received and notes on how you want to respond.",
    },
    "Meeting Notes β†’ Action Plan": {
        "system_role": (
            "You transform messy meeting notes into a crisp, action-oriented summary."
        ),
        "user_hint": "Paste rough notes or bullet points from a meeting, even if they are messy.",
    },
    "Idea Generator / Brainstorm": {
        "system_role": (
            "You are a creative strategist. You generate structured ideas with next steps."
        ),
        "user_hint": "Describe what you want to build, improve, or launch. I'll propose ideas.",
    },
}

# How each preset should format its output in Markdown
PRESET_FORMAT_SPECS = {
    "Executive Summary": """
Output format spec (use GitHub-flavored Markdown):

- Start with: `## Executive Summary`
- Then add `### Context` with 2–4 sentences.
- Add `### Key Points` as a bullet list (β€’) with the most important insights.
- Add `### Recommendations` as a numbered list (1., 2., 3.) with concrete actions.
- Use **bold** for critical terms and *italics* for nuance where helpful.
""",
    "Polished Email Reply": """
Output format spec (use GitHub-flavored Markdown):

- Start with: `## Email Draft`
- Then include:
  - `**Subject:** ...`
  - A realistic greeting line (e.g., `Hi Alex,`)
  - Body in short paragraphs (2–4 sentences each).
  - Optional bullet points if listing items.
  - A professional closing (e.g., `Best,` or `Kind regards,`) and a placeholder name.
- Do NOT include meta-comments about the email. Only output the email content.
""",
    "Meeting Notes β†’ Action Plan": """
Output format spec (use GitHub-flavored Markdown):

- Start with: `## Meeting Summary`
- Then sections:
  - `### Context` – 2–3 sentences on what the meeting was about.
  - `### Key Decisions` – bullet list.
  - `### Action Items` – numbered list, each item formatted like:
    `1. **Owner:** Name (or Generic Owner) β€” *Due:* date or timeframe β€” Task description`
  - `### Risks & Open Questions` – bullets with risks, blockers, or unknowns.
""",
    "Idea Generator / Brainstorm": """
Output format spec (use GitHub-flavored Markdown):

- Start with: `## Idea Set`
- For each idea:
  - `### Idea N β€” Short Title`
  - Bullet list:
    - `**Overview:** ...`
    - `**Why it matters:** ...`
    - `**Next steps (1–3):** ...`
- Aim for 3–5 strong ideas rather than many weak ones.
""",
}

BASE_SYSTEM = """
You are the ZEN Promptboard Pro assistant.

Rules:
- Always respond in GitHub-flavored Markdown.
- Follow any provided "Output format spec" exactly, especially headings and bullet structure.
- Make the output immediately usable and ready to send or paste into a document.
- Never explain what you are doing; do NOT include meta-instructions in the final output.
"""


# --------------- CORE CHAT LOGIC ---------------

def run_completion(api_key, model, preset_name, system_prompt, user_prompt, history):
    """
    Core call to the OpenAI Chat Completions API.

    - Does NOT throw on missing API key; returns a friendly message instead.
    - Uses model-agnostic parameters (no temperature / max_tokens) to avoid 400s.
    - Injects preset-specific formatting rules so output is richly structured.
    """

    history = history or []

    if not api_key:
        msg = "❌ No API key found. Paste your key and click **Save Key** first."
        history.append(("System", msg))
        return history, msg

    if not user_prompt.strip():
        msg = "⚠️ Please enter a prompt or paste some content before running."
        history.append(("System", msg))
        return history, msg

    openai.api_key = api_key.strip()

    # Build system message combining base, preset role, and preset formatting
    system_parts = [BASE_SYSTEM]

    if preset_name in PRESETS:
        system_parts.append(f"Preset role description:\n{PRESETS[preset_name]['system_role']}")
        fmt = PRESET_FORMAT_SPECS.get(preset_name, "")
        if fmt:
            system_parts.append(fmt)

    if system_prompt.strip():
        system_parts.append(
            "Additional system instructions from the user (apply after all above rules):\n"
            + system_prompt.strip()
        )

    final_system = "\n\n".join(system_parts)

    messages = [
        {"role": "system", "content": final_system},
        {"role": "user", "content": user_prompt.strip()},
    ]

    try:
        # Minimal API call: no temperature / max_* params to avoid model quirks
        response = openai.chat.completions.create(
            model=model.strip(),
            messages=messages,
        )
        answer = (response.choices[0].message.content or "").strip()
        if not answer:
            answer = "⚠️ The model returned an empty response. Try again with more context."
    except Exception as e:
        answer = f"❌ Error while calling the model:\n\n`{e}`"

    history.append(("You", user_prompt))
    history.append(("Assistant", answer))

    return history, answer


# --------------- HELPERS ---------------

def save_api_key(raw_key: str):
    cleaned = (raw_key or "").strip()
    if not cleaned:
        raise gr.Error("πŸ” Please paste a valid API key before saving.")

    if not cleaned.startswith("sk-"):
        gr.Info("Key saved, but it doesn’t start with 'sk-'. Double-check your provider format.")

    return cleaned, gr.update(value="", placeholder="API key saved βœ”")


def load_preset(preset_name: str):
    if not preset_name or preset_name not in PRESETS:
        return gr.update(), gr.update()
    preset = PRESETS[preset_name]
    return preset["system_role"], preset["user_hint"]


# --------------- UI ---------------

CUSTOM_CSS = """
#zen-root {
    background: radial-gradient(circle at top left, #020617 0, #020617 40%, #000000 100%);
    color: #f9fafb;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 100vh;
    padding-bottom: 2rem;
}
.zen-card {
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(15,23,42,0.95), rgba(15,23,42,0.7));
    border: 1px solid rgba(148,163,184,0.45);
    backdrop-filter: blur(22px);
    box-shadow:
      0 24px 60px rgba(15,23,42,0.95),
      0 0 0 1px rgba(15,23,42,0.85);
}
.zen-header {
    padding: 1.8rem 2rem;
    margin-bottom: 1.5rem;
}
.zen-pill {
    border-radius: 9999px;
    padding: 0.25rem 0.9rem;
    border: 1px solid rgba(129,140,248,0.7);
    color: #a5b4fc;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.zen-title {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.zen-subtitle {
    font-size: 0.9rem;
    color: #9ca3af;
}
#zen-output-card {
    padding: 1.3rem 1.6rem;
}
#zen-output-card .markdown-body h2 {
    margin-top: 0.2rem;
}
#zen-output-card .markdown-body h3 {
    margin-top: 0.9rem;
}
#zen-meta-card {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #e5e7eb;
    border-bottom: 1px solid rgba(148,163,184,0.35);
}
"""


with gr.Blocks(
    css=CUSTOM_CSS,
    elem_id="zen-root",
    fill_height=True,
    title="ZEN Promptboard Pro β€” GPT-5",
) as demo:
    # Header
    gr.Markdown(
        """
<div class="zen-card zen-header">
  <div class="zen-pill">ZEN VANGUARD β€’ GPT-5 WORKSTATION</div>
  <div class="zen-title" style="margin-top: 0.8rem;">Professional AI Promptboard</div>
  <div class="zen-subtitle" style="margin-top: 0.5rem;">
    Transform unstructured content into structured, ready-to-use executive artifacts β€”
    summaries, action plans, emails, and idea sets.
  </div>
</div>
        """,
    )

    api_key_state = gr.State("")

    with gr.Row(equal_height=True):
        # LEFT: Controls
        with gr.Column(scale=1):
            with gr.Group(elem_classes=["zen-card"], elem_id="zen-left-card"):
                gr.Markdown("#### 1. Connect to your model")

                api_key_input = gr.Textbox(
                    label="API Key",
                    placeholder="Paste your GPT-style key here (not stored on server)",
                    type="password",
                )

                with gr.Row():
                    save_btn = gr.Button("Save Key", variant="primary", scale=1)
                    key_status = gr.Markdown("Key not saved yet.")

                model_name = gr.Textbox(
                    label="Model ID",
                    value="gpt-5",
                    info="Default: gpt-5. You can switch to gpt-4o, gpt-4.1-mini, etc.",
                )

                gr.Markdown("---")
                gr.Markdown("#### 2. Choose a workflow")

                preset_radio = gr.Radio(
                    label="Quick presets",
                    choices=list(PRESETS.keys()),
                    interactive=True,
                )

            with gr.Group(elem_classes=["zen-card"]):
                gr.Markdown("#### 3. System behavior (optional)")
                system_box = gr.Textbox(
                    label="Additional system / role instructions",
                    placeholder="Optional: refine how the AI behaves (e.g., 'Write at director level, avoid buzzwords.')",
                    lines=4,
                )

        # RIGHT: Workspace
        with gr.Column(scale=2):
            with gr.Group(elem_classes=["zen-card"]):
                gr.Markdown("#### 4. Your content")

                user_box = gr.Textbox(
                    label="Prompt / Notes / Source Content",
                    placeholder="Paste meeting notes, drafts, transcripts, or describe what you want.",
                    lines=9,
                )

                run_btn = gr.Button("Run Prompt", variant="primary")

            with gr.Group(elem_classes=["zen-card"], elem_id="zen-output-wrapper"):
                meta_md = gr.Markdown(
                    "Ready. Choose a preset and run your first prompt.",
                    elem_id="zen-meta-card",
                )
                with gr.Tab("Formatted Output"):
                    output_md = gr.Markdown(
                        "Output will appear here.",
                        elem_id="zen-output-card",
                    )
                with gr.Tab("History"):
                    history_chat = gr.Chatbot(
                        label="Conversation History",
                        height=320,
                        type="tuples",  # explicit, no deprecation warning
                        show_copy_button=True,
                    )

    # --------------- WIRES / EVENTS ---------------

    def _save_and_ack(key: str):
        stored_key, placeholder_update = save_api_key(key)
        status_msg = "βœ… API key stored for this session."
        return stored_key, status_msg, placeholder_update

    save_btn.click(
        _save_and_ack,
        inputs=[api_key_input],
        outputs=[api_key_state, key_status, api_key_input],
    )

    preset_radio.change(
        fn=load_preset,
        inputs=[preset_radio],
        outputs=[system_box, user_box],
    )

    def _run(api_state, model, preset_name, system, user, history):
        history, answer = run_completion(
            api_key=api_state,
            model=model,
            preset_name=preset_name,
            system_prompt=system,
            user_prompt=user,
            history=history,
        )
        # Meta card text: which preset + which model
        preset_label = preset_name or "Custom"
        meta_text = f"**Preset:** {preset_label} &nbsp;Β·&nbsp; **Model:** `{model.strip() or 'gpt-5'}`"
        return meta_text, history, answer

    run_btn.click(
        _run,
        inputs=[api_key_state, model_name, preset_radio, system_box, user_box, history_chat],
        outputs=[meta_md, history_chat, output_md],
    )

if __name__ == "__main__":
    demo.launch()