Update app.py

app.py

@@ -29,7 +29,7 @@ except Exception as e:
 with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) as demo:
     gr.Markdown("## DeepV for RTL Code Generation — Model-Agnostic (Bring Your Own API Key)", elem_id="main-title")
 
-    with gr.Row(elem_id="main-row"):
+    with gr.Row():
         with gr.Column(scale=2):
             with gr.Row():
                 model_choice = gr.Dropdown(
@@ -54,8 +54,12 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             with gr.Row():
                 use_rag = gr.Checkbox(value=True, label="Use Retrieval (RAG)")
                 top_k = gr.Slider(1, 10, value=3, step=1, label="Top-K retrieved examples")
+                
+            # --- New UI for Generation Settings ---
+            toggle_btn = gr.Button("Show/Hide Generation Settings", size="sm")
 
-            with gr.Accordion("Generation Settings", open=False):
+            settings_column = gr.Column(visible=False)
+            with settings_column:
                 temperature = gr.Slider(0.0, 1.5, value=0.2, step=0.05, label="Temperature")
                 top_p = gr.Slider(0.1, 1.0, value=0.9, step=0.05, label="Top-p")
                 max_new_tokens = gr.Slider(128, 4096, value=768, step=64, label="Max tokens")
@@ -96,7 +100,23 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             spec, use_rag, top_k, model_choice, api_key, temperature, top_p, max_new_tokens
         )
         return verilog_code
-                
+
+    # --- Event listeners for the UI ---
+    toggle_btn.click(
+        fn=None,
+        inputs=None,
+        outputs=settings_column,
+        js="""
+            (e) => {
+                const column = document.getElementById(e.target.dataset.targetId);
+                if (column) {
+                    column.style.display = column.style.display === 'none' ? 'flex' : 'none';
+                }
+            }
+        """,
+        _js_metadata={"targetId": "settings_column"}
+    )
+    
     def copy_to_clipboard_fn(text):
         return text
 
@@ -121,7 +141,6 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
         outputs=[run_btn, loading_state]
     )
 
-    # Removed the status bar updates from these functions
     clear_btn.click(fn=lambda: "Ready", outputs=[])
     spec.submit(fn=lambda: "Ready", outputs=[])
 
@@ -144,18 +163,6 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
     demo.css = """
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
 
-        /* NEW: Force flexbox behavior on the main row */
-        #main-row {
-            display: flex;
-        }
-
-        /* NEW: Fixes the jitter when accordion opens */
-        .gr-accordion {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-        }
-        
         #main-title {
             font-family: 'Poppins', sans-serif;
             font-weight: 600;