diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -11,7 +11,7 @@
     <title>Arjun 2.O - Professional Advanced AI</title>
     
     <!-- =========================================================================================
-         [1] EXTERNAL RESOURCES, FONTS & LIBRARIES (बाहरी स्रोत)
+         EXTERNAL RESOURCES, FONTS & LIBRARIES (बाहरी स्रोत)
          ========================================================================================= -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -29,14 +29,14 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
 
     <!-- =========================================================================================
-         [2] MASSIVE ENTERPRISE CSS ARCHITECTURE (विस्तृत और उन्नत स्टाइलिंग)
+         MASSIVE ENTERPRISE CSS ARCHITECTURE (विस्तृत और उन्नत स्टाइलिंग)
          ========================================================================================= -->
     <style>
         /* ---------------------------------------------------------------------------------------
-           A. CSS VARIABLES, DESIGN TOKENS & TIRANGA BRANDING
+           A. CSS VARIABLES, DESIGN TOKENS & BRANDING
            --------------------------------------------------------------------------------------- */
         :root {
-            /* Brand Identity: Saffron, White, Green (Tiranga) */
+            /* Brand Identity: Saffron, White, Green (Tiranga Theme) */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-dark: #e68a2e;
@@ -64,11 +64,12 @@
             --text-tertiary: #9ca3af;
             --text-inverse: #ffffff;
             --text-error: #ef4444;
+            --text-success: #10b981;
             
             /* Borders & Dividers */
             --border-light: rgba(0, 0, 0, 0.08);
             --border-medium: rgba(0, 0, 0, 0.15);
-            --border-focus: rgba(255, 153, 51, 0.4);
+            --border-focus: rgba(255, 153, 51, 0.5);
             
             /* Shadows & Elevation */
             --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
@@ -76,6 +77,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-float: 0 25px 50px -12px rgba(0,0,0,0.15);
             --shadow-inner: inset 0 2px 4px rgba(0,0,0,0.06);
             
             /* Font Families */
@@ -96,7 +98,7 @@
             --ease-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             --ease-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
             
-            /* Z-Indices */
+            /* Z-Indices - Properly Layered Enterprise System */
             --z-ambient: -1;
             --z-base: 1;
             --z-header: 10;
@@ -107,16 +109,16 @@
             --z-modal: 5000;
             --z-toast: 9000;
             --z-live: 9999;
+            --z-offline: 10000;
         }
 
         /* ---------------------------------------------------------------------------------------
-           B. GLOBAL RESET & ANTI-BLUE-HIGHLIGHT (सम्पूर्ण यूज़र इंटरफ़ेस फिक्स)
+           B. GLOBAL RESET & ANTI-BLUE-HIGHLIGHT
            --------------------------------------------------------------------------------------- */
         *, *::before, *::after { 
             box-sizing: border-box; 
             margin: 0; 
             padding: 0;
-            /* CRITICAL: REMOVE BLUE TAP HIGHLIGHT ON MOBILE/BROWSERS */
             -webkit-tap-highlight-color: transparent !important;
             -webkit-touch-callout: none !important;
         }
@@ -135,8 +137,9 @@
             -moz-osx-font-smoothing: grayscale;
         }
 
-        /* Remove default outlines and use custom focus states */
-        *:focus { outline: none !important; }
+        /* Accessibilty focus states */
+        *:focus-visible { outline: 2px solid var(--brand-saffron); outline-offset: 2px; }
+        *:focus { outline: none; }
         
         button, input, textarea, select { 
             font-family: inherit; 
@@ -146,19 +149,27 @@
         }
         
         button { cursor: pointer; user-select: none; }
+        button:disabled { cursor: not-allowed; opacity: 0.6; }
         a { color: inherit; text-decoration: none; }
         img { max-width: 100%; height: auto; display: block; }
         svg { flex-shrink: 0; }
 
-        /* Highly Customized Scrollbars */
-        ::-webkit-scrollbar { width: 6px; height: 6px; }
+        /* Custom Enterprise Scrollbars */
+        ::-webkit-scrollbar { width: 8px; height: 8px; }
         ::-webkit-scrollbar-track { background: transparent; }
-        ::-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); }
+        ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; transition: background var(--ease-smooth); }
+        ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); border: 2px solid transparent; background-clip: padding-box; }
 
         /* ---------------------------------------------------------------------------------------
-           C. AMBIENT BACKGROUND SYSTEM (प्रीमियम बैकग्राउंड इफ़ेक्ट्स)
+           C. NETWORK OFFLINE & AMBIENT BACKGROUND SYSTEM
            --------------------------------------------------------------------------------------- */
+        .network-offline-banner {
+            position: fixed; top: 0; left: 0; right: 0; background: var(--text-error); color: white;
+            text-align: center; padding: 8px; font-size: 14px; font-weight: 700; z-index: var(--z-offline);
+            transform: translateY(-100%); transition: transform var(--ease-spring); display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: var(--shadow-md);
+        }
+        .network-offline-banner.active { transform: translateY(0); }
+
         .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%, var(--bg-primary) 50%, var(--brand-green-light) 100%);
@@ -185,26 +196,30 @@
         }
 
         /* ---------------------------------------------------------------------------------------
-           D. TOAST NOTIFICATION ENGINE (सुंदर और स्पष्ट सूचनाएं)
+           D. ENTERPRISE 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: 12px; 
-            pointer-events: none; width: 90%; max-width: 400px; align-items: center;
+            pointer-events: none; width: 90%; max-width: 450px; align-items: center;
         }
         .toast-notification {
-            background: var(--text-primary); color: var(--text-inverse); padding: 14px 24px;
+            background: rgba(17, 24, 39, 0.95); 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);
+            display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; word-break: break-word;
+            backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1);
         }
-        .toast-notification svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--brand-saffron); }
+        .toast-notification.error { background: rgba(239, 68, 68, 0.95); border-color: rgba(255,255,255,0.2); }
+        .toast-notification.success { background: rgba(16, 185, 129, 0.95); border-color: rgba(255,255,255,0.2); }
+        .toast-notification svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--brand-saffron); }
+        .toast-notification.error svg, .toast-notification.success svg { color: white; }
+        
         @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);
@@ -214,22 +229,22 @@
         }
         .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 { position: relative; margin-bottom: 32px; animation: popIn var(--ease-spring) 0.5s both; }
         .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); } }
+        @keyframes popIn { 0% { opacity: 0; transform: scale(0.8) translateY(20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
         
-        .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; }
+        .startup-title { font-family: var(--font-sans); font-size: 2.8rem; font-weight: 900; color: var(--text-primary); letter-spacing: -1px; margin-bottom: 16px; animation: slideUp var(--ease-smooth) 0.6s both; }
+        .startup-desc { font-size: 1.15rem; color: var(--text-secondary); line-height: 1.6; max-width: 600px; margin-bottom: 40px; animation: slideUp var(--ease-smooth) 0.7s 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 { 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.8s 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); } }
+        @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
 
         /* ---------------------------------------------------------------------------------------
            F. CORE APPLICATION LAYOUT & SIDEBAR
@@ -241,11 +256,11 @@
         .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); }
+        .brand-identity img { width: 48px; height: 48px; 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(-5deg); box-shadow: var(--shadow-md); }
         .brand-typography { display: flex; flex-direction: column; }
         .brand-name { font-family: var(--font-sans); font-weight: 900; font-size: 20px; color: var(--text-primary); letter-spacing: -0.5px; line-height: 1.1; }
-        .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; }
+        .brand-edition { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; background: linear-gradient(90deg, var(--brand-saffron-dark), var(--brand-green-dark)); -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: var(--text-error); transform: rotate(90deg); }
@@ -264,7 +279,7 @@
         .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); box-shadow: var(--shadow-glow-green); }
+        .user-clearance-level::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-green); box-shadow: 0 0 5px var(--brand-green-glow); }
         .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); }
 
@@ -285,13 +300,14 @@
            --------------------------------------------------------------------------------------- */
         .main-chat-wrapper { flex: 1; display: flex; flex-direction: column; position: relative; min-width: 320px; transition: width var(--ease-smooth); background: transparent; }
         
-        .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); }
+        .chat-top-bar { padding: 16px 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: 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; }
+        .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); transition: var(--ease-smooth); }
+        .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; transition: background var(--ease-smooth); }
+        .system-status-pill.offline .pulse-dot { background: var(--text-error); box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2); animation: none; }
         @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); } }
 
         /* DYNAMIC LIVE MODE ACTIVATOR */
@@ -309,11 +325,12 @@
         .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; animation: rotateGlow 10s linear infinite;}
         @keyframes rotateGlow { 100% { transform: rotate(360deg); } }
+        @keyframes slideUpFade { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
         
-        .hero-greeting { font-size: 42px; font-weight: 900; letter-spacing: -1.5px; margin-bottom: 18px; color: var(--text-primary); }
+        .hero-greeting { font-size: 42px; font-weight: 900; letter-spacing: -1.5px; margin-bottom: 18px; color: var(--text-primary); line-height: 1.2; }
         .hero-description { font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 40px; font-weight: 500; }
         
-        /* RESTORED: GUEST BADGE LIMIT DISPLAY */
+        /* 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; }
 
@@ -329,8 +346,8 @@
         /* ---------------------------------------------------------------------------------------
            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 { display: flex; gap: 20px; max-width: 88%; animation: messagePopIn 0.4s var(--ease-spring) both; }
+        @keyframes messagePopIn { from { opacity: 0; transform: translateY(20px) 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; }
         
@@ -346,7 +363,8 @@
         .file-badge svg { width: 12px; height: 12px; }
 
         /* In-Bubble File Previews */
-        .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-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; transition: transform var(--ease-smooth); cursor: zoom-in; }
+        .chat-in-bubble-img:hover { transform: scale(1.02); }
         .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; }
@@ -366,15 +384,29 @@
         .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); }
 
-        /* Markdown Rendering inside Bubbles */
+        /* Markdown Formatting inside Bubbles */
         .chat-bubble p { margin-bottom: 16px; }
         .chat-bubble p:last-child { margin-bottom: 0; }
         .chat-bubble strong { font-weight: 800; color: inherit; }
+        .chat-bubble em { font-style: italic; }
+        .chat-bubble ul, .chat-bubble ol { margin-bottom: 16px; padding-left: 24px; }
+        .chat-bubble li { margin-bottom: 6px; }
+        .chat-bubble blockquote { border-left: 4px solid var(--brand-saffron); padding-left: 16px; margin: 16px 0; color: var(--text-secondary); background: var(--bg-secondary); padding: 12px 16px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
+        
+        /* Advanced Tables */
+        .chat-bubble table { width: 100%; border-collapse: collapse; margin: 20px 0; border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-sm); }
+        .chat-bubble th, .chat-bubble td { border: 1px solid var(--border-light); padding: 12px 16px; text-align: left; }
+        .chat-bubble th { background: var(--bg-secondary); font-weight: 700; color: var(--text-primary); }
+        .chat-bubble tr:nth-child(even) { background: var(--bg-tertiary); }
+        
         .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; box-shadow: var(--shadow-inner); }
-        .chat-bubble pre code { background: transparent; color: inherit; padding: 0; font-weight: 400; border: none; }
+        
+        /* Custom Pre-Code Blocks */
+        .chat-bubble pre { background: #1e1e2e; color: #a6adc8; padding: 0; border-radius: var(--radius-md); overflow: hidden; margin: 20px 0; font-family: var(--font-mono); font-size: 14px; line-height: 1.6; border: 1px solid #313244; box-shadow: var(--shadow-md); }
+        .chat-bubble pre code { background: transparent; color: inherit; padding: 20px; font-weight: 400; border: none; display: block; overflow-x: auto; }
         
         /* 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); }
@@ -398,12 +430,12 @@
            I. BOTTOM INPUT DOCK & TOOLS
            --------------------------------------------------------------------------------------- */
         .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 { 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); position: relative; }
         .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 (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 Preview Header */
+        .upload-preview-bar { display: none; padding: 20px 28px 0; align-items: center; gap: 16px; border-bottom: 1px solid transparent; }
+        .upload-preview-bar.visible { display: flex; animation: fadeIn 0.3s ease; border-bottom-color: var(--border-light); padding-bottom: 15px; }
         .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; }
@@ -418,9 +450,13 @@
         .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; }
 
+        /* Real-time Interim Text Feedback */
+        .interim-text-overlay { position: absolute; pointer-events: none; color: var(--brand-saffron-dark); font-style: italic; z-index: 2; padding: 12px 0; margin: 0 8px; left: 140px; top: 14px; right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: none; font-weight: 600; }
+        .interim-text-overlay.active { display: block; }
+
         /* 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 { 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); position: relative; }
         .btn-tool-icon:hover { background: var(--bg-tertiary); color: var(--text-primary); }
         .btn-tool-icon svg { width: 24px; height: 24px; stroke-width: 2; }
         
@@ -438,15 +474,19 @@
         .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: 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); } }
+        .btn-mic-tool { position: relative; }
+        .btn-mic-tool.active-listening { color: #ffffff; background: var(--text-error); border-radius: var(--radius-full); }
+        .btn-mic-tool.active-listening::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--text-error); animation: rippleMic 1.5s infinite ease-out; }
+        @keyframes rippleMic { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
 
         /* Master Send Button */
-        .btn-master-send { width: 48px; height: 48px; border-radius: 16px; border: none; background: linear-gradient(135deg, var(--brand-saffron) 0%, var(--brand-green) 100%); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--ease-spring); box-shadow: 0 6px 20px rgba(19, 136, 8, 0.25); }
-        .btn-master-send svg { width: 20px; height: 20px; fill: white; transition: transform 0.2s; }
+        .btn-master-send { width: 48px; height: 48px; border-radius: 16px; border: none; background: linear-gradient(135deg, var(--brand-saffron) 0%, var(--brand-green) 100%); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--ease-spring); box-shadow: 0 6px 20px rgba(19, 136, 8, 0.25); position: relative; overflow: hidden; }
+        .btn-master-send::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: 0.5s; }
+        .btn-master-send svg { width: 20px; height: 20px; fill: white; transition: transform 0.2s; position: relative; z-index: 2; }
         .btn-master-send:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 153, 51, 0.4); }
+        .btn-master-send:hover::before { left: 100%; }
         .btn-master-send:hover svg { transform: translate(2px, -2px); }
-        .btn-master-send:disabled { opacity: 0.4; cursor: not-allowed; filter: grayscale(100%); transform: none; box-shadow: none; }
+        .btn-master-send:disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(100%); transform: none; box-shadow: none; }
 
         .bottom-branding-text { text-align: center; font-size: 12px; color: var(--text-tertiary); margin-top: 16px; font-weight: 600; letter-spacing: 0.5px; }
 
@@ -467,12 +507,16 @@
         .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; border: none; box-shadow: none;}
+        
+        /* Line Numbers Implementation for Workspace */
+        .workspace-editor-content { display: flex; font-family: var(--font-mono); font-size: 14px; line-height: 1.6; }
+        .workspace-line-numbers { padding-right: 15px; border-right: 1px solid #3e4451; color: #5c6370; text-align: right; user-select: none; }
+        .workspace-editor-surface pre { margin: 0; padding: 0 0 0 15px; background: transparent; overflow-x: auto; color: #abb2bf; border: none; box-shadow: none; flex: 1; }
 
         /* ---------------------------------------------------------------------------------------
            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 { 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); backdrop-filter: blur(20px); }
         .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: var(--text-error); transform: rotate(90deg); }
@@ -480,22 +524,22 @@
         .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); } }
+        @keyframes coreSpeak { 0% { transform: scale(1); box-shadow: 0 0 30px rgba(19,136,8,0.4); } 100% { transform: scale(1.2); box-shadow: 0 0 80px rgba(255,153,51,0.7); } }
         
         .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; padding: 0 20px; }
+        .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; transition: color var(--ease-fast); }
+        .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; transition: opacity var(--ease-smooth); }
         
         .live-control-deck { display: flex; gap: 24px; margin-top: 50px; }
         .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: 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); } }
+        @keyframes pulseMicLive { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.6); } 70% { box-shadow: 0 0 0 25px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
 
         /* Scroll Trigger Button */
         .btn-scroll-trigger { position: absolute; bottom: 150px; left: 50%; width: 48px; height: 48px; border-radius: 50%; background: var(--bg-glass); backdrop-filter: blur(15px); border: 1px solid var(--border-light); box-shadow: var(--shadow-lg); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); opacity: 0; pointer-events: none; transform: translateX(-50%) translateY(20px); transition: var(--ease-smooth); z-index: 20; }
@@ -508,7 +552,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: var(--text-error); }
+        .btn-modal-dismiss:hover { background: #fee2e2; color: var(--text-error); transform: rotate(90deg); }
         .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; }
@@ -562,11 +606,20 @@
             
             .input-tools-row { flex-wrap: wrap; }
             .main-textarea { min-width: 100%; order: -1; margin-bottom: 10px; }
+            .interim-text-overlay { left: 15px; top: 12px; }
         }
     </style>
 </head>
 <body>
 
+    <!-- =========================================================================================
+         DOM STRUCTURE: OFFLINE BANNER
+         ========================================================================================= -->
+    <div id="networkStatusBanner" class="network-offline-banner">
+        <svg viewBox="0 0 24 24" width="16" height="16" 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>
+        System Offline. Please check your internet connection.
+    </div>
+
     <!-- =========================================================================================
          DOM STRUCTURE: NOTIFICATIONS
          ========================================================================================= -->
@@ -633,7 +686,7 @@
                     <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo">
                     <div class="brand-typography">
                         <span class="brand-name">ARJUN 2.O</span>
-                        <span class="brand-edition">Professional</span>
+                        <span class="brand-edition">Enterprise</span>
                     </div>
                 </a>
                 <button class="btn-mobile-close" id="btnSidebarClose">
@@ -671,7 +724,7 @@
                 <!-- Wipe Memory Button -->
                 <button class="btn-erase-memory" id="btnClearMemory">
                     <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
-                    Wipe Memory Context
+                    Wipe Neural Context
                 </button>
             </div>
         </aside>
@@ -685,9 +738,9 @@
                     <button class="btn-hamburger" id="btnSidebarOpen">
                         <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2.5" fill="none"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
                     </button>
-                    <div class="system-status-pill">
+                    <div class="system-status-pill" id="mainStatusPill">
                         <div class="pulse-dot"></div>
-                        System Online
+                        <span id="mainStatusText">System Online</span>
                     </div>
                 </div>
                 
@@ -742,7 +795,7 @@
                     
                     <!-- File Preview Component -->
                     <div class="upload-preview-bar" id="filePreviewBar">
-                        <img class="upload-thumb" id="previewImgThumb" src="" style="display:none;">
+                        <img class="upload-thumb" id="previewImgThumb" src="" alt="Thumbnail" style="display:none;">
                         <div class="upload-thumb" id="previewDocIcon" style="display:none;">📄</div>
                         <div class="upload-meta">
                             <div class="upload-filename" id="previewFileName">document.pdf</div>
@@ -751,7 +804,7 @@
                                 File ready to be transmitted
                             </div>
                         </div>
-                        <button class="btn-discard-upload" id="btnDiscardFile">
+                        <button class="btn-discard-upload" id="btnDiscardFile" title="Remove Attachment">
                             <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>
                         </button>
                     </div>
@@ -803,7 +856,11 @@
                         </button>
 
                         <!-- Expanding Text Area -->
-                        <textarea class="main-textarea" id="mainChatInput" placeholder="Message Arjun Intelligence..." rows="1"></textarea>
+                        <div style="flex:1; position: relative;">
+                            <!-- STT Interim Feedback Overlay -->
+                            <div id="interimTextOverlay" class="interim-text-overlay"></div>
+                            <textarea class="main-textarea" id="mainChatInput" placeholder="Message Arjun Intelligence..." rows="1" style="width: 100%;"></textarea>
+                        </div>
                         
                         <!-- Master Send Button -->
                         <button class="btn-master-send" id="masterSendBtn">
@@ -833,7 +890,10 @@
                 </div>
             </div>
             <div class="workspace-editor-surface">
-                <pre><code id="workspaceCodeBlock" class="hljs"></code></pre>
+                <div class="workspace-editor-content">
+                    <div class="workspace-line-numbers" id="wsLineNumbers">1</div>
+                    <pre><code id="workspaceCodeBlock" class="hljs"></code></pre>
+                </div>
             </div>
         </aside>
     </div>
@@ -883,7 +943,7 @@
     </div>
 
     <!-- =========================================================================================
-         [3] MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
+         MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
          ========================================================================================= -->
     <script>
         // =======================================================================================
@@ -894,10 +954,13 @@
             LOGO_URL: "https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png",
             PDF_WORKER: 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js',
             API_ENDPOINT: '/api/chat', // Uses relative path to connect to Flask App.py
+            MAX_FILE_SIZE_MB: 10, // Prevent UI freeze on giant files
         };
 
         // Initialize PDF worker
-        pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
+        if (typeof pdfjsLib !== 'undefined') {
+            pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
+        }
 
         const AppState = {
             currentUser: localStorage.getItem('arjun_user') || null,
@@ -912,21 +975,18 @@
             isLiveModeEngaged: false,
             gradioClient: null,
             isMicRecording: false,
-            // NEW: Add flags to track speech recognition state
-            isProcessingSpeech: false,
-            lastProcessedText: "",
-            // NEW: Track live mode speech processing
-            isLiveProcessing: false
+            isOnline: navigator.onLine
         };
 
-        // Initialize Gradio Client Dynamically (Fixes the Module Bug)
+        // Initialize Gradio Client Dynamically for TTS
         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);
+                console.warn("Gradio Connection Warning:", err.message);
+                // Non-blocking failure, app still works
             }
         };
         window.initGradioEngine();
@@ -935,38 +995,37 @@
         // 2. UTILITY ENGINE (Robust Copy, Notifications, and Text Cleaners)
         // =======================================================================================
         const Utils = {
-            showToast: (message) => {
+            showToast: (message, type = 'info') => {
                 const container = document.getElementById('toast-container');
                 const toast = document.createElement('div');
-                toast.className = 'toast-notification';
-                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}`;
+                toast.className = `toast-notification ${type}`;
+                
+                let icon = '<polyline points="20 6 9 17 4 12"></polyline>'; // Checkmark
+                if (type === 'error') icon = '<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>';
+                
+                toast.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">${icon}</svg> ${Utils.escapeHTML(message)}`;
                 container.appendChild(toast);
-                setTimeout(() => toast.remove(), 3000);
+                setTimeout(() => { if (toast.parentNode) toast.remove(); }, 3500);
             },
             
             escapeHTML: (str) => {
-                return str.replace(/&/g,'&').replace(//g,'>');
+                if (str === null || str === undefined) return '';
+                return String(str).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
 
-            // ✨ CRITICAL FIX: Intelligent Text Cleaner for TTS (Ignores code, links, images)
+            // ✨ Intelligent Text Cleaner for TTS (Ignores code, links, images)
             cleanTextForVoice: (rawText) => {
                 if(!rawText) return "";
-                let cleaned = rawText;
+                let cleaned = String(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)) - 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 URLs/HTTP links explicitly
-                cleaned = cleaned.replace(/https?:\/\/[^\s]+/g, '');
-                // 7. Remove stray Markdown formatting symbols
-                cleaned = cleaned.replace(/[*_~#]/g, '');
+                // Remove Markdown Elements sequentially to prevent regex conflicts
+                cleaned = cleaned.replace(/```[\s\S]*?```/g, ''); // Code blocks
+                cleaned = cleaned.replace(/`.*?`/g, ''); // Inline code
+                cleaned = cleaned.replace(/!\[.*?\]\(.*?\)/g, ''); // Images
+                cleaned = cleaned.replace(/\[(.*?)\]\(.*?\)/g, '$1'); // Links
+                cleaned = cleaned.replace(/<think>[\s\S]*?<\/think>/gi, ''); // Think Tags
+                cleaned = cleaned.replace(/https?:\/\/[^\s]+/g, ''); // Bare URLs
+                cleaned = cleaned.replace(/[*_~#|-]/g, ''); // Formatting symbols
                 
                 return cleaned.trim();
             },
@@ -976,6 +1035,7 @@
                 const textArea = document.createElement("textarea");
                 textArea.value = text;
                 textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed";
+                textArea.style.opacity = "0";
                 document.body.appendChild(textArea);
                 textArea.focus(); textArea.select();
                 
@@ -983,13 +1043,13 @@
                     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> Copied Successfully`;
+                        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 Data`;
                         setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                     } else {
-                        Utils.showToast("Clipboard access denied by browser.");
+                        Utils.showToast("Clipboard access denied by browser.", "error");
                     }
                 } catch (err) {
-                    Utils.showToast("System error copying text.");
+                    Utils.showToast("System error copying text.", "error");
                 }
                 document.body.removeChild(textArea);
             },
@@ -1001,7 +1061,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> Copied Successfully`;
+                    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 Data`;
                     setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                 }).catch((err) => {
                     console.warn('Modern API failed, utilizing fallback...', err);
@@ -1011,7 +1071,7 @@
         };
 
         // =======================================================================================
-        // 3. AUTHENTICATION & SYNC MANAGER (Robust Fetch)
+        // 3. AUTHENTICATION & SYNC MANAGER
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
@@ -1050,8 +1110,9 @@
                 document.getElementById(nextId).classList.add('active');
             },
 
-            // ✨ FIXED GAS SYNC LOGIC
             process: async (actionType) => {
+                if (!AppState.isOnline) return Utils.showToast("System is offline. Cannot authenticate.", "error");
+
                 const payload = { action: actionType };
                 let buttonId = '';
 
@@ -1059,18 +1120,18 @@
                     payload.name = document.getElementById('authRegName').value.trim();
                     payload.email = document.getElementById('authRegEmail').value.trim();
                     payload.phone = "0000000000"; payload.organization = "Arjun Base";
-                    if (!payload.email || !payload.name) return Utils.showToast("Identification details required.");
+                    if (!payload.email || !payload.name) return Utils.showToast("Identification details required.", "error");
                     buttonId = 'btn-fire-reg-otp';
                 } 
                 else if (actionType === 'login_send_otp') {
                     payload.email = document.getElementById('authLogEmail').value.trim();
-                    if (!payload.email) return Utils.showToast("Email required for validation.");
+                    if (!payload.email) return Utils.showToast("Email required for validation.", "error");
                     buttonId = 'btn-fire-log-otp';
                 } 
                 else if (actionType === 'register_verify' || actionType === 'login_verify') {
                     payload.email = document.getElementById(actionType === 'register_verify' ? 'authRegEmail' : 'authLogEmail').value.trim();
                     payload.otp = document.getElementById(actionType === 'register_verify' ? 'authRegOTP' : 'authLogOTP').value.trim();
-                    if (!payload.otp) return Utils.showToast("Security token required.");
+                    if (!payload.otp) return Utils.showToast("Security token required.", "error");
                     buttonId = actionType === 'register_verify' ? 'btn-fire-reg-verify' : 'btn-fire-log-verify';
                 }
 
@@ -1080,7 +1141,6 @@
                 triggerBtn.innerText = 'Establishing Connection...';
 
                 try {
-                    // mode: 'cors' handles redirect issues from GAS effectively
                     const response = await fetch(Config.GAS_URL, { 
                         method: 'POST', 
                         mode: 'cors',
@@ -1091,7 +1151,7 @@
                     const result = await response.json();
                     
                     if (result.status === 'success') {
-                        Utils.showToast(result.message);
+                        Utils.showToast(result.message, "success");
                         if (actionType === 'register_send_otp') AuthManager.switchPhase('auth-reg-phase-1', 'auth-reg-phase-2');
                         else if (actionType === 'login_send_otp') AuthManager.switchPhase('auth-log-phase-1', 'auth-log-phase-2');
                         else if (actionType === 'register_verify' || actionType === 'login_verify') {
@@ -1102,11 +1162,11 @@
                             ChatEngine.syncHistoryFromCloud();
                         }
                     } else {
-                        Utils.showToast(result.message);
+                        Utils.showToast(result.message, "error");
                     }
                 } catch (error) {
                     console.error("Auth Network Error: ", error);
-                    Utils.showToast("Encrypted gateway error. Check network.");
+                    Utils.showToast("Encrypted gateway error. Check network.", "error");
                 }
                 
                 triggerBtn.disabled = false;
@@ -1155,31 +1215,56 @@
 
             toggleAttachMenu: () => {
                 document.getElementById('attachDropdownMenu').classList.toggle('visible');
+            },
+
+            updateNetworkStatus: () => {
+                AppState.isOnline = navigator.onLine;
+                const banner = document.getElementById('networkStatusBanner');
+                const pill = document.getElementById('mainStatusPill');
+                const pillText = document.getElementById('mainStatusText');
+
+                if (AppState.isOnline) {
+                    banner.classList.remove('active');
+                    pill.classList.remove('offline');
+                    pillText.innerText = 'System Online';
+                    if(!AppState.isProcessing && AppState.history.length > 0) {
+                        Utils.showToast("Network connection restored.", "success");
+                    }
+                } else {
+                    banner.classList.add('active');
+                    pill.classList.add('offline');
+                    pillText.innerText = 'System Offline';
+                }
             }
         };
 
         // =======================================================================================
-        // 5. SPEECH & TTS ENGINE (Bilingual STT + Gradio Edge-TTS + Smart Cleaner)
+        // 5. THE BUG-FREE SPEECH & TTS ENGINE (STT DUPLICATION FIX IMPLEMENTED)
         // =======================================================================================
         const VoiceEngine = {
             recognition: null,
             currentLanguage: 'en-IN',
-            
+            silenceTimer: null,
+            liveSessionText: "",
+
             init: () => {
                 const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
-                if (!SR) return;
+                if (!SR) {
+                    console.warn("Speech Recognition API not supported in this browser.");
+                    document.getElementById('masterVoiceBtn').style.display = 'none';
+                    return;
+                }
 
                 VoiceEngine.recognition = new SR();
-                // FIX: Setting continuous to false to prevent multiple recognitions
-                VoiceEngine.recognition.continuous = false;
+                VoiceEngine.recognition.continuous = true;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
 
                 VoiceEngine.recognition.onstart = () => {
                     AppState.isMicRecording = true;
-                    // NEW: Set processing flag to prevent duplicate processing
-                    AppState.isProcessingSpeech = true;
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
+                    VoiceEngine.liveSessionText = "";
+                    
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.add('is-recording');
                         document.getElementById('liveStatusText').innerText = "Listening...";
@@ -1189,75 +1274,90 @@
                 };
 
                 VoiceEngine.recognition.onresult = (event) => {
+                    if (VoiceEngine.silenceTimer) clearTimeout(VoiceEngine.silenceTimer);
+
                     let finalTranscript = '';
                     let interimTranscript = '';
                     
+                    // ✨ The Standard Loop - Prevents all Duplication and Undefined errors
                     for (let i = event.resultIndex; i < event.results.length; ++i) {
+                        let transcriptSegment = event.results[i].transcript;
+                        if (transcriptSegment === undefined || transcriptSegment === null) continue;
+                        
                         if (event.results[i].isFinal) {
-                            finalTranscript += event.results[i][0].transcript;
+                            finalTranscript += transcriptSegment;
                         } else {
-                            interimTranscript += event.results[i][0].transcript;
+                            interimTranscript += transcriptSegment;
                         }
                     }
 
-                    if (finalTranscript.trim().length > 0) {
-                        let formattedText = finalTranscript.trim();
-                        // NEW: Check if this text has already been processed to avoid duplication
-                        if (formattedText === AppState.lastProcessedText) {
-                            return;
+                    if (AppState.isLiveModeEngaged) {
+                        if (finalTranscript) {
+                            VoiceEngine.liveSessionText += (VoiceEngine.liveSessionText ? ' ' : '') + finalTranscript.trim();
                         }
-                        AppState.lastProcessedText = formattedText;
                         
-                        formattedText = formattedText.charAt(0).toUpperCase() + formattedText.slice(1);
-                        if (!/[.!?।]$/.test(formattedText)) formattedText += '.';
+                        let displayString = (VoiceEngine.liveSessionText + ' ' + interimTranscript).trim();
                         
-                        if (AppState.isLiveModeEngaged) {
-                            document.getElementById('liveTranscriptText').innerText = `"${formattedText}"`;
-                            document.getElementById('liveStatusText').innerText = "Synthesizing Response...";
-                            document.getElementById('mainChatInput').value = formattedText;
-                            
-                            // NEW: Set live processing flag to prevent duplicate dispatches
-                            if (!AppState.isLiveProcessing) {
-                                AppState.isLiveProcessing = true;
-                                // Stop mic manually to trigger dispatch in Live Mode
-                                VoiceEngine.recognition.stop();
-                                ChatEngine.initiateDispatch();
+                        if (displayString) {
+                            document.getElementById('liveTranscriptText').innerText = `"${displayString}"`;
+                            document.getElementById('mainChatInput').value = displayString;
+                        }
+
+                        // Silence Detector
+                        VoiceEngine.silenceTimer = setTimeout(() => {
+                            if (document.getElementById('mainChatInput').value.trim().length > 0) {
+                                VoiceEngine.recognition.stop(); 
                             }
-                        } else {
+                        }, 1800);
+
+                    } else {
+                        // Regular Chat Text Box Appending
+                        if (finalTranscript) {
                             const inputField = document.getElementById('mainChatInput');
-                            inputField.value = (inputField.value + ' ' + formattedText + ' ').trim();
+                            let currentVal = inputField.value;
+                            const separator = (currentVal && !currentVal.endsWith(' ')) ? ' ' : '';
+                            inputField.value = currentVal + separator + finalTranscript.trim();
                             UIManager.autoGrowTextArea(inputField);
                         }
+                        
+                        // Show visual feedback for interim vs final
+                        const interimOverlay = document.getElementById('interimTextOverlay');
+                        if (interimTranscript) {
+                            interimOverlay.innerText = interimTranscript.trim();
+                            interimOverlay.classList.add('active');
+                        } else {
+                            interimOverlay.classList.remove('active');
+                        }
                     }
                 };
 
                 VoiceEngine.recognition.onend = () => {
                     AppState.isMicRecording = false;
-                    // NEW: Reset processing flags when recognition ends
-                    AppState.isProcessingSpeech = false;
-                    if (AppState.isLiveModeEngaged) {
-                        AppState.isLiveProcessing = false;
-                    }
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
+                    document.getElementById('interimTextOverlay').classList.remove('active');
                     
-                    if (AppState.isLiveModeEngaged && !AppState.isProcessing) {
+                    if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.remove('is-recording');
-                        document.getElementById('liveStatusText').innerText = "Tap mic to interact";
                         document.getElementById('liveOrb').style.transform = "scale(1)";
+                        
+                        const currentInput = document.getElementById('mainChatInput').value.trim();
+                        if (currentInput !== '' && !AppState.isProcessing) {
+                            document.getElementById('liveStatusText').innerText = "Processing...";
+                            ChatEngine.initiateDispatch();
+                        } else if (!AppState.isProcessing) {
+                            document.getElementById('liveStatusText').innerText = "Tap mic to interact";
+                        }
                     }
                 };
 
                 VoiceEngine.recognition.onerror = (event) => {
                     AppState.isMicRecording = false;
-                    // NEW: Reset processing flags on error
-                    AppState.isProcessingSpeech = false;
-                    if (AppState.isLiveModeEngaged) {
-                        AppState.isLiveProcessing = false;
-                    }
-                    if(event.error !== 'no-speech') {
-                        Utils.showToast("Voice module error: " + event.error);
+                    if(event.error !== 'no-speech' && event.error !== 'aborted') {
+                        Utils.showToast("Voice module error: " + event.error, "error");
                     }
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
+                    document.getElementById('interimTextOverlay').classList.remove('active');
+                    
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.remove('is-recording');
                         document.getElementById('liveStatusText').innerText = "Audio Failure. Retry.";
@@ -1273,25 +1373,26 @@
                     VoiceEngine.currentLanguage = 'hi-IN';
                     badge.innerText = 'हि';
                     btn.classList.add('hindi-active');
-                    Utils.showToast("Listening Protocol: Hindi (देवनागरी)");
+                    Utils.showToast("Listening Protocol: Hindi (देवनागरी)", "success");
                 } else {
                     VoiceEngine.currentLanguage = 'en-IN';
                     badge.innerText = 'EN';
                     btn.classList.remove('hindi-active');
-                    Utils.showToast("Listening Protocol: English");
+                    Utils.showToast("Listening Protocol: English", "success");
                 }
                 
                 if (VoiceEngine.recognition) {
                     VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
-                        setTimeout(() => { VoiceEngine.recognition.start(); }, 400);
+                        // Slight delay to allow system to halt before restarting
+                        setTimeout(() => { try{VoiceEngine.recognition.start();}catch(e){} }, 400);
                     }
                 }
             },
 
             toggleDictation: () => {
-                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
+                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported in this browser.", "error");
                 try {
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
@@ -1301,13 +1402,11 @@
                 } catch (e) { console.error("Mic Start Error", e); }
             },
 
-            // ✨ 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);
                 
                 if(!cleanSpeechText.trim()) {
-                    Utils.showToast("No readable text found.");
+                    Utils.showToast("No readable conversational text found in this block.", "error");
                     return;
                 }
 
@@ -1318,7 +1417,6 @@
 
                 try {
                     if(!AppState.gradioClient) {
-                        // 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");
                     }
@@ -1328,8 +1426,8 @@
                         voice_type: "प्रभात (भारी और प्राकृतिक आवाज़ - हिंग्लिश के लिए)"
                     });
 
-                    if (result.data && result.data[0]) {
-                        const audioUrl = typeof result.data[0] === 'string' ? result.data[0] : result.data[0].url;
+                    if (result.data && result.data) {
+                        const audioUrl = typeof result.data === 'string' ? result.data : result.data.url;
                         const audio = new Audio(audioUrl);
                         
                         audio.onended = () => {
@@ -1344,7 +1442,7 @@
                         throw new Error("No audio payload returned.");
                     }
                 } catch (error) {
-                    Utils.showToast("Voice Neural Matrix is currently overloaded.");
+                    Utils.showToast("Voice Neural Matrix is currently overloaded.", "error");
                     console.error("Gradio TTS Error:", error);
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveOrb').classList.remove('speaking');
@@ -1363,7 +1461,7 @@
                 if (VoiceEngine.recognition && !AppState.isMicRecording) {
                     setTimeout(() => { 
                         try { VoiceEngine.recognition.start(); } catch(e){} 
-                    }, 500);
+                    }, 600);
                 }
             },
             terminate: () => {
@@ -1376,7 +1474,7 @@
         };
 
         // =======================================================================================
-        // 6. FILE & DOCUMENT PROCESSOR (Non-Technical Vocabulary)
+        // 6. FILE & DOCUMENT PROCESSOR (Robust & Size Validated)
         // =======================================================================================
         const FileProcessor = {
             triggerFileSelector: (type) => {
@@ -1385,17 +1483,25 @@
             },
 
             processFile: async (inputElement, typeContext) => {
-                const file = inputElement.files[0];
+                const file = inputElement.files;
                 if (!file) return;
                 
+                // Size Validation to prevent UI thread lock
+                const fileSizeMB = file.size / (1024 * 1024);
+                if (fileSizeMB > Config.MAX_FILE_SIZE_MB) {
+                    Utils.showToast(`File exceeds ${Config.MAX_FILE_SIZE_MB}MB enterprise limit.`, "error");
+                    inputElement.value = '';
+                    return;
+                }
+
                 const fName = file.name.toLowerCase();
                 const mime = file.type;
                 
-                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; }
+                if (typeContext === 'image' && !mime.startsWith('image/')) { Utils.showToast("Visual media required.", "error"); inputElement.value=''; return; }
+                if (typeContext === 'video' && !mime.startsWith('video/')) { Utils.showToast("Video media required.", "error"); inputElement.value=''; return; }
+                if (typeContext === 'audio' && !mime.startsWith('audio/')) { Utils.showToast("Audio media required.", "error"); inputElement.value=''; return; }
 
-                Utils.showToast(`Uploading your file...`);
+                Utils.showToast(`Analyzing ${file.name}...`, "info");
                 
                 const thumbImg = document.getElementById('previewImgThumb');
                 const docIcon = document.getElementById('previewDocIcon');
@@ -1409,7 +1515,7 @@
 
                 if (typeContext === 'image') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(',')[1], name: file.name };
+                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(','), name: file.name };
                         thumbImg.src = e.target.result;
                         thumbImg.style.display = 'flex';
                     };
@@ -1417,7 +1523,7 @@
                 } 
                 else if (typeContext === 'video' || typeContext === 'audio') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(',')[1], name: file.name };
+                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(','), name: file.name };
                         docIcon.innerText = typeContext === 'video' ? '🎥' : '🎵';
                         docIcon.style.display = 'flex';
                     };
@@ -1439,9 +1545,9 @@
                                     extractedText += content.items.map(s => s.str).join(' ') + "\n";
                                 }
                                 AppState.pendingAttachment = { type: 'text', data: extractedText.trim() || "No readable text found.", name: file.name };
-                                Utils.showToast("Your PDF is ready!");
+                                Utils.showToast("Document payload secured.", "success");
                             } catch (e) {
-                                Utils.showToast("PDF parsing encountered an error.");
+                                Utils.showToast("PDF architecture parsing failed.", "error");
                                 FileProcessor.discardFile();
                             }
                         };
@@ -1453,9 +1559,9 @@
                                 const buffer = this.result;
                                 const resultData = await mammoth.extractRawText({ arrayBuffer: buffer });
                                 AppState.pendingAttachment = { type: 'text', data: resultData.value.trim() || "No readable text found.", name: file.name };
-                                Utils.showToast("Your Word document is ready!");
+                                Utils.showToast("Document payload secured.", "success");
                             } catch(e) {
-                                Utils.showToast("Document parsing encountered an error.");
+                                Utils.showToast("Document architecture parsing failed.", "error");
                                 FileProcessor.discardFile();
                             }
                         };
@@ -1464,7 +1570,7 @@
                     else {
                         fileReader.onload = (e) => {
                             AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
-                            Utils.showToast("Your file is ready!");
+                            Utils.showToast("File payload secured.", "success");
                         };
                         fileReader.readAsText(file);
                     }
@@ -1475,23 +1581,31 @@
             discardFile: () => {
                 AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
+                document.getElementById('previewImgThumb').src = '';
             }
         };
 
         // =======================================================================================
-        // 7. WORKSPACE ENGINE & MARKDOWN RENDERING
+        // 7. WORKSPACE ENGINE & ADVANCED MARKDOWN RENDERING
         // =======================================================================================
         const WorkspaceEngine = {
             launch: (codeBlockId) => {
                 AppState.currentWorkspaceId = codeBlockId;
                 const codeData = AppState.generatedCodeBlocks[codeBlockId];
                 
-                document.getElementById('wsTitleText').innerText = codeData.lang ? `Generated ${codeData.lang.toUpperCase()}` : "Compiled Code";
+                document.getElementById('wsTitleText').innerText = codeData.lang ? `Generated ${codeData.lang.toUpperCase()}` : "Compiled Logic";
                 const blockDisplay = document.getElementById('workspaceCodeBlock');
                 blockDisplay.className = `hljs language-${codeData.lang || 'plaintext'}`;
                 blockDisplay.textContent = codeData.code;
                 
                 hljs.highlightElement(blockDisplay);
+
+                // Add Line Numbers dynamically
+                const lineCount = codeData.code.split('\n').length;
+                let numbersHTML = '';
+                for(let i=1; i<=lineCount; i++) { numbersHTML += `${i}<br>`; }
+                document.getElementById('wsLineNumbers').innerHTML = numbersHTML;
+
                 document.getElementById('workspacePanel').classList.add('expanded');
                 
                 if (window.innerWidth <= 1024) {
@@ -1509,19 +1623,20 @@
             }
         };
 
+        // Custom Marked Renderer for UI perfection
         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 || '');
+            const langClass = typeof token === 'string' ? arguments : (token.lang || '');
             
             if (AppState.isStreamingActive) {
                 return `
                 <div class="streaming-code-container">
                     <div class="streaming-code-header">
                         <div class="loading-ring"></div>
-                        Generating Architecture...
+                        Generating Secure Architecture...
                     </div>
-                    <pre><code class="language-${langClass}">${Utils.escapeHTML(rawCode)}</code></pre>
+                    <pre><code class="language-${Utils.escapeHTML(langClass)}">${Utils.escapeHTML(rawCode)}</code></pre>
                 </div>`;
             }
             
@@ -1536,4 +1651,460 @@
                     </div>
                     <div class="ws-card-details">
                         <h4>Code Module Compiled</h4>
-                        <p>${langClass || 'Syntax Detected'}
\ No newline at end of file
+                        <p>${Utils.escapeHTML(langClass) || 'Syntax Module'}</p>
+                    </div>
+                </div>
+                <button class="btn-launch-workspace btn-launch-ws" data-id="${internalId}">Open Workspace</button>
+            </div>`;
+        };
+
+        MD_Renderer.table = function(token) {
+            let html = '<table>';
+            if (token.header) {
+                html += '<thead><tr>';
+                token.header.forEach(th => { html += `<th>${marked.parseInline(th.text)}</th>`; });
+                html += '</tr></thead>';
+            }
+            if (token.rows) {
+                html += '<tbody>';
+                token.rows.forEach(tr => {
+                    html += '<tr>';
+                    tr.forEach(td => { html += `<td>${marked.parseInline(td.text)}</td>`; });
+                    html += '</tr>';
+                });
+                html += '</tbody>';
+            }
+            html += '</table>';
+            return html;
+        };
+
+        marked.use({ renderer: MD_Renderer, breaks: true, gfm: true });
+
+        // Event delegation for dynamically generated 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');
+                WorkspaceEngine.launch(blockId);
+            }
+        });
+
+        // =======================================================================================
+        // 8. CORE CHAT ENGINE & LLM LOGIC
+        // =======================================================================================
+        const ChatEngine = {
+            handleKeyboard: (e) => {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                    e.preventDefault();
+                    ChatEngine.initiateDispatch();
+                }
+            },
+
+            sendExample: (queryText) => {
+                document.getElementById('mainChatInput').value = queryText;
+                ChatEngine.initiateDispatch();
+            },
+
+            clearMemory: async () => {
+                if(!confirm("Are you sure you want to wipe the neural context? This action cannot be undone.")) return;
+
+                if (AppState.currentUser) {
+                    Utils.showToast("Purging neural link memory...", "info");
+                    try {
+                        await fetch(Config.GAS_URL, { 
+                            method: 'POST', 
+                            mode: 'cors',
+                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
+                            body: JSON.stringify({ action: "delete_history", email: AppState.currentUser }) 
+                        });
+                    } catch(e) {}
+                }
+                location.reload();
+            },
+
+            syncHistoryFromCloud: async () => {
+                if (!AppState.isOnline) return;
+
+                const messageZone = document.getElementById('msgs');
+                document.getElementById('welcomeState').style.display = 'none';
+                messageZone.innerHTML = '<div style="text-align:center; padding:80px; font-weight:800; color:var(--brand-saffron); font-size:18px;">Decrypting Historic Archives...</div>';
+                
+                try {
+                    const response = await fetch(Config.GAS_URL, { 
+                        method: 'POST', 
+                        mode: 'cors',
+                        headers: { 'Content-Type': 'text/plain;charset=utf-8' },
+                        body: JSON.stringify({ action: "get_history", email: AppState.currentUser }) 
+                    });
+                    const resData = await response.json();
+                    messageZone.innerHTML = '';
+                    
+                    if (resData.status === 'success' && resData.historyJSON !== "[]") {
+                        AppState.history = JSON.parse(resData.historyJSON);
+                        AppState.history.forEach(msgObj => {
+                            if (msgObj.role === 'user') {
+                                ChatEngine.renderUserMessage(msgObj.content, msgObj.badge, msgObj.previewHTML);
+                            } else {
+                                AppState.isStreamingActive = false;
+                                ChatEngine.renderBotMessage(msgObj.content, true);
+                            }
+                        });
+                        setTimeout(UIManager.forceScrollDown, 150);
+                    } else {
+                        document.getElementById('welcomeState').style.display = 'flex';
+                    }
+                } catch (err) {
+                    messageZone.innerHTML = '';
+                    document.getElementById('welcomeState').style.display = 'flex';
+                }
+            },
+
+            saveHistoryToCloud: () => {
+                if (AppState.currentUser && AppState.isOnline) {
+                    fetch(Config.GAS_URL, { 
+                        method: 'POST', 
+                        mode: 'cors',
+                        headers: { 'Content-Type': 'text/plain;charset=utf-8' },
+                        body: JSON.stringify({ action: "save_history", email: AppState.currentUser, historyJSON: JSON.stringify(AppState.history) }) 
+                    });
+                }
+            },
+
+            buildPreviewHTML: (attachmentObj) => {
+                if (!attachmentObj) return '';
+                if (attachmentObj.type === 'image') {
+                    return `<img src="data:image/jpeg;base64,${Utils.escapeHTML(attachmentObj.data)}" class="chat-in-bubble-img" alt="Attached Media">`;
+                } else if (attachmentObj.type === 'video') {
+                    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">${Utils.escapeHTML(attachmentObj.name)}</span></div>`;
+                } else if (attachmentObj.type === 'audio') {
+                    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">${Utils.escapeHTML(attachmentObj.name)}</span></div>`;
+                } else {
+                    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">${Utils.escapeHTML(attachmentObj.name)}</span></div>`;
+                }
+            },
+
+            renderUserMessage: (textContent, badgeText, previewHTMLString = '') => {
+                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>` : '';
+                
+                let visibleText = textContent || '';
+                if(visibleText.includes('---DATA BEGIN---')) {
+                    const parts = visibleText.split('User Prompt:');
+                    if(parts.length > 1) visibleText = parts.trim();
+                }
+
+                const bubbleBox = document.createElement('div');
+                bubbleBox.className = 'chat-message-row user-msg';
+                bubbleBox.innerHTML = `
+                    <div class="msg-avatar">U</div>
+                    <div class="msg-content-column">
+                        ${badgeNode}
+                        <div class="chat-bubble">
+                            ${previewHTMLString}
+                            ${Utils.escapeHTML(visibleText)}
+                        </div>
+                    </div>`;
+                document.getElementById('msgs').appendChild(bubbleBox);
+            },
+
+            renderBotMessage: (textContent, bypassStreamFormatting = false) => {
+                const bubbleBox = document.createElement('div');
+                bubbleBox.className = 'chat-message-row bot-msg';
+                bubbleBox.innerHTML = `
+                    <div class="msg-avatar"><img src="${Config.LOGO_URL}" alt="AI"></div>
+                    <div class="msg-content-column">
+                        <div class="chat-bubble"></div>
+                    </div>`;
+                document.getElementById('msgs').appendChild(bubbleBox);
+                ChatEngine.updateBotBubble(bubbleBox, textContent || '', !bypassStreamFormatting);
+                return bubbleBox;
+            },
+
+            updateBotBubble: (bubbleDOM, rawMarkup, isCurrentlyStreaming) => {
+                if(!rawMarkup) rawMarkup = '';
+                const contentTarget = bubbleDOM.querySelector('.chat-bubble');
+                const strippedMarkup = rawMarkup.replace(/<think>([\s\S]*?)(<\/think>|$)/gi, '');
+                
+                let renderHTML = marked.parse(strippedMarkup.trim());
+                
+                if (isCurrentlyStreaming) {
+                    renderHTML += `<div class="loading-dots-container"><div class="loading-dot"></div><div class="loading-dot"></div><div class="loading-dot"></div></div>`;
+                }
+                
+                contentTarget.innerHTML = renderHTML;
+                
+                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, '');
+                    const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
+
+                    const actionsHTML = `
+                    <div class="bot-actions-row">
+                        <button class="btn-bot-action btn-cpy-action" data-cpy="${safeRawCopy}">
+                            <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="${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);
+
+                    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')); });
+                }
+            },
+
+            initiateDispatch: async () => {
+                if (!AppState.isOnline) return Utils.showToast("Cannot process request. System is Offline.", "error");
+                if (AppState.isProcessing) return;
+                
+                const inputField = document.getElementById('mainChatInput');
+                const rawUserText = inputField.value.trim();
+                
+                if (!rawUserText && !AppState.pendingAttachment) return;
+
+                // VALIDATE GUEST LIMIT
+                if (!AppState.currentUser) {
+                    if (AppState.guestCount >= 3) {
+                        AuthManager.openModal();
+                        return Utils.showToast("Query limit reached. Secure Login required.", "error");
+                    }
+                    AppState.guestCount++;
+                    localStorage.setItem('arjun_guest', AppState.guestCount.toString());
+                    document.getElementById('guestCountDisplay').innerText = AppState.guestCount;
+                }
+
+                // Prepare UI for Dispatch
+                inputField.value = '';
+                inputField.style.height = 'auto';
+                document.getElementById('masterSendBtn').disabled = true;
+                AppState.isProcessing = true;
+                
+                const wState = document.getElementById('welcomeState');
+                if (wState) wState.style.display = 'none';
+
+                let payloadStr = rawUserText;
+                let payloadAttachments = [];
+                let visualBadge = null;
+                let previewHTMLForChat = '';
+
+                // Attachment Processing Logic
+                if (AppState.pendingAttachment) {
+                    previewHTMLForChat = ChatEngine.buildPreviewHTML(AppState.pendingAttachment);
+                    
+                    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';
+                    } else {
+                        payloadAttachments.push({ 
+                            type: AppState.pendingAttachment.type, 
+                            data: AppState.pendingAttachment.data, 
+                            name: AppState.pendingAttachment.name 
+                        });
+                        visualBadge = "Media Appended";
+                    }
+                    
+                    ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
+                    AppState.history.push({ role: 'user', content: payloadStr, badge: visualBadge, previewHTML: previewHTMLForChat });
+                } else {
+                    ChatEngine.renderUserMessage(rawUserText, null, '');
+                    AppState.history.push({ role: 'user', content: rawUserText });
+                }
+                
+                FileProcessor.discardFile();
+                ChatEngine.saveHistoryToCloud();
+
+                const activeBotBubble = ChatEngine.renderBotMessage('', false);
+                UIManager.forceScrollDown();
+
+                // Dynamic Pollinations Seed Generator
+                const cryptographicSeed = Math.floor(Math.random() * 999999999);
+
+                // Advanced Cognitive System Instructions
+                let cognitivePrompt = `You are Arjun 2.O, a highly advanced enterprise AI system architected and engineered by Abhay Kumar.
+                LANGUAGE PROTOCOL: Your primary logic is English. If the user interacts in Hindi/Hinglish, you must dynamically switch to a professional Hindi response. Never force translation on pure English prompts.
+                
+                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})
+                Available Models: flux, flux-realism, flux-anime, flux-3d.
+                CRITICAL: The seed parameter is mandatory to bypass cache mechanics. Always render this markdown node inline.`;
+
+                if (AppState.isLiveModeEngaged) {
+                    cognitivePrompt += `\n\n[LIVE ACOUSTIC OVERRIDE ACTIVE]: You are currently engaged in a LIVE, REAL-TIME VOCAL INTERFACE. 
+                    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 }));
+
+                const transmissionPayload = {
+                    message: payloadStr,
+                    attachments: payloadAttachments,
+                    system_prompt: cognitivePrompt,
+                    history: secureHistory,
+                    max_tokens: AppState.isLiveModeEngaged ? 150 : 4096, 
+                    temperature: 0.75
+                };
+
+                // Network Transmission Logic
+                try {
+                    const fetchOp = await fetch(Config.API_ENDPOINT, { 
+                        method: 'POST', 
+                        headers: {'Content-Type': 'application/json'}, 
+                        body: JSON.stringify(transmissionPayload) 
+                    });
+                    
+                    if (!fetchOp.ok) throw new Error("API Matrix Disconnected.");
+                    
+                    const networkReader = fetchOp.body.getReader();
+                    const textDecoder = new TextDecoder();
+                    let responseBuffer = "";
+                    
+                    AppState.isStreamingActive = true; 
+                    
+                    while (true) {
+                        const { done, value } = await networkReader.read();
+                        if (done) break;
+                        
+                        const decodedChunk = textDecoder.decode(value, { stream: true });
+                        const fragmentedLines = decodedChunk.split('\n');
+                        
+                        for (let line of fragmentedLines) {
+                            if (line.startsWith('data: ')) {
+                                const parseableStr = line.substring(6);
+                                if (parseableStr.trim() === '[DONE]') continue;
+                                
+                                try {
+                                    const jsonSegment = JSON.parse(parseableStr);
+                                    if (jsonSegment.choices && jsonSegment.choices.delta.content) {
+                                        responseBuffer += jsonSegment.choices.delta.content;
+                                        ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
+                                        UIManager.autoScroll();
+                                    }
+                                } catch (e) { }
+                            }
+                        }
+                    }
+                    
+                    AppState.isStreamingActive = false; 
+                    ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, false);
+                    AppState.history.push({ role: 'bot', content: responseBuffer });
+                    ChatEngine.saveHistoryToCloud();
+                    
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveStatusText').innerText = "Arjun Transmitting...";
+                        await VoiceEngine.executeTTS(responseBuffer);
+                    }
+                    
+                } catch(error) { 
+                    AppState.isStreamingActive = false; 
+                    ChatEngine.updateBotBubble(activeBotBubble, `**System Error:** Communication array offline. Verification needed.`, false); 
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveStatusText').innerText = "Neural Link Severed.";
+                    }
+                }
+                
+                AppState.isProcessing = false; 
+                document.getElementById('masterSendBtn').disabled = false; 
+                UIManager.autoScroll();
+            }
+        };
+
+        // =======================================================================================
+        // 9. EVENT DELEGATION & BOOTSTRAP INVOCATION
+        // =======================================================================================
+        
+        window.startArjunApp = function() {
+            document.getElementById('welcomeOverlay').classList.add('hidden');
+            localStorage.setItem('arjun_welcome_seen', 'true');
+            setTimeout(() => { document.getElementById('welcomeOverlay').style.display = 'none'; }, 400);
+        };
+
+        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.'));
+
+            // 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);
+
+            // Network Monitoring
+            window.addEventListener('online', UIManager.updateNetworkStatus);
+            window.addEventListener('offline', UIManager.updateNetworkStatus);
+
+            // 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'; 
+            }
+
+            // Fire Boot Processes
+            UIManager.updateNetworkStatus();
+            VoiceEngine.init();
+            AuthManager.initUI();
+            if(AppState.currentUser) { ChatEngine.syncHistoryFromCloud(); }
+        });
+
+    </script>
+</body>
+</html>
+