updates

tinysql_model_demo.py

@@ -125,14 +125,13 @@ def model_demo(shared_instruction, shared_schema):
         with gr.Column(scale=2):
             gr.Markdown("### Your Query")
             
-            # Query in code box like schema
-            instruction = gr.Code(
+            # Query as Textbox styled like a code box
+            instruction = gr.Textbox(
                 label="Natural Language Query",
-                language="text",
-                value="",
-                lines=2
+                placeholder="e.g., Find all employees earning more than 50000 sorted by name",
+                lines=2,
+                value=""
             )
-            
             # Database schema as Code (SQL formatted)
             schema = gr.Code(
                 label="Database Schema",
@@ -152,13 +151,13 @@ def model_demo(shared_instruction, shared_schema):
 
     gr.Markdown("### Example Query")
     
-    # Custom example with query in code box
+    # Custom example with query in styled box
     gr.HTML("""
         <div style="background: #2A2A2A; border-radius: 12px; padding: 1.5rem; margin: 1rem 0; border: 1px solid #3A3A3A;">
             <div style="margin-bottom: 0.75rem;">
                 <strong style="color: #FF6B4A;">Model:</strong> <span style="color: #D0D0D0;">BM2_CS2_Syn (0.5B)</span>
             </div>
-<div style="margin-bottom: 0.75rem;">
+            <div style="margin-bottom: 0.75rem;">
                 <strong style="color: #FF6B4A;">Query:</strong>
                 <pre style="background: #1A1A1A; padding: 0.75rem; border-radius: 6px; margin-top: 0.5rem; color: #D0D0D0; font-size: 0.85rem; line-height: 1.5;">List worker earnings from highest to lowest</pre>
             </div>