fixing 4

app.py

@@ -72,13 +72,13 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
 
             # --- Loading State Components ---
             with gr.Row():
-                run_btn = gr.Button("Generate Verilog", variant="primary")
-                # New loading state components
+                run_btn = gr.Button("Generate Verilog", variant="primary", elem_id="generate-button")
                 loading_state = gr.Textbox(
                     value="Generating...",
                     show_copy_button=False,
                     visible=False,
-                    container=False,
+                    container=True,
+                    elem_id="loading-state"
                 )
                 
         with gr.Column(scale=3):
@@ -111,20 +111,17 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
     def copy_to_clipboard_fn(text):
         return text
 
-    # Helper function to show loading state
     def show_loading():
         return [gr.update(visible=False), gr.update(visible=True)]
 
-    # Helper function to hide loading state
     def hide_loading():
         return [gr.update(visible=True), gr.update(visible=False)]
 
-    # --- Event Handlers ---
     run_btn.click(
         fn=show_loading,
         inputs=[],
         outputs=[run_btn, loading_state],
-        show_progress=False # Disable default progress spinner
+        show_progress=False
     ).then(
         fn=run_generation,
         inputs=[spec, use_rag, top_k, model_choice, api_key, temperature, top_p, max_new_tokens],
@@ -135,7 +132,6 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
         outputs=[run_btn, loading_state]
     )
 
-    # Status bar updates
     clear_btn.click(fn=lambda: "Ready", outputs=[status_bar])
     spec.submit(fn=lambda: "Ready", outputs=[status_bar])
 
@@ -171,6 +167,23 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             border: none;
             box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
+
+        /* Styling for the loading state textbox */
+        #loading-state {
+            text-align: center;
+            font-size: 1.2em;
+            font-weight: bold;
+            color: #2e8b57; /* A nice dark blue from the soft theme palette */
+            background-color: #e6f2ff; /* A light blue that matches the soft theme */
+            animation: pulse 1s infinite;
+        }
+
+        /* CSS keyframes for the pulsing animation */
+        @keyframes pulse {
+            0% { background-color: #e6f2ff; }
+            50% { background-color: #d2e4f7; }
+            100% { background-color: #e6f2ff; }
+        }
     """
 
 if __name__ == "__main__":