diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -1,2412 +1,920 @@
 <!DOCTYPE html>
-<html 
-    lang="en"
->
+<html lang="en">
 <head>
-    <!-- 
-        ================================================================================
-        META TAGS
-        यहाँ पर हम ब्राउज़र और मोबाइल डिवाइस के लिए सेटिंग्स कर रहे हैं।
-        ================================================================================
-    -->
-    <meta 
-        charset="UTF-8"
-    >
-    <meta 
-        name="viewport" 
-        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
-    >
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <title>CODE VED | Engineered by Divy Patel</title>
+    <meta name="description" content="CODE VED - 202 Billion Parameter Enterprise AI System">
     
-    <title>
-        CODE VED | Engineered by Divy Patel
-    </title>
+    <!-- Premium Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     
-    <!-- 
-        ================================================================================
-        FAVICON LINK
-        वेबसाइट के टैब पर जो आइकन दिखता है, उसे हम डायनामिकली सेट करेंगे।
-        ================================================================================
-    -->
-    <link 
-        rel="icon" 
-        type="image/webp" 
-        id="faviconLink"
-    >
+    <!-- Syntax Highlighting & Parsers -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
 
-    <!-- 
-        ================================================================================
-        GOOGLE FONTS
-        - 'Inter': एंथ्रोपिक, एप्पल और Qwen Studio जैसा पतला, शार्प और सुकून देने वाला फॉन्ट।
-        - 'JetBrains Mono': कोडिंग ब्लॉक्स के लिए सबसे बेहतरीन और क्लियर फॉन्ट।
-        ================================================================================
-    -->
-    <link 
-        rel="preconnect" 
-        href="https://fonts.googleapis.com"
-    >
-    <link 
-        rel="preconnect" 
-        href="https://fonts.gstatic.com" 
-        crossorigin
-    >
-    <link 
-        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" 
-        rel="stylesheet"
-    >
-
-    <!-- 
-        ================================================================================
-        HIGHLIGHT.JS STYLESHEET
-        कोड ब्लॉक्स को डार्क थीम में सिंटैक्स हाईलाइटिंग देने के लिए।
-        ================================================================================
-    -->
-    <link 
-        rel="stylesheet" 
-        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css"
-    >
-    
-    <!-- 
-        ================================================================================
-        EXTERNAL JAVASCRIPT LIBRARIES
-        ये सारी लाइब्रेरीज़ AI के अलग-अलग फीचर्स (PDF, Markdown, Diagrams) को चलाने के लिए हैं।
-        ================================================================================
-    -->
-    <script 
-        src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"
-    ></script>
-    <script 
-        src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"
-    ></script>
-    <script 
-        src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"
-    ></script>
-    <script 
-        src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"
-    ></script>
-    <script 
-        src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"
-    ></script>
-
-    <!-- 
-        ================================================================================
-        MATHJAX CONFIGURATION
-        गणित और साइंस के फॉर्मूलों को बिना किसी एरर के रेंडर करने का फुल प्रूफ सेटअप।
-        ================================================================================
-    -->
-    <script>
-        window.MathJax = {
-            tex: {
-                inlineMath: [
-                    ['$', '$'], 
-                    ['\\(', '\\)']
-                ],
-                displayMath: [
-                    ['$$', '$$'], 
-                    ['\\[', '\\]']
-                ],
-                processEscapes: true,
-                packages: {
-                    '[+]': [
-                        'mhchem', 
-                        'physics', 
-                        'cancel', 
-                        'color', 
-                        'amsmath', 
-                        'amssymb', 
-                        'boldsymbol'
-                    ]
-                }
-            },
-            loader: {
-                load: [
-                    '[tex]/mhchem', 
-                    '[tex]/physics', 
-                    '[tex]/cancel', 
-                    '[tex]/color', 
-                    '[tex]/amsmath', 
-                    '[tex]/amssymb', 
-                    '[tex]/boldsymbol'
-                ]
-            },
-            options: {
-                skipHtmlTags: [
-                    'script', 
-                    'noscript', 
-                    'style', 
-                    'textarea', 
-                    'pre', 
-                    'code'
-                ],
-                ignoreHtmlClass: 'tex2jax_ignore',
-                processHtmlClass: 'tex2jax_process'
-            },
-            startup: {
-                typeset: false
-            }
-        };
-    </script>
-    <script 
-        id="MathJax-script" 
-        async 
-        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
-    ></script>
-
-    <!-- 
-        ================================================================================
-        MEGA CASCADING STYLE SHEETS (CSS)
-        यहाँ हर एक प्रॉपर्टी को नई लाइन में लिखा गया है ताकि कोड की लेंथ और डिटेलिंग अधिकतम हो।
-        ================================================================================
-    -->
     <style>
-        /*
-         * CSS VARIABLES (ROOT)
-         * सारे मुख्य रंग, बॉर्डर और फॉन्ट यहाँ डिफाइन किए गए हैं।
-         */
         :root {
+            /* Clean Minimalist Light Theme */
             --bg-main: #ffffff;
-            --bg-sidebar: rgba(249, 250, 251, 0.85);
-            --bg-user-msg: #f4f4f5;
-            
-            --text-primary: #18181b;
-            --text-secondary: #52525b;
-            --text-tertiary: #a1a1aa;
-            
-            --border-light: rgba(0, 0, 0, 0.08);
-            
-            --brand-color: #18181b;
-            --brand-accent: #0f9e78;
-            --brand-accent-hover: #0c7d5f;
-            --brand-danger: #ef4444;
-            --brand-warning: #f59e0b;
-            --brand-success: #10b981;
-            
-            --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+            --bg-sidebar: #f9f9f9;
+            --bg-input: #f4f4f4;
+            --bg-hover: #ebebeb;
+            --text-primary: #0f0f0f;
+            --text-secondary: #606060;
+            --text-tertiary: #8e8e8e;
+            --border-light: #e5e5e5;
+            --border-focus: #d0d0d0;
+            --brand-color: #1a1a1a;
+            --brand-accent: #0066cc; /* Tool Calling Color */
+            --font-ui: 'Inter', sans-serif;
             --font-code: 'JetBrains Mono', monospace;
-            
-            --radius-sm: 10px;
-            --radius-md: 14px;
+            --radius-sm: 8px;
+            --radius-md: 12px;
             --radius-lg: 24px;
-            
-            --transition-default: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
-        }
-
-        /*
-         * GLOBAL RESET
-         * सभी एलिमेंट्स के मार्जिन और पैडिंग को शून्य करना।
-         * और सबसे महत्वपूर्ण: टेक्स्ट सिलेक्शन को रोकना।
-         */
-        * {
-            box-sizing: border-box;
-            margin: 0;
-            padding: 0;
-            
-            /* सिलेक्शन डिसेबल (ऐप फीलिंग के लिए) */
-            -webkit-user-select: none;
-            -moz-user-select: none;
-            -ms-user-select: none;
-            user-select: none;
-            
-            /* मोबाइल लॉन्ग-प्रेस डिसेबल */
-            -webkit-touch-callout: none;
         }
 
-        /*
-         * OVERRIDE SELECTION FOR INPUTS
-         * केवल इनपुट फील्ड्स में टेक्स्ट सेलेक्ट करने की अनुमति।
-         */
-        input, 
-        textarea, 
-        [contenteditable="true"], 
-        code, 
-        pre {
-            -webkit-user-select: auto !important;
-            -moz-user-select: auto !important;
-            -ms-user-select: auto !important;
-            user-select: auto !important;
-        }
-
-        /*
-         * FOCUS OUTLINE REMOVAL
-         */
-        *:focus { 
-            outline: none !important; 
-            box-shadow: none !important; 
-        }
-
-        /*
-         * HTML & BODY
-         */
-        html, 
-        body {
-            height: 100%;
-            height: 100dvh;
-            width: 100vw;
-            font-family: var(--font-ui);
-            color: var(--text-primary);
-            display: flex;
-            overflow: hidden;
-            background: var(--bg-main);
-            
-            /* शार्प टेक्स्ट रेंडरिंग */
-            -webkit-font-smoothing: antialiased;
-            -moz-osx-font-smoothing: grayscale;
-        }
-
-        /*
-         * BUTTONS AND ANCHORS
-         */
-        button, 
-        a { 
-            -webkit-tap-highlight-color: transparent; 
-            outline: none; 
-        }
+        * { box-sizing: border-box; margin: 0; padding: 0; }
         
-        button { 
-            background: none; 
-            border: none; 
-            cursor: pointer; 
-            color: inherit; 
-            font-family: inherit; 
-        }
-        
-        input, 
-        textarea { 
-            font-family: inherit; 
-            outline: none; 
-            border: none; 
-            background: transparent; 
+        /* 📱 MOBILE BUG FIX: Using 100dvh to prevent input dock from hiding behind browser URL bar */
+        html, body {
+            height: 100%; height: 100dvh; width: 100vw;
+            font-family: var(--font-ui); background-color: var(--bg-main); color: var(--text-primary);
+            display: flex; overflow: hidden; -webkit-font-smoothing: antialiased;
         }
 
-        /*
-         * CUSTOM SCROLLBAR
-         * बिलकुल पतला और एलिगेंट स्क्रॉलबार।
-         */
-        ::-webkit-scrollbar { 
-            width: 5px; 
-            height: 5px; 
-        }
-        
-        ::-webkit-scrollbar-track { 
-            background: transparent; 
-        }
-        
-        ::-webkit-scrollbar-thumb { 
-            background: rgba(0,0,0,0.15); 
-            border-radius: 10px; 
-        }
-        
-        ::-webkit-scrollbar-thumb:hover { 
-            background: rgba(0,0,0,0.3); 
-        }
-
-        /*
-         * KEYFRAME ANIMATIONS
-         * सारे स्मूथ ट्रांज़िशन्स और एनिमेशन्स।
-         */
-        @keyframes fadeInUp { 
-            from { 
-                opacity: 0; 
-                transform: translateY(12px); 
-            } 
-            to { 
-                opacity: 1; 
-                transform: translateY(0); 
-            } 
-        }
-        
-        @keyframes dropUpFade { 
-            from { 
-                opacity: 0; 
-                transform: translateY(10px) scale(0.95); 
-            } 
-            to { 
-                opacity: 1; 
-                transform: translateY(0) scale(1); 
-            } 
-        }
-        
-        @keyframes modalFadeIn { 
-            from { 
-                opacity: 0; 
-                transform: scale(0.96); 
-            } 
-            to { 
-                opacity: 1; 
-                transform: scale(1); 
-            } 
-        }
+        button { background: none; border: none; cursor: pointer; color: inherit; font-family: inherit; }
+        input, textarea { font-family: inherit; outline: none; border: none; background: transparent; }
         
-        @keyframes blinkCursor { 
-            0%, 100% { 
-                opacity: 1; 
-            } 
-            50% { 
-                opacity: 0; 
-            } 
-        }
-        
-        @keyframes recordPulse { 
-            0% { 
-                transform: scale(1); 
-                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); 
-            } 
-            50% { 
-                transform: scale(1.05); 
-                box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); 
-            } 
-            100% { 
-                transform: scale(1); 
-                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); 
-            } 
-        }
-        
-        /* * RGB GLOW ANIMATION
-         * यह बैकग्राउंड की पोजीशन को लगातार घुमाता है।
-         */
-        @keyframes rgbGlow {
-            0% { 
-                background-position: 0% 50%; 
-            }
-            50% { 
-                background-position: 100% 50%; 
-            }
-            100% { 
-                background-position: 0% 50%; 
-            }
-        }
-
-        /*
-         * BLINKING CURSOR FOR AI RESPONSE
-         */
-        .blinking-cursor {
-            display: inline-block; 
-            width: 6px; 
-            height: 18px; 
-            background: var(--text-primary);
-            margin-left: 2px; 
-            vertical-align: text-bottom; 
-            animation: blinkCursor 0.8s infinite; 
-            border-radius: 2px;
-        }
-
-        /*
-         * TOP LEFT MENU BUTTON
-         */
-        .btn-menu {
-            position: absolute; 
-            top: 16px; 
-            left: 16px; 
-            z-index: 100; 
-            width: 44px; 
-            height: 44px;
-            border-radius: 50%; 
-            display: flex; 
-            align-items: center; 
-            justify-content: center;
-            background: rgba(255,255,255,0.6); 
-            backdrop-filter: blur(12px); 
-            -webkit-backdrop-filter: blur(12px);
-            border: 1px solid var(--border-light); 
-            color: var(--text-secondary); 
-            transition: var(--transition-default);
-        }
-        
-        .btn-menu:hover { 
-            background: #fff; 
-            color: var(--text-primary); 
-        }
+        /* Custom Scrollbar */
+        ::-webkit-scrollbar { width: 6px; height: 6px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 10px; }
+        ::-webkit-scrollbar-thumb:hover { background: #a0a0a0; }
 
-        /*
-         * SIDEBAR CONTAINER
-         */
+        /* --- 1. SIDEBAR (Restored History & Power Button) --- */
         .sidebar {
-            width: 280px; 
-            background: var(--bg-sidebar); 
-            backdrop-filter: blur(20px); 
-            -webkit-backdrop-filter: blur(20px);
-            border-right: 1px solid var(--border-light); 
-            display: flex; 
-            flex-direction: column;
-            transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); 
-            z-index: 110; 
-            height: 100%; 
-            flex-shrink: 0;
-        }
-        
-        .sidebar.collapsed { 
-            transform: translateX(-100%); 
-            position: absolute; 
-        }
-
-        .sidebar-header { 
-            padding: 20px 16px 10px; 
-            display: flex; 
-            align-items: center; 
-            justify-content: space-between; 
-        }
-        
-        .sidebar-logo { 
-            font-weight: 500; 
-            font-size: 16px; 
-            display: flex; 
-            align-items: center; 
-            gap: 8px; 
+            width: 260px; background-color: var(--bg-sidebar); border-right: 1px solid var(--border-light);
+            display: flex; flex-direction: column; transition: transform 0.3s ease, width 0.3s ease; z-index: 100;
+            height: 100%; flex-shrink: 0;
         }
+        .sidebar.collapsed { margin-left: -260px; }
         
+        .sidebar-header { padding: 16px; display: flex; align-items: center; justify-content: space-between; }
         .btn-new-chat {
-            margin: 10px 16px; 
-            display: flex; 
-            align-items: center; 
-            justify-content: center; 
-            gap: 10px;
-            padding: 12px; 
-            border-radius: var(--radius-sm); 
-            background: #fff; 
-            border: 1px solid var(--border-light);
-            font-size: 14px; 
-            font-weight: 400; 
-            transition: var(--transition-default); 
-            color: var(--text-primary);
-            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
-        }
-        
-        .btn-new-chat:hover { 
-            border-color: rgba(0,0,0,0.15); 
-            box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
-        }
-
-        /*
-         * SIDEBAR HISTORY LIST
-         */
-        .sidebar-history { 
-            flex: 1; 
-            overflow-y: auto; 
-            padding: 10px 16px; 
-            display: flex; 
-            flex-direction: column; 
-            gap: 4px; 
-        }
-        
-        .history-header { 
-            display: flex; 
-            justify-content: space-between; 
-            align-items: center; 
-            padding: 0 4px 8px; 
-            margin-bottom: 4px; 
-            border-bottom: 1px solid var(--border-light); 
-        }
-        
-        .history-title-text { 
-            font-size: 11px; 
-            font-weight: 600; 
-            color: var(--text-tertiary); 
-            text-transform: uppercase; 
-            letter-spacing: 0.5px; 
-        }
-        
-        .btn-clear-all { 
-            font-size: 11px; 
-            font-weight: 500; 
-            color: var(--text-tertiary); 
-            cursor: pointer; 
-            transition: 0.2s; 
-        }
-        
-        .btn-clear-all:hover { 
-            color: var(--brand-danger); 
-        }
-
-        .history-item {
-            padding: 10px 12px; 
-            border-radius: 8px; 
-            font-size: 13.5px; 
-            font-weight: 400; 
-            color: var(--text-secondary);
-            cursor: pointer; 
-            display: flex; 
-            justify-content: space-between; 
-            align-items: center; 
-            transition: 0.2s;
-        }
-        
-        .history-item:hover { 
-            background: rgba(0,0,0,0.04); 
-            color: var(--text-primary); 
-        }
-        
-        .history-item.active { 
-            background: #fff; 
-            color: var(--text-primary); 
-            font-weight: 500; 
-            box-shadow: 0 1px 4px rgba(0,0,0,0.05); 
-        }
-        
-        .history-text { 
-            white-space: nowrap; 
-            overflow: hidden; 
-            text-overflow: ellipsis; 
-            flex: 1; 
-        }
-
-        .btn-delete-chat { 
-            background: none; 
-            border: none; 
-            color: var(--text-tertiary); 
-            cursor: pointer; 
-            padding: 4px; 
-            display: none; 
-            border-radius: 6px; 
-        }
-        
-        .history-item:hover .btn-delete-chat { 
-            display: flex; 
-        }
-        
-        .btn-delete-chat:hover { 
-            color: var(--brand-danger); 
-            background: #fee2e2; 
-        }
-
-        /*
-         * SIDEBAR FOOTER (USER PROFILE)
-         */
-        .sidebar-footer { 
-            padding: 16px; 
-            border-top: 1px solid var(--border-light); 
-            display: flex; 
-            align-items: center; 
-            gap: 10px; 
-            flex-wrap: wrap; 
+            display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 10px 12px;
+            border-radius: var(--radius-sm); background: #fff; border: 1px solid var(--border-light);
+            font-size: 14px; font-weight: 500; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.02);
         }
+        .btn-new-chat:hover { background: var(--bg-hover); color: #000; border-color: #ccc; }
         
-        .user-avatar { 
-            width: 36px; 
-            height: 36px; 
-            border-radius: 50%; 
-            background: var(--text-primary); 
-            color: #fff; 
-            display: flex; 
-            align-items: center; 
-            justify-content: center; 
-            font-size: 14px; 
-            font-weight: 500; 
-            flex-shrink: 0; 
-        }
+        .sidebar-history { flex: 1; overflow-y: auto; padding: 10px; }
+        .history-item { padding: 10px; border-radius: var(--radius-sm); font-size: 13px; color: var(--text-secondary); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; transition: 0.2s;}
+        .history-item:hover { background: var(--border-light); color: var(--text-primary); }
         
-        .user-info-box { 
-            flex: 1; 
-            overflow: hidden; 
-            display: flex; 
-            flex-direction: column; 
-        }
+        .sidebar-footer { padding: 16px; border-top: 1px solid var(--border-light); display: flex; align-items: center; gap: 12px; transition: background 0.2s; }
+        .user-avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--brand-color); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; flex-shrink: 0; }
+        .user-info-box { flex: 1; overflow: hidden; }
+        .user-name { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-primary); }
+        .user-sub { font-size: 11px; font-weight: 500; color: var(--text-tertiary); margin-top: 2px; }
         
-        .user-name { 
-            font-size: 13.5px; 
-            font-weight: 500; 
-            white-space: nowrap; 
-            overflow: hidden; 
-            text-overflow: ellipsis; 
-        }
-        
-        .user-sub { 
-            font-size: 11px; 
-            color: var(--text-tertiary); 
-            margin-top: 2px; 
-        }
-
-        .btn-login-register { 
-            background: var(--brand-color); 
-            color: #fff; 
-            border-radius: 8px; 
-            padding: 8px 12px; 
-            font-size: 12px; 
-            font-weight: 500; 
-            cursor: pointer; 
-            transition: 0.2s; 
-            margin-left: auto; 
-        }
-        
-        .btn-login-register:hover { 
-            background: #000; 
-            transform: translateY(-1px); 
-        }
-
-        .btn-power { 
-            width: 32px; 
-            height: 32px; 
-            border-radius: 8px; 
-            display: flex; 
-            align-items: center; 
-            justify-content: center; 
-            color: var(--text-secondary); 
-            transition: 0.2s; 
+        .btn-power {
+            width: 32px; height: 32px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center;
+            color: var(--text-secondary); transition: 0.2s; cursor: pointer; border: 1px solid transparent; flex-shrink: 0;
         }
-        
-        .btn-power:hover { 
-            background: #fee2e2; 
-            color: var(--brand-danger); 
-        }
-
-        /*
-         * MAIN CHAT AREA
-         */
-        .main-area { 
-            flex: 1; 
-            display: flex; 
-            flex-direction: column; 
-            position: relative; 
-            transition: 0.3s; 
-            height: 100%; 
-            overflow: hidden; 
-            z-index: 1; 
-        }
-        
-        .chat-container { 
-            flex: 1; 
-            overflow-x: hidden; 
-            overflow-y: auto; 
-            padding: 80px 20px 200px; 
-            display: flex; 
-            flex-direction: column; 
-            align-items: center; 
-            scroll-behavior: smooth; 
-        }
-
-        /*
-         * WELCOME SCREEN
-         */
-        .welcome-center { 
-            margin: auto; 
-            text-align: center; 
-            display: flex; 
-            flex-direction: column; 
-            align-items: center; 
-            animation: fadeInUp 0.7s ease; 
-            width: 100%; 
-            justify-content: center; 
-            flex: 1; 
-        }
-        
-        .welcome-center img { 
-            width: 72px; 
-            height: 72px; 
-            border-radius: 18px; 
-            margin-bottom: 24px; 
-            object-fit: contain; 
-        }
-        
-        .welcome-center h1 { 
-            font-size: 32px; 
-            font-weight: 400; 
-            letter-spacing: -0.5px; 
-            color: var(--text-primary); 
-            margin-bottom: 8px; 
-        }
-        
-        .welcome-center p { 
-            font-size: 1tent: center; font-size: 14px; font-weight: 500; flex-shrink: 0; }
-        .user-info-box { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
-        .user-name { font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .user-sub { font-size: 11px; color: var(--text-tertiary); margin-top: 2px; }
-
-        .btn-login-register { background: var(--brand-color); color: #fff; border-radius: 8px; padding: 8px 12px; font-size: 12px; font-weight: 500; cursor: pointer; transition: 0.2s; margin-left: auto; }
-        .btn-login-register:hover { background: #000; transform: translateY(-1px); }
+        .btn-power:hover { background: #ffe6e6; color: #cc0000; border-color: #ffcccc; }
 
-        .btn-power { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--text-secondary); transition: 0.2s; }
-        .btn-power:hover { background: #fee2e2; color: var(--brand-danger); }
+        /* --- 2. MAIN WORKSPACE AREA --- */
+        .main-area { flex: 1; display: flex; flex-direction: column; position: relative; background: var(--bg-main); transition: 0.3s; height: 100%; overflow: hidden; }
 
-        /* मेन एरिया */
-        .main-area { flex: 1; display: flex; flex-direction: column; position: relative; transition: 0.3s; height: 100%; overflow: hidden; z-index: 1; }
-        .chat-container { flex: 1; overflow-x: hidden; overflow-y: auto; padding: 80px 20px 200px; display: flex; flex-direction: column; align-items: center; scroll-behavior: smooth; }
+        .top-bar { padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; background: var(--bg-main); z-index: 10; flex-shrink: 0; border-bottom: 1px solid transparent; transition: border 0.3s; }
+        .top-bar.scrolled { border-bottom: 1px solid var(--border-light); }
+        .btn-icon { width: 32px; height: 32px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); transition: 0.2s; }
+        .btn-icon:hover { background: var(--bg-hover); color: var(--text-primary); }
+        .btn-icon svg { width: 18px; height: 18px; }
 
-        .welcome-center { margin: auto; text-align: center; display: flex; flex-direction: column; align-items: center; animation: fadeInUp 0.7s ease; width: 100%; justify-content: center; flex: 1; }
-        .welcome-center img { width: 72px; height: 72px; border-radius: 18px; margin-bottom: 24px; object-fit: contain; }
-        .welcome-center h1 { font-size: 32px; font-weight: 400; letter-spacing: -0.5px; color: var(--text-primary); margin-bottom: 8px; }
-        .welcome-center p { font-size: 15px; color: var(--text-secondary); }
+        .model-selector { font-size: 14px; font-weight: 600; color: var(--text-secondary); display: flex; align-items: center; gap: 6px; }
 
-        #chatMessages { width: 100%; display: flex; flex-direction: column; align-items: center; }
-        .message-wrapper { width: 100%; max-width: 820px; margin-bottom: 32px; display: flex; flex-direction: column; animation: fadeInUp 0.3s ease; }
+        /* --- 3. CHAT CONTAINER --- */
+        .chat-container { flex: 1; overflow-y: auto; padding: 20px 20px 40px; display: flex; flex-direction: column; align-items: center; scroll-behavior: smooth; }
 
-        /* यूज़र और ��ॉट मैसेजेस */
-        .user-message {
-            align-self: flex-end; max-width: 85%; background: var(--bg-user-msg);
-            padding: 12px 18px; border-radius: 18px; font-size: 15.5px; font-weight: 400;
-            line-height: 1.5; color: var(--text-user-msg); word-wrap: break-word; overflow-wrap: break-word;
-        }
+        /* Restored Welcome Screen */
+        .welcome-center { margin: auto; text-align: center; display: flex; flex-direction: column; align-items: center; animation: fadeIn 0.5s ease; }
+        .welcome-center img { width: 70px; height: 70px; border-radius: 18px; margin-bottom: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
+        .welcome-center h1 { font-size: 26px; font-weight: 500; color: var(--text-primary); margin-bottom: 8px; letter-spacing: -0.5px; }
+        .welcome-center p { font-size: 14px; color: var(--text-secondary); }
 
-        .bot-message { align-self: flex-start; max-width: 100%; display: flex; gap: 16px; width: 100%; box-sizing: border-box; background: transparent; padding: 0; }
+        .message-wrapper { width: 100%; max-width: 760px; margin-bottom: 32px; display: flex; flex-direction: column; }
+        .user-message { align-self: flex-end; max-width: 85%; background: var(--bg-input); padding: 12px 18px; border-radius: 20px 20px 4px 20px; font-size: 15px; line-height: 1.5; color: var(--text-primary); border: 1px solid var(--border-light); }
         
-        .bot-avatar {
-            width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; overflow: hidden;
-            display: flex; align-items: center; justify-content: center; margin-top: 2px;
-            border: 1px solid var(--border-light);
-        }
+        .bot-message { align-self: flex-start; max-width: 100%; display: flex; gap: 16px; width: 100%; }
+        .bot-avatar { width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0; overflow: hidden; border: 1px solid var(--border-light); }
         .bot-avatar img { width: 100%; height: 100%; object-fit: cover; }
-
-        .bot-content-wrapper { flex: 1 1 0%; min-width: 0; max-width: calc(100% - 48px); width: 100%; overflow: hidden; }
+        .bot-content { flex: 1; font-size: 15.5px; line-height: 1.6; color: var(--text-primary); min-width: 0; }
         
-        .bot-content { font-size: 15.5px; line-height: 1.7; color: var(--text-primary); word-wrap: break-word; font-weight: 300; letter-spacing: 0.2px; }
+        /* Markdown Styling */
         .bot-content p { margin-bottom: 16px; }
         .bot-content p:last-child { margin-bottom: 0; }
         .bot-content strong { font-weight: 600; color: #000; }
-        .bot-content ul, .bot-content ol { padding-left: 24px; margin-bottom: 16px; }
-        .bot-content li { margin-bottom: 8px; }
-
-        .bot-content code { font-family: var(--font-code); background: rgba(0,0,0,0.05); padding: 3px 6px; border-radius: 6px; font-size: 0.9em; color: #000; }
-        .bot-content pre { background: #0d1117; padding: 16px; border-radius: 12px; overflow-x: auto; margin: 16px 0; border: 1px solid var(--border-light); position: relative; }
-        .bot-content pre code { background: none; padding: 0; color: #e2e8f0; font-size: 13.5px; }
-
-        .bot-content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; border: 1px solid var(--border-light); border-radius: 8px; overflow: hidden; display: block; overflow-x: auto; }
-        .bot-content th, .bot-content td { border: 1px solid var(--border-light); padding: 10px 14px; text-align: left; }
-        .bot-content th { background: rgba(0,0,0,0.03); font-weight: 500; }
-
-        .mjx-container { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
-
-        /* अटैचमेंट पिल्स */
-        .chat-attachment-container { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
-        .chat-file-pill { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--border-light); padding: 8px 12px; border-radius: 12px; font-size: 13px; font-weight: 500; }
-        .chat-img-preview { max-width: 140px; max-height: 140px; border-radius: 12px; object-fit: cover; border: 1px solid var(--border-light); }
-
-        /* थिंकिंग बॉक्स */
-        .qwen-think-box { border-left: 2px solid #e4e4e7; padding-left: 16px; margin-bottom: 16px; transition: 0.3s; }
-        .qwen-think-box summary { font-size: 13px; font-weight: 500; color: var(--text-tertiary); cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; user-select: none; }
-        .qwen-think-box summary::-webkit-details-marker { display: none; }
-        .qwen-think-content { margin-top: 8px; font-size: 14px; color: var(--text-secondary); font-style: italic; white-space: pre-wrap; line-height: 1.6; }
-
-        /* मैसेज एक्शंस (Copy, Listen) */
-        .msg-actions { display: flex; gap: 8px; margin-top: 12px; opacity: 0; transition: 0.2s; align-items: center; }
-        .message-wrapper:hover .msg-actions { opacity: 1; }
-        @media (hover: none) { .msg-actions { opacity: 1; } }
-
-        .action-btn { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: var(--text-secondary); padding: 4px 8px; border-radius: 6px; transition: 0.2s; background: transparent; }
-        .action-btn:hover { color: var(--text-primary); background: rgba(0,0,0,0.05); }
-        .action-btn.listen-btn { background: #f4f4f5; }
-        .action-btn.listen-btn:hover { background: #e4e4e7; }
+        .bot-content code { font-family: var(--font-code); background: var(--bg-input); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #d63384; }
+        .bot-content pre { background: #f6f8fa; padding: 16px; border-radius: var(--radius-sm); border: 1px solid var(--border-light); overflow-x: auto; margin: 16px 0; }
+        .bot-content pre code { background: none; padding: 0; color: inherit; font-size: 14px; }
         
-        .code-copy-btn { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; gap: 4px; padding: 4px 8px; font-size: 11px; color: var(--text-secondary); background: #fff; border: 1px solid var(--border-light); border-radius: 6px; cursor: pointer; z-index: 2; }
-        .code-copy-btn:hover { background: #f4f4f5; }
-        .code-copy-btn.copied { color: var(--brand-success); }
+        .chat-attachment { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--border-light); padding: 6px 12px; border-radius: var(--radius-md); font-size: 13px; font-weight: 500; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
+        .chat-img-preview { max-width: 250px; border-radius: var(--radius-md); border: 1px solid var(--border-light); margin-bottom: 10px; }
 
-        .btn-scroll-bottom { position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%) translateY(20px); width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid var(--border-light); box-shadow: 0 4px 12px rgba(0,0,0,0.08); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); opacity: 0; pointer-events: none; transition: 0.3s; z-index: 45; }
-        .btn-scroll-bottom.visible { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
-
-        /* *************************************************************************
-           अल्टीमेट ग्लास इनपुट डॉक + RGB ग्लो + एक्सपैंडिंग लॉजिक
-           ************************************************************************* */
+        /* --- 4. GOOGLE SEARCH TOOL UI --- */
+        .tool-indicator { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--brand-accent); background: rgba(0, 102, 204, 0.05); padding: 8px 14px; border-radius: var(--radius-sm); margin-bottom: 16px; border: 1px solid rgba(0, 102, 204, 0.2); transition: 0.3s; }
+        .tool-indicator.active { animation: pulseGlow 2s infinite alternate; }
+        .tool-indicator svg { width: 16px; height: 16px; }
+        .tool-indicator.active svg { animation: spin 2s linear infinite; }
         
-        /* मुख्य डॉक कंटेनर (नीचे फिक्स्ड) */
-        .input-dock {
-            position: absolute; 
-            bottom: 24px; 
-            left: 50%;
-            transform: translateX(-50%);
-            width: 100%; 
-            max-width: 820px;
-            padding: 0 20px;
-            z-index: 50;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-
-        .loc-toast { display: none; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--text-secondary); margin-bottom: 12px; background: #fff; padding: 6px 14px; border-radius: 16px; border: 1px solid var(--border-light); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
-
-        /* ग्लो और ग्लास का रैपर (यही बॉक्स एक्सपैंड होगा) */
-        .input-dock-wrapper {
-            position: relative; 
-            width: 100%; 
-            background: rgba(255, 255, 255, 0.7);
-            backdrop-filter: blur(24px); 
-            -webkit-backdrop-filter: blur(24px);
-            border: 1px solid rgba(200, 200, 200, 0.5);
-            border-radius: var(--radius-lg); 
-            padding: 10px 14px;
-            display: flex; 
-            flex-direction: column;
-            transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
-        }
+        @keyframes pulseGlow { 0% { box-shadow: 0 0 0 rgba(0, 102, 204, 0); border-color: rgba(0, 102, 204, 0.2); } 100% { box-shadow: 0 0 12px rgba(0, 102, 204, 0.3); border-color: rgba(0, 102, 204, 0.5); } }
+        @keyframes spin { 100% { transform: rotate(360deg); } }
 
-        /* एनिमेटेड RGB ग्रेडिएंट बैकग्राउंड (Pseudo-element) */
-        .input-dock-wrapper::before {
-            content: ''; 
-            position: absolute; 
-            inset: -2px; 
-            border-radius: 26px;
-            background: linear-gradient(90deg, #ff2a2a, #ff7a00, #ffc500, #2ddc3f, #007aff, #d928ff, #ff2a2a);
-            background-size: 200% 100%; 
-            animation: rgbGlow 3s linear infinite;
-            opacity: 0; 
-            filter: blur(8px); 
-            transition: opacity 0.5s ease; 
-            z-index: -1;
-        }
-
-        /* जब यूज़र बॉक्स पर क्लिक करे (फोकस्ड हो) तो बॉक्स को बड़ा (Expand) करें */
-        .input-dock-wrapper.expanded {
-            background: rgba(255, 255, 255, 0.95);
-            transform: translateY(-5px); /* हल्का सा ऊपर उठेगा */
-            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
-        }
+        /* --- 5. FIXED INPUT DOCK (MOBILE SAFE) --- */
+        .input-dock { flex-shrink: 0; padding: 15px 20px 25px; background: var(--bg-main); border-top: 1px solid transparent; display: flex; justify-content: center; z-index: 20; width: 100%; transition: border 0.3s; }
+        .input-dock.scrolled { border-top: 1px solid var(--border-light); }
         
-        /* ग्लो एक्टिवेट करें */
-        .input-dock-wrapper.expanded::before { 
-            opacity: 1; 
-        }
-
-        .file-preview-bar { display: none; padding-bottom: 10px; align-items: center; gap: 8px; }
+        .input-container { width: 100%; max-width: 760px; background: var(--bg-input); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 8px 12px; display: flex; flex-direction: column; transition: 0.2s; position: relative; }
+        .input-container:focus-within { border-color: var(--border-focus); background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
+        
+        .file-preview-bar { display: none; padding: 8px 8px 12px; align-items: center; gap: 12px; border-bottom: 1px solid var(--border-light); margin-bottom: 8px; }
         .file-preview-bar.active { display: flex; }
-        .file-preview-pill { display: flex; align-items: center; gap: 8px; background: #f4f4f5; padding: 6px 12px; border-radius: 12px; font-size: 12px; }
-        .file-preview-icon { width: 16px; height: 16px; object-fit: cover; border-radius: 4px; }
-        .file-preview-name { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-primary); }
-        .btn-remove-file { width: 18px; height: 18px; border-radius: 50%; background: #e4e4e7; display: flex; align-items: center; justify-content: center; }
-
-        /* इनपुट एरिया जहाँ टाइप करते हैं */
-        .chat-input { 
-            width: 100%; 
-            padding: 8px 4px 12px; 
-            font-size: 15.5px; 
-            font-weight: 400; 
-            resize: none; 
-            color: var(--text-primary); 
-            line-height: 1.5; 
-            background: transparent; 
-            caret-color: #000;
-            /* डिफ़ॉल्ट छोटी हाइट */
-            min-height: 28px; 
-            max-height: 200px;
-            transition: min-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
-        }
-        .chat-input::placeholder { color: var(--text-tertiary); font-weight: 300; }
+        .file-preview-icon { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; background: #fff; border: 1px solid var(--border-light); display: flex; align-items: center; justify-content: center; font-size: 18px; }
+        .file-preview-name { flex: 1; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-primary); }
+        .btn-remove-file { width: 24px; height: 24px; border-radius: 50%; background: #ffe6e6; color: #cc0000; display: flex; align-items: center; justify-content: center; }
 
-        /* एक्सपैंड होने पर टेक्स्ट एरिया की हाइट बढ़ाएं */
-        .input-dock-wrapper.expanded .chat-input {
-            min-height: 80px;
-        }
-
-        /* बॉटम टूल्स रो */
-        .input-row { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 4px; }
-
-        .tools-left { display: flex; gap: 4px; align-items: center; position: relative; }
+        .input-row { display: flex; align-items: flex-end; gap: 8px; width: 100%; }
+        .tools-left { display: flex; gap: 4px; }
+        .tool-btn { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-secondary); transition: 0.2s; position: relative; flex-shrink: 0; }
+        .tool-btn:hover { background: #e5e5e5; color: var(--text-primary); }
+        .tool-btn svg { width: 18px; height: 18px; }
+        .tool-btn.recording { color: #e60000; animation: pulse 1.5s infinite; }
         
-        .tool-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-secondary); transition: 0.2s; background: transparent; flex-shrink: 0; }
-        .tool-btn:hover { background: #f4f4f5; color: #000; }
-
-        /* टूल्स के एक्टिव स्टेट्स */
-        .tool-btn.active-env { color: #fff; background: var(--brand-accent); }
-        .tool-btn.active-think-low { color: #fff; background: var(--brand-danger); }
-        .tool-btn.active-think-medium { color: #fff; background: var(--brand-warning); }
-        .tool-btn.active-think-high { color: #fff; background: #8b5cf6; }
-        .tool-btn.active-search { color: #fff; background: #16803c; }
-
-        .btn-mic.recording { color: var(--brand-danger); background: #fee2e2; animation: recordPulse 1.5s infinite; }
-
-        /* राइट साइड टूल्स (Stop/Send) */
-        .tools-right { display: flex; align-items: center; gap: 8px; }
+        .chat-input { flex: 1; padding: 7px 4px; font-size: 15px; resize: none; max-height: 120px; min-height: 24px; color: var(--text-primary); line-height: 1.5; }
+        .chat-input::placeholder { color: var(--text-tertiary); }
+        
+        .btn-send { width: 34px; height: 34px; border-radius: 50%; background: var(--brand-color); color: #fff; display: flex; align-items: center; justify-content: center; transition: 0.2s; flex-shrink: 0; }
+        .btn-send svg { width: 16px; height: 16px; transform: translateX(-1px); }
+        .btn-send:hover { background: #000; transform: translateY(-1px); }
+        .btn-send:disabled { background: #ccc; cursor: not-allowed; transform: none; }
 
-        .btn-send { width: 36px; height: 36px; border-radius: 50%; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; transition: 0.3s; flex-shrink: 0; }
-        .btn-send:hover:not(:disabled) { background: #27272a; transform: scale(1.05); }
-        .btn-send:disabled { background: #e4e4e7; color: #a1a1aa; cursor: not-allowed; }
+        .hidden-input { display: none; }
+        .dropdown-menu { position: absolute; bottom: 100%; left: 0; margin-bottom: 10px; background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 6px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); display: none; flex-direction: column; gap: 2px; min-width: 180px; z-index: 100; }
+        .dropdown-menu.active { display: flex; animation: fadeIn 0.2s; }
+        .dropdown-item { padding: 10px 12px; border-radius: var(--radius-sm); font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; }
+        .dropdown-item:hover { background: var(--bg-hover); }
 
-        .btn-stop { width: 36px; height: 36px; border-radius: 50%; background: #fee2e2; color: var(--brand-danger); display: none; align-items: center; justify-content: center; transition: 0.25s; flex-shrink: 0; }
-        .btn-stop.active { display: flex; }
+        /* --- 6. SECURE AUTHENTICATION MODAL --- */
+        .auth-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(5px); display: none; align-items: center; justify-content: center; z-index: 2000; }
+        .auth-modal { background: #fff; width: 90%; max-width: 400px; border-radius: var(--radius-md); padding: 32px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); position: relative; }
+        .auth-close { position: absolute; top: 16px; right: 16px; color: var(--text-secondary); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.2s; }
+        .auth-close:hover { background: var(--bg-hover); color: var(--text-primary); }
+        
+        .auth-title { font-size: 22px; font-weight: 600; margin-bottom: 24px; text-align: center; letter-spacing: -0.5px; }
+        
+        .auth-tabs { display: flex; background: var(--bg-input); border-radius: var(--radius-sm); padding: 4px; margin-bottom: 24px; }
+        .auth-tab { flex: 1; text-align: center; padding: 8px; font-size: 13px; font-weight: 500; cursor: pointer; border-radius: 6px; color: var(--text-secondary); transition: 0.2s; }
+        .auth-tab.active { background: #fff; color: var(--text-primary); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
 
-        .hidden-input { display: none; }
+        .auth-input-group { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
+        .auth-input { width: 100%; padding: 12px 14px; border: 1px solid var(--border-light); border-radius: var(--radius-sm); font-size: 14px; transition: 0.2s; }
+        .auth-input:focus { border-color: var(--brand-color); outline: none; }
         
-        /* ड्रॉपडाउन मेनू (Attachments, Voice, Thinking) */
-        .dropdown-menu { position: absolute; bottom: calc(100% + 12px); left: 0; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(20px); border: 1px solid var(--border-light); border-radius: 16px; padding: 8px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); display: none; flex-direction: column; min-width: 200px; z-index: 100; transform-origin: bottom left; }
-        .dropdown-menu.active { display: flex; animation: dropUpFade 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
-        .dropdown-header { padding: 8px 12px; font-size: 11px; font-weight: 500; color: var(--text-tertiary); border-bottom: 1px solid var(--border-light); margin-bottom: 4px; }
-        .dropdown-item { padding: 10px 12px; border-radius: 10px; font-size: 13px; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; transition: 0.2s; color: var(--text-primary); }
-        .dropdown-item:hover { background: #f4f4f5; }
-        .dropdown-item.selected { background: #f4f4f5; font-weight: 500; }
+        .auth-btn { width: 100%; padding: 12px; background: var(--brand-color); color: #fff; font-size: 14px; font-weight: 500; border-radius: var(--radius-sm); transition: 0.2s; }
+        .auth-btn:hover { background: #000; }
+        .auth-btn:disabled { background: #ccc; cursor: not-allowed; }
 
-        /* ऑथ मोडल */
-        .auth-overlay { position: fixed; inset: 0; background: rgba(0,0,0, 0.4); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 2000; }
-        .auth-modal { background: #ffffff; width: 90%; max-width: 360px; border-radius: 24px; padding: 32px; box-shadow: 0 20px 50px rgba(0,0,0, 0.15); position: relative; animation: modalFadeIn 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }
-        .auth-close { position: absolute; top: 16px; right: 16px; color: var(--text-tertiary); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f4f4f5; }
-        .auth-title { font-size: 20px; font-weight: 500; margin-bottom: 24px; text-align: center; }
-        .auth-tabs { display: flex; background: #f4f4f5; border-radius: 10px; padding: 4px; margin-bottom: 20px; }
-        .auth-tab { flex: 1; text-align: center; padding: 8px; font-size: 13px; cursor: pointer; border-radius: 8px; color: var(--text-secondary); transition: 0.2s; }
-        .auth-tab.active { background: #ffffff; color: #000; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
-        .auth-input { width: 100%; padding: 14px 16px; border: 1px solid var(--border-light); border-radius: 10px; font-size: 14px; margin-bottom: 12px; background: #fcfcfc; }
-        .auth-input:focus { border-color: #000; background: #fff; }
-        .auth-btn { width: 100%; padding: 14px; background: #000; color: #fff; font-size: 14px; font-weight: 500; border-radius: 10px; transition: 0.2s; }
-        .auth-btn:hover { background: #27272a; }
         .auth-phase { display: none; }
-        .auth-phase.active { display: block; }
-        .auth-message { font-size: 12px; text-align: center; margin-top: 12px; min-height: 16px; }
-
-        /* मोबाइल ओवरले और कन्फर्म बॉक्स */
-        .mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.2); backdrop-filter: blur(4px); z-index: 95; opacity: 0; transition: 0.3s ease; pointer-events: none; }
-        .mobile-overlay.active { display: block; opacity: 1; pointer-events: all; }
-        
-        .custom-confirm-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 2500; }
-        .custom-confirm-box { background: #fff; border-radius: 20px; padding: 24px; max-width: 300px; width: 90%; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.15); animation: modalFadeIn 0.2s; }
-        .custom-confirm-msg { font-size: 15px; margin-bottom: 24px; color: var(--text-primary); }
-        .custom-confirm-btns { display: flex; gap: 12px; }
-        .custom-confirm-btn { flex: 1; padding: 10px; border-radius: 10px; font-size: 13px; font-weight: 500; }
-        .custom-confirm-btn.cancel { background: #f4f4f5; color: var(--text-secondary); }
-        .custom-confirm-btn.confirm { background: var(--brand-danger); color: #fff; }
+        .auth-phase.active { display: flex; flex-direction: column; }
+        .auth-message { font-size: 12px; color: #cc0000; text-align: center; margin-top: 10px; min-height: 18px; }
+
+        /* --- 7. WORKSPACE RIGHT PANEL --- */
+        .workspace-panel { width: 0; background: #fff; border-left: 1px solid var(--border-light); display: flex; flex-direction: column; transition: width 0.3s ease; overflow: hidden; box-shadow: -5px 0 20px rgba(0,0,0,0.02); z-index: 90; }
+        .workspace-panel.active { width: 50%; }
+        .ws-header { padding: 12px 20px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; align-items: center; background: #fafafa; }
+        .ws-tabs { display: flex; gap: 4px; background: #ebebeb; padding: 4px; border-radius: var(--radius-sm); }
+        .ws-tab { padding: 6px 16px; font-size: 13px; font-weight: 500; border-radius: 6px; cursor: pointer; color: var(--text-secondary); transition: 0.2s; }
+        .ws-tab.active { background: #fff; color: var(--text-primary); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
+        .ws-actions { display: flex; gap: 8px; }
+        .ws-btn { padding: 6px; border-radius: var(--radius-sm); color: var(--text-secondary); transition: 0.2s; }
+        .ws-btn:hover { background: #ebebeb; color: var(--text-primary); }
+        .ws-content { flex: 1; overflow: hidden; position: relative; }
+        .ws-code { height: 100%; overflow: auto; padding: 20px; background: #fbfbfb; }
+        .ws-code pre { margin: 0; font-family: var(--font-code); font-size: 14px; }
+        .ws-preview { display: none; height: 100%; width: 100%; flex-direction: column; background: #fff; }
+        .ws-console { background: #1a1a1a; color: #fff; font-family: var(--font-code); padding: 20px; font-size: 13px; flex: 1; overflow: auto; white-space: pre-wrap; }
+        .btn-launch-ws { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-main); border: 1px solid var(--border-light); border-radius: var(--radius-sm); font-size: 12px; font-weight: 500; cursor: pointer; margin-top: 10px; transition: 0.2s; }
+        .btn-launch-ws:hover { background: #f0f0f0; }
+
+        /* Utilities */
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        .typing-indicator { display: flex; gap: 4px; padding: 10px 0; }
+        .typing-dot { width: 6px; height: 6px; background: var(--text-tertiary); border-radius: 50%; animation: typeBounce 1.4s infinite ease-in-out both; }
+        .typing-dot:nth-child(1) { animation-delay: -0.32s; } .typing-dot:nth-child(2) { animation-delay: -0.16s; }
+        @keyframes typeBounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
+        svg { width: 100%; height: 100%; }
 
         @media (max-width: 900px) {
-            .sidebar { position: fixed; left: 0; top: 0; box-shadow: 4px 0 24px rgba(0,0,0,0.05); }
-            .sidebar.collapsed { box-shadow: none; }
-            .input-dock { padding: 10px 16px 20px; }
-            .chat-container { padding: 70px 16px 180px; }
-            .user-message { max-width: 90%; }
-        }
-        @media (max-width: 600px) {
-            .code-copy-btn span { display: none; }
-            .welcome-center img { width: 56px; height: 56px; }
-            .welcome-center h1 { font-size: 26px; }
-            .tool-btn, .btn-send, .btn-stop { width: 34px; height: 34px; }
-            .input-dock-wrapper.expanded .chat-input { min-height: 60px; }
+            .sidebar { position: absolute; left: 0; height: 100%; box-shadow: 5px 0 20px rgba(0,0,0,0.05); }
+            .sidebar.collapsed { left: -260px; margin-left: 0; }
+            .workspace-panel.active { width: 100%; position: absolute; top:0; left:0; height:100%; z-index: 1000; }
+            .input-dock { padding: 10px 15px 15px; } 
         }
     </style>
 </head>
+<body>
 
-<!-- राइट क्लिक डिसेबल किया गया ताकि ऐप जैसा फील आए -->
-<body oncontextmenu="return false;">
-
-    <button class="btn-menu" id="btnMenuOpen" onclick="UI.toggleSidebar()">
-        <svg style="width:20px;height:20px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="14" y2="15"></line></svg>
-    </button>
-
-    <div class="mobile-overlay" id="mobileOverlay" onclick="UI.toggleSidebar()"></div>
-
+    <!-- SIDEBAR -->
     <aside class="sidebar collapsed" id="sidebar">
         <div class="sidebar-header">
-            <div class="sidebar-logo"><img id="sidebarLogoImg" alt="" style="width:24px;height:24px;border-radius:6px;object-fit:contain;">CODE VED</div>
-            <button class="btn-menu" style="position:static; width:32px; height:32px; box-shadow:none; border:none; background:transparent;" onclick="UI.toggleSidebar()">
-                <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+            <button class="btn-icon" onclick="UI.toggleSidebar()" title="Close Sidebar">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+            </button>
+            <span style="font-weight: 600; font-size: 14px; letter-spacing: 0.5px;">CODE VED</span>
+        </div>
+        <div style="padding: 0 16px;">
+            <button class="btn-new-chat" onclick="HistoryManager.clearHistory()">
+                <svg style="width:16px; height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
+                New Chat
             </button>
         </div>
         
-        <button class="btn-new-chat" onclick="HistoryManager.startNew()">
-            <svg style="width:16px; height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg> New Workspace
-        </button>
+        <!-- RESTORED: Chat History Section -->
+        <div class="sidebar-history" id="chatHistory">
+            <!-- Dynamic History populated here -->
+        </div>
         
-        <div class="sidebar-history" id="chatHistory"></div>
-
-        <div class="sidebar-footer">
+        <!-- User Profile Area -->
+        <div class="sidebar-footer" id="profileArea">
             <div class="user-avatar" id="uAv">G</div>
             <div class="user-info-box">
                 <div class="user-name" id="uName">Guest Session</div>
-                <div class="user-sub" id="uSub">Queries: 0/10</div>
+                <div class="user-sub" id="uSub" onclick="Auth.openModal()" style="cursor:pointer; color:var(--brand-accent);">Login Required</div>
             </div>
-            <button class="btn-login-register" id="btnLoginRegister" onclick="Auth.openModal()">Access</button>
-            <button class="btn-power" id="btnDeleteAcc" onclick="Auth.handleDeleteAccount()" style="display:none; color:var(--brand-danger);" title="Delete Account"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"></path></svg></button>
-            <button class="btn-power" id="btnLogout" onclick="Auth.handleLogout()" style="display:none;" title="Logout"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg></button>
+            <!-- RESTORED: Power Button (Logout) -->
+            <button class="btn-power" id="btnLogout" onclick="Auth.handleLogout()" title="Logout" style="display:none;">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>
+            </button>
         </div>
     </aside>
 
+    <!-- MAIN AREA -->
     <main class="main-area">
+        <header class="top-bar" id="topBar">
+            <button class="btn-icon" onclick="UI.toggleSidebar()" title="Open Menu" id="btnMenuOpen">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+            </button>
+            <div class="model-selector">CODE VED 202B</div>
+            <div style="width: 32px;"></div> <!-- Spacer -->
+        </header>
+
         <div class="chat-container" id="chatContainer">
             <div class="welcome-center" id="welcomeScreen">
-                <img id="welcomeLogoImg" alt="CODE VED">
-                <h1 id="welcomeTitle">Hello, Guest!</h1>
-                <p id="welcomeGreeting">How can I help you today?</p>
+                <img src="https://i.ibb.co/MyYStcGP/TIRANGA-20260613-131924-0000.png" alt="CODE VED Logo">
+                <h1>What's your focus today?</h1>
+                <p id="welcomeGreeting">Hi Divy Patel, I am ready to assist you.</p>
             </div>
-            <div id="chatMessages"></div>
         </div>
 
-        <button id="scrollToBottomBtn" class="btn-scroll-bottom" onclick="UI.scrollToBottom(true); UI.autoScroll = true;">
-            <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
-        </button>
-
-        <!-- ग्लासमॉर्फिज़्म डॉक, एक्सपैंडिंग बॉक्स और RGB ग्लो रैपर -->
         <div class="input-dock" id="inputDock">
-            
-            <div class="input-dock-wrapper" id="dockWrapper">
-                <div class="loc-toast" id="locStatus"></div>
-                
+            <div class="input-container">
                 <div class="file-preview-bar" id="filePreviewBar">
-                    <div class="file-preview-pill">
-                        <img id="imgPreview" class="file-preview-icon" src="" style="display:none;">
-                        <svg id="docPreview" style="display:none; width:14px; height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
-                        <div class="file-preview-name" id="fileName">doc.pdf</div>
-                        <button class="btn-remove-file" onclick="FileSys.discard()"><svg style="width:12px;height:12px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
+                    <img id="imgPreview" class="file-preview-icon" src="" style="display:none;">
+                    <div id="docPreview" class="file-preview-icon" style="display:none;">
+                        <svg style="width:20px;height:20px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
                     </div>
+                    <div class="file-preview-name" id="fileName">document.pdf</div>
+                    <button class="btn-remove-file" onclick="FileSys.discard()"><svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                 </div>
 
-                <textarea class="chat-input" id="mainInput" placeholder="Ask CODE VED..." rows="1"></textarea>
-
                 <div class="input-row">
                     <div class="tools-left">
                         <div style="position: relative;">
-                            <!-- अटैचमेंट बटन -->
-                            <button class="tool-btn" id="btnAttach" onclick="UI.toggleAttachMenu()" title="Attach File">
-                                <svg style="width:20px;height:20px;" 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>
+                            <button class="tool-btn" onclick="UI.toggleAttachMenu()" title="Attach File">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>
                             </button>
-                            
-                            <!-- सारे ओरिजिनल टूल्स वाला ड्रॉपडाउन -->
                             <div class="dropdown-menu" id="attachMenu">
-                                <div class="dropdown-item" onclick="document.getElementById('imgUpload').click()"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg> Upload Image</div>
-                                <div class="dropdown-item" onclick="document.getElementById('docUpload').click()"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline></svg> Upload Document</div>
-                                <div style="height:1px; background:var(--border-light); margin:4px 0;"></div>
-                                <div class="dropdown-item" onclick="EnvironmentManager.toggle()"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> GPS & Weather</div>
-                                <div class="dropdown-item" onclick="ThinkingManager.toggleMenu()"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a5 5 0 0 0-5 5v2a5 5 0 0 0 10 0V7a5 5 0 0 0-5-5z"></path><path d="M8 14H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2"></path></svg> Thinking Mode</div>
-                                <div class="dropdown-item" onclick="TTSManager.toggleMenu()"><svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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> Select Voice</div>
-                            </div>
-
-                            <div class="dropdown-menu" id="voiceMenu" style="min-width: 220px; left: 45px; bottom: 40px; max-height: 300px; overflow-y: auto;">
-                                <div class="dropdown-header">Premium Voices</div>
-                                <div id="voiceOptionsList"></div>
-                                <div style="height:1px; background:var(--border-light); margin:4px 0;"></div>
-                                <div class="dropdown-header">Language</div>
-                                <div id="languageOptionsList"></div>
-                            </div>
-
-                            <div class="dropdown-menu" id="thinkMenu" style="min-width: 180px; left: 45px; bottom: 40px;">
-                                <div class="dropdown-header">Reasoning Effort</div>
-                                <div class="dropdown-item" onclick="ThinkingManager.setEffort('low')">⚡ Low (Fast)</div>
-                                <div class="dropdown-item" onclick="ThinkingManager.setEffort('medium')">🧠 Medium (Balanced)</div>
-                                <div class="dropdown-item" onclick="ThinkingManager.setEffort('high')">🔍 High (Deep logic)</div>
-                                <div style="height:1px; background:var(--border-light); margin:4px 0;"></div>
-                                <div class="dropdown-item" style="color:var(--brand-danger);" onclick="ThinkingManager.disable()">❌ Disable Thinking</div>
+                                <div class="dropdown-item" onclick="document.getElementById('imgUpload').click()">
+                                    <svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg> Upload Image
+                                </div>
+                                <div class="dropdown-item" onclick="document.getElementById('docUpload').click()">
+                                    <svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline></svg> Upload Document
+                                </div>
                             </div>
-
                             <input type="file" id="imgUpload" class="hidden-input" accept="image/*" onchange="FileSys.process(this, 'image')">
                             <input type="file" id="docUpload" class="hidden-input" accept=".pdf,.txt,.docx,.html,.js,.py,.css,.cpp,.c,.json,.md" onchange="FileSys.process(this, 'document')">
                         </div>
-
-                        <!-- सर्च बटन -->
-                        <button class="tool-btn" id="btnSearch" onclick="SearchManager.toggle()" title="Web Search">
-                            <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                        </button>
-
-                        <!-- माइक बटन -->
-                        <button class="tool-btn btn-mic" id="btnStt" onclick="Speech.toggle()" title="Voice Typing">
-                            <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>
-                        </button>
-                    </div>
-
-                    <div class="tools-right">
-                        <button class="btn-stop" id="btnStop" onclick="Chat.stopGeneration()">
-                            <svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"></rect></svg>
-                        </button>
-                        <button class="btn-send" id="btnSend" onclick="Chat.handleSend()">
-                            <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>
+                        <button class="tool-btn" id="btnStt" onclick="Speech.toggle()" title="Voice Typing">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>
                         </button>
                     </div>
+                    <textarea class="chat-input" id="mainInput" placeholder="Message CODE VED..." rows="1"></textarea>
+                    <button class="btn-send" id="btnSend" onclick="Chat.handleSend()">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+                    </button>
                 </div>
             </div>
         </div>
     </main>
 
-    <div class="auth-overlay" id="authModal" onclick="if(event.target===this) Auth.closeModal()">
+    <!-- WORKSPACE PANEL -->
+    <aside class="workspace-panel" id="workspacePanel">
+        <div class="ws-header">
+            <div class="ws-tabs">
+                <div class="ws-tab active" id="tabCode" onclick="Workspace.switchTab('code')">Code</div>
+                <div class="ws-tab" id="tabPreview" onclick="Workspace.switchTab('preview')">Preview</div>
+            </div>
+            <div class="ws-actions">
+                <button class="ws-btn" onclick="Workspace.copy()" title="Copy Code">
+                    <svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>
+                </button>
+                <button class="ws-btn" onclick="Workspace.close()" title="Close Panel">
+                    <svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                </button>
+            </div>
+        </div>
+        <div class="ws-content">
+            <div class="ws-code" id="wsCodeView"><pre><code id="wsCodeBlock" class="hljs"></code></pre></div>
+            <div class="ws-preview" id="wsPreviewView"></div>
+        </div>
+    </aside>
+
+    <!-- SECURE AUTHENTICATION MODAL -->
+    <div class="auth-overlay" id="authModal">
         <div class="auth-modal">
-            <button class="auth-close" onclick="Auth.closeModal()"><svg style="width:18px;height:18px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
-            <div class="auth-title">System Access</div>
+            <button class="auth-close" onclick="Auth.closeModal()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
+            <div class="auth-title">Welcome to CODE VED</div>
+            
             <div class="auth-tabs">
                 <div class="auth-tab active" id="tabLogin" onclick="Auth.switchTab('login')">Login</div>
                 <div class="auth-tab" id="tabRegister" onclick="Auth.switchTab('register')">Register</div>
             </div>
+
+            <!-- Login Flow -->
             <div id="flowLogin">
                 <div class="auth-phase active" id="loginPhase1">
-                    <input type="email" class="auth-input" id="logEmail" placeholder="Email Address">
-                    <button class="auth-btn" id="btnLogOtp" onclick="Auth.process('login_send_otp')">Continue</button>
+                    <div class="auth-input-group">
+                        <input type="email" class="auth-input" id="logEmail" placeholder="Email Address">
+                    </div>
+                    <button class="auth-btn" id="btnLogOtp" onclick="Auth.process('login_send_otp')">Send Secure OTP</button>
                 </div>
                 <div class="auth-phase" id="loginPhase2">
-                    <input type="number" class="auth-input" id="logOtp" placeholder="Enter OTP">
-                    <button class="auth-btn" id="btnLogVerify" onclick="Auth.process('login_verify')">Verify</button>
+                    <div class="auth-input-group">
+                        <input type="number" class="auth-input" id="logOtp" placeholder="Enter OTP">
+                    </div>
+                    <button class="auth-btn" id="btnLogVerify" onclick="Auth.process('login_verify')">Verify & Login</button>
+                    <button style="margin-top:10px; font-size:12px; color:var(--text-secondary); width:100%; text-align:center;" onclick="Auth.switchPhase('loginPhase2', 'loginPhase1')">Back to Email</button>
                 </div>
             </div>
+
+            <!-- Register Flow -->
             <div id="flowRegister" style="display:none;">
                 <div class="auth-phase active" id="regPhase1">
-                    <input type="text" class="auth-input" id="regName" placeholder="Full Name">
-                    <input type="email" class="auth-input" id="regEmail" placeholder="Email Address">
+                    <div class="auth-input-group">
+                        <input type="text" class="auth-input" id="regName" placeholder="Full Name">
+                        <input type="email" class="auth-input" id="regEmail" placeholder="Email Address">
+                    </div>
                     <button class="auth-btn" id="btnRegOtp" onclick="Auth.process('register_send_otp')">Create Account</button>
                 </div>
                 <div class="auth-phase" id="regPhase2">
-                    <input type="number" class="auth-input" id="regOtp" placeholder="Enter OTP">
-                    <button class="auth-btn" id="btnRegVerify" onclick="Auth.process('register_verify')">Verify</button>
+                    <div class="auth-input-group">
+                        <input type="number" class="auth-input" id="regOtp" placeholder="Enter OTP">
+                    </div>
+                    <button class="auth-btn" id="btnRegVerify" onclick="Auth.process('register_verify')">Verify & Register</button>
+                    <button style="margin-top:10px; font-size:12px; color:var(--text-secondary); width:100%; text-align:center;" onclick="Auth.switchPhase('regPhase2', 'regPhase1')">Back to Details</button>
                 </div>
             </div>
+            
             <div class="auth-message" id="authMsg"></div>
         </div>
     </div>
 
-    <div class="custom-confirm-overlay" id="customConfirmOverlay">
-        <div class="custom-confirm-box">
-            <div class="custom-confirm-msg" id="customConfirmMsg"></div>
-            <div class="custom-confirm-btns">
-                <button class="custom-confirm-btn cancel" id="customConfirmCancel">Cancel</button>
-                <button class="custom-confirm-btn confirm" id="customConfirmOk">Confirm</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- पूरा, विस्तृत जावास्क्रिप्ट लॉजिक (बिना किसी कटौती के) -->
     <script>
-        (function() {
-            // बैकएंड कॉन्फ़िगरेशन
-            const Config = {
-                GAS_URL: "https://script.google.com/macros/s/AKfycbzNO3inVc33ImhfLyde-JjjK9ZlPckLBksqCnCzelfhcklX6mp8KW8vfPTW4oWJTCcN/exec",
-                API_ENDPOINT: "/api/chat",
-                LOGO: "data:image/webp;base64,UklGRngQAABXRUJQVlA4IGwQAACQWgCdASpAAUABPlEokUYjoqGhJDJ4qHAKCWNu4DBns+F/EVjrSh+zk+4R9RfyzWR4//Bh3XP//hlAO+I89uyf2z8I9WxVXm98m/8T+9fkr73P8H7EPuG9wL+Ffyb/f/3TrP/13/ieoD+n/4b/p/3H3u/R9/Xv3A9wD+m/77rFvQA/cD0yf3F+D7+sf7P9uPaI/93sAf/X1AOJU0Mfc5xFtN+ymWkEl5KCraa75Bv271AOiB+7gqyT4a/7bd5MK0Vz2BF/HPf+0eHenyM5HgG6oNwZy7j/QkukOiqCLuzh6j/SFK9Fc+VghhMyuOHyz1H+RRftuL9btmL1G3eahLnulodE91fhr0j6uoD8ohpPSBe/U3fbRa0pHPLGfPuFeI3tIa1IcNFUKvWJGVQHGAl6e/o4jfMGyvTigndfWOE4tSCSmvQU9C8h3Je6ce6OWwT4q/K5sCPY5uC38qmFoH1xWQI8KPhRXhTH+mcJp2iWA81EwNSXWn+6mvEITXX0asRDAZ5Pk+GOIiO+5qAF9FkIYjuZfJtao1wnpsY++BYFcXdnBjcjW12y3mQM4MzBtqMaEsHiLgq0fo0J8+gr3I5Y79RAzarMFQ9fhtB5YiLwLj5OFjVkbQFJaZdKr6SByJ72sAnGFZiH2AlO1x4fbQuEn2zPs0ZCS0i7RIvuP067pTJ87mWOwzqBr1D0zEkwys6iAxgSlxVZazf9HR2EiRatMXGabM4rNri9nXnlsNv5W92HDieYDMqSt1/LboHQQWD80fzVC9htPA0CKP9A9Tq4kk5x7en1zRRIjj+dg2GZja0DXrXaz7XaFbEMiCZhXI+1vXKVyBGCoNl5xuIyGM3NV6FUIUAtQU0SEOV4F1voaL+V/JI5FWpbNDHBYvE+GxQqVahfEK0Vz5IqMxMMQRg6IgmlHJca3HhZNMJiYa/V+WmQa3a58q/j9XosxdlAY1hvY7zUJdIcNgEMLJnEAP7w81z6enC1GoY3//59L/yL/OReQP5mMOvEIYFvavtgWP0ir6ET2EaDgeFlf9V//4eQowVLAW9qu0MTbVGUkVoF7b8OOa0RPolLBqIksyByCZyqcgi+qKKV/KbIo8eOgf/GU/FcohlS3ck9Huos7o59SF7MUgcciPFnPr996An4PP7Qu7hAHtCZ2ncxk6vUQZ7UoMEOTxxzA/Mn+qbXAzEywYP8eDfEUFt8FwCItXjfUefJrArUfQm9M24EzGyzcQoUpU4JVBxHQdemyP0jVxuHd5dv4yBtaDK+tL5Ki6pLn7x2Uh7zwmxKR2HfnaZSGe0LZrl8VXuJ2fBFCnP3GBMi2WURM2E9zatjDQmexuUVgMukaukjCwGAgTiX77U0uGQ2nTlQMnSNYOucrsKJm2V/aA8nZGI9DSbnwGjn2XYoQTJy9BuWIW3x3APbgGM/qF6SmI77SrzeRzohPKBUf+5M40lOebd54Bp7r7WN1gO+a0z09IGVk7FgmdItK1Hl8dkxCvmeDZoWjq1amu/jvvbhhHhcHBXsG3ZqzgVWpdpQH+tmfv3fU6otRMr+PwpC6taPs0fNslHdeNJbY2lhKuJCnjx0ayV+8ga7HTGmzddVZEs/aMX+e9zfUmhk3RK/6ZtRqdXSsYwHf1/HQuUNlsT1T00AiJIqTj3uU7sFuvHsQWsE/MEJrPc+0CHdAXS0tuuDbuyQvN5ZxQcYly/l2iAnkkELaNVsk3YeUnVz6qSSaHz6PbhjUAITOPDa4QHeTp9GceAOV+MyYr8zkvol9EYXcvJLqbf6vi+TrpPXxBzxZN/p7q0tuevG1GO7VvB7iy1PpM9fmgr3e9OjHumy+LCRLegd80O3eIqggzlu/BexD/72jR/+vXtD2R//pZauVznunW2V4YoDuxR0P//0AKJSN/6af6pQDLqs2+39zwoYvB+HyQtgs0Uetrx9WvVhkpH9n9kd5vUg91VefJuiWHjQV7JGeYGdag0aDLo4THXNjphUx8g1KzXUUef05sKbvJ3YMgV3GUD/mDw9cdX8yY8gbTEUHGTdfGcNKyygEP2e4e9nz6IgbAcfSWD5IUxC7cpJVe3goPla/kGxWXN39c8InXYfMOH2MNHbuqTDzV9qdYZlonyhmcW9O5zHMuevL/zgMxAkPo6hnbPYVjPbkTIWAbYQTTT0hM22ZIz3Io/1z4XOE46Et7jX2EJlI4qqGIQGDkIWN3mkp9z9JMA8P9UPLEfeiZt5hSJzlM4WxAl5HKpYLYw8lYbX9wqKRGS2tIm6uDHBMwLgM98DCuLmcai3dh17Iylln4Mr6FIj7dYmIhce1G+0d9Yys+yFU78CuHFcrnL15mQxv3pnBAwyFl47e20Xf4rh8VKm/HSr3FpDfnGoPpGW5YHxUz5XhjEUnfKnT4Sy6uicm/6z/Zqxt5FfVpwDdlO3oO69ujQL8ziKVeC9w1Q75VZY54ScNi5g5jHWoLoJvjSUtY5gMiiMgmTmQZp0AZIVb5kHidFIAKkyggL2Qtu1unWX3IOdYg/wvxh9gGdoF+9ZdJ9E/hP0G9BZqZULm2Jp3BVdRSAepFq54T1cSnDQuF3moJtJJkPpMOpj9pR/R9/h+TEIvxCc6UsBx6Gmx2UAGGKuIHSXfQrCIJoR7e10TVssNHbyZqiln99iCU8pW9jLq96QM4YAEd9PhxviLn8/aKIbnvNl/YTLYPy4YfpwHOt8GmD0D7WUhCDUvOuhB/9QnRJTkiHaTXXWjNNbGuCyKtV0ySOMIp2dmfPgIRrj1+ZaVrw7yKeQsryqveSmCz3O1kbgdbmg3BkPjAo/Lch5r72Xd5uxEWYhdGbP2e7JvpmN0JyHKTiLsSgxgAcc1Jt8cya0lXiryZ9lYCH5MIbLGaiAp9lAqFm85foc9fD5zf+C7cxZE9DdZdCH8q/C0G8brSyAhzLaUf1yqi44/87jvYLrIunCfitc3/e8GqvQwy5F0BJ3hTsAORIhp2iz2HHCN9yTohT3yeC9e56UcL7ug3SCCNWNunU5S3OJkhr2GAw0kK4LuJxDZlqxxgtGrLo3zwDeYss0sDA87VzeJo/+573/thd/o7FrAdu10Po4iCIIaIVqrwV05JWb1gIGU0V+qxhGOuQQ49a+n/lUEAJYywT49wED7l4LPlkGCMCmI1SmhSCSQlcWc4x8btbcVkt19n6ZM4TEjEz0E3W32rqQ/tWRYirCIBzcLsDK08o9ZIjlgdd7rIK1QdvexVNpY4eqOVGH3MhNkmeaDypSI7HIkP7GlvclA9pYtbBD0rha7AEagY7woaVOz3RYTCxG9kUnfCqrWxRMtR/kEBJ6I0FeIWyGin5ofw77CYwF46TTDyi2Ls3m/dWH4SA/eiZIihHaqqzgebYW+I37GIWUHBGSxVLmBPQZ5/0V+S8Nx+p/CdZL0LH76Cp0E7R3ApBwTRZfiC5Luo3i0dDiFsX+xhhAjBfjk0BW1MwZbbpXJkHae7/Gu1JP2R78J9qfCr+LTWGXa7XLWq1DVwY5JaJEWB0ThsyBDFmaoCoKRBRUys1LKLOzzFVEQqO+B6VY7K+EQ+xFSd+Sw1T6IG6yTmCTws1DnK8BKSGR5zLi11BlKdDS1VR7C2fEq7U28r4kJ5DC4kMg79jbJpCbuCF7Ubq9khHkYFDAVBeNPm7QMGHjE44+jQOCKrhC5HSN2B8FpjJwqNNgxqVjQgU7OeE8pttEaKWbqSuBqNkOsiDPWHJP1A1tySRStKPiO1w6dgZrYn1mNZlaznCfFwk18FtRY6ETwNB/Q9QacWkEYHDVfWMzti7CfQNuU5dyXNZdFnbg0sJro5xQFEGdSLXK5xblEJh0+FkApJYNhRGf1/no37TfeR+HWQizVi1n+Q6S/D/It21cWg14FQvsLua+KGhpL8jo3oK1giUelI6bSFfXm6ZBSFuK6V0wo8paeKoS6t/aQaFwPrcdWf5/q5H0K1WHeRVrsZ7ggEPFNPA5MwR+IeBy6L370NIXzZymUAXVgFUdW7Z134eKnNXmhx1T8G5UYxm6jdO+ubZ2+2ycB/DyviUCE/EsFJbae97QBthuykVKPqTD0htgra+FIAvpNpN3qW9vRNxKf/tWfuYa6gUUdQHcgwce7H/KTmQhxQ44vYHn9Aqi+ep+lY1qlXFBldCqwu8jO+fsCBi9Ng4+VkMQcvzjQL4PespVyEDdMXZr5Jd/20Ie1sbJnGgSzmlvBM/bbG4m9oMon+TP3IJ4l4Z24G2qOY0bOXtLY+v/reNMlxdSaVLx78dj8okQBpfRo+3QG6AX+hSnRo8TGwffFp3yS2N6sjp/SugPpwFnl++cQx6jklR9NTUbRnxFyi4er5IPMvIAAZjz6FC8kUX3AaG1UEBJpKb5MEitru8iCMU/XAuZ/0qTnfWeJkfyyyIzxxTsvMS963gMMOa37rX4o6fEX+KYxnu1Jfn07rw/XSl5MGO+ccoBBj8f6mC+3NH3LNh3ozauMep/2tkfsIV3j3n+9MRvQAdRyih0MAjQXIplXXkpo9ikZnvdB9NzL/r893A2QS1Y1xUn4wTWb0b2iyJWAfBcqb6FPfLTBtyyoSHwgG9UtvJT+WyaLB03BEzlZrCXTNmJi9d3CFAhUE8VsBiT8JdfNcmcBs8+mXe38OCyoUXAI5oq5a+N9+//tjPFn4MCUn4VE5+z8kSoAPGcBkE4VUr8WRe8f+UcKnxfSUq4j1r1lrrwcTEbsj3IG10FcIrmtNopSgSs4zjD8hIj2mLxfc/d1sW0DVIfYnhosjc+sbSMATyduc2waAOxWMVaQc/koilAYQ0e2TS6fV9zIDHLMO1Oc/8E3d4BUwW0J1+e4KvdBypuV+FVrhcxMZJmc3lBviJ6iEzVlvn8VwlCvp8E+1TFZQJGrrotwMuqTrBww+Aa2QjDUHTuEdY6LTX5h8ykwGeajr9Nr8aHz/8fbv4b/o01guzBt6/u5vyUAq1s5fo4Yt+1Fy0ofiumKaWW+bhYI60TQbrzp4PI6CX5br5m1rYYzal6IQ55o5od0+EredtI9OPfV62/M4ShJlgTQODZfQz0dqf1OaTHw2fLpoFoHvc67Ny9KDmfROMFlu3WuzFMQA3ZTNaXpKYaoIpxTCBd+YjOu+ne6woMLN97Hr5jqZkJPdJllJAk0sSGlbHUUd4KElUnm7jwzGKN/rFGpvWbrYgqGZHtF7ot6WxvT/79mMDQMDiSmFeLBee6MD5+8TV8HD9q0uZEv87CYFuBL2v4rAsi5sCPjJxWovfAoapowXfTPheMdmFhq+rD5a0f2eLbXrX9O22VsakFzndaq9TxRKST2f783nDIbvWolpsMRc4UYMs3FXm/CCdy+DzisGFXgdOq2Frzi3AxT34U5PdQ48bhiKXURD/aU7KS5Ko0hTSzkvozEPjU42c4s3xIIKt1yUQ7ZRwgk8iD7T4H/emJNNsA0NUIge6Sy5HD6z1CS9BJTP1mgXWTu8MNE/LT/b3I9TDKSfVsYQ9VR52dPBWRricl2LpNeTynaY6j3IVVx8nG3V3Rt8C2U4TCELm5ImVO22NAwBw6r7PxecdaJYUO7V1q+vov9bPRrJtnKaCHAfFnyPQjaXASmqsowtAhyj1YdMYCx9kyB6cZlRAA"
-            };
+        // --- 1. CONFIG & STATE ---
+        const Config = {
+            GAS_URL: "https://script.google.com/macros/s/AKfycbz5vrlB4GrfkfBVYdQ52IQweIXC1cNDwKuTUorxdAiOdSSIrH55mzJlaz9kq1Y94ot5/exec",
+            API_ENDPOINT: "/api/chat", // Pointing to your powerful Python backend
+            LOGO: "https://i.ibb.co/MyYStcGP/TIRANGA-20260613-131924-0000.png"
+        };
 
-            // ग्लोबल स्टेट मैनेजमेंट
-            const State = {
-                user: localStorage.getItem('codeved_user') || null,
-                name: localStorage.getItem('codeved_name') || null,
-                guestCount: (() => { 
-                    const v = parseInt(localStorage.getItem('codeved_guest') || '0', 10); 
-                    return isNaN(v) ? 0 : v; 
-                })(),
-                attachment: null,
-                isProcessing: false,
-                history: [],
-                currentThreadId: null,
-                currentTitle: null,
-                abortController: null,
-                location: null,
-                weatherContext: null,
-                thinkingMode: false,
-                thinkingEffort: "medium",
-                searchEnabled: false,
-                lastUserMessage: null
-            };
+        const State = {
+            user: localStorage.getItem('codeved_user') || null,
+            name: localStorage.getItem('codeved_name') || null,
+            guestCount: parseInt(localStorage.getItem('codeved_guest') || '0', 10),
+            attachment: null,
+            isProcessing: false,
+            history: [],
+            workspaces: [],
+            currentWs: null
+        };
 
-            // PDF.js वर्कर सेटअप
-            if (typeof pdfjsLib !== 'undefined') {
-                pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
-            }
+        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
 
-            // कस्टम कन्फर्म बॉक्स फ़ंक्शन
-            function customConfirm(message) {
-                return new Promise((resolve) => {
-                    const overlay = document.getElementById('customConfirmOverlay');
-                    const msgEl = document.getElementById('customConfirmMsg');
-                    const cancelBtn = document.getElementById('customConfirmCancel');
-                    const okBtn = document.getElementById('customConfirmOk');
-                    
-                    msgEl.textContent = message;
-                    overlay.style.display = 'flex';
-                    
-                    function cleanup() { 
-                        overlay.style.display = 'none'; 
-                        cancelBtn.removeEventListener('click', onCancel); 
-                        okBtn.removeEventListener('click', onOk); 
-                    }
-                    
-                    function onCancel() { cleanup(); resolve(false); }
-                    function onOk() { cleanup(); resolve(true); }
-                    
-                    cancelBtn.addEventListener('click', onCancel);
-                    okBtn.addEventListener('click', onOk);
-                });
+        // --- 2. UI UTILITIES ---
+        const UI = {
+            toggleSidebar: () => {
+                const sb = document.getElementById('sidebar');
+                const btnOpen = document.getElementById('btnMenuOpen');
+                sb.classList.toggle('collapsed');
+                btnOpen.style.display = sb.classList.contains('collapsed') ? 'flex' : 'none';
+            },
+            toggleAttachMenu: () => document.getElementById('attachMenu').classList.toggle('active'),
+            autoGrow: (el) => { el.style.height = 'auto'; el.style.height = Math.min(el.scrollHeight, 120) + 'px'; },
+            scrollToBottom: () => { const c = document.getElementById('chatContainer'); c.scrollTop = c.scrollHeight; },
+            escape: (s) => s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'),
+            showAuthMsg: (msg, isError=true) => {
+                const el = document.getElementById('authMsg');
+                el.innerText = msg; el.style.color = isError ? '#cc0000' : '#009900';
+                setTimeout(() => el.innerText='', 4000);
+            },
+            handleScrollEvents: () => {
+                const c = document.getElementById('chatContainer');
+                const topBar = document.getElementById('topBar');
+                const dock = document.getElementById('inputDock');
+                if (c.scrollTop > 10) topBar.classList.add('scrolled'); else topBar.classList.remove('scrolled');
+                if (c.scrollHeight - c.scrollTop - c.clientHeight > 10) dock.classList.add('scrolled'); else dock.classList.remove('scrolled');
             }
+        };
 
-            // UI मैनेजमेंट
-            const UI = {
-                autoScroll: true,
-                
-                toggleSidebar() {
-                    const sb = document.getElementById('sidebar');
-                    const overlay = document.getElementById('mobileOverlay');
-                    sb.classList.toggle('collapsed');
-                    overlay.classList.toggle('active', !sb.classList.contains('collapsed') && window.innerWidth <= 900);
-                },
-                
-                toggleAttachMenu() { 
-                    document.getElementById('attachMenu').classList.toggle('active'); 
-                    document.getElementById('thinkMenu').classList.remove('active'); 
-                    document.getElementById('voiceMenu').classList.remove('active'); 
-                },
-                
-                autoGrow(el) { 
-                    el.style.height = 'auto'; 
-                    el.style.height = Math.min(el.scrollHeight, 180) + 'px'; 
-                },
-                
-                scrollToBottom(force = false) { 
-                    const c = document.getElementById('chatContainer'); 
-                    if (force || this.autoScroll) { 
-                        c.scrollTop = c.scrollHeight; 
-                    } 
-                },
-                
-                escape(s) { 
-                    return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;'); 
-                },
-                
-                showAuthMsg(msg, isError = true) {
-                    const el = document.getElementById('authMsg'); 
-                    el.innerText = msg; 
-                    el.style.color = isError ? 'var(--brand-danger)' : 'var(--brand-success)';
-                    setTimeout(() => el.innerText = '', 4000);
-                },
-                
-                updateUserInfo(name, email) {
-                    if (name) { 
-                        State.name = name; 
-                        localStorage.setItem('codeved_name', name); 
-                    }
-                    const dispName = State.name || email.split('@')[0];
-                    document.getElementById('uAv').innerText = dispName.charAt(0).toUpperCase();
-                    document.getElementById('uName').innerText = dispName;
-                    document.getElementById('uSub').innerText = email;
-                    document.getElementById('btnLogout').style.display = 'flex';
-                    document.getElementById('btnDeleteAcc').style.display = 'flex';
-                    document.getElementById('btnLoginRegister').style.display = 'none';
-                    document.getElementById('welcomeTitle').innerHTML = `Hello, ${dispName}!<br>How can I help you today?`;
-                },
-                
-                updateWelcomeScreen() { 
-                    document.getElementById('welcomeScreen').style.display = State.history.length === 0 ? 'flex' : 'none'; 
-                }
-            };
-
-            // स्क्रॉल इवेंट लिसनर
-            const chatContainerEl = document.getElementById('chatContainer');
-            const scrollBtnEl = document.getElementById('scrollToBottomBtn');
-            
-            chatContainerEl.addEventListener('scroll', () => {
-                const scrollBottom = chatContainerEl.scrollHeight - chatContainerEl.scrollTop - chatContainerEl.clientHeight;
-                UI.autoScroll = scrollBottom <= 50;
-                scrollBtnEl.classList.toggle('visible', !UI.autoScroll);
-            });
-
-            // बाहर क्लिक करने पर मेनू बंद करें
-            document.addEventListener('click', (e) => {
-                if (!e.target.closest('.tools-left')) {
-                    document.getElementById('attachMenu').classList.remove('active'); 
-                    document.getElementById('thinkMenu').classList.remove('active'); 
-                    document.getElementById('voiceMenu').classList.remove('active');
+        document.getElementById('chatContainer').addEventListener('scroll', UI.handleScrollEvents);
+        document.addEventListener('click', (e) => {
+            if(!e.target.closest('.tools-left')) document.getElementById('attachMenu').classList.remove('active');
+        });
+
+        const inp = document.getElementById('mainInput');
+        inp.addEventListener('input', function() { UI.autoGrow(this); });
+        inp.addEventListener('keydown', function(e) {
+            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); Chat.handleSend(); }
+        });
+
+        // --- 3. AUTHENTICATION & HISTORY DB (RESTORED COMPLETELY) ---
+        const Auth = {
+            init: () => {
+                const uAv = document.getElementById('uAv');
+                const uName = document.getElementById('uName');
+                const uSub = document.getElementById('uSub');
+                const btnLogout = document.getElementById('btnLogout');
+                const greeting = document.getElementById('welcomeGreeting');
+
+                if (State.user) {
+                    const dispName = State.name || State.user.split('@')[0];
+                    uAv.innerText = dispName.charAt(0).toUpperCase();
+                    uName.innerText = dispName;
+                    uSub.innerText = "Authenticated";
+                    uSub.style.color = "#009900";
+                    uSub.onclick = null;
+                    uSub.style.cursor = 'default';
+                    btnLogout.style.display = 'flex';
+                    greeting.innerText = `Hi ${dispName}, I am ready to assist you.`;
+                    
+                    HistoryManager.sync(); // Load History on Boot
+                } else {
+                    uAv.innerText = "G";
+                    uName.innerText = "Guest Session";
+                    uSub.innerText = `Queries: ${State.guestCount}/10`;
+                    uSub.style.color = "var(--text-tertiary)";
+                    btnLogout.style.display = 'none';
+                    greeting.innerText = `Hi Divy Patel, I am ready to assist you.`;
                 }
-            });
-
-            // ***************************************************************
-            // इनपुट बॉक्स लिसनर्स - एक्सपैंडिंग लॉजिक और RGB ग्लो
-            // ***************************************************************
-            const inp = document.getElementById('mainInput');
-            const dockWrapper = document.getElementById('dockWrapper');
-
-            // फोकस होने पर बॉक्स बड़ा होगा और ग्लो चालू होगा
-            inp.addEventListener('focus', () => {
-                dockWrapper.classList.add('expanded');
-            });
-            
-            // फोकस हटने पर अगर बॉक्स खाली है तो वापस छोटा हो जाएगा
-            inp.addEventListener('blur', () => {
-                if (inp.value.trim() === '') {
-                    dockWrapper.classList.remove('expanded');
+            },
+            handleLogout: () => {
+                if(confirm("Are you sure you want to log out?")) {
+                    localStorage.removeItem('codeved_user');
+                    localStorage.removeItem('codeved_name');
+                    location.reload();
                 }
-            });
-            
-            // टाइप करते समय (auto-grow)
-            inp.addEventListener('input', function() { 
-                UI.autoGrow(this); 
-                if (this.value.trim() !== '') {
-                    dockWrapper.classList.add('expanded');
+            },
+            openModal: () => document.getElementById('authModal').style.display = 'flex',
+            closeModal: () => document.getElementById('authModal').style.display = 'none',
+            switchTab: (tab) => {
+                document.getElementById('tabLogin').classList.remove('active');
+                document.getElementById('tabRegister').classList.remove('active');
+                document.getElementById('flowLogin').style.display = 'none';
+                document.getElementById('flowRegister').style.display = 'none';
+                
+                if(tab === 'login') { document.getElementById('tabLogin').classList.add('active'); document.getElementById('flowLogin').style.display = 'block'; } 
+                else { document.getElementById('tabRegister').classList.add('active'); document.getElementById('flowRegister').style.display = 'block'; }
+            },
+            switchPhase: (from, to) => { document.getElementById(from).classList.remove('active'); document.getElementById(to).classList.add('active'); },
+            process: async (action) => {
+                let payload = { action: action };
+                let btnId = '';
+
+                if (action === 'register_send_otp') {
+                    payload.name = document.getElementById('regName').value.trim();
+                    payload.email = document.getElementById('regEmail').value.trim();
+                    payload.phone = "0000000000"; payload.organization = "CODE VED System";
+                    if (!payload.name || !payload.email) return UI.showAuthMsg("Please fill all details.");
+                    btnId = 'btnRegOtp';
+                } else if (action === 'login_send_otp') {
+                    payload.email = document.getElementById('logEmail').value.trim();
+                    if (!payload.email) return UI.showAuthMsg("Email is required.");
+                    btnId = 'btnLogOtp';
+                } else if (action === 'register_verify' || action === 'login_verify') {
+                    payload.email = document.getElementById(action === 'register_verify' ? 'regEmail' : 'logEmail').value.trim();
+                    payload.otp = document.getElementById(action === 'register_verify' ? 'regOtp' : 'logOtp').value.trim();
+                    if (!payload.otp) return UI.showAuthMsg("OTP is required.");
+                    btnId = action === 'register_verify' ? 'btnRegVerify' : 'btnLogVerify';
                 }
-            });
-            
-            inp.addEventListener('keydown', function(e) { 
-                if (e.key === 'Enter' && !e.shiftKey) { 
-                    e.preventDefault(); 
-                    Chat.handleSend(); 
-                } 
-            });
 
-            // ऑथेंटिकेशन लॉजिक
-            const Auth = {
-                init() {
-                    if (State.user) { 
-                        UI.updateUserInfo(State.name, State.user); 
-                        HistoryManager.syncAllChats(); 
-                    } else {
-                        document.getElementById('uAv').innerText = "G"; 
-                        document.getElementById('uName').innerText = "Guest Mode"; 
-                        document.getElementById('uSub').innerText = `Queries: ${State.guestCount}/10`;
-                        document.getElementById('btnLogout').style.display = 'none'; 
-                        document.getElementById('btnDeleteAcc').style.display = 'none'; 
-                        document.getElementById('btnLoginRegister').style.display = 'inline-flex';
-                        document.getElementById('welcomeTitle').innerHTML = `Hello, Guest!<br>How can I help you today?`;
-                    }
-                },
-                
-                async handleLogout() { 
-                    const ok = await customConfirm("Are you sure you want to logout?"); 
-                    if (ok) { 
-                        localStorage.removeItem('codeved_user'); 
-                        localStorage.removeItem('codeved_name'); 
-                        location.reload(); 
-                    } 
-                },
-                
-                async handleDeleteAccount() { 
-                    const ok = await customConfirm("Are you sure you want to permanently delete your account and all data?"); 
-                    if (ok) { 
-                        try {
-                            await fetch(Config.GAS_URL, { 
-                                method: 'POST', 
-                                headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                                body: JSON.stringify({ action: "delete_account", email: State.user }) 
-                            });
-                        } catch(e) {
-                            console.error("Account delete error:", e);
-                        } finally {
-                            localStorage.removeItem('codeved_user'); 
-                            localStorage.removeItem('codeved_name'); 
-                            location.reload(); 
+                const btn = document.getElementById(btnId);
+                const originalText = btn.innerText;
+                btn.disabled = true; btn.innerText = "Processing...";
+
+                try {
+                    const res = await fetch(Config.GAS_URL, { method: 'POST', mode: 'cors', headers: { 'Content-Type': 'text/plain;charset=utf-8' }, body: JSON.stringify(payload) });
+                    const data = await res.json();
+                    
+                    if (data.status === 'success') {
+                        UI.showAuthMsg(data.message, false);
+                        if (action === 'register_send_otp') Auth.switchPhase('regPhase1', 'regPhase2');
+                        else if (action === 'login_send_otp') Auth.switchPhase('loginPhase1', 'loginPhase2');
+                        else {
+                            localStorage.setItem('codeved_user', payload.email);
+                            if(payload.name) localStorage.setItem('codeved_name', payload.name);
+                            location.reload();
                         }
-                    } 
-                },
+                    } else { UI.showAuthMsg(data.message); }
+                } catch (e) { UI.showAuthMsg("Database connection error. Please try again."); }
                 
-                openModal() { 
-                    document.getElementById('authModal').style.display = 'flex'; 
-                },
-                
-                closeModal() { 
-                    document.getElementById('authModal').style.display = 'none'; 
-                },
-                
-                switchTab(tab) {
-                    document.getElementById('tabLogin').classList.remove('active'); 
-                    document.getElementById('tabRegister').classList.remove('active');
-                    document.getElementById('flowLogin').style.display = 'none'; 
-                    document.getElementById('flowRegister').style.display = 'none';
-                    
-                    if (tab === 'login') { 
-                        document.getElementById('tabLogin').classList.add('active'); 
-                        document.getElementById('flowLogin').style.display = 'block'; 
-                    } else { 
-                        document.getElementById('tabRegister').classList.add('active'); 
-                        document.getElementById('flowRegister').style.display = 'block'; 
-                    }
-                },
-                
-                switchPhase(from, to) { 
-                    document.getElementById(from).classList.remove('active'); 
-                    document.getElementById(to).classList.add('active'); 
-                },
-                
-                async process(action) {
-                    let payload = { action: action }; 
-                    let btnId = '';
-                    
-                    if (action === 'register_send_otp') {
-                        payload.name = document.getElementById('regName').value.trim(); 
-                        payload.email = document.getElementById('regEmail').value.trim();
-                        payload.phone = "0000000000"; 
-                        payload.organization = "CODE VED";
-                        if (!payload.name || !payload.email) return UI.showAuthMsg("Details missing."); 
-                        btnId = 'btnRegOtp';
-                    } else if (action === 'login_send_otp') {
-                        payload.email = document.getElementById('logEmail').value.trim();
-                        if (!payload.email) return UI.showAuthMsg("Email required."); 
-                        btnId = 'btnLogOtp';
-                    } else if (action === 'register_verify' || action === 'login_verify') {
-                        payload.email = document.getElementById(action === 'register_verify' ? 'regEmail' : 'logEmail').value.trim();
-                        payload.otp = document.getElementById(action === 'register_verify' ? 'regOtp' : 'logOtp').value.trim();
-                        if (!payload.otp) return UI.showAuthMsg("OTP required."); 
-                        btnId = action === 'register_verify' ? 'btnRegVerify' : 'btnLogVerify';
-                    }
-                    
-                    const btn = document.getElementById(btnId); 
-                    const originalText = btn.innerText;
-                    btn.disabled = true; 
-                    btn.innerText = "Wait...";
-                    
-                    try {
-                        const res = await fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify(payload) 
-                        });
-                        
-                        const textResponse = await res.text();
-                        let data;
-                        try {
-                            data = JSON.parse(textResponse);
-                        } catch (parseErr) {
-                            console.error("Failed to parse GAS response:", textResponse);
-                            UI.showAuthMsg("Invalid response from server. Network error.");
-                            btn.disabled = false; 
-                            btn.innerText = originalText;
-                            return;
-                        }
-                        
-                        if (data.status === 'success') {
-                            UI.showAuthMsg(data.message, false);
-                            if (action === 'register_send_otp') {
-                                Auth.switchPhase('regPhase1', 'regPhase2');
-                            } else if (action === 'login_send_otp') {
-                                Auth.switchPhase('loginPhase1', 'loginPhase2');
-                            } else { 
-                                localStorage.setItem('codeved_user', payload.email); 
-                                if (data.user && data.user.name) {
-                                    localStorage.setItem('codeved_name', data.user.name); 
-                                }
-                                location.reload(); 
-                            }
-                        } else {
-                            UI.showAuthMsg(data.message);
-                        }
-                    } catch (e) { 
-                        console.error("Auth process error:", e);
-                        UI.showAuthMsg("Network Error. Please try again."); 
-                    }
-                    
-                    btn.disabled = false; 
-                    btn.innerText = originalText;
-                }
-            };
+                btn.disabled = false; btn.innerText = originalText;
+            }
+        };
 
-            // हिस्ट्री मैनेजमेंट
-            const HistoryManager = {
-                async syncAllChats() {
-                    if (!State.user) return;
-                    try { 
-                        const res = await fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify({ action: "get_all_chats", email: State.user }) 
-                        });
-                        const textResponse = await res.text();
-                        const data = JSON.parse(textResponse);
-                        if (data.status === 'success') { 
-                            if (data.user) {
-                                UI.updateUserInfo(data.user.name, data.user.email); 
+        const HistoryManager = {
+            sync: async () => {
+                if(!State.user) return;
+                try {
+                    const res = await fetch(Config.GAS_URL, { method: 'POST', body: JSON.stringify({action: "get_history", email: State.user})});
+                    const data = await res.json();
+                    if(data.status === 'success' && data.historyJSON !== "[]") {
+                        State.history = JSON.parse(data.historyJSON);
+                        document.getElementById('welcomeScreen').style.display = 'none';
+                        State.history.forEach((msg, idx) => {
+                            if(msg.role === 'user') {
+                                Chat.renderUser(msg.content, '');
+                                // Add to sidebar history list
+                                const shortText = msg.content.substring(0, 30) + (msg.content.length > 30 ? '...' : '');
+                                document.getElementById('chatHistory').innerHTML += `<div class="history-item" onclick="alert('History navigation active')">${UI.escape(shortText)}</div>`;
                             }
-                            this.renderSidebar(data.chats || []); 
-                        }
-                    } catch (e) {
-                        console.error("History sync error:", e);
-                    }
-                },
-                
-                renderSidebar(chats) {
-                    const container = document.getElementById('chatHistory'); 
-                    container.innerHTML = `<div class="history-header"><span class="history-title-text">Recent Workspaces</span><span class="btn-clear-all" onclick="HistoryManager.clearAll()">Clear All</span></div>`;
-                    
-                    chats.forEach(chat => {
-                        const isActive = State.currentThreadId === chat.threadId ? 'active' : '';
-                        container.innerHTML += `
-                        <div class="history-item ${isActive}" onclick="HistoryManager.loadChat('${chat.threadId}')">
-                            <span class="history-text">${UI.escape(chat.title)}</span>
-                            <button class="btn-delete-chat" onclick="event.stopPropagation(); HistoryManager.deleteChat('${chat.threadId}')" title="Delete">
-                                <svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                    <polyline points="3 6 5 6 21 6"></polyline>
-                                    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-                                </svg>
-                            </button>
-                        </div>`;
-                    });
-                },
-                
-                async loadChat(threadId) {
-                    if (!State.user || State.isProcessing) return;
-                    State.currentThreadId = threadId; 
-                    document.getElementById('chatMessages').innerHTML = '';
-                    
-                    try {
-                        const res = await fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify({ action: "get_chat", email: State.user, threadId: threadId }) 
-                        });
-                        const textResponse = await res.text();
-                        const data = JSON.parse(textResponse);
-                        
-                        if (data.status === 'success') {
-                            State.history = JSON.parse(data.historyJSON || "[]"); 
-                            UI.updateWelcomeScreen();
-                            
-                            for (const msg of State.history) {
-                                if (msg.role === 'user') {
-                                    let dispText = msg.content;
-                                    if (dispText.includes('[SYSTEM REAL-TIME WEATHER:')) {
-                                        dispText = dispText.split('\n\n[SYSTEM REAL-TIME WEATHER:')[0];
-                                    }
-                                    if (dispText.includes('---END DATA---')) {
-                                        const afterMarker = dispText.split('---END DATA---')[1] || '';
-                                        dispText = afterMarker.replace(/^\s*User:\s*/, '').trim() || '[Attached File]';
-                                    }
-                                    Chat.renderUser(dispText);
-                                } else {
-                                    const msgId = 'hist_' + Date.now() + '_' + Math.random().toString(36).substr(2, 5);
-                                    const botObj = Chat.renderBot(msgId);
-                                    Chat.parseAndRender(msg.content, false, botObj.contentDiv);
-                                    TTSManager.autoPrepare(msgId, msg.content, botObj.listenBtn);
-                                }
+                            else {
+                                const botNode = Chat.renderBot();
+                                botNode.innerHTML = marked.parse(msg.content.replace(/<think>[\s\S]*?<\/think>/gi, ''));
                             }
-                            UI.autoScroll = true; 
-                            UI.scrollToBottom();
-                            if (window.innerWidth <= 900) UI.toggleSidebar();
-                        }
-                    } catch (e) {
-                        console.error("Load chat error:", e);
-                    }
-                },
-                
-                startNew() {
-                    if (State.isProcessing) return; 
-                    State.currentThreadId = null; 
-                    State.currentTitle = null; 
-                    State.history = [];
-                    document.getElementById('chatMessages').innerHTML = ''; 
-                    UI.updateWelcomeScreen(); 
-                    UI.autoScroll = true; 
-                    UI.scrollToBottom();
-                    if (window.innerWidth <= 900) UI.toggleSidebar();
-                },
-                
-                saveCurrent() {
-                    if (!State.user || State.history.length === 0) return;
-                    if (!State.currentThreadId) { 
-                        State.currentThreadId = "thr_" + Date.now(); 
-                        const firstUser = State.history.find(m => m.role === 'user'); 
-                        State.currentTitle = firstUser ? firstUser.content.substring(0, 25) : "New Workspace"; 
-                    }
-                    
-                    fetch(Config.GAS_URL, { 
-                        method: 'POST', 
-                        headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                        body: JSON.stringify({ 
-                            action: "save_chat", 
-                            email: State.user, 
-                            threadId: State.currentThreadId, 
-                            title: State.currentTitle, 
-                            historyJSON: JSON.stringify(State.history) 
-                        }) 
-                    }).catch(e => console.error("Save error:", e)).then(() => this.syncAllChats());
-                },
-                
-                async clearAll() { 
-                    const ok = await customConfirm("Clear all workspaces?"); 
-                    if (ok) { 
-                        State.history = []; 
-                        State.currentThreadId = null; 
-                        State.currentTitle = null; 
-                        document.getElementById('chatMessages').innerHTML = ''; 
-                        UI.updateWelcomeScreen(); 
-                        UI.autoScroll = true; 
-                        UI.scrollToBottom(); 
-                        
-                        fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify({ action: "clear_all_chats", email: State.user }) 
-                        }).catch(e => console.error("Clear error:", e)).then(() => this.syncAllChats()); 
-                    } 
-                },
-                
-                async deleteChat(threadId) { 
-                    const ok = await customConfirm("Delete this workspace?"); 
-                    if (ok) { 
-                        if (State.currentThreadId === threadId) this.startNew(); 
-                        
-                        fetch(Config.GAS_URL, { 
-                            method: 'POST', 
-                            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
-                            body: JSON.stringify({ action: "delete_chat", email: State.user, threadId: threadId }) 
-                        }).catch(e => console.error("Delete error:", e)).then(() => this.syncAllChats()); 
-                    } 
-                }
-            };
-
-            const EnvironmentManager = {
-                toggle() {
-                    const status = document.getElementById('locStatus'); 
-                    document.getElementById('attachMenu').classList.remove('active');
-                    
-                    if (State.location) { 
-                        State.location = null; 
-                        State.weatherContext = null; 
-                        status.style.display = 'none'; 
-                    } else {
-                        if (navigator.geolocation) {
-                            status.style.display = 'flex'; 
-                            status.innerHTML = `<span class="flicker-text">Finding location...</span>`;
-                            
-                            navigator.geolocation.getCurrentPosition(pos => {
-                                State.location = { lat: pos.coords.latitude, lng: pos.coords.longitude };
-                                status.innerHTML = `<span style="color:var(--brand-success);">✓ Location active!</span>`; 
-                                setTimeout(() => status.style.display = 'none', 3000);
-                                fetch(`https://api.open-meteo.com/v1/forecast?latitude=${pos.coords.latitude}&longitude=${pos.coords.longitude}&current=temperature_2m,relative_humidity_2m,weather_code,wind_speed_10m`)
-                                    .then(r => r.ok ? r.json() : null)
-                                    .then(data => {
-                                        const c = data && data.current;
-                                        if (c) {
-                                            State.weatherContext = `Temperature: ${c.temperature_2m}°C, Humidity: ${c.relative_humidity_2m}%, Wind: ${c.wind_speed_10m} km/h`;
-                                        }
-                                    })
-                                    .catch(() => {});
-                            }, err => { 
-                                status.innerHTML = `<span style="color:var(--brand-danger);">Location denied.</span>`; 
-                                setTimeout(() => status.style.display = 'none', 3000); 
-                            });
-                        }
-                    }
-                }
-            };
-
-            const SearchManager = {
-                toggle() { 
-                    State.searchEnabled = !State.searchEnabled; 
-                    const btn = document.getElementById('btnSearch'); 
-                    btn.classList.toggle('active-search', State.searchEnabled); 
-                    btn.title = State.searchEnabled ? 'Web Search: ON' : 'Web Search: OFF'; 
-                }
-            };
-
-            const ThinkingManager = {
-                toggleMenu() { 
-                    document.getElementById('thinkMenu').classList.toggle('active'); 
-                    document.getElementById('attachMenu').classList.remove('active'); 
-                },
-                
-                setEffort(level) { 
-                    State.thinkingMode = true; 
-                    State.thinkingEffort = level; 
-                    document.getElementById('thinkMenu').classList.remove('active'); 
-                    ThinkingManager.updateIndicator(); 
-                },
-                
-                disable() { 
-                    State.thinkingMode = false; 
-                    document.getElementById('thinkMenu').classList.remove('active'); 
-                    ThinkingManager.updateIndicator(); 
-                },
-                
-                updateIndicator() { 
-                    const btn = document.getElementById('btnAttach'); 
-                    btn.classList.remove('active-think-low', 'active-think-medium', 'active-think-high'); 
-                    if (State.thinkingMode) {
-                        btn.classList.add(`active-think-${State.thinkingEffort}`); 
-                        btn.title = `Thinking Mode: ${State.thinkingEffort.charAt(0).toUpperCase() + State.thinkingEffort.slice(1)}`;
-                    } else {
-                        btn.title = 'Attach File';
+                        });
+                        setTimeout(UI.scrollToBottom, 200);
                     }
+                } catch(e) { console.warn("History sync failed."); }
+            },
+            save: () => {
+                if(!State.user) return;
+                fetch(Config.GAS_URL, { 
+                    method: 'POST', body: JSON.stringify({action: "save_history", email: State.user, historyJSON: JSON.stringify(State.history)}) 
+                }).catch(e=>{});
+            },
+            clearHistory: async () => {
+                if(State.user) {
+                    try { await fetch(Config.GAS_URL, { method: 'POST', body: JSON.stringify({action: "delete_history", email: State.user}) }); } catch(e){}
                 }
-            };
+                location.reload();
+            }
+        };
 
-            const FileSys = {
-                async process(input, type) {
-                    document.getElementById('attachMenu').classList.remove('active'); 
-                    const file = input.files[0]; 
-                    if (!file) return;
-                    
-                    document.getElementById('filePreviewBar').classList.add('active'); 
-                    document.getElementById('fileName').innerText = file.name;
-                    
-                    if (type === 'image') {
-                        document.getElementById('imgPreview').style.display = 'block'; 
-                        document.getElementById('docPreview').style.display = 'none';
-                        
-                        const reader = new FileReader();
-                        reader.onload = (e) => {
-                            const img = new Image(); 
-                            img.onload = () => {
-                                const canvas = document.createElement('canvas'); 
-                                const ctx = canvas.getContext('2d');
-                                let w = img.width, h = img.height; 
-                                const max = 1024;
-                                
-                                if(w > max || h > max) { 
-                                    if(w > h) { 
-                                        h = (max/w)*h; w = max; 
-                                    } else { 
-                                        w = (max/h)*w; h = max; 
-                                    } 
-                                }
-                                
-                                canvas.width = w; 
-                                canvas.height = h; 
-                                ctx.drawImage(img, 0, 0, w, h);
-                                
-                                const b64 = canvas.toDataURL('image/jpeg', 0.8).split(',')[1];
-                                State.attachment = { type: 'image', data: b64, name: file.name }; 
-                                document.getElementById('imgPreview').src = `data:image/jpeg;base64,${b64}`;
-                            };
-                            img.src = e.target.result;
+        // --- 4. FILE HANDLING (Secure) ---
+        const FileSys = {
+            process: async (input, type) => {
+                document.getElementById('attachMenu').classList.remove('active');
+                const file = input.files[0];
+                if (!file) return;
+
+                document.getElementById('filePreviewBar').classList.add('active');
+                document.getElementById('fileName').innerText = file.name;
+                const r = new FileReader();
+
+                if (type === 'image') {
+                    document.getElementById('imgPreview').style.display = 'flex';
+                    document.getElementById('docPreview').style.display = 'none';
+                    r.onload = (e) => {
+                        document.getElementById('imgPreview').src = e.target.result;
+                        State.attachment = { type: 'image', data: e.target.result.split(',')[1], name: file.name };
+                    };
+                    r.readAsDataURL(file);
+                } else {
+                    document.getElementById('imgPreview').style.display = 'none';
+                    document.getElementById('docPreview').style.display = 'flex';
+                    
+                    if (file.name.endsWith('.pdf')) {
+                        r.onload = async function() {
+                            const pdf = await pdfjsLib.getDocument(new Uint8Array(this.result)).promise;
+                            let txt = "";
+                            for(let i=1; i<=pdf.numPages; i++) {
+                                const page = await pdf.getPage(i);
+                                const content = await page.getTextContent();
+                                txt += content.items.map(s => s.str).join(' ') + "\n";
+                            }
+                            State.attachment = { type: 'text', data: txt.trim() || "[No text found]", name: file.name };
                         };
-                        reader.readAsDataURL(file);
+                        r.readAsArrayBuffer(file);
+                    } else if (file.name.endsWith('.docx')) {
+                        r.onload = async function() {
+                            const res = await mammoth.extractRawText({ arrayBuffer: this.result });
+                            State.attachment = { type: 'text', data: res.value || "[No text found]", name: file.name };
+                        };
+                        r.readAsArrayBuffer(file);
                     } else {
-                        document.getElementById('imgPreview').style.display = 'none'; 
-                        document.getElementById('docPreview').style.display = 'block';
-                        
-                        if (file.name.endsWith('.pdf')) {
-                            try { 
-                                const arrayBuffer = await file.arrayBuffer(); 
-                                const pdf = await pdfjsLib.getDocument({ data: arrayBuffer }).promise; 
-                                let text = ''; 
-                                for (let i = 1; i <= pdf.numPages; i++) { 
-                                    const page = await pdf.getPage(i); 
-                                    const content = await page.getTextContent(); 
-                                    text += content.items.map(item => item.str).join(' ') + '\n'; 
-                                } 
-                                State.attachment = { type: 'text', data: text, name: file.name }; 
-                            } catch(e) { 
-                                State.attachment = { type: 'text', data: '[PDF parsing error]', name: file.name }; 
+                        r.onload = (e) => {
+                            let data = e.target.result;
+                            if(file.name.endsWith('.html')) {
+                                data = data.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "\n[SCRIPT SANITIZED]\n");
                             }
-                        } else if (file.name.endsWith('.docx')) {
-                            try { 
-                                const arrayBuffer = await file.arrayBuffer(); 
-                                const result = await mammoth.extractRawText({ arrayBuffer }); 
-                                State.attachment = { type: 'text', data: result.value, name: file.name }; 
-                            } catch(e) { 
-                                State.attachment = { type: 'text', data: '[DOCX parsing error]', name: file.name }; 
-                            }
-                        } else { 
-                            const reader = new FileReader(); 
-                            reader.onload = (e) => { 
-                                State.attachment = { type: 'text', data: e.target.result, name: file.name }; 
-                            }; 
-                            reader.readAsText(file); 
-                        }
-                    }
-                    input.value = '';
-                    // फ़ाइल अटैच होने पर भी डॉक एक्सपैंड होगा
-                    dockWrapper.classList.add('expanded');
-                },
-                
-                discard() { 
-                    State.attachment = null; 
-                    document.getElementById('filePreviewBar').classList.remove('active'); 
-                    if (document.getElementById('mainInput').value.trim() === '') {
-                        dockWrapper.classList.remove('expanded');
+                            State.attachment = { type: 'text', data: data, name: file.name };
+                        };
+                        r.readAsText(file);
                     }
                 }
-            };
+                input.value = ''; 
+            },
+            discard: () => {
+                State.attachment = null;
+                document.getElementById('filePreviewBar').classList.remove('active');
+            }
+        };
 
-            const Speech = {
-                rec: null, 
-                isRec: false,
-                
-                init() {
-                    const SR = window.SpeechRecognition || window.webkitSpeechRecognition; 
-                    if (!SR) return;
-                    
-                    this.rec = new SR(); 
-                    this.rec.continuous = false; 
-                    this.rec.interimResults = true; 
-                    this.rec.lang = navigator.language || 'en-US';
-                    
-                    this.rec.onstart = () => { 
-                        this.isRec = true; 
-                        document.getElementById('btnStt').classList.add('recording'); 
-                    };
-                    
-                    this.rec.onresult = (e) => {
-                        if (!e.results || !e.results.length) return;
-                        let trans = ''; 
-                        for (let i = e.resultIndex; i < e.results.length; ++i) {
-                            if (e.results[i].isFinal && e.results[i][0]) {
-                                trans += e.results[i][0].transcript;
-                            }
-                        }
-                        if (trans) { 
-                            const input = document.getElementById('mainInput'); 
-                            input.value += (input.value ? ' ' : '') + trans; 
-                            UI.autoGrow(input); 
-                            dockWrapper.classList.add('expanded');
-                        }
-                    };
-                    
-                    this.rec.onerror = () => this.stop(); 
-                    this.rec.onend = () => this.stop();
-                },
-                
-                toggle() { 
-                    if (!this.rec) this.init(); 
-                    if (this.isRec) {
-                        this.stop(); 
-                    } else { 
-                        try { 
-                            this.rec.start(); 
-                        } catch(e) {} 
-                    } 
-                },
-                
-                stop() { 
-                    if(this.rec) this.rec.stop(); 
-                    this.isRec = false; 
-                    document.getElementById('btnStt').classList.remove('recording'); 
-                }
-            };
+        // --- 5. SPEECH TO TEXT ---
+        const Speech = {
+            rec: null, isRec: false,
+            init: () => {
+                const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
+                if (!SR) return alert("Speech Recognition not supported in this browser.");
+                Speech.rec = new SR();
+                Speech.rec.continuous = false; Speech.rec.interimResults = true; Speech.rec.lang = 'en-US'; 
+                
+                Speech.rec.onstart = () => { Speech.isRec = true; document.getElementById('btnStt').classList.add('recording'); };
+                Speech.rec.onresult = (e) => {
+                    let trans = '';
+                    for (let i = e.resultIndex; i < e.results.length; ++i) {
+                        if (e.results[i].isFinal) trans += e.results[i][0].transcript;
+                    }
+                    if (trans) {
+                        const input = document.getElementById('mainInput');
+                        input.value += (input.value ? ' ' : '') + trans;
+                        UI.autoGrow(input);
+                    }
+                };
+                Speech.rec.onerror = () => Speech.stop();
+                Speech.rec.onend = () => Speech.stop();
+            },
+            toggle: () => {
+                if (!Speech.rec) Speech.init();
+                if (Speech.isRec) Speech.stop();
+                else { try { Speech.rec.start(); } catch(e) {} }
+            },
+            stop: () => {
+                if(Speech.rec) Speech.rec.stop();
+                Speech.isRec = false;
+                document.getElementById('btnStt').classList.remove('recording');
+            }
+        };
 
-            const renderer = {
-                code(code, lang) {
-                    const language = (lang || '').match(/\S*/)?.[0];
-                    if (language === 'mermaid') {
-                        return `<pre class="mermaid">${code}</pre>`;
-                    }
-                    if (language && hljs.getLanguage(language)) { 
-                        try { 
-                            return `<pre><code class="hljs ${language}">${hljs.highlight(code, { language }).value}</code></pre>`; 
-                        } catch (__) {} 
-                    }
-                    return `<pre><code class="hljs">${hljs.highlightAuto(code).value}</code></pre>`;
+        // --- 6. WORKSPACE PRO MAX ---
+        const Workspace = {
+            open: (id) => {
+                State.currentWs = id;
+                const d = State.workspaces[id];
+                const b = document.getElementById('wsCodeBlock');
+                b.className = `hljs language-${d.lang || 'plaintext'}`;
+                b.textContent = d.code;
+                hljs.highlightElement(b);
+                
+                document.getElementById('workspacePanel').classList.add('active');
+                if(window.innerWidth <= 900) { document.getElementById('sidebar').classList.add('collapsed'); }
+                Workspace.switchTab('code');
+            },
+            close: () => document.getElementById('workspacePanel').classList.remove('active'),
+            switchTab: (tab) => {
+                document.getElementById('tabCode').classList.remove('active');
+                document.getElementById('tabPreview').classList.remove('active');
+                if(tab === 'code') {
+                    document.getElementById('tabCode').classList.add('active');
+                    document.getElementById('wsCodeView').style.display = 'block';
+                    document.getElementById('wsPreviewView').style.display = 'none';
+                } else {
+                    document.getElementById('tabPreview').classList.add('active');
+                    document.getElementById('wsCodeView').style.display = 'none';
+                    document.getElementById('wsPreviewView').style.display = 'flex';
+                    Workspace.run();
                 }
-            };
-            marked.use({ renderer, gfm: true, breaks: true, pedantic: false });
-
-            function initMermaid() { 
-                if (typeof mermaid !== 'undefined') {
-                    mermaid.initialize({ startOnLoad: false, theme: 'default' }); 
+            },
+            copy: () => {
+                if(State.currentWs !== null) {
+                    navigator.clipboard.writeText(State.workspaces[State.currentWs].code).then(() => alert('Code Copied!'));
                 }
-            }
-            
-            function renderMermaid(container) {
-                if (typeof mermaid === 'undefined') return;
-                const diagrams = container.querySelectorAll('.mermaid');
-                if (diagrams.length === 0) return;
-                try { 
-                    mermaid.run({ nodes: diagrams }); 
-                } catch (e) { 
-                    console.warn('Mermaid render error:', e); 
+            },
+            run: async () => {
+                if (State.currentWs === null) return;
+                const d = State.workspaces[State.currentWs];
+                const lang = (d.lang || '').toLowerCase();
+                const view = document.getElementById('wsPreviewView');
+                
+                if (['html', 'xml', 'javascript', 'js', 'css'].includes(lang)) {
+                    let html = d.code;
+                    if(lang === 'javascript' || lang === 'js') html = `<script>${d.code}<\/script>`;
+                    if(lang === 'css') html = `<style>${d.code}</style><div style="padding:20px;font-family:sans-serif;">CSS Applied. Add HTML to test.</div>`;
+                    
+                    const iframe = document.createElement('iframe');
+                    iframe.style.width = '100%'; iframe.style.height = '100%'; iframe.style.border = 'none';
+                    view.innerHTML = ''; view.appendChild(iframe);
+                    iframe.contentWindow.document.open(); iframe.contentWindow.document.write(html); iframe.contentWindow.document.close();
+                    return;
                 }
-            }
-            
-            const copyGlyph = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>`;
-            const checkGlyph = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>`;
 
-            function addCodeCopyButtons(container) {
-                const blocks = container.querySelectorAll('pre:not(.mermaid)');
-                blocks.forEach(pre => {
-                    if (pre.querySelector('.code-copy-btn')) return;
-                    const codeEl = pre.querySelector('code');
-                    if (!codeEl) return;
-                    const btn = document.createElement('button');
-                    btn.type = 'button';
-                    btn.className = 'code-copy-btn';
-                    btn.innerHTML = `${copyGlyph}<span>Copy</span>`;
-                    btn.onclick = (e) => {
-                        e.stopPropagation();
-                        navigator.clipboard.writeText(codeEl.innerText).then(() => {
-                            btn.innerHTML = `${checkGlyph}<span>Copied!</span>`;
-                            btn.classList.add('copied');
-                            setTimeout(() => {
-                                btn.innerHTML = `${copyGlyph}<span>Copy</span>`;
-                                btn.classList.remove('copied');
-                            }, 1500);
-                        });
-                    };
-                    pre.appendChild(btn);
-                });
+                view.innerHTML = '<div class="ws-console" style="color:var(--brand-accent);">Compiling code...</div>';
+                const pMap = {'python':'python', 'py':'python', 'c':'c', 'cpp':'c++', 'java':'java'};
+                const rLang = pMap[lang];
+                
+                if(!rLang) { view.innerHTML = `<div class="ws-console" style="color:#cc0000;">Live Preview not supported for ${lang}.</div>`; return; }
+
+                try {
+                    const res = await fetch('https://emkc.org/api/v2/piston/execute', {
+                        method: 'POST', headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ language: rLang, version: "*", files: [{ content: d.code }] })
+                    });
+                    const data = await res.json();
+                    let out = (data.compile?.output || "") + "\n" + (data.run?.output || "") + "\n" + (data.run?.stderr || "");
+                    view.innerHTML = `<div class="ws-console">${UI.escape(out.trim() || "[Execution Finished]")}</div>`;
+                } catch(e) { view.innerHTML = `<div class="ws-console" style="color:#cc0000;">Engine Error.</div>`; }
             }
+        };
 
-            // MathJax बग फिक्स - सुरक्षित रेंडरिंग
-            function runRendering(container, isProcessing) {
-                if (isProcessing) return; 
-                if (window.MathJax && MathJax.typesetPromise) {
-                    try { 
-                        MathJax.typesetClear([container]); 
-                        MathJax.typesetPromise([container]).catch(console.error); 
-                    } catch (e) {}
+        const MDRenderer = new marked.Renderer();
+        MDRenderer.code = function(code, lang) {
+            const id = State.workspaces.length;
+            State.workspaces.push({code: code, lang: lang});
+            const highlighted = hljs.highlightAuto(code).value;
+            return `
+            <div style="margin: 16px 0;">
+                <div style="background:#f6f8fa; border:1px solid var(--border-light); border-radius:8px 8px 0 0; padding:8px 12px; display:flex; justify-content:space-between; align-items:center;">
+                    <span style="font-size:12px; font-family:var(--font-code); color:var(--text-secondary); font-weight:600;">${lang || 'code'}</span>
+                    <button class="btn-launch-ws" style="margin:0; padding:4px 10px; font-size:12px;" onclick="Workspace.open(${id})">
+                        <svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> Open
+                    </button>
+                </div>
+                <pre style="margin:0; border-top:none; border-radius:0 0 8px 8px;"><code class="hljs">${highlighted}</code></pre>
+            </div>`;
+        };
+        marked.use({ renderer: MDRenderer });
+
+        // --- 7. CHAT ENGINE (WITH SMART AUTO-SEARCH UI) ---
+        const Chat = {
+            renderUser: (txt, attachUI) => {
+                const c = document.getElementById('chatContainer');
+                const w = document.createElement('div'); w.className = 'message-wrapper user-message';
+                w.innerHTML = `${attachUI} ${UI.escape(txt)}`;
+                c.appendChild(w); UI.scrollToBottom();
+            },
+            renderBot: () => {
+                const c = document.getElementById('chatContainer');
+                const w = document.createElement('div'); w.className = 'message-wrapper bot-message';
+                w.innerHTML = `
+                    <div class="bot-avatar"><img src="${Config.LOGO}"></div>
+                    <div class="bot-content"><div class="typing-indicator"><div class="typing-dot"></div><div class="typing-dot"></div></div></div>`;
+                c.appendChild(w); UI.scrollToBottom();
+                return w.querySelector('.bot-content');
+            },
+            
+            getToolHTML: (isActive) => {
+                return `
+                <div class="tool-indicator ${isActive ? 'active' : ''}">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+                    </svg>
+                    ${isActive ? 'Searching on Google Search...' : 'Searched on Google Search'}
+                </div><br>`;
+            },
+
+            handleSend: async () => {
+                if(State.isProcessing) return;
+                const input = document.getElementById('mainInput');
+                const text = input.value.trim();
+                if(!text && !State.attachment) return;
+
+                // Guest Limit Validation
+                if(!State.user) {
+                    if(State.guestCount >= 10) { Auth.openModal(); UI.showAuthMsg("Guest limit reached. Secure Login required.", true); return; }
+                    State.guestCount++; localStorage.setItem('codeved_guest', State.guestCount);
+                    document.getElementById('uSub').innerText = `Queries: ${State.guestCount}/10`;
                 }
-                renderMermaid(container);
-            }
 
-            const TTSManager = {
-                cache: {}, 
-                currentAudio: null, 
-                selectedVoice: "M2", 
-                selectedLanguage: "English", 
-                isPlaying: false, 
-                currentMsgId: null, 
-                currentBtnElement: null, 
-                preparingSet: new Set(),
-                
-                voiceMap: { 
-                    "M1": "Aarav", "M2": "Kabir", "M3": "Vihaan", "M4": "Advik", "M5": "Rohan", 
-                    "F1": "Priya", "F2": "Ananya", "F3": "Diya", "F4": "Sneha", "F5": "Kavya" 
-                },
-                
-                languageMap: { 
-                    "English": "en", "Korean": "ko", "Japanese": "ja", "Arabic": "ar", "Bulgarian": "bg", 
-                    "Czech": "cs", "Danish": "da", "German": "de", "Greek": "el", "Spanish": "es", 
-                    "Estonian": "et", "Finnish": "fi", "French": "fr", "Hindi": "hi", "Croatian": "hr", 
-                    "Hungarian": "hu", "Indonesian": "id", "Italian": "it", "Lithuanian": "lt", "Latvian": "lv", 
-                    "Dutch": "nl", "Polish": "pl", "Portuguese": "pt", "Romanian": "ro", "Russian": "ru", 
-                    "Slovak": "sk", "Slovenian": "sl", "Swedish": "sv", "Turkish": "tr", "Ukrainian": "uk", 
-                    "Vietnamese": "vi" 
-                },
-                
-                initUI() {
-                    const list = document.getElementById('voiceOptionsList'); 
-                    list.innerHTML = '';
-                    
-                    for (const [code, name] of Object.entries(this.voiceMap)) {
-                        const isSelected = code === this.selectedVoice ? 'selected' : '';
-                        const checkIcon = isSelected ? `<svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>` : `<div></div>`;
-                        list.innerHTML += `<div class="dropdown-item ${isSelected}" onclick="TTSManager.setVoice('${code}')"><span>${name}</span>${checkIcon}</div>`;
-                    }
-                    
-                    const langList = document.getElementById('languageOptionsList'); 
-                    langList.innerHTML = '';
-                    
-                    for (const [name, code] of Object.entries(this.languageMap)) {
-                        const isSelected = name === this.selectedLanguage ? 'selected' : '';
-                        const checkIcon = isSelected ? `<svg style="width:16px;height:16px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>` : `<div></div>`;
-                        langList.innerHTML += `<div class="dropdown-item ${isSelected}" onclick="TTSManager.setLanguage('${name}')"><span>${name}</span>${checkIcon}</div>`;
-                    }
-                },
-                
-                toggleMenu() { 
-                    document.getElementById('voiceMenu').classList.toggle('active'); 
-                    document.getElementById('attachMenu').classList.remove('active'); 
-                    document.getElementById('thinkMenu').classList.remove('active'); 
-                },
-                
-                setVoice(code) { 
-                    Object.values(this.cache).forEach(url => URL.revokeObjectURL(url)); 
-                    this.cache = {}; 
-                    this.selectedVoice = code; 
-                    this.initUI(); 
-                    document.getElementById('voiceMenu').classList.remove('active'); 
-                },
-                
-                setLanguage(name) { 
-                    Object.values(this.cache).forEach(url => URL.revokeObjectURL(url)); 
-                    this.cache = {}; 
-                    this.selectedLanguage = name; 
-                    this.initUI(); 
-                    document.getElementById('voiceMenu').classList.remove('active'); 
-                },
-                
-                cleanTextForTTS(text) {
-                    let cleaned = text.replace(/\u0060{3}[\s\S]*?\u0060{3}/g, '')
-                                      .replace(/\u0060[^\u0060]*\u0060/g, '')
-                                      .replace(/<think>[\s\S]*?<\/think>/gi, '')
-                                      .replace(/https?:\/\/[^\s]+/g, '')
-                                      .replace(/[*_#\u0060~>]/g, '')
-                                      .replace(/<[^>]*>/g, '')
-                                      .replace(/\s+/g, ' ')
-                                      .trim();
-                                      
-                    cleaned = cleaned.replace(/[\u{1F600}-\u{1F64F}]/gu, '')
-                                     .replace(/[\u{1F300}-\u{1F5FF}]/gu, '')
-                                     .replace(/[\u{1F680}-\u{1F6FF}]/gu, '')
-                                     .replace(/[\u{2600}-\u{26FF}]/gu, '')
-                                     .replace(/[\u{2700}-\u{27BF}]/gu, '');
-                                     
-                    if (cleaned.length > 1500) {
-                        cleaned = cleaned.substring(0, 1500) + '...'; 
-                    }
-                    return cleaned;
-                },
-                
-                async autoPrepare(msgId, fullText, btnElement) {
-                    if (this.preparingSet.has(msgId)) return;
-                    
-                    const cleanText = this.cleanTextForTTS(fullText); 
-                    if (!cleanText) { 
-                        btnElement.style.display = 'none'; 
-                        return; 
-                    }
-                    
-                    this.preparingSet.add(msgId);
-                    btnElement.style.display = 'flex'; 
-                    btnElement.innerHTML = `<svg class="spin-icon" style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg> Preparing...`;
-                    btnElement.style.pointerEvents = 'none';
-                    
-                    try {
-                        const response = await fetch('/api/tts', { 
-                            method: 'POST', 
-                            headers: {'Content-Type':'application/json'}, 
-                            body: JSON.stringify({ 
-                                text: cleanText, 
-                                voice: this.selectedVoice, 
-                                language_name: this.selectedLanguage 
-                            }) 
-                        });
-                        
-                        if (!response.ok) throw new Error('TTS service unavailable');
-                        
-                        const blob = await response.blob(); 
-                        this.cache[msgId] = URL.createObjectURL(blob);
-                        
-                        btnElement.innerHTML = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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> Listen`;
-                        btnElement.style.pointerEvents = 'auto';
-                    } catch(e) { 
-                        btnElement.innerHTML = `<span style="color:var(--brand-danger);">⚠️ ${e.message}</span>`; 
-                        setTimeout(() => { btnElement.style.display = 'none'; }, 4000); 
-                    } finally { 
-                        this.preparingSet.delete(msgId); 
-                    }
-                },
+                State.isProcessing = true; document.getElementById('btnSend').disabled = true;
+                input.value = ''; input.style.height = 'auto'; document.getElementById('welcomeScreen').style.display = 'none';
+
+                let payloadStr = text;
+                let attachUI = '';
+                let mediaArray = [];
                 
-                play(msgId, btnElement) {
-                    const audioUrl = this.cache[msgId];
-                    if (!audioUrl) { 
-                        this.autoPrepare(msgId, document.getElementById(`bot-content-${msgId}`).innerText, btnElement); 
-                        return; 
-                    }
-                    
-                    if (this.isPlaying && this.currentMsgId === msgId) {
-                        if (this.currentAudio) { 
-                            this.currentAudio.pause(); 
-                            this.currentAudio.currentTime = 0; 
-                        }
-                        this.isPlaying = false; 
-                        this.currentMsgId = null;
-                        btnElement.innerHTML = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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> Listen`;
-                        btnElement.style.background = ''; 
-                        return;
-                    }
-                    
-                    if (this.currentAudio) { 
-                        this.currentAudio.pause(); 
-                        this.currentAudio.currentTime = 0; 
+                // 💡 SMART AUTO-SEARCH DETECTION
+                const queryLower = text.toLowerCase();
+                const searchTriggers = ["search", "latest", "news", "update", "current", "2026", "today", "price", "who won", "weather", "aaj"];
+                let isSearching = searchTriggers.some(kw => queryLower.includes(kw));
+
+                if(State.attachment) {
+                    if(State.attachment.type === 'text') {
+                        payloadStr = `[File attached: ${State.attachment.name}]\n\n---DATA---\n${State.attachment.data}\n---END DATA---\n\nUser: ${text}`;
+                        attachUI = `<div class="chat-attachment"><svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path></svg> ${State.attachment.name}</div><br>`;
+                    } else {
+                        mediaArray.push(State.attachment);
+                        attachUI = `<img src="data:image/jpeg;base64,${State.attachment.data}" class="chat-img-preview"><br>`;
                     }
-                    
-                    this.isPlaying = true; 
-                    this.currentMsgId = msgId; 
-                    this.currentBtnElement = btnElement;
-                    
-                    const originalHTML = btnElement.innerHTML;
-                    btnElement.innerHTML = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg> Playing...`;
-                    btnElement.style.background = 'rgba(211, 227, 253, 0.9)';
-                    
-                    this.currentAudio = new Audio(audioUrl); 
-                    this.currentAudio.playbackRate = 1.15;
-                    
-                    this.currentAudio.onended = () => { 
-                        this.isPlaying = false; 
-                        this.currentMsgId = null; 
-                        btnElement.innerHTML = originalHTML; 
-                        btnElement.style.background = ''; 
-                    };
-                    
-                    this.currentAudio.onerror = () => { 
-                        this.isPlaying = false; 
-                        this.currentMsgId = null; 
-                        btnElement.innerHTML = originalHTML; 
-                        btnElement.style.background = ''; 
-                    };
-                    
-                    this.currentAudio.play();
                 }
-            };
 
-            const Chat = {
-                renderUser(txt, attachUI = '') {
-                    const c = document.getElementById('chatMessages'); 
-                    const w = document.createElement('div'); 
-                    w.className = 'message-wrapper';
-                    w.innerHTML = `<div class="user-message">${attachUI}${txt ? UI.escape(txt) : ''}</div>`;
-                    c.appendChild(w); 
-                    UI.autoScroll = true; 
-                    UI.scrollToBottom(true);
-                },
+                Chat.renderUser(text || '[Attached Media]', attachUI);
                 
-                renderBot(msgId) {
-                    const c = document.getElementById('chatMessages'); 
-                    const w = document.createElement('div'); 
-                    w.className = 'message-wrapper';
-                    const listenIcon = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>`;
-                    const copyIcon = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>`;
-                    
-                    w.innerHTML = `
-                    <div class="bot-message">
-                        <div class="bot-avatar"><img src="${Config.LOGO}"></div>
-                        <div class="bot-content-wrapper">
-                            <div class="bot-content" id="bot-content-${msgId}"></div>
-                            <div class="msg-actions">
-                                <button class="action-btn listen-btn" id="listen-btn-${msgId}" onclick="TTSManager.play('${msgId}', this)" style="display:none;">${listenIcon} Listen</button>
-                                <button class="action-btn" onclick="Chat.copyMsg('${msgId}')">${copyIcon} Copy</button>
-                            </div>
-                        </div>
-                    </div>`;
-                    
-                    c.appendChild(w); 
-                    UI.scrollToBottom();
-                    
-                    return { 
-                        contentDiv: document.getElementById(`bot-content-${msgId}`), 
-                        listenBtn: document.getElementById(`listen-btn-${msgId}`) 
-                    };
-                },
-                
-                preprocessMath(text) {
-                    let mathBlocks = {};
-                    let mathCounter = 0;
-                    
-                    function replacer(match) {
-                        const id = `MATHBLOCKPLACEHOLDER${mathCounter}ENDPLACEHOLDER`;
-                        mathBlocks[id] = match;
-                        mathCounter++;
-                        return id;
-                    }
-                    
-                    text = text.replace(/\$\$([\s\S]+?)\$\$/g, replacer);
-                    text = text.replace(/\\\[([\s\S]+?)\\\]/g, replacer);
-                    text = text.replace(/\$((?:\\.|[^$\\])+?)\$/g, replacer);
-                    text = text.replace(/\\\(([\s\S]+?)\\\)/g, replacer);
-                    
-                    return { text, mathBlocks };
-                },
+                // Update History UI
+                const shortText = (text || 'Media Attached').substring(0, 30) + "...";
+                document.getElementById('chatHistory').innerHTML += `<div class="history-item">${UI.escape(shortText)}</div>`;
                 
-                postprocessMath(html, mathBlocks) {
-                    for (const [id, mathStr] of Object.entries(mathBlocks)) {
-                        html = html.split(id).join(mathStr);
-                    }
-                    return html;
-                },
-                
-                // Qwen Studio जैसा स्मूथ टेक्स्ट रेंडरिंग लॉजिक
-                parseAndRender(fullText, isProcessing, container) {
-                    let normalizedText = fullText
-                        .replace(/<\|channel\|>thought\s*<\|channel\|>/gi, "<think>\n")
-                        .replace(/<\|channel\|>answer\s*<\|channel\|>/gi, "\n</think>\n")
-                        .replace(/<\|im_start\|>thought/gi, "<think>\n")
-                        .replace(/<\|im_end\|>/gi, "\n</think>\n");
-
-                    const thinkRegex = /<think>([\s\S]*?)(?:<\/think>|$)/i;
-                    const thinkMatch = normalizedText.match(thinkRegex);
-                    let finalHtml = '';
-
-                    if (thinkMatch) {
-                        finalHtml += `
-                        <details class="qwen-think-box" ${isProcessing ? 'open' : ''}>
-                            <summary>
-                                <svg class="arrow" style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                    <polyline points="9 18 15 12 9 6"></polyline>
-                                </svg> 
-                                Thinking Process
-                            </summary>
-                            <div class="qwen-think-content">${marked.parse(thinkMatch[1].trim())}</div>
-                        </details>`;
-                    }
-
-                    let mainText = normalizedText.replace(thinkRegex, '').trim();
-
-                    if (mainText) {
-                        const { text: safeText, mathBlocks } = Chat.preprocessMath(mainText);
-                        let parsedHtml = marked.parse(safeText);
-                        parsedHtml = Chat.postprocessMath(parsedHtml, mathBlocks);
-                        finalHtml += `<div class="tex2jax_process">${parsedHtml}</div>`;
-                    }
+                State.history.push({ role: 'user', content: payloadStr });
+                FileSys.discard();
 
-                    if (isProcessing) {
-                        finalHtml += `<span class="blinking-cursor"></span>`;
-                    }
-                    
-                    container.innerHTML = finalHtml;
-                    addCodeCopyButtons(container);
-                    runRendering(container, isProcessing);
-                },
+                const botContent = Chat.renderBot();
                 
-                copyMsg(id) {
-                    const el = document.getElementById(`bot-content-${id}`);
-                    const clone = el.cloneNode(true);
-                    const thinkBox = clone.querySelector('.qwen-think-box');
-                    
-                    if (thinkBox) {
-                        thinkBox.remove();
-                    }
-                    
-                    navigator.clipboard.writeText(clone.innerText).then(() => {
-                        const btn = el.parentElement.querySelector('.action-btn:not(.listen-btn)');
-                        const original = btn.innerHTML;
-                        btn.innerHTML = `<svg style="width:14px;height:14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied!`;
-                        setTimeout(() => btn.innerHTML = original, 1500);
+                // Show glowing tool UI immediately if it's a search
+                if (isSearching) {
+                    botContent.innerHTML = Chat.getToolHTML(true) + `<div class="typing-indicator"><div class="typing-dot"></div><div class="typing-dot"></div></div>`;
+                }
+
+                try {
+                    // Call the Powerful Backend
+                    const res = await fetch(Config.API_ENDPOINT, {
+                        method: 'POST', headers: {'Content-Type': 'application/json'},
+                        body: JSON.stringify({
+                            message: payloadStr, 
+                            attachments: mediaArray,
+                            is_search: isSearching, // SIGNAL BACKEND TO SEARCH
+                            history: State.history 
+                        })
                     });
-                },
-                
-                stopGeneration() {
-                    if (State.abortController) { 
-                        State.abortController.abort(); 
-                        State.abortController = null; 
-                    }
-                    State.isProcessing = false; 
-                    document.getElementById('btnSend').disabled = false; 
-                    document.getElementById('btnSend').style.display = 'flex'; 
-                    document.getElementById('btnStop').classList.remove('active');
-                    if (document.getElementById('mainInput').value.trim() === '') {
-                        dockWrapper.classList.remove('expanded');
-                    }
-                },
-                
-                async handleSend() {
-                    if(State.isProcessing) return;
-                    
-                    if (!State.user && State.guestCount >= 10) { 
-                        Auth.openModal(); 
-                        UI.showAuthMsg("Guest limit reached (10/10). Please login or register to continue.", true); 
-                        return; 
-                    }
-                    
-                    const input = document.getElementById('mainInput'); 
-                    const text = input.value.trim();
-                    
-                    if(!text && !State.attachment) return;
-                    
-                    if (!State.user) {
-                        let count = parseInt(localStorage.getItem('codeved_guest') || '0', 10); 
-                        if (isNaN(count)) count = 0;
-                        count++; 
-                        State.guestCount = count; 
-                        localStorage.setItem('codeved_guest', count.toString()); 
-                        document.getElementById('uSub').innerText = `Queries: ${count}/10`;
-                    }
-                    
-                    State.isProcessing = true; 
-                    document.getElementById('btnSend').style.display = 'none'; 
-                    document.getElementById('btnStop').classList.add('active');
-                    State.lastUserMessage = text; 
-                    input.value = ''; 
-                    input.style.height = 'auto'; 
-                    UI.updateWelcomeScreen();
-                    
-                    let payloadStr = text, attachUI = '', mediaArray = [];
-                    
-                    if(State.attachment) {
-                        if(State.attachment.type === 'text') {
-                            payloadStr = `[File attached: ${State.attachment.name}]\n\n---DATA---\n${State.attachment.data}\n---END DATA---\n\nUser: ${text}`;
-                            attachUI = `<div class="chat-attachment-container"><div class="chat-file-pill"><svg style="width:14px;height:14px;color:var(--text-secondary);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path></svg> ${State.attachment.name}</div></div>`;
-                        } else {
-                            mediaArray.push(State.attachment); 
-                            attachUI = `<div class="chat-attachment-container"><img src="data:image/jpeg;base64,${State.attachment.data}" class="chat-img-preview"></div>`;
-                        }
-                    }
-                    
-                    let systemInjectedPayload = payloadStr;
-                    if(State.weatherContext) {
-                        systemInjectedPayload = `${payloadStr}\n\n[SYSTEM REAL-TIME WEATHER: ${State.weatherContext}]`;
-                    }
-                    
-                    Chat.renderUser(text, attachUI);
-                    State.history.push({ role: 'user', content: payloadStr }); 
-                    FileSys.discard();
                     
-                    const msgId = Date.now().toString(); 
-                    const botObj = Chat.renderBot(msgId);
-                    Chat.parseAndRender("", true, botObj.contentDiv);
-                    
-                    State.abortController = new AbortController();
+                    if(!res.ok) throw new Error("API Offline");
+
+                    const reader = res.body.getReader();
+                    const decoder = new TextDecoder();
                     let fullText = "";
-                    
-                    try {
-                        const res = await fetch(Config.API_ENDPOINT, {
-                            method: 'POST', 
-                            headers: {'Content-Type':'application/json'},
-                            body: JSON.stringify({ 
-                                message: systemInjectedPayload, 
-                                attachments: mediaArray, 
-                                is_search: State.searchEnabled, 
-                                location: State.location, 
-                                thinking_mode: State.thinkingMode, 
-                                thinking_effort: State.thinkingEffort, 
-                                history: State.history 
-                            }),
-                            signal: State.abortController.signal
-                        });
-                        
-                        if(!res.ok) {
-                            let errMsg = `Server error (${res.status})`;
-                            if (res.status === 404) {
-                                errMsg = 'Chat API endpoint not found (404). Please ensure the server is running.';
-                            } else if (res.status === 500) {
-                                errMsg = 'Internal server error (500). Please try again later.';
-                            }
-                            throw new Error(errMsg);
-                        }
-                        
-                        const reader = res.body.getReader(); 
-                        const decoder = new TextDecoder(); 
-                        let buffer = '';
+
+                    while(true) {
+                        const {done, value} = await reader.read();
+                        if(done) break;
                         
-                        while(true) {
-                            const {done, value} = await reader.read();
-                            if(done) break;
-                            
-                            buffer += decoder.decode(value, {stream: true});
-                            const lines = buffer.split('\n'); 
-                            buffer = lines.pop();
-                            
-                            for(let line of lines) {
-                                if(line.startsWith('data: ')) {
-                                    const dataStr = line.substring(6).trim();
-                                    if(dataStr === '[DONE]') continue;
+                        const chunk = decoder.decode(value, {stream: true});
+                        const lines = chunk.split('\n');
+                        for(let line of lines) {
+                            if(line.startsWith('data: ')) {
+                                const dataStr = line.substring(6).trim();
+                                if(dataStr === '[DONE]') continue;
+                                try {
+                                    const json = JSON.parse(dataStr);
+                                    if(json.choices && json.choices[0].delta.content) fullText += json.choices[0].delta.content;
+                                    else if (json.response) fullText += json.response;
                                     
-                                    try {
-                                        const json = JSON.parse(dataStr);
-                                        if (json.error) { 
-                                            botObj.contentDiv.innerHTML += `<br><span style="color:var(--brand-danger);">⚠️ ${UI.escape(json.error)}</span>`; 
-                                            return; 
-                                        }
-                                        if(json.choices && json.choices[0] && json.choices[0].delta && json.choices[0].delta.content) {
-                                            fullText += json.choices[0].delta.content;
-                                        }
-                                    } catch(e) {}
+                                    // Parse Markdown, Stop Tool animation if it was active
+                                    let finalHtml = marked.parse(fullText.replace(/<think>[\s\S]*?<\/think>/gi, ''));
+                                    if(isSearching) {
+                                        botContent.innerHTML = Chat.getToolHTML(false) + finalHtml;
+                                    } else {
+                                        botContent.innerHTML = finalHtml;
+                                    }
                                     
-                                    Chat.parseAndRender(fullText, true, botObj.contentDiv);
-                                }
+                                    UI.scrollToBottom();
+                                } catch(e){}
                             }
                         }
-                        
-                        Chat.parseAndRender(fullText, false, botObj.contentDiv);
-                        State.history.push({ role: 'assistant', content: fullText });
-                        HistoryManager.saveCurrent();
-                        
-                    } catch(e) {
-                        if (e.name === 'AbortError') {
-                            botObj.contentDiv.innerHTML += `<br><span style="color:var(--text-tertiary); font-style:italic;">⏹ Generation stopped.</span>`;
-                            if (fullText.trim()) { 
-                                State.history.push({ role: 'assistant', content: fullText }); 
-                                HistoryManager.saveCurrent(); 
-                            }
-                        } else {
-                            botObj.contentDiv.innerHTML += `<br><span style="color:var(--brand-danger);">⚠️ ${UI.escape(e.message || 'Connection Offline.')}</span>`;
-                        }
-                    } finally {
-                        State.isProcessing = false; 
-                        document.getElementById('btnSend').disabled = false; 
-                        document.getElementById('btnSend').style.display = 'flex'; 
-                        document.getElementById('btnStop').classList.remove('active');
-                        
-                        if (document.getElementById('mainInput').value.trim() === '') {
-                            dockWrapper.classList.remove('expanded');
-                        }
-                        
-                        if (UI.autoScroll) UI.scrollToBottom();
-                        if(botObj.listenBtn && fullText.trim().length > 0) {
-                            TTSManager.autoPrepare(msgId, fullText, botObj.listenBtn);
-                        }
                     }
-                }
-            };
+                    
+                    State.history.push({ role: 'assistant', content: fullText });
+                    HistoryManager.save();
 
-            // ग्लोबल स्कोप में एक्सपोज़ करें
-            window.UI = UI; 
-            window.Auth = Auth; 
-            window.HistoryManager = HistoryManager; 
-            window.EnvironmentManager = EnvironmentManager; 
-            window.SearchManager = SearchManager;
-            window.ThinkingManager = ThinkingManager; 
-            window.FileSys = FileSys; 
-            window.Speech = Speech; 
-            window.TTSManager = TTSManager; 
-            window.Chat = Chat;
+                } catch(e) {
+                    botContent.innerHTML = `<span style="color:#cc0000; font-weight:500;">Connection Offline. Backend is unreachable.</span>`;
+                } finally {
+                    State.isProcessing = false;
+                    document.getElementById('btnSend').disabled = false;
+                    UI.scrollToBottom();
+                }
+            }
+        };
 
-            // मेरमेड इनिशियलाइज़ करें
-            initMermaid();
-            
-            // लोगो को हर जगह इनलाइन कर दें
-            document.getElementById('faviconLink').href = Config.LOGO;
-            document.getElementById('welcomeLogoImg').src = Config.LOGO;
-            document.getElementById('sidebarLogoImg').src = Config.LOGO;
+        window.onload = () => { 
+            Auth.init(); 
+            if(window.innerWidth > 900) { document.getElementById('btnMenuOpen').style.display = 'none'; document.getElementById('sidebar').classList.remove('collapsed'); }
+        };
 
-            // विंडो लोड होने पर इनिशियलाइज़ेशन
-            window.onload = () => { 
-                Auth.init(); 
-                TTSManager.initUI(); 
-                UI.updateWelcomeScreen(); 
-                if(window.innerWidth > 900) {
-                    document.getElementById('sidebar').classList.remove('collapsed'); 
-                }
-            };
-        })();
     </script>
 </body>
-</html>
-
-
+</html>
\ No newline at end of file
