memorix 1.1.9 → 1.1.11

package/dist/dashboard/static/app.js

@@ -220,6 +220,11 @@ const i18n = {
     providerUnavailable: 'Unavailable',
     providerDisabled: 'Disabled (BM25 only)',
     degradedHint: 'Search is degraded — no vector similarity',
+    maintenance: 'Maintenance',
+    maintenanceIdle: 'No work queued',
+    maintenanceQueued: 'queued',
+    maintenanceRunning: 'running',
+    maintenanceNeedsAttention: 'needs attention',
 
     // Project states
     noProjects: 'No projects',
@@ -642,6 +647,11 @@ const i18n = {
     providerUnavailable: '不可用',
     providerDisabled: '已禁用 (仅 BM25)',
     degradedHint: '搜索已降级 — 无向量相似性',
+    maintenance: '维护任务',
+    maintenanceIdle: '无待处理任务',
+    maintenanceQueued: '项排队',
+    maintenanceRunning: '项运行中',
+    maintenanceNeedsAttention: '项需要处理',
 
     // Project states
     noProjects: '无项目',
@@ -1320,6 +1330,17 @@ async function loadDashboard() {
   const totalObs = stats.observations || 0;
   const gs = stats.gitSummary || { total: 0, recentWeek: 0, recentMemories: [] };
   const rs = stats.retentionSummary || { active: 0, stale: 0, archive: 0, immune: 0 };
+  const maintenance = stats.maintenance || { pending: 0, running: 0, retrying: 0, failed: 0 };
+  const queuedMaintenance = (maintenance.pending || 0) + (maintenance.retrying || 0);
+  const activeMaintenance = maintenance.running || 0;
+  const failedMaintenance = maintenance.failed || 0;
+  const maintenanceState = failedMaintenance > 0
+    ? { color: 'var(--accent-red)', text: `${failedMaintenance} ${t('maintenanceNeedsAttention')}` }
+    : activeMaintenance > 0
+      ? { color: 'var(--accent-blue)', text: `${activeMaintenance} ${t('maintenanceRunning')}` }
+      : queuedMaintenance > 0
+        ? { color: 'var(--accent-amber)', text: `${queuedMaintenance} ${t('maintenanceQueued')}` }
+        : { color: 'var(--accent-green)', text: t('maintenanceIdle') };
 
   const typeIcons = {
     'session-request': '<span class="iconify" data-icon="lucide:target" style="color:#f87171;"></span>', gotcha: '<span class="iconify" data-icon="lucide:alert-octagon" style="color:#ef4444;"></span>', 'problem-solution': '<span class="iconify" data-icon="lucide:lightbulb" style="color:#fbbf24;"></span>',
@@ -1371,7 +1392,7 @@ async function loadDashboard() {
       <div class="panel" style="flex:1;">
         <div class="panel-header"><span class="panel-title">${t('systemStatus')}</span></div>
         <div class="panel-body">
-          <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
+          <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;">
             <div>
               <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">${t('embeddingProvider')}</div>
               <div style="font-size:14px;font-weight:600;color:${stats.embedding?.enabled ? 'var(--accent-green)' : stats.embedding?.provider ? 'var(--accent-amber)' : 'var(--text-muted)'};">
@@ -1396,6 +1417,11 @@ async function loadDashboard() {
               </div>
               ${stats.embeddingProviderState === 'temporarily_unavailable' ? `<div style="font-size:11px;color:var(--accent-amber);margin-top:2px;">${t('degradedHint')}</div>` : ''}
             </div>
+            <div>
+              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">${t('maintenance')}</div>
+              <div style="font-size:14px;font-weight:600;color:${maintenanceState.color};">${maintenanceState.text}</div>
+              ${queuedMaintenance > 0 && activeMaintenance > 0 ? `<div style="font-size:11px;color:var(--text-secondary);margin-top:2px;">${queuedMaintenance} ${t('maintenanceQueued')}</div>` : ''}
+            </div>
           </div>
         </div>
       </div>
@@ -1440,9 +1466,9 @@ async function loadDashboard() {
         <div class="panel-header"><span class="panel-title">${t('observationTypes')}</span></div>
         <div class="panel-body">
           ${typeEntries.length > 0 ? `
-            <div style="display: flex; gap: 20px; align-items: flex-start;">
+            <div class="type-distribution" style="display: flex; gap: 20px; align-items: flex-start;">
               <canvas id="type-pie-chart" width="140" height="140" style="flex-shrink: 0;"></canvas>
-              <div style="flex: 1;">
+              <div class="type-distribution-list" style="flex: 1;">
                 ${typeEntries.map(([type, count]) => `
                   <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
                     <span style="width: 18px; text-align: center; font-size: 13px;">${typeIcons[type] || '[UNKNOWN]'}</span>

package/dist/dashboard/static/index.html

@@ -1,201 +1,201 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
-  <meta http-equiv="Pragma" content="no-cache">
-  <meta http-equiv="Expires" content="0">
-  <title>Memorix — Memory Control Plane</title>
-  <link rel="stylesheet" href="/style.css">
-  <script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link
-    href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
-    rel="stylesheet">
-</head>
-
-<body>
-  <!-- Sidebar -->
-  <nav id="sidebar">
-    <div class="sidebar-brand">
-      <img src="/logo.png" alt="Memorix" class="brand-logo" />
-      <span class="brand-text">Memorix</span>
-    </div>
-
-    <!-- Mode Badge — shows standalone vs control-plane, port, MCP endpoint -->
-    <div id="mode-badge" class="mode-badge" style="display:none;">
-      <span id="mode-badge-label" class="mode-badge-label"></span>
-      <span id="mode-badge-port" class="mode-badge-port"></span>
-      <span id="mode-badge-mcp" class="mode-badge-mcp" style="display:none;"></span>
-    </div>
-
-    <!-- Project Switcher (custom dropdown) -->
-    <div class="project-switcher" id="project-switcher">
-      <button class="project-trigger" id="project-trigger" title="Switch project">
-        <span class="project-dot"></span>
-        <span class="project-name" id="project-name">Loading...</span>
-        <span class="project-count" id="project-count"></span>
-        <svg class="project-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M6 9l6 6 6-6"/>
-        </svg>
-      </button>
-      <div class="project-dropdown" id="project-dropdown">
-        <div class="project-dropdown-header">
-          <input type="text" class="project-search" id="project-search" placeholder="Search projects..." autocomplete="off" />
-        </div>
-        <div class="project-dropdown-list" id="project-list"></div>
-      </div>
-    </div>
-
-    <div class="sidebar-section-label" data-section="core">CORE</div>
-    <div class="sidebar-nav">
-      <button class="nav-btn active" data-page="dashboard">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <rect x="3" y="3" width="7" height="7" rx="1"/>
-          <rect x="14" y="3" width="7" height="7" rx="1"/>
-          <rect x="3" y="14" width="7" height="7" rx="1"/>
-          <rect x="14" y="14" width="7" height="7" rx="1"/>
-        </svg>
-        <span class="nav-label">Overview</span>
-      </button>
-      <button class="nav-btn" data-page="git-memory">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <circle cx="12" cy="12" r="4"/>
-          <line x1="1.05" y1="12" x2="7" y2="12"/>
-          <line x1="17.01" y1="12" x2="22.96" y2="12"/>
-        </svg>
-        <span class="nav-label">Git Memory</span>
-      </button>
-      <button class="nav-btn" data-page="knowledge">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
-          <path d="M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z"/>
-        </svg>
-        <span class="nav-label">Knowledge</span>
-      </button>
-      <button class="nav-btn" data-page="graph">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <circle cx="12" cy="5" r="3"/>
-          <circle cx="5" cy="19" r="3"/>
-          <circle cx="19" cy="19" r="3"/>
-          <line x1="12" y1="8" x2="5" y2="16"/>
-          <line x1="12" y1="8" x2="19" y2="16"/>
-        </svg>
-        <span class="nav-label">Graph</span>
-      </button>
-      <button class="nav-btn" data-page="observations">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
-          <circle cx="12" cy="12" r="3"/>
-        </svg>
-        <span class="nav-label">Observations</span>
-      </button>
-    </div>
-    <div class="sidebar-section-label" data-section="health">HEALTH</div>
-    <div class="sidebar-nav">
-      <button class="nav-btn" data-page="retention">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <polyline points="22,12 18,12 15,21 9,3 6,12 2,12"/>
-        </svg>
-        <span class="nav-label">Retention</span>
-      </button>
-      <button class="nav-btn" data-page="config">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <circle cx="12" cy="12" r="3"/>
-          <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
-        </svg>
-        <span class="nav-label">Config</span>
-      </button>
-      <button class="nav-btn" data-page="identity">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
-        </svg>
-        <span class="nav-label">Identity</span>
-      </button>
-    </div>
-    <div class="sidebar-section-label" data-section="collaboration">AGENTS</div>
-    <div class="sidebar-nav">
-      <button class="nav-btn" data-page="sessions">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
-          <line x1="16" y1="2" x2="16" y2="6"/>
-          <line x1="8" y1="2" x2="8" y2="6"/>
-          <line x1="3" y1="10" x2="21" y2="10"/>
-        </svg>
-        <span class="nav-label">Sessions</span>
-      </button>
-      <button class="nav-btn" data-page="team">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
-          <circle cx="9" cy="7" r="4"/>
-          <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
-          <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
-        </svg>
-        <span class="nav-label">Team</span>
-      </button>
-    </div>
-    <div class="sidebar-spacer"></div>
-    <div class="sidebar-footer">
-      <button class="sidebar-action-btn" id="theme-toggle" title="Toggle Theme">
-        <svg id="theme-icon-sun" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-          stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
-          <circle cx="12" cy="12" r="5"/>
-          <line x1="12" y1="1" x2="12" y2="3"/>
-          <line x1="12" y1="21" x2="12" y2="23"/>
-          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
-          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
-          <line x1="1" y1="12" x2="3" y2="12"/>
-          <line x1="21" y1="12" x2="23" y2="12"/>
-          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
-          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
-        </svg>
-        <svg id="theme-icon-moon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-          stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/>
-        </svg>
-        <span class="action-label" id="theme-label">Dark</span>
-      </button>
-      <button class="sidebar-action-btn" id="lang-toggle" title="Switch Language / 切换语言">
-        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <circle cx="12" cy="12" r="10"/>
-          <line x1="2" y1="12" x2="22" y2="12"/>
-          <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
-        </svg>
-        <span class="action-label" id="lang-label">EN</span>
-      </button>
-    </div>
-  </nav>
-
-  <!-- Main Content -->
-  <main id="app">
-    <div id="page-dashboard" class="page active"></div>
-    <div id="page-git-memory" class="page"></div>
-    <div id="page-knowledge" class="page"></div>
-    <div id="page-graph" class="page"></div>
-    <div id="page-observations" class="page"></div>
-    <div id="page-retention" class="page"></div>
-    <div id="page-config" class="page"></div>
-    <div id="page-identity" class="page"></div>
-    <div id="page-sessions" class="page"></div>
-    <div id="page-team" class="page"></div>
-  </main>
-
-  <!-- Apache ECharts 5 — Knowledge Graph renderer -->
-  <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
-  <!-- Cytoscape.js + Dagre — legacy entity-graph fallback -->
-  <script src="https://unpkg.com/cytoscape@3.30.4/dist/cytoscape.min.js"></script>
-  <script src="https://unpkg.com/dagre@0.8.5/dist/dagre.min.js"></script>
-  <script src="https://unpkg.com/cytoscape-dagre@2.5.0/cytoscape-dagre.js"></script>
-  <script>
-    // Cache-bust app.js by appending mtime-based version so edits always hit the browser.
-    (function () {
-      var s = document.createElement('script');
-      s.src = '/app.js?v=' + Date.now();
-      document.body.appendChild(s);
-    })();
-  </script>
-</body>
-
-</html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="Pragma" content="no-cache">
+  <meta http-equiv="Expires" content="0">
+  <title>Memorix — Memory Control Plane</title>
+  <link rel="stylesheet" href="/style.css">
+  <script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
+    rel="stylesheet">
+</head>
+
+<body>
+  <!-- Sidebar -->
+  <nav id="sidebar">
+    <div class="sidebar-brand">
+      <img src="/logo.png" alt="Memorix" class="brand-logo" />
+      <span class="brand-text">Memorix</span>
+    </div>
+
+    <!-- Mode Badge — shows standalone vs control-plane, port, MCP endpoint -->
+    <div id="mode-badge" class="mode-badge" style="display:none;">
+      <span id="mode-badge-label" class="mode-badge-label"></span>
+      <span id="mode-badge-port" class="mode-badge-port"></span>
+      <span id="mode-badge-mcp" class="mode-badge-mcp" style="display:none;"></span>
+    </div>
+
+    <!-- Project Switcher (custom dropdown) -->
+    <div class="project-switcher" id="project-switcher">
+      <button class="project-trigger" id="project-trigger" title="Switch project">
+        <span class="project-dot"></span>
+        <span class="project-name" id="project-name">Loading...</span>
+        <span class="project-count" id="project-count"></span>
+        <svg class="project-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M6 9l6 6 6-6"/>
+        </svg>
+      </button>
+      <div class="project-dropdown" id="project-dropdown">
+        <div class="project-dropdown-header">
+          <input type="text" class="project-search" id="project-search" placeholder="Search projects..." autocomplete="off" />
+        </div>
+        <div class="project-dropdown-list" id="project-list"></div>
+      </div>
+    </div>
+
+    <div class="sidebar-section-label" data-section="core">CORE</div>
+    <div class="sidebar-nav">
+      <button class="nav-btn active" data-page="dashboard" title="Overview" aria-label="Overview">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <rect x="3" y="3" width="7" height="7" rx="1"/>
+          <rect x="14" y="3" width="7" height="7" rx="1"/>
+          <rect x="3" y="14" width="7" height="7" rx="1"/>
+          <rect x="14" y="14" width="7" height="7" rx="1"/>
+        </svg>
+        <span class="nav-label">Overview</span>
+      </button>
+      <button class="nav-btn" data-page="git-memory" title="Git Memory" aria-label="Git Memory">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="4"/>
+          <line x1="1.05" y1="12" x2="7" y2="12"/>
+          <line x1="17.01" y1="12" x2="22.96" y2="12"/>
+        </svg>
+        <span class="nav-label">Git Memory</span>
+      </button>
+      <button class="nav-btn" data-page="knowledge" title="Knowledge" aria-label="Knowledge">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
+          <path d="M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z"/>
+        </svg>
+        <span class="nav-label">Knowledge</span>
+      </button>
+      <button class="nav-btn" data-page="graph" title="Graph" aria-label="Graph">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="5" r="3"/>
+          <circle cx="5" cy="19" r="3"/>
+          <circle cx="19" cy="19" r="3"/>
+          <line x1="12" y1="8" x2="5" y2="16"/>
+          <line x1="12" y1="8" x2="19" y2="16"/>
+        </svg>
+        <span class="nav-label">Graph</span>
+      </button>
+      <button class="nav-btn" data-page="observations" title="Observations" aria-label="Observations">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
+          <circle cx="12" cy="12" r="3"/>
+        </svg>
+        <span class="nav-label">Observations</span>
+      </button>
+    </div>
+    <div class="sidebar-section-label" data-section="health">HEALTH</div>
+    <div class="sidebar-nav">
+      <button class="nav-btn" data-page="retention" title="Retention" aria-label="Retention">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="22,12 18,12 15,21 9,3 6,12 2,12"/>
+        </svg>
+        <span class="nav-label">Retention</span>
+      </button>
+      <button class="nav-btn" data-page="config" title="Config" aria-label="Config">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="3"/>
+          <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
+        </svg>
+        <span class="nav-label">Config</span>
+      </button>
+      <button class="nav-btn" data-page="identity" title="Identity" aria-label="Identity">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
+        </svg>
+        <span class="nav-label">Identity</span>
+      </button>
+    </div>
+    <div class="sidebar-section-label" data-section="collaboration">AGENTS</div>
+    <div class="sidebar-nav">
+      <button class="nav-btn" data-page="sessions" title="Sessions" aria-label="Sessions">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+          <line x1="16" y1="2" x2="16" y2="6"/>
+          <line x1="8" y1="2" x2="8" y2="6"/>
+          <line x1="3" y1="10" x2="21" y2="10"/>
+        </svg>
+        <span class="nav-label">Sessions</span>
+      </button>
+      <button class="nav-btn" data-page="team" title="Coordination" aria-label="Coordination">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+          <circle cx="9" cy="7" r="4"/>
+          <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
+          <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
+        </svg>
+        <span class="nav-label">Team</span>
+      </button>
+    </div>
+    <div class="sidebar-spacer"></div>
+    <div class="sidebar-footer">
+      <button class="sidebar-action-btn" id="theme-toggle" title="Toggle Theme">
+        <svg id="theme-icon-sun" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+          stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none;">
+          <circle cx="12" cy="12" r="5"/>
+          <line x1="12" y1="1" x2="12" y2="3"/>
+          <line x1="12" y1="21" x2="12" y2="23"/>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+          <line x1="1" y1="12" x2="3" y2="12"/>
+          <line x1="21" y1="12" x2="23" y2="12"/>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+        </svg>
+        <svg id="theme-icon-moon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+          stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/>
+        </svg>
+        <span class="action-label" id="theme-label">Dark</span>
+      </button>
+      <button class="sidebar-action-btn" id="lang-toggle" title="Switch Language / 切换语言">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="10"/>
+          <line x1="2" y1="12" x2="22" y2="12"/>
+          <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+        </svg>
+        <span class="action-label" id="lang-label">EN</span>
+      </button>
+    </div>
+  </nav>
+
+  <!-- Main Content -->
+  <main id="app">
+    <div id="page-dashboard" class="page active"></div>
+    <div id="page-git-memory" class="page"></div>
+    <div id="page-knowledge" class="page"></div>
+    <div id="page-graph" class="page"></div>
+    <div id="page-observations" class="page"></div>
+    <div id="page-retention" class="page"></div>
+    <div id="page-config" class="page"></div>
+    <div id="page-identity" class="page"></div>
+    <div id="page-sessions" class="page"></div>
+    <div id="page-team" class="page"></div>
+  </main>
+
+  <!-- Apache ECharts 5 — Knowledge Graph renderer -->
+  <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
+  <!-- Cytoscape.js + Dagre — legacy entity-graph fallback -->
+  <script src="https://unpkg.com/cytoscape@3.30.4/dist/cytoscape.min.js"></script>
+  <script src="https://unpkg.com/dagre@0.8.5/dist/dagre.min.js"></script>
+  <script src="https://unpkg.com/cytoscape-dagre@2.5.0/cytoscape-dagre.js"></script>
+  <script>
+    // Cache-bust app.js by appending mtime-based version so edits always hit the browser.
+    (function () {
+      var s = document.createElement('script');
+      s.src = '/app.js?v=' + Date.now();
+      document.body.appendChild(s);
+    })();
+  </script>
+</body>
+
+</html>