Update index.html

index.html

@@ -157,7 +157,7 @@
         ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
 
         /* ---------------------------------------------------------------------------------------
-           C. AMBIENT BACKGROUND SYSTEM (प्रीमियम बैकग्राउंड इफ़ेक्ट्स)
+           C. AMBIENT BACKGROUND SYSTEM (प्रीमियम बैकग्राउंड इफ़ेक्ट्स)
            --------------------------------------------------------------------------------------- */
         .ambient-environment {
             position: fixed; inset: 0; z-index: var(--z-ambient); overflow: hidden; pointer-events: none;
@@ -885,9 +885,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
@@ -914,7 +911,12 @@
             isStreamingActive: false,
             isLiveModeEngaged: false,
             gradioClient: null,
-            isMicRecording: false 
+            isMicRecording: false,
+            // NEW: Add flags to track speech recognition state
+            isProcessingSpeech: false,
+            lastProcessedText: "",
+            // NEW: Track live mode speech processing
+            isLiveProcessing: false
         };
 
         // Initialize Gradio Client Dynamically (Fixes the Module Bug)
@@ -943,7 +945,7 @@
             },
             
             escapeHTML: (str) => {
-                return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+                return str.replace(/&/g,'&').replace(//g,'>');
             },
 
             // ✨ CRITICAL FIX: Intelligent Text Cleaner for TTS (Ignores code, links, images)
@@ -1168,13 +1170,15 @@
                 if (!SR) return;
 
                 VoiceEngine.recognition = new SR();
-                // FIX: Setting continuous to true prevents mic from stopping abruptly
-                VoiceEngine.recognition.continuous = true;
+                // FIX: Setting continuous to false to prevent multiple recognitions
+                VoiceEngine.recognition.continuous = false;
                 VoiceEngine.recognition.interimResults = true;
                 VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
 
                 VoiceEngine.recognition.onstart = () => {
                     AppState.isMicRecording = true;
+                    // NEW: Set processing flag to prevent duplicate processing
+                    AppState.isProcessingSpeech = true;
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
                     if (AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.add('is-recording');
@@ -1198,6 +1202,12 @@
 
                     if (finalTranscript.trim().length > 0) {
                         let formattedText = finalTranscript.trim();
+                        // NEW: Check if this text has already been processed to avoid duplication
+                        if (formattedText === AppState.lastProcessedText) {
+                            return;
+                        }
+                        AppState.lastProcessedText = formattedText;
+                        
                         formattedText = formattedText.charAt(0).toUpperCase() + formattedText.slice(1);
                         if (!/[.!?।]$/.test(formattedText)) formattedText += '.';
                         
@@ -1206,9 +1216,13 @@
                             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();
+                            // NEW: Set live processing flag to prevent duplicate dispatches
+                            if (!AppState.isLiveProcessing) {
+                                AppState.isLiveProcessing = true;
+                                // Stop mic manually to trigger dispatch in Live Mode
+                                VoiceEngine.recognition.stop();
+                                ChatEngine.initiateDispatch();
+                            }
                         } else {
                             const inputField = document.getElementById('mainChatInput');
                             inputField.value = (inputField.value + ' ' + formattedText + ' ').trim();
@@ -1219,6 +1233,11 @@
 
                 VoiceEngine.recognition.onend = () => {
                     AppState.isMicRecording = false;
+                    // NEW: Reset processing flags when recognition ends
+                    AppState.isProcessingSpeech = false;
+                    if (AppState.isLiveModeEngaged) {
+                        AppState.isLiveProcessing = false;
+                    }
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
                     
                     if (AppState.isLiveModeEngaged && !AppState.isProcessing) {
@@ -1230,6 +1249,11 @@
 
                 VoiceEngine.recognition.onerror = (event) => {
                     AppState.isMicRecording = false;
+                    // NEW: Reset processing flags on error
+                    AppState.isProcessingSpeech = false;
+                    if (AppState.isLiveModeEngaged) {
+                        AppState.isLiveProcessing = false;
+                    }
                     if(event.error !== 'no-speech') {
                         Utils.showToast("Voice module error: " + event.error);
                     }
@@ -1512,431 +1536,4 @@
                     </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');
-                WorkspaceEngine.launch(blockId);
-            }
-        });
-
-        // =======================================================================================
-        // 8. CORE CHAT ENGINE & LLM LOGIC
-        // =======================================================================================
-        const ChatEngine = {
-            handleKeyboard: (e) => {
-                if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    ChatEngine.initiateDispatch();
-                }
-            },
-
-            sendExample: (queryText) => {
-                document.getElementById('mainChatInput').value = queryText;
-                ChatEngine.initiateDispatch();
-            },
-
-            clearMemory: async () => {
-                if (AppState.currentUser) {
-                    Utils.showToast("Purging neural link memory...");
-                    try {
-                        await fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            mode: 'cors',
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify({ action: "delete_history", email: AppState.currentUser }) 
-                        });
-                    } catch(e) {}
-                }
-                location.reload();
-            },
-
-            syncHistoryFromCloud: async () => {
-                const messageZone = document.getElementById('msgs');
-                document.getElementById('welcomeState').style.display = 'none';
-                messageZone.innerHTML = '<div style="text-align:center; padding:80px; font-weight:800; color:var(--brand-saffron); font-size:18px;">Decrypting Historic Archives...</div>';
-                
-                try {
-                    const response = await fetch(Config.GAS_URL, { 
-                        method: 'POST', 
-                        mode: 'cors',
-                        headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                        body: JSON.stringify({ action: "get_history", email: AppState.currentUser }) 
-                    });
-                    const resData = await response.json();
-                    messageZone.innerHTML = '';
-                    
-                    if (resData.status === 'success' && resData.historyJSON !== "[]") {
-                        AppState.history = JSON.parse(resData.historyJSON);
-                        AppState.history.forEach(msgObj => {
-                            if (msgObj.role === 'user') {
-                                ChatEngine.renderUserMessage(msgObj.content, msgObj.badge, msgObj.previewHTML);
-                            } else {
-                                AppState.isStreamingActive = false;
-                                ChatEngine.renderBotMessage(msgObj.content, true);
-                            }
-                        });
-                        setTimeout(UIManager.forceScrollDown, 150);
-                    } else {
-                        document.getElementById('welcomeState').style.display = 'flex';
-                    }
-                } catch (err) {
-                    messageZone.innerHTML = '';
-                    document.getElementById('welcomeState').style.display = 'flex';
-                }
-            },
-
-            saveHistoryToCloud: () => {
-                if (AppState.currentUser) {
-                    fetch(Config.GAS_URL, { 
-                        method: 'POST', 
-                        mode: 'cors',
-                        headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                        body: JSON.stringify({ action: "save_history", email: AppState.currentUser, historyJSON: JSON.stringify(AppState.history) }) 
-                    });
-                }
-            },
-
-            buildPreviewHTML: (attachmentObj) => {
-                if (!attachmentObj) return '';
-                if (attachmentObj.type === 'image') {
-                    return `<img src="data:image/jpeg;base64,${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>`;
-                }
-            },
-
-            renderUserMessage: (textContent, badgeText, previewHTMLString = '') => {
-                let badgeNode = badgeText ? `<div class="file-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> ${Utils.escapeHTML(badgeText)}</div>` : '';
-                
-                let visibleText = textContent;
-                if(textContent.includes('---DATA BEGIN---')) {
-                    const parts = textContent.split('User Prompt:');
-                    if(parts.length > 1) visibleText = parts[1].trim();
-                }
-
-                const bubbleBox = document.createElement('div');
-                bubbleBox.className = 'chat-message-row user-msg';
-                bubbleBox.innerHTML = `
-                    <div class="msg-avatar">U</div>
-                    <div class="msg-content-column">
-                        ${badgeNode}
-                        <div class="chat-bubble">
-                            ${previewHTMLString}
-                            ${Utils.escapeHTML(visibleText)}
-                        </div>
-                    </div>`;
-                document.getElementById('msgs').appendChild(bubbleBox);
-            },
-
-            renderBotMessage: (textContent, bypassStreamFormatting = false) => {
-                const bubbleBox = document.createElement('div');
-                bubbleBox.className = 'chat-message-row bot-msg';
-                bubbleBox.innerHTML = `
-                    <div class="msg-avatar"><img src="${Config.LOGO_URL}" alt="AI"></div>
-                    <div class="msg-content-column">
-                        <div class="chat-bubble"></div>
-                    </div>`;
-                document.getElementById('msgs').appendChild(bubbleBox);
-                ChatEngine.updateBotBubble(bubbleBox, textContent, !bypassStreamFormatting);
-                return bubbleBox;
-            },
-
-            updateBotBubble: (bubbleDOM, rawMarkup, isCurrentlyStreaming) => {
-                const contentTarget = bubbleDOM.querySelector('.chat-bubble');
-                const strippedMarkup = rawMarkup.replace(/<think>([\s\S]*?)(<\/think>|$)/gi, '');
-                
-                let renderHTML = marked.parse(strippedMarkup.trim());
-                
-                if (isCurrentlyStreaming) {
-                    renderHTML += `<div class="loading-dots-container"><div class="loading-dot"></div><div class="loading-dot"></div><div class="loading-dot"></div></div>`;
-                }
-                
-                contentTarget.innerHTML = renderHTML;
-                
-                let actionTray = bubbleDOM.querySelector('.bot-actions-row');
-                if (!isCurrentlyStreaming && !actionTray && strippedMarkup.trim().length > 0) {
-                    const safeRawCopy = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
-                    // safeRawTTS is passed as is, because the executeTTS function now handles the Smart Cleaning internally
-                    const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
-
-                    const actionsHTML = `
-                    <div class="bot-actions-row">
-                        <button class="btn-bot-action btn-cpy-action" data-cpy="${safeRawCopy}">
-                            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
-                            Copy Data
-                        </button>
-                        <button class="btn-bot-action action-tts btn-tts-action" data-tts="${safeRawTTS}">
-                            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
-                            Read Aloud
-                        </button>
-                    </div>`;
-                    bubbleDOM.querySelector('.msg-content-column').insertAdjacentHTML('beforeend', actionsHTML);
-
-                    bubbleDOM.querySelector('.btn-cpy-action').addEventListener('click', function() { Utils.copyToClipboard(this, this.getAttribute('data-cpy')); });
-                    bubbleDOM.querySelector('.btn-tts-action').addEventListener('click', function() { VoiceEngine.executeTTS(this.getAttribute('data-tts')); });
-                }
-            },
-
-            initiateDispatch: async () => {
-                if (AppState.isProcessing) return;
-                
-                const inputField = document.getElementById('mainChatInput');
-                const rawUserText = inputField.value.trim();
-                
-                if (!rawUserText && !AppState.pendingAttachment) return;
-
-                // VALIDATE GUEST LIMIT
-                if (!AppState.currentUser) {
-                    if (AppState.guestCount >= 3) {
-                        AuthManager.openModal();
-                        return Utils.showToast("Query limit reached. Secure Login required.");
-                    }
-                    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;
-                AppState.isProcessing = true;
-                
-                const wState = document.getElementById('welcomeState');
-                if (wState) wState.style.display = 'none';
-
-                let payloadStr = rawUserText;
-                let payloadAttachments = [];
-                let visualBadge = null;
-                let previewHTMLForChat = '';
-
-                // Attachment Processing Logic
-                if (AppState.pendingAttachment) {
-                    previewHTMLForChat = ChatEngine.buildPreviewHTML(AppState.pendingAttachment);
-                    
-                    if (AppState.pendingAttachment.type === 'text') {
-                        payloadStr = `[Document Analyzed: ${AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${AppState.pendingAttachment.data}\n---DATA END---\n\nUser Prompt: ${rawUserText}`;
-                        visualBadge = 'File Appended';
-                    } else {
-                        payloadAttachments.push({ 
-                            type: AppState.pendingAttachment.type, 
-                            data: AppState.pendingAttachment.data, 
-                            name: AppState.pendingAttachment.name 
-                        });
-                        visualBadge = "Media Appended";
-                    }
-                    
-                    ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
-                    AppState.history.push({ role: 'user', content: payloadStr, badge: visualBadge, previewHTML: previewHTMLForChat });
-                } else {
-                    ChatEngine.renderUserMessage(rawUserText, null, '');
-                    AppState.history.push({ role: 'user', content: rawUserText });
-                }
-                
-                FileProcessor.discardFile();
-                ChatEngine.saveHistoryToCloud();
-
-                const activeBotBubble = ChatEngine.renderBotMessage('', false);
-                UIManager.forceScrollDown();
-
-                // 🎲 Dynamic Pollinations 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.`;
-                }
-
-                const secureHistory = AppState.history.slice(0, -1).map(h => ({ role: h.role, content: h.content }));
-
-                const transmissionPayload = {
-                    message: payloadStr,
-                    attachments: payloadAttachments,
-                    system_prompt: cognitivePrompt,
-                    history: secureHistory,
-                    max_tokens: AppState.isLiveModeEngaged ? 120 : 4096, 
-                    temperature: 0.75
-                };
-
-                // Network Transmission Logic
-                try {
-                    const fetchOp = await fetch(Config.API_ENDPOINT, { 
-                        method: 'POST', 
-                        headers: {'Content-Type': 'application/json'}, 
-                        body: JSON.stringify(transmissionPayload) 
-                    });
-                    
-                    if (!fetchOp.ok) throw new Error("API Matrix Disconnected.");
-                    
-                    const networkReader = fetchOp.body.getReader();
-                    const textDecoder = new TextDecoder();
-                    let responseBuffer = "";
-                    
-                    AppState.isStreamingActive = true; 
-                    
-                    while (true) {
-                        const { done, value } = await networkReader.read();
-                        if (done) break;
-                        
-                        const decodedChunk = textDecoder.decode(value, { stream: true });
-                        const fragmentedLines = decodedChunk.split('\n');
-                        
-                        for (let line of fragmentedLines) {
-                            if (line.startsWith('data: ')) {
-                                const parseableStr = line.substring(6);
-                                if (parseableStr.trim() === '[DONE]') continue;
-                                
-                                try {
-                                    const jsonSegment = JSON.parse(parseableStr);
-                                    if (jsonSegment.choices && jsonSegment.choices[0].delta.content) {
-                                        responseBuffer += jsonSegment.choices[0].delta.content;
-                                        ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
-                                        UIManager.autoScroll();
-                                    }
-                                } catch (e) { }
-                            }
-                        }
-                    }
-                    
-                    AppState.isStreamingActive = false; 
-                    ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, false);
-                    AppState.history.push({ role: 'bot', content: responseBuffer });
-                    ChatEngine.saveHistoryToCloud();
-                    
-                    if (AppState.isLiveModeEngaged) {
-                        document.getElementById('liveStatusText').innerText = "Arjun Transmitting...";
-                        await VoiceEngine.executeTTS(responseBuffer);
-                    }
-                    
-                } catch(error) { 
-                    AppState.isStreamingActive = false; 
-                    ChatEngine.updateBotBubble(activeBotBubble, `**System Error:** Communication array offline. Verification needed.`, false); 
-                    if (AppState.isLiveModeEngaged) {
-                        document.getElementById('liveStatusText').innerText = "Neural Link Severed.";
-                    }
-                }
-                
-                AppState.isProcessing = false; 
-                document.getElementById('masterSendBtn').disabled = false; 
-                UIManager.autoScroll();
-            }
-        };
-
-        // =======================================================================================
-        // 9. EVENT DELEGATION & BOOTSTRAP INVOCATION
-        // =======================================================================================
-        
-        // 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('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
-            VoiceEngine.init();
-            AuthManager.initUI();
-            if(AppState.currentUser) { ChatEngine.syncHistoryFromCloud(); }
-        });
-
-    </script>
-</body>
-</html>
-
+                        <p>${langClass || 'Syntax Detected'}