superlocalmemory 4.1.13 → 4.1.14

package/src/superlocalmemory/ui/js/od-compliance-ext.js

@@ -1,301 +0,0 @@
-// od-compliance-ext.js — Compliance tab extensions v1.0
-// Extends the OD Operations compliance pane with:
-//   Task A: Entity-level GDPR erasure (POST /api/compliance/gdpr/erase-entity)
-//   Task B: Erasure Receipts panel (GET /api/compliance/receipts + verify)
-//
-// This module hooks into odRenderOperations by patching window.odRenderOperations
-// to inject the new panels into the compliance tab after the base render.
-//
-// Security: all user-supplied strings go through esc() before innerHTML insertion.
-//           Confirm guard on entity erase (typed confirmation + confirmDestructive).
-//
-// Copyright (c) 2026 Varun Pratap Bhardwaj / Qualixar — AGPL-3.0
-
-/* global window, document, fetch, Promise */
-(function () {
-  'use strict';
-
-  // ─── Helpers ──────────────────────────────────────────────────────────────
-
-  function esc(s) {
-    return String(s == null ? '' : s)
-      .replace(/&/g, '&')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&#39;');
-  }
-
-  function fmtTime(ts) {
-    if (!ts) return '—';
-    try {
-      var d = typeof ts === 'number' ? new Date(ts * 1000) : new Date(ts);
-      return d.toLocaleString();
-    } catch (e) { return String(ts); }
-  }
-
-  // ─── Task A: Entity Erase Card ────────────────────────────────────────────
-
-  var ENTITY_ERASE_ID = 'od-entity-erase-card';
-
-  function buildEntityEraseCard() {
-    var card = document.createElement('div');
-    card.id = ENTITY_ERASE_ID;
-    card.className = 'card';
-    card.style.marginTop = '16px';
-    // Using textContent / controlled HTML (only static strings + esc'd values below)
-    card.innerHTML =
-      '<div class="card-head">' +
-        '<h3>Entity-level GDPR erasure</h3>' +
-      '</div>' +
-      '<div class="card-pad">' +
-        '<p class="muted" style="font-size:13px" id="od-entity-erase-summary">' +
-          'Erase all facts mentioning a specific named entity (GDPR Art. 17). ' +
-          'Enter the entity name exactly; you will need to confirm it. This is IRREVERSIBLE.' +
-        '</p>' +
-        '<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px">' +
-          '<input id="od-entity-erase-input" type="text" maxlength="200" ' +
-            'placeholder="Entity name…" ' +
-            'style="flex:1;min-width:180px;padding:7px 10px;border-radius:8px;' +
-              'border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:13px">' +
-          '<button id="od-entity-erase-btn" class="btn sm" ' +
-            'style="border-color:#ff6b6b;color:#ff6b6b">Erase entity…</button>' +
-        '</div>' +
-      '</div>';
-    return card;
-  }
-
-  function wireEntityEraseCard() {
-    var btn     = document.getElementById('od-entity-erase-btn');
-    var input   = document.getElementById('od-entity-erase-input');
-    var summary = document.getElementById('od-entity-erase-summary');
-    if (!btn || !input) return;
-
-    btn.addEventListener('click', function () {
-      var entityName = (input.value || '').trim();
-      if (!entityName) {
-        if (summary) summary.textContent = 'Enter an entity name first.';
-        return;
-      }
-      // Step 1: typed-confirmation prompt (same guard as profile erase)
-      var typed = window.prompt(
-        'This PERMANENTLY erases all facts mentioning entity "' + entityName + '".\n' +
-        'This cannot be undone.\n\nType the entity name to confirm:'
-      );
-      if (typed === null) return; // cancelled
-      if (typed !== entityName) {
-        if (summary) summary.textContent = 'Erase cancelled — name did not match.';
-        return;
-      }
-      // Step 2: confirmDestructive modal
-      window.confirmDestructive({
-        title: 'Erase entity',
-        target: entityName,
-        consequence: 'All facts mentioning this entity will be permanently erased.',
-        confirmLabel: 'Erase entity',
-      }).then(function (confirmed) {
-        if (!confirmed) return;
-        btn.disabled = true;
-        btn.textContent = 'Erasing…';
-        if (summary) summary.textContent = 'Erasing entity "' + esc(entityName) + '"…';
-        fetch('/api/compliance/gdpr/erase-entity', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ entity_name: entityName, confirm: entityName }),
-        })
-          .then(function (r) { return r.json(); })
-          .then(function (d) {
-            if (!summary) return;
-            if (d && d.success) {
-              var parts = [];
-              if (d.facts != null)   parts.push('facts erased: ' + d.facts);
-              if (d.entity != null)  parts.push('entity: ' + esc(String(d.entity)));
-              summary.textContent = 'Entity erased — ' + (parts.join(', ') || 'done') + '.';
-              input.value = '';
-              // Reload receipts panel to reflect new receipt
-              loadReceiptsPanel();
-            } else {
-              summary.textContent = 'Erase failed: ' + esc(String((d && d.error) || 'unknown'));
-            }
-          })
-          .catch(function () {
-            if (summary) summary.textContent = 'Erase request failed. Check console.';
-          })
-          .finally(function () {
-            btn.disabled = false;
-            btn.textContent = 'Erase entity…';
-          });
-      });
-    });
-  }
-
-  // ─── Task B: Erasure Receipts Panel ───────────────────────────────────────
-
-  var RECEIPTS_ID = 'od-receipts-card';
-
-  function buildReceiptsCard() {
-    var card = document.createElement('div');
-    card.id = RECEIPTS_ID;
-    card.className = 'card';
-    card.style.marginTop = '16px';
-    card.innerHTML =
-      '<div class="card-head">' +
-        '<h3>Erasure receipts</h3>' +
-        '<div class="spacer"></div>' +
-        '<button class="btn sm" id="od-receipts-refresh-btn">Refresh</button>' +
-      '</div>' +
-      '<div class="card-pad">' +
-        '<table class="tbl" id="od-receipts-tbl">' +
-          '<thead><tr>' +
-            '<th>ID</th>' +
-            '<th>Type</th>' +
-            '<th>Subject</th>' +
-            '<th>State</th>' +
-            '<th>Facts</th>' +
-            '<th>Requested</th>' +
-            '<th></th>' +
-          '</tr></thead>' +
-          '<tbody id="od-receipts-body">' +
-            '<tr><td colspan="7" class="dim" style="text-align:center;padding:20px">Loading…</td></tr>' +
-          '</tbody>' +
-        '</table>' +
-      '</div>';
-    return card;
-  }
-
-  function loadReceiptsPanel() {
-    var tbody = document.getElementById('od-receipts-body');
-    if (!tbody) return;
-    tbody.innerHTML = '<tr><td colspan="7" class="dim" style="text-align:center;padding:16px">Loading…</td></tr>';
-    fetch('/api/compliance/receipts?limit=50')
-      .then(function (r) { return r.ok ? r.json() : null; })
-      .then(function (d) {
-        if (!d || !d.available) {
-          tbody.innerHTML = '<tr><td colspan="7" class="dim" style="text-align:center;padding:16px">Receipts unavailable.</td></tr>';
-          return;
-        }
-        var receipts = d.receipts || [];
-        if (receipts.length === 0) {
-          tbody.innerHTML = '<tr><td colspan="7" class="dim" style="text-align:center;padding:16px">No erasure receipts yet.</td></tr>';
-          return;
-        }
-        tbody.innerHTML = receipts.map(function (r) {
-          var shortId = esc(String(r.erasure_id || '').slice(0, 8)) + '…';
-          var stateClass = r.state === 'COMPLETE' ? 'ok' : 'danger';
-          var allOk = r.all_erased ? '<span class="badge ok">all erased</span>' : '<span class="badge warn">partial</span>';
-          return (
-            '<tr>' +
-              '<td class="mono dim" style="font-size:11px" title="' + esc(r.erasure_id || '') + '">' + shortId + '</td>' +
-              '<td><span class="badge neutral">' + esc(r.subject_type || '') + '</span></td>' +
-              '<td class="dim" style="font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' +
-                esc(r.subject_id || '') +
-              '</td>' +
-              '<td><span class="badge ' + stateClass + '">' + esc(r.state || '') + '</span></td>' +
-              '<td class="num dim">' + esc(String(r.fact_count || 0)) + '</td>' +
-              '<td class="dim" style="font-size:11px">' + esc(fmtTime(r.requested_at)) + '</td>' +
-              '<td><button class="btn sm ghost" data-verify-id="' + esc(r.erasure_id || '') + '">Verify</button></td>' +
-            '</tr>'
-          );
-        }).join('');
-        // Wire verify buttons
-        tbody.querySelectorAll('[data-verify-id]').forEach(function (btn) {
-          btn.addEventListener('click', function () {
-            var eid = btn.getAttribute('data-verify-id');
-            btn.disabled = true;
-            btn.textContent = '…';
-            fetch('/api/compliance/receipts/' + encodeURIComponent(eid) + '/verify')
-              .then(function (r) { return r.ok ? r.json() : null; })
-              .then(function (d) {
-                if (d && d.verified === true) {
-                  btn.textContent = 'Verified ✓';
-                  btn.style.color = 'var(--ok)';
-                } else if (d && d.verified === false) {
-                  btn.textContent = 'Tampered!';
-                  btn.style.color = 'var(--danger)';
-                } else {
-                  btn.textContent = 'Error';
-                }
-                btn.disabled = false;
-              })
-              .catch(function () { btn.textContent = 'Error'; btn.disabled = false; });
-          });
-        });
-      })
-      .catch(function () {
-        var tb = document.getElementById('od-receipts-body');
-        if (tb) tb.innerHTML = '<tr><td colspan="7" class="dim" style="text-align:center;padding:16px">Failed to load receipts.</td></tr>';
-      });
-  }
-
-  function wireReceiptsPanel() {
-    var refreshBtn = document.getElementById('od-receipts-refresh-btn');
-    if (refreshBtn) {
-      refreshBtn.addEventListener('click', loadReceiptsPanel);
-    }
-    loadReceiptsPanel();
-  }
-
-  // ─── Injection Hook ───────────────────────────────────────────────────────
-
-  /**
-   * Inject the two new panels into the compliance tab section.
-   * Called after odRenderOperations() has built and populated the DOM.
-   */
-  function injectCompliancePanels(container) {
-    // Find the compliance tabpane
-    var pane = container && container.querySelector('[data-od-pane="compliance"]');
-    if (!pane) return;
-
-    // Remove any stale injected panels from a previous render
-    var oldErase = pane.querySelector('#' + ENTITY_ERASE_ID);
-    if (oldErase) oldErase.remove();
-    var oldReceipts = pane.querySelector('#' + RECEIPTS_ID);
-    if (oldReceipts) oldReceipts.remove();
-
-    // Append the two new cards at the bottom of the compliance tab
-    pane.appendChild(buildEntityEraseCard());
-    pane.appendChild(buildReceiptsCard());
-
-    // Wire interactions
-    wireEntityEraseCard();
-    wireReceiptsPanel();
-  }
-
-  // ─── Patch odRenderOperations ─────────────────────────────────────────────
-
-  /**
-   * Wait for od-operations.js to define window.odRenderOperations, then wrap it
-   * so our panels are injected after every render. Uses polling with a cap —
-   * no unbounded loops.
-   */
-  function patchOdRenderOperations() {
-    var base = window.odRenderOperations;
-    if (typeof base !== 'function') return false;
-    window.odRenderOperations = function (container) {
-      base(container);
-      // od-operations.js renders asynchronously (Promise.all inside).
-      // Give it time to populate the DOM before injecting our panels.
-      setTimeout(function () { injectCompliancePanels(container); }, 600);
-    };
-    return true;
-  }
-
-  // Retry for up to 3s in case od-operations.js hasn't defined the function yet.
-  var _attempts = 0;
-  function tryPatch() {
-    if (patchOdRenderOperations()) return;
-    _attempts += 1;
-    if (_attempts < 30) setTimeout(tryPatch, 100);
-  }
-
-  // Also inject into the currently active operations pane on DOMContentLoaded
-  document.addEventListener('DOMContentLoaded', function () {
-    tryPatch();
-    // If the operations pane is already in the DOM and populated, inject now
-    var pane = document.getElementById('operations-pane');
-    if (pane && pane.querySelector('[data-od-pane="compliance"]')) {
-      injectCompliancePanels(pane);
-    }
-  });
-
-}());

package/src/superlocalmemory/ui/js/od-components.js

@@ -1,147 +0,0 @@
-// od-components.js — System Health "What's Missing" report (v3.8.2 UX-6)
-//
-// window.odRenderComponents(el) renders the component-registry snapshot from
-//   GET  /api/v3/components          → {components:[...], summary:{...}}
-// into `el`, showing per-component status, a copy-paste fix command for the
-// items SLM can't repair on its own, and a "Retry now" button that triggers
-//   POST /api/v3/components/heal     (install token auto-attached by core.js)
-// The daemon auto-heals on start; this panel is transparency + a manual
-// fallback for the non-technical user.
-//
-// Copyright (c) 2026 Varun Pratap Bhardwaj / Qualixar — AGPL-3.0
-
-/* global window, document, fetch, navigator, setTimeout */
-(function () {
-  'use strict';
-
-  function esc(s) {
-    return String(s == null ? '' : s)
-      .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-  }
-
-  // Severity/glyph/colour for one component, honouring its category so an
-  // absent optional backend is not shown as an error.
-  function view(c) {
-    var st = String(c.status || '').toLowerCase();
-    if (st === 'ok') return { g: '✓', col: 'var(--ok)', tip: 'ready' };
-    if (st === 'retrying') return { g: '⟳', col: 'var(--accent, #4a9)', tip: 'repairing' };
-    if (st === 'degraded') return { g: '⚠', col: 'var(--warn)', tip: 'degraded' };
-    // missing — severity depends on how much SLM needs it.
-    if (c.category === 'required') return { g: '✗', col: 'var(--danger)', tip: 'missing' };
-    if (c.category === 'recommended') return { g: '⚠', col: 'var(--warn)', tip: 'missing' };
-    return { g: '○', col: 'var(--fg-2)', tip: 'optional' };
-  }
-
-  function rowHtml(c) {
-    var v = view(c);
-    var fix = '';
-    if (c.status !== 'ok' && c.fix_cmd) {
-      if (c.auto_fixable) {
-        fix = '<div class="muted" style="margin-top:2px;font-size:12px">'
-            + 'SLM repairs this automatically.</div>';
-      } else {
-        fix = '<div style="margin-top:4px;display:flex;gap:6px;align-items:center">'
-            + '<code style="font-size:12px;background:var(--bg-2,#0002);'
-            + 'padding:2px 6px;border-radius:4px">' + esc(c.fix_cmd) + '</code>'
-            + '<button class="od-copy-fix" data-cmd="' + esc(c.fix_cmd) + '" '
-            + 'style="font-size:11px;padding:1px 6px;cursor:pointer">Copy</button>'
-            + '</div>';
-      }
-    }
-    return '<div style="padding:8px 0;border-bottom:1px solid var(--border,#8881)">'
-      + '<div style="display:flex;gap:8px;align-items:baseline">'
-      + '<span style="color:' + v.col + ';font-weight:700;width:16px;text-align:center">'
-      + v.g + '</span>'
-      + '<div style="flex:1">'
-      + '<span style="font-weight:600">' + esc(c.label) + '</span>'
-      + ' <span class="muted" style="font-size:12px">' + esc(c.detail || v.tip) + '</span>'
-      + fix
-      + '</div></div></div>';
-  }
-
-  function render(el, data) {
-    var comps = (data && data.components) || [];
-    var s = (data && data.summary) || {};
-    var healthy = !!s.healthy;
-    var hasAutoFix = (s.auto_fixable_missing || 0) > 0;
-
-    var head = '<div style="display:flex;justify-content:space-between;'
-      + 'align-items:center;margin-bottom:6px">'
-      + '<h3 style="margin:0">System Health — Components</h3>'
-      + '<span style="padding:2px 10px;border-radius:12px;font-size:12px;'
-      + 'background:' + (healthy ? 'var(--ok)' : 'var(--warn)') + ';color:#000">'
-      + (healthy ? 'All good' : 'Needs attention') + '</span></div>';
-
-    var summary = '<div class="muted" style="font-size:12px;margin-bottom:8px">'
-      + (s.ok || 0) + ' ready · ' + (s.missing || 0) + ' missing · '
-      + (s.degraded || 0) + ' degraded'
-      + (s.retrying ? ' · ' + s.retrying + ' repairing' : '') + '</div>';
-
-    var actions = '<div style="margin-top:10px;display:flex;gap:8px">'
-      + '<button id="od-comp-recheck" style="padding:4px 12px;cursor:pointer">Recheck</button>'
-      + (hasAutoFix
-          ? '<button id="od-comp-retry" style="padding:4px 12px;cursor:pointer;'
-            + 'background:var(--accent,#4a9);color:#000;border:none;border-radius:4px">'
-            + 'Retry now</button>'
-          : '')
-      + '</div>'
-      + '<div class="muted" style="font-size:11px;margin-top:6px">'
-      + 'SLM auto-repairs fixable items on start. Copy a command for anything '
-      + 'it can’t install for you.</div>';
-
-    el.innerHTML = head + summary
-      + '<div>' + comps.map(rowHtml).join('') + '</div>' + actions;
-
-    // Copy buttons.
-    el.querySelectorAll('.od-copy-fix').forEach(function (b) {
-      b.addEventListener('click', function () {
-        var cmd = b.getAttribute('data-cmd') || '';
-        if (navigator.clipboard) navigator.clipboard.writeText(cmd);
-        var old = b.textContent; b.textContent = 'Copied';
-        setTimeout(function () { b.textContent = old; }, 1200);
-      });
-    });
-    var recheck = el.querySelector('#od-comp-recheck');
-    if (recheck) recheck.addEventListener('click', function () { load(el); });
-    var retry = el.querySelector('#od-comp-retry');
-    if (retry) retry.addEventListener('click', function () { doRetry(el, retry); });
-  }
-
-  function load(el) {
-    if (!el) return;
-    el.innerHTML = '<p class="muted" style="padding:8px 0">Checking components…</p>';
-    fetch('/api/v3/components')
-      .then(function (r) { return r.ok ? r.json() : null; })
-      .then(function (data) {
-        if (!data) {
-          el.innerHTML = '<p class="muted" style="padding:8px 0">'
-            + 'Component health unavailable (is the daemon running?).</p>';
-          return;
-        }
-        render(el, data);
-      })
-      .catch(function () {
-        el.innerHTML = '<p class="muted" style="padding:8px 0">'
-          + 'Could not load component health.</p>';
-      });
-  }
-
-  // Trigger a background heal, then poll a few times so the panel reflects
-  // the retrying → ok transition without the user refreshing.
-  function doRetry(el, btn) {
-    btn.disabled = true; btn.textContent = 'Repairing…';
-    fetch('/api/v3/components/heal', { method: 'POST', credentials: 'same-origin' })
-      .then(function () {
-        var tries = 0;
-        (function poll() {
-          tries += 1;
-          load(el);
-          if (tries < 4) setTimeout(poll, 2500);
-        })();
-      })
-      .catch(function () { load(el); });
-  }
-
-  window.odRenderComponents = load;
-})();