commit

app.py

@@ -188,16 +188,25 @@ def extract_description(text):
     return "Provides AI assistance for various tasks."
 
 # Create the Gradio interface
-with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft(primary_hue="indigo", radius_size="lg")) as demo:
     gr.HTML("<h1 style='text-align: center;'>System Prompt Reformatter</h1>")
     gr.HTML("<p style='text-align: center;'>Transform system prompts to second person and make them ecosystem-agnostic</p>")
-    # API key beneath subtitle, available app-wide
-    api_key = gr.Textbox(
-        label="OpenAI API Key (optional)",
-        placeholder="sk-...  Leave blank to use offline reformatter",
-        type="password",
-        info="Tip: Set Space Secret OPENAI_API_KEY to avoid typing your key. The key is only used for this session."
+    # Light monospace styling for text areas
+    gr.HTML(
+        """
+<style>
+.monospace textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; line-height: 1.5; }
+</style>
+        """
     )
+    # API key beneath subtitle within an Advanced accordion
+    with gr.Accordion("Advanced", open=False):
+        api_key = gr.Textbox(
+            label="OpenAI API Key (optional)",
+            placeholder="sk-...  Leave blank to use offline reformatter",
+            type="password",
+            info="Tip: Set Space Secret OPENAI_API_KEY to avoid typing your key. The key is only used for this session."
+        )
     
     with gr.Tabs():
         with gr.Tab("App"):
@@ -210,6 +219,7 @@ with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as dem
                         max_lines=20
                     )
                     submit_btn = gr.Button("Reformat Prompt", variant="primary")
+                    status_info = gr.Markdown(visible=False)
                 
                 with gr.Column(scale=1):
                     # Output order: Name -> Description -> System Prompt
@@ -222,26 +232,72 @@ with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as dem
                     description = gr.Textbox(
                         label="Description",
                         interactive=False,
-                        show_copy_button=True
+                        show_copy_button=True,
+                        elem_classes=["monospace"],
                     )
                     output_text = gr.Textbox(
                         label="Reformatted System Prompt",
                         lines=10,
                         max_lines=20,
                         interactive=False,
-                        show_copy_button=True
+                        show_copy_button=True,
+                        elem_classes=["monospace"],
+                    )
+                    export_md = gr.Textbox(
+                        label="Export (Markdown)",
+                        lines=10,
+                        max_lines=20,
+                        interactive=False,
+                        show_copy_button=True,
+                        elem_classes=["monospace"],
+                    )
+                    export_json = gr.Textbox(
+                        label="Export (JSON)",
+                        lines=10,
+                        max_lines=20,
+                        interactive=False,
+                        show_copy_button=True,
+                        elem_classes=["monospace"],
                     )
+                    clear_btn = gr.Button("Clear")
             
             # Wrapper to format outputs for UI ordering and bold name
             def reformat_system_prompt_for_ui(input_text_val, api_key_val):
                 reformatted, name, desc = reformat_system_prompt(input_text_val, api_key_val)
                 name_md = f"**{name}**" if name else ""
-                return name_md, name, desc, reformatted
+                export_markdown = (
+                    f"## NAME\n\n{name}\n\n"
+                    f"## DESCRIPTION\n\n{desc}\n\n"
+                    f"## SYSTEM PROMPT\n\n{reformatted}"
+                )
+                export_json_str = json.dumps({
+                    "name": name,
+                    "description": desc,
+                    "reformatted": reformatted,
+                }, indent=2)
+                # Status: show offline note if no API key provided
+                using_key = bool((api_key_val or "").strip() or os.environ.get("OPENAI_API_KEY", "").strip())
+                status = gr.update(visible=not using_key, value=("Using offline reformatter (no API key provided)." if not using_key else ""))
+                return name_md, name, desc, reformatted, export_markdown, export_json_str, status
 
             submit_btn.click(
                 fn=reformat_system_prompt_for_ui,
                 inputs=[input_text, api_key],
-                outputs=[assistant_name_md, assistant_name_copy, description, output_text]
+                outputs=[assistant_name_md, assistant_name_copy, description, output_text, export_md, export_json, status_info]
+            )
+            # Submit on Enter
+            input_text.submit(
+                fn=reformat_system_prompt_for_ui,
+                inputs=[input_text, api_key],
+                outputs=[assistant_name_md, assistant_name_copy, description, output_text, export_md, export_json, status_info]
+            )
+            # Clear button resets input and outputs
+            def clear_all():
+                return "", "", "", "", "", "", "", gr.update(visible=False, value="")
+            clear_btn.click(
+                fn=clear_all,
+                inputs=None,
+                outputs=[input_text, assistant_name_md, assistant_name_copy, description, output_text, export_md, export_json, status_info]
             )
             
             # Add quick input example (fills the App input)
@@ -282,19 +338,20 @@ Copy buttons are available for all output fields.
 
         with gr.Tab("Example"):
             gr.Markdown("### End-to-End Example (voice-captured input)")
-            example_before = (
+            example_before_text = (
                 "I would like to create an AI assistant whose purpose is taking a list of different agents that I'll provide as a document, describing the list of agents and a short summary of the functionality of each. and it should return a document which suggests how they could be deployed into a multi-agent framework with specific patterns of delegation. In other words, it will take the list I provided and, if possible, identify the agent that could serve as the primary orchestrator, sub-orchestrators, and within under them, individual agents. It can present this information as it wishes, so long as the output is in readable markdown. That might take the format of basic diagrams showing the nesting, or it could use narrative or it could do both, but I'll provide the first and then it should return that as an output."
             )
             gr.Textbox(
                 label="Before",
-                value=example_before,
+                value=example_before_text,
                 lines=10,
                 max_lines=20,
                 interactive=False,
                 show_copy_button=True,
+                elem_classes=["monospace"],
             )
 
-            example_after = (
+            example_after_text = (
                 "## NAME\n\n"
                 "Multi-Agent Framework Advisor\n\n"
                 "## DESCRIPTION\n\n"
@@ -305,12 +362,15 @@ Copy buttons are available for all output fields.
             )
             gr.Textbox(
                 label="After",
-                value=example_after,
+                value=example_after_text,
                 lines=18,
                 max_lines=36,
                 interactive=False,
                 show_copy_button=True,
+                elem_classes=["monospace"],
             )
+            load_btn = gr.Button("Load 'Before' into App")
+            load_btn.click(lambda: example_before_text, inputs=None, outputs=input_text)
 
 if __name__ == "__main__":
     demo.launch()