diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -1,46 +1,46 @@
-
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!-- Viewport settings strictly crafted for mobile compatibility and disabling zoom scaling -->
+    <!-- Viewport Settings: Disables zoom, removes blue tap highlights on mobile devices -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <meta name="description" content="Arjun 2.O Advanced Artificial Intelligence System engineered by Abhay Kumar.">
+    <meta name="description" content="Arjun 2.O Ultimate Enterprise Artificial Intelligence System engineered by Abhay Kumar.">
     <meta name="theme-color" content="#FF9933">
     
-    <title>Arjun 2.O - Enterprise Artificial Intelligence</title>
+    <title>Arjun 2.O - Professional Advanced AI</title>
     
     <!-- =========================================================================================
-         [1] EXTERNAL RESOURCES, FONTS & LIBRARIES
+         [1] EXTERNAL RESOURCES, FONTS & LIBRARIES (बाहरी स्रोत)
          ========================================================================================= -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     
-    <!-- Professional Typography -->
+    <!-- Professional Typography: Inter for UI, Geist Mono for Code, Instrument Serif for Headers -->
     <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
     
-    <!-- Syntax Highlighting (Atom One Dark for Workspace) -->
+    <!-- Syntax Highlighting (Atom One Dark for Workspace Environment) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
     
-    <!-- Utilities -->
+    <!-- Data Extraction & Rendering Utilities -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
 
     <!-- =========================================================================================
-         [2] MASSIVE ENTERPRISE CSS ARCHITECTURE
+         [2] MASSIVE ENTERPRISE CSS ARCHITECTURE (विस्तृत और उन्नत स्टाइलिंग)
          ========================================================================================= -->
     <style>
         /* ---------------------------------------------------------------------------------------
            A. CSS VARIABLES, DESIGN TOKENS & TIRANGA BRANDING
            --------------------------------------------------------------------------------------- */
         :root {
-            /* Brand Identity: Saffron, White, Green */
+            /* Brand Identity: Saffron, White, Green (Tiranga) */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-dark: #e68a2e;
+            --brand-saffron-glow: rgba(255, 153, 51, 0.4);
             
             --brand-white: #FFFFFF;
             --brand-white-glass: rgba(255, 255, 255, 0.88);
@@ -48,12 +48,14 @@
             --brand-green: #138808;
             --brand-green-light: rgba(19, 136, 8, 0.12);
             --brand-green-dark: #0f6e06;
+            --brand-green-glow: rgba(19, 136, 8, 0.4);
             
-            /* Structural Colors */
+            /* Structural Colors & Backgrounds */
             --bg-primary: #ffffff;
             --bg-secondary: #f8f9fa;
             --bg-tertiary: #f1f3f5;
             --bg-glass: rgba(255, 255, 255, 0.75);
+            --bg-glass-heavy: rgba(255, 255, 255, 0.95);
             --bg-overlay: rgba(0, 0, 0, 0.5);
             
             /* Text & Typography Colors */
@@ -61,6 +63,7 @@
             --text-secondary: #4b5563;
             --text-tertiary: #9ca3af;
             --text-inverse: #ffffff;
+            --text-error: #ef4444;
             
             /* Borders & Dividers */
             --border-light: rgba(0, 0, 0, 0.08);
@@ -73,6 +76,7 @@
             --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
             --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.025);
             --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.02);
+            --shadow-inner: inset 0 2px 4px rgba(0,0,0,0.06);
             
             /* Font Families */
             --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
@@ -80,6 +84,7 @@
             --font-serif: 'Instrument Serif', Georgia, serif;
             
             /* Radii */
+            --radius-xs: 4px;
             --radius-sm: 8px;
             --radius-md: 12px;
             --radius-lg: 16px;
@@ -95,6 +100,8 @@
             --z-ambient: -1;
             --z-base: 1;
             --z-header: 10;
+            --z-dock: 20;
+            --z-workspace: 25;
             --z-dropdown: 50;
             --z-sidebar: 100;
             --z-modal: 5000;
@@ -103,17 +110,18 @@
         }
 
         /* ---------------------------------------------------------------------------------------
-           B. RESET & ANTI-BLUE-HIGHLIGHT (यूज़र इंटरफ़ेस फिक्स)
+           B. GLOBAL RESET & ANTI-BLUE-HIGHLIGHT (सम्पूर्ण यूज़र इंटरफ़ेस फिक्स)
            --------------------------------------------------------------------------------------- */
         *, *::before, *::after { 
             box-sizing: border-box; 
             margin: 0; 
             padding: 0;
-            /* REMOVE BLUE TAP HIGHLIGHT ON MOBILE */
-            -webkit-tap-highlight-color: transparent;
+            /* CRITICAL: REMOVE BLUE TAP HIGHLIGHT ON MOBILE/BROWSERS */
+            -webkit-tap-highlight-color: transparent !important;
+            -webkit-touch-callout: none !important;
         }
         
-        html { font-size: 16px; -webkit-text-size-adjust: 100%; }
+        html { font-size: 16px; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
         
         body {
             height: 100dvh; 
@@ -122,13 +130,13 @@
             background-color: var(--bg-primary); 
             color: var(--text-primary);
             font-family: var(--font-sans); 
-            line-height: 1.5;
+            line-height: 1.6;
             -webkit-font-smoothing: antialiased; 
             -moz-osx-font-smoothing: grayscale;
         }
 
         /* Remove default outlines and use custom focus states */
-        *:focus { outline: none; }
+        *:focus { outline: none !important; }
         
         button, input, textarea, select { 
             font-family: inherit; 
@@ -137,47 +145,66 @@
             background: transparent;
         }
         
-        button { cursor: pointer; }
+        button { cursor: pointer; user-select: none; }
         a { color: inherit; text-decoration: none; }
         img { max-width: 100%; height: auto; display: block; }
+        svg { flex-shrink: 0; }
 
-        /* Custom Scrollbars */
+        /* Highly Customized Scrollbars */
         ::-webkit-scrollbar { width: 6px; height: 6px; }
         ::-webkit-scrollbar-track { background: transparent; }
-        ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 10px; }
+        ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); border-radius: 10px; transition: background var(--ease-smooth); }
         ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
 
         /* ---------------------------------------------------------------------------------------
-           C. AMBIENT BACKGROUND SYSTEM
+           C. AMBIENT BACKGROUND SYSTEM (प्रीमियम बैकग्राउंड इफ़ेक्ट्स)
            --------------------------------------------------------------------------------------- */
         .ambient-environment {
             position: fixed; inset: 0; z-index: var(--z-ambient); overflow: hidden; pointer-events: none;
-            background: linear-gradient(135deg, var(--brand-saffron-light) 0%, #ffffff 50%, var(--brand-green-light) 100%);
+            background: linear-gradient(135deg, var(--brand-saffron-light) 0%, var(--bg-primary) 50%, var(--brand-green-light) 100%);
         }
         .ambient-orb {
             position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;
             animation: orbFloat 40s ease-in-out infinite alternate; will-change: transform;
         }
-        .orb-top-left { width: 650px; height: 650px; background: radial-gradient(circle, rgba(255,153,51,0.2) 0%, transparent 70%); top: -200px; left: -150px; }
-        .orb-bottom-right { width: 550px; height: 550px; background: radial-gradient(circle, rgba(19,136,8,0.15) 0%, transparent 70%); bottom: -150px; right: -100px; animation-delay: -20s; }
-        @keyframes orbFloat { 0% { transform: translate(0, 0) scale(1); } 33% { transform: translate(50px, 70px) scale(1.05); } 66% { transform: translate(-30px, 40px) scale(0.95); } 100% { transform: translate(60px, -20px) scale(1.1); } }
+        .orb-top-left { 
+            width: 650px; height: 650px; 
+            background: radial-gradient(circle, rgba(255,153,51,0.2) 0%, transparent 70%); 
+            top: -200px; left: -150px; 
+        }
+        .orb-bottom-right { 
+            width: 550px; height: 550px; 
+            background: radial-gradient(circle, rgba(19,136,8,0.15) 0%, transparent 70%); 
+            bottom: -150px; right: -100px; animation-delay: -20s; 
+        }
+        @keyframes orbFloat { 
+            0% { transform: translate(0, 0) scale(1); } 
+            33% { transform: translate(50px, 70px) scale(1.05); } 
+            66% { transform: translate(-30px, 40px) scale(0.95); } 
+            100% { transform: translate(60px, -20px) scale(1.1); } 
+        }
 
         /* ---------------------------------------------------------------------------------------
-           D. TOAST NOTIFICATION ENGINE
+           D. TOAST NOTIFICATION ENGINE (सुंदर और स्पष्ट सूचनाएं)
            --------------------------------------------------------------------------------------- */
-        .toast-wrapper { position: absolute; top: 24px; left: 50%; transform: translateX(-50%); z-index: var(--z-toast); display: flex; flex-direction: column; gap: 10px; pointer-events: none; width: 90%; max-width: 400px; align-items: center;}
+        .toast-wrapper { 
+            position: absolute; top: 24px; left: 50%; transform: translateX(-50%); 
+            z-index: var(--z-toast); display: flex; flex-direction: column; gap: 12px; 
+            pointer-events: none; width: 90%; max-width: 400px; align-items: center;
+        }
         .toast-notification {
             background: var(--text-primary); color: var(--text-inverse); padding: 14px 24px;
             border-radius: var(--radius-full); font-size: 14px; font-weight: 600; box-shadow: var(--shadow-xl);
             animation: toastSlideIn var(--ease-spring) forwards, toastFadeOut 0.4s 3.5s forwards;
             display: flex; align-items: center; gap: 10px; width: fit-content; max-width: 100%; word-break: break-word;
+            border: 1px solid rgba(255,255,255,0.1);
         }
-        .toast-notification svg { width: 18px; height: 18px; flex-shrink: 0; }
+        .toast-notification svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--brand-saffron); }
         @keyframes toastSlideIn { from { opacity: 0; transform: translateY(-30px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } }
         @keyframes toastFadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } }
 
         /* ---------------------------------------------------------------------------------------
-           E. INITIAL WELCOME OVERLAY
+           E. INITIAL WELCOME OVERLAY (स्वागत स्क्रीन)
            --------------------------------------------------------------------------------------- */
         .startup-overlay {
             position: fixed; inset: 0; background: var(--brand-white-glass);
@@ -186,25 +213,33 @@
             transition: opacity var(--ease-smooth), visibility var(--ease-smooth);
         }
         .startup-overlay.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
+        
         .startup-logo-container { position: relative; margin-bottom: 32px; animation: popIn var(--ease-spring) 0.3s both; }
-        .startup-logo-container img { width: 130px; height: 130px; border-radius: var(--radius-xl); object-fit: cover; box-shadow: var(--shadow-xl); border: 3px solid var(--bg-primary); position: relative; z-index: 2; }
-        .startup-logo-glow { position: absolute; inset: -15px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(25px); opacity: 0.4; border-radius: var(--radius-full); z-index: 1; animation: pulseGlow 3s infinite alternate; }
+        .startup-logo-container img { width: 140px; height: 140px; border-radius: var(--radius-xl); object-fit: cover; box-shadow: var(--shadow-xl); border: 4px solid var(--bg-primary); position: relative; z-index: 2; }
+        .startup-logo-glow { position: absolute; inset: -20px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(30px); opacity: 0.4; border-radius: var(--radius-full); z-index: 1; animation: pulseGlow 3s infinite alternate; }
+        
         @keyframes pulseGlow { from { opacity: 0.3; transform: scale(0.95); } to { opacity: 0.6; transform: scale(1.05); } }
         @keyframes popIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }
-        .startup-title { font-family: var(--font-sans); font-size: 2.25rem; font-weight: 900; color: var(--text-primary); letter-spacing: -1px; margin-bottom: 16px; animation: slideUp var(--ease-smooth) 0.4s both; }
-        .startup-desc { font-size: 1rem; color: var(--text-secondary); line-height: 1.6; max-width: 500px; margin-bottom: 40px; animation: slideUp var(--ease-smooth) 0.5s both; }
-        .btn-startup-launch { padding: 18px 48px; background: var(--text-primary); color: var(--text-inverse); border: none; border-radius: var(--radius-xl); font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: var(--ease-spring); box-shadow: 0 10px 25px rgba(0,0,0,0.15); animation: slideUp var(--ease-smooth) 0.6s both; display: flex; align-items: center; gap: 12px; }
+        
+        .startup-title { font-family: var(--font-sans); font-size: 2.5rem; font-weight: 900; color: var(--text-primary); letter-spacing: -1px; margin-bottom: 16px; animation: slideUp var(--ease-smooth) 0.4s both; }
+        .startup-desc { font-size: 1.1rem; color: var(--text-secondary); line-height: 1.6; max-width: 550px; margin-bottom: 40px; animation: slideUp var(--ease-smooth) 0.5s both; font-weight: 500; }
+        
+        .btn-startup-launch { padding: 18px 48px; background: var(--text-primary); color: var(--text-inverse); border: none; border-radius: var(--radius-xl); font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: var(--ease-spring); box-shadow: 0 10px 25px rgba(0,0,0,0.15); animation: slideUp var(--ease-smooth) 0.6s both; display: flex; align-items: center; gap: 12px; position: relative; overflow: hidden; }
+        .btn-startup-launch::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transform: skewX(-20deg); transition: 0.5s; }
         .btn-startup-launch:hover { background: #000000; transform: translateY(-4px) scale(1.02); box-shadow: 0 15px 35px rgba(0,0,0,0.25); }
+        .btn-startup-launch:hover::before { left: 150%; }
+        
         @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
 
         /* ---------------------------------------------------------------------------------------
-           F. CORE APPLICATION LAYOUT
+           F. CORE APPLICATION LAYOUT & SIDEBAR
            --------------------------------------------------------------------------------------- */
         .app-root { position: relative; z-index: var(--z-base); display: flex; height: 100dvh; width: 100vw; overflow: hidden; background: var(--bg-glass); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
         
-        /* Sidebar System */
-        .sidebar-container { width: 320px; display: flex; flex-direction: column; background: rgba(248, 249, 250, 0.85); border-right: 1px solid var(--border-light); flex-shrink: 0; z-index: var(--z-sidebar); transition: transform var(--ease-smooth); backdrop-filter: blur(15px); }
+        /* Sidebar Navigation System */
+        .sidebar-container { width: 320px; display: flex; flex-direction: column; background: rgba(248, 249, 250, 0.85); border-right: 1px solid var(--border-light); flex-shrink: 0; z-index: var(--z-sidebar); transition: transform var(--ease-smooth), box-shadow var(--ease-smooth); backdrop-filter: blur(15px); }
         .sidebar-header { padding: 28px 24px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; align-items: center; }
+        
         .brand-identity { display: flex; align-items: center; gap: 14px; text-decoration: none; }
         .brand-identity img { width: 50px; height: 50px; border-radius: var(--radius-md); object-fit: cover; box-shadow: var(--shadow-sm); border: 2px solid var(--bg-primary); transition: transform var(--ease-spring); }
         .brand-identity:hover img { transform: scale(1.08) rotate(-3deg); }
@@ -213,33 +248,37 @@
         .brand-edition { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 4px; }
         
         .btn-mobile-close { display: none; background: rgba(0,0,0,0.05); border: none; width: 36px; height: 36px; border-radius: 50%; color: var(--text-primary); cursor: pointer; align-items: center; justify-content: center; transition: var(--ease-fast); }
-        .btn-mobile-close:hover { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
+        .btn-mobile-close:hover { background: rgba(239, 68, 68, 0.15); color: var(--text-error); transform: rotate(90deg); }
         
         .sidebar-body { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 28px; }
 
-        /* Auth Widget in Sidebar */
-        .auth-widget { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-sm); }
+        /* Advanced Auth Widget in Sidebar */
+        .auth-widget { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-sm); transition: var(--ease-smooth); }
+        .auth-widget:hover { box-shadow: var(--shadow-md); border-color: var(--border-medium); }
+        
         .btn-secure-connect { width: 100%; padding: 14px; background: var(--text-primary); color: var(--text-inverse); border: none; border-radius: var(--radius-md); font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: var(--ease-fast); }
         .btn-secure-connect:hover { background: #000000; transform: translateY(-2px); box-shadow: var(--shadow-md); }
         
         .user-profile-display { display: none; align-items: center; gap: 14px; }
-        .avatar-badge { width: 44px; height: 44px; border-radius: var(--radius-full); background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); color: var(--brand-white); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; box-shadow: var(--shadow-sm); border: 2px solid var(--bg-primary); }
+        .avatar-badge { width: 46px; height: 46px; border-radius: var(--radius-full); background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); color: var(--brand-white); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; box-shadow: var(--shadow-sm); border: 2px solid var(--bg-primary); text-shadow: 0 1px 2px rgba(0,0,0,0.3); }
         .user-details { flex: 1; overflow: hidden; }
         .user-email-id { font-size: 14px; font-weight: 700; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
         .user-clearance-level { font-size: 11px; color: var(--brand-green); font-weight: 600; margin-top: 2px; display: flex; align-items: center; gap: 4px; }
-        .user-clearance-level::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-green); }
-        .btn-system-logout { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: none; width: 36px; height: 36px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--ease-fast); }
-        .btn-system-logout:hover { background: #ef4444; color: #ffffff; }
+        .user-clearance-level::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-green); box-shadow: var(--shadow-glow-green); }
+        .btn-system-logout { background: rgba(239, 68, 68, 0.08); color: var(--text-error); border: none; width: 38px; height: 38px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--ease-fast); }
+        .btn-system-logout:hover { background: var(--text-error); color: #ffffff; transform: scale(1.05); }
 
-        /* Developer Box */
+        /* Developer Box with Tiranga Accent */
         .developer-credit-box { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 28px 20px; text-align: center; box-shadow: var(--shadow-sm); margin-top: auto; position: relative; overflow: hidden; }
         .developer-credit-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-white), var(--brand-green)); }
-        .developer-credit-box img { width: 72px; height: 72px; border-radius: var(--radius-lg); object-fit: cover; margin-bottom: 16px; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); margin-left: auto; margin-right: auto;}
+        .developer-credit-box img { width: 72px; height: 72px; border-radius: var(--radius-lg); object-fit: cover; margin-bottom: 16px; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); margin-left: auto; margin-right: auto; transition: var(--ease-spring); }
+        .developer-credit-box:hover img { transform: scale(1.05); }
         .dev-box-title { font-size: 18px; font-weight: 800; color: var(--text-primary); margin-bottom: 6px; }
         .dev-box-subtitle { font-size: 11px; font-weight: 800; color: var(--text-tertiary); letter-spacing: 1px; text-transform: uppercase; }
         
+        /* Dangerous Action Button */
         .btn-erase-memory { width: 100%; padding: 16px; border-radius: var(--radius-md); background: var(--bg-primary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 14px; font-weight: 700; cursor: pointer; transition: var(--ease-fast); display: flex; align-items: center; justify-content: center; gap: 10px; }
-        .btn-erase-memory:hover { background: #fee2e2; color: #ef4444; border-color: #fca5a5; }
+        .btn-erase-memory:hover { background: #fee2e2; color: var(--text-error); border-color: #fca5a5; }
 
         /* ---------------------------------------------------------------------------------------
            G. MAIN CHAT AREA & HEADER
@@ -248,71 +287,82 @@
         
         .chat-top-bar { padding: 18px 32px; border-bottom: 1px solid var(--border-light); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(15px); display: flex; align-items: center; justify-content: space-between; z-index: var(--z-header); }
         .top-bar-left { display: flex; align-items: center; gap: 16px; }
-        .btn-hamburger { display: none; background: var(--bg-primary); border: 1px solid var(--border-light); cursor: pointer; color: var(--text-primary); width: 40px; height: 40px; border-radius: var(--radius-sm); align-items: center; justify-content: center; box-shadow: var(--shadow-sm); }
+        .btn-hamburger { display: none; background: var(--bg-primary); border: 1px solid var(--border-light); cursor: pointer; color: var(--text-primary); width: 42px; height: 42px; border-radius: var(--radius-sm); align-items: center; justify-content: center; box-shadow: var(--shadow-sm); transition: var(--ease-fast); }
+        .btn-hamburger:hover { background: var(--bg-secondary); }
         
         .system-status-pill { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--text-primary); padding: 8px 18px; background: var(--bg-secondary); border-radius: var(--radius-full); border: 1px solid var(--border-light); }
         .pulse-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--brand-green); box-shadow: 0 0 0 3px rgba(19, 136, 8, 0.2); animation: statusPulse 2s infinite; }
         @keyframes statusPulse { 0% { box-shadow: 0 0 0 0 rgba(19,136,8,0.4); } 70% { box-shadow: 0 0 0 6px rgba(19,136,8,0); } 100% { box-shadow: 0 0 0 0 rgba(19,136,8,0); } }
 
-        .btn-activate-live { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); color: white; border: none; padding: 10px 20px; border-radius: var(--radius-full); font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35); transition: var(--ease-spring); }
-        .btn-activate-live:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.45); }
+        /* DYNAMIC LIVE MODE ACTIVATOR */
+        .btn-activate-live { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); color: white; border: none; padding: 10px 22px; border-radius: var(--radius-full); font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35); transition: var(--ease-spring); letter-spacing: 0.5px; }
+        .btn-activate-live:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.45); }
         .btn-activate-live svg { width: 18px; height: 18px; animation: liveBlink 1.5s infinite; }
         @keyframes liveBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
 
         /* Chat Scrollable Area */
         .chat-scroll-area { flex: 1; overflow-y: auto; padding: 40px 10%; display: flex; flex-direction: column; gap: 36px; scroll-behavior: smooth; position: relative; }
         
-        /* Welcome Hero Box inside Chat */
+        /* Internal Welcome Hero Box */
         .chat-hero-section { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; margin: auto; animation: slideUpFade 0.7s var(--ease-spring) both; max-width: 750px; }
         .hero-avatar-wrapper { position: relative; margin-bottom: 36px; }
         .hero-avatar-wrapper img { width: 100px; height: 100px; border-radius: var(--radius-xl); object-fit: cover; box-shadow: var(--shadow-xl); border: 3px solid var(--bg-primary); position: relative; z-index: 2; }
-        .hero-avatar-glow { position: absolute; inset: -12px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(25px); opacity: 0.35; border-radius: 40px; z-index: 1; }
+        .hero-avatar-glow { position: absolute; inset: -12px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(25px); opacity: 0.35; border-radius: 40px; z-index: 1; animation: rotateGlow 10s linear infinite;}
+        @keyframes rotateGlow { 100% { transform: rotate(360deg); } }
+        
         .hero-greeting { font-size: 42px; font-weight: 900; letter-spacing: -1.5px; margin-bottom: 18px; color: var(--text-primary); }
-        .hero-description { font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 40px; font-weight: 400; }
+        .hero-description { font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 40px; font-weight: 500; }
         
-        /* Re-activated Guest Limit Badge */
-        .guest-warning-badge { font-size: 13px; font-weight: 700; color: #ef4444; background: #fee2e2; padding: 8px 16px; border-radius: var(--radius-full); margin-bottom: 32px; display: none; align-items: center; gap: 8px; border: 1px solid #fca5a5; }
+        /* RESTORED: GUEST BADGE LIMIT DISPLAY */
+        .guest-warning-badge { font-size: 13px; font-weight: 700; color: var(--text-error); background: #fee2e2; padding: 10px 20px; border-radius: var(--radius-full); margin-bottom: 32px; display: none; align-items: center; gap: 8px; border: 1px solid #fca5a5; box-shadow: var(--shadow-sm); }
+        .guest-warning-badge svg { width: 18px; height: 18px; }
 
         .prompt-suggestions-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; }
-        .prompt-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 24px; cursor: pointer; text-align: left; transition: var(--ease-smooth); box-shadow: var(--shadow-sm); }
+        .prompt-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 24px; cursor: pointer; text-align: left; transition: var(--ease-smooth); box-shadow: var(--shadow-sm); position: relative; overflow: hidden; }
+        .prompt-card::after { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--brand-saffron); opacity: 0; transition: var(--ease-fast); }
         .prompt-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--brand-saffron); background: rgba(255, 255, 255, 0.95); }
-        .prompt-icon { font-size: 28px; margin-bottom: 14px; display: inline-block; }
+        .prompt-card:hover::after { opacity: 1; }
+        .prompt-icon { font-size: 28px; margin-bottom: 14px; display: inline-block; background: var(--bg-tertiary); padding: 10px; border-radius: var(--radius-md); }
         .prompt-title { font-size: 15px; font-weight: 800; color: var(--text-primary); margin-bottom: 8px; }
         .prompt-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
 
         /* ---------------------------------------------------------------------------------------
-           H. MESSAGE BUBBLES & IN-CHAT FILE PREVIEWS
+           H. CHAT MESSAGE BUBBLES & PREVIEWS
            --------------------------------------------------------------------------------------- */
         .chat-message-row { display: flex; gap: 20px; max-width: 88%; animation: messagePopIn 0.5s var(--ease-spring) both; }
         @keyframes messagePopIn { from { opacity: 0; transform: translateY(25px) scale(0.97); } to { opacity: 1; transform: none; } }
         .chat-message-row.user-msg { flex-direction: row-reverse; align-self: flex-end; }
         .chat-message-row.bot-msg { align-self: flex-start; }
         
-        .msg-avatar { width: 42px; height: 42px; border-radius: var(--radius-sm); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; box-shadow: var(--shadow-sm); }
+        .msg-avatar { width: 42px; height: 42px; border-radius: var(--radius-md); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; box-shadow: var(--shadow-sm); }
         .user-msg .msg-avatar { background: var(--text-primary); color: var(--brand-white); }
         .bot-msg .msg-avatar { background: var(--bg-primary); border: 1px solid var(--border-light); padding: 3px; }
-        .bot-msg .msg-avatar img { width: 100%; height: 100%; border-radius: 6px; object-fit: cover; }
+        .bot-msg .msg-avatar img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
         
         .msg-content-column { display: flex; flex-direction: column; gap: 8px; max-width: 100%; min-width: 0; }
         .user-msg .msg-content-column { align-items: flex-end; }
         
-        .file-badge { font-size: 11px; font-weight: 600; color: var(--brand-saffron); background: var(--brand-saffron-light); padding: 4px 10px; border-radius: var(--radius-full); margin-bottom: 4px; display: inline-flex; align-items: center; gap: 4px; }
+        .file-badge { font-size: 11px; font-weight: 700; color: var(--brand-saffron-dark); background: var(--brand-saffron-light); padding: 4px 12px; border-radius: var(--radius-full); margin-bottom: 4px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,153,51,0.2); }
+        .file-badge svg { width: 12px; height: 12px; }
 
         /* In-Bubble File Previews */
-        .chat-in-bubble-img { max-width: 300px; max-height: 300px; border-radius: var(--radius-md); object-fit: cover; border: 2px solid rgba(255,255,255,0.2); box-shadow: var(--shadow-md); margin-bottom: 12px; }
-        .chat-file-card { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); padding: 12px 16px; border-radius: var(--radius-md); margin-bottom: 12px; max-width: 350px; }
-        .chat-file-card .icon { font-size: 24px; background: rgba(0,0,0,0.1); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); }
-        .chat-file-card .name { font-size: 13px; font-weight: 600; color: var(--brand-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+        .chat-in-bubble-img { max-width: 320px; max-height: 320px; border-radius: var(--radius-md); object-fit: cover; border: 2px solid rgba(255,255,255,0.2); box-shadow: var(--shadow-md); margin-bottom: 12px; }
+        .chat-file-card { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); padding: 12px 18px; border-radius: var(--radius-md); margin-bottom: 12px; max-width: 350px; backdrop-filter: blur(10px); }
+        .chat-file-card .icon { font-size: 24px; background: rgba(0,0,0,0.1); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); }
+        .chat-file-card .name { font-size: 14px; font-weight: 600; color: var(--brand-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
-        .chat-bubble { padding: 18px 24px; font-size: 15px; line-height: 1.6; position: relative; word-wrap: break-word; overflow-wrap: anywhere; }
+        .chat-bubble { padding: 18px 24px; font-size: 16px; line-height: 1.6; position: relative; word-wrap: break-word; overflow-wrap: anywhere; }
         .user-msg .chat-bubble { background: var(--text-primary); color: var(--text-inverse); border-radius: 24px 24px 6px 24px; box-shadow: var(--shadow-md); }
         .bot-msg .chat-bubble { background: var(--bg-primary); color: var(--text-primary); border: 1px solid var(--border-light); border-radius: 6px 24px 24px 24px; box-shadow: var(--shadow-sm); width: 100%; }
 
-        /* Bot Action Buttons (TTS & Copy) */
+        /* Bot Action Buttons (Copy & TTS) */
         .bot-actions-row { display: flex; gap: 10px; margin-top: 8px; padding-left: 14px; opacity: 0; transition: opacity var(--ease-smooth); flex-wrap: wrap; }
         .bot-msg:hover .bot-actions-row { opacity: 1; }
-        .btn-bot-action { background: var(--bg-secondary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-full); transition: var(--ease-fast); }
-        .btn-bot-action:hover { background: var(--bg-primary); color: var(--text-primary); transform: translateY(-2px); box-shadow: var(--shadow-sm); }
+        
+        .btn-bot-action { background: var(--bg-secondary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 13px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-full); transition: var(--ease-fast); }
+        .btn-bot-action:hover { background: var(--bg-primary); color: var(--text-primary); transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: var(--border-medium); }
+        .btn-bot-action svg { width: 16px; height: 16px; }
+        
         .btn-bot-action.action-tts { color: var(--brand-green-dark); border-color: rgba(19, 136, 8, 0.25); background: var(--brand-green-light); }
         .btn-bot-action.action-tts:hover { background: rgba(19, 136, 8, 0.2); }
 
@@ -320,70 +370,75 @@
         .chat-bubble p { margin-bottom: 16px; }
         .chat-bubble p:last-child { margin-bottom: 0; }
         .chat-bubble strong { font-weight: 800; color: inherit; }
-        .chat-bubble code { font-family: var(--font-mono); background: rgba(0,0,0,0.06); padding: 4px 8px; border-radius: 6px; font-size: 0.85em; color: #d946ef; font-weight: 600; }
-        .user-msg .chat-bubble code { background: rgba(255,255,255,0.2); color: var(--brand-white); }
+        .chat-bubble code { font-family: var(--font-mono); background: rgba(0,0,0,0.06); padding: 4px 8px; border-radius: 6px; font-size: 0.85em; color: #d946ef; font-weight: 600; border: 1px solid rgba(0,0,0,0.05); }
+        .user-msg .chat-bubble code { background: rgba(255,255,255,0.2); color: var(--brand-white); border-color: rgba(255,255,255,0.1); }
         .chat-bubble img { max-width: 100%; border-radius: var(--radius-md); margin: 16px 0; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); display: block; }
-        .chat-bubble pre { background: #282c34; color: #abb2bf; padding: 20px; border-radius: var(--radius-md); overflow-x: auto; margin: 20px 0; font-family: var(--font-mono); font-size: 14px; line-height: 1.6; border: 1px solid #181a1f; }
-        .chat-bubble pre code { background: transparent; color: inherit; padding: 0; font-weight: 400; }
+        .chat-bubble pre { background: #282c34; color: #abb2bf; padding: 20px; border-radius: var(--radius-md); overflow-x: auto; margin: 20px 0; font-family: var(--font-mono); font-size: 14px; line-height: 1.6; border: 1px solid #181a1f; box-shadow: var(--shadow-inner); }
+        .chat-bubble pre code { background: transparent; color: inherit; padding: 0; font-weight: 400; border: none; }
         
-        /* Streaming UI Component */
+        /* Streaming Loading UI Component */
         .streaming-code-container { background: #1e1e2e; border-radius: var(--radius-md); border: 1px solid #313244; overflow: hidden; margin: 20px 0; box-shadow: var(--shadow-lg); }
-        .streaming-code-header { background: #11111b; padding: 12px 20px; font-size: 12px; font-weight: 700; color: #a6adc8; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #313244; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 1.5px; }
+        .streaming-code-header { background: #11111b; padding: 14px 20px; font-size: 12px; font-weight: 700; color: #a6adc8; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #313244; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 1.5px; }
         .loading-ring { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.1); border-top-color: var(--brand-saffron); border-radius: 50%; animation: ringSpin 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; }
         @keyframes ringSpin { to { transform: rotate(360deg); } }
-        .streaming-code-container pre { margin: 0; background: transparent; border: none; border-radius: 0; }
+        .streaming-code-container pre { margin: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; }
 
         /* Workspace Execute Card */
         .workspace-execute-card { background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 20px; margin: 20px 0; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--shadow-sm); transition: var(--ease-smooth); }
-        .workspace-execute-card:hover { border-color: var(--border-medium); box-shadow: var(--shadow-md); }
+        .workspace-execute-card:hover { border-color: var(--brand-saffron-light); box-shadow: var(--shadow-md); background: var(--bg-primary); }
         .ws-card-left { display: flex; align-items: center; gap: 16px; }
         .ws-card-icon-box { width: 54px; height: 54px; border-radius: var(--radius-sm); background: var(--bg-primary); display: flex; align-items: center; justify-content: center; font-size: 26px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); color: var(--text-primary); }
+        .ws-card-icon-box svg { color: var(--brand-saffron); }
         .ws-card-details h4 { font-size: 16px; font-weight: 800; margin-bottom: 4px; color: var(--text-primary); }
         .ws-card-details p { font-size: 12px; color: var(--text-secondary); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
-        .btn-launch-workspace { padding: 12px 24px; background: var(--text-primary); color: var(--brand-white); border: none; border-radius: var(--radius-sm); font-size: 14px; font-weight: 700; cursor: pointer; transition: var(--ease-spring); }
+        .btn-launch-workspace { padding: 12px 24px; background: var(--text-primary); color: var(--brand-white); border: none; border-radius: var(--radius-sm); font-size: 14px; font-weight: 700; cursor: pointer; transition: var(--ease-spring); box-shadow: var(--shadow-sm); }
         .btn-launch-workspace:hover { transform: scale(1.05); background: var(--brand-saffron); box-shadow: 0 6px 15px rgba(255,153,51,0.35); }
 
         /* ---------------------------------------------------------------------------------------
            I. BOTTOM INPUT DOCK & TOOLS
            --------------------------------------------------------------------------------------- */
-        .input-dock { flex-shrink: 0; padding: 0 40px 32px; background: transparent; position: relative; z-index: 20; }
-        .input-master-container { display: flex; flex-direction: column; background: var(--bg-glass); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid var(--border-light); border-radius: var(--radius-2xl); box-shadow: var(--shadow-xl); transition: var(--ease-smooth); }
+        .input-dock { flex-shrink: 0; padding: 0 40px 32px; background: transparent; position: relative; z-index: var(--z-dock); }
+        .input-master-container { display: flex; flex-direction: column; background: var(--bg-glass); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid var(--border-light); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); transition: var(--ease-smooth); }
         .input-master-container:focus-within { border-color: var(--brand-saffron); box-shadow: 0 20px 40px -5px rgba(255,153,51,0.15), 0 0 0 4px var(--brand-saffron-light); }
 
-        /* Upload Preview Header */
+        /* Upload Preview Header (Non-Technical Vocabulary) */
         .upload-preview-bar { display: none; padding: 20px 28px 0; align-items: center; gap: 16px; }
         .upload-preview-bar.visible { display: flex; animation: fadeIn 0.3s ease; }
         .upload-thumb { width: 52px; height: 52px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--border-light); display: flex; justify-content: center; align-items: center; background: var(--bg-tertiary); font-size: 24px; box-shadow: var(--shadow-sm); }
         .upload-meta { flex: 1; }
         .upload-filename { font-size: 14px; font-weight: 700; color: var(--text-primary); max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .upload-status-text { font-size: 12px; color: var(--brand-green); font-weight: 600; margin-top: 2px; }
-        .btn-discard-upload { background: rgba(239, 68, 68, 0.1); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #ef4444; transition: var(--ease-fast); }
-        .btn-discard-upload:hover { background: #ef4444; color: #fff; }
+        .upload-status-text { font-size: 12px; color: var(--brand-green); font-weight: 600; margin-top: 2px; display: flex; align-items: center; gap: 6px; }
+        .upload-status-text svg { width: 14px; height: 14px; }
+        
+        .btn-discard-upload { background: rgba(239, 68, 68, 0.1); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--text-error); transition: var(--ease-fast); }
+        .btn-discard-upload:hover { background: var(--text-error); color: #fff; }
 
         .input-tools-row { display: flex; align-items: flex-end; gap: 12px; padding: 14px 20px 14px 24px; }
         
         .main-textarea { flex: 1; border: none; outline: none; background: transparent; font-family: var(--font-sans); font-size: 16px; color: var(--text-primary); line-height: 1.5; resize: none; max-height: 200px; min-height: 24px; padding: 12px 0; margin: 0 8px; font-weight: 500; }
         .main-textarea::placeholder { color: var(--text-tertiary); font-weight: 400; }
 
-        /* Attachment Module */
+        /* Attachment Menu Dropdown */
         .attachment-module { position: relative; }
         .btn-tool-icon { width: 44px; height: 44px; border-radius: var(--radius-md); background: transparent; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); transition: var(--ease-fast); }
         .btn-tool-icon:hover { background: var(--bg-tertiary); color: var(--text-primary); }
         .btn-tool-icon svg { width: 24px; height: 24px; stroke-width: 2; }
         
-        .attachment-dropdown { position: absolute; bottom: 60px; left: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 10px; box-shadow: var(--shadow-xl); display: none; flex-direction: column; gap: 6px; z-index: var(--z-dropdown); min-width: 220px; transform: translateY(15px) scale(0.95); opacity: 0; transition: all var(--ease-fast); transform-origin: bottom left; }
+        .attachment-dropdown { position: absolute; bottom: 60px; left: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 10px; box-shadow: var(--shadow-xl); display: none; flex-direction: column; gap: 6px; z-index: var(--z-dropdown); min-width: 240px; transform: translateY(15px) scale(0.95); opacity: 0; transition: all var(--ease-fast); transform-origin: bottom left; }
         .attachment-dropdown.visible { display: flex; transform: translateY(0) scale(1); opacity: 1; }
         .dropdown-item { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--radius-sm); cursor: pointer; font-size: 15px; font-weight: 600; color: var(--text-primary); transition: var(--ease-fast); }
-        .dropdown-item:hover { background: var(--bg-tertiary); color: var(--brand-saffron-hover); }
-        .dropdown-item span.emoji-icon { font-size: 20px; }
+        .dropdown-item:hover { background: var(--bg-tertiary); color: var(--brand-saffron-dark); }
+        .dropdown-item svg { width: 20px; height: 20px; color: var(--text-secondary); }
+        .dropdown-item:hover svg { color: var(--brand-saffron); }
         .stealth-input { display: none; }
 
-        /* Language Toggle & Mic */
-        .language-toggle-chip { font-size: 13px; font-weight: 800; color: var(--text-secondary); border: 2px solid var(--border-light); background: var(--bg-primary); border-radius: 10px; padding: 6px 10px; cursor: pointer; transition: var(--ease-smooth); display: flex; align-items: center; gap: 6px; user-select: none; }
+        /* Smart Language Toggle & Mic */
+        .language-toggle-chip { font-size: 13px; font-weight: 800; color: var(--text-secondary); border: 2px solid var(--border-light); background: var(--bg-primary); border-radius: 10px; padding: 6px 12px; cursor: pointer; transition: var(--ease-smooth); display: flex; align-items: center; gap: 6px; user-select: none; }
         .language-toggle-chip:hover { background: var(--brand-saffron-light); color: var(--brand-saffron-dark); border-color: var(--brand-saffron); }
         .language-toggle-chip.hindi-active { background: var(--brand-green-light); color: var(--brand-green-dark); border-color: var(--brand-green); }
+        .language-toggle-chip svg { width: 16px; height: 16px; }
 
-        .btn-mic-tool.active-listening { color: #ffffff; background: #ef4444; animation: recordPulse 1.5s infinite; border-radius: var(--radius-full); }
+        .btn-mic-tool.active-listening { color: #ffffff; background: var(--text-error); animation: recordPulse 1.5s infinite; border-radius: var(--radius-full); }
         @keyframes recordPulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 70% { box-shadow: 0 0 0 12px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
 
         /* Master Send Button */
@@ -396,45 +451,50 @@
         .bottom-branding-text { text-align: center; font-size: 12px; color: var(--text-tertiary); margin-top: 16px; font-weight: 600; letter-spacing: 0.5px; }
 
         /* ---------------------------------------------------------------------------------------
-           J. WORKSPACE PRO (CODE EDITOR PANEL)
+           J. WORKSPACE PRO (VS-CODE LIKE EDITOR PANEL)
            --------------------------------------------------------------------------------------- */
-        .code-workspace-panel { width: 0; background: #1e1e1e; border-left: 1px solid var(--border-light); display: flex; flex-direction: column; transition: width var(--ease-smooth); overflow: hidden; box-shadow: -15px 0 40px rgba(0,0,0,0.1); z-index: 25; }
+        .code-workspace-panel { width: 0; background: #1e1e1e; border-left: 1px solid var(--border-light); display: flex; flex-direction: column; transition: width var(--ease-smooth); overflow: hidden; box-shadow: -15px 0 40px rgba(0,0,0,0.15); z-index: var(--z-workspace); }
         .code-workspace-panel.expanded { width: 55%; }
         
         .workspace-header-bar { padding: 16px 24px; border-bottom: 1px solid #333; background: #252526; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
         .workspace-title-group { font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; color: #abb2bf; font-family: var(--font-mono); letter-spacing: 0.5px;}
         .workspace-tools { display: flex; gap: 10px; }
+        
         .btn-workspace-tool { padding: 8px 16px; border-radius: var(--radius-sm); background: #3e4451; border: 1px solid #181a1f; cursor: pointer; display: flex; align-items: center; gap: 8px; color: #fff; transition: var(--ease-fast); font-size: 13px; font-weight: 600; }
         .btn-workspace-tool:hover { background: #4b5263; }
+        
         .btn-workspace-tool.close { padding: 8px; background: transparent; border-color: transparent; color: #abb2bf; }
         .btn-workspace-tool.close:hover { color: #e06c75; background: rgba(224, 108, 117, 0.1); }
         
         .workspace-editor-surface { flex: 1; overflow-y: auto; background: #282c34; padding: 24px; position: relative; }
-        .workspace-editor-surface pre { margin: 0; padding: 0; background: transparent; font-family: var(--font-mono); font-size: 15px; line-height: 1.6; overflow-x: auto; color: #abb2bf; }
+        .workspace-editor-surface pre { margin: 0; padding: 0; background: transparent; font-family: var(--font-mono); font-size: 15px; line-height: 1.6; overflow-x: auto; color: #abb2bf; border: none; box-shadow: none;}
 
         /* ---------------------------------------------------------------------------------------
-           K. LIVE MODE OVERLAY
+           K. LIVE MODE FULLSCREEN OVERLAY
            --------------------------------------------------------------------------------------- */
         .live-mode-viewport { position: fixed; inset: 0; background: rgba(255, 255, 255, 0.98); z-index: var(--z-live); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity var(--ease-smooth); }
         .live-mode-viewport.active { opacity: 1; pointer-events: auto; }
         .btn-close-live { position: absolute; top: 40px; right: 40px; background: rgba(0,0,0,0.04); border: none; width: 56px; height: 56px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: var(--ease-spring); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); }
-        .btn-close-live:hover { background: rgba(239, 68, 68, 0.15); color: #ef4444; transform: rotate(90deg); }
+        .btn-close-live:hover { background: rgba(239, 68, 68, 0.15); color: var(--text-error); transform: rotate(90deg); }
         
         .pulsing-orb-wrapper { position: relative; width: 250px; height: 250px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
         .energy-core { width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); box-shadow: 0 0 50px rgba(19, 136, 8, 0.5); position: relative; z-index: 2; transition: transform 0.15s ease-out; }
+        .energy-core.speaking { animation: coreSpeak 0.5s infinite alternate; }
+        @keyframes coreSpeak { 0% { transform: scale(1); box-shadow: 0 0 30px rgba(19,136,8,0.4); } 100% { transform: scale(1.1); box-shadow: 0 0 60px rgba(255,153,51,0.6); } }
+        
         .energy-ring { position: absolute; inset: 0; border: 3px solid var(--brand-saffron); border-radius: 50%; opacity: 0; animation: energyRipple 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
         .energy-ring:nth-child(2) { animation-delay: 0.8s; border-color: var(--brand-green); }
         .energy-ring:nth-child(3) { animation-delay: 1.6s; border-color: var(--text-primary); }
         @keyframes energyRipple { 0% { transform: scale(0.4); opacity: 1; border-width: 6px; } 100% { transform: scale(1.6); opacity: 0; border-width: 1px; } }
         
         .live-feedback-status { font-size: 28px; font-weight: 900; color: var(--text-primary); margin-bottom: 16px; font-family: var(--font-sans); letter-spacing: -0.5px; }
-        .live-feedback-text { font-size: 18px; color: var(--text-secondary); max-width: 700px; text-align: center; line-height: 1.6; min-height: 60px; font-weight: 500; }
+        .live-feedback-text { font-size: 18px; color: var(--text-secondary); max-width: 700px; text-align: center; line-height: 1.6; min-height: 60px; font-weight: 500; padding: 0 20px; }
         
         .live-control-deck { display: flex; gap: 24px; margin-top: 50px; }
-        .btn-live-deck { width: 76px; height: 76px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-lg); transition: var(--ease-spring); }
+        .btn-live-deck { width: 80px; height: 80px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-lg); transition: var(--ease-spring); }
         .btn-live-deck.mic-control { background: var(--bg-primary); border: 3px solid var(--border-light); color: var(--text-primary); }
         .btn-live-deck.mic-control:hover { transform: translateY(-6px); border-color: var(--brand-saffron); color: var(--brand-saffron); box-shadow: var(--shadow-xl); }
-        .btn-live-deck.mic-control.is-recording { background: #ef4444; color: white; border-color: #ef4444; animation: pulseMicLive 1.2s infinite; }
+        .btn-live-deck.mic-control.is-recording { background: var(--text-error); color: white; border-color: var(--text-error); animation: pulseMicLive 1.2s infinite; }
         @keyframes pulseMicLive { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.6); } 70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
 
         /* Scroll Trigger Button */
@@ -448,7 +508,7 @@
         .secure-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); z-index: var(--z-modal); display: none; justify-content: center; align-items: center; animation: fadeIn 0.3s ease; }
         .secure-modal-surface { background: var(--bg-primary); padding: 44px; border-radius: var(--radius-xl); width: 90%; max-width: 460px; box-shadow: var(--shadow-xl); position: relative; border: 1px solid rgba(255,255,255,0.4); }
         .btn-modal-dismiss { position: absolute; top: 24px; right: 24px; background: var(--bg-secondary); border: none; width: 36px; height: 36px; border-radius: 50%; font-size: 18px; color: var(--text-secondary); cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }
-        .btn-modal-dismiss:hover { background: #fee2e2; color: #ef4444; }
+        .btn-modal-dismiss:hover { background: #fee2e2; color: var(--text-error); }
         .modal-brand-header { text-align: center; margin-bottom: 36px; font-family: var(--font-sans); font-size: 28px; font-weight: 900; color: var(--text-primary); letter-spacing: -0.5px; }
         
         .auth-tab-switch { display: flex; background: var(--bg-secondary); padding: 6px; border-radius: var(--radius-md); margin-bottom: 28px; }
@@ -494,7 +554,7 @@
             .chat-scroll-area { padding: 24px 15px; }
             .input-dock { padding: 10px 15px 20px; }
             
-            .chat-message-row { max-width: 95%; }
+            .chat-message-row { max-width: 98%; }
             .btn-scroll-trigger { bottom: 130px; }
             
             .hero-greeting { font-size: 32px; }
@@ -524,7 +584,7 @@
         <p class="startup-desc">Professional Enterprise Edition. Experience secure workspace logic generation, high-fidelity visual rendering, and zero-latency live conversational mode.</p>
         <button class="btn-startup-launch" id="btnLaunchSystem">
             Initialize System
-            <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
+            <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
         </button>
     </div>
 
@@ -650,9 +710,10 @@
                     <h2 class="hero-greeting">How can I assist you today?</h2>
                     <p class="hero-description">Experience next-generation reasoning, seamless multi-file analysis, and secure workspace code generation engineered by Abhay Kumar.</p>
                     
-                    <!-- RESTORED: GUEST BADGE LIMIT DISPLAY -->
+                    <!-- GUEST BADGE LIMIT DISPLAY -->
                     <div id="guestBadge" class="guest-warning-badge">
-                        ⚠️ Guest Mode Active: <span id="guestCountDisplay">0</span>/3 Queries Used. Please login.
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
+                        Guest Mode Active: <span id="guestCountDisplay">0</span>/3 Queries Used. Please login.
                     </div>
 
                     <div class="prompt-suggestions-grid">
@@ -685,7 +746,10 @@
                         <div class="upload-thumb" id="previewDocIcon" style="display:none;">📄</div>
                         <div class="upload-meta">
                             <div class="upload-filename" id="previewFileName">document.pdf</div>
-                            <div class="upload-status-text">Ready to transmit</div>
+                            <div class="upload-status-text">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>
+                                File ready to be transmitted
+                            </div>
                         </div>
                         <button class="btn-discard-upload" id="btnDiscardFile">
                             <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -702,10 +766,22 @@
                             </button>
                             
                             <div class="attachment-dropdown" id="attachDropdownMenu">
-                                <div class="dropdown-item" id="opt-image"><span class="emoji-icon">🖼️</span> High-Res Image</div>
-                                <div class="dropdown-item" id="opt-video"><span class="emoji-icon">🎥</span> Video Media</div>
-                                <div class="dropdown-item" id="opt-audio"><span class="emoji-icon">🎵</span> Audio Track</div>
-                                <div class="dropdown-item" id="opt-document"><span class="emoji-icon">📄</span> Document / Code</div>
+                                <div class="dropdown-item" id="opt-image">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
+                                    High-Res Image
+                                </div>
+                                <div class="dropdown-item" id="opt-video">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>
+                                    Video Media
+                                </div>
+                                <div class="dropdown-item" id="opt-audio">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
+                                    Audio Track
+                                </div>
+                                <div class="dropdown-item" id="opt-document">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                                    Document / Code
+                                </div>
                             </div>
                             
                             <!-- Hidden File Inputs -->
@@ -716,8 +792,9 @@
                         </div>
                         
                         <!-- Smart Language Toggle Button (Bilingual STT logic) -->
-                        <button class="language-toggle-chip" id="smartLangToggle" title="Switch Voice Engine Language">
-                            🌐 <span id="langDisplayBadge">EN</span>
+                        <button class="language-toggle-chip" id="smartLangToggle" title="Toggle Voice Engine Language">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
+                            <span id="langDisplayBadge">EN</span>
                         </button>
 
                         <!-- Voice Dictation Button -->
@@ -756,7 +833,6 @@
                 </div>
             </div>
             <div class="workspace-editor-surface">
-                <!-- Improved Workspce pre styling handles overflow internally -->
                 <pre><code id="workspaceCodeBlock" class="hljs"></code></pre>
             </div>
         </aside>
@@ -807,15 +883,12 @@
     </div>
 
     <!-- =========================================================================================
-         [3] MASSIVE JAVASCRIPT ARCHITECTURE (ENTERPRISE MODULAR DESIGN)
+         [3] MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
          ========================================================================================= -->
-    <script type="module">
-        /**
-         * GRADIO INTEGRATION FOR EDGE-TTS (प्रभात न्यूरल - Vedika66/Edge-TTS)
-         * Loaded seamlessly inside the module to handle external API communication.
-         */
-        import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
-
+    <!-- CRITICAL FIX: Removed type="module" from the script block to ensure all elements 
+         and functions remain within the window/global scope and are easily bound. 
+         Gradio Client will be dynamically imported. -->
+    <script>
         // =======================================================================================
         // 1. CONFIGURATION & STATE MANAGEMENT
         // =======================================================================================
@@ -841,9 +914,21 @@
             isStreamingActive: false,
             isLiveModeEngaged: false,
             gradioClient: null,
-            isMicRecording: false // Fixed tracking variable for Speech Recognition
+            isMicRecording: false 
         };
 
+        // Initialize Gradio Client Dynamically (Fixes the Module Bug)
+        window.initGradioEngine = async function() {
+            try {
+                const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
+                AppState.gradioClient = await module.Client.connect("Vedika66/Edge-TTS");
+                console.log("Neural TTS Engine connected successfully to Gradio.");
+            } catch(err) {
+                console.error("Gradio Connection Error:", err);
+            }
+        };
+        window.initGradioEngine();
+
         // =======================================================================================
         // 2. UTILITY ENGINE (Robust Copy, Notifications, and Text Cleaners)
         // =======================================================================================
@@ -852,8 +937,7 @@
                 const container = document.getElementById('toast-container');
                 const toast = document.createElement('div');
                 toast.className = 'toast-notification';
-                // Using an inline SVG checkmark for better UX
-                toast.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><polyline points="20 6 9 17 4 12"></polyline></svg> ${message}`;
+                toast.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> ${message}`;
                 container.appendChild(toast);
                 setTimeout(() => toast.remove(), 3000);
             },
@@ -862,25 +946,30 @@
                 return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
 
-            // ✨ NEW FIX: Intelligent Text Cleaner for TTS (Ignores code, links, images)
+            // ✨ CRITICAL FIX: Intelligent Text Cleaner for TTS (Ignores code, links, images)
             cleanTextForVoice: (rawText) => {
+                if(!rawText) return "";
                 let cleaned = rawText;
+                
                 // 1. Remove Markdown Code Blocks (``` ... ```)
                 cleaned = cleaned.replace(/```[\s\S]*?```/g, '');
                 // 2. Remove Inline Code (`...`)
                 cleaned = cleaned.replace(/`.*?`/g, '');
                 // 3. Remove Markdown Images (![alt](url))
                 cleaned = cleaned.replace(/!\[.*?\]\(.*?\)/g, '');
-                // 4. Remove Markdown Links ([text](url))
-                cleaned = cleaned.replace(/\[(.*?)\]\(.*?\)/g, '$1'); // keep link text, remove url
+                // 4. Remove Markdown Links ([text](url)) - Extract just the text
+                cleaned = cleaned.replace(/\[(.*?)\]\(.*?\)/g, '$1'); 
                 // 5. Remove Think Tags (<think>...</think>)
                 cleaned = cleaned.replace(/<think>[\s\S]*?<\/think>/gi, '');
-                // 6. Remove stray Markdown formatting symbols
+                // 6. Remove URLs/HTTP links explicitly
+                cleaned = cleaned.replace(/https?:\/\/[^\s]+/g, '');
+                // 7. Remove stray Markdown formatting symbols
                 cleaned = cleaned.replace(/[*_~#]/g, '');
+                
                 return cleaned.trim();
             },
 
-            // Robust Fallback Copy Mechanism (100% Reliability on mobile/desktop)
+            // Robust Fallback Copy Mechanism
             executeFallbackCopy: (text, btnElement) => {
                 const textArea = document.createElement("textarea");
                 textArea.value = text;
@@ -892,7 +981,7 @@
                     const successful = document.execCommand('copy');
                     if (successful) {
                         const originalHTML = btnElement.innerHTML;
-                        btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Success`;
+                        btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied Successfully`;
                         setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                     } else {
                         Utils.showToast("Clipboard access denied by browser.");
@@ -910,7 +999,7 @@
                 }
                 navigator.clipboard.writeText(textToCopy).then(() => {
                     const originalHTML = btnElement.innerHTML;
-                    btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Success`;
+                    btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied Successfully`;
                     setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                 }).catch((err) => {
                     console.warn('Modern API failed, utilizing fallback...', err);
@@ -920,7 +1009,7 @@
         };
 
         // =======================================================================================
-        // 3. AUTHENTICATION & SYNC MANAGER (GAS Integration + Robust Fetch)
+        // 3. AUTHENTICATION & SYNC MANAGER (Robust Fetch)
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
@@ -944,12 +1033,12 @@
                 }
             },
 
-            openModal: () => document.getElementById('secureAuthModal').style.display = 'flex',
-            closeModal: () => document.getElementById('secureAuthModal').style.display = 'none',
+            openModal: () => { document.getElementById('secureAuthModal').style.display = 'flex'; },
+            closeModal: () => { document.getElementById('secureAuthModal').style.display = 'none'; },
             
             switchTab: (tabName) => {
                 document.querySelectorAll('.auth-tab-item').forEach(el => el.classList.remove('active'));
-                document.getElementById(`btn-tab-${tabName}`).classList.add('active');
+                document.getElementById(tabName === 'login' ? 'btn-tab-login' : 'btn-tab-register').classList.add('active');
                 document.getElementById('auth-flow-login').style.display = tabName === 'login' ? 'block' : 'none';
                 document.getElementById('auth-flow-register').style.display = tabName === 'register' ? 'block' : 'none';
             },
@@ -959,7 +1048,7 @@
                 document.getElementById(nextId).classList.add('active');
             },
 
-            // ✨ FIXED GAS SYNC LOGIC (Added mode: 'cors' and proper error catching)
+            // ✨ FIXED GAS SYNC LOGIC
             process: async (actionType) => {
                 const payload = { action: actionType };
                 let buttonId = '';
@@ -989,7 +1078,7 @@
                 triggerBtn.innerText = 'Establishing Connection...';
 
                 try {
-                    // Using text/plain prevents strict CORS preflight failures on some networks
+                    // mode: 'cors' handles redirect issues from GAS effectively
                     const response = await fetch(Config.GAS_URL, { 
                         method: 'POST', 
                         mode: 'cors',
@@ -1067,36 +1156,19 @@
             }
         };
 
-        // Close dropdown when clicking outside
-        document.addEventListener('click', (event) => {
-            const wrapper = document.querySelector('.attachment-module');
-            if (wrapper && !wrapper.contains(event.target)) {
-                document.getElementById('attachDropdownMenu').classList.remove('visible');
-            }
-        });
-
         // =======================================================================================
-        // 5. SPEECH & TTS ENGINE (Bilingual STT + Gradio Edge-TTS)
+        // 5. SPEECH & TTS ENGINE (Bilingual STT + Gradio Edge-TTS + Smart Cleaner)
         // =======================================================================================
         const VoiceEngine = {
             recognition: null,
             currentLanguage: 'en-IN',
             
-            init: async () => {
-                // Initialize Gradio Client Asynchronously
-                try {
-                    AppState.gradioClient = await Client.connect("Vedika66/Edge-TTS");
-                    console.log("Neural TTS Engine connected successfully to Gradio.");
-                } catch(err) {
-                    console.error("Gradio Connection Error:", err);
-                }
-
-                // Initialize STT (Speech To Text)
+            init: () => {
                 const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
                 if (!SR) return;
 
                 VoiceEngine.recognition = new SR();
-                // ✨ FIX: Continuous true allows better dictation without cutting off instantly
+                // FIX: Setting continuous to true prevents mic from stopping abruptly
                 VoiceEngine.recognition.continuous = true;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
@@ -1107,6 +1179,7 @@
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.add('is-recording');
                         document.getElementById('liveStatusText').innerText = "Listening...";
+                        document.getElementById('liveOrb').classList.remove('speaking');
                         document.getElementById('liveOrb').style.transform = "scale(1.25)";
                     }
                 };
@@ -1157,7 +1230,6 @@
 
                 VoiceEngine.recognition.onerror = (event) => {
                     AppState.isMicRecording = false;
-                    // Ignore no-speech errors to prevent constant toasts
                     if(event.error !== 'no-speech') {
                         Utils.showToast("Voice module error: " + event.error);
                     }
@@ -1187,7 +1259,6 @@
                 
                 if (VoiceEngine.recognition) {
                     VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
-                    // Restart if currently recording
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
                         setTimeout(() => { VoiceEngine.recognition.start(); }, 400);
@@ -1206,7 +1277,7 @@
                 } catch (e) { console.error("Mic Start Error", e); }
             },
 
-            // ✨ GRADIO TTS INTEGRATION: Utilizing Vedika66/Edge-TTS
+            // ✨ GRADIO TTS INTEGRATION WITH SMART CLEANER
             executeTTS: async (rawText) => {
                 // Apply smart text cleaner so AI doesn't read code or image links
                 const cleanSpeechText = Utils.cleanTextForVoice(rawText);
@@ -1217,10 +1288,15 @@
                 }
 
                 Utils.showToast("🔊 Linking with Neural Voice Matrix...");
+                if (AppState.isLiveModeEngaged) {
+                    document.getElementById('liveOrb').classList.add('speaking');
+                }
+
                 try {
-                    // Fallback re-connect if not established
                     if(!AppState.gradioClient) {
-                        AppState.gradioClient = await Client.connect("Vedika66/Edge-TTS");
+                        // Fallback dynamically import if not connected
+                        const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
+                        AppState.gradioClient = await module.Client.connect("Vedika66/Edge-TTS");
                     }
                     
                     const result = await AppState.gradioClient.predict("/smart_hybrid_tts", {
@@ -1229,9 +1305,16 @@
                     });
 
                     if (result.data && result.data[0]) {
-                        // Handle multiple return types from Gradio
                         const audioUrl = typeof result.data[0] === 'string' ? result.data[0] : result.data[0].url;
                         const audio = new Audio(audioUrl);
+                        
+                        audio.onended = () => {
+                            if (AppState.isLiveModeEngaged) {
+                                document.getElementById('liveOrb').classList.remove('speaking');
+                                document.getElementById('liveStatusText').innerText = "Tap mic to respond";
+                            }
+                        };
+
                         audio.play();
                     } else {
                         throw new Error("No audio payload returned.");
@@ -1239,6 +1322,9 @@
                 } catch (error) {
                     Utils.showToast("Voice Neural Matrix is currently overloaded.");
                     console.error("Gradio TTS Error:", error);
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveOrb').classList.remove('speaking');
+                    }
                 }
             }
         };
@@ -1281,15 +1367,12 @@
                 const fName = file.name.toLowerCase();
                 const mime = file.type;
                 
-                // Format Validation
-                if (typeContext === 'image' && !mime.startsWith('image/')) { Utils.showToast("Format Rejected: Visual media required."); inputElement.value=''; return; }
-                if (typeContext === 'video' && !mime.startsWith('video/')) { Utils.showToast("Format Rejected: Video media required."); inputElement.value=''; return; }
-                if (typeContext === 'audio' && !mime.startsWith('audio/')) { Utils.showToast("Format Rejected: Audio media required."); inputElement.value=''; return; }
+                if (typeContext === 'image' && !mime.startsWith('image/')) { Utils.showToast("Visual media required."); inputElement.value=''; return; }
+                if (typeContext === 'video' && !mime.startsWith('video/')) { Utils.showToast("Video media required."); inputElement.value=''; return; }
+                if (typeContext === 'audio' && !mime.startsWith('audio/')) { Utils.showToast("Audio media required."); inputElement.value=''; return; }
 
-                // ✨ Non-technical Toast
-                Utils.showToast("Uploading your file, please wait...");
+                Utils.showToast(`Uploading your file...`);
                 
-                // UI Preview Setup
                 const thumbImg = document.getElementById('previewImgThumb');
                 const docIcon = document.getElementById('previewDocIcon');
                 
@@ -1332,7 +1415,6 @@
                                     extractedText += content.items.map(s => s.str).join(' ') + "\n";
                                 }
                                 AppState.pendingAttachment = { type: 'text', data: extractedText.trim() || "No readable text found.", name: file.name };
-                                // ✨ Non-technical Success
                                 Utils.showToast("Your PDF is ready!");
                             } catch (e) {
                                 Utils.showToast("PDF parsing encountered an error.");
@@ -1403,13 +1485,11 @@
             }
         };
 
-        // Custom Marked.js Renderer
         const MD_Renderer = new marked.Renderer();
         MD_Renderer.code = function(token) {
             const rawCode = typeof token === 'string' ? token : (token.text || '');
             const langClass = typeof token === 'string' ? arguments[1] : (token.lang || '');
             
-            // Streaming visual state
             if (AppState.isStreamingActive) {
                 return `
                 <div class="streaming-code-container">
@@ -1421,7 +1501,6 @@
                 </div>`;
             }
             
-            // Completed state Workspace Button
             const internalId = AppState.generatedCodeBlocks.length;
             AppState.generatedCodeBlocks.push({ code: rawCode, lang: langClass });
             
@@ -1441,7 +1520,7 @@
         };
         marked.use({ renderer: MD_Renderer });
 
-        // Event delegation for dynamically rendered Workspace buttons
+        // Event delegation for workspace buttons
         document.getElementById('msgs').addEventListener('click', function(e) {
             if (e.target && e.target.classList.contains('btn-launch-ws')) {
                 const blockId = e.target.getAttribute('data-id');
@@ -1526,24 +1605,22 @@
                 }
             },
 
-            // Creates visually appealing preview HTML for within the chat bubble
             buildPreviewHTML: (attachmentObj) => {
                 if (!attachmentObj) return '';
                 if (attachmentObj.type === 'image') {
                     return `<img src="data:image/jpeg;base64,${attachmentObj.data}" class="chat-in-bubble-img" alt="Attached Image">`;
                 } else if (attachmentObj.type === 'video') {
-                    return `<div class="chat-file-card"><span class="icon">🎥</span><span class="name">${attachmentObj.name}</span></div>`;
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 } else if (attachmentObj.type === 'audio') {
-                    return `<div class="chat-file-card"><span class="icon">🎵</span><span class="name">${attachmentObj.name}</span></div>`;
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 } else {
-                    return `<div class="chat-file-card"><span class="icon">📄</span><span class="name">${attachmentObj.name}</span></div>`;
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 }
             },
 
             renderUserMessage: (textContent, badgeText, previewHTMLString = '') => {
-                let badgeNode = badgeText ? `<div class="file-badge">${Utils.escapeHTML(badgeText)}</div>` : '';
+                let badgeNode = badgeText ? `<div class="file-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> ${Utils.escapeHTML(badgeText)}</div>` : '';
                 
-                // Hide explicit data strings in UI (make it look cleaner)
                 let visibleText = textContent;
                 if(textContent.includes('---DATA BEGIN---')) {
                     const parts = textContent.split('User Prompt:');
@@ -1579,7 +1656,6 @@
 
             updateBotBubble: (bubbleDOM, rawMarkup, isCurrentlyStreaming) => {
                 const contentTarget = bubbleDOM.querySelector('.chat-bubble');
-                // Strip out internal `<think>` reasoning logic so it is hidden from UI
                 const strippedMarkup = rawMarkup.replace(/<think>([\s\S]*?)(<\/think>|$)/gi, '');
                 
                 let renderHTML = marked.parse(strippedMarkup.trim());
@@ -1590,12 +1666,11 @@
                 
                 contentTarget.innerHTML = renderHTML;
                 
-                // Mount actionable buttons when stream is complete
                 let actionTray = bubbleDOM.querySelector('.bot-actions-row');
                 if (!isCurrentlyStreaming && !actionTray && strippedMarkup.trim().length > 0) {
                     const safeRawCopy = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
-                    // We don't need safeRawTTS because VoiceEngine.executeTTS will clean it, but we store raw text
-                    const safeRawData = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
+                    // safeRawTTS is passed as is, because the executeTTS function now handles the Smart Cleaning internally
+                    const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
 
                     const actionsHTML = `
                     <div class="bot-actions-row">
@@ -1603,14 +1678,13 @@
                             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
                             Copy Data
                         </button>
-                        <button class="btn-bot-action action-tts btn-tts-action" data-tts="${safeRawData}">
+                        <button class="btn-bot-action action-tts btn-tts-action" data-tts="${safeRawTTS}">
                             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
                             Read Aloud
                         </button>
                     </div>`;
                     bubbleDOM.querySelector('.msg-content-column').insertAdjacentHTML('beforeend', actionsHTML);
 
-                    // Bind events dynamically
                     bubbleDOM.querySelector('.btn-cpy-action').addEventListener('click', function() { Utils.copyToClipboard(this, this.getAttribute('data-cpy')); });
                     bubbleDOM.querySelector('.btn-tts-action').addEventListener('click', function() { VoiceEngine.executeTTS(this.getAttribute('data-tts')); });
                 }
@@ -1655,15 +1729,14 @@
                     
                     if (AppState.pendingAttachment.type === 'text') {
                         payloadStr = `[Document Analyzed: ${AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${AppState.pendingAttachment.data}\n---DATA END---\n\nUser Prompt: ${rawUserText}`;
-                        visualBadge = '📄 File Appended';
+                        visualBadge = 'File Appended';
                     } else {
                         payloadAttachments.push({ 
                             type: AppState.pendingAttachment.type, 
                             data: AppState.pendingAttachment.data, 
                             name: AppState.pendingAttachment.name 
                         });
-                        const icoMap = { 'video': '🎥 ', 'audio': '🎵 ', 'image': '🖼️ ' };
-                        visualBadge = (icoMap[AppState.pendingAttachment.type] || '📎 ') + "Media Appended";
+                        visualBadge = "Media Appended";
                     }
                     
                     ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
@@ -1686,15 +1759,15 @@
                 let cognitivePrompt = `You are Arjun 2.O, a sophisticated enterprise AI system architected by Abhay Kumar.
                 LANGUAGE REGULATION: Your default cognitive language is ENGLISH. If the user writes in English, reply in purely professional English. If the user writes in Hindi or Hinglish, reply gracefully in Hindi. Never force Hindi translation if the prompt is English.
                 
-                IMAGE SYNTHESIS:
+                IMAGE SYNTHESIS OVERRIDE:
                 When commanded to render, generate, or create an image/photograph, you MUST reply with a precise markdown image node targeting Pollinations AI.
                 Formula: ![Generating Vision...](https://image.pollinations.ai/prompt/{URL_ENCODED_PROMPT_DETAIL}?width=1024&height=1024&nologo=true&model={MODEL}&seed=${cryptographicSeed})
-                Models: flux, flux-realism, flux-anime, flux-3d. Choose best fit.
-                CRITICAL: The seed parameter is mandatory.`;
+                Available Models: flux, flux-realism, flux-anime, flux-3d.
+                CRITICAL: The seed parameter is mandatory to bypass cache mechanics. Always render this markdown node.`;
 
                 if (AppState.isLiveModeEngaged) {
                     cognitivePrompt += `\n\n[LIVE ACOUSTIC OVERRIDE]: You are currently engaged in a LIVE, REAL-TIME VOCAL INTERFACE. 
-                    MANDATORY direct answers. Maximum brevity. Eliminate complex markdown or massive code blocks. Replicate human telephonic brevity.`;
+                    MANDATORY direct answers. Maximum brevity. Eliminate complex markdown, massive code blocks, or extended lists. Replicate human telephonic brevity perfectly.`;
                 }
 
                 const secureHistory = AppState.history.slice(0, -1).map(h => ({ role: h.role, content: h.content }));
@@ -1708,7 +1781,7 @@
                     temperature: 0.75
                 };
 
-                // Request LLM
+                // Network Transmission Logic
                 try {
                     const fetchOp = await fetch(Config.API_ENDPOINT, { 
                         method: 'POST', 
@@ -1753,11 +1826,9 @@
                     AppState.history.push({ role: 'bot', content: responseBuffer });
                     ChatEngine.saveHistoryToCloud();
                     
-                    // Auto-Play Voice if Live Mode
                     if (AppState.isLiveModeEngaged) {
-                        document.getElementById('liveStatusText').innerText = "Arjun Speaking...";
+                        document.getElementById('liveStatusText').innerText = "Arjun Transmitting...";
                         await VoiceEngine.executeTTS(responseBuffer);
-                        document.getElementById('liveStatusText').innerText = "Tap mic to respond";
                     }
                     
                 } catch(error) { 
@@ -1775,75 +1846,97 @@
         };
 
         // =======================================================================================
-        // 9. EVENT BINDING & BOOTSTRAP INIT
+        // 9. EVENT DELEGATION & BOOTSTRAP INVOCATION
         // =======================================================================================
-        window.ApplicationCore = {
-            launchSystem: startArjunApp
+        
+        // Define global function for welcome screen overlay
+        window.startArjunApp = function() {
+            document.getElementById('welcomeOverlay').classList.add('hidden');
+            localStorage.setItem('arjun_welcome_seen', 'true');
+            setTimeout(() => { document.getElementById('welcomeOverlay').style.display = 'none'; }, 400);
         };
 
-        // UI Event Listeners
-        document.getElementById('btnSidebarOpen').addEventListener('click', UIManager.toggleSidebar);
-        document.getElementById('btnSidebarClose').addEventListener('click', UIManager.toggleSidebar);
-        document.getElementById('btnLaunchSystem').addEventListener('click', startArjunApp);
-        
-        // Auth Modals
-        document.getElementById('loginPromptBtn').addEventListener('click', AuthManager.openModal);
-        document.getElementById('btnAuthClose').addEventListener('click', AuthManager.closeModal);
-        document.getElementById('btn-tab-login').addEventListener('click', () => AuthManager.switchTab('login'));
-        document.getElementById('btn-tab-register').addEventListener('click', () => AuthManager.switchTab('register'));
-        
-        document.getElementById('btn-fire-log-otp').addEventListener('click', () => AuthManager.process('login_send_otp'));
-        document.getElementById('btn-fire-log-verify').addEventListener('click', () => AuthManager.process('login_verify'));
-        document.getElementById('btn-fire-reg-otp').addEventListener('click', () => AuthManager.process('register_send_otp'));
-        document.getElementById('btn-fire-reg-verify').addEventListener('click', () => AuthManager.process('register_verify'));
-        
-        document.getElementById('btnLogBack').addEventListener('click', () => AuthManager.switchPhase('auth-log-phase-2', 'auth-log-phase-1'));
-        document.getElementById('btnRegBack').addEventListener('click', () => AuthManager.switchPhase('auth-reg-phase-2', 'auth-reg-phase-1'));
-        document.getElementById('btnLogout').addEventListener('click', AuthManager.logout);
-        document.getElementById('btnClearMemory').addEventListener('click', ChatEngine.clearMemory);
-
-        // Attachment Controls
-        document.getElementById('btnAttachMenuToggle').addEventListener('click', UIManager.toggleAttachMenu);
-        document.getElementById('opt-image').addEventListener('click', () => FileProcessor.triggerFileSelector('image'));
-        document.getElementById('opt-video').addEventListener('click', () => FileProcessor.triggerFileSelector('video'));
-        document.getElementById('opt-audio').addEventListener('click', () => FileProcessor.triggerFileSelector('audio'));
-        document.getElementById('opt-document').addEventListener('click', () => FileProcessor.triggerFileSelector('document'));
-        
-        document.getElementById('sys-inp-image').addEventListener('change', function() { FileProcessor.processFile(this, 'image'); });
-        document.getElementById('sys-inp-video').addEventListener('change', function() { FileProcessor.processFile(this, 'video'); });
-        document.getElementById('sys-inp-audio').addEventListener('change', function() { FileProcessor.processFile(this, 'audio'); });
-        document.getElementById('sys-inp-document').addEventListener('change', function() { FileProcessor.processFile(this, 'document'); });
-        document.getElementById('btnDiscardFile').addEventListener('click', FileProcessor.discardFile);
-
-        // Input & Sending
-        document.getElementById('masterSendBtn').addEventListener('click', ChatEngine.initiateDispatch);
-        document.getElementById('mainChatInput').addEventListener('keydown', ChatEngine.handleKeyboard);
-        document.getElementById('mainChatInput').addEventListener('input', function() { UIManager.autoGrowTextArea(this); });
-        
-        document.getElementById('suggCodeBtn').addEventListener('click', () => ChatEngine.sendExample('Write a secure python script for a modern Flask backend server.'));
-        document.getElementById('suggImgBtn').addEventListener('click', () => ChatEngine.sendExample('Create a hyper-realistic 8k image of a futuristic Indian smart city.'));
+        // Bind all interactive elements safely using Event Listeners to avoid scope issues
+        document.addEventListener('DOMContentLoaded', () => {
+            // Sidebar Controls
+            document.getElementById('btnSidebarOpen').addEventListener('click', UIManager.toggleSidebar);
+            document.getElementById('btnSidebarClose').addEventListener('click', UIManager.toggleSidebar);
+            document.getElementById('btnLaunchSystem').addEventListener('click', window.startArjunApp);
+            
+            // Auth Flow Controls
+            document.getElementById('loginPromptBtn').addEventListener('click', AuthManager.openModal);
+            document.getElementById('btnAuthClose').addEventListener('click', AuthManager.closeModal);
+            document.getElementById('btn-tab-login').addEventListener('click', () => AuthManager.switchTab('login'));
+            document.getElementById('btn-tab-register').addEventListener('click', () => AuthManager.switchTab('register'));
+            
+            document.getElementById('btn-fire-log-otp').addEventListener('click', () => AuthManager.process('login_send_otp'));
+            document.getElementById('btn-fire-log-verify').addEventListener('click', () => AuthManager.process('login_verify'));
+            document.getElementById('btn-fire-reg-otp').addEventListener('click', () => AuthManager.process('register_send_otp'));
+            document.getElementById('btn-fire-reg-verify').addEventListener('click', () => AuthManager.process('register_verify'));
+            
+            document.getElementById('btnLogBack').addEventListener('click', () => AuthManager.switchPhase('auth-log-phase-2', 'auth-log-phase-1'));
+            document.getElementById('btnRegBack').addEventListener('click', () => AuthManager.switchPhase('auth-reg-phase-2', 'auth-reg-phase-1'));
+            document.getElementById('btnLogout').addEventListener('click', AuthManager.logout);
+            document.getElementById('btnClearMemory').addEventListener('click', ChatEngine.clearMemory);
+
+            // File Attachment Routing
+            document.getElementById('btnAttachMenuToggle').addEventListener('click', UIManager.toggleAttachMenu);
+            document.getElementById('opt-image').addEventListener('click', () => FileProcessor.triggerFileSelector('image'));
+            document.getElementById('opt-video').addEventListener('click', () => FileProcessor.triggerFileSelector('video'));
+            document.getElementById('opt-audio').addEventListener('click', () => FileProcessor.triggerFileSelector('audio'));
+            document.getElementById('opt-document').addEventListener('click', () => FileProcessor.triggerFileSelector('document'));
+            
+            document.getElementById('sys-inp-image').addEventListener('change', function() { FileProcessor.processFile(this, 'image'); });
+            document.getElementById('sys-inp-video').addEventListener('change', function() { FileProcessor.processFile(this, 'video'); });
+            document.getElementById('sys-inp-audio').addEventListener('change', function() { FileProcessor.processFile(this, 'audio'); });
+            document.getElementById('sys-inp-document').addEventListener('change', function() { FileProcessor.processFile(this, 'document'); });
+            document.getElementById('btnDiscardFile').addEventListener('click', FileProcessor.discardFile);
+
+            // Primary Message Controls
+            document.getElementById('masterSendBtn').addEventListener('click', ChatEngine.initiateDispatch);
+            document.getElementById('mainChatInput').addEventListener('keydown', ChatEngine.handleKeyboard);
+            document.getElementById('mainChatInput').addEventListener('input', function() { UIManager.autoGrowTextArea(this); });
+            
+            // Example Prompt Controls
+            document.getElementById('suggCodeBtn').addEventListener('click', () => ChatEngine.sendExample('Write a secure python script for a modern Flask backend server.'));
+            document.getElementById('suggImgBtn').addEventListener('click', () => ChatEngine.sendExample('Create a hyper-realistic 8k image of a futuristic Indian smart city.'));
 
-        // Smart Voice
-        document.getElementById('smartLangToggle').addEventListener('click', VoiceEngine.switchLanguage);
-        document.getElementById('masterVoiceBtn').addEventListener('click', VoiceEngine.toggleDictation);
-        
-        // Live Mode
-        document.getElementById('btnStartLiveMode').addEventListener('click', LiveModeController.initialize);
-        document.getElementById('btnExitLiveMode').addEventListener('click', LiveModeController.terminate);
-        document.getElementById('liveMicBtn').addEventListener('click', VoiceEngine.toggleDictation);
-
-        // Workspace Events
-        document.getElementById('btnWsClose').addEventListener('click', WorkspaceEngine.closePanel);
-        document.getElementById('btnWsCopy').addEventListener('click', function() { WorkspaceEngine.executeCopy(this); });
-        
-        // Scroll Listeners
-        document.getElementById('msgs').addEventListener('scroll', UIManager.checkScrollState);
-        document.getElementById('scrollTriggerBtn').addEventListener('click', UIManager.forceScrollDown);
+            // Voice & STT Options
+            document.getElementById('smartLangToggle').addEventListener('click', VoiceEngine.switchLanguage);
+            document.getElementById('masterVoiceBtn').addEventListener('click', VoiceEngine.toggleDictation);
+            
+            // Live Mode Options
+            document.getElementById('btnStartLiveMode').addEventListener('click', LiveModeController.initialize);
+            document.getElementById('btnExitLiveMode').addEventListener('click', LiveModeController.terminate);
+            document.getElementById('liveMicBtn').addEventListener('click', VoiceEngine.toggleDictation);
+
+            // Workspace Logic Hooks
+            document.getElementById('btnWsClose').addEventListener('click', WorkspaceEngine.closePanel);
+            document.getElementById('btnWsCopy').addEventListener('click', function() { WorkspaceEngine.executeCopy(this); });
+            
+            // Interaction Scroll Listeners
+            document.getElementById('msgs').addEventListener('scroll', UIManager.checkScrollState);
+            document.getElementById('scrollTriggerBtn').addEventListener('click', UIManager.forceScrollDown);
+
+            // Prevent unwanted default mobile behaviours on double-tap
+            document.addEventListener('dblclick', function(event) {
+                event.preventDefault();
+            }, { passive: false });
+
+            // Ensure startup screen displays if memory cleared
+            if(!localStorage.getItem('arjun_welcome_seen')) { 
+                document.getElementById('welcomeOverlay').style.display = 'flex'; 
+            } else { 
+                document.getElementById('welcomeOverlay').style.display = 'none'; 
+            }
 
-        // Bootstrap Invocation
-        VoiceEngine.init();
-        AuthManager.initUI();
+            // Fire Boot Processes
+            VoiceEngine.init();
+            AuthManager.initUI();
+            if(AppState.currentUser) { ChatEngine.syncHistoryFromCloud(); }
+        });
 
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
+
