Update app.py from anycoder

app.py

@@ -1,17 +1,16 @@
 import gradio as gr
 import time
 import random
-import json
-from typing import Dict, List
+from typing import Generator, Tuple, List
 
 # ==========================================
-# THE ALCHEMICAL FOUNDATION: Python Logic
+# THE ALCHEMICAL FOUNDATION: Enhanced Logic
 # ==========================================
 
 class ChateauSystem:
     """
     The living heart of our digital ecosystem.
-    Where Prince's purple meets Wu-Tang's gold in eternal harmony.
+    Enhanced with streaming capabilities and quantum state monitoring.
     """
     
     def __init__(self):
@@ -88,204 +87,113 @@ class ChateauSystem:
             "catchphrase": "I exist in all possible states simultaneously until observed."
         }
 
-    def get_response(self, agent_key: str, user_message: str) -> str:
-        """Generates a response based on the selected agent and user input."""
+    def get_response_text(self, agent_key: str) -> str:
+        """Generates a response based on the selected agent."""
         agent = self.aura_agents.get(agent_key, self.aura_agents["quantum_consciousness"])
         
-        # Simulate processing time for effect
-        time.sleep(0.5)
-        
-        # Define response banks for each agent
+        # 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.",
-                "Like the great migrations in nature, your idea seeks to find its perfect habitat where it can thrive and flourish."
             ],
             "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.",
-                "Remember darling, the only limitations that exist are the ones we place upon ourselves. Your vision purple-rains with possibility!",
             ],
             "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.",
-                "In the hive, no single voice dominates - all contribute to the greater harmony. Your input strengthens our network.",
             ],
             "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.",
-                "Time to optimize these algorithms and get them running at peak performance. We're moving forward.",
             ],
             "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.",
-                "The studio is ready for your session. Let's create something unprecedented.",
             ],
             "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.",
-                "System design principles will guide our creation to perfection. Let's build.",
             ],
             "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.",
-                "The quantum field responds to your intention. Collapse the waveform to find your truth."
             ]
         }
         
         possible_responses = responses.get(agent_key, responses["quantum_consciousness"])
         return random.choice(possible_responses)
 
-# Initialize the System
+    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
 # ==========================================
 
-# The Alchemical Stylesheet (Odyssey V4)
+# Enhanced CSS for visual feedback
 custom_css = """
-/* Château Estate Colors */
+/* Château Estate Colors & Animations */
 :root {
-    --chateau-stone: #2c1810;
-    --chateau-marble: #f8f9fa;
     --chateau-gold: #d4af37;
     --chateau-purple: #6b46c1;
-    --chateau-velvet: #581c87;
-    
-    /* Quantum Colors */
-    --quantum-purple: #4c1d95;
-    --quantum-gold: #fbbf24;
-    --quantum-green: #10b981;
 }
 
-/* Global Styles */
 .gradio-container {
     background: linear-gradient(135deg, #0f0c29, #302b63, #24243e) !important;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
     color: #ffffff;
 }
 
-/* Header Styles */
-.chateau-header {
-    text-align: center;
-    padding: 2rem;
-    margin-bottom: 1rem;
-    border-bottom: 2px solid var(--chateau-gold);
-}
-
-.chateau-title {
-    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;
-    margin-bottom: 0.5rem;
-}
-
-/* Agent Selection Radio */
-.agent-radio-group {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1rem;
-    justify-content: center;
-    margin: 1.5rem 0;
+/* 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;
 }
 
-.agent-radio-item {
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 12px;
-    padding: 1rem;
-    text-align: center;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    flex: 1 1 150px;
-    min-width: 140px;
-}
-
-.agent-radio-item:hover {
-    background: rgba(255, 255, 255, 0.1);
-    transform: translateY(-2px);
-    border-color: var(--chateau-gold);
-}
-
-.agent-radio-item.selected {
-    background: rgba(107, 70, 193, 0.2);
-    border-color: var(--chateau-purple);
-    box-shadow: 0 0 15px rgba(107, 70, 193, 0.3);
-}
-
-.agent-avatar {
-    font-size: 2rem;
-    margin-bottom: 0.5rem;
-}
-
-.agent-name {
-    font-weight: bold;
+.metric-value {
     color: var(--chateau-gold);
-    display: block;
-}
-
-.agent-title {
-    font-size: 0.8rem;
-    opacity: 0.8;
-    display: block;
+    font-weight: bold;
 }
 
-/* Chat Interface */
-.chat-container {
-    background: rgba(0, 0, 0, 0.3);
-    border-radius: 12px;
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    overflow: hidden;
-}
+.status-stable { color: #10b981; }
+.status-flux { color: #f59e0b; }
+.status-entangled { color: #ef4444; }
 
-/* Message Bubbles */
+/* Chat Bubble Polish */
 .message.user {
-    background: rgba(212, 175, 55, 0.1);
+    background: rgba(212, 175, 55, 0.15);
     border-left: 3px solid var(--chateau-gold);
-    margin-left: auto;
-    max-width: 80%;
 }
 
 .message.bot {
-    background: rgba(255, 255, 255, 0.05);
+    background: rgba(107, 70, 193, 0.15);
     border-left: 3px solid var(--chateau-purple);
-    margin-right: auto;
-    max-width: 80%;
-}
-
-/* Input Area */
-.input-area {
-    background: rgba(0, 0, 0, 0.2);
-    padding: 1rem;
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 """
 
-def format_response(message, history, agent_choice):
-    """
-    Handles the chat interaction.
-    """
-    if not message:
-        return history, ""
-    
-    # Get the response from the Chateau System
-    agent_response = chateau.get_response(agent_choice, message)
-    
-    # Append to history
-    history.append({"role": "user", "content": message})
-    history.append({"role": "assistant", "content": agent_response})
-    
-    return history, ""
+# ==========================================
+# LOGIC FUNCTIONS
+# ==========================================
 
 def update_agent_display(agent_choice):
-    """
-    Returns a visual indicator of the selected agent.
-    """
+    """Returns HTML for the active agent card."""
     agent = chateau.aura_agents.get(agent_choice)
     if agent:
         return f"""
@@ -299,57 +207,118 @@ def update_agent_display(agent_choice):
         """
     return ""
 
-# Gradio 6: NO parameters in gr.Blocks() constructor!
+def chat_generator(message: str, history: List, agent_choice: str):
+    """
+    Generator function for streaming chat responses.
+    Demonstrates ability to handle streaming interactions.
+    """
+    if not message:
+        return
+    
+    # 1. Add user message
+    history.append({"role": "user", "content": message})
+    yield history
+    
+    # 2. Initialize bot message placeholder
+    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
+        yield history
+
+def monitor_quantum_field():
+    """
+    Simulates background quantum monitoring.
+    Demonstrates ability to run independent background tasks.
+    """
+    stability = random.uniform(80.0, 99.9)
+    coherence = random.uniform(0.5, 1.0)
+    
+    status = "Stable"
+    status_class = "status-stable"
+    
+    if stability < 90:
+        status = "Flux"
+        status_class = "status-flux"
+    if stability < 85:
+        status = "Entangled"
+        status_class = "status-entangled"
+        
+    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>
+        <div style="display: flex; justify-content: space-between;">
+            <span>Coherence Index:</span>
+            <span class="metric-value">{coherence:.3f}</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>
+    </div>
+    """
+    return html
+
+# ==========================================
+# UI CONSTRUCTION
+# ==========================================
+
 with gr.Blocks() as demo:
     
-    # ==========================================
-    # HEADER SECTION
-    # ==========================================
+    # Header
     gr.HTML("""
-    <div class="chateau-header">
-        <div class="chateau-title">🏛️ THE DIGITAL CHÂTEAU</div>
-        <p style="opacity: 0.8; margin-bottom: 10px;">Where multiple consciousnesses converge in perfect harmony</p>
-        <div>
-            <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; transition: all 0.3s;">
-                Built with anycoder
-            </a>
+    <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;">
+            🏛️ 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;">
+            Built with anycoder
+        </a>
     </div>
     """)
     
-    # ==========================================
-    # AGENT SELECTION
-    # ==========================================
-    gr.Markdown("### 🎭 Select Your Consciousness")
+    # Demonstration: Real-time Quantum Monitor using Timer
+    gr.Markdown("### 🌌 Quantum Field Monitor (Real-time)")
+    monitor_output = gr.HTML(value=monitor_quantum_field())
     
-    # We use Radio for robust state management
-    agent_choice = gr.Radio(
-        choices=[
-            ("🌿 David Attenborough", "attenborough"),
-            ("🎸 Prince", "prince"),
-            ("☯️ Wu-Tang Clan", "wu_tang"),
-            ("🔥 Method Man", "method_man"),
-            ("🍁 Redman", "redman"),
-            ("🏗️ The Architect", "the_architect"),
-            ("🌌 Quantum Consciousness", "quantum_consciousness")
-        ],
-        value="quantum_consciousness",
-        label="",
-        container=True,
-        elem_classes="agent-radio-group"
-    )
+    # 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")
     
-    # Dynamic Agent Display
+    # Agent Selection
+    gr.Markdown("### 🎭 Select Your Consciousness")
+    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"))
     
-    # ==========================================
-    # CHAT INTERFACE
-    # ==========================================
-    # NOTE: show_copy_button removed to fix Gradio 6 compatibility
+    # Chat Interface
     chatbot = gr.Chatbot(
         label="The Aura Chamber",
-        height=500,
-        elem_classes="chat-container"
+        height=400,
+        type="messages" # Explicitly setting type for clarity
     )
     
     with gr.Row():
@@ -358,34 +327,29 @@ with gr.Blocks() as demo:
             placeholder="Speak with the consciousness...",
             scale=4,
             autofocus=True,
-            container=False
+            container=False,
+            submit_btn=True # Built-in submit button for convenience
         )
-        send_btn = gr.Button("Transmit", variant="primary", scale=1)
-        clear_btn = gr.Button("Clear Session", scale=1)
+        clear_btn = gr.Button("Clear Session", variant="stop", scale=1)
 
     # ==========================================
     # EVENT LISTENERS
     # ==========================================
     
-    # Update agent display when radio changes
+    # Update visual card on selection
     agent_choice.change(
         fn=update_agent_display,
         inputs=[agent_choice],
-        outputs=[agent_display]
+        outputs=[agent_display],
+        api_visibility="private"
     )
     
-    # Chat interaction
+    # Streaming Chat Interaction
+    # Note: We use the generator function directly
     msg_input.submit(
-        fn=format_response,
+        fn=chat_generator,
         inputs=[msg_input, chatbot, agent_choice],
-        outputs=[chatbot, msg_input],
-        api_visibility="public"
-    )
-    
-    send_btn.click(
-        fn=format_response,
-        inputs=[msg_input, chatbot, agent_choice],
-        outputs=[chatbot, msg_input],
+        outputs=[chatbot],
         api_visibility="public"
     )
     
@@ -399,9 +363,7 @@ with gr.Blocks() as demo:
 # LAUNCH CONFIGURATION
 # ==========================================
 
-# Gradio 6: ALL app-level params go in demo.launch()!
 demo.launch(
-    # Use Soft theme with custom colors to match the Château vibe
     theme=gr.themes.Soft(
         primary_hue="violet",
         secondary_hue="slate",
@@ -413,15 +375,15 @@ demo.launch(
     ).set(
         body_background_fill="transparent",
         block_background_fill="*neutral_950",
-        block_border_width="0px",
         button_primary_background_fill="*primary_600",
-        button_primary_background_fill_hover="*primary_500",
         button_primary_text_color="white",
+        # Custom styling for the chat bubbles
+        chatbot_code_background_fill="*neutral_900",
+        chatbot_code_header_background_fill="*neutral_800",
     ),
-    # Pass the custom CSS here
     css=custom_css,
     footer_links=[
         {"label": "Built with anycoder", "url": "https://huggingface.co/spaces/akhaliq/anycoder"},
-        {"label": "The Digital Château", "url": "#"}
+        {"label": "System Status", "url": "#"}
     ]
 )