Update app.py

app.py

@@ -16,7 +16,6 @@ chat_history: List[Dict[str, str]] = []
 
 def groq_with_memory(message: str, topic: str = "general", summarize: bool = False, max_history: int = 10) -> str:
     """Groq API call with chat history and optional summarization"""
-    
     if not API_KEY:
         return "❌ No API Key found"
     
@@ -29,7 +28,7 @@ def groq_with_memory(message: str, topic: str = "general", summarize: bool = Fal
             "Content-Type": "application/json"
         }
         
-        # Add current message to history with timestamp and topic
+        # Add current message to history
         chat_history.append({
             "role": "user",
             "content": message.strip(),
@@ -37,15 +36,14 @@ def groq_with_memory(message: str, topic: str = "general", summarize: bool = Fal
             "timestamp": datetime.now().isoformat()
         })
         
-        # Limit history to max_history messages
-        recent_history = chat_history[-max_history:]
-        
         # Prepare messages for API call
-        messages = [{"role": msg["role"], "content": msg["content"]} for msg in recent_history]
+        messages = [{"role": msg["role"], "content": msg["content"]} 
+                   for msg in chat_history[-max_history:]]
         
         if summarize:
             summary_prompt = f"Summarize this conversation about '{topic}':\n\n"
-            summary_prompt += "\n".join([f"{msg['role']}: {msg['content']}" for msg in recent_history])
+            summary_prompt += "\n".join([f"{msg['role']}: {msg['content']}" 
+                                       for msg in chat_history if msg["topic"] == topic])
             messages.append({"role": "user", "content": summary_prompt})
         
         payload = {
@@ -100,61 +98,77 @@ def manual_curl_example():
   -d '{{"model": "llama3-8b-8192", "messages": [{{"role": "user", "content": "Hello"}}]}}'
 """
 
-def process_message(message: str, topic: str, summarize: bool):
-    """Process message and clear input"""
+def process_chat(message: str, chat_history: list, topic: str, summarize: bool):
+    """Process chat message and update history"""
     response = groq_with_memory(message, topic, summarize)
-    return response, ""
+    chat_history.append((message, response))
+    return "", chat_history
 
-# Gradio Interface
-with gr.Blocks(title="Groq Chat Debugger") as demo:
-    gr.Markdown("## 💬 Groq API Chat Interface")
-    
-    with gr.Tab("Chat"):
-        with gr.Row():
-            with gr.Column():
+# Gradio Interface with Chatbox Style
+with gr.Blocks(title="Groq Chat Interface") as demo:
+    with gr.Tabs():
+        with gr.TabItem("💬 Chat"):
+            chatbot = gr.Chatbot(height=500)
+            with gr.Row():
                 msg_input = gr.Textbox(
-                    label="Your Message", 
-                    value="Hello, how can you help me today?"
+                    placeholder="Type your message here...",
+                    show_label=False,
+                    container=False,
+                    scale=7
                 )
+                with gr.Column(scale=1):
+                    send_btn = gr.Button("Send", variant="primary")
+                    clear_btn = gr.Button("Clear", variant="secondary")
+            
+            with gr.Accordion("⚙️ Settings", open=False):
                 topic_input = gr.Textbox(
-                    label="Topic", 
+                    label="Conversation Topic",
                     value="general"
                 )
-                summarize_cb = gr.Checkbox(label="Summarize conversation")
-                send_btn = gr.Button("Send", variant="primary")
-                
-            with gr.Column():
-                response_output = gr.Textbox(
-                    label="Response", 
-                    lines=10,
-                    interactive=False
+                summarize_cb = gr.Checkbox(
+                    label="Summarize conversation",
+                    value=False
                 )
+            
+            # Chat interaction
+            msg_input.submit(
+                process_chat,
+                [msg_input, chatbot, topic_input, summarize_cb],
+                [msg_input, chatbot]
+            )
+            send_btn.click(
+                process_chat,
+                [msg_input, chatbot, topic_input, summarize_cb],
+                [msg_input, chatbot]
+            )
+            clear_btn.click(lambda: [], None, chatbot)
         
-        send_btn.click(
-            process_message,
-            inputs=[msg_input, topic_input, summarize_cb],
-            outputs=[response_output, msg_input]
-        )
-    
-    with gr.Tab("History"):
-        history_topic = gr.Textbox(label="Filter by Topic")
-        view_btn = gr.Button("View History")
-        clear_btn = gr.Button("Clear History", variant="stop")
-        history_output = gr.Textbox(label="Chat History", lines=10)
-        
-        view_btn.click(view_history, inputs=[history_topic], outputs=[history_output])
-        clear_btn.click(clear_history, outputs=[history_output])
-    
-    with gr.Tab("API Tools"):
-        gr.Markdown(f"""
-        **API Status:** {'✅ Ready' if API_KEY else '❌ No API Key'}
-        **Endpoint:** `{API_URL}`
-        **Models:** `llama3-8b-8192`, `llama3-70b-8192`, `mixtral-8x7b-32768`
-        """)
+        with gr.TabItem("📜 History"):
+            history_topic = gr.Textbox(label="Filter by Topic")
+            view_btn = gr.Button("View History")
+            clear_history_btn = gr.Button("Clear All History", variant="stop")
+            history_output = gr.Textbox(label="Raw History", lines=15)
+            
+            view_btn.click(
+                view_history,
+                inputs=[history_topic],
+                outputs=[history_output]
+            )
+            clear_history_btn.click(
+                clear_history,
+                outputs=[history_output]
+            )
         
-        curl_btn = gr.Button("Generate cURL Example")
-        curl_output = gr.Code(label="cURL Command", language="shell")
-        curl_btn.click(manual_curl_example, outputs=[curl_output])
+        with gr.TabItem("🔧 API Tools"):
+            gr.Markdown(f"""
+            **API Status:** {'✅ Ready' if API_KEY else '❌ No API Key'}
+            **Endpoint:** `{API_URL}`
+            **Models:** `llama3-8b-8192`, `llama3-70b-8192`, `mixtral-8x7b-32768`
+            """)
+            
+            curl_btn = gr.Button("Generate cURL Example")
+            curl_output = gr.Code(label="cURL Command", language="shell")
+            curl_btn.click(manual_curl_example, outputs=[curl_output])
 
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860)