superlocalmemory 3.4.22 → 3.4.24

package/src/superlocalmemory/ui/js/auto-settings.js

@@ -353,20 +353,28 @@ async function saveAllSettings() {
     if (statusEl) { statusEl.textContent = 'Saving...'; statusEl.style.display = 'inline'; statusEl.className = 'ms-2 text-muted'; }
 
     try {
-        // Save mode
+        // V3.4.24: Include embedding params in save payload
+        var embParams = getEmbeddingParams();
+        var payload = Object.assign({mode: mode, provider: provider, model: model, api_key: apiKey}, embParams);
         var modeResp = await fetch('/api/v3/mode/set', {
             method: 'POST',
             headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({mode: mode, provider: provider, model: model, api_key: apiKey})
+            body: JSON.stringify(payload)
         });
 
         if (modeResp.ok) {
+            var modeData = await modeResp.json();
+            var msg = 'Configuration saved! Mode: ' + mode.toUpperCase() +
+                (provider !== 'none' ? ' | Provider: ' + provider : '');
+            if (modeData.needs_reindex) {
+                msg += ' | Embeddings will be re-indexed on next use (may take several minutes).';
+            }
             if (statusEl) {
-                statusEl.textContent = 'Configuration saved! Mode: ' + mode.toUpperCase() +
-                    (provider !== 'none' ? ' | Provider: ' + provider : '');
-                statusEl.className = 'ms-2 text-success fw-bold';
+                statusEl.textContent = msg;
+                statusEl.className = modeData.needs_reindex ? 'ms-2 text-warning fw-bold' : 'ms-2 text-success fw-bold';
             }
             loadModeSettings();
+            loadEmbeddingSettings();
         } else {
             if (statusEl) { statusEl.textContent = 'Save failed'; statusEl.className = 'ms-2 text-danger'; }
         }
@@ -381,10 +389,127 @@ async function saveAllSettings() {
     }, 5000);
 }
 
+// ============================================================================
+// Embedding Configuration (V3.4.24 — Custom OpenAI-compatible endpoints)
+// ============================================================================
+
+async function loadEmbeddingSettings() {
+    try {
+        var resp = await fetch('/api/v3/embedding/config');
+        if (!resp.ok) return;
+        var data = await resp.json();
+
+        var provEl = document.getElementById('settings-emb-provider');
+        if (provEl) {
+            provEl.value = data.is_openai_compatible ? 'openai' : 'default';
+        }
+
+        if (data.is_openai_compatible) {
+            var modelEl = document.getElementById('settings-emb-model');
+            if (modelEl) modelEl.value = data.model_name || '';
+            var dimEl = document.getElementById('settings-emb-dimension');
+            if (dimEl) dimEl.value = data.dimension || '';
+            var epEl = document.getElementById('settings-emb-endpoint');
+            if (epEl) epEl.value = data.api_endpoint || '';
+        }
+
+        updateEmbeddingUI();
+
+        var info = document.getElementById('settings-emb-info');
+        if (info) {
+            var _name = (data.model_name || 'unknown').replace(/[<>&"']/g, function(c) {
+                return {'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;',"'":'&#39;'}[c];
+            });
+            if (data.is_openai_compatible) {
+                info.innerHTML = 'Using custom endpoint: <strong>' + _name + '</strong> (' + data.dimension + 'd)';
+            } else {
+                info.innerHTML = 'Using local <strong>' + _name + '</strong> (' + data.dimension + 'd)';
+            }
+        }
+    } catch (e) {
+        console.log('Load embedding settings error:', e);
+    }
+}
+
+function updateEmbeddingUI() {
+    var provider = document.getElementById('settings-emb-provider')?.value || 'default';
+    var isCustom = provider === 'openai';
+
+    var modelCol = document.getElementById('settings-emb-model-col');
+    var dimCol = document.getElementById('settings-emb-dim-col');
+    var endpointRow = document.getElementById('settings-emb-endpoint-row');
+    var testRow = document.getElementById('settings-emb-test-row');
+
+    if (modelCol) modelCol.style.display = isCustom ? 'block' : 'none';
+    if (dimCol) dimCol.style.display = isCustom ? 'block' : 'none';
+    if (endpointRow) endpointRow.style.display = isCustom ? 'flex' : 'none';
+    if (testRow) testRow.style.display = isCustom ? 'block' : 'none';
+
+    var info = document.getElementById('settings-emb-info');
+    if (info && !isCustom) {
+        info.innerHTML = 'Using local <strong>nomic-embed-text-v1.5</strong> (768d)';
+    }
+}
+
+async function testEmbeddingEndpoint() {
+    var endpoint = document.getElementById('settings-emb-endpoint')?.value || '';
+    var model = document.getElementById('settings-emb-model')?.value || '';
+    var key = document.getElementById('settings-emb-key')?.value || '';
+    var resultEl = document.getElementById('settings-emb-test-result');
+
+    if (!endpoint) {
+        if (resultEl) { resultEl.textContent = 'Enter an endpoint first'; resultEl.className = 'ms-2 small text-danger'; }
+        return;
+    }
+
+    if (resultEl) { resultEl.textContent = 'Testing...'; resultEl.className = 'ms-2 small text-muted'; }
+
+    try {
+        var resp = await fetch('/api/v3/embedding/test', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({api_endpoint: endpoint, model_name: model, api_key: key})
+        });
+        var data = await resp.json();
+        if (data.success) {
+            if (resultEl) { resultEl.textContent = data.message; resultEl.className = 'ms-2 small text-success fw-bold'; }
+            var dimEl = document.getElementById('settings-emb-dimension');
+            if (dimEl && data.dimension) {
+                if (!dimEl.value) {
+                    dimEl.value = data.dimension;
+                } else if (parseInt(dimEl.value) !== data.dimension) {
+                    if (resultEl) {
+                        resultEl.textContent = 'Connected! Warning: endpoint returns ' + data.dimension + 'd but you entered ' + dimEl.value + 'd';
+                        resultEl.className = 'ms-2 small text-warning fw-bold';
+                    }
+                }
+            }
+        } else {
+            if (resultEl) { resultEl.textContent = 'Failed: ' + (data.error || 'Unknown'); resultEl.className = 'ms-2 small text-danger'; }
+        }
+    } catch (e) {
+        if (resultEl) { resultEl.textContent = 'Error: ' + e.message; resultEl.className = 'ms-2 small text-danger'; }
+    }
+}
+
+function getEmbeddingParams() {
+    var provider = document.getElementById('settings-emb-provider')?.value || 'default';
+    if (provider !== 'openai') return {};
+    return {
+        embedding_provider: 'openai',
+        embedding_endpoint: document.getElementById('settings-emb-endpoint')?.value || '',
+        embedding_model: document.getElementById('settings-emb-model')?.value || '',
+        embedding_dimension: parseInt(document.getElementById('settings-emb-dimension')?.value) || 0,
+        embedding_key: document.getElementById('settings-emb-key')?.value || '',
+    };
+}
+
 // Bind events
 document.getElementById('settings-provider')?.addEventListener('change', updateProviderUI);
 document.getElementById('settings-save-all')?.addEventListener('click', saveAllSettings);
 document.getElementById('settings-test-btn')?.addEventListener('click', testConnection);
+document.getElementById('settings-emb-provider')?.addEventListener('change', updateEmbeddingUI);
+document.getElementById('settings-emb-test-btn')?.addEventListener('click', testEmbeddingEndpoint);
 
 // Mode radio buttons
 document.querySelectorAll('input[name="settings-mode-radio"]').forEach(function(radio) {
@@ -395,5 +520,6 @@ document.querySelectorAll('input[name="settings-mode-radio"]').forEach(function(
 document.getElementById('settings-tab')?.addEventListener('shown.bs.tab', function() {
     loadAutoSettings();
     loadModeSettings();
+    loadEmbeddingSettings();
     updateModeUI();
 });

package/src/superlocalmemory/ui/js/core.js

@@ -3,6 +3,97 @@
 // Security: All dynamic text MUST pass through escapeHtml() before DOM insertion.
 // Data originates from our own trusted local SQLite database (localhost only).
 
+// ============================================================================
+// v3.4.23 — slmFetch(): fetch with 15s abort timeout
+// ----------------------------------------------------------------------------
+// Bare fetch() never resolves when the daemon dies mid-request (socket kept
+// open, Promise pending). That leaves dashboard spinners running forever and
+// stacks up orphan fetches that make hard-refresh hang. slmFetch wraps every
+// request in an AbortController with a 15 s ceiling, so a dead daemon
+// surfaces as a normal rejection and the UI can show a clear error.
+// ============================================================================
+
+window.SLM_FETCH_TIMEOUT_MS = 15000;
+
+// Global fetch patch: apply the abort timeout to every relative-URL request
+// automatically. 17 UI modules call bare fetch() — patching here avoids
+// touching each one and guarantees no future callsite can regress to an
+// un-timed fetch that holds the spinner forever. Absolute URLs (external
+// resources) are passed through unchanged. Callers that already supply
+// `signal` keep their own behavior. `init.timeoutMs` lets callers override
+// the default per-request.
+(function patchFetch() {
+    if (window.__slmFetchPatched) return;
+    window.__slmFetchPatched = true;
+    var _origFetch = window.fetch.bind(window);
+    window.fetch = function (input, init) {
+        init = init || {};
+        var urlStr = typeof input === 'string' ? input : (input && input.url) || '';
+        var isRelative = !(/^https?:\/\//i.test(urlStr));
+        if (!isRelative || init.signal) {
+            return _origFetch(input, init);
+        }
+        var controller = new AbortController();
+        var timeoutMs = init.timeoutMs || window.SLM_FETCH_TIMEOUT_MS;
+        var timer = setTimeout(function () { controller.abort(); }, timeoutMs);
+        init.signal = controller.signal;
+        return _origFetch(input, init).finally(function () { clearTimeout(timer); });
+    };
+})();
+
+// Thin named wrapper for callsites that want explicit timeout control.
+// Equivalent to the patched fetch above but accepts `init.timeoutMs`.
+async function slmFetch(input, init) {
+    return fetch(input, init || {});
+}
+
+// ============================================================================
+// v3.4.23 — version fingerprint + auto-reload on daemon upgrade
+// ----------------------------------------------------------------------------
+// index.html ships with <meta name="slm-version" content="__SLM_VERSION__">
+// that the server fills in at serve time. After page load we ask the daemon
+// for its current version via /api/version; on mismatch we clear localStorage
+// and hard-reload once, so a stale tab never lingers after `slm restart` or
+// a package upgrade. Guarded by sessionStorage to avoid reload loops.
+// ============================================================================
+
+async function checkVersionFingerprint() {
+    try {
+        var metaEl = document.querySelector('meta[name="slm-version"]');
+        var pageVersion = metaEl ? metaEl.getAttribute('content') : null;
+        if (!pageVersion || pageVersion === '__SLM_VERSION__') return;
+        var resp = await slmFetch('/api/version', { timeoutMs: 5000 });
+        if (!resp.ok) return;
+        var data = await resp.json();
+        var serverVersion = data && data.version;
+        if (!serverVersion || serverVersion === pageVersion) return;
+        try {
+            if (sessionStorage.getItem('slm-version-reload-done') === serverVersion) {
+                console.warn('[slm] version mismatch persists after reload:',
+                    pageVersion, '!=', serverVersion);
+                return;
+            }
+            sessionStorage.setItem('slm-version-reload-done', serverVersion);
+        } catch (e) {
+            // sessionStorage blocked (private mode, quota, etc.) — fall through
+            // to reload. Worst case: we reload twice instead of once, still
+            // safe because server version converges on second attempt.
+        }
+        try {
+            // Preserve theme; drop everything else that might be stale.
+            var theme = localStorage.getItem('slm-theme');
+            localStorage.clear();
+            if (theme) localStorage.setItem('slm-theme', theme);
+        } catch (e) { /* localStorage may be blocked */ }
+        console.info('[slm] daemon upgraded', pageVersion, '->', serverVersion,
+            '— reloading');
+        location.reload();
+    } catch (err) {
+        // Network error or daemon down: don't reload, just log.
+        console.debug('[slm] version check skipped:', err && err.message);
+    }
+}
+
 // ============================================================================
 // Dark Mode
 // ============================================================================
@@ -180,7 +271,7 @@ function formatDateFull(dateString) {
 
 async function loadStats() {
     try {
-        var response = await fetch('/api/stats');
+        var response = await slmFetch('/api/stats');
         var data = await response.json();
         var ov = data.overview || {};
         animateCounter('stat-memories', ov.total_memories || 0);
@@ -235,6 +326,10 @@ function populateFilters(categories, projects) {
 
 window.addEventListener('DOMContentLoaded', function() {
     initDarkMode();
+    // v3.4.23: version check runs first and non-blocking. If a mismatch is
+    // detected it triggers location.reload(), so the rest of init on the
+    // stale page becomes a no-op.
+    checkVersionFingerprint();
     loadProfiles();
     loadStats();
     loadGraph();