Spaces:

Renderlib-dev
/

CodeVed

Running

App Files Files Community

Vedika commited on May 24

Commit

6bfa85c

verified ·

1 Parent(s): 0968610

Update index.html

Browse files

Files changed (1) hide show

index.html +186 -355

index.html CHANGED Viewed

@@ -1,4 +1,3 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
@@ -12,7 +11,7 @@
     <title>Arjun 2.O - Professional Advanced AI</title>
     <!-- =========================================================================================
-         EXTERNAL RESOURCES, FONTS & LIBRARIES (बाहरी स्रोत)
          ========================================================================================= -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -30,14 +29,14 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
     <!-- =========================================================================================
-         MASSIVE ENTERPRISE CSS ARCHITECTURE (विस्तृत और उन्नत स्टाइलिंग)
          ========================================================================================= -->
     <style>
         /* ---------------------------------------------------------------------------------------
-           A. CSS VARIABLES, DESIGN TOKENS & BRANDING
            --------------------------------------------------------------------------------------- */
         :root {
-            /* Brand Identity: Saffron, White, Green (Tiranga Theme) */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-dark: #e68a2e;
@@ -65,12 +64,11 @@
             --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.5);
             /* Shadows & Elevation */
             --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
@@ -78,7 +76,6 @@
             --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 */
@@ -99,7 +96,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 - Properly Layered Enterprise System */
             --z-ambient: -1;
             --z-base: 1;
             --z-header: 10;
@@ -110,7 +107,6 @@
             --z-modal: 5000;
             --z-toast: 9000;
             --z-live: 9999;
-            --z-offline: 10000;
         }
         /* ---------------------------------------------------------------------------------------
@@ -120,6 +116,7 @@
             box-sizing: border-box;
             margin: 0;
             padding: 0;
             -webkit-tap-highlight-color: transparent !important;
             -webkit-touch-callout: none !important;
         }
@@ -138,9 +135,8 @@
             -moz-osx-font-smoothing: grayscale;
         }
-        /* Accessibilty focus states */
-        *:focus-visible { outline: 2px solid var(--brand-saffron); outline-offset: 2px; }
-        *:focus { outline: none; }
         button, input, textarea, select {
             font-family: inherit;
@@ -150,27 +146,19 @@
         }
         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; }
-        /* Custom Enterprise Scrollbars */
-        ::-webkit-scrollbar { width: 8px; height: 8px; }
         ::-webkit-scrollbar-track { background: transparent; }
-        ::-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. 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%);
@@ -197,25 +185,21 @@
         }
         /* ---------------------------------------------------------------------------------------
-           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: 450px; align-items: center;
         }
         .toast-notification {
-            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: 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.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); } }
@@ -230,22 +214,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.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 { 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.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.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(30px); } to { opacity: 1; transform: translateY(0); } }
         /* ---------------------------------------------------------------------------------------
            F. CORE APPLICATION LAYOUT & SIDEBAR
@@ -257,11 +241,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: 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-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); }
@@ -280,7 +264,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: 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); }
@@ -301,14 +285,13 @@
            --------------------------------------------------------------------------------------- */
         .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: 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); 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 */
@@ -326,12 +309,11 @@
         .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); line-height: 1.2; }
         .hero-description { font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 40px; font-weight: 500; }
-        /* 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; }
@@ -347,8 +329,8 @@
         /* ---------------------------------------------------------------------------------------
            H. CHAT MESSAGE BUBBLES & PREVIEWS
            --------------------------------------------------------------------------------------- */
-        .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; }
@@ -364,8 +346,7 @@
         .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; 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; }
@@ -385,29 +366,15 @@
         .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 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; }
-        /* 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); }
@@ -431,12 +398,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); 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 */
-        .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; }
@@ -451,13 +418,9 @@
         .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(--text-tertiary); 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; }
-        .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); 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; }
@@ -475,19 +438,15 @@
         .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 { 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); 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.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; }
@@ -508,16 +467,12 @@
         .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; }
-        /* 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); 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); }
@@ -525,22 +480,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.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; 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 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; }
@@ -553,7 +508,7 @@
         .secure-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(10px); z-index: var(--z-modal); display: none; justify-content: center; align-items: center; animation: fadeIn 0.3s ease; }
         .secure-modal-surface { background: var(--bg-primary); padding: 44px; border-radius: var(--radius-xl); width: 90%; max-width: 460px; box-shadow: var(--shadow-xl); position: relative; border: 1px solid rgba(255,255,255,0.4); }
         .btn-modal-dismiss { position: absolute; top: 24px; right: 24px; background: var(--bg-secondary); border: none; width: 36px; height: 36px; border-radius: 50%; font-size: 18px; color: var(--text-secondary); cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }
-        .btn-modal-dismiss:hover { background: #fee2e2; color: 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; }
@@ -607,20 +562,11 @@
             .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
          ========================================================================================= -->
@@ -687,7 +633,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">Enterprise</span>
                     </div>
                 </a>
                 <button class="btn-mobile-close" id="btnSidebarClose">
@@ -725,7 +671,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 Neural Context
                 </button>
             </div>
         </aside>
@@ -739,9 +685,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" id="mainStatusPill">
                         <div class="pulse-dot"></div>
-                        <span id="mainStatusText">System Online</span>
                     </div>
                 </div>
@@ -796,7 +742,7 @@
                     <!-- File Preview Component -->
                     <div class="upload-preview-bar" id="filePreviewBar">
-                        <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>
@@ -805,7 +751,7 @@
                                 File ready to be transmitted
                             </div>
                         </div>
-                        <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>
@@ -857,11 +803,7 @@
                         </button>
                         <!-- Expanding Text Area -->
-                        <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">
@@ -891,10 +833,7 @@
                 </div>
             </div>
             <div class="workspace-editor-surface">
-                <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>
@@ -944,8 +883,11 @@
     </div>
     <!-- =========================================================================================
-         MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
          ========================================================================================= -->
     <script>
         // =======================================================================================
         // 1. CONFIGURATION & STATE MANAGEMENT
@@ -955,7 +897,6 @@
             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
@@ -973,19 +914,17 @@
             isStreamingActive: false,
             isLiveModeEngaged: false,
             gradioClient: null,
-            isMicRecording: false,
-            isOnline: navigator.onLine
         };
-        // 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.warn("Gradio Connection Warning:", err.message);
-                // Non-blocking failure, app still works
             }
         };
         window.initGradioEngine();
@@ -994,37 +933,38 @@
         // 2. UTILITY ENGINE (Robust Copy, Notifications, and Text Cleaners)
         // =======================================================================================
         const Utils = {
-            showToast: (message, type = 'info') => {
                 const container = document.getElementById('toast-container');
                 const toast = document.createElement('div');
-                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> ${message}`;
                 container.appendChild(toast);
-                setTimeout(() => { if (toast.parentNode) toast.remove(); }, 3500);
             },
             escapeHTML: (str) => {
-                if (!str) return '';
                 return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
-            // ✨ Intelligent Text Cleaner for TTS (Ignores code, links, images)
             cleanTextForVoice: (rawText) => {
                 if(!rawText) return "";
                 let cleaned = rawText;
-                // 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();
             },
@@ -1034,7 +974,6 @@
                 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();
@@ -1042,13 +981,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 Data`;
                         setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                     } else {
-                        Utils.showToast("Clipboard access denied by browser.", "error");
                     }
                 } catch (err) {
-                    Utils.showToast("System error copying text.", "error");
                 }
                 document.body.removeChild(textArea);
             },
@@ -1060,7 +999,7 @@
                 }
                 navigator.clipboard.writeText(textToCopy).then(() => {
                     const originalHTML = btnElement.innerHTML;
-                    btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied Data`;
                     setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                 }).catch((err) => {
                     console.warn('Modern API failed, utilizing fallback...', err);
@@ -1070,7 +1009,7 @@
         };
         // =======================================================================================
-        // 3. AUTHENTICATION & SYNC MANAGER
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
@@ -1109,9 +1048,8 @@
                 document.getElementById(nextId).classList.add('active');
             },
             process: async (actionType) => {
-                if (!AppState.isOnline) return Utils.showToast("System is offline. Cannot authenticate.", "error");
                 const payload = { action: actionType };
                 let buttonId = '';
@@ -1119,18 +1057,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.", "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.", "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.", "error");
                     buttonId = actionType === 'register_verify' ? 'btn-fire-reg-verify' : 'btn-fire-log-verify';
                 }
@@ -1140,6 +1078,7 @@
                 triggerBtn.innerText = 'Establishing Connection...';
                 try {
                     const response = await fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
@@ -1150,7 +1089,7 @@
                     const result = await response.json();
                     if (result.status === 'success') {
-                        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') {
@@ -1161,11 +1100,11 @@
                             ChatEngine.syncHistoryFromCloud();
                         }
                     } else {
-                        Utils.showToast(result.message, "error");
                     }
                 } catch (error) {
                     console.error("Auth Network Error: ", error);
-                    Utils.showToast("Encrypted gateway error. Check network.", "error");
                 }
                 triggerBtn.disabled = false;
@@ -1214,48 +1153,22 @@
             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 (FIXED STT DUPLICATION & PREMATURE DISPATCH)
         // =======================================================================================
         const VoiceEngine = {
             recognition: null,
             currentLanguage: 'en-IN',
-            baseInputText: '', // ✨ KEY FIX: Stores text existing BEFORE mic turns on
-            silenceTimer: null, // ✨ KEY FIX: Detects silence for Live Mode dispatch
             init: () => {
                 const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
-                if (!SR) {
-                    console.warn("Speech Recognition API not supported in this browser.");
-                    document.getElementById('masterVoiceBtn').style.display = 'none';
-                    return;
-                }
                 VoiceEngine.recognition = new SR();
-                // 'continuous = true' prevents random stops while user is speaking
                 VoiceEngine.recognition.continuous = true;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
@@ -1263,12 +1176,7 @@
                 VoiceEngine.recognition.onstart = () => {
                     AppState.isMicRecording = true;
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
-                    // SAVE BASE TEXT: So we don't blindly append duplicates
-                    VoiceEngine.baseInputText = document.getElementById('mainChatInput').value;
                     if (AppState.isLiveModeEngaged) {
-                        VoiceEngine.baseInputText = ''; // Clear for live mode
                         document.getElementById('liveMicBtn').classList.add('is-recording');
                         document.getElementById('liveStatusText').innerText = "Listening...";
                         document.getElementById('liveOrb').classList.remove('speaking');
@@ -1277,56 +1185,34 @@
                 };
                 VoiceEngine.recognition.onresult = (event) => {
-                    // Clear the silence timer because the user is currently generating sound
-                    if (VoiceEngine.silenceTimer) clearTimeout(VoiceEngine.silenceTimer);
-                    let finalSpeech = '';
-                    let interimSpeech = '';
-                    // REBUILD the entire speech buffer from index 0. This PREVENTS duplicates
-                    // entirely because we construct the absolute truth string every tick.
-                    for (let i = 0; i < event.results.length; ++i) {
                         if (event.results[i].isFinal) {
-                            finalSpeech += event.results[i].transcript;
                         } else {
-                            interimSpeech += event.results[i].transcript;
                         }
                     }
-                    // Clean formatting
-                    let totalNewSpeech = (finalSpeech + interimSpeech).replace(/\s+/g, ' ');
-                    if (totalNewSpeech.length > 0) {
-                        totalNewSpeech = totalNewSpeech.charAt(0).toUpperCase() + totalNewSpeech.slice(1);
-                    }
-                    if (AppState.isLiveModeEngaged) {
-                        // Update UI for Live Mode
-                        document.getElementById('liveTranscriptText').innerText = totalNewSpeech ? `"${totalNewSpeech}"` : "Listening...";
-                        document.getElementById('mainChatInput').value = totalNewSpeech;
-                        // ✨ VAD / SILENCE DETECTOR: Wait 1.8 seconds of complete silence before dispatching
-                        VoiceEngine.silenceTimer = setTimeout(() => {
-                            if (totalNewSpeech.trim().length > 0) {
-                                VoiceEngine.recognition.stop();
-                                // stop() will naturally trigger onend, which handles dispatch
-                            }
-                        }, 1800);
-                    } else {
-                        // Regular chat mode: append intelligently to base text
-                        const separator = (VoiceEngine.baseInputText && totalNewSpeech && !VoiceEngine.baseInputText.endsWith(' ')) ? ' ' : '';
-                        const combinedText = VoiceEngine.baseInputText + separator + totalNewSpeech;
-                        document.getElementById('mainChatInput').value = combinedText;
-                        UIManager.autoGrowTextArea(document.getElementById('mainChatInput'));
-                        // Show visual feedback for interim vs final
-                        const interimOverlay = document.getElementById('interimTextOverlay');
-                        if (interimSpeech.length > 0) {
-                            interimOverlay.innerText = interimSpeech;
-                            interimOverlay.classList.add('active');
                         } else {
-                            interimOverlay.classList.remove('active');
                         }
                     }
                 };
@@ -1334,31 +1220,20 @@
                 VoiceEngine.recognition.onend = () => {
                     AppState.isMicRecording = false;
                     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('liveOrb').style.transform = "scale(1)";
-                        const currentInput = document.getElementById('mainChatInput').value.trim();
-                        if (currentInput !== '' && !AppState.isProcessing) {
-                            // The silence timer finished, user stopped talking, auto-dispatch!
-                            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;
-                    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.";
@@ -1374,26 +1249,25 @@
                     VoiceEngine.currentLanguage = 'hi-IN';
                     badge.innerText = 'हि';
                     btn.classList.add('hindi-active');
-                    Utils.showToast("Listening Protocol: Hindi (देवनागरी)", "success");
                 } else {
                     VoiceEngine.currentLanguage = 'en-IN';
                     badge.innerText = 'EN';
                     btn.classList.remove('hindi-active');
-                    Utils.showToast("Listening Protocol: English", "success");
                 }
                 if (VoiceEngine.recognition) {
                     VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
-                        // 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 in this browser.", "error");
                 try {
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
@@ -1403,12 +1277,13 @@
                 } catch (e) { console.error("Mic Start Error", e); }
             },
             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 conversational text found in this block.", "error");
                     return;
                 }
@@ -1419,6 +1294,7 @@
                 try {
                     if(!AppState.gradioClient) {
                         const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
                         AppState.gradioClient = await module.Client.connect("Vedika66/Edge-TTS");
                     }
@@ -1428,8 +1304,8 @@
                         voice_type: "प्रभात (भारी और प्राकृतिक आवाज़ - हिंग्लिश के लिए)"
                     });
-                    if (result.data && result.data) {
-                        const audioUrl = typeof result.data === 'string' ? result.data : result.data.url;
                         const audio = new Audio(audioUrl);
                         audio.onended = () => {
@@ -1444,7 +1320,7 @@
                         throw new Error("No audio payload returned.");
                     }
                 } catch (error) {
-                    Utils.showToast("Voice Neural Matrix is currently overloaded.", "error");
                     console.error("Gradio TTS Error:", error);
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveOrb').classList.remove('speaking');
@@ -1463,7 +1339,7 @@
                 if (VoiceEngine.recognition && !AppState.isMicRecording) {
                     setTimeout(() => {
                         try { VoiceEngine.recognition.start(); } catch(e){}
-                    }, 600);
                 }
             },
             terminate: () => {
@@ -1476,7 +1352,7 @@
         };
         // =======================================================================================
-        // 6. FILE & DOCUMENT PROCESSOR (Robust & Size Validated)
         // =======================================================================================
         const FileProcessor = {
             triggerFileSelector: (type) => {
@@ -1485,25 +1361,17 @@
             },
             processFile: async (inputElement, typeContext) => {
-                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.", "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(`Analyzing ${file.name}...`, "info");
                 const thumbImg = document.getElementById('previewImgThumb');
                 const docIcon = document.getElementById('previewDocIcon');
@@ -1517,7 +1385,7 @@
                 if (typeContext === 'image') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(','), name: file.name };
                         thumbImg.src = e.target.result;
                         thumbImg.style.display = 'flex';
                     };
@@ -1525,7 +1393,7 @@
                 }
                 else if (typeContext === 'video' || typeContext === 'audio') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(','), name: file.name };
                         docIcon.innerText = typeContext === 'video' ? '🎥' : '🎵';
                         docIcon.style.display = 'flex';
                     };
@@ -1547,9 +1415,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("Document payload secured.", "success");
                             } catch (e) {
-                                Utils.showToast("PDF architecture parsing failed.", "error");
                                 FileProcessor.discardFile();
                             }
                         };
@@ -1561,9 +1429,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("Document payload secured.", "success");
                             } catch(e) {
-                                Utils.showToast("Document architecture parsing failed.", "error");
                                 FileProcessor.discardFile();
                             }
                         };
@@ -1572,7 +1440,7 @@
                     else {
                         fileReader.onload = (e) => {
                             AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
-                            Utils.showToast("File payload secured.", "success");
                         };
                         fileReader.readAsText(file);
                     }
@@ -1583,31 +1451,23 @@
             discardFile: () => {
                 AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
-                document.getElementById('previewImgThumb').src = '';
             }
         };
         // =======================================================================================
-        // 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 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) {
@@ -1625,18 +1485,17 @@
             }
         };
-        // 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 : (token.lang || '');
             if (AppState.isStreamingActive) {
                 return `
                 <div class="streaming-code-container">
                     <div class="streaming-code-header">
                         <div class="loading-ring"></div>
-                        Generating Secure Architecture...
                     </div>
                     <pre><code class="language-${langClass}">${Utils.escapeHTML(rawCode)}</code></pre>
                 </div>`;
@@ -1653,36 +1512,15 @@
                     </div>
                     <div class="ws-card-details">
                         <h4>Code Module Compiled</h4>
-                        <p>${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');
@@ -1707,10 +1545,8 @@
             },
             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',
@@ -1724,8 +1560,6 @@
             },
             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>';
@@ -1761,7 +1595,7 @@
             },
             saveHistoryToCloud: () => {
-                if (AppState.currentUser && AppState.isOnline) {
                     fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
@@ -1774,13 +1608,13 @@
             buildPreviewHTML: (attachmentObj) => {
                 if (!attachmentObj) return '';
                 if (attachmentObj.type === 'image') {
-                    return `<img src="data:image/jpeg;base64,${attachmentObj.data}" class="chat-in-bubble-img" alt="Attached 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>`;
                 }
             },
@@ -1790,7 +1624,7 @@
                 let visibleText = textContent;
                 if(textContent.includes('---DATA BEGIN---')) {
                     const parts = textContent.split('User Prompt:');
-                    if(parts.length > 1) visibleText = parts.trim();
                 }
                 const bubbleBox = document.createElement('div');
@@ -1835,7 +1669,7 @@
                 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, '');
-                    // Safe injection for TTS payload
                     const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
                     const actionsHTML = `
@@ -1857,7 +1691,6 @@
             },
             initiateDispatch: async () => {
-                if (!AppState.isOnline) return Utils.showToast("Cannot process request. System is Offline.", "error");
                 if (AppState.isProcessing) return;
                 const inputField = document.getElementById('mainChatInput');
@@ -1869,14 +1702,14 @@
                 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;
@@ -1919,21 +1752,21 @@
                 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.`;
                 }
@@ -1944,7 +1777,7 @@
                     attachments: payloadAttachments,
                     system_prompt: cognitivePrompt,
                     history: secureHistory,
-                    max_tokens: AppState.isLiveModeEngaged ? 150 : 4096,
                     temperature: 0.75
                 };
@@ -1978,8 +1811,8 @@
                                 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();
                                     }
@@ -2016,12 +1849,14 @@
         // 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);
@@ -2083,10 +1918,6 @@
             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();
@@ -2100,7 +1931,6 @@
             }
             // Fire Boot Processes
-            UIManager.updateNetworkStatus();
             VoiceEngine.init();
             AuthManager.initUI();
             if(AppState.currentUser) { ChatEngine.syncHistoryFromCloud(); }
@@ -2109,3 +1939,4 @@
     </script>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
     <title>Arjun 2.O - Professional Advanced AI</title>
     <!-- =========================================================================================
+         [1] EXTERNAL RESOURCES, FONTS & LIBRARIES (बाहरी स्रोत)
          ========================================================================================= -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
     <!-- =========================================================================================
+         [2] MASSIVE ENTERPRISE CSS ARCHITECTURE (विस्तृत और उन्नत स्टाइलिंग)
          ========================================================================================= -->
     <style>
         /* ---------------------------------------------------------------------------------------
+           A. CSS VARIABLES, DESIGN TOKENS & TIRANGA BRANDING
            --------------------------------------------------------------------------------------- */
         :root {
+            /* Brand Identity: Saffron, White, Green (Tiranga) */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-dark: #e68a2e;
             --text-tertiary: #9ca3af;
             --text-inverse: #ffffff;
             --text-error: #ef4444;
             /* 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);
             /* Shadows & Elevation */
             --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
             --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
             --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.025);
             --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.02);
             --shadow-inner: inset 0 2px 4px rgba(0,0,0,0.06);
             /* Font Families */
             --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-ambient: -1;
             --z-base: 1;
             --z-header: 10;
             --z-modal: 5000;
             --z-toast: 9000;
             --z-live: 9999;
         }
         /* ---------------------------------------------------------------------------------------
             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;
         }
             -moz-osx-font-smoothing: grayscale;
         }
+        /* Remove default outlines and use custom focus states */
+        *:focus { outline: none !important; }
         button, input, textarea, select {
             font-family: inherit;
         }
         button { cursor: pointer; user-select: none; }
         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; }
         ::-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); }
         /* ---------------------------------------------------------------------------------------
+           C. AMBIENT BACKGROUND SYSTEM (प्रीमियम बैकग्राउंड इफ़ेक्ट्स)
            --------------------------------------------------------------------------------------- */
         .ambient-environment {
             position: fixed; inset: 0; z-index: var(--z-ambient); overflow: hidden; pointer-events: none;
             background: linear-gradient(135deg, var(--brand-saffron-light) 0%, var(--bg-primary) 50%, var(--brand-green-light) 100%);
         }
         /* ---------------------------------------------------------------------------------------
+           D. TOAST NOTIFICATION ENGINE (सुंदर और स्पष्ट सूचनाएं)
            --------------------------------------------------------------------------------------- */
         .toast-wrapper {
             position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
             z-index: var(--z-toast); display: flex; flex-direction: column; gap: 12px;
+            pointer-events: none; width: 90%; max-width: 400px; align-items: center;
         }
         .toast-notification {
+            background: var(--text-primary); color: var(--text-inverse); padding: 14px 24px;
             border-radius: var(--radius-full); font-size: 14px; font-weight: 600; box-shadow: var(--shadow-xl);
             animation: toastSlideIn var(--ease-spring) forwards, toastFadeOut 0.4s 3.5s forwards;
+            display: flex; align-items: center; gap: 10px; width: fit-content; max-width: 100%; word-break: break-word;
+            border: 1px solid rgba(255,255,255,0.1);
         }
+        .toast-notification svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--brand-saffron); }
         @keyframes toastSlideIn { from { opacity: 0; transform: translateY(-30px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } }
         @keyframes toastFadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } }
         }
         .startup-overlay.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
+        .startup-logo-container { position: relative; margin-bottom: 32px; animation: popIn var(--ease-spring) 0.3s both; }
         .startup-logo-container img { width: 140px; height: 140px; border-radius: var(--radius-xl); object-fit: cover; box-shadow: var(--shadow-xl); border: 4px solid var(--bg-primary); position: relative; z-index: 2; }
         .startup-logo-glow { position: absolute; inset: -20px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(30px); opacity: 0.4; border-radius: var(--radius-full); z-index: 1; animation: pulseGlow 3s infinite alternate; }
         @keyframes pulseGlow { from { opacity: 0.3; transform: scale(0.95); } to { opacity: 0.6; transform: scale(1.05); } }
+        @keyframes popIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }
+        .startup-title { font-family: var(--font-sans); font-size: 2.5rem; font-weight: 900; color: var(--text-primary); letter-spacing: -1px; margin-bottom: 16px; animation: slideUp var(--ease-smooth) 0.4s both; }
+        .startup-desc { font-size: 1.1rem; color: var(--text-secondary); line-height: 1.6; max-width: 550px; margin-bottom: 40px; animation: slideUp var(--ease-smooth) 0.5s both; font-weight: 500; }
+        .btn-startup-launch { padding: 18px 48px; background: var(--text-primary); color: var(--text-inverse); border: none; border-radius: var(--radius-xl); font-size: 1.125rem; font-weight: 700; cursor: pointer; transition: var(--ease-spring); box-shadow: 0 10px 25px rgba(0,0,0,0.15); animation: slideUp var(--ease-smooth) 0.6s both; display: flex; align-items: center; gap: 12px; position: relative; overflow: hidden; }
         .btn-startup-launch::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transform: skewX(-20deg); transition: 0.5s; }
         .btn-startup-launch:hover { background: #000000; transform: translateY(-4px) scale(1.02); box-shadow: 0 15px 35px rgba(0,0,0,0.25); }
         .btn-startup-launch:hover::before { left: 150%; }
+        @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
         /* ---------------------------------------------------------------------------------------
            F. CORE APPLICATION LAYOUT & SIDEBAR
         .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-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; }
         .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); }
         .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); }
         .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); }
            --------------------------------------------------------------------------------------- */
         .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); }
         .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; }
         @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 */
         .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); } }
+        .hero-greeting { font-size: 42px; font-weight: 900; letter-spacing: -1.5px; margin-bottom: 18px; color: var(--text-primary); }
         .hero-description { font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 40px; font-weight: 500; }
+        /* RESTORED: GUEST BADGE LIMIT DISPLAY */
         .guest-warning-badge { font-size: 13px; font-weight: 700; color: var(--text-error); background: #fee2e2; padding: 10px 20px; border-radius: var(--radius-full); margin-bottom: 32px; display: none; align-items: center; gap: 8px; border: 1px solid #fca5a5; box-shadow: var(--shadow-sm); }
         .guest-warning-badge svg { width: 18px; height: 18px; }
         /* ---------------------------------------------------------------------------------------
            H. CHAT MESSAGE BUBBLES & PREVIEWS
            --------------------------------------------------------------------------------------- */
+        .chat-message-row { display: flex; gap: 20px; max-width: 88%; animation: messagePopIn 0.5s var(--ease-spring) both; }
+        @keyframes messagePopIn { from { opacity: 0; transform: translateY(25px) scale(0.97); } to { opacity: 1; transform: none; } }
         .chat-message-row.user-msg { flex-direction: row-reverse; align-self: flex-end; }
         .chat-message-row.bot-msg { align-self: flex-start; }
         .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-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; }
         .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 */
         .chat-bubble p { margin-bottom: 16px; }
         .chat-bubble p:last-child { margin-bottom: 0; }
         .chat-bubble strong { font-weight: 800; color: inherit; }
         .chat-bubble code { font-family: var(--font-mono); background: rgba(0,0,0,0.06); padding: 4px 8px; border-radius: 6px; font-size: 0.85em; color: #d946ef; font-weight: 600; 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; }
         /* 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); }
            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: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-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; }
         .main-textarea { flex: 1; border: none; outline: none; background: transparent; font-family: var(--font-sans); font-size: 16px; color: var(--text-primary); line-height: 1.5; resize: none; max-height: 200px; min-height: 24px; padding: 12px 0; margin: 0 8px; font-weight: 500; }
         .main-textarea::placeholder { color: var(--text-tertiary); font-weight: 400; }
         /* Attachment Menu Dropdown */
         .attachment-module { position: relative; }
+        .btn-tool-icon { width: 44px; height: 44px; border-radius: var(--radius-md); background: transparent; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); transition: var(--ease-fast); }
         .btn-tool-icon:hover { background: var(--bg-tertiary); color: var(--text-primary); }
         .btn-tool-icon svg { width: 24px; height: 24px; stroke-width: 2; }
         .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); } }
         /* 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:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 153, 51, 0.4); }
         .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; }
         .bottom-branding-text { text-align: center; font-size: 12px; color: var(--text-tertiary); margin-top: 16px; font-weight: 600; letter-spacing: 0.5px; }
         .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;}
         /* ---------------------------------------------------------------------------------------
            K. LIVE MODE FULLSCREEN OVERLAY
            --------------------------------------------------------------------------------------- */
+        .live-mode-viewport { position: fixed; inset: 0; background: rgba(255, 255, 255, 0.98); z-index: var(--z-live); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity var(--ease-smooth); }
         .live-mode-viewport.active { opacity: 1; pointer-events: auto; }
         .btn-close-live { position: absolute; top: 40px; right: 40px; background: rgba(0,0,0,0.04); border: none; width: 56px; height: 56px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: var(--ease-spring); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); }
         .btn-close-live:hover { background: rgba(239, 68, 68, 0.15); color: var(--text-error); transform: rotate(90deg); }
         .pulsing-orb-wrapper { position: relative; width: 250px; height: 250px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
         .energy-core { width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); box-shadow: 0 0 50px rgba(19, 136, 8, 0.5); position: relative; z-index: 2; transition: transform 0.15s ease-out; }
         .energy-core.speaking { animation: coreSpeak 0.5s infinite alternate; }
+        @keyframes coreSpeak { 0% { transform: scale(1); box-shadow: 0 0 30px rgba(19,136,8,0.4); } 100% { transform: scale(1.1); box-shadow: 0 0 60px rgba(255,153,51,0.6); } }
         .energy-ring { position: absolute; inset: 0; border: 3px solid var(--brand-saffron); border-radius: 50%; opacity: 0; animation: energyRipple 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
         .energy-ring:nth-child(2) { animation-delay: 0.8s; border-color: var(--brand-green); }
         .energy-ring:nth-child(3) { animation-delay: 1.6s; border-color: var(--text-primary); }
         @keyframes energyRipple { 0% { transform: scale(0.4); opacity: 1; border-width: 6px; } 100% { transform: scale(1.6); opacity: 0; border-width: 1px; } }
+        .live-feedback-status { font-size: 28px; font-weight: 900; color: var(--text-primary); margin-bottom: 16px; font-family: var(--font-sans); letter-spacing: -0.5px; }
+        .live-feedback-text { font-size: 18px; color: var(--text-secondary); max-width: 700px; text-align: center; line-height: 1.6; min-height: 60px; font-weight: 500; padding: 0 20px; }
         .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); } }
         /* 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; }
         .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); }
         .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; }
             .input-tools-row { flex-wrap: wrap; }
             .main-textarea { min-width: 100%; order: -1; margin-bottom: 10px; }
         }
     </style>
 </head>
 <body>
     <!-- =========================================================================================
          DOM STRUCTURE: NOTIFICATIONS
          ========================================================================================= -->
                     <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>
                     </div>
                 </a>
                 <button class="btn-mobile-close" id="btnSidebarClose">
                 <!-- 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
                 </button>
             </div>
         </aside>
                     <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="pulse-dot"></div>
+                        System Online
                     </div>
                 </div>
                     <!-- File Preview Component -->
                     <div class="upload-preview-bar" id="filePreviewBar">
+                        <img class="upload-thumb" id="previewImgThumb" src="" 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>
                                 File ready to be transmitted
                             </div>
                         </div>
+                        <button class="btn-discard-upload" id="btnDiscardFile">
                             <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                         </button>
                     </div>
                         </button>
                         <!-- Expanding Text Area -->
+                        <textarea class="main-textarea" id="mainChatInput" placeholder="Message Arjun Intelligence..." rows="1"></textarea>
                         <!-- Master Send Button -->
                         <button class="btn-master-send" id="masterSendBtn">
                 </div>
             </div>
             <div class="workspace-editor-surface">
+                <pre><code id="workspaceCodeBlock" class="hljs"></code></pre>
             </div>
         </aside>
     </div>
     </div>
     <!-- =========================================================================================
+         [3] MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
          ========================================================================================= -->
+    <!-- CRITICAL FIX: Removed type="module" from the script block to ensure all elements
+         and functions remain within the window/global scope and are easily bound.
+         Gradio Client will be dynamically imported. -->
     <script>
         // =======================================================================================
         // 1. CONFIGURATION & STATE MANAGEMENT
             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
         };
         // Initialize PDF worker
             isStreamingActive: false,
             isLiveModeEngaged: false,
             gradioClient: null,
+            isMicRecording: false
         };
+        // Initialize Gradio Client Dynamically (Fixes the Module Bug)
         window.initGradioEngine = async function() {
             try {
                 const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
                 AppState.gradioClient = await module.Client.connect("Vedika66/Edge-TTS");
                 console.log("Neural TTS Engine connected successfully to Gradio.");
             } catch(err) {
+                console.error("Gradio Connection Error:", err);
             }
         };
         window.initGradioEngine();
         // 2. UTILITY ENGINE (Robust Copy, Notifications, and Text Cleaners)
         // =======================================================================================
         const Utils = {
+            showToast: (message) => {
                 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}`;
                 container.appendChild(toast);
+                setTimeout(() => toast.remove(), 3000);
             },
             escapeHTML: (str) => {
                 return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
+            // ✨ CRITICAL FIX: Intelligent Text Cleaner for TTS (Ignores code, links, images)
             cleanTextForVoice: (rawText) => {
                 if(!rawText) return "";
                 let cleaned = rawText;
+                // 1. Remove Markdown Code Blocks (``` ... ```)
+                cleaned = cleaned.replace(/```[\s\S]*?```/g, '');
+                // 2. Remove Inline Code (`...`)
+                cleaned = cleaned.replace(/`.*?`/g, '');
+                // 3. Remove Markdown Images (![alt](url))
+                cleaned = cleaned.replace(/!\[.*?\]\(.*?\)/g, '');
+                // 4. Remove Markdown Links ([text](url)) - 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, '');
                 return cleaned.trim();
             },
                 const textArea = document.createElement("textarea");
                 textArea.value = text;
                 textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed";
                 document.body.appendChild(textArea);
                 textArea.focus(); textArea.select();
                     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`;
                         setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                     } else {
+                        Utils.showToast("Clipboard access denied by browser.");
                     }
                 } catch (err) {
+                    Utils.showToast("System error copying text.");
                 }
                 document.body.removeChild(textArea);
             },
                 }
                 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`;
                     setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
                 }).catch((err) => {
                     console.warn('Modern API failed, utilizing fallback...', err);
         };
         // =======================================================================================
+        // 3. AUTHENTICATION & SYNC MANAGER (Robust Fetch)
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
                 document.getElementById(nextId).classList.add('active');
             },
+            // ✨ FIXED GAS SYNC LOGIC
             process: async (actionType) => {
                 const payload = { action: actionType };
                 let buttonId = '';
                     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.");
                     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.");
                     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.");
                     buttonId = actionType === 'register_verify' ? 'btn-fire-reg-verify' : 'btn-fire-log-verify';
                 }
                 triggerBtn.innerText = 'Establishing Connection...';
                 try {
+                    // mode: 'cors' handles redirect issues from GAS effectively
                     const response = await fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
                     const result = await response.json();
                     if (result.status === 'success') {
+                        Utils.showToast(result.message);
                         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') {
                             ChatEngine.syncHistoryFromCloud();
                         }
                     } else {
+                        Utils.showToast(result.message);
                     }
                 } catch (error) {
                     console.error("Auth Network Error: ", error);
+                    Utils.showToast("Encrypted gateway error. Check network.");
                 }
                 triggerBtn.disabled = false;
             toggleAttachMenu: () => {
                 document.getElementById('attachDropdownMenu').classList.toggle('visible');
             }
         };
         // =======================================================================================
+        // 5. SPEECH & TTS ENGINE (Bilingual STT + Gradio Edge-TTS + Smart Cleaner)
         // =======================================================================================
         const VoiceEngine = {
             recognition: null,
             currentLanguage: 'en-IN',
             init: () => {
                 const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
+                if (!SR) return;
                 VoiceEngine.recognition = new SR();
+                // FIX: Setting continuous to true prevents mic from stopping abruptly
                 VoiceEngine.recognition.continuous = true;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
                 VoiceEngine.recognition.onstart = () => {
                     AppState.isMicRecording = true;
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.add('is-recording');
                         document.getElementById('liveStatusText').innerText = "Listening...";
                         document.getElementById('liveOrb').classList.remove('speaking');
                 };
                 VoiceEngine.recognition.onresult = (event) => {
+                    let finalTranscript = '';
+                    let interimTranscript = '';
+                    for (let i = event.resultIndex; i < event.results.length; ++i) {
                         if (event.results[i].isFinal) {
+                            finalTranscript += event.results[i][0].transcript;
                         } else {
+                            interimTranscript += event.results[i][0].transcript;
                         }
                     }
+                    if (finalTranscript.trim().length > 0) {
+                        let formattedText = finalTranscript.trim();
+                        formattedText = formattedText.charAt(0).toUpperCase() + formattedText.slice(1);
+                        if (!/[.!?।]$/.test(formattedText)) formattedText += '.';
+                        if (AppState.isLiveModeEngaged) {
+                            document.getElementById('liveTranscriptText').innerText = `"${formattedText}"`;
+                            document.getElementById('liveStatusText').innerText = "Synthesizing Response...";
+                            document.getElementById('mainChatInput').value = formattedText;
+                            // Stop mic manually to trigger dispatch in Live Mode
+                            VoiceEngine.recognition.stop();
+                            ChatEngine.initiateDispatch();
                         } else {
+                            const inputField = document.getElementById('mainChatInput');
+                            inputField.value = (inputField.value + ' ' + formattedText + ' ').trim();
+                            UIManager.autoGrowTextArea(inputField);
                         }
                     }
                 };
                 VoiceEngine.recognition.onend = () => {
                     AppState.isMicRecording = false;
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
+                    if (AppState.isLiveModeEngaged && !AppState.isProcessing) {
                         document.getElementById('liveMicBtn').classList.remove('is-recording');
+                        document.getElementById('liveStatusText').innerText = "Tap mic to interact";
                         document.getElementById('liveOrb').style.transform = "scale(1)";
                     }
                 };
                 VoiceEngine.recognition.onerror = (event) => {
                     AppState.isMicRecording = false;
+                    if(event.error !== 'no-speech') {
+                        Utils.showToast("Voice module error: " + event.error);
                     }
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.remove('is-recording');
                         document.getElementById('liveStatusText').innerText = "Audio Failure. Retry.";
                     VoiceEngine.currentLanguage = 'hi-IN';
                     badge.innerText = 'हि';
                     btn.classList.add('hindi-active');
+                    Utils.showToast("Listening Protocol: Hindi (देवनागरी)");
                 } else {
                     VoiceEngine.currentLanguage = 'en-IN';
                     badge.innerText = 'EN';
                     btn.classList.remove('hindi-active');
+                    Utils.showToast("Listening Protocol: English");
                 }
                 if (VoiceEngine.recognition) {
                     VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
+                        setTimeout(() => { VoiceEngine.recognition.start(); }, 400);
                     }
                 }
             },
             toggleDictation: () => {
+                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
                 try {
                     if(AppState.isMicRecording) {
                         VoiceEngine.recognition.stop();
                 } 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.");
                     return;
                 }
                 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");
                     }
                         voice_type: "प्रभात (भारी और प्राकृतिक आवाज़ - हिंग्लिश के लिए)"
                     });
+                    if (result.data && result.data[0]) {
+                        const audioUrl = typeof result.data[0] === 'string' ? result.data[0] : result.data[0].url;
                         const audio = new Audio(audioUrl);
                         audio.onended = () => {
                         throw new Error("No audio payload returned.");
                     }
                 } catch (error) {
+                    Utils.showToast("Voice Neural Matrix is currently overloaded.");
                     console.error("Gradio TTS Error:", error);
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveOrb').classList.remove('speaking');
                 if (VoiceEngine.recognition && !AppState.isMicRecording) {
                     setTimeout(() => {
                         try { VoiceEngine.recognition.start(); } catch(e){}
+                    }, 500);
                 }
             },
             terminate: () => {
         };
         // =======================================================================================
+        // 6. FILE & DOCUMENT PROCESSOR (Non-Technical Vocabulary)
         // =======================================================================================
         const FileProcessor = {
             triggerFileSelector: (type) => {
             },
             processFile: async (inputElement, typeContext) => {
+                const file = inputElement.files[0];
                 if (!file) 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; }
+                Utils.showToast(`Uploading your file...`);
                 const thumbImg = document.getElementById('previewImgThumb');
                 const docIcon = document.getElementById('previewDocIcon');
                 if (typeContext === 'image') {
                     fileReader.onload = (e) => {
+                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(',')[1], name: file.name };
                         thumbImg.src = e.target.result;
                         thumbImg.style.display = 'flex';
                     };
                 }
                 else if (typeContext === 'video' || typeContext === 'audio') {
                     fileReader.onload = (e) => {
+                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(',')[1], name: file.name };
                         docIcon.innerText = typeContext === 'video' ? '🎥' : '🎵';
                         docIcon.style.display = 'flex';
                     };
                                     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!");
                             } catch (e) {
+                                Utils.showToast("PDF parsing encountered an error.");
                                 FileProcessor.discardFile();
                             }
                         };
                                 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!");
                             } catch(e) {
+                                Utils.showToast("Document parsing encountered an error.");
                                 FileProcessor.discardFile();
                             }
                         };
                     else {
                         fileReader.onload = (e) => {
                             AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
+                            Utils.showToast("Your file is ready!");
                         };
                         fileReader.readAsText(file);
                     }
             discardFile: () => {
                 AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
             }
         };
         // =======================================================================================
+        // 7. WORKSPACE ENGINE & 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";
                 const blockDisplay = document.getElementById('workspaceCodeBlock');
                 blockDisplay.className = `hljs language-${codeData.lang || 'plaintext'}`;
                 blockDisplay.textContent = codeData.code;
                 hljs.highlightElement(blockDisplay);
                 document.getElementById('workspacePanel').classList.add('expanded');
                 if (window.innerWidth <= 1024) {
             }
         };
         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 || '');
             if (AppState.isStreamingActive) {
                 return `
                 <div class="streaming-code-container">
                     <div class="streaming-code-header">
                         <div class="loading-ring"></div>
+                        Generating Architecture...
                     </div>
                     <pre><code class="language-${langClass}">${Utils.escapeHTML(rawCode)}</code></pre>
                 </div>`;
                     </div>
                     <div class="ws-card-details">
                         <h4>Code Module Compiled</h4>
+                        <p>${langClass || 'Syntax Detected'}</p>
                     </div>
                 </div>
                 <button class="btn-launch-workspace btn-launch-ws" data-id="${internalId}">Open Workspace</button>
             </div>`;
         };
+        marked.use({ renderer: MD_Renderer });
+        // Event delegation for workspace buttons
         document.getElementById('msgs').addEventListener('click', function(e) {
             if (e.target && e.target.classList.contains('btn-launch-ws')) {
                 const blockId = e.target.getAttribute('data-id');
             },
             clearMemory: async () => {
                 if (AppState.currentUser) {
+                    Utils.showToast("Purging neural link memory...");
                     try {
                         await fetch(Config.GAS_URL, {
                             method: 'POST',
             },
             syncHistoryFromCloud: async () => {
                 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>';
             },
             saveHistoryToCloud: () => {
+                if (AppState.currentUser) {
                     fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
             buildPreviewHTML: (attachmentObj) => {
                 if (!attachmentObj) return '';
                 if (attachmentObj.type === 'image') {
+                    return `<img src="data:image/jpeg;base64,${attachmentObj.data}" class="chat-in-bubble-img" alt="Attached Image">`;
                 } else if (attachmentObj.type === 'video') {
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 } else if (attachmentObj.type === 'audio') {
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 } else {
+                    return `<div class="chat-file-card"><div class="icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg></div><span class="name">${attachmentObj.name}</span></div>`;
                 }
             },
                 let visibleText = textContent;
                 if(textContent.includes('---DATA BEGIN---')) {
                     const parts = textContent.split('User Prompt:');
+                    if(parts.length > 1) visibleText = parts[1].trim();
                 }
                 const bubbleBox = document.createElement('div');
                 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, '');
+                    // safeRawTTS is passed as is, because the executeTTS function now handles the Smart Cleaning internally
                     const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
                     const actionsHTML = `
             },
             initiateDispatch: async () => {
                 if (AppState.isProcessing) return;
                 const inputField = document.getElementById('mainChatInput');
                 if (!AppState.currentUser) {
                     if (AppState.guestCount >= 3) {
                         AuthManager.openModal();
+                        return Utils.showToast("Query limit reached. Secure Login required.");
                     }
                     AppState.guestCount++;
                     localStorage.setItem('arjun_guest', AppState.guestCount.toString());
                     document.getElementById('guestCountDisplay').innerText = AppState.guestCount;
                 }
+                // Prepare UI
                 inputField.value = '';
                 inputField.style.height = 'auto';
                 document.getElementById('masterSendBtn').disabled = true;
                 const activeBotBubble = ChatEngine.renderBotMessage('', false);
                 UIManager.forceScrollDown();
+                // 🎲 Dynamic Pollinations Generator
                 const cryptographicSeed = Math.floor(Math.random() * 999999999);
+                // 🧠 Advanced Cognitive System Instructions
+                let cognitivePrompt = `You are Arjun 2.O, a sophisticated enterprise AI system architected by Abhay Kumar.
+                LANGUAGE REGULATION: Your default cognitive language is ENGLISH. If the user writes in English, reply in purely professional English. If the user writes in Hindi or Hinglish, reply gracefully in Hindi. Never force Hindi translation if the prompt is English.
                 IMAGE SYNTHESIS 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.`;
                 if (AppState.isLiveModeEngaged) {
+                    cognitivePrompt += `\n\n[LIVE ACOUSTIC OVERRIDE]: You are currently engaged in a LIVE, REAL-TIME VOCAL INTERFACE.
                     MANDATORY direct answers. Maximum brevity. Eliminate complex markdown, massive code blocks, or extended lists. Replicate human telephonic brevity perfectly.`;
                 }
                     attachments: payloadAttachments,
                     system_prompt: cognitivePrompt,
                     history: secureHistory,
+                    max_tokens: AppState.isLiveModeEngaged ? 120 : 4096,
                     temperature: 0.75
                 };
                                 try {
                                     const jsonSegment = JSON.parse(parseableStr);
+                                    if (jsonSegment.choices && jsonSegment.choices[0].delta.content) {
+                                        responseBuffer += jsonSegment.choices[0].delta.content;
                                         ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
                                         UIManager.autoScroll();
                                     }
         // 9. EVENT DELEGATION & BOOTSTRAP INVOCATION
         // =======================================================================================
+        // Define global function for welcome screen overlay
         window.startArjunApp = function() {
             document.getElementById('welcomeOverlay').classList.add('hidden');
             localStorage.setItem('arjun_welcome_seen', 'true');
             setTimeout(() => { document.getElementById('welcomeOverlay').style.display = 'none'; }, 400);
         };
+        // Bind all interactive elements safely using Event Listeners to avoid scope issues
         document.addEventListener('DOMContentLoaded', () => {
             // Sidebar Controls
             document.getElementById('btnSidebarOpen').addEventListener('click', UIManager.toggleSidebar);
             document.getElementById('msgs').addEventListener('scroll', UIManager.checkScrollState);
             document.getElementById('scrollTriggerBtn').addEventListener('click', UIManager.forceScrollDown);
             // Prevent unwanted default mobile behaviours on double-tap
             document.addEventListener('dblclick', function(event) {
                 event.preventDefault();
             }
             // Fire Boot Processes
             VoiceEngine.init();
             AuthManager.initUI();
             if(AppState.currentUser) { ChatEngine.syncHistoryFromCloud(); }
     </script>
 </body>
 </html>