Update app.py

app.py

@@ -43,7 +43,40 @@ app_state = {"components": []}
 
 terminal_history = ""
 #--- Component Library ---
-components_registry = { "Button": { "properties": {"label": "Click Me", "onclick": ""}, "description": "A clickable button", "code_snippet": 'gr.Button(value="{label}", variant="primary")', }, "Text Input": { "properties": {"value": "", "placeholder": "Enter text"}, "description": "A field for entering text", "code_snippet": 'gr.Textbox(label="{placeholder}")', }, "Image": { "properties": {"src": "#", "alt": "Image"}, "description": "Displays an image", "code_snippet": 'gr.Image(label="{alt}")', }, "Dropdown": { "properties": {"choices": ["Option 1", "Option 2"], "value": ""}, "description": "A dropdown menu for selecting options", "code_snippet": 'gr.Dropdown(choices={choices}, label="Dropdown")'}, # Add more components here... }
+components_registry = {
+    "Button": {
+        "properties": {
+            "label": "Click Me",
+            "onclick": ""
+        },
+        "description": "A clickable button",
+        "code_snippet": "gr.Button(value='{{label}}', variant='primary')"
+    },
+    "Text Input": {
+        "properties": {
+            "value": "",
+            "placeholder": "Enter text"
+        },
+        "description": "A field for entering text",
+        "code_snippet": "gr.Textbox(label='{{placeholder}}')"
+    },
+    "Image": {
+        "properties": {
+            "src": "#",
+            "alt": "Image"
+        },
+        "description": "Displays an image",
+        "code_snippet": "gr.Image(label='{{alt}}')"
+    },
+    "Dropdown": {
+        "properties": {
+            "choices": ["Option 1", "Option 2"],
+            "value": ""
+        },
+        "description": "A dropdown menu for selecting options",
+        "code_snippet": "gr.Dropdown(choices={{choices}}, label='Dropdown')"
+    }
+}
 
 #--- NLP Model (Example using Hugging Face) ---
 nlp_model_names = [