Update app.py

app.py

@@ -0,0 +1,85 @@
+import gradio as gr
+
+# --- 🧠 THE KNOWLEDGE: FED TO GEMMA 3 ---
+def gemma_3_concierge(query):
+    query = query.lower()
+    if "icard" in query:
+        return "Gemma 3: Tera ICards™ are currently being forged. Your identity is secure."
+    elif "group" in query or "squad" in query:
+        return "Gemma 3: Global-Main is active. Private squads can be built in Settings."
+    return "Gemma 3: Welcome to TeraBites™ Core. I am your guide through the mountain."
+
+# --- 💬 THE CHAT: LOCAL LOGIC ---
+def chat_response(message, history):
+    # Pure local session chat - No external connections
+    return history + [[message, "📡 [TeraBites-Core]: Message received. Protocol: Isolated."]]
+
+# --- 🏗️ THE ARCHITECTURE ---
+# Indigo and Gray theme accents to match your README metadata
+with gr.Blocks(theme=gr.themes.Monochrome(), css="""
+    .chat-window { height: 65vh !important; border: 2px solid #4f46e5 !important; background: #050505 !important; }
+    .sidebar-box { border: 1px solid #4f46e5 !important; background: #000 !important; }
+    .support-box { border: 1px solid #4f46e5 !important; background: #111 !important; }
+    h1 { color: #4f46e5 !important; text-shadow: 1px 1px #000; }
+    .primary-btn { background: #4f46e5 !important; color: white !important; }
+""") as demo:
+
+    # --- 1. THE HEADER (Identity & Support) ---
+    with gr.Row():
+        # TOP LEFT: IDENTITY
+        with gr.Column(scale=1, variant="panel", elem_classes="sidebar-box"):
+            gr.Markdown("👤 **TERA-IDENTITY**")
+            profile_name = gr.Textbox(value="Authenticating...", interactive=True, show_label=False)
+            gr.Markdown("🏆 **RANK:** RECRUIT")
+
+        # TOP CENTER: BRANDING
+        with gr.Column(scale=2):
+            gr.Markdown("<h1 style='text-align: center;'>🪐 TERABITES™ CORE</h1>")
+            gr.Markdown("<p style='text-align: center;'>STATUS: <b>ISOLATED SANDBOX</b></p>")
+
+        # TOP RIGHT: CUSTOMER SERVICE (Gemma 3)
+        with gr.Column(scale=1, variant="panel", elem_classes="support-box"):
+            gr.Markdown("🎧 **GEMMA 3 SERVICE**")
+            support_in = gr.Textbox(placeholder="Ask the Empire...", show_label=False)
+            support_out = gr.Markdown("*Sentinel Standing By*")
+
+    gr.Markdown("---")
+
+    # --- 2. THE BODY (Groups & The Big Gap) ---
+    with gr.Row():
+        # LEFT SIDEBAR: GROUPS
+        with gr.Column(scale=1):
+            gr.Markdown("### 📡 FREQUENCIES")
+            group_select = gr.Radio(
+                ["🌐 GLOBAL-MAIN", "📢 ANNOUNCEMENTS"], 
+                value="🌐 GLOBAL-MAIN", 
+                label=None
+            )
+            
+            with gr.Accordion("⚙️ SQUAD SETTINGS", open=False):
+                gr.Button("Invite Link (Testing)")
+                gr.Button("Create New Squad", variant="secondary")
+
+        # THE BIG MIDDLE GAP (The Chat)
+        with gr.Column(scale=4):
+            chat_display = gr.Chatbot(label=None, show_label=False, elem_classes="chat-window")
+            
+            # CENTER BOTTOM: THE PROMPT
+            with gr.Row():
+                msg_input = gr.Textbox(placeholder="Message TeraBites™...", scale=9, show_label=False)
+                send_btn = gr.Button("SUI", scale=1, variant="primary", elem_classes="primary-btn")
+
+    # --- ⚡ THE ACTIONS ---
+    # Sync Profile Name from Hugging Face
+    def sync_user(profile: gr.OAuthProfile | None):
+        if profile: return profile.name
+        return "Guest_Warrior"
+    
+    demo.load(sync_user, None, profile_name)
+
+    # Support & Chat Logic
+    support_in.submit(gemma_3_concierge, support_in, support_out)
+    send_btn.click(chat_response, [msg_input, chat_display], [chat_display])
+    msg_input.submit(chat_response, [msg_input, chat_display], [chat_display])
+
+demo.launch()