modular code apsssjjjadfdrfe

app.py

@@ -1,41 +1,34 @@
 import gradio as gr
-from core import submit_query, clear_history
-
-with gr.Blocks(theme=gr.themes.Soft(), css=\"\"\"
-.full-height { height: 100%; display: flex; align-items: stretch; min-height: 40px; }
-.full-height button { height: 100%; padding: 8px 16px; }
-.providers-row { height: 100%; display: flex; align-items: stretch; min-height: 40px; }
-.providers-row .checkbox-group { height: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px; }
-\"\"\") as demo:
-    gr.Markdown("# Multi-Model Chat")
-    gr.Markdown("Chat with OpenAI, Anthropic, or Gemini. Select providers and compare responses side by side!")
-
-    with gr.Row(elem_classes="providers-row"):
-        providers = gr.CheckboxGroup(choices=["OpenAI", "Anthropic", "Gemini"], label="Select Providers", value=["OpenAI"], elem_classes="checkbox-group")
-
-    with gr.Row(elem_classes="full-height"):
-        query = gr.Textbox(label="Enter your query", placeholder="e.g., What is the capital of the United States?", scale=4)
-        submit_button = gr.Button("Submit", scale=1)
+from core import submit_query
 
+with gr.Blocks(theme=gr.themes.Soft(), css="""
+    .gradio-container {background-color: #f0f4f8;}
+    .chatbot {border-radius: 10px;}
+""") as demo:
+    gr.Markdown("# Multi-Provider AI Chatbot")
     with gr.Row():
-        clear_button = gr.Button("Clear History")
-
-    with gr.Row():
-        openai_chatbot = gr.Chatbot(label="OpenAI", type="messages", scale=1)
-        anthropic_chatbot = gr.Chatbot(label="Anthropic", type="messages", scale=1)
-        gemini_chatbot = gr.Chatbot(label="Gemini", type="messages", scale=1)
-
-    chat_history = gr.State([])  # 👈 State to maintain history across submissions
-
-    submit_button.click(
+        with gr.Column(scale=1):
+            provider_select = gr.CheckboxGroup(
+                choices=["OpenAI", "Anthropic", "Gemini"],
+                value=["OpenAI", "Anthropic", "Gemini"],
+                label="Select Providers"
+            )
+        with gr.Column(scale=3):
+            chatbot = gr.Chatbot(label="Chatbot Responses")
+            query_input = gr.Textbox(label="Enter your query", placeholder="Type your question here...")
+            submit_btn = gr.Button("Submit")
+            clear_btn = gr.Button("Clear")
+
+    submit_btn.click(
         fn=submit_query,
-        inputs=[query, providers, chat_history],
-        outputs=[query, openai_chatbot, anthropic_chatbot, gemini_chatbot, chat_history]
+        inputs=[query_input, provider_select],
+        outputs=chatbot
     )
-    clear_button.click(
-        fn=clear_history,
-        inputs=[],
-        outputs=[openai_chatbot, anthropic_chatbot, gemini_chatbot, chat_history]
+    clear_btn.click(
+        fn=lambda: None,
+        inputs=None,
+        outputs=[chatbot, query_input],
+        _js="() => ['', '']"
     )
 
-demo.launch()
+demo.launch()