Update app.py

app.py

@@ -80,16 +80,17 @@ def run_flow(blocks):
 # ACTIONS
 # -----------------------------
 
+def refresh_choices(blocks):
+    return [f"{i}: {b['title']}" for i, b in enumerate(blocks)]
+
 def add_block(blocks, block_type):
     blocks.append(create_block(block_type))
 
-    choices = [f"{i}: {b['title']}" for i, b in enumerate(blocks)]
-
+    choices = refresh_choices(blocks)
     selected = choices[-1] if choices else None
 
     return blocks, choices, selected
 
-
 def load_block(blocks, selected):
     if not selected:
         return "", "", "", "", ""
@@ -99,7 +100,6 @@ def load_block(blocks, selected):
 
     return b["var"], b["value"], b["prompt"], b["system"], b["output"]
 
-
 def save_block(blocks, selected, var, value, prompt, system):
     if not selected:
         return blocks
@@ -133,15 +133,14 @@ with gr.Blocks() as demo:
             add_text = gr.Button("➕ Text Input")
             add_ai = gr.Button("➕ AI Block")
 
-        # CANVAS
+        # CANVAS (Dropdown instead of Radio)
         with gr.Column(scale=2):
             gr.Markdown("## 🧠 Canvas")
 
-            block_list = gr.Radio(
+            block_selector = gr.Dropdown(
                 choices=[],
                 value=None,
-                label="Blocks",
-                interactive=True
+                label="Select Block"
             )
 
         # INSPECTOR
@@ -164,42 +163,42 @@ with gr.Blocks() as demo:
     add_text.click(
         fn=lambda b: add_block(b, "text"),
         inputs=blocks_state,
-        outputs=[blocks_state, block_list, block_list]
+        outputs=[blocks_state, block_selector, block_selector]
     )
 
     add_ai.click(
         fn=lambda b: add_block(b, "ai"),
         inputs=blocks_state,
-        outputs=[blocks_state, block_list, block_list]
+        outputs=[blocks_state, block_selector, block_selector]
     )
 
-    block_list.change(
+    block_selector.change(
         fn=load_block,
-        inputs=[blocks_state, block_list],
+        inputs=[blocks_state, block_selector],
         outputs=[var, value, prompt, system, output]
     )
 
     var.change(
         fn=save_block,
-        inputs=[blocks_state, block_list, var, value, prompt, system],
+        inputs=[blocks_state, block_selector, var, value, prompt, system],
         outputs=blocks_state
     )
 
     value.change(
         fn=save_block,
-        inputs=[blocks_state, block_list, var, value, prompt, system],
+        inputs=[blocks_state, block_selector, var, value, prompt, system],
         outputs=blocks_state
     )
 
     prompt.change(
         fn=save_block,
-        inputs=[blocks_state, block_list, var, value, prompt, system],
+        inputs=[blocks_state, block_selector, var, value, prompt, system],
         outputs=blocks_state
     )
 
     system.change(
         fn=save_block,
-        inputs=[blocks_state, block_list, var, value, prompt, system],
+        inputs=[blocks_state, block_selector, var, value, prompt, system],
         outputs=blocks_state
     )
 
@@ -209,7 +208,7 @@ with gr.Blocks() as demo:
         outputs=[blocks_state, variables_out, logs]
     )
 
-# ✅ CSS FIX (Gradio 6)
+# CSS fix
 demo.launch(css="""
 body { background-color: #0f172a; color: white; }
 """)