laminark 2.21.7 → 2.21.9

package/plugin/ui/settings.js

@@ -130,7 +130,14 @@
 
     var scope = getSelectedScope();
     var count = getAffectedCount(type);
-    var scopeLabel = scope === 'current' ? 'current project' : 'ALL projects';
+    var projectName = '';
+    if (scope === 'current') {
+      var select = document.getElementById('project-selector');
+      if (select && select.selectedOptions && select.selectedOptions[0]) {
+        projectName = select.selectedOptions[0].textContent;
+      }
+    }
+    var scopeLabel = scope === 'current' ? 'project "' + (projectName || 'unknown') + '"' : 'ALL projects';
 
     var title = document.getElementById('confirm-title');
     var desc = document.getElementById('confirm-desc');
@@ -318,14 +325,6 @@
   }
 
   function initTopicDetection() {
-    // Collapsible section
-    var header = document.querySelector('[data-config-toggle="topic-detection"]');
-    if (header) {
-      header.addEventListener('click', function () {
-        document.getElementById('topic-detection-section').classList.toggle('collapsed');
-      });
-    }
-
     // Enabled toggle
     var enabled = document.getElementById('td-enabled');
     if (enabled) {
@@ -525,14 +524,6 @@
   }
 
   function initGraphExtraction() {
-    // Collapsible section
-    var header = document.querySelector('[data-config-toggle="graph-extraction"]');
-    if (header) {
-      header.addEventListener('click', function () {
-        document.getElementById('graph-extraction-section').classList.toggle('collapsed');
-      });
-    }
-
     // Enabled toggle
     var enabled = document.getElementById('ge-enabled');
     if (enabled) {
@@ -599,11 +590,757 @@
     loadGraphExtractionConfig();
   }
 
+  // =========================================================================
+  // Cross-Project Access Config
+  // =========================================================================
+
+  var caReadable = []; // current readable project hashes
+
+  async function loadCrossAccessConfig() {
+    var project = getProjectHash();
+    if (!project) return;
+    try {
+      var res = await fetch('/api/admin/config/cross-access?project=' + encodeURIComponent(project));
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      caReadable = config.readableProjects || [];
+      populateCrossAccessLists();
+    } catch (err) {
+      console.error('[laminark] Failed to load cross-access config:', err);
+    }
+  }
+
+  function getAllProjects() {
+    var select = document.getElementById('project-selector');
+    if (!select) return [];
+    var projects = [];
+    for (var i = 0; i < select.options.length; i++) {
+      projects.push({
+        hash: select.options[i].value,
+        name: select.options[i].textContent,
+      });
+    }
+    return projects;
+  }
+
+  function populateCrossAccessLists() {
+    var currentProject = getProjectHash();
+    var allProjects = getAllProjects();
+    var availableList = document.getElementById('ca-available');
+    var readableList = document.getElementById('ca-readable');
+    if (!availableList || !readableList) return;
+
+    availableList.innerHTML = '';
+    readableList.innerHTML = '';
+
+    var readableSet = new Set(caReadable);
+
+    allProjects.forEach(function (p) {
+      if (p.hash === currentProject) return; // skip self
+      if (readableSet.has(p.hash)) {
+        readableList.appendChild(createCrossAccessItem(p, 'remove'));
+      } else {
+        availableList.appendChild(createCrossAccessItem(p, 'add'));
+      }
+    });
+
+    // Update status badge
+    var badge = document.getElementById('ca-status');
+    if (badge) {
+      var count = caReadable.length;
+      badge.textContent = count + ' project' + (count !== 1 ? 's' : '');
+      badge.className = 'config-section-status ' + (count > 0 ? 'enabled' : 'disabled');
+    }
+  }
+
+  function createCrossAccessItem(project, action) {
+    var li = document.createElement('li');
+    li.className = 'cross-access-item';
+    li.setAttribute('data-hash', project.hash);
+
+    var nameSpan = document.createElement('span');
+    nameSpan.className = 'cross-access-item-name';
+    nameSpan.textContent = project.name;
+    nameSpan.title = project.hash;
+    li.appendChild(nameSpan);
+
+    var btn = document.createElement('button');
+    if (action === 'add') {
+      btn.className = 'cross-access-add-btn';
+      btn.innerHTML = '&#9654;'; // right arrow
+      btn.title = 'Add to readable projects';
+      btn.addEventListener('click', function () {
+        caReadable.push(project.hash);
+        populateCrossAccessLists();
+      });
+    } else {
+      btn.className = 'cross-access-remove-btn';
+      btn.innerHTML = '&times;';
+      btn.title = 'Remove from readable projects';
+      btn.addEventListener('click', function () {
+        caReadable = caReadable.filter(function (h) { return h !== project.hash; });
+        populateCrossAccessLists();
+      });
+    }
+    li.appendChild(btn);
+
+    return li;
+  }
+
+  async function saveCrossAccessConfig() {
+    var project = getProjectHash();
+    if (!project) return null;
+    try {
+      var res = await fetch('/api/admin/config/cross-access?project=' + encodeURIComponent(project), {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ readableProjects: caReadable }),
+      });
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      caReadable = config.readableProjects || [];
+      populateCrossAccessLists();
+      return config;
+    } catch (err) {
+      console.error('[laminark] Failed to save cross-access config:', err);
+      return null;
+    }
+  }
+
+  function initCrossAccess() {
+    // Save button
+    var saveBtn = document.getElementById('ca-save');
+    if (saveBtn) {
+      saveBtn.addEventListener('click', async function () {
+        var result = await saveCrossAccessConfig();
+        if (result) showSuccessMessage('Cross-project access settings saved.');
+      });
+    }
+
+    // Reset to defaults
+    var defaultsBtn = document.getElementById('ca-defaults');
+    if (defaultsBtn) {
+      var caResetTimer = null;
+      defaultsBtn.addEventListener('click', async function () {
+        if (defaultsBtn.classList.contains('confirming')) {
+          clearTimeout(caResetTimer);
+          defaultsBtn.classList.remove('confirming');
+          defaultsBtn.textContent = 'Reset to Defaults';
+          var project = getProjectHash();
+          if (!project) return;
+          try {
+            var res = await fetch('/api/admin/config/cross-access?project=' + encodeURIComponent(project), {
+              method: 'PUT',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ __reset: true }),
+            });
+            if (res.ok) {
+              var config = await res.json();
+              caReadable = config.readableProjects || [];
+              populateCrossAccessLists();
+              showSuccessMessage('Cross-project access reset to defaults.');
+            }
+          } catch (err) {
+            console.error('[laminark] Failed to reset cross-access config:', err);
+          }
+        } else {
+          defaultsBtn.classList.add('confirming');
+          defaultsBtn.textContent = 'Confirm?';
+          caResetTimer = setTimeout(function () {
+            defaultsBtn.classList.remove('confirming');
+            defaultsBtn.textContent = 'Reset to Defaults';
+          }, 3000);
+        }
+      });
+    }
+
+    loadCrossAccessConfig();
+
+    // Reload when project changes
+    var projectSelector = document.getElementById('project-selector');
+    if (projectSelector) {
+      projectSelector.addEventListener('change', function () {
+        loadCrossAccessConfig();
+      });
+    }
+  }
+
+  // =========================================================================
+  // Database Hygiene
+  // =========================================================================
+
+  var lastHygieneReport = null;
+
+  function getSelectedTier() {
+    var activeBtn = document.querySelector('#hy-tier .config-radio.active');
+    return activeBtn ? activeBtn.getAttribute('data-value') : 'high';
+  }
+
+  async function runHygieneScan() {
+    var project = getProjectHash();
+    if (!project) return;
+
+    var tier = getSelectedTier();
+    var params = new URLSearchParams({ project: project, tier: tier, limit: '100' });
+
+    var badge = document.getElementById('hy-status');
+    if (badge) { badge.textContent = 'Scanning...'; badge.className = 'config-section-status disabled'; }
+
+    try {
+      var res = await fetch('/api/admin/hygiene?' + params.toString());
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var report = await res.json();
+      lastHygieneReport = report;
+      renderHygieneReport(report, tier);
+    } catch (err) {
+      console.error('[laminark] Hygiene scan failed:', err);
+      if (badge) { badge.textContent = 'Error'; badge.className = 'config-section-status disabled'; }
+    }
+  }
+
+  function renderHygieneReport(report, tier) {
+    var badge = document.getElementById('hy-status');
+    var total = report.summary.high + report.summary.medium;
+    if (badge) {
+      badge.textContent = total + ' candidate' + (total !== 1 ? 's' : '');
+      badge.className = 'config-section-status ' + (total > 0 ? 'enabled' : 'disabled');
+    }
+
+    var results = document.getElementById('hy-results');
+    if (results) results.classList.remove('hidden');
+
+    // Summary
+    var summary = document.getElementById('hy-summary');
+    if (summary) {
+      summary.innerHTML =
+        '<div class="hygiene-summary-row">' +
+          '<span class="hygiene-stat"><strong>' + report.totalObservations.toLocaleString() + '</strong> analyzed</span>' +
+          '<span class="hygiene-stat hy-high"><strong>' + report.summary.high + '</strong> high</span>' +
+          '<span class="hygiene-stat hy-medium"><strong>' + report.summary.medium + '</strong> medium</span>' +
+          '<span class="hygiene-stat"><strong>' + report.summary.orphanNodeCount + '</strong> orphan nodes</span>' +
+        '</div>';
+    }
+
+    // Table
+    var tbody = document.getElementById('hy-table-body');
+    if (!tbody) return;
+    tbody.innerHTML = '';
+
+    if (report.candidates.length === 0) {
+      var tr = document.createElement('tr');
+      tr.innerHTML = '<td colspan="6" style="text-align:center;opacity:0.5;">No candidates at this tier</td>';
+      tbody.appendChild(tr);
+      return;
+    }
+
+    report.candidates.forEach(function (c) {
+      var signals = [];
+      if (c.signals.orphaned) signals.push('orphaned');
+      if (c.signals.islandNode) signals.push('island');
+      if (c.signals.noiseClassified) signals.push('noise');
+      if (c.signals.shortContent) signals.push('short');
+      if (c.signals.autoCaptured) signals.push('auto');
+      if (c.signals.stale) signals.push('stale');
+
+      var tr = document.createElement('tr');
+      tr.className = c.tier === 'high' ? 'hy-row-high' : c.tier === 'medium' ? 'hy-row-medium' : '';
+      tr.innerHTML =
+        '<td class="mono">' + c.shortId + '</td>' +
+        '<td>' + c.kind + '</td>' +
+        '<td>' + c.source + '</td>' +
+        '<td>' + c.confidence.toFixed(2) + '</td>' +
+        '<td class="hygiene-signals">' + signals.map(function (s) { return '<span class="hy-signal">' + s + '</span>'; }).join(' ') + '</td>' +
+        '<td class="hygiene-preview">' + escapeHtml(c.contentPreview) + '</td>';
+      tbody.appendChild(tr);
+    });
+  }
+
+  function escapeHtml(text) {
+    var div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  async function runHygienePurge() {
+    var project = getProjectHash();
+    if (!project) return;
+
+    var tier = getSelectedTier();
+    var purgeBtn = document.getElementById('hy-purge');
+
+    if (purgeBtn && !purgeBtn.classList.contains('confirming')) {
+      purgeBtn.classList.add('confirming');
+      purgeBtn.textContent = 'Confirm Purge?';
+      setTimeout(function () {
+        if (purgeBtn.classList.contains('confirming')) {
+          purgeBtn.classList.remove('confirming');
+          purgeBtn.textContent = 'Purge Selected Tier';
+        }
+      }, 3000);
+      return;
+    }
+
+    if (purgeBtn) {
+      purgeBtn.classList.remove('confirming');
+      purgeBtn.textContent = 'Purging...';
+      purgeBtn.disabled = true;
+    }
+
+    try {
+      var res = await fetch('/api/admin/hygiene/purge', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ tier: tier }),
+      });
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var result = await res.json();
+
+      showSuccessMessage(
+        'Purged ' + result.observationsPurged + ' observations, ' +
+        result.orphanNodesRemoved + ' orphan nodes removed.'
+      );
+
+      // Refresh stats and re-scan
+      await refreshStats();
+      await runHygieneScan();
+    } catch (err) {
+      console.error('[laminark] Hygiene purge failed:', err);
+    }
+
+    if (purgeBtn) {
+      purgeBtn.disabled = false;
+      purgeBtn.textContent = 'Purge Selected Tier';
+    }
+  }
+
+  function initHygiene() {
+    // Tier radio buttons
+    var tierBtns = document.querySelectorAll('#hy-tier .config-radio');
+    tierBtns.forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        tierBtns.forEach(function (b) { b.classList.remove('active'); });
+        btn.classList.add('active');
+      });
+    });
+
+    // Scan button
+    var scanBtn = document.getElementById('hy-scan');
+    if (scanBtn) {
+      scanBtn.addEventListener('click', runHygieneScan);
+    }
+
+    // Purge button
+    var purgeBtn = document.getElementById('hy-purge');
+    if (purgeBtn) {
+      purgeBtn.addEventListener('click', runHygienePurge);
+    }
+  }
+
+  // =========================================================================
+  // Hygiene Config
+  // =========================================================================
+
+  var HC_WEIGHT_KEYS = ['orphaned', 'islandNode', 'noiseClassified', 'shortContent', 'autoCaptured', 'stale'];
+
+  function populateHygieneConfig(config) {
+    HC_WEIGHT_KEYS.forEach(function (key) {
+      var slider = document.getElementById('hc-w-' + key);
+      var label = document.getElementById('hc-w-' + key + '-val');
+      if (slider) slider.value = config.signalWeights[key];
+      if (label) label.textContent = config.signalWeights[key].toFixed(2);
+    });
+
+    setSlider('hc-t-high', 'hc-t-high-val', config.tierThresholds.high);
+    setSlider('hc-t-medium', 'hc-t-medium-val', config.tierThresholds.medium);
+    setVal('hc-short-threshold', config.shortContentThreshold);
+  }
+
+  function gatherHygieneConfig() {
+    var weights = {};
+    HC_WEIGHT_KEYS.forEach(function (key) {
+      var slider = document.getElementById('hc-w-' + key);
+      weights[key] = slider ? parseFloat(slider.value) : 0;
+    });
+
+    return {
+      signalWeights: weights,
+      tierThresholds: {
+        high: parseFloat(document.getElementById('hc-t-high').value) || 0.70,
+        medium: parseFloat(document.getElementById('hc-t-medium').value) || 0.50,
+      },
+      shortContentThreshold: parseInt(document.getElementById('hc-short-threshold').value, 10) || 50,
+    };
+  }
+
+  async function loadHygieneConfig() {
+    try {
+      var res = await fetch('/api/admin/config/hygiene');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      populateHygieneConfig(config);
+    } catch (err) {
+      console.error('[laminark] Failed to load hygiene config:', err);
+    }
+  }
+
+  async function saveHygieneConfig(data) {
+    try {
+      var res = await fetch('/api/admin/config/hygiene', {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      });
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      populateHygieneConfig(config);
+      return config;
+    } catch (err) {
+      console.error('[laminark] Failed to save hygiene config:', err);
+      return null;
+    }
+  }
+
+  async function runFindAnalysis() {
+    var project = getProjectHash();
+    if (!project) return;
+
+    var findBtn = document.getElementById('hc-find');
+    if (findBtn) { findBtn.textContent = 'Analyzing...'; findBtn.disabled = true; }
+
+    try {
+      var res = await fetch('/api/admin/hygiene/find?project=' + encodeURIComponent(project));
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var report = await res.json();
+      renderFindResults(report);
+    } catch (err) {
+      console.error('[laminark] Find analysis failed:', err);
+    }
+
+    if (findBtn) { findBtn.textContent = 'Find'; findBtn.disabled = false; }
+  }
+
+  function renderFindResults(report) {
+    var container = document.getElementById('hc-find-results');
+    if (container) container.classList.remove('hidden');
+
+    // Summary
+    var summary = document.getElementById('hc-find-summary');
+    if (summary) {
+      var signals = report.bySignal;
+      summary.innerHTML =
+        '<div class="hygiene-summary-row">' +
+          '<span class="hygiene-stat"><strong>' + report.total.toLocaleString() + '</strong> total</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.orphaned + '</strong> orphaned</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.islandNode + '</strong> island</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.noiseClassified + '</strong> noise</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.shortContent + '</strong> short</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.autoCaptured + '</strong> auto</span>' +
+          '<span class="hygiene-stat"><strong>' + signals.stale + '</strong> stale</span>' +
+        '</div>';
+    }
+
+    // Histogram
+    var histogram = document.getElementById('hc-find-histogram');
+    if (histogram) {
+      var maxCount = 0;
+      report.distribution.forEach(function (d) { if (d.count > maxCount) maxCount = d.count; });
+
+      var html = '<div class="hygiene-histogram">';
+      report.distribution.forEach(function (d) {
+        var pct = maxCount > 0 ? (d.count / maxCount * 100) : 0;
+        html += '<div class="hygiene-histogram-bar-wrap">' +
+          '<div class="hygiene-histogram-bar" style="height:' + Math.max(pct, 2) + '%;" title="' + d.range + ': ' + d.count + '"></div>' +
+          '<div class="hygiene-histogram-label">' + d.range.split('-')[0] + '</div>' +
+          '</div>';
+      });
+      html += '</div>';
+      histogram.innerHTML = html;
+    }
+
+    // Island nodes
+    var islands = document.getElementById('hc-find-islands');
+    if (islands && report.islandNodes) {
+      var isl = report.islandNodes;
+      var cap = isl.capturedAtCurrentThresholds;
+      islands.innerHTML =
+        '<div class="hygiene-summary-row">' +
+          '<span class="hygiene-stat"><strong>' + isl.total + '</strong> island obs</span>' +
+          '<span class="hygiene-stat">conf: ' + isl.minConfidence.toFixed(2) + ' &ndash; ' + isl.maxConfidence.toFixed(2) + '</span>' +
+          '<span class="hygiene-stat">median: <strong>' + isl.medianConfidence.toFixed(2) + '</strong></span>' +
+          '<span class="hygiene-stat hy-high">high: <strong>' + cap.high + '</strong></span>' +
+          '<span class="hygiene-stat hy-medium">medium+: <strong>' + cap.medium + '</strong></span>' +
+          '<span class="hygiene-stat">all: <strong>' + cap.all + '</strong></span>' +
+        '</div>';
+    }
+  }
+
+  function initHygieneConfig() {
+    // Bind sliders
+    HC_WEIGHT_KEYS.forEach(function (key) {
+      bindSlider('hc-w-' + key, 'hc-w-' + key + '-val');
+    });
+    bindSlider('hc-t-high', 'hc-t-high-val');
+    bindSlider('hc-t-medium', 'hc-t-medium-val');
+
+    // Save button
+    var saveBtn = document.getElementById('hc-save');
+    if (saveBtn) {
+      saveBtn.addEventListener('click', async function () {
+        var data = gatherHygieneConfig();
+        var result = await saveHygieneConfig(data);
+        if (result) showSuccessMessage('Hygiene settings saved.');
+      });
+    }
+
+    // Reset to defaults
+    var defaultsBtn = document.getElementById('hc-defaults');
+    if (defaultsBtn) {
+      var hcResetTimer = null;
+      defaultsBtn.addEventListener('click', async function () {
+        if (defaultsBtn.classList.contains('confirming')) {
+          clearTimeout(hcResetTimer);
+          defaultsBtn.classList.remove('confirming');
+          defaultsBtn.textContent = 'Reset to Defaults';
+          var result = await saveHygieneConfig({ __reset: true });
+          if (result) showSuccessMessage('Hygiene settings reset to defaults.');
+        } else {
+          defaultsBtn.classList.add('confirming');
+          defaultsBtn.textContent = 'Confirm?';
+          hcResetTimer = setTimeout(function () {
+            defaultsBtn.classList.remove('confirming');
+            defaultsBtn.textContent = 'Reset to Defaults';
+          }, 3000);
+        }
+      });
+    }
+
+    // Find button
+    var findBtn = document.getElementById('hc-find');
+    if (findBtn) {
+      findBtn.addEventListener('click', runFindAnalysis);
+    }
+
+    loadHygieneConfig();
+  }
+
+  // =========================================================================
+  // Tool Response Verbosity Config
+  // =========================================================================
+
+  var LEVEL_LABELS = { 1: 'Minimal', 2: 'Standard', 3: 'Verbose' };
+
+  function populateToolVerbosity(config) {
+    var levelBtns = document.querySelectorAll('#tv-level .config-radio');
+    levelBtns.forEach(function (btn) {
+      btn.classList.toggle('active', btn.getAttribute('data-value') === String(config.level));
+    });
+    var badge = document.getElementById('tv-status');
+    if (badge) {
+      badge.textContent = LEVEL_LABELS[config.level] || 'Standard';
+      badge.className = 'config-section-status enabled';
+    }
+  }
+
+  async function loadToolVerbosityConfig() {
+    try {
+      var res = await fetch('/api/admin/config/tool-verbosity');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      populateToolVerbosity(config);
+    } catch (err) {
+      console.error('[laminark] Failed to load tool verbosity config:', err);
+    }
+  }
+
+  async function saveToolVerbosityConfig(data) {
+    try {
+      var res = await fetch('/api/admin/config/tool-verbosity', {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      });
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      var config = await res.json();
+      populateToolVerbosity(config);
+      return config;
+    } catch (err) {
+      console.error('[laminark] Failed to save tool verbosity config:', err);
+      return null;
+    }
+  }
+
+  function initToolVerbosity() {
+    // Level radio buttons
+    var levelBtns = document.querySelectorAll('#tv-level .config-radio');
+    levelBtns.forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        levelBtns.forEach(function (b) { b.classList.remove('active'); });
+        btn.classList.add('active');
+      });
+    });
+
+    // Save button
+    var saveBtn = document.getElementById('tv-save');
+    if (saveBtn) {
+      saveBtn.addEventListener('click', async function () {
+        var activeBtn = document.querySelector('#tv-level .config-radio.active');
+        var level = activeBtn ? parseInt(activeBtn.getAttribute('data-value'), 10) : 2;
+        var result = await saveToolVerbosityConfig({ level: level });
+        if (result) showSuccessMessage('Tool verbosity settings saved.');
+      });
+    }
+
+    // Reset to defaults
+    var defaultsBtn = document.getElementById('tv-defaults');
+    if (defaultsBtn) {
+      var tvResetTimer = null;
+      defaultsBtn.addEventListener('click', async function () {
+        if (defaultsBtn.classList.contains('confirming')) {
+          clearTimeout(tvResetTimer);
+          defaultsBtn.classList.remove('confirming');
+          defaultsBtn.textContent = 'Reset to Defaults';
+          var result = await saveToolVerbosityConfig({ __reset: true });
+          if (result) showSuccessMessage('Tool verbosity reset to defaults.');
+        } else {
+          defaultsBtn.classList.add('confirming');
+          defaultsBtn.textContent = 'Confirm?';
+          tvResetTimer = setTimeout(function () {
+            defaultsBtn.classList.remove('confirming');
+            defaultsBtn.textContent = 'Reset to Defaults';
+          }, 3000);
+        }
+      });
+    }
+
+    loadToolVerbosityConfig();
+  }
+
+  // =========================================================================
+  // System Info
+  // =========================================================================
+
+  function formatBytes(bytes) {
+    if (bytes === 0) return '0 B';
+    var units = ['B', 'KB', 'MB', 'GB'];
+    var i = Math.floor(Math.log(bytes) / Math.log(1024));
+    if (i >= units.length) i = units.length - 1;
+    return (bytes / Math.pow(1024, i)).toFixed(1) + ' ' + units[i];
+  }
+
+  function formatUptime(seconds) {
+    var d = Math.floor(seconds / 86400);
+    var h = Math.floor((seconds % 86400) / 3600);
+    var m = Math.floor((seconds % 3600) / 60);
+    if (d > 0) return d + 'd ' + h + 'h';
+    if (h > 0) return h + 'h ' + m + 'm';
+    return m + 'm';
+  }
+
+  function makeStatCard(id, value, label) {
+    var el = document.createElement('div');
+    el.className = 'stat-card';
+    if (id) el.id = id;
+
+    var valueEl = document.createElement('div');
+    valueEl.className = 'stat-value';
+    valueEl.textContent = value;
+
+    var labelEl = document.createElement('div');
+    labelEl.className = 'stat-label';
+    labelEl.textContent = label;
+
+    el.appendChild(valueEl);
+    el.appendChild(labelEl);
+    return el;
+  }
+
+  async function fetchSystemInfo() {
+    try {
+      var res = await fetch('/api/admin/system');
+      if (!res.ok) throw new Error('HTTP ' + res.status);
+      return await res.json();
+    } catch (err) {
+      console.error('[laminark] Failed to fetch system info:', err);
+      return null;
+    }
+  }
+
+  function renderSystemInfo(info) {
+    if (!info) return;
+
+    // System Info grid
+    var sysGrid = document.getElementById('system-info-grid');
+    if (sysGrid) {
+      sysGrid.innerHTML = '';
+      sysGrid.appendChild(makeStatCard(null, info.laminarkVersion, 'Laminark'));
+      sysGrid.appendChild(makeStatCard(null, info.nodeVersion, 'Node.js'));
+      sysGrid.appendChild(makeStatCard(null, info.platform + ' ' + info.arch, 'Platform'));
+      sysGrid.appendChild(makeStatCard(null, formatUptime(info.uptimeSeconds), 'Uptime'));
+    }
+
+    // Database Storage grid
+    var dbGrid = document.getElementById('db-storage-grid');
+    if (dbGrid) {
+      dbGrid.innerHTML = '';
+      dbGrid.appendChild(makeStatCard(null, formatBytes(info.database.sizeBytes), 'DB Size'));
+      dbGrid.appendChild(makeStatCard(null, formatBytes(info.database.walSizeBytes), 'WAL Size'));
+      dbGrid.appendChild(makeStatCard(null, info.database.pageCount.toLocaleString(), 'Page Count'));
+      dbGrid.appendChild(makeStatCard(null, formatBytes(info.database.pageSize), 'Page Size'));
+    }
+
+    // Process Memory grid
+    var memGrid = document.getElementById('process-memory-grid');
+    if (memGrid) {
+      memGrid.innerHTML = '';
+      memGrid.appendChild(makeStatCard(null, formatBytes(info.memory.rssBytes), 'RSS'));
+      memGrid.appendChild(makeStatCard(null, formatBytes(info.memory.heapUsedBytes), 'Heap Used'));
+      memGrid.appendChild(makeStatCard(null, formatBytes(info.memory.heapTotalBytes), 'Heap Total'));
+    }
+  }
+
+  async function refreshSystemInfo() {
+    var info = await fetchSystemInfo();
+    renderSystemInfo(info);
+  }
+
+  // =========================================================================
+  // Sidebar Navigation
+  // =========================================================================
+
+  function initSettingsSidebar() {
+    var items = document.querySelectorAll('.settings-sidebar-item');
+    var panels = document.querySelectorAll('.settings-panel');
+
+    function activateTab(tabName) {
+      items.forEach(function (item) {
+        item.classList.toggle('active', item.getAttribute('data-settings-tab') === tabName);
+      });
+      panels.forEach(function (panel) {
+        panel.classList.toggle('active', panel.getAttribute('data-settings-panel') === tabName);
+      });
+      try { localStorage.setItem('laminark-settings-tab', tabName); } catch (e) {}
+    }
+
+    items.forEach(function (item) {
+      item.addEventListener('click', function () {
+        activateTab(item.getAttribute('data-settings-tab'));
+      });
+    });
+
+    // Restore last-selected tab
+    var saved = null;
+    try { saved = localStorage.getItem('laminark-settings-tab'); } catch (e) {}
+    if (saved && document.querySelector('[data-settings-panel="' + saved + '"]')) {
+      activateTab(saved);
+    }
+  }
+
   // =========================================================================
   // Init
   // =========================================================================
 
   function initSettings() {
+    initSettingsSidebar();
     // Reset action buttons
     var resetBtns = document.querySelectorAll('.reset-action-btn');
     resetBtns.forEach(function (btn) {
@@ -638,9 +1375,36 @@
       radio.addEventListener('change', refreshStats);
     });
 
+    // Show current project name in danger zone scope label
+    updateResetScopeProjectName();
+    var projectSelector = document.getElementById('project-selector');
+    if (projectSelector) {
+      projectSelector.addEventListener('change', updateResetScopeProjectName);
+    }
+
+    // System info (fetched once, not re-fetched on project change)
+    refreshSystemInfo();
+
     // Config sections
+    initHygiene();
+    initHygieneConfig();
+    initToolVerbosity();
     initTopicDetection();
     initGraphExtraction();
+    initCrossAccess();
+  }
+
+  function updateResetScopeProjectName() {
+    var el = document.getElementById('reset-scope-project-name');
+    if (!el) return;
+    var select = document.getElementById('project-selector');
+    if (select && select.selectedOptions && select.selectedOptions[0]) {
+      el.textContent = select.selectedOptions[0].textContent;
+    } else if (window.laminarkState && window.laminarkState.currentProject) {
+      el.textContent = window.laminarkState.currentProject.substring(0, 8) + '...';
+    } else {
+      el.textContent = 'unknown';
+    }
   }
 
   window.laminarkSettings = {