Spaces:

Renderlib-dev
/

CodeVed

Running

App Files Files Community

Vedika commited on May 23

Commit

31f79f9

verified ·

1 Parent(s): fd666bc

Update index.html

Browse files

Files changed (1) hide show

index.html +47 -70

index.html CHANGED Viewed

@@ -3,56 +3,55 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>🧬 Aura Gen 2.0</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
 <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/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: #0071e3; --accent-hover: #0077ed; --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);
   --font-serif: 'Instrument Serif', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
   --font-mono: 'Geist Mono', monospace; --radius-lg: 24px; --radius-md: 16px; --radius-sm: 8px;
 }
 html,body{height:100%;overflow:hidden;background:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;}
-.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background: #fafafa;}
 .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;animation:drift 25s ease-in-out infinite alternate;}
-.orb1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,113,227,0.15),transparent 70%);top:-150px;left:-100px;}
-.orb2{width:500px;height:500px;background:radial-gradient(circle,rgba(52,199,89,0.12),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;}
 .sidebar{display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-light);overflow:hidden;}
 .logo-area{padding:24px 20px;border-bottom:1px solid var(--border-light);}
 .logo-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
-.logo-img{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);}
 .logo-text{line-height:1.2;}
-.logo-name{font-family:var(--font-sans);font-weight:700;font-size:18px;color:var(--text-main);letter-spacing:-0.5px;}
 .logo-sub{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);}
-.settings{padding:20px;flex:1;overflow-y:auto;}
 .settings::-webkit-scrollbar{width:4px;}
 .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;}
-.field{margin-bottom:20px;}
-.field-lbl{font-size:12px;font-weight:500;color:var(--text-main);margin-bottom:8px;display:block;}
-.field textarea{width:100%;background:#ffffff;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);font-size:13px;line-height:1.5;padding:12px;resize:none;outline:none;transition:border-color 0.2s, box-shadow 0.2s;height:80px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.02);}
-.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,0.15);}
-.sl-wrap{margin-bottom:16px;}
-.sl-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
-.sl-title{font-size:12px;font-weight:500;color:var(--text-main);}
-.sl-val{font-size:11px;font-weight:500;font-family:var(--font-mono);background:#ffffff;color:var(--text-muted);padding:2px 8px;border-radius:6px;border:1px solid var(--border-light);}
-input[type=range]{width:100%;height:4px;appearance:none;background:rgba(0,0,0,0.1);border-radius:2px;outline:none;}
-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#ffffff;box-shadow:0 1px 4px rgba(0,0,0,0.2);border:1px solid var(--border-light);cursor:pointer;transition:transform 0.1s;}
-input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
-.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
-.chip{font-size:11px;font-weight:500;padding:4px 10px;border-radius:14px;background:#ffffff;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;transition:all 0.2s;}
-.chip:hover{background:var(--accent);color:#ffffff;border-color:var(--accent);}
-.clear-btn{width:100%;padding:10px;border-radius:var(--radius-sm);background:#ffffff;border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;margin-top:10px;}
 .clear-btn:hover{background:#fff0f0;color:#ff3b30;border-color:#ff3b30;}
 .chat-main{display:flex;flex-direction:column;background:transparent;overflow:hidden;position:relative;}
 .chat-hdr{padding:14px 24px;border-bottom:1px solid var(--border-light);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10;}
@@ -63,12 +62,12 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
 .messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:10px;}
 .welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;flex:1;min-height:400px;animation:fadeIn 0.5s ease-out;}
 @keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
-.welcome-logo{width:80px;height:80px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow-md);margin-bottom:24px;}
-.welcome-title{font-family:var(--font-sans);font-size:32px;font-weight:700;color:var(--text-main);letter-spacing:-1px;margin-bottom:12px;}
 .welcome-sub{font-size:15px;color:var(--text-muted);max-width:500px;line-height:1.5;margin-bottom:32px;}
 .ex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:600px;}
 .ex-card{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;text-align:left;transition:all 0.2s;box-shadow:var(--shadow-sm);}
-.ex-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(0,113,227,0.3);}
 .ex-title{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:4px;}
 .ex-desc{font-size:12px;color:var(--text-muted);line-height:1.4;}
 .msg{display:flex;gap:16px;animation:msgIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;max-width:85%;}
@@ -77,11 +76,11 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
 .msg.bot{align-self:flex-start;}
 .avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;}
 .msg.user .avatar{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-light);}
-.msg.bot .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--border-light);}
 .body{display:flex;flex-direction:column;gap:4px;}
 .msg.user .body{align-items:flex-end;}
 .bubble{padding:14px 18px;font-size:14.5px;line-height:1.6;color:var(--text-main);}
-.msg.user .bubble{background:var(--accent);color:#ffffff;border-radius:20px 20px 4px 20px;box-shadow:0 4px 12px rgba(0,113,227,0.2);}
 .msg.bot .bubble{background:#ffffff;border:1px solid var(--border-light);border-radius:4px 20px 20px 20px;box-shadow:var(--shadow-sm);width:100%;}
 .bubble p{margin-bottom:10px;}
 .bubble p:last-child{margin-bottom:0;}
@@ -111,7 +110,7 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
 @keyframes bounce{0%,100%{transform:translateY(0);opacity:0.4;}50%{transform:translateY(-6px);opacity:1;}}
 .input-container{padding:0 40px 30px;background:linear-gradient(to top, var(--bg-color) 70%, transparent);position:relative;z-index:10;}
 .input-wrap{display:flex;align-items:flex-end;gap:12px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:24px;padding:10px 14px 10px 20px;box-shadow:var(--shadow-md);transition:box-shadow 0.3s;}
-.input-wrap:focus-within{box-shadow:0 12px 40px rgba(0,0,0,0.12), 0 0 0 3px rgba(0,113,227,0.1);}
 .chat-ta{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:15px;color:var(--text-main);line-height:1.5;resize:none;max-height:200px;min-height:24px;padding:10px 0;}
 .chat-ta::placeholder{color:var(--text-muted);}
 .input-acts{display:flex;align-items:center;gap:8px;padding-bottom:6px;}
@@ -151,35 +150,21 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
   <aside class="sidebar">
     <div class="logo-area">
       <div class="logo-row">
-        <img src="https://i.ibb.co/5hkfdYHz/Clean-Elegant-Typography-Brand-Logo-20260519-212839-0000.png" alt="Aura Logo" class="logo-img">
         <div class="logo-text">
-          <div class="logo-name">Aura Gen 2.0</div>
           <div class="logo-sub">Advanced AI System</div>
         </div>
       </div>
     </div>
     <div class="settings">
-      <div class="section-lbl">Preferences</div>
-      <div class="field">
-        <span class="field-lbl">System Prompt (Instructions)</span>
-        <div class="presets">
-          <span class="chip" onclick="setPreset('general')">General</span>
-          <span class="chip" onclick="setPreset('code')">Code</span>
-          <span class="chip" onclick="setPreset('math')">Math</span>
-        </div>
-        <textarea id="sysPrompt">You are Aura Gen 2.0, 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.</textarea>
-      </div>
-      <div class="sl-wrap">
-        <div class="sl-meta"><span class="sl-title">Max Tokens</span><span class="sl-val" id="tokVal">4096</span></div>
-        <input type="range" id="tokSl" min="64" max="16384" value="4096" step="64" oninput="document.getElementById('tokVal').textContent=this.value">
-      </div>
-      <div class="sl-wrap">
-        <div class="sl-meta"><span class="sl-title">Temperature</span><span class="sl-val" id="tempVal">0.60</span></div>
-        <input type="range" id="tempSl" min="0" max="1.5" value="0.6" step="0.05" oninput="document.getElementById('tempVal').textContent=parseFloat(this.value).toFixed(2)">
       </div>
       <button class="clear-btn" onclick="clearChat()">Clear Conversation</button>
@@ -190,7 +175,7 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
     <header class="chat-hdr">
       <div class="model-badge">
         <div class="status-dot"></div>
-        Aura Gen 2.0 Ready
       </div>
     </header>
@@ -205,9 +190,9 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
     <div class="messages" id="msgs">
       <div class="welcome" id="welcome">
-        <img src="https://i.ibb.co/5hkfdYHz/Clean-Elegant-Typography-Brand-Logo-20260519-212839-0000.png" alt="Aura Logo" class="welcome-logo">
         <div class="welcome-title">How can I help you today?</div>
-        <div class="welcome-sub">I am Aura Gen 2.0. I specialize in coding, deep reasoning, and complex logic. Upload images or ask anything!</div>
         <div class="ex-grid">
           <div class="ex-card" onclick="sendEx('Write a modern React component with Tailwind CSS that displays a glass-morphism pricing card.')">
@@ -224,7 +209,7 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
     <div class="input-container">
       <div class="input-wrap">
-        <textarea class="chat-ta" id="chatInput" placeholder="Message Aura Gen 2.0..." rows="1" onkeydown="handleKey(event)" oninput="autoGrow(this)"></textarea>
         <div class="input-acts">
           <label class="icon-btn file-btn" title="Upload Image or File">
             📎<input type="file" accept="image/*,audio/*,.txt,.pdf" onchange="handleFile(this)" id="fileInput">
@@ -234,21 +219,13 @@ input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);}
           </button>
         </div>
       </div>
-      <div class="input-hint">Aura Gen 2.0 can make mistakes. Consider verifying critical information.</div>
     </div>
   </main>
 </div>
 <script>
-const S={history:[],pending:null,busy:false,
-  presets:{
-    general:'You are Aura Gen 2.0, 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.',
-    code:'You are an expert software engineer. Write clean, efficient, well-commented code. Explain your approach before writing. Use modern best practices.',
-    math:'You are a world-class mathematician. Break problems step-by-step. Show full working. Use LaTeX where helpful.'
-  }
-};
-function setPreset(k){document.getElementById('sysPrompt').value=S.presets[k];}
 // मल्टीमोडल फ़ाइल हैंडलिंग
 function handleFile(input){
@@ -303,10 +280,10 @@ async function sendMsg(){
   const botDiv=appendBot();
-  // साइडबार से वैल्यूज़ लेना
-  const sysPrompt = document.getElementById('sysPrompt').value.trim();
-  const maxTokens = parseInt(document.getElementById('tokSl').value);
-  const temp = parseFloat(document.getElementById('tempSl').value);
   const payload = {
       message: msg,
@@ -368,7 +345,7 @@ function appendUser(text, badgeText){
 }
 function appendBot(){
   const el=document.createElement('div');el.className='msg bot';
-  el.innerHTML=`<div class="avatar"><img src="https://i.ibb.co/5hkfdYHz/Clean-Elegant-Typography-Brand-Logo-20260519-212839-0000.png" class="avatar-img"></div><div class="body"><div class="bubble"><div class="typing"><span></span><span></span><span></span></div></div></div>`;
   document.getElementById('msgs').appendChild(el);scrollDown();return el;
 }

 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>🇮🇳 TIRANGA</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
 <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/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-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);
   --font-serif: 'Instrument Serif', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
   --font-mono: 'Geist Mono', monospace; --radius-lg: 24px; --radius-md: 16px; --radius-sm: 8px;
 }
 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;}
 @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;}
 .sidebar{display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-light);overflow:hidden;}
 .logo-area{padding:24px 20px;border-bottom:1px solid var(--border-light);}
 .logo-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
+.logo-img{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:#fff;}
 .logo-text{line-height:1.2;}
+.logo-name{font-family:var(--font-sans);font-weight:800;font-size:18px;color:var(--text-main);letter-spacing:-0.5px;}
 .logo-sub{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);}
+.settings{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;}
 .settings::-webkit-scrollbar{width:4px;}
 .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;}
+.brand-box p {font-size: 10px; font-weight: 600; color: var(--text-muted); line-height: 1.4; letter-spacing: 0.5px;}
+.clear-btn{width:100%;padding:10px;border-radius:var(--radius-sm);background:#ffffff;border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;margin-top:20px;}
 .clear-btn:hover{background:#fff0f0;color:#ff3b30;border-color:#ff3b30;}
 .chat-main{display:flex;flex-direction:column;background:transparent;overflow:hidden;position:relative;}
 .chat-hdr{padding:14px 24px;border-bottom:1px solid var(--border-light);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10;}
 .messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:10px;}
 .welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;flex:1;min-height:400px;animation:fadeIn 0.5s ease-out;}
 @keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
+.welcome-logo{width:80px;height:80px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow-md);margin-bottom:24px;background:#fff;border:1px solid var(--border-light);}
+.welcome-title{font-family:var(--font-sans);font-size:32px;font-weight:800;color:var(--text-main);letter-spacing:-1px;margin-bottom:12px;}
 .welcome-sub{font-size:15px;color:var(--text-muted);max-width:500px;line-height:1.5;margin-bottom:32px;}
 .ex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:600px;}
 .ex-card{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;text-align:left;transition:all 0.2s;box-shadow:var(--shadow-sm);}
+.ex-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(255,153,51,0.4);}
 .ex-title{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:4px;}
 .ex-desc{font-size:12px;color:var(--text-muted);line-height:1.4;}
 .msg{display:flex;gap:16px;animation:msgIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;max-width:85%;}
 .msg.bot{align-self:flex-start;}
 .avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;}
 .msg.user .avatar{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-light);}
+.msg.bot .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--border-light);background:#fff;}
 .body{display:flex;flex-direction:column;gap:4px;}
 .msg.user .body{align-items:flex-end;}
 .bubble{padding:14px 18px;font-size:14.5px;line-height:1.6;color:var(--text-main);}
+.msg.user .bubble{background:var(--accent);color:#ffffff;border-radius:20px 20px 4px 20px;box-shadow:0 4px 12px rgba(255,153,51,0.2);}
 .msg.bot .bubble{background:#ffffff;border:1px solid var(--border-light);border-radius:4px 20px 20px 20px;box-shadow:var(--shadow-sm);width:100%;}
 .bubble p{margin-bottom:10px;}
 .bubble p:last-child{margin-bottom:0;}
 @keyframes bounce{0%,100%{transform:translateY(0);opacity:0.4;}50%{transform:translateY(-6px);opacity:1;}}
 .input-container{padding:0 40px 30px;background:linear-gradient(to top, var(--bg-color) 70%, transparent);position:relative;z-index:10;}
 .input-wrap{display:flex;align-items:flex-end;gap:12px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:24px;padding:10px 14px 10px 20px;box-shadow:var(--shadow-md);transition:box-shadow 0.3s;}
+.input-wrap:focus-within{box-shadow:0 12px 40px rgba(0,0,0,0.12), 0 0 0 3px rgba(255,153,51,0.2);}
 .chat-ta{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:15px;color:var(--text-main);line-height:1.5;resize:none;max-height:200px;min-height:24px;padding:10px 0;}
 .chat-ta::placeholder{color:var(--text-muted);}
 .input-acts{display:flex;align-items:center;gap:8px;padding-bottom:6px;}
   <aside class="sidebar">
     <div class="logo-area">
       <div class="logo-row">
+        <img src="https://i.ibb.co/x8m7DbMk/TIRANGA-20260523-101648-0000.png" alt="Tiranga Logo" class="logo-img">
         <div class="logo-text">
+          <div class="logo-name">TIRANGA</div>
           <div class="logo-sub">Advanced AI System</div>
         </div>
       </div>
     </div>
     <div class="settings">
+      <div class="section-lbl">Brand Identity</div>
+      <div class="brand-box">
+          <img src="https://i.ibb.co/x8m7DbMk/TIRANGA-20260523-101648-0000.png" alt="Tiranga Identity">
+          <h3>TIRANGA</h3>
+          <p>ALWAYS BE FORWARD NEVER BE BACKWARD!!</p>
       </div>
       <button class="clear-btn" onclick="clearChat()">Clear Conversation</button>
     <header class="chat-hdr">
       <div class="model-badge">
         <div class="status-dot"></div>
+        TIRANGA Ready
       </div>
     </header>
     <div class="messages" id="msgs">
       <div class="welcome" id="welcome">
+        <img src="https://i.ibb.co/x8m7DbMk/TIRANGA-20260523-101648-0000.png" alt="Tiranga Logo" class="welcome-logo">
         <div class="welcome-title">How can I help you today?</div>
+        <div class="welcome-sub">I am TIRANGA. I specialize in coding, deep reasoning, and complex logic. Upload images or ask anything!</div>
         <div class="ex-grid">
           <div class="ex-card" onclick="sendEx('Write a modern React component with Tailwind CSS that displays a glass-morphism pricing card.')">
     <div class="input-container">
       <div class="input-wrap">
+        <textarea class="chat-ta" id="chatInput" placeholder="Message TIRANGA..." rows="1" onkeydown="handleKey(event)" oninput="autoGrow(this)"></textarea>
         <div class="input-acts">
           <label class="icon-btn file-btn" title="Upload Image or File">
             📎<input type="file" accept="image/*,audio/*,.txt,.pdf" onchange="handleFile(this)" id="fileInput">
           </button>
         </div>
       </div>
+      <div class="input-hint">TIRANGA AI can make mistakes. Consider verifying critical information.</div>
     </div>
   </main>
 </div>
 <script>
+const S={history:[],pending:null,busy:false};
 // मल्टीमोडल फ़ाइल हैंडलिंग
 function handleFile(input){
   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;
   const payload = {
       message: msg,
 }
 function appendBot(){
   const el=document.createElement('div');el.className='msg bot';
+  el.innerHTML=`<div class="avatar"><img src="https://i.ibb.co/x8m7DbMk/TIRANGA-20260523-101648-0000.png" class="avatar-img"></div><div class="body"><div class="bubble"><div class="typing"><span></span><span></span><span></span></div></div></div>`;
   document.getElementById('msgs').appendChild(el);scrollDown();return el;
 }