Update app.py

app.py

@@ -1,375 +1,100 @@
 import gradio as gr
 from geminisearch import webSearch
-import threading
-import time
 
-class QuasarAudioChat:
-    def __init__(self):
-        self.is_processing = False
-        
-    def process_audio_message(self, audio, chat_history):
-        """Process audio input using Gradio's built-in speech recognition"""
-        if audio is None:
-            return chat_history, "Please provide audio input", "No audio received"
-        
-        try:
-            # Gradio will handle the speech-to-text conversion automatically
-            # when we use the audio input with the speech recognition feature
-            return chat_history, "Processing audio...", "Audio received, processing..."
-        except Exception as e:
-            error_msg = f"Audio processing error: {str(e)}"
-            chat_history.append({"role": "assistant", "content": error_msg})
-            return chat_history, error_msg, "Error processing audio"
-    
-    def process_text_with_audio_response(self, text, chat_history):
-        """Process text input and prepare for audio output"""
-        if not text.strip():
-            return chat_history, "", "Please enter a message"
-        
-        # Add user message to chat
-        chat_history.append({"role": "user", "content": text})
-        
-        try:
-            # Get response from webSearch
-            response = webSearch(text)
-            chat_history.append({"role": "assistant", "content": response})
-            
-            return chat_history, "", f"✅ Response ready: {text[:30]}..."
-        
-        except Exception as e:
-            error_msg = f"Search error: {str(e)}"
-            chat_history.append({"role": "assistant", "content": error_msg})
-            return chat_history, "", f"❌ Error: {str(e)[:30]}..."
-
-# Initialize audio chat
-audio_chat = QuasarAudioChat()
-
-# Predefined questions for Quasar LLM
-quasar_examples = [
+# Concise example questions for MCP interface
+mcp_examples = [
     "What are the latest AI technology developments?",
-    "What's happening in global news today?", 
+    "What's happening in global news today?",
     "What's the current cryptocurrency market status?"
 ]
 
-# Enhanced CSS with modern audio chat styling
+# Custom CSS for better styling
 custom_css = """
-:root {
-    --quasar-primary: #667eea;
-    --quasar-secondary: #764ba2;
-    --quasar-accent: #ff6b6b;
-    --quasar-gold: #ffd93d;
-}
-
 .gradio-container {
-    max-width: 1400px !important;
+    max-width: 1200px !important;
     margin: auto !important;
-    background: linear-gradient(135deg, var(--quasar-primary) 0%, var(--quasar-secondary) 100%) !important;
-    min-height: 100vh !important;
-    padding: 1rem !important;
-}
-
-.main-container {
-    background: rgba(255, 255, 255, 0.95) !important;
-    border-radius: 25px !important;
-    padding: 2rem !important;
-    box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
-    backdrop-filter: blur(10px) !important;
 }
 
 .chatbot {
-    border-radius: 20px !important;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
-    border: 2px solid rgba(102, 126, 234, 0.2) !important;
-    background: rgba(255, 255, 255, 0.9) !important;
-}
-
-.audio-section {
-    background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(255, 217, 61, 0.1)) !important;
-    border-radius: 20px !important;
-    padding: 1.5rem !important;
-    margin: 1rem 0 !important;
-    border: 2px solid rgba(255, 107, 107, 0.2) !important;
-}
-
-.audio-input {
     border-radius: 15px !important;
-    background: rgba(255, 255, 255, 0.9) !important;
-    border: 2px solid var(--quasar-accent) !important;
-    box-shadow: 0 5px 15px rgba(255, 107, 107, 0.2) !important;
-}
-
-.voice-button {
-    background: linear-gradient(135deg, var(--quasar-accent), var(--quasar-gold)) !important;
-    border: none !important;
-    border-radius: 50px !important;
-    color: white !important;
-    font-weight: 600 !important;
-    font-size: 1.1rem !important;
-    padding: 0.8rem 2rem !important;
-    box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3) !important;
-    transition: all 0.3s ease !important;
-    text-transform: uppercase !important;
-    letter-spacing: 1px !important;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
 }
 
-.voice-button:hover {
-    transform: translateY(-3px) !important;
-    box-shadow: 0 12px 30px rgba(255, 107, 107, 0.4) !important;
-}
-
-.text-section {
-    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1)) !important;
-    border-radius: 20px !important;
-    padding: 1.5rem !important;
-    margin: 1rem 0 !important;
-    border: 2px solid rgba(102, 126, 234, 0.2) !important;
-}
-
-.text-input {
-    border-radius: 25px !important;
-    border: 2px solid var(--quasar-primary) !important;
-    background: rgba(255, 255, 255, 0.9) !important;
-    font-size: 1rem !important;
-    padding: 0.8rem 1.5rem !important;
-}
-
-.text-input:focus {
-    border-color: var(--quasar-secondary) !important;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
-}
-
-.send-button {
-    background: linear-gradient(135deg, var(--quasar-primary), var(--quasar-secondary)) !important;
-    border: none !important;
+.input-container {
     border-radius: 25px !important;
-    color: white !important;
-    font-weight: 600 !important;
-    padding: 0.8rem 1.5rem !important;
-    transition: all 0.3s ease !important;
+    border: 2px solid #e1e5e9 !important;
 }
 
-.send-button:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3) !important;
+.input-container:focus-within {
+    border-color: #4285f4 !important;
+    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.1) !important;
 }
 
 h1 {
     text-align: center !important;
-    background: linear-gradient(135deg, var(--quasar-primary), var(--quasar-secondary)) !important;
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-    font-weight: 800 !important;
-    font-size: 3rem !important;
-    margin-bottom: 0.5rem !important;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.1) !important;
-}
-
-.subtitle {
-    text-align: center !important;
-    color: #555 !important;
-    font-size: 1.2rem !important;
+    color: #1a73e8 !important;
+    font-weight: 600 !important;
     margin-bottom: 2rem !important;
-    font-weight: 400 !important;
-}
-
-.status-box {
-    background: linear-gradient(135deg, #e8f4f8, #f0f8ff) !important;
-    border: 2px solid #1976d2 !important;
-    border-radius: 15px !important;
-    padding: 1rem !important;
-    color: #1976d2 !important;
-    font-weight: 500 !important;
-    text-align: center !important;
-    font-size: 0.95rem !important;
 }
 
 .examples {
-    margin-top: 2rem !important;
+    margin-top: 1rem !important;
 }
 
 .example {
-    border-radius: 25px !important;
-    background: linear-gradient(135deg, var(--quasar-primary) 0%, var(--quasar-secondary) 100%) !important;
+    border-radius: 20px !important;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
     color: white !important;
     border: none !important;
     transition: all 0.3s ease !important;
-    font-weight: 500 !important;
-    padding: 0.8rem 1.5rem !important;
-    font-size: 0.95rem !important;
 }
 
 .example:hover {
-    transform: translateY(-3px) !important;
-    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3) !important;
-}
-
-.feature-badge {
-    display: inline-block !important;
-    background: var(--quasar-accent) !important;
-    color: white !important;
-    padding: 0.3rem 0.8rem !important;
-    border-radius: 20px !important;
-    font-size: 0.8rem !important;
-    font-weight: 600 !important;
-    margin: 0 0.3rem !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
 }
 """
 
-# Create the Quasar LLM interface
-with gr.Blocks(
+# Create the enhanced interface
+app = gr.ChatInterface(
+    webSearch,
+    chatbot=gr.Chatbot(
+        height=500,
+        show_label=False,
+        container=True,
+        bubble_full_width=False,
+        render_markdown=True
+    ),
+    type="messages",
+    textbox=gr.Textbox(
+        placeholder="🔍 Ask me anything about current events, news, or real-time information...",
+        container=False,
+        scale=7,
+        show_label=False,
+        lines=1,
+        max_lines=3
+    ),
+    title="✨ Quasar LLM Web Chat",
+    description="Quasar LLM powered interface for real-time web search and intelligent responses.",
     theme=gr.themes.Soft(
         primary_hue="blue",
-        secondary_hue="slate", 
+        secondary_hue="slate",
         neutral_hue="slate",
         font=gr.themes.GoogleFont("Inter")
     ),
+    examples=mcp_examples,
+    cache_examples=False,
     css=custom_css,
-    title="Quasar LLM Audio Chat"
-) as app:
-    
-    # Header
-    gr.HTML("""
-        <div style="text-align: center; margin-bottom: 2rem;">
-            <h1>✨ Quasar LLM</h1>
-            <p class="subtitle">
-                🎤 <span class="feature-badge">VOICE</span> 
-                💬 <span class="feature-badge">TEXT</span> 
-                🌐 <span class="feature-badge">WEB SEARCH</span><br>
-                Real-time AI-powered conversations with web intelligence
-            </p>
-        </div>
-    """)
-    
-    # Main chat interface
-    chatbot = gr.Chatbot(
-        value=[],
-        height=450,
-        show_label=False,
-        container=True,
-        bubble_full_width=False,
-        render_markdown=True,
-        type="messages",
-        elem_classes=["chatbot"]
-    )
-    
-    # Audio Input Section
-    with gr.Group(elem_classes=["audio-section"]):
-        gr.HTML("<h3 style='text-align: center; color: #ff6b6b; margin-bottom: 1rem;'>🎤 Voice Input</h3>")
-        
-        with gr.Row():
-            with gr.Column(scale=4):
-                audio_input = gr.Audio(
-                    sources=["microphone"],
-                    type="filepath",
-                    label="Record your question",
-                    show_label=False,
-                    container=False,
-                    elem_classes=["audio-input"]
-                )
-            
-            with gr.Column(scale=1, min_width=150):
-                audio_submit = gr.Button(
-                    "🎤 Ask Voice",
-                    variant="primary",
-                    size="lg",
-                    elem_classes=["voice-button"]
-                )
-    
-    # Text Input Section  
-    with gr.Group(elem_classes=["text-section"]):
-        gr.HTML("<h3 style='text-align: center; color: #667eea; margin-bottom: 1rem;'>💬 Text Input</h3>")
-        
-        with gr.Row():
-            with gr.Column(scale=5):
-                text_input = gr.Textbox(
-                    placeholder="Type your question here or use voice input above...",
-                    container=False,
-                    show_label=False,
-                    lines=1,
-                    max_lines=3,
-                    elem_classes=["text-input"]
-                )
-            
-            with gr.Column(scale=1, min_width=100):
-                text_submit = gr.Button(
-                    "Send",
-                    variant="secondary",
-                    elem_classes=["send-button"]
-                )
-    
-    # Status Display
-    status = gr.Textbox(
-        value="🚀 Ready for your questions - Use voice or text input!",
-        label="Status",
-        interactive=False,
-        elem_classes=["status-box"],
-        show_label=False
-    )
-    
-    # Example Questions
-    gr.Examples(
-        examples=quasar_examples,
-        inputs=[text_input],
-        label="✨ Try these example questions:",
-        elem_classes=["examples"]
-    )
-    
-    # Audio processing function
-    def handle_audio_input(audio_file, history):
-        if audio_file is None:
-            return history, "Please record audio first 🎤"
-        
-        # For now, we'll add a placeholder message since we don't have speech-to-text
-        # In a real deployment, you'd integrate with a speech-to-text service
-        user_message = "🎤 [Voice message received - Speech-to-text would process this]"
-        history.append({"role": "user", "content": user_message})
-        
-        # Add a helpful response
-        response = "I received your voice message! However, speech-to-text processing requires additional services. Please use the text input below for now, or integrate with a cloud speech service like Google Speech-to-Text or OpenAI Whisper."
-        history.append({"role": "assistant", "content": response})
-        
-        return history, "Voice message received (text processing recommended)"
-    
-    # Text processing function
-    def handle_text_input(text, history):
-        if not text.strip():
-            return history, "", "Please enter a message 📝"
-        
-        # Add user message
-        history.append({"role": "user", "content": text})
-        
-        try:
-            # Get response from webSearch
-            response = webSearch(text)
-            history.append({"role": "assistant", "content": response})
-            
-            return history, "", f"✅ Question answered: {text[:40]}..."
-            
-        except Exception as e:
-            error_msg = f"🔍 Search temporarily unavailable: {str(e)}"
-            history.append({"role": "assistant", "content": error_msg})
-            return history, "", f"❌ Error occurred"
-    
-    # Event handlers
-    audio_submit.click(
-        handle_audio_input,
-        inputs=[audio_input, chatbot],
-        outputs=[chatbot, status]
-    )
-    
-    text_submit.click(
-        handle_text_input,
-        inputs=[text_input, chatbot],
-        outputs=[chatbot, text_input, status]
-    )
-    
-    text_input.submit(
-        handle_text_input,
-        inputs=[text_input, chatbot],
-        outputs=[chatbot, text_input, status]
-    )
+    analytics_enabled=False,
+    show_progress="minimal"
+)
+
+# Additional configuration
+app.queue(
+    default_concurrency_limit=20,
+    max_size=50
+)
 
-# Launch configuration
 if __name__ == "__main__":
     app.launch(
         mcp_server=True,
@@ -377,6 +102,6 @@ if __name__ == "__main__":
         inbrowser=True,
         show_error=True,
         quiet=False,
-        server_name="0.0.0.0",
-        server_port=7860
+        favicon_path=None,
+        ssl_verify=False
     )