Update index.html

index.html

@@ -10,11 +10,10 @@
 <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>
 <style>
-/* आपका पूरा CSS यहाँ है (बिना किसी फीचर बदलाव के) */
 *{margin:0;padding:0;box-sizing:border-box;}
 :root{
   --bg-color: #ffffff; --bg-secondary: #f5f5f7; --text-main: #1d1d1f; --text-muted: #86868b;
-  --accent: #FF9933; /* Accent color updated to Saffron for Tiranga theme */
+  --accent: #FF9933; 
   --accent-hover: #e68a2e; --border-light: rgba(0, 0, 0, 0.08);
   --glass-bg: rgba(255, 255, 255, 0.75); --glass-border: rgba(255, 255, 255, 0.4);
   --shadow-sm: 0 2px 8px rgba(0,0,0,0.04); --shadow-md: 0 8px 32px rgba(0,0,0,0.08);
@@ -23,13 +22,13 @@
 }
 html,body{height:100%;overflow:hidden;background:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;}
 
-/* Tiranga Subtle Background Shade */
-.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background: linear-gradient(135deg, rgba(255,153,51,0.03) 0%, rgba(255,255,255,1) 50%, rgba(19,136,8,0.03) 100%);}
-.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;animation:drift 25s ease-in-out infinite alternate;}
-/* Saffron Orb */
-.orb1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,153,51,0.15),transparent 70%);top:-150px;left:-100px;}
-/* Green Orb */
-.orb2{width:500px;height:500px;background:radial-gradient(circle,rgba(19,136,8,0.12),transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s;}
+/* बेहतरीन तिरंगा बैकग्राउंड शेड (Visibility बढ़ाई गई है) */
+.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background: linear-gradient(135deg, rgba(255,153,51,0.08) 0%, rgba(255,255,255,1) 50%, rgba(19,136,8,0.08) 100%);}
+.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.6;animation:drift 25s ease-in-out infinite alternate;}
+/* केसरिया (Saffron) Orb */
+.orb1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,153,51,0.25),transparent 70%);top:-150px;left:-100px;}
+/* हरा (Green) Orb */
+.orb2{width:500px;height:500px;background:radial-gradient(circle,rgba(19,136,8,0.22),transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s;}
 
 @keyframes drift{0%{transform:translate(0,0) scale(1);}100%{transform:translate(80px,50px) scale(1.1);}}
 .shell{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr;height:100vh;}
@@ -45,7 +44,6 @@ html,body{height:100%;overflow:hidden;background:var(--bg-color);color:var(--tex
 .settings::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:10px;}
 .section-lbl{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;}
 
-/* Brand Box replacing settings */
 .brand-box {background: #ffffff;border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: 20px;text-align: center;box-shadow: var(--shadow-sm);margin-bottom:auto;}
 .brand-box img {width: 80px; height: 80px; border-radius: 16px; object-fit: cover; margin-bottom: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light);}
 .brand-box h3 {font-family: var(--font-sans); font-size: 16px; font-weight: 700; color: var(--text-main); margin-bottom: 6px; letter-spacing: 0.5px;}
@@ -227,7 +225,6 @@ html,body{height:100%;overflow:hidden;background:var(--bg-color);color:var(--tex
 <script>
 const S={history:[],pending:null,busy:false};
 
-// मल्टीमोडल फ़ाइल हैंडलिंग
 function handleFile(input){
   const f=input.files[0];if(!f)return;
   const r=new FileReader();
@@ -257,7 +254,6 @@ function fmtSz(b){return b<1048576?`${(b/1024).toFixed(0)} KB`:`${(b/1048576).to
 function handleKey(e){if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMsg();}}
 function autoGrow(el){el.style.height='auto';el.style.height=Math.min(el.scrollHeight,200)+'px';}
 
-// 🌐 नई API कॉलिंग लॉजिक (Flask Backend के लिए)
 async function sendMsg(){
   if(S.busy)return;
   const inp=document.getElementById('chatInput');
@@ -280,7 +276,6 @@ async function sendMsg(){
 
   const botDiv=appendBot();
 
-  // चूंकि सेटिंग्स UI से हटा दी गई हैं, इसलिए बैकएंड के लिए इन्हें यहाँ सुरक्षित रूप से डिफ़ॉल्ट सेट किया गया है ताकि कोई फीचर ब्रेक न हो
   const sysPrompt = "You are TIRANGA, a state-of-the-art AI assistant developed by Divy Bhai. You possess world-class expertise in software engineering, advanced algorithmic logic, and complex problem-solving. Always provide highly optimized, secure, and precise solutions in English by default.";
   const maxTokens = 4096;
   const temp = 0.60;
@@ -373,14 +368,16 @@ function renderBot(el, raw) {
   b.innerHTML = thinkHtml + md(ans);
 }
 
+/* कॉपी बटन के HTML ब्रेक होने के बग को यहीं फिक्स किया गया है (encodeURIComponent का उपयोग करके) */
 (function setupMarked(){
   if(typeof marked==='undefined')return;
   const renderer=new marked.Renderer();
   renderer.code=(code,lang)=>{
     const language=lang&&hljs.getLanguage(lang)?lang:'plaintext';
-    const highlighted=hljs.highlight(code.text||code,{language}).value;
-    const escaped=(code.text||code).replace(/'/g,"\\'").replace(/\\n/g,"\\\\n");
-    return `<div class="code-wrap"><div class="code-header"><span class="code-lang-tag">${language}</span><button class="copy-btn" onclick="navigator.clipboard.writeText('${escaped}')">Copy</button></div><pre><code class="hljs">${highlighted}</code></pre></div>`;
+    const rawCode = code.text||code;
+    const highlighted=hljs.highlight(rawCode,{language}).value;
+    const encoded = encodeURIComponent(rawCode).replace(/'/g, "%27");
+    return `<div class="code-wrap"><div class="code-header"><span class="code-lang-tag">${language}</span><button class="copy-btn" onclick="navigator.clipboard.writeText(decodeURIComponent('${encoded}'))">Copy</button></div><pre><code class="hljs">${highlighted}</code></pre></div>`;
   };
   marked.setOptions({renderer,breaks:true});
 })();