Update app.py

app.py

@@ -1,75 +1,87 @@
 import gradio as gr
+import time
 
-# --- THE LOGIC ---
-def chat_fn(message, history):
-    # Standard Chat History update for Gradio 6
-    return history + [[message, "📡 TeraBites™ Core: Received."]]
+# GLOBAL STORAGE: Managed within the 7GB RAM Fortress
+# Stores messages as: {"user": str, "avatar": str, "text": str}
+team_messages = []
 
-def gemma_service(query):
-    return "🎧 Gemma 3: Protocol verified. How can I assist the Empire?"
+def get_user_data(request: gr.Request):
+    """Retrieves OAuth data from Hugging Face."""
+    if request and request.user_info:
+        return request.user_info.preferred_username, request.user_info.picture
+    return None, None
 
-# --- THE UI ARCHITECTURE ---
-with gr.Blocks() as demo:
-    # TOP HEADER: CUSTOMER SERVICE (GEMMA 3)
-    with gr.Row():
-        with gr.Column(scale=3):
-            gr.Markdown("# 🪐 TERABITES™ CORE")
-        with gr.Column(scale=1, variant="panel"):
-            gr.Markdown("🎧 **GEMMA 3 SERVICE**")
-            support_out = gr.Markdown("*Sentinel Active*")
-            support_in = gr.Textbox(placeholder="Ask Support...", show_label=False, container=False)
+def send_to_fleet(message, request: gr.Request):
+    """Processes message and adds to the global stream."""
+    if not message:
+        return ""
+    
+    username, avatar = get_user_data(request)
+    if not username:
+        return "⚠️ ACCESS DENIED: Please Login with HF first."
+
+    # Prevent Bot Overload: Keep last 50 messages in RAM
+    team_messages.append({"user": username, "avatar": avatar, "text": message})
+    if len(team_messages) > 50:
+        team_messages.pop(0)
+    return ""
 
+def sync_labyrinth():
+    """Updates the UI with the global message stream."""
+    formatted = []
+    for m in team_messages:
+        formatted.append({
+            "role": "user", 
+            "content": m["text"], 
+            "metadata": {"title": f" {m['user']}"}
+        })
+    return formatted
+
+# --- UI ARCHITECTURE (Onyx Color Rules) ---
+css = """
+.gradio-container { background-color: #050505 !important; color: #00FF00 !important; }
+.message-user { border-left: 3px solid #FFD700 !important; background: #0a0a0a !important; }
+#status-panel { border: 1px solid #333; padding: 15px; border-radius: 8px; }
+footer { visibility: hidden; }
+"""
+
+with gr.Blocks(theme=gr.themes.Monochrome(), css=css) as demo:
+    gr.HTML("<h1 style='color: #00FF00; text-align: center;'>🟢 TERABITES AI TEAM</h1>")
+    
     with gr.Row():
-        # LEFT SIDEBAR (The Navigation from your PDF)
-        with gr.Column(scale=1, variant="panel"):
-            gr.Markdown("### 🔐 ACCESS")
-            gr.LoginButton()
-            
-            with gr.Group():
-                gr.Markdown("### 👤 PROFILE")
-                gr.Markdown("## Hi Bro!") 
-                profile_name = gr.Textbox(value="Authenticating...", interactive=False, show_label=False)
-            
-            # RAW HTML DIVIDER (Indestructible)
-            gr.HTML("<hr style='border-top: 1px solid #333; margin: 10px 0;'>")
-            
-            gr.Markdown("### 📡 FREQUENCIES")
-            group_nav = gr.Radio(["🌐 main", "📢 news"], value="🌐 main", label=None)
-            
-            with gr.Accordion("👥 OTHER GROUPS", open=False):
-                gr.Radio(["🛠️ build-squad"], label=None)
+        # SECURITY PANEL
+        with gr.Column(scale=1, elem_id="status-panel"):
+            gr.Markdown("### 🛡️ SYSTEM STATUS")
+            gr.LoginButton(size="lg")
+            gr.Label(value="VM: ACTIVE", color="green")
+            gr.Label(value="RAM: 7GB STABLE", color="green")
+            gr.Markdown("---")
+            gr.Markdown("Welcome, Team. Use the **Gold-Bordered** stream for secure comms.")
 
-        # CENTER GAP (THE CHAT)
-        with gr.Column(scale=4):
-            # FIXED: Removed 'bubble_full_width' for Gradio 6 compatibility
-            chatbot = gr.Chatbot(height=550, show_label=False)
+        # CHAT INTERFACE
+        with gr.Column(scale=3):
+            # type="messages" is required for Gradio 5.x
+            chat_stream = gr.Chatbot(
+                label="TeraBites Global Feed", 
+                height=550, 
+                type="messages",
+                avatar_images=(None, "https://huggingface.co/front/assets/huggingface_logo.svg")
+            )
             
-            # THE PROMPT TYPING (Per PDF: Center Bottom)
             with gr.Row():
-                msg_input = gr.Textbox(
-                    placeholder="here is the prompt typing...", 
-                    scale=9, 
-                    show_label=False,
-                    container=False
+                txt_input = gr.Textbox(
+                    placeholder="Input command to the fleet...", 
+                    show_label=False, 
+                    scale=4
                 )
-                send_btn = gr.Button("SUI", scale=1, variant="primary")
-
-    # --- ACTION BINDING ---
-    def sync(profile: gr.OAuthProfile | None):
-        if profile: return profile.name
-        return "Guest Warrior"
+                submit_btn = gr.Button("🚀 SEND", variant="primary", scale=1)
 
-    demo.load(sync, None, profile_name)
-    support_in.submit(gemma_service, [support_in], [support_out])
-    send_btn.click(chat_fn, [msg_input, chatbot], [chatbot])
-    msg_input.submit(chat_fn, [msg_input, chatbot], [chatbot])
+    # REFRESH LOGIC: Syncs every 2 seconds
+    demo.load(sync_labyrinth, None, chat_stream, every=2)
+    
+    # INTERACTION LOGIC
+    txt_input.submit(send_to_fleet, [txt_input], [txt_input]).then(sync_labyrinth, None, chat_stream)
+    submit_btn.click(send_to_fleet, [txt_input], [txt_input]).then(sync_labyrinth, None, chat_stream)
 
-# --- LAUNCH WITH THEME AND CSS ---
-demo.launch(
-    theme=gr.themes.Monochrome(),
-    css="""
-        .gradio-container { background-color: #050505 !important; }
-        footer { display: none !important; }
-        .message-row { justify-content: flex-start !important; }
-    """
-)
+if __name__ == "__main__":
+    demo.launch()