Spaces:

Renderlib-dev
/

CodeVed

Running

App Files Files Community

Vedika commited on May 25

Commit

396e86b

verified ·

1 Parent(s): 47d76db

Update index.html

Browse files

Files changed (1) hide show

index.html +162 -150

index.html CHANGED Viewed

@@ -1,8 +1,9 @@
 <html lang="en" dir="ltr">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!-- Viewport Settings: Disables zoom, removes blue tap highlights on mobile devices -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <meta name="description" content="Arjun 2.O Ultimate Enterprise Artificial Intelligence System engineered by Abhay Kumar.">
     <meta name="theme-color" content="#FF9933">
@@ -10,12 +11,12 @@
     <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>
-    <!-- Professional Typography: Inter for UI, Geist Mono for Code, Instrument Serif for Headers -->
     <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
     <!-- Syntax Highlighting (Atom One Dark for Workspace Environment) -->
@@ -28,18 +29,17 @@
     <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;
-            --brand-saffron-glow: rgba(255, 153, 51, 0.4);
             --brand-white: #FFFFFF;
             --brand-white-glass: rgba(255, 255, 255, 0.88);
@@ -47,15 +47,12 @@
             --brand-green: #138808;
             --brand-green-light: rgba(19, 136, 8, 0.12);
             --brand-green-dark: #0f6e06;
-            --brand-green-glow: rgba(19, 136, 8, 0.4);
-            /* Structural Colors & Backgrounds */
             --bg-primary: #ffffff;
             --bg-secondary: #f8f9fa;
             --bg-tertiary: #f1f3f5;
             --bg-glass: rgba(255, 255, 255, 0.75);
-            --bg-glass-heavy: rgba(255, 255, 255, 0.95);
-            --bg-overlay: rgba(0, 0, 0, 0.5);
             /* Text & Typography Colors */
             --text-primary: #111827;
@@ -67,7 +64,6 @@
             /* 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);
@@ -75,7 +71,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-inner: inset 0 2px 4px rgba(0,0,0,0.06);
             /* Font Families */
             --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
@@ -83,7 +78,6 @@
             --font-serif: 'Instrument Serif', Georgia, serif;
             /* Radii */
-            --radius-xs: 4px;
             --radius-sm: 8px;
             --radius-md: 12px;
             --radius-lg: 16px;
@@ -99,8 +93,6 @@
             --z-ambient: -1;
             --z-base: 1;
             --z-header: 10;
-            --z-dock: 20;
-            --z-workspace: 25;
             --z-dropdown: 50;
             --z-sidebar: 100;
             --z-modal: 5000;
@@ -109,13 +101,13 @@
         }
         /* ---------------------------------------------------------------------------------------
-           B. GLOBAL RESET & ANTI-BLUE-HIGHLIGHT (सम���पूर्ण यूज़र इंटरफ़ेस फिक्स)
            --------------------------------------------------------------------------------------- */
         *, *::before, *::after {
             box-sizing: border-box;
             margin: 0;
             padding: 0;
-            /* CRITICAL: REMOVE BLUE TAP HIGHLIGHT ON MOBILE/BROWSERS */
             -webkit-tap-highlight-color: transparent !important;
             -webkit-touch-callout: none !important;
         }
@@ -134,7 +126,7 @@
             -moz-osx-font-smoothing: grayscale;
         }
-        /* Remove default outlines and use custom focus states */
         *:focus { outline: none !important; }
         button, input, textarea, select {
@@ -149,14 +141,14 @@
         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;
@@ -184,7 +176,7 @@
         }
         /* ---------------------------------------------------------------------------------------
-           D. TOAST NOTIFICATION ENGINE (सुंदर और स्पष्ट सूचनाएं)
            --------------------------------------------------------------------------------------- */
         .toast-wrapper {
             position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
@@ -203,7 +195,7 @@
         @keyframes toastFadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } }
         /* ---------------------------------------------------------------------------------------
-           E. INITIAL WELCOME OVERLAY (स्वागत स्क्रीन)
            --------------------------------------------------------------------------------------- */
         .startup-overlay {
             position: fixed; inset: 0; background: var(--brand-white-glass);
@@ -235,7 +227,7 @@
            --------------------------------------------------------------------------------------- */
         .app-root { position: relative; z-index: var(--z-base); display: flex; height: 100dvh; width: 100vw; overflow: hidden; background: var(--bg-glass); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
-        /* Sidebar Navigation System */
         .sidebar-container { width: 320px; display: flex; flex-direction: column; background: rgba(248, 249, 250, 0.85); border-right: 1px solid var(--border-light); flex-shrink: 0; z-index: var(--z-sidebar); transition: transform var(--ease-smooth), box-shadow var(--ease-smooth); backdrop-filter: blur(15px); }
         .sidebar-header { padding: 28px 24px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; align-items: center; }
@@ -251,7 +243,7 @@
         .sidebar-body { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 28px; }
-        /* Advanced Auth Widget in Sidebar */
         .auth-widget { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-sm); transition: var(--ease-smooth); }
         .auth-widget:hover { box-shadow: var(--shadow-md); border-color: var(--border-medium); }
@@ -263,11 +255,11 @@
         .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); }
-        /* Developer Box with Tiranga Accent */
         .developer-credit-box { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 28px 20px; text-align: center; box-shadow: var(--shadow-sm); margin-top: auto; position: relative; overflow: hidden; }
         .developer-credit-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-white), var(--brand-green)); }
         .developer-credit-box img { width: 72px; height: 72px; border-radius: var(--radius-lg); object-fit: cover; margin-bottom: 16px; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); margin-left: auto; margin-right: auto; transition: var(--ease-spring); }
@@ -275,7 +267,7 @@
         .dev-box-title { font-size: 18px; font-weight: 800; color: var(--text-primary); margin-bottom: 6px; }
         .dev-box-subtitle { font-size: 11px; font-weight: 800; color: var(--text-tertiary); letter-spacing: 1px; text-transform: uppercase; }
-        /* Dangerous Action Button */
         .btn-erase-memory { width: 100%; padding: 16px; border-radius: var(--radius-md); background: var(--bg-primary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 14px; font-weight: 700; cursor: pointer; transition: var(--ease-fast); display: flex; align-items: center; justify-content: center; gap: 10px; }
         .btn-erase-memory:hover { background: #fee2e2; color: var(--text-error); border-color: #fca5a5; }
@@ -293,7 +285,7 @@
         .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 */
         .btn-activate-live { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); color: white; border: none; padding: 10px 22px; border-radius: var(--radius-full); font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35); transition: var(--ease-spring); letter-spacing: 0.5px; }
         .btn-activate-live:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.45); }
         .btn-activate-live svg { width: 18px; height: 18px; animation: liveBlink 1.5s infinite; }
@@ -347,7 +339,7 @@
         /* 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; }
         .chat-bubble { padding: 18px 24px; font-size: 16px; line-height: 1.6; position: relative; word-wrap: break-word; overflow-wrap: anywhere; }
@@ -478,6 +470,7 @@
         .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); } }
@@ -545,7 +538,7 @@
         }
         @media (max-width: 900px) {
-            .sidebar-container { position: absolute; left: -320px; z-index: 1000; height: 100%; box-shadow: var(--shadow-float); }
             .sidebar-container.active { left: 0; }
             .btn-hamburger { display: flex; }
             .btn-mobile-close { display: flex; }
@@ -709,7 +702,7 @@
                     <h2 class="hero-greeting">How can I assist you today?</h2>
                     <p class="hero-description">Experience next-generation reasoning, seamless multi-file analysis, and secure workspace code generation engineered by Abhay Kumar.</p>
-                    <!-- GUEST BADGE LIMIT DISPLAY -->
                     <div id="guestBadge" class="guest-warning-badge">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                         Guest Mode Active: <span id="guestCountDisplay">0</span>/3 Queries Used. Please login.
@@ -884,9 +877,6 @@
     <!-- =========================================================================================
          [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
@@ -895,10 +885,9 @@
             GAS_URL: "https://script.google.com/macros/s/AKfycbzTsXGoVh97JjtFAAG825GF4WUZqf7FDB3Zbxyf0nrLXt_1HjJSSqA829UcdoamRPvg0A/exec",
             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
         pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
         const AppState = {
@@ -916,7 +905,7 @@
             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");
@@ -945,30 +934,23 @@
                 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();
             },
-            // Robust Fallback Copy Mechanism
             executeFallbackCopy: (text, btnElement) => {
                 const textArea = document.createElement("textarea");
                 textArea.value = text;
@@ -1001,14 +983,13 @@
                     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);
                     Utils.executeFallbackCopy(textToCopy, btnElement);
                 });
             }
         };
         // =======================================================================================
-        // 3. AUTHENTICATION & SYNC MANAGER (Robust Fetch)
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
@@ -1047,7 +1028,6 @@
                 document.getElementById(nextId).classList.add('active');
             },
-            // ✨ FIXED GAS SYNC LOGIC
             process: async (actionType) => {
                 const payload = { action: actionType };
                 let buttonId = '';
@@ -1077,7 +1057,7 @@
                 triggerBtn.innerText = 'Establishing Connection...';
                 try {
-                    // mode: 'cors' handles redirect issues from GAS effectively
                     const response = await fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
@@ -1102,7 +1082,6 @@
                         Utils.showToast(result.message);
                     }
                 } catch (error) {
-                    console.error("Auth Network Error: ", error);
                     Utils.showToast("Encrypted gateway error. Check network.");
                 }
@@ -1156,24 +1135,30 @@
         };
         // =======================================================================================
-        // 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');
@@ -1184,8 +1169,8 @@
                 };
                 VoiceEngine.recognition.onresult = (event) => {
-                    let finalTranscript = '';
                     let interimTranscript = '';
                     for (let i = event.resultIndex; i < event.results.length; ++i) {
                         if (event.results[i].isFinal) {
@@ -1195,23 +1180,28 @@
                         }
                     }
-                    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);
                         }
                     }
                 };
@@ -1244,13 +1234,13 @@
                 const btn = document.getElementById('smartLangToggle');
                 const badge = document.getElementById('langDisplayBadge');
-                if (VoiceEngine.currentLanguage === 'en-IN') {
                     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");
@@ -1276,13 +1266,17 @@
                 } 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;
                 }
@@ -1293,7 +1287,6 @@
                 try {
                     if(!AppState.gradioClient) {
-                        // Fallback dynamically import if not connected
                         const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
                         AppState.gradioClient = await module.Client.connect("Vedika66/Edge-TTS");
                     }
@@ -1307,14 +1300,19 @@
                         const audioUrl = typeof result.data[0] === 'string' ? result.data[0] : result.data[0].url;
                         const audio = new Audio(audioUrl);
                         audio.onended = () => {
                             if (AppState.isLiveModeEngaged) {
                                 document.getElementById('liveOrb').classList.remove('speaking');
-                                document.getElementById('liveStatusText').innerText = "Tap mic to respond";
                             }
                         };
-                        audio.play();
                     } else {
                         throw new Error("No audio payload returned.");
                     }
@@ -1328,9 +1326,9 @@
             }
         };
-        /**
-         * Live Mode Controller
-         */
         const LiveModeController = {
             initialize: () => {
                 AppState.isLiveModeEngaged = true;
@@ -1351,7 +1349,7 @@
         };
         // =======================================================================================
-        // 6. FILE & DOCUMENT PROCESSOR (Non-Technical Vocabulary)
         // =======================================================================================
         const FileProcessor = {
             triggerFileSelector: (type) => {
@@ -1439,22 +1437,25 @@
                     else {
                         fileReader.onload = (e) => {
                             AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
-                            Utils.showToast("Your file is ready!");
                         };
                         fileReader.readAsText(file);
                     }
                 }
-                inputElement.value = '';
             },
             discardFile: () => {
                 AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
             }
         };
         // =======================================================================================
-        // 7. WORKSPACE ENGINE & MARKDOWN RENDERING
         // =======================================================================================
         const WorkspaceEngine = {
             launch: (codeBlockId) => {
@@ -1519,7 +1520,7 @@
         };
         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');
@@ -1528,7 +1529,7 @@
         });
         // =======================================================================================
-        // 8. CORE CHAT ENGINE & LLM LOGIC
         // =======================================================================================
         const ChatEngine = {
             handleKeyboard: (e) => {
@@ -1668,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, '');
-                    // 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 = `
@@ -1718,6 +1719,7 @@
                 if (wState) wState.style.display = 'none';
                 let payloadStr = rawUserText;
                 let payloadAttachments = [];
                 let visualBadge = null;
                 let previewHTMLForChat = '';
@@ -1728,6 +1730,8 @@
                     if (AppState.pendingAttachment.type === 'text') {
                         payloadStr = `[Document Analyzed: ${AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${AppState.pendingAttachment.data}\n---DATA END---\n\nUser Prompt: ${rawUserText}`;
                         visualBadge = 'File Appended';
                     } else {
                         payloadAttachments.push({
@@ -1739,7 +1743,7 @@
                     }
                     ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
-                    AppState.history.push({ role: 'user', content: payloadStr, badge: visualBadge, previewHTML: previewHTMLForChat });
                 } else {
                     ChatEngine.renderUserMessage(rawUserText, null, '');
                     AppState.history.push({ role: 'user', content: rawUserText });
@@ -1776,7 +1780,7 @@
                     attachments: payloadAttachments,
                     system_prompt: cognitivePrompt,
                     history: secureHistory,
-                    max_tokens: AppState.isLiveModeEngaged ? 120 : 4096,
                     temperature: 0.75
                 };
@@ -1793,15 +1797,19 @@
                     const networkReader = fetchOp.body.getReader();
                     const textDecoder = new TextDecoder();
                     let responseBuffer = "";
                     AppState.isStreamingActive = true;
                     while (true) {
                         const { done, value } = await networkReader.read();
                         if (done) break;
-                        const decodedChunk = textDecoder.decode(value, { stream: true });
-                        const fragmentedLines = decodedChunk.split('\n');
                         for (let line of fragmentedLines) {
                             if (line.startsWith('data: ')) {
@@ -1845,7 +1853,7 @@
         };
         // =======================================================================================
-        // 9. EVENT DELEGATION & BOOTSTRAP INVOCATION
         // =======================================================================================
         // Define global function for welcome screen overlay
@@ -1855,78 +1863,82 @@
             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('btnSidebarClose').addEventListener('click', UIManager.toggleSidebar);
-            document.getElementById('btnLaunchSystem').addEventListener('click', window.startArjunApp);
             // Auth Flow Controls
-            document.getElementById('loginPromptBtn').addEventListener('click', AuthManager.openModal);
-            document.getElementById('btnAuthClose').addEventListener('click', AuthManager.closeModal);
-            document.getElementById('btn-tab-login').addEventListener('click', () => AuthManager.switchTab('login'));
-            document.getElementById('btn-tab-register').addEventListener('click', () => AuthManager.switchTab('register'));
-            document.getElementById('btn-fire-log-otp').addEventListener('click', () => AuthManager.process('login_send_otp'));
-            document.getElementById('btn-fire-log-verify').addEventListener('click', () => AuthManager.process('login_verify'));
-            document.getElementById('btn-fire-reg-otp').addEventListener('click', () => AuthManager.process('register_send_otp'));
-            document.getElementById('btn-fire-reg-verify').addEventListener('click', () => AuthManager.process('register_verify'));
-            document.getElementById('btnLogBack').addEventListener('click', () => AuthManager.switchPhase('auth-log-phase-2', 'auth-log-phase-1'));
-            document.getElementById('btnRegBack').addEventListener('click', () => AuthManager.switchPhase('auth-reg-phase-2', 'auth-reg-phase-1'));
-            document.getElementById('btnLogout').addEventListener('click', AuthManager.logout);
-            document.getElementById('btnClearMemory').addEventListener('click', ChatEngine.clearMemory);
             // File Attachment Routing
-            document.getElementById('btnAttachMenuToggle').addEventListener('click', UIManager.toggleAttachMenu);
-            document.getElementById('opt-image').addEventListener('click', () => FileProcessor.triggerFileSelector('image'));
-            document.getElementById('opt-video').addEventListener('click', () => FileProcessor.triggerFileSelector('video'));
-            document.getElementById('opt-audio').addEventListener('click', () => FileProcessor.triggerFileSelector('audio'));
-            document.getElementById('opt-document').addEventListener('click', () => FileProcessor.triggerFileSelector('document'));
-            document.getElementById('sys-inp-image').addEventListener('change', function() { FileProcessor.processFile(this, 'image'); });
-            document.getElementById('sys-inp-video').addEventListener('change', function() { FileProcessor.processFile(this, 'video'); });
-            document.getElementById('sys-inp-audio').addEventListener('change', function() { FileProcessor.processFile(this, 'audio'); });
-            document.getElementById('sys-inp-document').addEventListener('change', function() { FileProcessor.processFile(this, 'document'); });
-            document.getElementById('btnDiscardFile').addEventListener('click', FileProcessor.discardFile);
             // Primary Message Controls
-            document.getElementById('masterSendBtn').addEventListener('click', ChatEngine.initiateDispatch);
-            document.getElementById('mainChatInput').addEventListener('keydown', ChatEngine.handleKeyboard);
-            document.getElementById('mainChatInput').addEventListener('input', function() { UIManager.autoGrowTextArea(this); });
             // Example Prompt Controls
-            document.getElementById('suggCodeBtn').addEventListener('click', () => ChatEngine.sendExample('Write a secure python script for a modern Flask backend server.'));
-            document.getElementById('suggImgBtn').addEventListener('click', () => ChatEngine.sendExample('Create a hyper-realistic 8k image of a futuristic Indian smart city.'));
             // Voice & STT Options
-            document.getElementById('smartLangToggle').addEventListener('click', VoiceEngine.switchLanguage);
-            document.getElementById('masterVoiceBtn').addEventListener('click', VoiceEngine.toggleDictation);
             // Live Mode Options
-            document.getElementById('btnStartLiveMode').addEventListener('click', LiveModeController.initialize);
-            document.getElementById('btnExitLiveMode').addEventListener('click', LiveModeController.terminate);
-            document.getElementById('liveMicBtn').addEventListener('click', VoiceEngine.toggleDictation);
             // Workspace Logic Hooks
-            document.getElementById('btnWsClose').addEventListener('click', WorkspaceEngine.closePanel);
-            document.getElementById('btnWsCopy').addEventListener('click', function() { WorkspaceEngine.executeCopy(this); });
             // Interaction Scroll Listeners
-            document.getElementById('msgs').addEventListener('scroll', UIManager.checkScrollState);
-            document.getElementById('scrollTriggerBtn').addEventListener('click', UIManager.forceScrollDown);
-            // Prevent unwanted default mobile behaviours on double-tap
-            document.addEventListener('dblclick', function(event) {
-                event.preventDefault();
-            }, { passive: false });
             // Ensure startup screen displays if memory cleared
             if(!localStorage.getItem('arjun_welcome_seen')) {
-                document.getElementById('welcomeOverlay').style.display = 'flex';
             } else {
-                document.getElementById('welcomeOverlay').style.display = 'none';
             }
             // Fire Boot Processes

+<!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!-- Viewport Settings: Disables zoom, completely removes blue tap highlights on mobile devices -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <meta name="description" content="Arjun 2.O Ultimate Enterprise Artificial Intelligence System engineered by Abhay Kumar.">
     <meta name="theme-color" content="#FF9933">
     <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>
+    <!-- Professional Typography -->
     <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
     <!-- Syntax Highlighting (Atom One Dark for Workspace Environment) -->
     <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
            --------------------------------------------------------------------------------------- */
         :root {
+            /* Branding Colors */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-dark: #e68a2e;
             --brand-white: #FFFFFF;
             --brand-white-glass: rgba(255, 255, 255, 0.88);
             --brand-green: #138808;
             --brand-green-light: rgba(19, 136, 8, 0.12);
             --brand-green-dark: #0f6e06;
+            /* Structural Colors */
             --bg-primary: #ffffff;
             --bg-secondary: #f8f9fa;
             --bg-tertiary: #f1f3f5;
             --bg-glass: rgba(255, 255, 255, 0.75);
             /* Text & Typography Colors */
             --text-primary: #111827;
             /* Borders & Dividers */
             --border-light: rgba(0, 0, 0, 0.08);
             --border-medium: rgba(0, 0, 0, 0.15);
             /* 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);
             /* Font Families */
             --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             --font-serif: 'Instrument Serif', Georgia, serif;
             /* Radii */
             --radius-sm: 8px;
             --radius-md: 12px;
             --radius-lg: 16px;
             --z-ambient: -1;
             --z-base: 1;
             --z-header: 10;
             --z-dropdown: 50;
             --z-sidebar: 100;
             --z-modal: 5000;
         }
         /* ---------------------------------------------------------------------------------------
+           B. GLOBAL RESET & ANTI-BLUE-HIGHLIGHT BUG FIX
            --------------------------------------------------------------------------------------- */
         *, *::before, *::after {
             box-sizing: border-box;
             margin: 0;
             padding: 0;
+            /* CRITICAL FIX: Eliminates blue selection rectangles on Android/iOS browsers */
             -webkit-tap-highlight-color: transparent !important;
             -webkit-touch-callout: none !important;
         }
             -moz-osx-font-smoothing: grayscale;
         }
+        /* Global Focus Reset */
         *:focus { outline: none !important; }
         button, input, textarea, select {
         img { max-width: 100%; height: auto; display: block; }
         svg { flex-shrink: 0; }
+        /* Elegant 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;
         }
         /* ---------------------------------------------------------------------------------------
+           D. TOAST NOTIFICATION ENGINE
            --------------------------------------------------------------------------------------- */
         .toast-wrapper {
             position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
         @keyframes toastFadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } }
         /* ---------------------------------------------------------------------------------------
+           E. INITIAL WELCOME OVERLAY
            --------------------------------------------------------------------------------------- */
         .startup-overlay {
             position: fixed; inset: 0; background: var(--brand-white-glass);
            --------------------------------------------------------------------------------------- */
         .app-root { position: relative; z-index: var(--z-base); display: flex; height: 100dvh; width: 100vw; overflow: hidden; background: var(--bg-glass); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
+        /* Sidebar Navigation */
         .sidebar-container { width: 320px; display: flex; flex-direction: column; background: rgba(248, 249, 250, 0.85); border-right: 1px solid var(--border-light); flex-shrink: 0; z-index: var(--z-sidebar); transition: transform var(--ease-smooth), box-shadow var(--ease-smooth); backdrop-filter: blur(15px); }
         .sidebar-header { padding: 28px 24px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; align-items: center; }
         .sidebar-body { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 28px; }
+        /* Auth Widget in Sidebar */
         .auth-widget { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-sm); transition: var(--ease-smooth); }
         .auth-widget:hover { box-shadow: var(--shadow-md); border-color: var(--border-medium); }
         .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 rgba(19, 136, 8, 0.5); }
         .btn-system-logout { background: rgba(239, 68, 68, 0.08); color: var(--text-error); border: none; width: 38px; height: 38px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--ease-fast); }
         .btn-system-logout:hover { background: var(--text-error); color: #ffffff; transform: scale(1.05); }
+        /* Developer Box */
         .developer-credit-box { background: var(--bg-primary); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 28px 20px; text-align: center; box-shadow: var(--shadow-sm); margin-top: auto; position: relative; overflow: hidden; }
         .developer-credit-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-white), var(--brand-green)); }
         .developer-credit-box img { width: 72px; height: 72px; border-radius: var(--radius-lg); object-fit: cover; margin-bottom: 16px; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); margin-left: auto; margin-right: auto; transition: var(--ease-spring); }
         .dev-box-title { font-size: 18px; font-weight: 800; color: var(--text-primary); margin-bottom: 6px; }
         .dev-box-subtitle { font-size: 11px; font-weight: 800; color: var(--text-tertiary); letter-spacing: 1px; text-transform: uppercase; }
+        /* Wipe Memory Button */
         .btn-erase-memory { width: 100%; padding: 16px; border-radius: var(--radius-md); background: var(--bg-primary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 14px; font-weight: 700; cursor: pointer; transition: var(--ease-fast); display: flex; align-items: center; justify-content: center; gap: 10px; }
         .btn-erase-memory:hover { background: #fee2e2; color: var(--text-error); border-color: #fca5a5; }
         .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); } }
+        /* LIVE MODE ACTIVATOR */
         .btn-activate-live { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); color: white; border: none; padding: 10px 22px; border-radius: var(--radius-full); font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35); transition: var(--ease-spring); letter-spacing: 0.5px; }
         .btn-activate-live:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.45); }
         .btn-activate-live svg { width: 18px; height: 18px; animation: liveBlink 1.5s infinite; }
         /* 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); color: var(--brand-white); }
         .chat-file-card .name { font-size: 14px; font-weight: 600; color: var(--brand-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
         .chat-bubble { padding: 18px 24px; font-size: 16px; line-height: 1.6; position: relative; word-wrap: break-word; overflow-wrap: anywhere; }
         .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; }
+        /* Voice speaking animation */
         .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); } }
         }
         @media (max-width: 900px) {
+            .sidebar-container { position: absolute; left: -320px; z-index: 1000; height: 100%; box-shadow: var(--shadow-xl); }
             .sidebar-container.active { left: 0; }
             .btn-hamburger { display: flex; }
             .btn-mobile-close { display: flex; }
                     <h2 class="hero-greeting">How can I assist you today?</h2>
                     <p class="hero-description">Experience next-generation reasoning, seamless multi-file analysis, and secure workspace code generation engineered by Abhay Kumar.</p>
+                    <!-- RESTORED: GUEST BADGE LIMIT DISPLAY -->
                     <div id="guestBadge" class="guest-warning-badge">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                         Guest Mode Active: <span id="guestCountDisplay">0</span>/3 Queries Used. Please login.
     <!-- =========================================================================================
          [3] MASSIVE ENTERPRISE JAVASCRIPT ARCHITECTURE
          ========================================================================================= -->
     <script>
         // =======================================================================================
         // 1. CONFIGURATION & STATE MANAGEMENT
             GAS_URL: "https://script.google.com/macros/s/AKfycbzTsXGoVh97JjtFAAG825GF4WUZqf7FDB3Zbxyf0nrLXt_1HjJSSqA829UcdoamRPvg0A/exec",
             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', // Change to 'http://localhost:7860/api/chat' if running UI separately
         };
         pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
         const AppState = {
             isMicRecording: false
         };
+        // Initialize Gradio Client Dynamically
         window.initGradioEngine = async function() {
             try {
                 const module = await import("https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js");
                 return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
+            // ✨ CRITICAL BUG FIX 1: Intelligent Text Cleaner for TTS
+            // Ignores code, links, images, so the voice doesn't read garbage.
             cleanTextForVoice: (rawText) => {
                 if(!rawText) return "";
                 let cleaned = rawText;
+                cleaned = cleaned.replace(/```[\s\S]*?```/g, ''); // Remove Markdown Code Blocks
+                cleaned = cleaned.replace(/`.*?`/g, ''); // Remove Inline Code
+                cleaned = cleaned.replace(/!\[.*?\]\(.*?\)/g, ''); // Remove Markdown Images
+                cleaned = cleaned.replace(/\[(.*?)\]\(.*?\)/g, '$1'); // Extract just the text from Links
+                cleaned = cleaned.replace(/<think>[\s\S]*?<\/think>/gi, ''); // Remove Think Tags
+                cleaned = cleaned.replace(/https?:\/\/[^\s]+/g, ''); // Remove stray URLs
+                cleaned = cleaned.replace(/[*_~#]/g, ''); // Remove Markdown formatting symbols
                 return cleaned.trim();
             },
             executeFallbackCopy: (text, btnElement) => {
                 const textArea = document.createElement("textarea");
                 textArea.value = text;
                     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) => {
                     Utils.executeFallbackCopy(textToCopy, btnElement);
                 });
             }
         };
         // =======================================================================================
+        // 3. AUTHENTICATION & SYNC MANAGER
         // =======================================================================================
         const AuthManager = {
             initUI: () => {
                 document.getElementById(nextId).classList.add('active');
             },
             process: async (actionType) => {
                 const payload = { action: actionType };
                 let buttonId = '';
                 triggerBtn.innerText = 'Establishing Connection...';
                 try {
+                    // ✨ CRITICAL BUG FIX: mode: 'cors' handles redirect issues from GAS effectively
                     const response = await fetch(Config.GAS_URL, {
                         method: 'POST',
                         mode: 'cors',
                         Utils.showToast(result.message);
                     }
                 } catch (error) {
                     Utils.showToast("Encrypted gateway error. Check network.");
                 }
         };
         // =======================================================================================
+        // 5. SPEECH & TTS ENGINE (Bilingual STT + Gradio Edge-TTS)
         // =======================================================================================
         const VoiceEngine = {
             recognition: null,
+            currentLanguage: 'en-US', // Default changed to purely English
+            sessionTranscript: '',
             init: () => {
                 const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
                 if (!SR) return;
                 VoiceEngine.recognition = new SR();
+                // ✨ CRITICAL BUG FIX 2: Set continuous to false to capture natural pauses perfectly.
+                VoiceEngine.recognition.continuous = false;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
                 VoiceEngine.recognition.onstart = () => {
                     AppState.isMicRecording = true;
+                    VoiceEngine.sessionTranscript = document.getElementById('mainChatInput').value;
+                    if(VoiceEngine.sessionTranscript && !VoiceEngine.sessionTranscript.endsWith(' ')) {
+                        VoiceEngine.sessionTranscript += ' ';
+                    }
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.add('is-recording');
                 };
                 VoiceEngine.recognition.onresult = (event) => {
                     let interimTranscript = '';
+                    let finalTranscript = '';
                     for (let i = event.resultIndex; i < event.results.length; ++i) {
                         if (event.results[i].isFinal) {
                         }
                     }
+                    let currentDictation = finalTranscript + interimTranscript;
+                    if (currentDictation) {
+                        currentDictation = currentDictation.charAt(0).toUpperCase() + currentDictation.slice(1);
+                    }
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveTranscriptText').innerText = `"${currentDictation}"`;
+                        // Once the sentence is finalized, send it.
+                        if(finalTranscript.trim().length > 0) {
+                            document.getElementById('liveStatusText').innerText = "Synthesizing...";
+                            document.getElementById('mainChatInput').value = finalTranscript.trim();
                             VoiceEngine.recognition.stop();
                             ChatEngine.initiateDispatch();
+                        }
+                    } else {
+                        const inputField = document.getElementById('mainChatInput');
+                        inputField.value = VoiceEngine.sessionTranscript + currentDictation;
+                        UIManager.autoGrowTextArea(inputField);
+                        if(finalTranscript.trim().length > 0) {
+                            VoiceEngine.sessionTranscript = inputField.value;
+                            if(!VoiceEngine.sessionTranscript.endsWith(' ')) VoiceEngine.sessionTranscript += ' ';
                         }
                     }
                 };
                 const btn = document.getElementById('smartLangToggle');
                 const badge = document.getElementById('langDisplayBadge');
+                if (VoiceEngine.currentLanguage === 'en-US') {
                     VoiceEngine.currentLanguage = 'hi-IN';
                     badge.innerText = 'हि';
                     btn.classList.add('hindi-active');
                     Utils.showToast("Listening Protocol: Hindi (देवनागरी)");
                 } else {
+                    VoiceEngine.currentLanguage = 'en-US';
                     badge.innerText = 'EN';
                     btn.classList.remove('hindi-active');
                     Utils.showToast("Listening Protocol: English");
                 } catch (e) { console.error("Mic Start Error", e); }
             },
             executeTTS: async (rawText) => {
                 const cleanSpeechText = Utils.cleanTextForVoice(rawText);
                 if(!cleanSpeechText.trim()) {
+                    // Nothing readable found (e.g., just code blocks)
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveOrb').classList.remove('speaking');
+                        document.getElementById('liveStatusText').innerText = "Tap mic to respond";
+                        // Auto-start mic again
+                        setTimeout(()=> VoiceEngine.toggleDictation(), 800);
+                    }
                     return;
                 }
                 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");
                     }
                         const audioUrl = typeof result.data[0] === 'string' ? result.data[0] : result.data[0].url;
                         const audio = new Audio(audioUrl);
+                        // ✨ CRITICAL BUG FIX 3: True Live Mode Conversation (Auto-restarts Mic)
                         audio.onended = () => {
                             if (AppState.isLiveModeEngaged) {
                                 document.getElementById('liveOrb').classList.remove('speaking');
+                                document.getElementById('liveStatusText').innerText = "Listening...";
+                                VoiceEngine.toggleDictation(); // Automatically restart mic for the next turn
                             }
                         };
+                        audio.play().catch(e => {
+                            Utils.showToast("Autoplay blocked. Please interact with the page.");
+                            if (AppState.isLiveModeEngaged) document.getElementById('liveOrb').classList.remove('speaking');
+                        });
                     } else {
                         throw new Error("No audio payload returned.");
                     }
             }
         };
+        // =======================================================================================
+        // 6. LIVE MODE CONTROLLER
+        // =======================================================================================
         const LiveModeController = {
             initialize: () => {
                 AppState.isLiveModeEngaged = true;
         };
         // =======================================================================================
+        // 7. FILE & DOCUMENT PROCESSOR (Non-Technical Vocabulary)
         // =======================================================================================
         const FileProcessor = {
             triggerFileSelector: (type) => {
                     else {
                         fileReader.onload = (e) => {
                             AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
+                            Utils.showToast("Your Code file is ready!");
                         };
                         fileReader.readAsText(file);
                     }
                 }
+                // Reset stealth inputs so the same file can be selected again
+                document.querySelectorAll('.stealth-input').forEach(i => i.value = '');
             },
             discardFile: () => {
                 AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
+                document.querySelectorAll('.stealth-input').forEach(i => i.value = '');
             }
         };
         // =======================================================================================
+        // 8. WORKSPACE ENGINE & MARKDOWN RENDERING
         // =======================================================================================
         const WorkspaceEngine = {
             launch: (codeBlockId) => {
         };
         marked.use({ renderer: MD_Renderer });
+        // Event delegation for dynamically rendered 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');
         });
         // =======================================================================================
+        // 9. CORE CHAT ENGINE & LLM LOGIC
         // =======================================================================================
         const ChatEngine = {
             handleKeyboard: (e) => {
                 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 raw because VoiceEngine.executeTTS will clean it properly
                     const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
                     const actionsHTML = `
                 if (wState) wState.style.display = 'none';
                 let payloadStr = rawUserText;
+                let historyStr = rawUserText; // ✨ CRITICAL BUG FIX 4: Prevent Memory Blob Explosion
                 let payloadAttachments = [];
                 let visualBadge = null;
                 let previewHTMLForChat = '';
                     if (AppState.pendingAttachment.type === 'text') {
                         payloadStr = `[Document Analyzed: ${AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${AppState.pendingAttachment.data}\n---DATA END---\n\nUser Prompt: ${rawUserText}`;
+                        // For history, only store the prompt to save tokens!
+                        historyStr = `[Document previously attached: ${AppState.pendingAttachment.name}]\nUser Prompt: ${rawUserText}`;
                         visualBadge = 'File Appended';
                     } else {
                         payloadAttachments.push({
                     }
                     ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
+                    AppState.history.push({ role: 'user', content: historyStr, badge: visualBadge, previewHTML: previewHTMLForChat });
                 } else {
                     ChatEngine.renderUserMessage(rawUserText, null, '');
                     AppState.history.push({ role: 'user', content: rawUserText });
                     attachments: payloadAttachments,
                     system_prompt: cognitivePrompt,
                     history: secureHistory,
+                    max_tokens: AppState.isLiveModeEngaged ? 150 : 4096,
                     temperature: 0.75
                 };
                     const networkReader = fetchOp.body.getReader();
                     const textDecoder = new TextDecoder();
                     let responseBuffer = "";
+                    let streamChunkBuffer = ""; // ✨ CRITICAL BUG FIX 5: Resolves fragmented JSON network chunks
                     AppState.isStreamingActive = true;
                     while (true) {
                         const { done, value } = await networkReader.read();
                         if (done) break;
+                        streamChunkBuffer += textDecoder.decode(value, { stream: true });
+                        const fragmentedLines = streamChunkBuffer.split('\n');
+                        // Keep the last incomplete line in the buffer
+                        streamChunkBuffer = fragmentedLines.pop();
                         for (let line of fragmentedLines) {
                             if (line.startsWith('data: ')) {
         };
         // =======================================================================================
+        // 10. EVENT DELEGATION & BOOTSTRAP INVOCATION
         // =======================================================================================
         // Define global function for welcome screen overlay
             setTimeout(() => { document.getElementById('welcomeOverlay').style.display = 'none'; }, 400);
         };
+        // Bind all interactive elements safely
         document.addEventListener('DOMContentLoaded', () => {
             // Sidebar Controls
+            document.getElementById('btnSidebarOpen')?.addEventListener('click', UIManager.toggleSidebar);
+            document.getElementById('btnSidebarClose')?.addEventListener('click', UIManager.toggleSidebar);
+            document.getElementById('btnLaunchSystem')?.addEventListener('click', window.startArjunApp);
             // Auth Flow Controls
+            document.getElementById('loginPromptBtn')?.addEventListener('click', AuthManager.openModal);
+            document.getElementById('btnAuthClose')?.addEventListener('click', AuthManager.closeModal);
+            document.getElementById('btn-tab-login')?.addEventListener('click', () => AuthManager.switchTab('login'));
+            document.getElementById('btn-tab-register')?.addEventListener('click', () => AuthManager.switchTab('register'));
+            document.getElementById('btn-fire-log-otp')?.addEventListener('click', () => AuthManager.process('login_send_otp'));
+            document.getElementById('btn-fire-log-verify')?.addEventListener('click', () => AuthManager.process('login_verify'));
+            document.getElementById('btn-fire-reg-otp')?.addEventListener('click', () => AuthManager.process('register_send_otp'));
+            document.getElementById('btn-fire-reg-verify')?.addEventListener('click', () => AuthManager.process('register_verify'));
+            document.getElementById('btnLogBack')?.addEventListener('click', () => AuthManager.switchPhase('auth-log-phase-2', 'auth-log-phase-1'));
+            document.getElementById('btnRegBack')?.addEventListener('click', () => AuthManager.switchPhase('auth-reg-phase-2', 'auth-reg-phase-1'));
+            document.getElementById('btnLogout')?.addEventListener('click', AuthManager.logout);
+            document.getElementById('btnClearMemory')?.addEventListener('click', ChatEngine.clearMemory);
             // File Attachment Routing
+            document.getElementById('btnAttachMenuToggle')?.addEventListener('click', UIManager.toggleAttachMenu);
+            // Reattach clicking events to the options
+            document.getElementById('attachDropdownMenu')?.addEventListener('click', (e) => {
+                const target = e.target.closest('.dropdown-item');
+                if(!target) return;
+                if(target.id === 'opt-image') FileProcessor.triggerFileSelector('image');
+                if(target.id === 'opt-video') FileProcessor.triggerFileSelector('video');
+                if(target.id === 'opt-audio') FileProcessor.triggerFileSelector('audio');
+                if(target.id === 'opt-document') FileProcessor.triggerFileSelector('document');
+            });
+            document.getElementById('sys-inp-image')?.addEventListener('change', function() { FileProcessor.processFile(this, 'image'); });
+            document.getElementById('sys-inp-video')?.addEventListener('change', function() { FileProcessor.processFile(this, 'video'); });
+            document.getElementById('sys-inp-audio')?.addEventListener('change', function() { FileProcessor.processFile(this, 'audio'); });
+            document.getElementById('sys-inp-document')?.addEventListener('change', function() { FileProcessor.processFile(this, 'document'); });
+            document.getElementById('btnDiscardFile')?.addEventListener('click', FileProcessor.discardFile);
             // Primary Message Controls
+            document.getElementById('masterSendBtn')?.addEventListener('click', ChatEngine.initiateDispatch);
+            document.getElementById('mainChatInput')?.addEventListener('keydown', ChatEngine.handleKeyboard);
+            document.getElementById('mainChatInput')?.addEventListener('input', function() { UIManager.autoGrowTextArea(this); });
             // Example Prompt Controls
+            document.getElementById('suggCodeBtn')?.addEventListener('click', () => ChatEngine.sendExample('Write a secure python script for a modern Flask backend server.'));
+            document.getElementById('suggImgBtn')?.addEventListener('click', () => ChatEngine.sendExample('Create a hyper-realistic 8k image of a futuristic Indian smart city.'));
             // Voice & STT Options
+            document.getElementById('smartLangToggle')?.addEventListener('click', VoiceEngine.switchLanguage);
+            document.getElementById('masterVoiceBtn')?.addEventListener('click', VoiceEngine.toggleDictation);
             // Live Mode Options
+            document.getElementById('btnStartLiveMode')?.addEventListener('click', LiveModeController.initialize);
+            document.getElementById('btnExitLiveMode')?.addEventListener('click', LiveModeController.terminate);
+            document.getElementById('liveMicBtn')?.addEventListener('click', VoiceEngine.toggleDictation);
             // Workspace Logic Hooks
+            document.getElementById('btnWsClose')?.addEventListener('click', WorkspaceEngine.closePanel);
+            document.getElementById('btnWsCopy')?.addEventListener('click', function() { WorkspaceEngine.executeCopy(this); });
             // Interaction Scroll Listeners
+            document.getElementById('msgs')?.addEventListener('scroll', UIManager.checkScrollState);
+            document.getElementById('scrollTriggerBtn')?.addEventListener('click', UIManager.forceScrollDown);
             // Ensure startup screen displays if memory cleared
             if(!localStorage.getItem('arjun_welcome_seen')) {
+                const overlay = document.getElementById('welcomeOverlay');
+                if(overlay) overlay.style.display = 'flex';
             } else {
+                const overlay = document.getElementById('welcomeOverlay');
+                if(overlay) overlay.style.display = 'none';
             }
             // Fire Boot Processes