npm - nexo-brain - Versions diffs - 2.4.0 → 2.5.0 - Mend

nexo-brain 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/README.md +65 -2
package/bin/nexo-brain.js +208 -11
package/bin/nexo.js +55 -0
package/community/skills/.gitkeep +1 -0
package/package.json +5 -2
package/src/auto_update.py +158 -8
package/src/cli.py +605 -0
package/src/cognitive/_ingest.py +1 -1
package/src/cognitive/_memory.py +4 -4
package/src/crons/manifest.json +8 -0
package/src/dashboard/app.py +700 -35
package/src/dashboard/templates/adaptive.html +112 -218
package/src/dashboard/templates/artifacts.html +133 -0
package/src/dashboard/templates/backups.html +136 -0
package/src/dashboard/templates/base.html +413 -0
package/src/dashboard/templates/calendar.html +523 -654
package/src/dashboard/templates/chat.html +356 -0
package/src/dashboard/templates/claims.html +259 -0
package/src/dashboard/templates/cortex.html +262 -0
package/src/dashboard/templates/credentials.html +128 -0
package/src/dashboard/templates/crons.html +370 -0
package/src/dashboard/templates/dashboard.html +383 -578
package/src/dashboard/templates/dreams.html +252 -0
package/src/dashboard/templates/email.html +160 -0
package/src/dashboard/templates/evolution.html +189 -0
package/src/dashboard/templates/feed.html +249 -0
package/src/dashboard/templates/followup_health.html +170 -0
package/src/dashboard/templates/graph.html +191 -269
package/src/dashboard/templates/guard.html +259 -0
package/src/dashboard/templates/inbox.html +220 -346
package/src/dashboard/templates/memory.html +317 -197
package/src/dashboard/templates/operations.html +521 -698
package/src/dashboard/templates/plugins.html +185 -0
package/src/dashboard/templates/rules.html +246 -0
package/src/dashboard/templates/sentiment.html +247 -0
package/src/dashboard/templates/sessions.html +215 -182
package/src/dashboard/templates/skills.html +329 -0
package/src/dashboard/templates/somatic.html +68 -172
package/src/dashboard/templates/triggers.html +133 -0
package/src/dashboard/templates/trust.html +360 -0
package/src/db/__init__.py +5 -0
package/src/db/_schema.py +16 -1
package/src/db/_sessions.py +22 -0
package/src/db/_skills.py +980 -274
package/src/doctor/__init__.py +1 -0
package/src/doctor/formatters.py +52 -0
package/src/doctor/models.py +44 -0
package/src/doctor/orchestrator.py +42 -0
package/src/doctor/providers/__init__.py +1 -0
package/src/doctor/providers/boot.py +206 -0
package/src/doctor/providers/deep.py +292 -0
package/src/doctor/providers/runtime.py +686 -0
package/src/hooks/post-compact.sh +5 -1
package/src/hooks/pre-compact.sh +1 -1
package/src/plugins/doctor.py +36 -0
package/src/plugins/evolution.py +2 -1
package/src/plugins/skills.py +135 -175
package/src/requirements.txt +1 -0
package/src/script_registry.py +322 -0
package/src/scripts/deep-sleep/apply_findings.py +63 -48
package/src/scripts/deep-sleep/extract-prompt.md +14 -0
package/src/scripts/deep-sleep/synthesize-prompt.md +36 -0
package/src/scripts/deep-sleep/synthesize.py +37 -1
package/src/scripts/nexo-dashboard.sh +29 -0
package/src/scripts/nexo-day-orchestrator.sh +139 -0
package/src/scripts/nexo-evolution-run.py +2 -1
package/src/scripts/nexo-learning-housekeep.py +1 -1
package/src/scripts/nexo-watchdog.sh +1 -1
package/src/server.py +9 -5
package/src/skills/run-runtime-doctor/guide.md +12 -0
package/src/skills/run-runtime-doctor/script.py +21 -0
package/src/skills/run-runtime-doctor/skill.json +25 -0
package/src/skills_runtime.py +347 -0
package/src/tools_menu.py +3 -2
package/src/tools_sessions.py +126 -0
package/src/user_context.py +46 -0
package/templates/nexo_helper.py +45 -0
package/templates/script-template.py +44 -0
package/templates/skill-script-template.py +39 -0
package/templates/skill-template.md +33 -0

package/src/dashboard/templates/adaptive.html CHANGED Viewed

@@ -1,224 +1,118 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>NEXO Brain — Adaptive Personality</title>
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script>tailwind.config={theme:{extend:{fontFamily:{display:['Space Grotesk','system-ui','sans-serif'],mono:['JetBrains Mono','monospace']}}}}</script>
-  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-</head>
-<body class="bg-gray-950 text-slate-200">
-  <!-- Sidebar -->
-  <aside class="fixed left-0 top-0 bottom-0 w-14 bg-slate-900 border-r border-slate-800 flex flex-col items-center py-4 z-50">
-    <!-- Logo -->
-    <a href="/" class="mb-6 flex items-center justify-center w-8 h-8">
-      <img src="/static/nexo-logo.png" alt="NEXO" class="w-7 h-7" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
-      <div class="w-7 h-7 rounded-lg bg-violet-600 items-center justify-center hidden">
-        <span class="text-white text-xs font-bold font-display">N</span>
-      </div>
-    </a>
-    <!-- Nav icons -->
-    <nav class="flex flex-col items-center gap-1 flex-1">
-      <!-- Dashboard -->
-      <a href="/" title="Dashboard" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" />
-        </svg>
-      </a>
-      <!-- Operations -->
-      <a href="/ops" title="Operations" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
-        </svg>
-      </a>
-      <!-- Calendar -->
-      <a href="/calendar" title="Calendar" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
-        </svg>
-      </a>
-      <!-- Inbox -->
-      <a href="/inbox" title="Inbox" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors relative">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 01-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 001.183 1.981l6.478 3.488m8.839 2.51l-4.66-2.51m0 0l-1.023-.55a2.25 2.25 0 00-2.134 0l-1.022.55m0 0l-4.661 2.51m16.5 1.615a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V8.844a2.25 2.25 0 011.183-1.981l7.5-4.039a2.25 2.25 0 012.134 0l7.5 4.039a2.25 2.25 0 011.183 1.98V19.5z" />
-        </svg>
-        <span id="inbox-badge" class="absolute top-1 right-1 w-2 h-2 bg-violet-500 rounded-full hidden"></span>
-      </a>
-      <div class="w-6 border-t border-slate-800 my-1"></div>
-      <!-- Memory -->
-      <a href="/memory" title="Memory" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" />
-        </svg>
-      </a>
-      <!-- Graph -->
-      <a href="/graph" title="Graph" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z" />
-        </svg>
-      </a>
-      <!-- Sessions -->
-      <a href="/sessions" title="Sessions" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
-        </svg>
-      </a>
-      <!-- Somatic -->
-      <a href="/somatic" title="Somatic" class="w-9 h-9 flex items-center justify-center rounded-lg text-slate-500 hover:text-slate-200 hover:bg-slate-800 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
-        </svg>
-      </a>
-      <!-- Adaptive (ACTIVE) -->
-      <a href="/adaptive" title="Adaptive" class="w-9 h-9 flex items-center justify-center rounded-lg bg-slate-800 text-slate-200 transition-colors">
-        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
-        </svg>
-      </a>
-    </nav>
-    <!-- Trust score -->
-    <div class="mt-auto flex flex-col items-center gap-0.5">
-      <span class="text-xs uppercase tracking-wider text-slate-600">Trust</span>
-      <span id="sidebar-trust" class="text-xs font-mono font-medium text-slate-400">--</span>
-    </div>
-  </aside>
-  <!-- Main -->
-  <main class="ml-14 min-h-screen bg-gray-950 text-slate-200">
-    <header class="h-12 border-b border-slate-800/50 flex items-center px-6">
-      <h1 class="text-sm font-display font-semibold">Adaptive Personality</h1>
-    </header>
-    <div class="p-6">
-      <div class="grid grid-cols-2 gap-4 max-w-4xl mb-6">
-        <!-- Current Mode card -->
-        <div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4">
-          <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Current Mode</div>
-          <div id="mode" class="mb-2"></div>
-          <p id="mode-desc" class="text-xs text-slate-400"></p>
-        </div>
-        <!-- Weights card -->
-        <div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4">
-          <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Signal Weights</div>
-          <div id="weights" class="space-y-2"></div>
-        </div>
-      </div>
-      <!-- History table -->
-      <div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4 max-w-4xl">
-        <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Mode History</div>
-        <div class="overflow-x-auto">
-          <table class="w-full text-sm">
-            <thead><tr class="text-left text-slate-400 border-b border-slate-800">
-              <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Time</th>
-              <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Mode</th>
-              <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Score</th>
-              <th class="py-2.5 font-medium text-xs uppercase tracking-wide">Signals</th>
-            </tr></thead>
-            <tbody id="history" class="divide-y divide-slate-800/50"></tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </main>
-  <script>
-    const MODE_META = {
-      FLOW:    { desc: 'Operating at peak alignment. User is in flow state — proactive suggestions welcome.' },
-      NORMAL:  { desc: 'Standard operating mode. Balanced tone and normal autonomy levels.' },
-      TENSION: { desc: 'Elevated tension detected. Ultra-concise mode active — no preamble, direct resolution only.' },
-    };
-    function modeBadge(mode) {
-      if (mode === 'FLOW')    return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-emerald-500/10 text-emerald-400">FLOW</span>`;
-      if (mode === 'TENSION') return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-red-500/10 text-red-400">TENSION</span>`;
-      return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-blue-500/10 text-blue-400">NORMAL</span>`;
-    }
-    function formatTime(ts) {
-      if (!ts) return '—';
-      try {
-        const d = new Date(ts);
-        return d.toLocaleString('en-GB', { dateStyle: 'short', timeStyle: 'short' });
-      } catch { return ts; }
-    }
-    function loadData() {
-      fetch('/api/adaptive')
-        .then(r => r.json())
-        .then(data => {
-          const mode = data.state?.mode || data.mode || 'NORMAL';
-          // Current Mode
-          document.getElementById('mode').innerHTML = modeBadge(mode);
-          document.getElementById('mode-desc').textContent =
-            data.modes?.[mode] || MODE_META[mode]?.desc || '';
-          // Signal Weights
-          const weights = data.weights || {};
-          const weightEntries = Object.entries(weights).sort((a, b) => b[1] - a[1]);
-          const weightsEl = document.getElementById('weights');
-          if (!weightEntries.length) {
-            weightsEl.innerHTML = '<p class="text-sm text-slate-500">No signal weights configured.</p>';
-          } else {
-            weightsEl.innerHTML = weightEntries.map(([name, value]) => {
-              const pct = Math.min(Math.max(value * 100, 0), 100);
-              return `<div class="flex items-center gap-2">
-  <span class="text-sm text-slate-300 w-24">${name}</span>
-  <div class="flex-1 h-2 bg-slate-800 rounded-full overflow-hidden">
-    <div class="h-full bg-violet-500 rounded-full" style="width:${pct.toFixed(0)}%"></div>
+{% extends "base.html" %}
+{% block title %}Adaptive Personality{% endblock %}
+{% block page_title %}Adaptive Personality{% endblock %}
+{% block content %}
+<div class="grid grid-cols-2 gap-4 max-w-4xl mb-6">
+  <!-- Current Mode card -->
+  <div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4">
+    <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Current Mode</div>
+    <div id="mode" class="mb-2"></div>
+    <p id="mode-desc" class="text-xs text-slate-400"></p>
+  </div>
+  <!-- Weights card -->
+  <div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4">
+    <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Signal Weights</div>
+    <div id="weights" class="space-y-2"></div>
+  </div>
+</div>
+<!-- History table -->
+<div class="bg-slate-900/50 border border-slate-800/50 rounded-lg p-4 max-w-4xl">
+  <div class="text-xs uppercase tracking-wider text-slate-400 font-medium mb-3">Mode History</div>
+  <div class="overflow-x-auto">
+    <table class="w-full text-sm">
+      <thead><tr class="text-left text-slate-400 border-b border-slate-800">
+        <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Time</th>
+        <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Mode</th>
+        <th class="py-2.5 pr-4 font-medium text-xs uppercase tracking-wide">Score</th>
+        <th class="py-2.5 font-medium text-xs uppercase tracking-wide">Signals</th>
+      </tr></thead>
+      <tbody id="history" class="divide-y divide-slate-800/50"></tbody>
+    </table>
   </div>
-  <span class="text-xs font-mono text-slate-400 w-12 text-right">${pct.toFixed(0)}%</span>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+  const MODE_META = {
+    FLOW:    { desc: 'Operating at peak alignment. User is in flow state — proactive suggestions welcome.' },
+    NORMAL:  { desc: 'Standard operating mode. Balanced tone and normal autonomy levels.' },
+    TENSION: { desc: 'Elevated tension detected. Ultra-concise mode active — no preamble, direct resolution only.' },
+  };
+  function modeBadge(mode) {
+    if (mode === 'FLOW')    return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-emerald-500/10 text-emerald-400">FLOW</span>`;
+    if (mode === 'TENSION') return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-red-500/10 text-red-400">TENSION</span>`;
+    return `<span class="px-2 py-1 rounded-md text-xs font-medium bg-blue-500/10 text-blue-400">NORMAL</span>`;
+  }
+  function formatTime(ts) {
+    if (!ts) return '—';
+    try {
+      const d = new Date(ts);
+      return d.toLocaleString('en-GB', { dateStyle: 'short', timeStyle: 'short' });
+    } catch { return ts; }
+  }
+  function loadData() {
+    fetch('/api/adaptive')
+      .then(r => r.json())
+      .then(data => {
+        const mode = data.state?.mode || data.mode || 'NORMAL';
+        // Current Mode
+        document.getElementById('mode').innerHTML = modeBadge(mode);
+        document.getElementById('mode-desc').textContent =
+          data.modes?.[mode] || MODE_META[mode]?.desc || '';
+        // Signal Weights
+        const weights = data.weights || {};
+        const weightEntries = Object.entries(weights).sort((a, b) => b[1] - a[1]);
+        const weightsEl = document.getElementById('weights');
+        if (!weightEntries.length) {
+          weightsEl.innerHTML = '<p class="text-sm text-slate-500">No signal weights configured.</p>';
+        } else {
+          weightsEl.innerHTML = weightEntries.map(([name, value]) => {
+            const pct = Math.min(Math.max(value * 100, 0), 100);
+            return `<div class="flex items-center gap-2">
+<span class="text-sm text-slate-300 w-24">${name}</span>
+<div class="flex-1 h-2 bg-slate-800 rounded-full overflow-hidden">
+  <div class="h-full bg-violet-500 rounded-full" style="width:${pct.toFixed(0)}%"></div>
+</div>
+<span class="text-xs font-mono text-slate-400 w-12 text-right">${pct.toFixed(0)}%</span>
 </div>`;
-            }).join('');
-          }
-          // History
-          const history = (data.history || []).slice(0, 50);
-          const tbody = document.getElementById('history');
+          }).join('');
+        }
-          if (!history.length) {
-            tbody.innerHTML = '<tr><td colspan="4" class="py-6 text-center text-slate-500">No history recorded yet.</td></tr>';
-          } else {
-            tbody.innerHTML = history.map(h => {
-              const m = h.mode || 'NORMAL';
-              const signals = (h.signals || '').toString().replace(/</g, '&lt;');
-              const score = h.score != null ? Number(h.score).toFixed(2) : '—';
-              return `<tr class="text-slate-300">
-  <td class="py-2 pr-4 font-mono text-xs">${formatTime(h.timestamp)}</td>
-  <td class="py-2 pr-4">${modeBadge(m)}</td>
-  <td class="py-2 pr-4 font-mono text-sm">${score}</td>
-  <td class="py-2 text-slate-400 text-sm">${signals || '—'}</td>
+        // History
+        const history = (data.history || []).slice(0, 50);
+        const tbody = document.getElementById('history');
+        if (!history.length) {
+          tbody.innerHTML = '<tr><td colspan="4" class="py-6 text-center text-slate-500">No history recorded yet.</td></tr>';
+        } else {
+          tbody.innerHTML = history.map(h => {
+            const m = h.mode || 'NORMAL';
+            const signals = (h.signals || '').toString().replace(/</g, '&lt;');
+            const score = h.score != null ? Number(h.score).toFixed(2) : '—';
+            return `<tr class="text-slate-300">
+<td class="py-2 pr-4 font-mono text-xs">${formatTime(h.timestamp)}</td>
+<td class="py-2 pr-4">${modeBadge(m)}</td>
+<td class="py-2 pr-4 font-mono text-sm">${score}</td>
+<td class="py-2 text-slate-400 text-sm">${signals || '—'}</td>
 </tr>`;
-            }).join('');
-          }
-        })
-        .catch(err => {
-          document.getElementById('history').innerHTML =
-            `<tr><td colspan="4" class="py-4 text-center text-red-400 text-xs">Failed to load: ${err.message}</td></tr>`;
-        });
-    }
-    // Trust score
-    fetch('/api/stats')
-      .then(r => r.json())
-      .then(data => {
-        if (data.trust_score != null) {
-          document.getElementById('sidebar-trust').textContent = Number(data.trust_score).toFixed(0);
+          }).join('');
         }
       })
-      .catch(() => {});
-    loadData();
-  </script>
-</body>
-</html>
+      .catch(err => {
+        document.getElementById('history').innerHTML =
+          `<tr><td colspan="4" class="py-4 text-center text-red-400 text-xs">Failed to load: ${err.message}</td></tr>`;
+      });
+  }
+  loadData();
+</script>
+{% endblock %}

package/src/dashboard/templates/artifacts.html ADDED Viewed

@@ -0,0 +1,133 @@
+{% extends "base.html" %}
+{% block title %}Artifact Registry{% endblock %}
+{% block page_title %}Artifact Registry{% endblock %}
+{% block content %}
+<div class="space-y-5">
+  <!-- Filter bar -->
+  <div class="flex items-center gap-2 flex-wrap">
+    <span class="text-xs text-slate-500">Kind:</span>
+    <button onclick="filterKind('all')" class="kind-btn active px-2.5 py-1 rounded-md text-xs bg-slate-800 text-slate-300 hover:bg-slate-700 transition-colors" data-kind="all">All</button>
+    <div id="kind-filters" class="flex items-center gap-2 flex-wrap"></div>
+    <div class="flex-1"></div>
+    <input type="text" id="artifact-search" placeholder="Search artifacts..." class="px-3 py-1.5 rounded-lg bg-slate-800/50 border border-slate-700/50 text-xs text-slate-200 placeholder-slate-600 focus:outline-none focus:ring-1 focus:ring-violet-500 w-48" oninput="searchArtifacts(this.value)">
+    <span class="text-xs font-mono text-slate-500" id="artifact-count">--</span>
+  </div>
+  <!-- Artifact grid -->
+  <div class="grid grid-cols-3 gap-4" id="artifacts-grid">
+    <div class="text-xs text-slate-600 py-8 text-center col-span-3">loading...</div>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+let allArtifacts = [];
+let currentKind = 'all';
+const KIND_ICONS = {
+  script: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg>',
+  service: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2"/></svg>',
+  app: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>',
+  database: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"/></svg>',
+  config: '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>',
+};
+const KIND_COLORS = {
+  script: 'text-violet-400', service: 'text-emerald-400', app: 'text-blue-400',
+  database: 'text-pink-400', config: 'text-amber-400',
+};
+const STATE_STYLES = {
+  running: 'bg-emerald-500/10 text-emerald-400', active: 'bg-emerald-500/10 text-emerald-400',
+  stopped: 'bg-red-500/10 text-red-400', draft: 'bg-slate-500/10 text-slate-400',
+  deployed: 'bg-blue-500/10 text-blue-400', archived: 'bg-slate-500/10 text-slate-500',
+};
+function filterKind(kind) {
+  currentKind = kind;
+  document.querySelectorAll('.kind-btn').forEach(b => {
+    b.classList.toggle('active', b.dataset.kind === kind);
+    b.classList.toggle('bg-slate-800', b.dataset.kind === kind);
+    b.classList.toggle('text-slate-300', b.dataset.kind === kind);
+    b.classList.toggle('bg-slate-800/50', b.dataset.kind !== kind);
+    b.classList.toggle('text-slate-400', b.dataset.kind !== kind);
+  });
+  renderGrid();
+}
+function searchArtifacts(query) {
+  const q = query.toLowerCase();
+  document.querySelectorAll('#artifacts-grid .artifact-card').forEach(el => {
+    el.style.display = el.textContent.toLowerCase().includes(q) ? '' : 'none';
+  });
+}
+function renderGrid() {
+  const container = document.getElementById('artifacts-grid');
+  const artifacts = currentKind === 'all' ? allArtifacts : allArtifacts.filter(a => a.kind === currentKind);
+  document.getElementById('artifact-count').textContent = artifacts.length + ' artifacts';
+  if (!artifacts.length) {
+    container.innerHTML = '<div class="col-span-3 text-xs text-slate-600 py-8 text-center">No artifacts found</div>';
+    return;
+  }
+  container.innerHTML = artifacts.map(a => {
+    const kind = a.kind || 'script';
+    const icon = KIND_ICONS[kind] || KIND_ICONS.script;
+    const kindColor = KIND_COLORS[kind] || 'text-slate-400';
+    const state = a.state || 'draft';
+    const stateStyle = STATE_STYLES[state] || STATE_STYLES.draft;
+    const expanded = a._expanded;
+    return `<div class="artifact-card bg-slate-900/50 border border-slate-800/50 rounded-xl p-5 card">
+      <div class="flex items-start gap-3 mb-3">
+        <div class="${kindColor} mt-0.5">${icon}</div>
+        <div class="flex-1 min-w-0">
+          <div class="text-sm font-display font-medium text-slate-200 truncate">${escapeHtml(a.canonical_name || '--')}</div>
+          <div class="flex items-center gap-2 mt-1">
+            <span class="text-[10px] px-1.5 py-0.5 rounded ${stateStyle}">${escapeHtml(state)}</span>
+            <span class="text-[10px] text-slate-500">${escapeHtml(kind)}</span>
+          </div>
+        </div>
+      </div>
+      ${a.description ? `<p class="text-xs text-slate-400 leading-relaxed mb-3">${escapeHtml(a.description)}</p>` : ''}
+      ${a.uri ? `<a href="${escapeHtml(a.uri)}" target="_blank" class="text-xs text-violet-400 hover:text-violet-300 truncate block mb-2">${escapeHtml(a.uri)}</a>` : ''}
+      <button onclick="toggleDetail(this)" class="text-[10px] text-slate-500 hover:text-slate-300 transition-colors">Details +</button>
+      <div class="detail-panel hidden mt-3 pt-3 border-t border-slate-800/50 space-y-1.5">
+        ${a.ports ? `<div class="text-[10px]"><span class="text-slate-500">Ports:</span> <span class="text-slate-300 font-mono">${escapeHtml(String(a.ports))}</span></div>` : ''}
+        ${a.paths ? `<div class="text-[10px]"><span class="text-slate-500">Paths:</span> <span class="text-slate-300 font-mono">${escapeHtml(String(a.paths))}</span></div>` : ''}
+        ${a.run_cmd ? `<div class="text-[10px]"><span class="text-slate-500">Run:</span> <code class="text-slate-300 font-mono bg-slate-800/50 px-1.5 py-0.5 rounded">${escapeHtml(a.run_cmd)}</code></div>` : ''}
+      </div>
+    </div>`;
+  }).join('');
+}
+function toggleDetail(btn) {
+  const panel = btn.nextElementSibling;
+  panel.classList.toggle('hidden');
+  btn.textContent = panel.classList.contains('hidden') ? 'Details +' : 'Details -';
+}
+async function loadArtifacts() {
+  const data = await fetchJSON('/api/artifacts');
+  if (!data) return;
+  allArtifacts = data.artifacts || [];
+  const kinds = data.kinds || [...new Set(allArtifacts.map(a => a.kind).filter(Boolean))];
+  // Render kind filters
+  const kindContainer = document.getElementById('kind-filters');
+  kindContainer.innerHTML = kinds.map(k => {
+    const color = KIND_COLORS[k] || 'text-slate-400';
+    return `<button onclick="filterKind('${escapeHtml(k)}')" class="kind-btn px-2.5 py-1 rounded-md text-xs bg-slate-800/50 text-slate-400 hover:bg-slate-700 transition-colors" data-kind="${escapeHtml(k)}">${escapeHtml(k)}</button>`;
+  }).join('');
+  renderGrid();
+}
+loadArtifacts();
+setInterval(loadArtifacts, 60000);
+</script>
+{% endblock %}

package/src/dashboard/templates/backups.html ADDED Viewed

@@ -0,0 +1,136 @@
+{% extends "base.html" %}
+{% block title %}Backup Monitor{% endblock %}
+{% block page_title %}Backup Monitor{% endblock %}
+{% block content %}
+<div class="space-y-5">
+  <!-- DB size cards -->
+  <div class="grid grid-cols-4 gap-4" id="db-cards">
+    <div class="text-xs text-slate-600 py-4 text-center col-span-4">loading...</div>
+  </div>
+  <!-- Backup list -->
+  <div class="bg-slate-900/50 border border-slate-800/50 rounded-xl p-5 card">
+    <div class="flex items-center justify-between mb-4">
+      <div class="text-xs uppercase tracking-wider text-slate-400 font-medium">Backup Files</div>
+      <div class="flex items-center gap-3 text-[10px] text-slate-500">
+        <span class="flex items-center gap-1"><span class="w-2 h-2 rounded-full bg-emerald-500"></span>&lt;24h</span>
+        <span class="flex items-center gap-1"><span class="w-2 h-2 rounded-full bg-amber-500"></span>&lt;72h</span>
+        <span class="flex items-center gap-1"><span class="w-2 h-2 rounded-full bg-red-500"></span>&gt;72h</span>
+      </div>
+    </div>
+    <div class="overflow-x-auto">
+      <table class="w-full text-left">
+        <thead>
+          <tr class="border-b border-slate-800/50">
+            <th class="text-[10px] uppercase tracking-wider text-slate-500 font-medium pb-2 pr-4">Freshness</th>
+            <th class="text-[10px] uppercase tracking-wider text-slate-500 font-medium pb-2 pr-4">Name</th>
+            <th class="text-[10px] uppercase tracking-wider text-slate-500 font-medium pb-2 pr-4">Size</th>
+            <th class="text-[10px] uppercase tracking-wider text-slate-500 font-medium pb-2 pr-4">Type</th>
+            <th class="text-[10px] uppercase tracking-wider text-slate-500 font-medium pb-2 text-right">Modified</th>
+          </tr>
+        </thead>
+        <tbody id="backup-table" class="divide-y divide-slate-800/30">
+          <tr><td colspan="5" class="text-xs text-slate-600 py-8 text-center">loading...</td></tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+function getFreshness(modified) {
+  if (!modified) return { color: 'bg-slate-600', label: 'unknown', class: '' };
+  const now = Date.now();
+  const mod = new Date(modified).getTime();
+  const hoursAgo = (now - mod) / (1000 * 60 * 60);
+  if (hoursAgo < 24) return { color: 'bg-emerald-500', label: 'fresh', class: 'text-emerald-400' };
+  if (hoursAgo < 72) return { color: 'bg-amber-500', label: 'aging', class: 'text-amber-400' };
+  return { color: 'bg-red-500', label: 'stale', class: 'text-red-400' };
+}
+function formatSize(mb) {
+  if (mb == null) return '--';
+  if (mb < 1) return (mb * 1024).toFixed(0) + ' KB';
+  if (mb >= 1024) return (mb / 1024).toFixed(1) + ' GB';
+  return mb.toFixed(1) + ' MB';
+}
+function renderDBCards(dbSizes) {
+  const container = document.getElementById('db-cards');
+  const entries = Object.entries(dbSizes || {});
+  if (!entries.length) {
+    container.innerHTML = '<div class="col-span-4 text-xs text-slate-600 py-4 text-center">No database size info</div>';
+    return;
+  }
+  container.innerHTML = entries.map(([name, mb]) => {
+    const size = typeof mb === 'number' ? mb : parseFloat(mb) || 0;
+    return `<div class="bg-slate-900/50 border border-slate-800/50 rounded-xl p-4 card">
+      <div class="flex items-center gap-2 mb-2">
+        <svg class="w-4 h-4 text-violet-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"/></svg>
+        <span class="text-xs uppercase tracking-wider text-slate-400 font-medium truncate">${escapeHtml(name)}</span>
+      </div>
+      <div class="text-xl font-mono font-semibold text-slate-200">${formatSize(size)}</div>
+    </div>`;
+  }).join('');
+}
+function renderBackups(backups) {
+  const tbody = document.getElementById('backup-table');
+  if (!backups || !backups.length) {
+    tbody.innerHTML = '<tr><td colspan="5" class="text-xs text-slate-600 py-8 text-center">No backups found</td></tr>';
+    return;
+  }
+  // Sort by modified descending
+  const sorted = [...backups].sort((a, b) => {
+    const ta = new Date(a.modified || 0).getTime();
+    const tb = new Date(b.modified || 0).getTime();
+    return tb - ta;
+  });
+  tbody.innerHTML = sorted.map(b => {
+    const freshness = getFreshness(b.modified);
+    const isDir = b.is_dir;
+    const icon = isDir
+      ? '<svg class="w-3.5 h-3.5 text-slate-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>'
+      : '<svg class="w-3.5 h-3.5 text-slate-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>';
+    return `<tr class="hover:bg-slate-800/20 transition-colors">
+      <td class="py-2.5 pr-4">
+        <div class="flex items-center gap-1.5">
+          <span class="w-2 h-2 rounded-full ${freshness.color} flex-shrink-0"></span>
+          <span class="text-[10px] ${freshness.class}">${freshness.label}</span>
+        </div>
+      </td>
+      <td class="py-2.5 pr-4">
+        <div class="flex items-center gap-2">
+          ${icon}
+          <span class="text-xs text-slate-300 font-mono truncate">${escapeHtml(b.name || '--')}</span>
+        </div>
+      </td>
+      <td class="py-2.5 pr-4 text-xs text-slate-400 font-mono">${b.size_mb != null ? formatSize(b.size_mb) : '--'}</td>
+      <td class="py-2.5 pr-4 text-xs text-slate-500">${isDir ? 'directory' : 'file'}</td>
+      <td class="py-2.5 text-xs text-slate-500 text-right whitespace-nowrap">${b.modified ? relativeTime(b.modified) : '--'}</td>
+    </tr>`;
+  }).join('');
+}
+async function loadBackups() {
+  const data = await fetchJSON('/api/backups');
+  if (!data) return;
+  renderDBCards(data.db_sizes || {});
+  renderBackups(data.backups || []);
+}
+loadBackups();
+setInterval(loadBackups, 60000);
+</script>
+{% endblock %}