diff --git a/templates/index.html b/templates/index.html index 9f3b29c..ee5b286 100644 --- a/templates/index.html +++ b/templates/index.html @@ -103,7 +103,10 @@ body { font-family: var(--font-body); background: var(--bg-primary); color: var( .badge.admin:hover { border-color:var(--accent-dim); color:var(--accent); } .info-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; border:1px solid var(--border); color:var(--text-muted); font-size:11px; cursor:pointer; user-select:none; transition:all 0.15s; } .info-icon:hover { border-color:var(--accent-dim); color:var(--accent); } -.info-popup { position:absolute; top:100%; right:0; margin-top:6px; width:320px; background:var(--bg-secondary); border:1px solid var(--border); border-radius:10px; padding:14px 16px; font-size:12px; line-height:1.6; color:var(--text-primary); z-index:100; box-shadow:0 8px 24px rgba(0,0,0,0.4); } +.info-popup-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:1000; display:flex; align-items:center; justify-content:center; } +.info-popup-modal { background:var(--bg-secondary); border:1px solid var(--border); border-radius:12px; padding:24px; max-width:400px; width:90%; font-size:13px; line-height:1.7; color:var(--text-primary); position:relative; box-shadow:0 8px 32px rgba(0,0,0,0.5); } +.info-popup-close { position:absolute; top:8px; right:12px; background:none; border:none; color:var(--text-muted); font-size:22px; cursor:pointer; line-height:1; } +.info-popup-close:hover { color:var(--text-primary); } .role-label .msg-time { color:var(--text-muted); font-weight:400; font-size:10px; margin-left:6px; } .status-dot.offline { background:var(--danger); } .status-dot.warning { background:var(--warning); } @@ -405,20 +408,23 @@ body { font-family: var(--font-body); background: var(--bg-primary); color: var( - - -
@@ -910,17 +916,22 @@ function togglePrivate() { privateEnabled = !privateEnabled; const badge = document.getElementById('privateBadge'); badge.className = 'badge ' + (privateEnabled ? 'on' : 'off'); - badge.textContent = privateEnabled ? 'PRIVATE' : 'PRIVATE OFF'; + badge.textContent = privateEnabled ? 'PRIVACY' : 'PRIVACY OFF'; const searchBtn = document.getElementById('searchBtn'); if (privateEnabled) { if (searchBtn) searchBtn.disabled = true; - showToast('Private chat: nothing stored, no external queries'); + showToast('Privacy: nothing stored, no external queries'); } else { if (searchBtn && !isStreaming) searchBtn.disabled = false; - showToast('Public mode: conversations are persisted to disk'); + showToast('Standard mode: conversations persisted (encrypted at rest)'); } } +function togglePrivateInfo(e) { + const overlay = document.getElementById('privateInfoOverlay'); + overlay.style.display = overlay.style.display === 'none' ? 'flex' : 'none'; +} + function updateProfileUI() { const badge = document.getElementById('profileBadge'); const toggle = document.getElementById('profileToggle');