Update app.py

app.py

@@ -382,85 +382,64 @@ def on_refresh_progress():
 # UI
 # ---------------------------------------------------------------------------
 
-with gr.Blocks(title="CodeMentor PRO", theme=gr.themes.Soft(primary_hue="indigo", secondary_hue="blue")) as demo:
-    gr.Markdown("# 🧑‍💻 CodeMentor PRO\n**Your personal, execution-verified coding coach.**")
+with gr.Blocks(title="CodeMentor PRO") as demo:
+    gr.Markdown("# 🧑‍💻 CodeMentor PRO\nYour personal, execution-verified coding coach.")
 
     state_last_code = gr.State("")
     _initial_table, _initial_chart, _initial_summary = get_progress_snapshot()
     state_last_language = gr.State(SUPPORTED_LANGUAGES[0])
     state_last_level = gr.State(EXPLANATION_LEVELS[0])
 
-    with gr.Tab("🔍 Analyze Code"):
+    with gr.Tab("Analyze Code"):
         with gr.Row():
-            # Left Pane: Input and Setup
-            with gr.Column(scale=4):
-                gr.Markdown("### 1. Provide Code")
-                code_input = gr.Textbox(label="", lines=12, placeholder="Paste your code here, or upload a screenshot below…")
+            with gr.Column(scale=2):
+                code_input = gr.Textbox(label="Paste your code", lines=16, placeholder="Paste your code here, or upload a screenshot below…")
                 with gr.Accordion("📸 Or upload a code screenshot", open=False):
-                    image_input = gr.Image(label="Code screenshot", type="filepath", height=200)
-                    extract_btn = gr.Button("🔍 Extract Code", variant="secondary")
-                
-                gr.Markdown("### 2. Configuration")
-                with gr.Row():
-                    language_dd = gr.Dropdown(SUPPORTED_LANGUAGES, value=SUPPORTED_LANGUAGES[0], label="Language", scale=1)
-                    level_dd = gr.Dropdown(EXPLANATION_LEVELS, value=EXPLANATION_LEVELS[0], label="Explanation Level", scale=1)
-                
-                plan_btn = gr.Button("3. Preview Plan", variant="primary")
-                
-                plan_output = gr.Markdown(visible=False)
-                with gr.Row(visible=False) as plan_actions:
-                    approve_btn = gr.Button("✅ Approve & Run", variant="primary")
-                    cancel_btn = gr.Button("❌ Cancel")
-
-            # Right Pane: Results
-            with gr.Column(scale=8):
-                gr.Markdown("### 📊 Analysis Results")
-                with gr.Tabs():
-                    with gr.Tab("📖 Explanation"):
-                        gr.Markdown("#### Breakdown")
-                        breakdown_out = gr.Markdown(value="_Run an analysis to see the line-by-line breakdown._")
-                        gr.Markdown("---")
-                        gr.Markdown("#### 💡 Analogy")
-                        analogy_out = gr.Markdown(value="_Analogy will appear here._")
-                    
-                    with gr.Tab("🐞 Diagnostics & Code"):
-                        with gr.Accordion("🚨 Errors & Weakness Review", open=True):
-                            errors_out = gr.Markdown(value="_No error data yet._")
-                        with gr.Accordion("🧹 Cleanup Diff", open=False):
-                            cleanup_out = gr.Markdown(value="_Code cleanup suggestions will appear here._")
-                        with gr.Accordion("⚡ Optimal Solution", open=False):
-                            optimal_out = gr.Markdown(value="_Optimization review will appear here._")
-                    
-                    with gr.Tab("📚 Learning Resources"):
-                        with gr.Accordion("📑 Documentation Findings", open=True):
-                            docs_out = gr.HTML(value="<i>No docs searched yet.</i>")
-                        with gr.Accordion("🔗 Further Resources", open=True):
-                            resources_out = gr.HTML(value="<i>No resources searched yet.</i>")
-                    
-                    with gr.Tab("📥 Export"):
-                        gr.Markdown("Download a complete markdown report of this session to save your progress.")
-                        report_file = gr.File(label="Download Session Report")
-
-    with gr.Tab("💬 Chat / Follow-up"):
+                    image_input = gr.Image(label="Code screenshot", type="filepath", height=240)
+                    extract_btn = gr.Button("🔍 Extract Code from Image", variant="secondary")
+            with gr.Column(scale=1):
+                language_dd = gr.Dropdown(SUPPORTED_LANGUAGES, value=SUPPORTED_LANGUAGES[0], label="Language")
+                level_dd = gr.Dropdown(EXPLANATION_LEVELS, value=EXPLANATION_LEVELS[0], label="Explanation level")
+                plan_btn = gr.Button("1. Preview Plan", variant="primary")
+
+        plan_output = gr.Markdown(visible=False)
+        with gr.Row(visible=False) as plan_actions:
+            approve_btn = gr.Button("✅ Approve & Run Analysis", variant="primary")
+            cancel_btn = gr.Button("❌ Cancel")
+
+        with gr.Accordion("📖 Breakdown", open=True):
+            breakdown_out = gr.Markdown()
+        with gr.Accordion("💡 Analogy", open=False):
+            analogy_out = gr.Markdown()
+        with gr.Accordion("🐞 Errors & Weakness Review", open=True):
+            errors_out = gr.Markdown()
+        with gr.Accordion("🧹 Cleanup Diff", open=False):
+            cleanup_out = gr.Markdown()
+        with gr.Accordion("⚡ Optimal Solution", open=False):
+            optimal_out = gr.Markdown()
+        with gr.Accordion("📚 Documentation Findings", open=False):
+            docs_out = gr.HTML()
+        with gr.Accordion("🔗 Further Resources", open=False):
+            resources_out = gr.HTML()
+
+        report_file = gr.File(label="Download session report")
+
+    with gr.Tab("Chat / Follow-up"):
         gr.Markdown("Ask follow-up questions about the code you analyzed — I'll remember the context.")
         chatbot = gr.Chatbot(label="CodeMentor", height=400, value=_greeting_message())
-        with gr.Row():
-            chat_input = gr.Textbox(label="Your question", placeholder="e.g. why did you suggest that fix?", scale=4)
-            chat_send_btn = gr.Button("Send", variant="primary", scale=1)
+        chat_input = gr.Textbox(label="Your question", placeholder="e.g. why did you suggest that fix?")
+        chat_send_btn = gr.Button("Send", variant="primary")
 
-    with gr.Tab("📈 My Progress"):
+    with gr.Tab("My Progress"):
         gr.Markdown("Your language-wise revision history and skill breakdown.")
-        refresh_btn = gr.Button("🔄 Refresh Data")
-        with gr.Row():
-            with gr.Column(scale=1):
-                revision_table = gr.Dataframe(
-                    headers=["Language", "Submissions", "Syntax Errors", "Logical Errors", "TLE Count", "Last Seen"],
-                    value=_initial_table,
-                    interactive=False,
-                )
-                skill_summary = gr.Markdown(value=_initial_summary)
-            with gr.Column(scale=1):
-                skill_pie = gr.Plot(value=_initial_chart)
+        refresh_btn = gr.Button("🔄 Refresh")
+        revision_table = gr.Dataframe(
+            headers=["Language", "Submissions", "Syntax Errors", "Logical Errors", "TLE Count", "Last Seen"],
+            value=_initial_table,
+            interactive=False,
+        )
+        skill_pie = gr.Plot(value=_initial_chart)
+        skill_summary = gr.Markdown(value=_initial_summary)
 
     # ------------------------------ Event wiring ------------------------------