superlocalmemory 4.1.13 → 4.1.14

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

@@ -1,265 +0,0 @@
-// od-team.js — Team & Access (RBAC / C3) card renderer.
-// Renders into window.odRenderTeam(container). Mounted inside the Operations
-// pane (#od-team-mount). Lets a non-technical admin manage who can use this
-// workspace and at what role — entirely from the dashboard.
-//
-// Backend: /api/rbac/{whoami,status,login,logout,users,members,policy}
-// Auth: same-origin loopback = machine owner (implicit root); a logged-in
-// user carries an HttpOnly session cookie set by /api/rbac/login.
-//
-// CSP-safe: no inline handlers — every control is wired via addEventListener.
-//
-// Copyright (c) 2026 Varun Pratap Bhardwaj / Qualixar — AGPL-3.0
-
-/* global window, document, fetch */
-(function () {
-  'use strict';
-
-  function esc(s) {
-    return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
-      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
-    });
-  }
-
-  function getJSON(url) {
-    return fetch(url, { cache: 'no-store' })
-      .then(function (r) { return r.ok ? r.json() : null; })
-      .catch(function () { return null; });
-  }
-
-  function postJSON(url, body, method) {
-    return fetch(url, {
-      method: method || 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(body || {}),
-    }).then(function (r) {
-      return r.json().catch(function () { return {}; }).then(function (d) {
-        return { ok: r.ok, status: r.status, data: d };
-      });
-    });
-  }
-
-  var ROLES = ['admin', 'member', 'viewer'];
-
-  function roleOptions(selected) {
-    return ROLES.map(function (r) {
-      return '<option value="' + r + '"' + (r === selected ? ' selected' : '') + '>' +
-        r.charAt(0).toUpperCase() + r.slice(1) + '</option>';
-    }).join('');
-  }
-
-  // ─── Render ────────────────────────────────────────────────────────────────
-
-  function odRenderTeam(container) {
-    if (!container) return;
-    container.innerHTML =
-      '<div class="card-head"><h3>Team &amp; access</h3></div>' +
-      '<div class="card-pad" id="od-team-body">' +
-      '<p class="muted">Loading team &amp; access…</p></div>';
-
-    Promise.all([
-      getJSON('/api/rbac/whoami'),
-      getJSON('/api/rbac/status'),
-    ]).then(function (res) {
-      var who = res[0] || { kind: 'owner', permissions: [], role: 'owner' };
-      var status = res[1] || { rbac_active: false, require_login: false, user_count: 0 };
-      var canManage = (who.permissions || []).indexOf('manage') !== -1;
-
-      var extras = canManage
-        ? Promise.all([getJSON('/api/rbac/users'), getJSON('/api/rbac/members')])
-        : Promise.resolve([null, null]);
-
-      extras.then(function (mgmt) {
-        var users = (mgmt[0] && mgmt[0].users) || [];
-        var members = (mgmt[1] && mgmt[1].members) || [];
-        paint(container, who, status, canManage, users, members);
-      });
-    });
-  }
-
-  function identityLine(who) {
-    if (who.kind === 'user') {
-      return '<div class="row" style="justify-content:space-between;align-items:center">' +
-        '<div>Signed in as <strong>' + esc(who.display_name || who.username) + '</strong>' +
-        ' — role <strong>' + esc(who.role || 'none') + '</strong> on workspace <code>' +
-        esc(who.profile) + '</code></div>' +
-        '<button class="btn sm" id="od-team-logout">Sign out</button></div>';
-    }
-    return '<div>Operating as the <strong>machine owner</strong> (full control). ' +
-      'Sign in as a user below to act with a specific role.</div>';
-  }
-
-  function loginForm() {
-    return '<div class="card" style="margin-top:12px;max-width:520px">' +
-      '<div class="card-head"><h4 style="margin:0">Sign in</h4></div>' +
-      '<div class="card-pad">' +
-      '<div class="row" style="gap:8px;flex-wrap:wrap;align-items:center">' +
-      '<input id="od-team-login-user" class="input sm" placeholder="Username" autocomplete="username">' +
-      '<input id="od-team-login-pass" class="input sm" type="password" placeholder="Password" autocomplete="current-password">' +
-      '<button class="btn sm primary" id="od-team-login-btn">Sign in</button>' +
-      '</div><p class="muted" id="od-team-login-msg" style="margin:8px 0 0"></p>' +
-      '</div></div>';
-  }
-
-  function usersTable(users, members) {
-    var roleByUser = {};
-    members.forEach(function (m) { roleByUser[m.user_id] = m.role; });
-    if (!users.length) {
-      return '<p class="muted">No users yet. Add your first admin below.</p>';
-    }
-    var rows = users.map(function (u) {
-      var role = roleByUser[u.user_id] || '';
-      return '<tr>' +
-        '<td>' + esc(u.username) + '</td>' +
-        '<td>' + esc(u.display_name || '') + '</td>' +
-        '<td><select class="input sm od-team-role" data-uid="' + esc(u.user_id) + '">' +
-        '<option value="">— none —</option>' + roleOptions(role) + '</select></td>' +
-        '<td>' + esc(u.status) + '</td>' +
-        '<td><button class="btn sm danger od-team-del" data-uid="' + esc(u.user_id) +
-        '" data-uname="' + esc(u.username) + '">Remove</button></td>' +
-        '</tr>';
-    }).join('');
-    return '<table class="tbl"><thead><tr>' +
-      '<th>Username</th><th>Name</th><th>Role (this workspace)</th><th>Status</th><th></th>' +
-      '</tr></thead><tbody>' + rows + '</tbody></table>';
-  }
-
-  function manageBlock(status, users, members) {
-    return '<div class="card" style="margin-top:12px">' +
-      '<div class="card-head"><h4 style="margin:0">Users &amp; roles</h4></div>' +
-      '<div class="card-pad">' +
-      '<div id="od-team-users">' + usersTable(users, members) + '</div>' +
-      '<div class="row" style="gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px">' +
-      '<input id="od-team-new-user" class="input sm" placeholder="Username">' +
-      '<input id="od-team-new-name" class="input sm" placeholder="Display name (optional)">' +
-      '<input id="od-team-new-pass" class="input sm" type="password" placeholder="Password (min 8)">' +
-      '<select id="od-team-new-role" class="input sm">' + roleOptions('member') + '</select>' +
-      '<button class="btn sm primary" id="od-team-add-btn">Add user</button>' +
-      '</div><p class="muted" id="od-team-msg" style="margin:8px 0 0"></p>' +
-      '</div></div>' +
-      // Policy
-      '<div class="card" style="margin-top:12px;max-width:640px">' +
-      '<div class="card-head"><h4 style="margin:0">Access policy</h4></div>' +
-      '<div class="card-pad">' +
-      '<label class="row" style="gap:8px;align-items:center;cursor:pointer">' +
-      '<input type="checkbox" id="od-team-require-login"' +
-      (status.require_login ? ' checked' : '') + '>' +
-      '<span>Require every person to sign in before reading or writing memory ' +
-      '(company mode). The machine owner can always manage users.</span></label>' +
-      '<p class="muted" id="od-team-policy-msg" style="margin:8px 0 0"></p>' +
-      '</div></div>';
-  }
-
-  function paint(container, who, status, canManage, users, members) {
-    var body = container.querySelector('#od-team-body');
-    if (!body) return;
-    var html = identityLine(who);
-    if (who.kind !== 'user') html += loginForm();
-    if (canManage) html += manageBlock(status, users, members);
-    else if (who.kind === 'user') {
-      html += '<p class="muted" style="margin-top:12px">Your role does not include ' +
-        'user administration. Ask a workspace admin to change roles.</p>';
-    }
-    body.innerHTML = html;
-    wire(container, who);
-  }
-
-  // ─── Wiring (CSP-safe) ───────────────────────────────────────────────────────
-
-  function wire(container, who) {
-    var q = function (id) { return container.querySelector('#' + id); };
-    var reload = function () { odRenderTeam(container); };
-
-    var loginBtn = q('od-team-login-btn');
-    if (loginBtn) {
-      loginBtn.addEventListener('click', function () {
-        var u = (q('od-team-login-user') || {}).value || '';
-        var p = (q('od-team-login-pass') || {}).value || '';
-        var msg = q('od-team-login-msg');
-        postJSON('/api/rbac/login', { username: u, password: p }).then(function (r) {
-          if (r.ok) { reload(); }
-          else if (msg) { msg.textContent = (r.data && r.data.detail) || 'Sign in failed.'; }
-        });
-      });
-    }
-
-    var logoutBtn = q('od-team-logout');
-    if (logoutBtn) {
-      logoutBtn.addEventListener('click', function () {
-        postJSON('/api/rbac/logout', {}).then(reload);
-      });
-    }
-
-    var addBtn = q('od-team-add-btn');
-    if (addBtn) {
-      addBtn.addEventListener('click', function () {
-        var msg = q('od-team-msg');
-        var body = {
-          username: (q('od-team-new-user') || {}).value || '',
-          password: (q('od-team-new-pass') || {}).value || '',
-          display_name: (q('od-team-new-name') || {}).value || '',
-          role: (q('od-team-new-role') || {}).value || 'member',
-        };
-        addBtn.disabled = true;
-        postJSON('/api/rbac/users', body).then(function (r) {
-          addBtn.disabled = false;
-          if (r.ok) { reload(); }
-          else if (msg) { msg.textContent = (r.data && r.data.detail) || 'Could not add user.'; }
-        });
-      });
-    }
-
-    // Role change dropdowns
-    container.querySelectorAll('.od-team-role').forEach(function (sel) {
-      sel.addEventListener('change', function () {
-        var uid = sel.getAttribute('data-uid');
-        var role = sel.value;
-        var msg = q('od-team-msg');
-        var done = function (r) {
-          if (!r.ok && msg) msg.textContent = (r.data && r.data.detail) || 'Role change failed.';
-          reload();
-        };
-        if (!role) {
-          postJSON('/api/rbac/members', { user_id: uid }, 'DELETE').then(done);
-        } else {
-          postJSON('/api/rbac/members', { user_id: uid, role: role }).then(done);
-        }
-      });
-    });
-
-    // Remove user
-    container.querySelectorAll('.od-team-del').forEach(function (btn) {
-      btn.addEventListener('click', function () {
-        var uid = btn.getAttribute('data-uid');
-        var uname = btn.getAttribute('data-uname');
-        window.confirmDestructive({
-          title: 'Remove user',
-          target: '"' + uname + '"',
-          consequence: 'This deletes their account and access.',
-          confirmLabel: 'Remove',
-        }).then(function(confirmed) {
-          if (!confirmed) return;
-          postJSON('/api/rbac/users/' + encodeURIComponent(uid), {}, 'DELETE').then(reload);
-        });
-      });
-    });
-
-    // Require-login policy toggle
-    var reqLogin = q('od-team-require-login');
-    if (reqLogin) {
-      reqLogin.addEventListener('change', function () {
-        var msg = q('od-team-policy-msg');
-        postJSON('/api/rbac/policy', { require_login: reqLogin.checked }).then(function (r) {
-          if (msg) {
-            msg.textContent = r.ok
-              ? (reqLogin.checked ? 'Company mode on — everyone must sign in.'
-                                  : 'Company mode off — single-operator use.')
-              : ((r.data && r.data.detail) || 'Could not update policy.');
-          }
-        });
-      });
-    }
-  }
-
-  window.odRenderTeam = odRenderTeam;
-}());

package/src/superlocalmemory/ui/js/optimize.js

@@ -1,191 +0,0 @@
-// SuperLocalMemory V3 — Optimize Tab
-// Part of Qualixar | https://superlocalmemory.com
-
-(function() {
-  'use strict';
-
-  var _pollTimer = null;
-
-  window.initOptimizeTab = function() {
-    _loadOptimizeConfig();
-    _loadSavings();
-    _startSavingsPolling();
-  };
-
-  function _startSavingsPolling() {
-    if (_pollTimer) clearInterval(_pollTimer);
-    _pollTimer = setInterval(_loadSavings, 10000);
-  }
-
-  var CFG_CARD = 'optimize-config-card';
-
-  async function _loadOptimizeConfig() {
-    try {
-      var resp = await fetch('/api/optimize/config');
-      if (!resp.ok) {
-        showPaneError(CFG_CARD, paneErrorMessage(resp.status), _loadOptimizeConfig, true);
-        return;
-      }
-      var cfg = await resp.json();
-      clearPaneError(CFG_CARD, true);
-      _setToggle('opt-enabled', cfg.enabled);
-      _setToggle('opt-proxy-enabled', cfg.proxy_enabled);
-      _setToggle('opt-cache-enabled', cfg.cache_enabled);
-      _setToggle('opt-semantic-enabled', cfg.semantic_enabled);
-      _setToggle('opt-compress-enabled', cfg.compress_enabled);
-      _setSelect('opt-compress-mode', cfg.compress_mode);
-      _setToggle('opt-compress-prose', cfg.compress_prose);
-      var verEl = document.getElementById('opt-config-version');
-      if (verEl) verEl.textContent = cfg.config_version || '-';
-    } catch (e) {
-      showPaneError(CFG_CARD, paneErrorMessage(0), _loadOptimizeConfig, true);
-      console.log('Optimize config load error:', e);
-    }
-  }
-
-  var SAV_CARD = 'optimize-savings-card';
-
-  async function _loadSavings() {
-    try {
-      var resp = await fetch('/api/optimize/savings');
-      if (!resp.ok) {
-        // D-3: no Retry on polling loader \u2014 auto-heals on next poll
-        showPaneError(SAV_CARD, paneErrorMessage(resp.status), null, true);
-        return;
-      }
-      var data = await resp.json();
-      clearPaneError(SAV_CARD, true);
-      var tokensSaved = (data.tokens_saved_input || 0) + (data.tokens_saved_output || 0) + (data.tokens_saved_compress || 0);
-      _setText('opt-tokens-saved', tokensSaved.toLocaleString());
-      var costSaved = data.cost_saved || {};
-      _setText('opt-usd-saved', '$' + (costSaved.usd || 0).toFixed(4));
-      _setText('opt-inr-saved', '\u20B9' + (costSaved.inr || 0).toFixed(2));
-      _setText('opt-hit-rate', ((data.hit_rate || 0) * 100).toFixed(1) + '%');
-      _setText('opt-cache-entries', data.entries || 0);
-      _setText('opt-cache-size', _formatBytes(data.cache_bytes || 0));
-      if (data.compress_ratio !== null && data.compress_ratio !== undefined) {
-        _setText('opt-compression-ratio', data.compress_ratio.toFixed(2));
-      }
-      _setText('opt-pricing-date', data.pricing_date || '-');
-      if (data.is_stale) {
-        _setText('opt-stale-warning', 'Pricing data may be outdated');
-      }
-    } catch (e) {
-      // D-3: no Retry on polling loader
-      showPaneError(SAV_CARD, paneErrorMessage(0), null, true);
-      console.log('Savings load error:', e);
-    }
-  }
-
-  // Toggle handlers
-  document.addEventListener('change', function(e) {
-    var id = e.target.id;
-    if (!id || !id.startsWith('opt-')) return;
-    var val = e.target.checked;
-
-    var fieldMap = {
-      'opt-enabled':          'enabled',
-      'opt-proxy-enabled':    'proxy_enabled',
-      'opt-cache-enabled':    'cache_enabled',
-      'opt-semantic-enabled': 'semantic_enabled',
-      'opt-compress-enabled': 'compress_enabled',
-      'opt-compress-prose':   'compress_prose'
-    };
-
-    if (id === 'opt-compress-mode') {
-      var mode = e.target.value;
-      if (mode === 'aggressive') {
-        confirmDestructive({
-          title: 'Enable aggressive compression',
-          target: 'Compression mode',
-          consequence: 'May reduce output fidelity. Not safe for code, legal text, or math tasks.',
-          confirmLabel: 'Enable',
-        }).then(function(confirmed) {
-          if (confirmed) {
-            _putConfig({compress_mode: 'aggressive'});
-          } else {
-            e.target.value = 'safe';
-          }
-        });
-        return;
-      }
-      _putConfig({compress_mode: mode});
-      return;
-    }
-
-    var field = fieldMap[id];
-    if (field) {
-      var body = {};
-      body[field] = val;
-      _putConfig(body);
-      if (id === 'opt-proxy-enabled' || id === 'opt-enabled') {
-        var notice = document.getElementById('opt-restart-notice');
-        if (notice) notice.classList.remove('d-none');
-      }
-    }
-  });
-
-  async function _putConfig(body) {
-    try {
-      var resp = await fetch('/api/optimize/config', {
-        method: 'PUT',
-        headers: {'Content-Type': 'application/json'},
-        body: JSON.stringify(body)
-      });
-      if (!resp.ok) {
-        console.warn('Config update failed: HTTP ' + resp.status);
-        _loadOptimizeConfig(); // revert toggles to server state
-      }
-    } catch (e) {
-      console.log('Config update error:', e);
-      _loadOptimizeConfig(); // revert toggles to server state
-    }
-  }
-
-  // Copy proxy URL to clipboard
-  document.addEventListener('click', function(e) {
-    if (e.target && e.target.id === 'opt-copy-url') {
-      var url = 'http://localhost:8765';
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        navigator.clipboard.writeText(url).catch(function() {
-          _fallbackCopy(url);
-        });
-      } else {
-        _fallbackCopy(url);
-      }
-      e.target.textContent = 'Copied!';
-      setTimeout(function() { e.target.textContent = 'Copy URL'; }, 2000);
-    }
-  });
-
-  function _fallbackCopy(text) {
-    var ta = document.createElement('textarea');
-    ta.value = text;
-    ta.style.position = 'fixed';
-    ta.style.left = '-9999px';
-    document.body.appendChild(ta);
-    ta.select();
-    try { document.execCommand('copy'); } catch (e) {}
-    document.body.removeChild(ta);
-  }
-
-  function _setToggle(id, val) {
-    var el = document.getElementById(id);
-    if (el) el.checked = !!val;
-  }
-  function _setSelect(id, val) {
-    var el = document.getElementById(id);
-    if (el) el.value = val || 'safe';
-  }
-  function _setText(id, val) {
-    var el = document.getElementById(id);
-    if (el) el.textContent = val;
-  }
-  function _formatBytes(bytes) {
-    if (bytes === 0) return '0 B';
-    var k = 1024;
-    var sizes = ['B', 'KB', 'MB', 'GB'];
-    var i = Math.floor(Math.log(bytes) / Math.log(k));
-    return (bytes / Math.pow(k, i)).toFixed(1) + ' ' + sizes[i];
-  }
-})();