@jagilber-org/index-server 1.19.1

package/dist/dashboard/client/js/admin.sessions.js

@@ -0,0 +1,293 @@
+/* eslint-disable */
+// Extracted sessions module from admin.html
+(function(){
+    // Pagination state for active sessions
+    let __sessionsData = [];
+    let __sessionsPage = 1;
+    let __sessionsPageSize = 25;
+
+    // Expose functions used by UI buttons and other modules
+
+    function getSessionsPaginationEl(){
+        return document.getElementById('sessions-pagination');
+    }
+
+    function updateSessionsPaginationControls(){
+        const el = getSessionsPaginationEl();
+        if(!el) return;
+        const total = __sessionsData.length;
+        if(!total){ el.style.display = 'none'; return; }
+        const totalPages = Math.max(1, Math.ceil(total / __sessionsPageSize));
+        if(__sessionsPage > totalPages) __sessionsPage = totalPages;
+        el.style.display = 'flex';
+        const info = el.querySelector('[data-role="page-info"]');
+        if(info) info.textContent = `Page ${__sessionsPage} / ${totalPages}`;
+        const prevBtn = el.querySelector('[data-role="prev-page"]');
+        const nextBtn = el.querySelector('[data-role="next-page"]');
+        if(prevBtn) prevBtn.disabled = (__sessionsPage <= 1);
+        if(nextBtn) nextBtn.disabled = (__sessionsPage >= totalPages);
+        const sizeSel = el.querySelector('[data-role="page-size"]');
+        if(sizeSel && parseInt(sizeSel.value,10)!==__sessionsPageSize){ sizeSel.value = String(__sessionsPageSize); }
+    }
+
+    function renderSessionsPage(){
+        const host = document.getElementById('sessions-list');
+        if(!host) return;
+        host.classList.add('index-list');
+        if(!__sessionsData.length){
+            host.innerHTML = '<div class="empty-state">No active admin sessions</div>';
+            updateSessionsPaginationControls();
+            return;
+        }
+        const totalPages = Math.max(1, Math.ceil(__sessionsData.length / __sessionsPageSize));
+        if(__sessionsPage > totalPages) __sessionsPage = totalPages;
+        const start = (__sessionsPage - 1) * __sessionsPageSize;
+        const end = start + __sessionsPageSize;
+        const slice = __sessionsData.slice(start, end);
+        host.innerHTML = slice.map(s => {
+            const startStr = new Date(s.startTime).toLocaleString();
+            const last = new Date(s.lastActivity).toLocaleString();
+            return `<div class="index-item" data-session="${s.id}">
+              <div class="index-item-header">
+                <div class="index-item-name">${escapeHtml(s.id)}</div>
+                <div class="index-item-actions">
+                  <button class="action-btn danger" onclick="terminateSession('${s.id}')">Terminate</button>
+                </div>
+              </div>
+              <div class="index-item-meta">
+                <div class="meta-chip"><span class="chip-label">USER</span><span class="chip-value">${escapeHtml(s.userId)}</span></div>
+                <div class="meta-chip"><span class="chip-label">IP</span><span class="chip-value">${escapeHtml(s.ipAddress||'—')}</span></div>
+              </div>
+              <div class="index-item-summary" style="font-size:11.5px;">
+                <div class="meta-line"><span class="chip-label">START</span> <span class="chip-value">${startStr}</span></div>
+                <div class="meta-line"><span class="chip-label">LAST</span> <span class="chip-value">${last}</span></div>
+              </div>
+            </div>`;
+        }).join('');
+        updateSessionsPaginationControls();
+                // Expose current page for HTML inline handlers referencing window.__sessionsPage
+                window.__sessionsPage = __sessionsPage;
+    }
+
+    function setSessionsPage(p){
+        const totalPages = Math.max(1, Math.ceil(__sessionsData.length / __sessionsPageSize));
+        __sessionsPage = Math.min(Math.max(1, p), totalPages);
+        renderSessionsPage();
+    }
+
+    function changeSessionsPageSize(size){
+        __sessionsPageSize = size;
+        __sessionsPage = 1; // reset to first page
+        renderSessionsPage();
+    }
+
+    async function loadSessions() {
+        try {
+            let sessionsCount = 0;
+            let connectionsCount = 0;
+            const response = await fetch('/api/admin/sessions');
+            const data = await response.json();
+            if (data.success) {
+                displaySessions(data.sessions);
+                sessionsCount = Array.isArray(data.sessions) ? data.sessions.length : 0;
+                if (sessionsCount === 0) {
+                    try {
+                        const created = await maybeEnsureAdminSession(true);
+                        if (created) {
+                            const r2 = await fetch('/api/admin/sessions');
+                            const d2 = await r2.json();
+                            if (d2.success) { displaySessions(d2.sessions); sessionsCount = d2.sessions.length; }
+                        }
+                    } catch(e) { /* ignore */ }
+                }
+            } else {
+                showError('Failed to load sessions');
+            }
+
+            try {
+                const connRes = await fetch('/api/admin/connections');
+                const connData = await connRes.json();
+                const connEl = document.getElementById('connections-list');
+                if (connData.success && connEl) {
+                    connectionsCount = Array.isArray(connData.connections) ? connData.connections.length : 0;
+                    connEl.classList.add('index-list');
+                    if (!connectionsCount) {
+                        connEl.innerHTML = '<div class="empty-state">No active websocket connections</div>';
+                    } else {
+                        const fmt = (ms) => {
+                            if (ms == null) return '—';
+                            if (ms < 1000) return ms + ' ms';
+                            const s = ms / 1000;
+                            if (s < 60) return s.toFixed(1) + ' s';
+                            const m = Math.floor(s / 60);
+                            const rs = Math.floor(s % 60);
+                            return m + 'm ' + rs + 's';
+                        };
+                        connEl.innerHTML = connData.connections.map(c => {
+                            const connected = c.connectedAt ? new Date(c.connectedAt).toLocaleString() : '—';
+                            return `<div class="index-item" data-connection="${escapeHtml(c.id)}">
+                                <div class="index-item-header">
+                                    <div class="index-item-name">${escapeHtml(c.id)}</div>
+                                    <div class="index-item-actions"></div>
+                                </div>
+                                <div class="index-item-meta">
+                                    <div class="meta-chip"><span class="chip-label">DURATION</span><span class="chip-value">${fmt(c.durationMs)}</span></div>
+                                    <div class="meta-chip"><span class="chip-label">STATE</span><span class="chip-value">open</span></div>
+                                </div>
+                                <div class="index-item-summary" style="font-size:11.5px;">
+                                    <div class="meta-line"><span class="chip-label">CONNECTED</span> <span class="chip-value">${connected}</span></div>
+                                </div>
+                            </div>`;
+                        }).join('');
+                    }
+                } else if (connEl) {
+                    connEl.innerHTML = '<div class="error-message">Failed to load active connections</div>';
+                }
+            } catch (e) {
+                const connEl = document.getElementById('connections-list');
+                if (connEl) connEl.innerHTML = '<div class="error-message">Error loading active connections</div>';
+            }
+
+            try { if (typeof loadSessionHistory === 'function') loadSessionHistory(parseInt((document.getElementById('session-history-limit')||{value:'50'}).value,10)); } catch {}
+            window.__lastSessionsCount = sessionsCount;
+            window.__lastConnectionsCount = connectionsCount;
+            updateSessionsNavBadge();
+        } catch (error) {
+            console.error('Error loading sessions:', error);
+            showError('Failed to load sessions');
+        }
+    }
+
+    function updateSessionsNavBadge(){
+        const navBtn = document.getElementById('nav-sessions');
+        if(!navBtn) return;
+        const s = window.__lastSessionsCount ?? 0;
+        const c = window.__lastConnectionsCount ?? 0;
+        let badge = navBtn.querySelector('.nav-badge');
+        if(!badge){
+            badge = document.createElement('span');
+            badge.className = 'nav-badge';
+            badge.style.cssText = 'margin-left:6px; background:#2c3038; color:#d0d4d8; padding:2px 6px; border-radius:4px; font-size:11px; font-weight:500;';
+            navBtn.appendChild(badge);
+        }
+        badge.textContent = `${s}/${c}`;
+        badge.title = `Admin sessions: ${s} | Websocket connections: ${c}`;
+    }
+
+    async function maybeEnsureAdminSession(onlyIfRequested) {
+        try {
+            if (typeof sessionStorage === 'undefined') return false;
+            const existing = sessionStorage.getItem('mcp_admin_session_id');
+            if (existing && !onlyIfRequested) return false;
+            const res = await fetch('/api/admin/sessions', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ userId: 'dashboard_auto' }) });
+            const data = await res.json().catch(()=>({}));
+            if (data.success && data.session && data.session.id) {
+                sessionStorage.setItem('mcp_admin_session_id', data.session.id);
+                return true;
+            }
+        } catch (e) { /* ignore */ }
+        return false;
+    }
+
+    async function loadSessionHistory(limit = 50) {
+        try {
+            const res = await fetch('/api/admin/sessions/history?limit=' + limit);
+            const data = await res.json();
+            if (!data.success) throw new Error();
+            renderSessionHistory(data.history || []);
+        } catch (err) {
+            const el = document.getElementById('session-history-list');
+            if (el) el.innerHTML = '<div class="error">Failed to load session history</div>';
+        }
+    }
+
+    function renderSessionHistory(history) {
+        const el = document.getElementById('session-history-list');
+        if (!el) return;
+        if (!history.length) { el.innerHTML = '<div class="empty-state">No history entries</div>'; return; }
+        el.classList.add('index-list');
+        el.innerHTML = history.map(h => {
+            const started = h.startTime ? new Date(h.startTime).toLocaleString() : '—';
+            const ended = h.endTime ? new Date(h.endTime).toLocaleString() : '—';
+            const status = h.terminationReason || 'active';
+            return `<div class="index-item" data-session-history="${h.id}">
+                <div class="index-item-header">
+                    <div class="index-item-name">${escapeHtml(h.id)}</div>
+                    <div class="index-item-actions"></div>
+                </div>
+                <div class="index-item-meta">
+                    <div class="meta-chip" title="Status"><span class="chip-label">STATUS</span><span class="chip-value">${escapeHtml(status)}</span></div>
+                </div>
+                <div class="index-item-summary" style="font-size:11.5px;">
+                    <div class="meta-line"><span class="chip-label">START</span> <span class="chip-value">${started}</span></div>
+                    <div class="meta-line"><span class="chip-label">END</span> <span class="chip-value">${ended}</span></div>
+                </div>
+            </div>`;
+        }).join('');
+    }
+
+    function refreshSessionHistory() {
+        const limitSel = document.getElementById('session-history-limit');
+        const limit = parseInt(limitSel.value, 10) || 50;
+        loadSessionHistory(limit);
+    }
+
+    function displaySessions(sessions) {
+        __sessionsData = Array.isArray(sessions) ? sessions.slice() : [];
+        __sessionsPage = 1;
+        renderSessionsPage();
+    }
+
+    async function createTestSession() {
+        try {
+            const response = await fetch('/api/admin/sessions', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ userId: 'test_admin_' + Date.now() })
+            });
+
+            const data = await response.json();
+            if (data.success) {
+                showSuccess('Test session created successfully');
+                loadSessions();
+            } else {
+                showError('Failed to create test session');
+            }
+        } catch (error) {
+            console.error('Error creating test session:', error);
+            showError('Failed to create test session');
+        }
+    }
+
+    async function terminateSession(sessionId) {
+        try {
+            const response = await fetch(`/api/admin/sessions/${sessionId}`, {
+                method: 'DELETE'
+            });
+
+            const data = await response.json();
+            if (data.success) {
+                showSuccess('Session terminated successfully');
+                loadSessions();
+            } else {
+                showError('Failed to terminate session');
+            }
+        } catch (error) {
+            console.error('Error terminating session:', error);
+            showError('Failed to terminate session');
+        }
+    }
+
+    // Expose to global scope
+    window.loadSessions = loadSessions;
+    window.updateSessionsNavBadge = updateSessionsNavBadge;
+    window.maybeEnsureAdminSession = maybeEnsureAdminSession;
+    window.loadSessionHistory = loadSessionHistory;
+    window.renderSessionHistory = renderSessionHistory;
+    window.refreshSessionHistory = refreshSessionHistory;
+    window.displaySessions = displaySessions;
+    window.setSessionsPage = setSessionsPage;
+    window.changeSessionsPageSize = changeSessionsPageSize;
+    window.createTestSession = createTestSession;
+    window.terminateSession = terminateSession;
+})();

package/dist/dashboard/client/js/admin.sqlite.js

@@ -0,0 +1,366 @@
+/**
+ * admin.sqlite.js — SQLite dashboard tab controller.
+ *
+ * Shows backend badge, DB stats, query console, maintenance,
+ * backup/restore, WAL management, migration, grooming.
+ * Only renders when INDEX_SERVER_STORAGE_BACKEND=sqlite.
+ */
+
+(function () {
+  'use strict';
+
+  // ── Storage Badge (header indicator) ────────────────────────────────────
+  async function initStorageBadge() {
+    try {
+      const res = await fetch('/api/sqlite/info');
+      if (!res.ok) return;
+      const data = await res.json();
+      const badge = document.getElementById('storage-badge');
+      if (!badge) return;
+
+      if (data.active) {
+        badge.textContent = '🗄️ SQLite (Experimental)';
+        badge.style.display = 'inline-block';
+        badge.style.background = '#d97706';
+        badge.style.color = '#fff';
+        // Show the SQLite nav tab
+        const navBtn = document.getElementById('nav-sqlite');
+        if (navBtn) navBtn.style.display = '';
+      } else {
+        badge.textContent = '📁 JSON';
+        badge.style.display = 'inline-block';
+        badge.style.background = 'var(--admin-card-bg, #1e293b)';
+        badge.style.color = 'var(--admin-text-dim, #94a3b8)';
+        badge.style.border = '1px solid var(--admin-border, #334155)';
+      }
+    } catch { /* ignore — badge stays hidden */ }
+  }
+
+  // ── Format helpers ──────────────────────────────────────────────────────
+  function fmtBytes(bytes) {
+    if (bytes === 0) return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+  }
+
+  function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
+
+  // ── Load DB Info ────────────────────────────────────────────────────────
+  async function loadSqliteInfo() {
+    const infoEl = document.getElementById('sqlite-info');
+    const tablesEl = document.getElementById('sqlite-tables');
+    if (!infoEl) return;
+
+    try {
+      const res = await fetch('/api/sqlite/info');
+      if (!res.ok) throw new Error('Failed to fetch');
+      const data = await res.json();
+
+      if (!data.active) {
+        infoEl.innerHTML = '<div class="stat-row"><span class="stat-label">Status</span><span class="stat-value" style="color:#f59e0b">Inactive — JSON backend in use</span></div>';
+        if (tablesEl) tablesEl.innerHTML = '<div style="color:var(--admin-text-dim)">N/A — SQLite not active</div>';
+        return;
+      }
+
+      infoEl.innerHTML = `
+        <div class="stat-row"><span class="stat-label">Backend</span><span class="stat-value">SQLite (node:sqlite)</span></div>
+        <div class="stat-row"><span class="stat-label">Database Path</span><span class="stat-value" style="font-family:monospace;font-size:12px">${esc(data.dbPath)}</span></div>
+        <div class="stat-row"><span class="stat-label">File Size</span><span class="stat-value">${fmtBytes(data.fileSize)}</span></div>
+        <div class="stat-row"><span class="stat-label">WAL Size</span><span class="stat-value">${fmtBytes(data.walSize)}</span></div>
+        <div class="stat-row"><span class="stat-label">SHM Size</span><span class="stat-value">${fmtBytes(data.shmSize || 0)}</span></div>
+        <div class="stat-row"><span class="stat-label">Total Disk</span><span class="stat-value" style="font-weight:600">${fmtBytes(data.fileSize + (data.walSize || 0) + (data.shmSize || 0))}</span></div>
+        <div class="stat-row"><span class="stat-label">WAL Enabled</span><span class="stat-value">${data.walEnabled ? '✅ Yes' : '❌ No'}</span></div>
+        <div class="stat-row"><span class="stat-label">Journal Mode</span><span class="stat-value">${esc(String(data.pragmas?.journalMode ?? '—'))}</span></div>
+        <div class="stat-row"><span class="stat-label">Page Size</span><span class="stat-value">${data.pragmas?.pageSize ?? '—'}</span></div>
+        <div class="stat-row"><span class="stat-label">Page Count</span><span class="stat-value">${data.pragmas?.pageCount ?? '—'}</span></div>
+        <div class="stat-row"><span class="stat-label">Freelist Pages</span><span class="stat-value">${data.pragmas?.freelistCount ?? '—'}</span></div>
+      `;
+
+      if (tablesEl && data.tableStats) {
+        let html = '';
+        for (const [table, count] of Object.entries(data.tableStats)) {
+          html += `<div class="stat-row"><span class="stat-label">${esc(table)}</span><span class="stat-value">${count} rows</span></div>`;
+        }
+        tablesEl.innerHTML = html || '<div style="color:var(--admin-text-dim)">No tables found</div>';
+      }
+    } catch (err) {
+      infoEl.innerHTML = '<div class="error-message">Failed to load SQLite info: ' + esc(err.message) + '</div>';
+    }
+  }
+
+  // ── Maintenance Actions ─────────────────────────────────────────────────
+  async function runMaintenance(action) {
+    const resultEl = document.getElementById('sqlite-maintenance-result');
+    if (resultEl) resultEl.innerHTML = '<span style="color:var(--admin-text-dim)">Running…</span>';
+
+    try {
+      const res = await fetch('/api/sqlite/' + action, { method: 'POST' });
+      const data = await res.json();
+      if (data.success) {
+        let msg = data.message || 'Done';
+        if (data.ok !== undefined) msg = data.ok ? '✅ Database integrity OK' : '⚠️ Issues found';
+        if (data.sizeAfter !== undefined) msg += ' — DB size: ' + fmtBytes(data.sizeAfter);
+        if (data.results && Array.isArray(data.results) && typeof data.results[0] === 'string') {
+          msg += '<ul style="margin:6px 0 0 16px;font-size:12px">' + data.results.map(function(r) { return '<li>' + esc(r) + '</li>'; }).join('') + '</ul>';
+        } else if (data.results) {
+          msg += '<pre style="margin-top:4px;font-size:12px;max-height:200px;overflow:auto">' + esc(JSON.stringify(data.results, null, 2)) + '</pre>';
+        }
+        resultEl.innerHTML = '<span style="color:#22c55e">' + msg + '</span>';
+      } else {
+        resultEl.innerHTML = '<span style="color:#ef4444">Error: ' + esc(data.error) + '</span>';
+      }
+    } catch (err) {
+      if (resultEl) resultEl.innerHTML = '<span style="color:#ef4444">Request failed: ' + esc(err.message) + '</span>';
+    }
+    loadSqliteInfo();
+  }
+
+  // ── Backup / Restore ────────────────────────────────────────────────────
+  async function createBackup() {
+    const resultEl = document.getElementById('sqlite-backup-result');
+    if (resultEl) resultEl.innerHTML = '<span style="color:var(--admin-text-dim)">Creating backup…</span>';
+    try {
+      const res = await fetch('/api/sqlite/backup', { method: 'POST' });
+      const data = await res.json();
+      if (data.success) {
+        resultEl.innerHTML = '<span style="color:#22c55e">✅ ' + esc(data.message) + ' (' + fmtBytes(data.backupSize) + ')</span>';
+      } else {
+        resultEl.innerHTML = '<span style="color:#ef4444">Error: ' + esc(data.error) + '</span>';
+      }
+    } catch (err) {
+      if (resultEl) resultEl.innerHTML = '<span style="color:#ef4444">' + esc(err.message) + '</span>';
+    }
+    loadBackupsList();
+  }
+
+  async function loadBackupsList() {
+    const listEl = document.getElementById('sqlite-backups-list');
+    if (!listEl) return;
+    try {
+      const res = await fetch('/api/sqlite/backups');
+      const data = await res.json();
+      if (!data.success || !data.backups || data.backups.length === 0) {
+        listEl.innerHTML = '<div style="color:var(--admin-text-dim)">No backups found</div>';
+        return;
+      }
+      let html = '<div style="display:flex;flex-direction:column;gap:6px">';
+      for (const b of data.backups) {
+        const date = new Date(b.created).toLocaleString();
+        html += '<div style="display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--admin-card-bg,#1e293b);border:1px solid var(--admin-border,#334155);border-radius:6px">';
+        html += '<div><span style="font-family:monospace;font-size:12px">' + esc(b.name) + '</span>';
+        html += '<span style="margin-left:8px;font-size:11px;color:var(--admin-text-dim)">' + esc(date) + ' · ' + fmtBytes(b.dbSize) + '</span></div>';
+        html += '<button class="action-btn" style="font-size:11px;padding:2px 8px" data-sqlite-action="restore" data-backup-name="' + esc(b.name) + '">↩ Restore</button>';
+        html += '</div>';
+      }
+      html += '</div>';
+      listEl.innerHTML = html;
+    } catch (err) {
+      listEl.innerHTML = '<div style="color:#ef4444">' + esc(err.message) + '</div>';
+    }
+  }
+
+  async function restoreBackup(backupName) {
+    if (!confirm('Restore database from "' + backupName + '"?\n\nCurrent DB will be auto-backed up before restore.')) return;
+    const resultEl = document.getElementById('sqlite-backup-result');
+    if (resultEl) resultEl.innerHTML = '<span style="color:var(--admin-text-dim)">Restoring…</span>';
+    try {
+      const res = await fetch('/api/sqlite/restore', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ backupName }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        resultEl.innerHTML = '<span style="color:#22c55e">✅ ' + esc(data.message) + '</span>';
+      } else {
+        resultEl.innerHTML = '<span style="color:#ef4444">Error: ' + esc(data.error) + '</span>';
+      }
+    } catch (err) {
+      if (resultEl) resultEl.innerHTML = '<span style="color:#ef4444">' + esc(err.message) + '</span>';
+    }
+    loadSqliteInfo();
+    loadBackupsList();
+  }
+
+  // ── WAL Checkpoint ──────────────────────────────────────────────────────
+  async function walCheckpoint() {
+    const resultEl = document.getElementById('sqlite-backup-result');
+    if (resultEl) resultEl.innerHTML = '<span style="color:var(--admin-text-dim)">Running WAL checkpoint…</span>';
+    try {
+      const res = await fetch('/api/sqlite/wal-checkpoint', { method: 'POST' });
+      const data = await res.json();
+      if (data.success) {
+        resultEl.innerHTML = '<span style="color:#22c55e">✅ ' + esc(data.message) + ' — WAL: ' + fmtBytes(data.walSizeAfter) + '</span>';
+      } else {
+        resultEl.innerHTML = '<span style="color:#ef4444">Error: ' + esc(data.error) + '</span>';
+      }
+    } catch (err) {
+      if (resultEl) resultEl.innerHTML = '<span style="color:#ef4444">' + esc(err.message) + '</span>';
+    }
+    loadSqliteInfo();
+  }
+
+  // ── Migration / Reset ───────────────────────────────────────────────────
+  async function runMigration(action) {
+    const resultEl = document.getElementById('sqlite-migration-result');
+    if (resultEl) resultEl.innerHTML = '<span style="color:var(--admin-text-dim)">Running…</span>';
+    try {
+      const res = await fetch('/api/sqlite/' + action, { method: 'POST' });
+      const data = await res.json();
+      if (data.success) {
+        let msg = '✅ ' + esc(data.message);
+        if (data.errors && data.errors.length > 0) {
+          msg += '<br><span style="color:#f59e0b">⚠️ ' + data.errors.length + ' error(s):</span>';
+          msg += '<pre style="font-size:11px;max-height:150px;overflow:auto">' + esc(JSON.stringify(data.errors, null, 2)) + '</pre>';
+        }
+        resultEl.innerHTML = '<span style="color:#22c55e">' + msg + '</span>';
+      } else {
+        resultEl.innerHTML = '<span style="color:#ef4444">Error: ' + esc(data.error) + '</span>';
+      }
+    } catch (err) {
+      if (resultEl) resultEl.innerHTML = '<span style="color:#ef4444">' + esc(err.message) + '</span>';
+    }
+    loadSqliteInfo();
+  }
+
+  async function resetDatabase() {
+    if (!confirm('⚠️ RESET DATABASE?\n\nThis will DELETE all data and reinitialize an empty schema.\nA backup will be created automatically.\n\nThis action cannot be undone.')) return;
+    if (!confirm('Are you absolutely sure? Type OK to proceed.')) return;
+    runMigration('reset');
+  }
+
+  // ── Query Console ───────────────────────────────────────────────────────
+  async function runQuery() {
+    const input = document.getElementById('sqlite-query-input');
+    const resultEl = document.getElementById('sqlite-query-result');
+    const statusEl = document.getElementById('sqlite-query-status');
+    if (!input || !resultEl) return;
+
+    const sql = input.value.trim();
+    if (!sql) { statusEl.textContent = 'Enter a query'; return; }
+
+    statusEl.textContent = 'Running…';
+    resultEl.innerHTML = '';
+
+    try {
+      const start = performance.now();
+      const res = await fetch('/api/sqlite/query', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ sql }),
+      });
+      const elapsed = (performance.now() - start).toFixed(0);
+      const data = await res.json();
+
+      if (!data.success) {
+        statusEl.textContent = 'Error';
+        resultEl.innerHTML = '<div style="color:#ef4444;font-family:monospace;font-size:13px">' + esc(data.error) + '</div>';
+        return;
+      }
+
+      statusEl.textContent = data.rowCount + ' row' + (data.rowCount !== 1 ? 's' : '') + ' · ' + elapsed + 'ms';
+
+      if (data.rowCount === 0) {
+        resultEl.innerHTML = '<div style="color:var(--admin-text-dim)">No results</div>';
+        return;
+      }
+
+      // Build HTML table
+      let html = '<table class="sqlite-result-table"><thead><tr>';
+      for (const col of data.columns) {
+        html += '<th>' + esc(col) + '</th>';
+      }
+      html += '</tr></thead><tbody>';
+      const maxRows = Math.min(data.rows.length, 500);
+      for (let i = 0; i < maxRows; i++) {
+        html += '<tr>';
+        for (const col of data.columns) {
+          const val = data.rows[i][col];
+          const display = val === null ? '<span style="color:var(--admin-text-dim)">NULL</span>' : esc(String(val));
+          html += '<td>' + display + '</td>';
+        }
+        html += '</tr>';
+      }
+      html += '</tbody></table>';
+      if (data.rowCount > 500) {
+        html += '<div style="margin-top:4px;font-size:12px;color:var(--admin-text-dim)">Showing 500 of ' + data.rowCount + ' rows</div>';
+      }
+      resultEl.innerHTML = html;
+    } catch (err) {
+      statusEl.textContent = 'Error';
+      resultEl.innerHTML = '<div style="color:#ef4444">' + esc(err.message) + '</div>';
+    }
+  }
+
+  // ── Event Delegation (CSP-safe) ─────────────────────────────────────────
+  document.addEventListener('click', function (e) {
+    const btn = e.target.closest('[data-sqlite-action]');
+    if (!btn) return;
+    const action = btn.getAttribute('data-sqlite-action');
+    switch (action) {
+      case 'vacuum': case 'optimize': case 'integrity': case 'analyze': case 'reindex': case 'groom':
+        runMaintenance(action === 'integrity' ? 'integrity-check' : action);
+        break;
+      case 'run-query': runQuery(); break;
+      case 'backup': createBackup(); break;
+      case 'wal-checkpoint': walCheckpoint(); break;
+      case 'restore': restoreBackup(btn.getAttribute('data-backup-name')); break;
+      case 'migrate': runMigration('migrate'); break;
+      case 'export': runMigration('export'); break;
+      case 'reset': resetDatabase(); break;
+    }
+  });
+
+  // Ctrl+Enter or Enter to run query (Enter only when not Shift+Enter for newline)
+  document.addEventListener('keydown', function (e) {
+    if (e.key === 'Enter') {
+      const input = document.getElementById('sqlite-query-input');
+      if (input && document.activeElement === input) {
+        if (e.shiftKey) return; // Shift+Enter = newline
+        e.preventDefault();
+        runQuery();
+      }
+    }
+  });
+
+  // ── Section observer ────────────────────────────────────────────────────
+  const observer = new MutationObserver(function () {
+    const section = document.getElementById('sqlite-section');
+    if (section && !section.classList.contains('hidden')) {
+      loadSqliteInfo();
+      loadBackupsList();
+    }
+  });
+
+  function startObserver() {
+    const section = document.getElementById('sqlite-section');
+    if (section) {
+      observer.observe(section, { attributes: true, attributeFilter: ['class'] });
+    }
+  }
+
+  // ── Init ────────────────────────────────────────────────────────────────
+  function init() {
+    initStorageBadge();
+    startObserver();
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+
+  // ── CSS for result table ────────────────────────────────────────────────
+  const style = document.createElement('style');
+  style.textContent = `
+    .sqlite-result-table { width:100%; border-collapse:collapse; font-size:13px; font-family:monospace; }
+    .sqlite-result-table th { text-align:left; padding:6px 10px; background:var(--admin-card-bg,#1e293b); color:var(--admin-accent,#60a5fa); font-weight:600; border-bottom:2px solid var(--admin-border,#334155); position:sticky; top:0; }
+    .sqlite-result-table td { padding:4px 10px; border-bottom:1px solid var(--admin-border,#334155); color:var(--admin-text,#e2e8f0); max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+    .sqlite-result-table tr:hover td { background:rgba(96,165,250,0.05); }
+    .storage-badge { vertical-align:middle; }
+  `;
+  document.head.appendChild(style);
+})();