commit

app.py

@@ -189,7 +189,7 @@ def extract_description(text):
 
 # Create the Gradio interface
 with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as demo:
-    gr.HTML("<h1 style='text-align: center;'>📚 System Prompt Reformatter</h1>")
+    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>")
     
     with gr.Tabs():
@@ -211,28 +211,36 @@ with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as dem
                     submit_btn = gr.Button("Reformat Prompt", variant="primary")
                 
                 with gr.Column(scale=1):
-                    output_text = gr.Textbox(
-                        label="Reformatted System Prompt",
-                        lines=10,
-                        max_lines=20,
+                    # Output order: Name -> Description -> System Prompt
+                    assistant_name_md = gr.Markdown()
+                    assistant_name_copy = gr.Textbox(
+                        label="Name",
                         interactive=False,
                         show_copy_button=True
                     )
-                    assistant_name = gr.Textbox(
-                        label="Assistant Name",
+                    description = gr.Textbox(
+                        label="Description",
                         interactive=False,
                         show_copy_button=True
                     )
-                    description = gr.Textbox(
-                        label="Description",
+                    output_text = gr.Textbox(
+                        label="Reformatted System Prompt",
+                        lines=10,
+                        max_lines=20,
                         interactive=False,
                         show_copy_button=True
                     )
             
+            # 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
+
             submit_btn.click(
-                fn=reformat_system_prompt,
+                fn=reformat_system_prompt_for_ui,
                 inputs=[input_text, api_key],
-                outputs=[output_text, assistant_name, description]
+                outputs=[assistant_name_md, assistant_name_copy, description, output_text]
             )
             
             # Add example
@@ -244,6 +252,27 @@ with gr.Blocks(title="System Prompt Reformatter", theme=gr.themes.Soft()) as dem
                 label="Example"
             )
         
+        with gr.Tab("Example"):
+            gr.Markdown(
+                """
+### End-to-End Example (voice-captured input)
+
+**Before**
+
+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.
+
+**After**
+
+- **Name:** **Multi-Agent Framework Advisor**
+- **Description:** This assistant helps organize and deploy agents within a multi-agent framework.
+- **System Prompt:**
+
+You are an assistant designed to analyze a list of different agents provided in a document. Your task is to summarize the functionality of each agent and suggest how they could be deployed within a multi-agent framework, including specific patterns of delegation.
+
+You will identify the agent that could serve as the primary orchestrator, sub-orchestrators, and the individual agents beneath them. Present this information in a readable markdown format, which may include basic diagrams to illustrate the nesting or a narrative description, or both, based on the information you receive.
+                """
+            )
+
         with gr.Tab("About"):
             gr.Markdown("""
 # System Prompt Reformatter
@@ -252,7 +281,14 @@ This tool reformats system prompts for AI assistants to follow specific stylisti
 
 ## The System Prompt Used by This Tool
             """)
-            gr.Markdown(SYSTEM_INSTRUCTIONS)
+            gr.Textbox(
+                label="System Prompt (copyable)",
+                value=SYSTEM_INSTRUCTIONS.strip(),
+                lines=20,
+                max_lines=40,
+                interactive=False,
+                show_copy_button=True
+            )
             gr.Markdown("""
 ## How It Works