minor improvements; fixes..

static/app.js

@@ -20,7 +20,7 @@ let currentPersona = localStorage.getItem('stemcopilot_persona') || 'vidyut';
 let currentLanguage = localStorage.getItem('stemcopilot_language') || 'auto';
 let currentUsername = localStorage.getItem('stemcopilot_username') || '';
 
-const _PERSONA_LABELS = { vidyut: 'Vidyut', nerd: 'Nerd', noob: 'Beginner', thoughtful: 'Thoughtful', panic: 'Panic' };
+const _PERSONA_LABELS = { vidyut: 'Guru', nerd: 'Nerd', noob: 'Beginner', thoughtful: 'Thoughtful', panic: 'Panic' };
 
 
 /* ── DOM References ─────────────────────────────────────────── */
@@ -104,7 +104,6 @@ const historyOverlayClose = document.getElementById('historyOverlayClose');
 const overlayHistoryList = document.getElementById('overlayHistoryList');
 const overlayHistoryEmpty = document.getElementById('overlayHistoryEmpty');
 const overlaySettingsBtn = document.getElementById('overlaySettingsBtn');
-const overlayProfileBtn = document.getElementById('overlayProfileBtn');
 const overlayLogoutBtn = document.getElementById('overlayLogoutBtn');
 const overlayUserAvatar = document.getElementById('overlayUserAvatar');
 const overlayUserName = document.getElementById('overlayUserName');
@@ -473,23 +472,14 @@ if (overlaySettingsBtn) overlaySettingsBtn.addEventListener('click', () => {
     settingsOverlay.classList.add('show');
 });
 
-if (overlayProfileBtn) overlayProfileBtn.addEventListener('click', () => {
-    _closeAllOverlays();
-    // Open settings on Profile tab
-    document.querySelectorAll('.settings-nav-btn').forEach(b => b.classList.remove('active'));
-    document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-    const btn = document.querySelector('.settings-nav-btn[data-tab="personalization"]');
-    const tab = document.getElementById('tab-personalization');
-    if (btn) btn.classList.add('active');
-    if (tab) tab.classList.add('active');
-    settingsOverlay.classList.add('show');
-});
 
 if (overlayLogoutBtn) overlayLogoutBtn.addEventListener('click', () => {
-    localStorage.removeItem('stemcopilot_user');
-    localStorage.removeItem('stemcopilot_username');
-    currentUser = null;
-    location.reload();
+    if (confirm('Do you want to log out?')) {
+        localStorage.removeItem('stemcopilot_user');
+        localStorage.removeItem('stemcopilot_username');
+        currentUser = null;
+        location.reload();
+    }
 });
 
 function _renderOverlayHistory() {
@@ -501,16 +491,49 @@ function _renderOverlayHistory() {
     }
     if (overlayHistoryEmpty) overlayHistoryEmpty.style.display = 'none';
     threads.forEach(thread => {
-        const item = document.createElement('button');
+        const item = document.createElement('div');
         item.className = `overlay-history-item ${thread.id === currentThreadId ? 'active' : ''}`;
         item.innerHTML = `
-            <svg width="16" height="16" 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"/></svg>
-            <span class="overlay-history-title">${escapeHtml(thread.title)}</span>
+            <div class="overlay-history-main">
+                <svg width="16" height="16" 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"/></svg>
+                <span class="overlay-history-title">${escapeHtml(thread.title)}</span>
+            </div>
+            <div class="overlay-history-actions">
+                <button class="overlay-action-btn" data-action="rename" title="Rename">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
+                </button>
+                <button class="overlay-action-btn overlay-action-delete" data-action="delete" title="Delete">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><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"/></svg>
+                </button>
+            </div>
         `;
-        item.addEventListener('click', () => {
+        item.querySelector('.overlay-history-main').addEventListener('click', () => {
             _closeAllOverlays();
             loadThread(thread.id);
         });
+        item.querySelector('[data-action="rename"]').addEventListener('click', (e) => {
+            e.stopPropagation();
+            const newTitle = prompt('Rename chat:', thread.title);
+            if (newTitle && newTitle.trim()) {
+                fetch('/rename', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ thread_id: thread.id, title: newTitle.trim() }) })
+                    .then(() => { thread.title = newTitle.trim(); _renderOverlayHistory(); renderHistory(); })
+                    .catch(() => showToast('Failed to rename.', 'error'));
+            }
+        });
+        item.querySelector('[data-action="delete"]').addEventListener('click', (e) => {
+            e.stopPropagation();
+            if (confirm('Delete this chat?')) {
+                fetch('/thread/' + thread.id, { method: 'DELETE' })
+                    .then(() => {
+                        const idx = threads.findIndex(t => t.id === thread.id);
+                        if (idx !== -1) threads.splice(idx, 1);
+                        if (thread.id === currentThreadId) startNewChat();
+                        _renderOverlayHistory();
+                        renderHistory();
+                    })
+                    .catch(() => showToast('Failed to delete.', 'error'));
+            }
+        });
         overlayHistoryList.appendChild(item);
     });
 }
@@ -770,7 +793,7 @@ if (userProfileBtn) userProfileBtn.addEventListener('click', (e) => { e.stopProp
 if (openSettingsBtn) openSettingsBtn.addEventListener('click', () => { userMenu.classList.remove('show'); settingsOverlay.classList.add('show'); });
 if (settingsCloseBtn) settingsCloseBtn.addEventListener('click', () => settingsOverlay.classList.remove('show'));
 if (settingsOverlay) settingsOverlay.addEventListener('click', (e) => { if (e.target === settingsOverlay) settingsOverlay.classList.remove('show'); });
-if (logoutBtn) logoutBtn.addEventListener('click', () => { localStorage.removeItem('stemcopilot_user'); localStorage.removeItem('stemcopilot_username'); currentUser = null; location.reload(); });
+if (logoutBtn) logoutBtn.addEventListener('click', () => { if (confirm('Do you want to log out?')) { localStorage.removeItem('stemcopilot_user'); localStorage.removeItem('stemcopilot_username'); currentUser = null; location.reload(); } });
 
 document.querySelectorAll('.settings-nav-btn').forEach(btn => {
     btn.addEventListener('click', () => {

static/index.html

@@ -69,7 +69,7 @@
                     <span>Sign in with Google</span>
                 </button>
             </div>
-            <p class="login-footer">By signing in, you agree to our Terms of Service.</p>
+            <p class="login-footer">By signing in, you agree to our <a href="https://www.stembotix.com/terms-policy" target="_blank" rel="noopener" class="terms-link">Terms of Service</a>.</p>
         </div>
     </div>
 
@@ -150,13 +150,6 @@
                     </svg>
                     Settings
                 </button>
-                <button class="overlay-menu-item" id="overlayProfileBtn">
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
-                        <circle cx="12" cy="7" r="4" />
-                    </svg>
-                    Profile
-                </button>
                 <button class="overlay-menu-item overlay-menu-logout" id="overlayLogoutBtn">
                     <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
@@ -300,7 +293,7 @@
                                 </button>
                                 <div class="style-dropdown" id="heroStyleDropdown">
                                     <div class="style-option active" data-persona="vidyut">
-                                        <div class="style-option-name">Vidyut</div>
+                                        <div class="style-option-name">Guru</div>
                                         <div class="style-option-desc">Calm, clear, step-by-step master teacher. Makes hard concepts obvious.</div>
                                     </div>
                                     <div class="style-option" data-persona="nerd">
@@ -353,12 +346,12 @@
                     <!-- Teaching style selector -->
                     <div class="style-selector-wrap" id="styleSelectorWrap">
                         <button class="style-selector-btn" id="styleSelectorBtn" title="Teaching style">
-                            <span id="styleSelectorLabel">Vidyut</span>
+                            <span id="styleSelectorLabel">Guru</span>
                             <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9" /></svg>
                         </button>
                         <div class="style-dropdown" id="styleDropdown">
                             <div class="style-option active" data-persona="vidyut">
-                                <div class="style-option-name">Vidyut</div>
+                                <div class="style-option-name">Guru</div>
                                 <div class="style-option-desc">Calm, clear, step-by-step master teacher. Makes hard concepts obvious.</div>
                             </div>
                             <div class="style-option" data-persona="nerd">

static/style.css

@@ -211,11 +211,23 @@ textarea, input, select {
 }
 
 .login-footer {
-    font-size: 11px;
-    color: var(--text-muted);
+    font-size: 13px;
+    color: var(--text-secondary);
     margin-top: 16px;
 }
 
+.terms-link {
+    color: #EC642B;
+    font-weight: 600;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    transition: opacity 0.2s;
+}
+
+.terms-link:hover { opacity: 0.8; }
+
+[data-theme="light"] .terms-link { color: #2C2872; }
+
 
 /* ============================================================
    BYOK ONBOARDING
@@ -583,14 +595,15 @@ textarea, input, select {
 }
 
 .overlay-history-item {
-    padding: 12px 14px;
+    padding: 10px 14px;
     border-radius: 10px;
     cursor: pointer;
     color: var(--text-secondary);
     font-size: 14px;
     display: flex;
     align-items: center;
-    gap: 10px;
+    justify-content: space-between;
+    gap: 8px;
     transition: background 0.2s, color 0.2s;
     border: none;
     background: none;
@@ -599,6 +612,47 @@ textarea, input, select {
     font-family: inherit;
 }
 
+.overlay-history-main {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex: 1;
+    min-width: 0;
+    cursor: pointer;
+}
+
+.overlay-history-actions {
+    display: flex;
+    gap: 4px;
+    flex-shrink: 0;
+    opacity: 0.5;
+    transition: opacity 0.2s;
+}
+
+.overlay-history-item:hover .overlay-history-actions { opacity: 1; }
+
+.overlay-action-btn {
+    background: none;
+    border: none;
+    color: var(--text-muted);
+    cursor: pointer;
+    padding: 4px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s, color 0.2s;
+}
+
+.overlay-action-btn:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+}
+
+.overlay-action-delete:hover {
+    color: #ff4a4a;
+}
+
 .overlay-history-item:hover,
 .overlay-history-item:active {
     background: var(--bg-hover);
@@ -1019,8 +1073,8 @@ textarea, input, select {
 }
 
 .hero-bot-icon {
-    width: 120px;
-    height: 120px;
+    width: 160px;
+    height: 160px;
     object-fit: contain;
     filter: drop-shadow(0 8px 24px var(--brand-glow));
 }
@@ -2066,7 +2120,7 @@ textarea, input, select {
     }
 
     .hero-title { font-size: 22px; }
-    .hero-bot-icon { width: 80px; height: 80px; }
+    .hero-bot-icon { width: 110px; height: 110px; }
 
     .hero-welcome {
         justify-content: center;