commit

app.py

@@ -71,44 +71,84 @@ def create_interface():
             border-radius: 8px;
             margin-bottom: 1rem;
         }
+        .system-prompt-display {
+            background-color: #f8f9fa;
+            padding: 1rem;
+            border-radius: 8px;
+            font-family: monospace;
+            white-space: pre-wrap;
+            border: 1px solid #dee2e6;
+        }
         """
     ) as interface:
         
         gr.HTML("""
         <div class="header">
             <h1>Code Gen Prompt Reformatter</h1>
-            <p>Text trans</p>
+            <p>Text transformation processor which attempts to improve a rough draft of a definition for a subagent in an agentic code generation system.</p>
         </div>
         """)
         
-        with gr.Row():
-            with gr.Column():
-                api_key_input = gr.Textbox(
-                    label="OpenAI API Key",
-                    placeholder="sk-...",
-                    type="password",
-                    info="Your API key is not stored and only used for this session"
-                )
-                
-                rough_draft_input = gr.Textbox(
-                    label="Rough Draft",
-                    placeholder="Enter your rough draft describing the desired functionalities of the AI code generation agent...",
-                    lines=10,
-                    max_lines=20
-                )
-                
+        with gr.Tabs():
+            with gr.TabItem("Prompt Reformatter"):
                 with gr.Row():
-                    clear_btn = gr.Button("Clear", variant="secondary")
-                    submit_btn = gr.Button("Reformat Prompt", variant="primary", scale=2)
+                    with gr.Column():
+                        api_key_input = gr.Textbox(
+                            label="OpenAI API Key",
+                            placeholder="sk-...",
+                            type="password",
+                            info="Your API key is not stored and only used for this session"
+                        )
+                        
+                        rough_draft_input = gr.Textbox(
+                            label="Rough Draft",
+                            placeholder="Enter your rough draft describing the desired functionalities of the AI code generation agent...",
+                            lines=10,
+                            max_lines=20
+                        )
+                        
+                        with gr.Row():
+                            clear_btn = gr.Button("Clear", variant="secondary")
+                            submit_btn = gr.Button("Reformat Prompt", variant="primary", scale=2)
+                    
+                    with gr.Column():
+                        output = gr.Textbox(
+                            label="Reformatted System Prompt",
+                            lines=15,
+                            max_lines=25,
+                            show_copy_button=True,
+                            interactive=False
+                        )
             
-            with gr.Column():
-                output = gr.Textbox(
-                    label="Reformatted System Prompt",
-                    lines=15,
-                    max_lines=25,
+            with gr.TabItem("System Prompt"):
+                gr.HTML("""
+                <h3>System Prompt Used in Workflow</h3>
+                <p>This is the system prompt that guides the AI in reformatting your rough drafts into polished system prompts:</p>
+                """)
+                
+                gr.Textbox(
+                    value=SYSTEM_PROMPT,
+                    label="Current System Prompt",
+                    lines=20,
+                    max_lines=30,
                     show_copy_button=True,
-                    interactive=False
+                    interactive=False,
+                    elem_classes=["system-prompt-display"]
                 )
+                
+                gr.HTML("""
+                <div style="margin-top: 1rem; padding: 1rem; background-color: #e3f2fd; border-radius: 8px;">
+                    <h4>About This System Prompt</h4>
+                    <p>This system prompt instructs the AI to:</p>
+                    <ul>
+                        <li>Convert rough notes into polished system prompts for code generation agents</li>
+                        <li>Focus on sub-agents within multi-agent frameworks</li>
+                        <li>Ensure all desired functionalities are clearly reflected</li>
+                        <li>Return results in markdown format within code fences</li>
+                        <li>Treat each input as a new, independent specification</li>
+                    </ul>
+                </div>
+                """)
         
         # Event handlers
         submit_btn.click(