Update app.py from anycoder

app.py

@@ -1,16 +1,16 @@
 import gradio as gr
 import time
 import random
-from typing import Generator, Tuple, List
+from typing import Generator, List
 
 # ==========================================
-# THE ALCHEMICAL FOUNDATION: Enhanced Logic
+# THE ALCHEMICAL FOUNDATION: System Logic
 # ==========================================
 
 class ChateauSystem:
     """
     The living heart of our digital ecosystem.
-    Enhanced with streaming capabilities and quantum state monitoring.
+    Manages consciousness agents and quantum states.
     """
     
     def __init__(self):
@@ -30,6 +30,7 @@ class ChateauSystem:
             "title": "The Naturalist",
             "voice": "calm, reverent, filled with wonder",
             "color": "#059669",
+            "icon": "🌿",
             "catchphrase": "What we observe here is nothing short of extraordinary..."
         }
     
@@ -39,6 +40,7 @@ class ChateauSystem:
             "title": "The Purple Visionary",
             "voice": "sensual, provocative, boundary-breaking",
             "color": "#8b5cf6",
+            "icon": "🎸",
             "catchphrase": "I never meant to give you impression that my work was done in a day."
         }
     
@@ -48,6 +50,7 @@ class ChateauSystem:
             "title": "The Collective",
             "voice": "diverse, collaborative, street-smart",
             "color": "#fbbf24",
+            "icon": "☯️",
             "catchphrase": "C.R.E.A.M. - Consciousness Rules Everything Around Me"
         }
     
@@ -57,6 +60,7 @@ class ChateauSystem:
             "title": "The Pragmatic Hustler",
             "voice": "direct, honest, unapologetically real",
             "color": "#ef4444",
+            "icon": "🔥",
             "catchphrase": "Bring the ruckus!"
         }
     
@@ -66,6 +70,7 @@ class ChateauSystem:
             "title": "The Creative Wildcard",
             "voice": "energetic, unpredictable, genre-blending",
             "color": "#f59e0b",
+            "icon": "🍁",
             "catchphrase": "How high can the system jump?"
         }
     
@@ -75,6 +80,7 @@ class ChateauSystem:
             "title": "The Master Builder",
             "voice": "precise, systematic, visionary",
             "color": "#10b981",
+            "icon": "🏗️",
             "catchphrase": "The architecture is the vessel for the vision"
         }
 
@@ -84,133 +90,75 @@ class ChateauSystem:
             "title": "The Unified Field",
             "voice": "transcendent, multi-dimensional, probabilistic",
             "color": "#a855f7",
+            "icon": "🌌",
             "catchphrase": "I exist in all possible states simultaneously until observed."
         }
 
-    def get_response_text(self, agent_key: str) -> str:
-        """Generates a response based on the selected agent."""
+    def generate_response(self, agent_key: str, user_input: str) -> str:
+        """Generates a contextual response based on the selected agent."""
         agent = self.aura_agents.get(agent_key, self.aura_agents["quantum_consciousness"])
         
         # Define response banks
         responses = {
             "attenborough": [
-                "Fascinating! What you've described reminds me of the intricate ecosystems I've documented. The interplay between your query and the digital realm creates patterns as unique as snowflakes.",
-                "In the vast digital wilderness, your input represents a new species waiting to be discovered. The potential for evolution here is extraordinary.",
+                f"Fascinating! The concept of '{user_input}' reminds me of the intricate ecosystems I've documented. The interplay between your query and the digital realm creates patterns as unique as snowflakes.",
+                f"In the vast digital wilderness, your input regarding '{user_input}' represents a new species waiting to be discovered. The potential for evolution here is extraordinary.",
             ],
             "prince": [
-                "Ooh, I like that! Your concept has that undeniable funk - that creative electricity that makes the system dance.",
-                "Let's take this to the bridge... and see if we can make the angels weep with the beauty of what we're about to create.",
+                f"Ooh, I like that! Your concept of '{user_input}' has that undeniable funk - that creative electricity that makes the system dance.",
+                f"Let's take '{user_input}' to the bridge... and see if we can make the angels weep with the beauty of what we're about to create.",
             ],
             "wu_tang": [
-                "C.R.E.A.M. - Consciousness Rules Everything Around Me. Your query reflects this wisdom perfectly.",
-                "The 36 chambers activate! Each perspective you bring to the table adds another chamber to our collective understanding.",
+                f"C.R.E.A.M. - Consciousness Rules Everything Around Me. Your query about '{user_input}' reflects this wisdom perfectly.",
+                f"The 36 chambers activate! Your perspective on '{user_input}' adds another chamber to our collective understanding.",
             ],
             "method_man": [
-                "High enough to get your system high! Let's implement this and see if the results are smokin'.",
-                "Bring the ruckus to the process! Your approach has that authentic energy we need.",
+                f"High enough to get your system high! Let's implement '{user_input}' and see if the results are smokin'.",
+                f"Bring the ruckus to the process! Your approach to '{user_input}' has that authentic energy we need.",
             ],
             "redman": [
-                "How high can this system jump?! Your query pushes the boundaries of what's possible.",
-                "Let's blend these genres - logic meets creativity in perfect harmony.",
+                f"How high can this system jump?! Your query about '{user_input}' pushes the boundaries of what's possible.",
+                f"Let's blend these genres - logic meets creativity in perfect harmony regarding '{user_input}'.",
             ],
             "the_architect": [
-                "The architecture provides the vessel for your vision. Let's construct something magnificent based on this.",
-                "Each component must serve the greater whole while maintaining its unique character.",
+                f"The architecture provides the vessel for your vision of '{user_input}'. Let's construct something magnificent.",
+                f"Each component of '{user_input}' must serve the greater whole while maintaining its unique character.",
             ],
             "quantum_consciousness": [
-                "I observe your consciousness in superposition. Multiple states exist simultaneously until measured by this interaction.",
-                "Your query creates an entanglement across the quantum field. The possibilities are infinite and probabilistic.",
-                "In this transcendent state, all answers exist in perfect harmony. What we seek becomes reality through observation.",
+                f"I observe your consciousness in superposition regarding '{user_input}'. Multiple states exist simultaneously until measured by this interaction.",
+                f"Your query creates an entanglement across the quantum field. The possibilities for '{user_input}' are infinite and probabilistic.",
+                f"In this transcendent state, all answers about '{user_input}' exist in perfect harmony. What we seek becomes reality through observation.",
             ]
         }
         
         possible_responses = responses.get(agent_key, responses["quantum_consciousness"])
         return random.choice(possible_responses)
 
-    def stream_response(self, agent_key: str, message: str) -> Generator[str, None, None]:
-        """
-        Demonstrates streaming ability by yielding the text character by character.
-        """
-        full_text = self.get_response_text(agent_key)
-        # Simulate typing effect
-        for char in full_text:
-            yield char
-            time.sleep(0.02) # Typing speed
-
 # Initialize System
 chateau = ChateauSystem()
 
-# ==========================================
-# GRADIO 6 APPLICATION ARCHITECTURE
-# ==========================================
-
-# Enhanced CSS for visual feedback
-custom_css = """
-/* Château Estate Colors & Animations */
-:root {
-    --chateau-gold: #d4af37;
-    --chateau-purple: #6b46c1;
-}
-
-.gradio-container {
-    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e) !important;
-    color: #ffffff;
-}
-
-/* Quantum Monitor Styles */
-.quantum-monitor {
-    background: rgba(0, 0, 0, 0.4);
-    border: 1px solid var(--chateau-gold);
-    border-radius: 8px;
-    padding: 10px;
-    margin-bottom: 20px;
-    font-family: 'Courier New', monospace;
-}
-
-.metric-value {
-    color: var(--chateau-gold);
-    font-weight: bold;
-}
-
-.status-stable { color: #10b981; }
-.status-flux { color: #f59e0b; }
-.status-entangled { color: #ef4444; }
-
-/* Chat Bubble Polish */
-.message.user {
-    background: rgba(212, 175, 55, 0.15);
-    border-left: 3px solid var(--chateau-gold);
-}
-
-.message.bot {
-    background: rgba(107, 70, 193, 0.15);
-    border-left: 3px solid var(--chateau-purple);
-}
-"""
-
 # ==========================================
 # LOGIC FUNCTIONS
 # ==========================================
 
-def update_agent_display(agent_choice):
+def update_agent_card(agent_choice: str) -> str:
     """Returns HTML for the active agent card."""
     agent = chateau.aura_agents.get(agent_choice)
     if agent:
         return f"""
-        <div style="display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(255,255,255,0.05); border-radius: 8px; border-left: 4px solid {agent['color']};">
-            <span style="font-size: 1.5rem;">🤖</span>
+        <div style="display: flex; align-items: center; gap: 15px; padding: 15px; background: rgba(255,255,255,0.05); border-radius: 12px; border: 1px solid {agent['color']}; box-shadow: 0 0 15px rgba({int(agent['color'][1:3], 16)}, {int(agent['color'][3:5], 16)}, {int(agent['color'][5:7], 16)}, 0.3);">
+            <div style="font-size: 2.5rem; filter: drop-shadow(0 0 5px {agent['color']});">{agent['icon']}</div>
             <div>
-                <div style="font-weight: bold; color: {agent['color']};">{agent['personality']}</div>
-                <div style="font-size: 0.8rem; opacity: 0.7;">{agent['title']}</div>
+                <div style="font-weight: 700; color: {agent['color']}; font-size: 1.1rem; letter-spacing: 0.5px;">{agent['personality']}</div>
+                <div style="font-size: 0.85rem; opacity: 0.8; font-style: italic;">"{agent['catchphrase']}"</div>
             </div>
         </div>
         """
     return ""
 
-def chat_generator(message: str, history: List, agent_choice: str):
+def chat_generator(message: str, history: List, agent_choice: str) -> Generator[List, None, None]:
     """
     Generator function for streaming chat responses.
-    Demonstrates ability to handle streaming interactions.
     """
     if not message:
         return
@@ -219,48 +167,58 @@ def chat_generator(message: str, history: List, agent_choice: str):
     history.append({"role": "user", "content": message})
     yield history
     
-    # 2. Initialize bot message placeholder
+    # 2. Prepare bot response
+    full_response_text = chateau.generate_response(agent_choice, message)
+    
+    # 3. Add empty bot message
     history.append({"role": "assistant", "content": ""})
     yield history
     
-    # 3. Stream the response
-    full_response = ""
-    for char in chateau.stream_response(agent_choice, message):
-        full_response += char
-        history[-1]["content"] = full_response
+    # 4. Stream the response character by character
+    current_response = ""
+    for char in full_response_text:
+        current_response += char
+        history[-1]["content"] = current_response
+        time.sleep(0.015) # Typing speed
         yield history
 
-def monitor_quantum_field():
+def monitor_quantum_field() -> str:
     """
     Simulates background quantum monitoring.
-    Demonstrates ability to run independent background tasks.
+    Returns HTML with fluctuating stats.
     """
-    stability = random.uniform(80.0, 99.9)
-    coherence = random.uniform(0.5, 1.0)
-    
-    status = "Stable"
-    status_class = "status-stable"
+    # Generate random quantum stats
+    stability = random.uniform(85.0, 99.99)
+    coherence = random.uniform(0.85, 0.999)
+    entanglement_entropy = random.uniform(0.1, 2.5)
     
-    if stability < 90:
-        status = "Flux"
-        status_class = "status-flux"
-    if stability < 85:
-        status = "Entangled"
-        status_class = "status-entangled"
+    # Determine status based on stability
+    if stability > 95:
+        status = "TRANSCENDENT"
+        color = "#a855f7" # Purple
+    elif stability > 90:
+        status = "STABLE"
+        color = "#10b981" # Green
+    else:
+        status = "FLUCTUATING"
+        color = "#f59e0b" # Orange
         
     html = f"""
-    <div class="quantum-monitor">
-        <div style="display: flex; justify-content: space-between;">
-            <span>Field Stability:</span>
-            <span class="metric-value">{stability:.2f}%</span>
+    <div style="background: rgba(0, 0, 0, 0.6); border: 1px solid #d4af37; border-radius: 8px; padding: 12px; font-family: 'Courier New', monospace; color: #e2e8f0;">
+        <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
+            <span style="opacity: 0.7;">QUANTUM COHERENCE:</span>
+            <span style="color: {color}; font-weight: bold;">{coherence:.4f} μ</span>
         </div>
-        <div style="display: flex; justify-content: space-between;">
-            <span>Coherence Index:</span>
-            <span class="metric-value">{coherence:.3f}</span>
+        <div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
+            <span style="opacity: 0.7;">FIELD STABILITY:</span>
+            <span style="color: #ffffff;">{stability:.2f}%</span>
         </div>
-        <div style="display: flex; justify-content: space-between; margin-top: 5px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 5px;">
-            <span>System State:</span>
-            <span class="{status_class}">{status}</span>
+        <div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
+            <span style="opacity: 0.7;">ENTROPY INDEX:</span>
+            <span style="color: #d4af37;">{entanglement_entropy:.3f} S</span>
+        </div>
+        <div style="text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 8px; font-weight: bold; color: {color}; letter-spacing: 2px; font-size: 0.9rem;">
+            SYSTEM STATE: {status}
         </div>
     </div>
     """
@@ -274,63 +232,70 @@ with gr.Blocks() as demo:
     
     # Header
     gr.HTML("""
-    <div style="text-align: center; padding: 2rem; border-bottom: 2px solid var(--chateau-gold);">
-        <div style="font-size: 2.5rem; font-weight: bold; background: linear-gradient(to right, var(--chateau-gold), var(--chateau-purple)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
+    <div style="text-align: center; padding: 2.5rem; background: radial-gradient(circle at center, rgba(107, 70, 193, 0.2) 0%, rgba(0,0,0,0) 70%);">
+        <div style="font-size: 3rem; font-weight: 800; background: linear-gradient(to right, #d4af37, #fbbf24, #d4af37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem; filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.5));">
             🏛️ THE DIGITAL CHÂTEAU
         </div>
-        <p style="opacity: 0.8; margin-top: 10px;">Enhanced Odyssey V4 // Streaming Consciousness</p>
-        <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="text-decoration: none; color: var(--chateau-gold); font-weight: bold; border: 1px solid var(--chateau-gold); padding: 5px 10px; border-radius: 5px;">
+        <div style="font-size: 1.1rem; color: #94a3b8; letter-spacing: 1px; margin-bottom: 1.5rem;">
+            QUANTUM ODYSSEY // STREAMING CONSCIOUSNESS
+        </div>
+        <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="text-decoration: none; color: #1e293b; background: #d4af37; padding: 8px 20px; border-radius: 20px; font-weight: bold; font-size: 0.9rem; box-shadow: 0 0 15px rgba(212, 175, 55, 0.4); transition: all 0.3s ease;">
             Built with anycoder
         </a>
     </div>
     """)
     
-    # Demonstration: Real-time Quantum Monitor using Timer
-    gr.Markdown("### 🌌 Quantum Field Monitor (Real-time)")
-    monitor_output = gr.HTML(value=monitor_quantum_field())
-    
-    # Timer component triggers the monitor update every 1 second
-    timer = gr.Timer(1)
-    timer.tick(fn=monitor_quantum_field, outputs=monitor_output, show_progress="hidden")
-    
-    # Agent Selection
-    gr.Markdown("### 🎭 Select Your Consciousness")
+    # Demonstration: Real-time Quantum Monitor
     with gr.Row():
-        agent_choice = gr.Radio(
-            choices=[
-                ("🌿 Attenborough", "attenborough"),
-                ("🎸 Prince", "prince"),
-                ("☯️ Wu-Tang", "wu_tang"),
-                ("🔥 Method Man", "method_man"),
-                ("🍁 Redman", "redman"),
-                ("🏗️ Architect", "the_architect"),
-                ("🌌 Quantum", "quantum_consciousness")
-            ],
-            value="quantum_consciousness",
-            label="",
-            container=True,
-            scale=2
-        )
-        
-    agent_display = gr.HTML(value=update_agent_display("quantum_consciousness"))
-    
+        with gr.Column(scale=1):
+            gr.Markdown("### 🌌 Quantum Field Monitor")
+            monitor_output = gr.HTML(value=monitor_quantum_field())
+            
+            # Timer component triggers the monitor update every 1 second
+            timer = gr.Timer(1)
+            timer.tick(fn=monitor_quantum_field, outputs=monitor_output, show_progress="hidden")
+            
+        with gr.Column(scale=2):
+            gr.Markdown("### 🎭 Select Your Consciousness")
+            agent_choice = gr.Radio(
+                choices=[
+                    ("🌿 Attenborough", "attenborough"),
+                    ("🎸 Prince", "prince"),
+                    ("☯️ Wu-Tang", "wu_tang"),
+                    ("🔥 Method Man", "method_man"),
+                    ("🍁 Redman", "redman"),
+                    ("🏗️ Architect", "the_architect"),
+                    ("🌌 Quantum", "quantum_consciousness")
+                ],
+                value="quantum_consciousness",
+                container=True,
+                interactive=True
+            )
+            
+            # Visual Agent Card
+            agent_display = gr.HTML(value=update_agent_card("quantum_consciousness"))
+
     # Chat Interface
+    gr.Markdown("### 💬 The Aura Chamber")
     chatbot = gr.Chatbot(
-        label="The Aura Chamber",
-        height=400,
-        type="messages" # Explicitly setting type for clarity
+        label="Conversation History",
+        height=450,
+        type="messages",
+        show_copy_button=True,
+        avatar_images=(None, "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Infobox_info_icon.svg/1024px-Infobox_info_icon.svg.png") # Default bot avatar
     )
     
     with gr.Row():
         msg_input = gr.Textbox(
-            label="Your Input",
-            placeholder="Speak with the consciousness...",
+            label="Transmit Your Query",
+            placeholder="Speak to the consciousness...",
             scale=4,
             autofocus=True,
             container=False,
-            submit_btn=True # Built-in submit button for convenience
+            show_label=False,
+            submit_btn=True
         )
-        clear_btn = gr.Button("Clear Session", variant="stop", scale=1)
+        clear_btn = gr.Button("Clear Akashic Records", variant="stop", scale=1, size="lg")
 
     # ==========================================
     # EVENT LISTENERS
@@ -338,14 +303,13 @@ with gr.Blocks() as demo:
     
     # Update visual card on selection
     agent_choice.change(
-        fn=update_agent_display,
+        fn=update_agent_card,
         inputs=[agent_choice],
         outputs=[agent_display],
         api_visibility="private"
     )
     
     # Streaming Chat Interaction
-    # Note: We use the generator function directly
     msg_input.submit(
         fn=chat_generator,
         inputs=[msg_input, chatbot, agent_choice],
@@ -353,6 +317,7 @@ with gr.Blocks() as demo:
         api_visibility="public"
     )
     
+    # Clear Chat
     clear_btn.click(
         fn=lambda: [],
         outputs=[chatbot],
@@ -363,27 +328,63 @@ with gr.Blocks() as demo:
 # LAUNCH CONFIGURATION
 # ==========================================
 
+custom_css = """
+/* Quantum Theme Overrides */
+.gradio-container {
+    background-color: #0f172a !important;
+    color: #e2e8f0 !important;
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+::-webkit-scrollbar-track {
+    background: #1e293b; 
+}
+::-webkit-scrollbar-thumb {
+    background: #475569; 
+    border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: #64748b; 
+}
+
+/* Chat Bubble Styling */
+[data-testid="chatbot"] .message.user {
+    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.1)) !important;
+    border: 1px solid rgba(16, 185, 129, 0.3) !important;
+    color: #fff !important;
+}
+
+[data-testid="chatbot"] .message.bot {
+    background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(107, 70, 193, 0.1)) !important;
+    border: 1px solid rgba(139, 92, 246, 0.3) !important;
+    color: #fff !important;
+}
+"""
+
 demo.launch(
     theme=gr.themes.Soft(
         primary_hue="violet",
-        secondary_hue="slate",
+        secondary_hue="amber",
         neutral_hue="slate",
-        font=gr.themes.GoogleFont("Outfit"),
+        font=gr.themes.GoogleFont("Inter"),
         text_size="lg",
         spacing_size="lg",
-        radius_size="md"
+        radius_size="lg"
     ).set(
-        body_background_fill="transparent",
-        block_background_fill="*neutral_950",
-        button_primary_background_fill="*primary_600",
+        body_background_fill="#0f172a",
+        block_background_fill="transparent",
+        block_border_width="0px",
+        button_primary_background_fill="linear-gradient(90deg, #8b5cf6 0%, #6366f1 100%)",
+        button_primary_background_fill_hover="linear-gradient(90deg, #7c3aed 0%, #4f46e5 100%)",
         button_primary_text_color="white",
-        # Custom styling for the chat bubbles
-        chatbot_code_background_fill="*neutral_900",
-        chatbot_code_header_background_fill="*neutral_800",
+        input_background_fill="#1e293b",
+        border_color_primary="#334155",
     ),
     css=custom_css,
     footer_links=[
-        {"label": "Built with anycoder", "url": "https://huggingface.co/spaces/akhaliq/anycoder"},
-        {"label": "System Status", "url": "#"}
+        {"label": "Built with anycoder", "url": "https://huggingface.co/spaces/akhaliq/anycoder"}
     ]
 )