npm - abtars - Versions diffs - 0.3.4-alpha.0 → 0.3.4-alpha.2 - Mend

abtars 0.3.4-alpha.0 → 0.3.4-alpha.2

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 (392) hide show

package/bundle/public/index.html ADDED Viewed

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>abTARS Dashboard</title>
+<link rel="stylesheet" href="/css/dashboard.css">
+</head>
+<body data-has-agent-api="false" data-agent-api-port="">
+<header>
+  <img src="/assets/logo.png" alt="" onerror="this.style.display='none'">
+  <h1>abTARS Dashboard</h1>
+</header>
+<div id="connection-banner" class="connection-banner" style="display:none;">
+  Connection lost. Reconnecting<span id="reconnect-dots">...</span>
+</div>
+<main class="grid">
+<!-- Bridge Health -->
+<div class="card card-split" id="card-health">
+  <div class="split-top">
+    <h2>Bridge Health</h2>
+    <div class="stat-row"><span class="stat-label">Version</span><span class="stat-value" id="health-version">—</span></div>
+    <div class="stat-row"><span class="stat-label">Uptime</span><span class="stat-value" id="health-uptime">—</span></div>
+    <div class="stat-row"><span class="stat-label">Model</span><span class="stat-value" id="health-model">—</span></div>
+    <div class="stat-row"><span class="stat-label">Enabled Platforms</span><span class="stat-value" id="health-platforms">—</span></div>
+    <div class="stat-row"><span class="stat-label">Heartbeat</span><span class="stat-value" id="hb-status">—</span></div>
+    <div id="hb-tasks" style="margin-top:6px;"></div>
+    <div class="stat-row"><span class="stat-label">Last Update</span><span class="stat-value" id="health-timestamp">—</span></div>
+  </div>
+  <hr class="split-divider">
+  <div class="split-bottom">
+    <h2>Transport</h2>
+    <div class="stat-row"><span class="stat-label">Type</span><span class="stat-value" id="transport-type">—</span></div>
+    <div class="stat-row"><span class="stat-label">Connection</span><span class="stat-value" id="transport-state"><span class="indicator red"></span> disconnected</span></div>
+    <div style="margin-top:10px;">
+      <span class="stat-label">Context Window</span>
+      <div class="progress-bar-bg"><div class="progress-bar-fill" id="transport-ctx-bar" style="width:0%"></div></div>
+      <div style="text-align:right;font-size:0.75rem;color:#9e9e9e;margin-top:2px;"><span id="transport-ctx-pct">—</span></div>
+    </div>
+  </div>
+</div>
+<!-- Subsystem Health Grid -->
+<div class="card" id="card-subsystems">
+  <h2>🏥 Subsystems</h2>
+  <div id="subsystem-grid" style="font-size:0.82rem;line-height:1.8;font-family:monospace;"></div>
+  <hr style="border-color:#0f3460;margin:12px 0;">
+  <div style="display:flex;gap:8px;flex-wrap:wrap;">
+    <button class="btn-search-toggle" data-action="toggle-overlay" data-target="log-overlay">📋 Log</button>
+  </div>
+  <hr style="border-color:#0f3460;margin:12px 0;">
+  <h2>Memory</h2>
+  <div id="memory-stats">
+    <div class="stat-row"><span class="stat-label">Status</span><span class="stat-value" id="mem-status">—</span></div>
+    <div class="stat-row"><span class="stat-label">Messages</span><span class="stat-value" id="mem-messages">—</span></div>
+    <div class="stat-row"><span class="stat-label">Extracted</span><span class="stat-value" id="mem-extracted">—</span></div>
+    <div class="stat-row"><span class="stat-label">Consolidations (D/W/Q)</span><span class="stat-value" id="mem-consolidations">—</span></div>
+    <div class="stat-row"><span class="stat-label">Documents</span><span class="stat-value" id="mem-documents">—</span></div>
+    <div class="stat-row"><span class="stat-label">DB Size</span><span class="stat-value" id="mem-dbsize">—</span></div>
+  </div>
+  <hr style="border-color:#0f3460;margin:12px 0;">
+  <div style="display:flex;gap:8px;flex-wrap:wrap;">
+    <button class="btn-search-toggle" data-action="load-universe">🌌 Universe</button>
+    <button class="btn-search-toggle" data-action="toggle-overlay" data-target="search-overlay">🔍 Search</button>
+  </div>
+</div>
+<!-- Platforms -->
+<div class="card" id="card-platforms">
+  <h2>Platforms</h2>
+  <div class="platform-group">
+    <h3>Access Interfaces</h3>
+    <div class="platform-item" id="plat-telegram">
+      <span class="name">Telegram</span>
+      <span>
+        <span class="badge disabled" id="plat-telegram-badge">—</span>
+        <button class="btn-start" data-action="toggle-platform" data-name="telegram" data-op="start" id="plat-telegram-start">Start</button>
+        <button class="btn-stop" data-action="toggle-platform" data-name="telegram" data-op="stop" id="plat-telegram-stop">Stop</button>
+      </span>
+    </div>
+    <div class="platform-item" id="plat-discord">
+      <span class="name">Discord</span>
+      <span>
+        <span class="badge disabled" id="plat-discord-badge">—</span>
+        <button class="btn-start" data-action="toggle-platform" data-name="discord" data-op="start" id="plat-discord-start">Start</button>
+        <button class="btn-stop" data-action="toggle-platform" data-name="discord" data-op="stop" id="plat-discord-stop">Stop</button>
+      </span>
+    </div>
+    <div class="platform-item" id="plat-agent-api" style="display:none;">
+      <span class="name">Agent A2A</span>
+      <span>
+        <span class="badge disabled clickable" id="plat-agent-api-badge" data-action="toggle-a2a-panel">—</span>
+        <button class="btn-start" data-action="toggle-platform" data-name="agent-api" data-op="start" id="plat-agent-api-start">Start</button>
+        <button class="btn-stop" data-action="toggle-platform" data-name="agent-api" data-op="stop" id="plat-agent-api-stop">Stop</button>
+      </span>
+    </div>
+  </div>
+  <div class="platform-group">
+    <h3>External Tooling</h3>
+    <div class="platform-item"><span class="name">Gmail (gws)</span><span><span class="badge disabled" id="auth-gws">—</span></span></div>
+    <div class="platform-item" id="plat-nlm"><span class="name">LM Notebook</span><span><span class="badge disabled" id="auth-nlm">—</span></span></div>
+  </div>
+</div>
+<!-- Scheduled Tasks (4th column) -->
+<div class="card" id="card-cron">
+  <h2>Scheduled Tasks</h2>
+  <div id="cron-entries"><div style="color:#666;font-size:0.82rem;">Loading...</div></div>
+</div>
+</main>
+<!-- Log Overlay -->
+<div id="log-overlay" class="overlay-panel" style="display:none;">
+  <div class="overlay-header">
+    <h2>📋 Log</h2>
+    <button class="btn-close-overlay" data-action="toggle-overlay" data-target="log-overlay">✕</button>
+  </div>
+  <div class="overlay-body" style="flex-direction:column;">
+    <div style="display:flex;gap:6px;margin-bottom:8px;">
+      <button class="log-level-btn lvl-info active" data-action="toggle-log-level" data-level="info">info</button>
+      <button class="log-level-btn lvl-warn active" data-action="toggle-log-level" data-level="warn">warn</button>
+      <button class="log-level-btn lvl-error active" data-action="toggle-log-level" data-level="error">error</button>
+      <button class="log-level-btn lvl-debug" data-action="toggle-log-level" data-level="debug">debug</button>
+    </div>
+    <div id="log-entries" style="flex:1;overflow-y:auto;font-size:0.88rem;font-family:monospace;line-height:1.6;"></div>
+  </div>
+</div>
+<!-- Search Overlay -->
+<div id="search-overlay" class="overlay-panel" style="display:none;">
+  <div class="overlay-header">
+    <h2>🔍 Memory Search</h2>
+    <button class="btn-close-overlay" data-action="toggle-overlay" data-target="search-overlay">✕</button>
+  </div>
+  <div class="overlay-body">
+    <div class="search-panel-row">
+      <div class="search-box" style="margin:0;">
+        <input type="text" id="mem-userid-input" placeholder="all users" style="width:100px;text-align:center;flex:none;">
+        <button data-action="list-chat-ids">LIST</button>
+      </div>
+      <div class="layer-toggles" id="layer-toggles" style="margin:0;">
+        <button class="layer-btn active" data-layer="S1" data-action="toggle-layer">S1:en-fts</button>
+        <button class="layer-btn active" data-layer="S2" data-action="toggle-layer">S2:orig-fts</button>
+        <button class="layer-btn active" data-layer="S3" data-action="toggle-layer">S3:like</button>
+        <button class="layer-btn active" data-layer="S4" data-action="toggle-layer">S4:msg-fts</button>
+        <button class="layer-btn active" data-layer="S5" data-action="toggle-layer">S5:msg-like</button>
+        <button class="layer-btn active" data-layer="S6" data-action="toggle-layer">S6:consol</button>
+        <button class="layer-btn active" data-layer="S7" data-action="toggle-layer">S7:fallback</button>
+        <button class="layer-btn active" data-layer="Se" data-action="toggle-layer">Se:embed</button>
+        <button class="layer-btn" data-layer="NLM" data-action="toggle-layer">NLM</button>
+      </div>
+    </div>
+    <div class="search-panel-row" style="margin-top:8px;">
+      <button class="layer-btn active" id="mode-toggle" data-action="toggle-search-mode" style="min-width:42px;">OR</button>
+      <input type="text" id="mem-keyword-input" class="keyword-input" placeholder="Type keyword + Enter to add filter...">
+      <input type="text" id="mem-entity-input" placeholder="Entity filter" style="width:120px;flex:none;">
+      <button class="btn-search" data-action="search-memory">Search</button>
+    </div>
+    <div id="keyword-filters" class="keyword-filters"></div>
+    <div class="search-results" id="mem-search-results"></div>
+  </div>
+</div>
+<!-- A2A Panel -->
+<div id="a2a-panel" class="a2a-panel" style="display:none;">
+  <div class="a2a-header">
+    <h3>🔗 A2A Traffic — abTARS ↔ Agents</h3>
+    <span class="a2a-count" id="a2a-count"></span>
+  </div>
+  <div class="a2a-entries" id="a2a-entries">
+    <div class="a2a-empty">No traffic yet. Waiting for agent requests...</div>
+  </div>
+</div>
+<script src="/memory-universe.js"></script>
+<script type="module" src="/js/app.js"></script>
+</body>
+</html>

package/bundle/public/js/app.js ADDED Viewed

@@ -0,0 +1,437 @@
+/**
+ * app.js — Dashboard entry point (ES module).
+ * Sets up auth, WebSocket, event delegation, and card updates.
+ */
+// ── Auth ─────────────────────────────────────────────────────────────────────
+let token = sessionStorage.getItem("dashboard_token");
+if (!token) {
+  token = new URLSearchParams(location.search).get("token") || prompt("Enter dashboard auth token:");
+  if (token) sessionStorage.setItem("dashboard_token", token);
+}
+if (!token) {
+  document.body.innerHTML = '<div style="text-align:center;padding:60px;color:#f44336;">Authentication token required. Reload to try again.</div>';
+  throw new Error("no token");
+}
+// ── Capability flags ─────────────────────────────────────────────────────────
+const body = document.body;
+if (body.dataset.hasAgentApi === "true") {
+  const el = document.getElementById("plat-agent-api");
+  if (el) el.style.display = "";
+  const badge = document.getElementById("plat-agent-api-badge");
+  if (badge) badge.dataset.port = body.dataset.agentApiPort || "";
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024, sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
+  return (bytes / Math.pow(k, i)).toFixed(1) + " " + sizes[i];
+}
+function formatUptime(ms) {
+  const s = Math.floor(ms / 1000), h = Math.floor(s / 3600), m = Math.floor((s % 3600) / 60), sec = s % 60;
+  const parts = [];
+  if (h > 0) parts.push(h + "h");
+  if (m > 0) parts.push(m + "m");
+  if (sec > 0 || parts.length === 0) parts.push(sec + "s");
+  return parts.join(" ");
+}
+function setText(id, val) {
+  const el = document.getElementById(id);
+  if (el) el.textContent = val != null ? String(val) : "—";
+}
+function escHtml(str) {
+  const d = document.createElement("div");
+  d.textContent = str;
+  return d.innerHTML;
+}
+function authHeaders() {
+  return { "Authorization": "Bearer " + token };
+}
+// ── WebSocket ────────────────────────────────────────────────────────────────
+let ws = null, reconnectAttempt = 0, reconnectTimer = null;
+const banner = document.getElementById("connection-banner");
+function getReconnectDelay(attempt) {
+  return Math.min(1000 * Math.pow(2, attempt - 1), 30000);
+}
+function connect() {
+  const proto = location.protocol === "https:" ? "wss:" : "ws:";
+  ws = new WebSocket(proto + "//" + location.host + "/ws?token=" + encodeURIComponent(token));
+  ws.onopen = () => { reconnectAttempt = 0; banner.style.display = "none"; if (reconnectTimer) { clearTimeout(reconnectTimer); reconnectTimer = null; } };
+  ws.onmessage = (evt) => { try { updateDashboard(JSON.parse(evt.data)); } catch {} };
+  ws.onclose = () => scheduleReconnect();
+  ws.onerror = () => { if (ws) ws.close(); };
+}
+function scheduleReconnect() {
+  banner.style.display = "block";
+  reconnectAttempt++;
+  reconnectTimer = setTimeout(connect, getReconnectDelay(reconnectAttempt));
+}
+// ── Dashboard Update ─────────────────────────────────────────────────────────
+function updateDashboard(snap) {
+  // Bridge Health
+  setText("health-uptime", formatUptime(snap.uptimeMs));
+  setText("health-timestamp", new Date(snap.timestamp).toLocaleTimeString());
+  setText("health-version", snap.version && snap.commit ? `v${snap.version} (${snap.commit})` : "—");
+  setText("health-model", snap.model ? `${snap.model.name} (${snap.model.provider})` : "—");
+  // Platforms
+  if (snap.services) {
+    updateServiceRow("telegram", snap.services.telegram);
+    updateServiceRow("discord", snap.services.discord);
+    updateServiceRow("agent-api", snap.services["agent-api"]);
+    const enabled = [];
+    if (snap.services.telegram?.running) enabled.push("Telegram");
+    if (snap.services.discord?.running) enabled.push("Discord");
+    setText("health-platforms", enabled.length > 0 ? enabled.join(", ") : "None");
+  }
+  // Transport
+  if (snap.transport) {
+    setText("transport-type", snap.transport.type || "—");
+    const stateEl = document.getElementById("transport-state");
+    if (stateEl) stateEl.innerHTML = snap.transport.ready
+      ? '<span class="indicator green"></span> connected'
+      : '<span class="indicator red"></span> disconnected';
+    const pct = snap.transport.contextPercent;
+    const bar = document.getElementById("transport-ctx-bar");
+    if (bar) {
+      bar.style.width = pct >= 0 ? Math.min(pct, 100) + "%" : "0%";
+      bar.style.background = pct > 85 ? "#f44336" : pct > 60 ? "#ff9800" : "#4caf50";
+    }
+    setText("transport-ctx-pct", pct >= 0 ? pct + "%" : "N/A");
+  }
+  // Memory
+  if (snap.memory) {
+    const memStatus = document.getElementById("mem-status");
+    if (memStatus) {
+      memStatus.innerHTML = !snap.memory.enabled
+        ? '<span class="indicator yellow"></span> disabled'
+        : snap.memory.error ? '<span class="indicator red"></span> error'
+        : '<span class="indicator green"></span> enabled';
+    }
+    if (snap.memory.stats) {
+      const s = snap.memory.stats;
+      setText("mem-messages", s.totalMessages);
+      setText("mem-extracted", s.extractedMemories);
+      setText("mem-consolidations", s.consolidationFiles.daily + " / " + s.consolidationFiles.weekly + " / " + s.consolidationFiles.quarterly);
+      setText("mem-documents", s.ingestedDocuments);
+      setText("mem-dbsize", formatBytes(s.dbSizeBytes));
+    }
+  }
+  // Auth indicators
+  const authGws = document.getElementById("auth-gws");
+  if (authGws) authGws.innerHTML = '<span class="auth-dot ' + (snap.gwsAuth ? "ok" : "no") + '"></span>' + (snap.gwsAuth ? "Authenticated" : "Not configured");
+  const authNlm = document.getElementById("auth-nlm");
+  if (authNlm) authNlm.innerHTML = '<span class="auth-dot ' + (snap.notebooklm?.enabled ? "ok" : "no") + '"></span>' + (snap.notebooklm?.enabled ? "Active" : "Disabled");
+  const authX = document.getElementById("auth-x");
+  if (authX) authX.innerHTML = '<span class="auth-dot ' + (snap.xAuth ? "ok" : "no") + '"></span>' + (snap.xAuth ? "Authenticated" : "No cookies");
+  // Heartbeat
+  if (snap.heartbeat) {
+    const hbEl = document.getElementById("hb-status");
+    if (hbEl) {
+      hbEl.innerHTML = snap.heartbeat.running
+        ? '<span class="indicator green"></span> ' + (snap.heartbeat.intervalMs ? (snap.heartbeat.intervalMs / 1000) + "s" : "")
+        : '<span class="indicator red"></span> FAILED';
+    }
+    const hbTasks = document.getElementById("hb-tasks");
+    if (hbTasks && snap.heartbeat.taskNames) {
+      hbTasks.innerHTML = snap.heartbeat.taskNames.length === 0
+        ? '<div style="color:#666;font-size:0.82rem;">No tasks registered</div>'
+        : snap.heartbeat.taskNames.map(name =>
+          '<div class="stat-row"><span class="stat-label">' + escHtml(name) + '</span><span class="stat-value"><span class="indicator ' + (snap.heartbeat.running ? "green" : "yellow") + '"></span></span></div>'
+        ).join("");
+    }
+  }
+  // Cron
+  if (snap.cron) updateCronPanel(snap.cron);
+  // A2A
+  updateA2ATraffic(snap.agentApi);
+  // Subsystem health grid
+  if (snap.subsystems) updateSubsystemGrid(snap.subsystems);
+}
+function updateServiceRow(name, state) {
+  const badge = document.getElementById("plat-" + name + "-badge");
+  const btnStart = document.getElementById("plat-" + name + "-start");
+  const btnStop = document.getElementById("plat-" + name + "-stop");
+  if (!badge) return;
+  if (!state || !state.configured) {
+    badge.textContent = "not configured"; badge.className = "badge disabled";
+    if (btnStart) btnStart.disabled = true;
+    if (btnStop) btnStop.disabled = true;
+    return;
+  }
+  if (state.running) {
+    badge.textContent = name === "agent-api" ? "⚠️ " + (badge.dataset.port || "?") : "running";
+    badge.className = name === "agent-api" ? "badge running clickable" : "badge running";
+    if (btnStart) btnStart.disabled = true;
+    if (btnStop) btnStop.disabled = false;
+  } else {
+    badge.textContent = "stopped"; badge.className = "badge stopped";
+    if (btnStart) btnStart.disabled = false;
+    if (btnStop) btnStop.disabled = true;
+  }
+}
+// ── Cron Panel ───────────────────────────────────────────────────────────────
+function updateCronPanel(entries) {
+  const container = document.getElementById("cron-entries");
+  if (!container) return;
+  if (!entries || entries.length === 0) {
+    container.innerHTML = '<div style="color:#666;font-size:0.82rem;">No scheduled tasks</div>';
+    return;
+  }
+  container.innerHTML = entries.map(e => {
+    const statusBadge = e.paused ? '<span class="badge paused">paused</span>' : '<span class="badge running">active</span>';
+    const priorityBadge = e.priority === "high" ? ' <span class="badge high">HIGH</span>' : e.priority === "low" ? ' <span class="badge low">LOW</span>' : "";
+    const nextFire = e.paused ? "—" : new Date(e.fireAt).toLocaleString();
+    const lastRan = e.lastRanAt ? new Date(e.lastRanAt).toLocaleString() : "never";
+    const pauseBtn = e.paused
+      ? `<button class="btn-start" data-action="cron-action" data-id="${e.id}" data-op="resume">Resume</button>`
+      : `<button class="btn-stop" data-action="cron-action" data-id="${e.id}" data-op="pause">Pause</button>`;
+    return `<div class="cron-entry"><div class="cron-info"><div class="cron-label">${statusBadge}${priorityBadge} ${escHtml(e.label)}</div><div class="cron-meta">${escHtml(e.schedule)} · ${e.executor} · next: ${nextFire} · last: ${lastRan}</div></div><div class="cron-actions">${pauseBtn}<button class="btn-start" style="background:#0f3460;color:#a0c4ff;" data-action="cron-action" data-id="${e.id}" data-op="trigger">▶ Run</button></div></div>`;
+  }).join("");
+}
+// ── A2A Traffic ──────────────────────────────────────────────────────────────
+let lastTrafficCount = 0;
+function updateA2ATraffic(agentApi) {
+  if (!agentApi?.traffic) return;
+  const entries = agentApi.traffic;
+  if (entries.length === lastTrafficCount) return;
+  lastTrafficCount = entries.length;
+  setText("a2a-count", entries.length + " entries");
+  const container = document.getElementById("a2a-entries");
+  if (!container) return;
+  if (entries.length === 0) {
+    container.innerHTML = '<div class="a2a-empty">No traffic yet. Waiting for agent requests...</div>';
+    return;
+  }
+  container.innerHTML = entries.slice().reverse().map(e => {
+    const time = new Date(e.ts).toLocaleTimeString();
+    const epClass = e.endpoint === "prompt" ? "prompt" : e.endpoint === "reset" ? "reset" : "status";
+    let body = "";
+    if (e.endpoint === "prompt") {
+      body = '<div class="a2a-prompt">→ ' + escHtml(e.prompt) + "</div>";
+      if (e.response) body += '<div class="a2a-response">← ' + escHtml(e.response) + "</div>";
+    } else {
+      body = '<div class="a2a-response">' + escHtml(e.response || e.endpoint) + "</div>";
+    }
+    body += '<div class="a2a-meta">' + (e.ip || "—") + " · " + e.durationMs + "ms · " + e.status + "</div>";
+    return `<div class="a2a-entry"><span class="a2a-time">${time}</span><span class="a2a-endpoint ${epClass}">${e.endpoint}</span><div class="a2a-body">${body}</div></div>`;
+  }).join("");
+}
+// ── Log Panel ────────────────────────────────────────────────────────────────
+const logLevels = { info: true, warn: true, error: true, debug: false };
+let logPollTimer = null;
+function fetchLogs() {
+  const active = Object.keys(logLevels).filter(k => logLevels[k]);
+  const container = document.getElementById("log-entries");
+  if (active.length === 0) { if (container) container.innerHTML = '<div style="color:#666;padding:12px;">No levels selected</div>'; return; }
+  fetch("/api/logs?level=" + active.join(",") + "&limit=500", { headers: authHeaders() })
+    .then(r => r.json())
+    .then(data => {
+      if (!container || !data.lines) return;
+      const wasAtBottom = container.scrollHeight - container.scrollTop - container.clientHeight < 30;
+      container.innerHTML = data.lines.map(line => {
+        let lvl = "info";
+        if (line.includes(" WARN ")) lvl = "warn";
+        else if (line.includes(" ERROR")) lvl = "error";
+        else if (line.includes(" DEBUG")) lvl = "debug";
+        return '<div class="log-line ' + lvl + '">' + escHtml(line.slice(0, 19).replace("T", " ") + line.slice(24)) + "</div>";
+      }).join("");
+      if (wasAtBottom) container.scrollTop = container.scrollHeight;
+    }).catch(() => {});
+}
+// ── Memory Search ────────────────────────────────────────────────────────────
+let keywordFilters = [];
+let searchMode = "or";
+function getSelectedStages() {
+  return [...document.querySelectorAll("#layer-toggles .layer-btn.active")].map(b => b.dataset.layer);
+}
+function renderFilters() {
+  const container = document.getElementById("keyword-filters");
+  if (!container) return;
+  container.innerHTML = keywordFilters.map((kw, i) =>
+    `<span class="keyword-chip" data-action="remove-filter" data-index="${i}">${escHtml(kw)} ✕</span>`
+  ).join("");
+}
+function searchMemory() {
+  const container = document.getElementById("mem-search-results");
+  if (keywordFilters.length === 0) { if (container) container.innerHTML = ""; return; }
+  const stages = getSelectedStages();
+  if (stages.length === 0) { if (container) container.innerHTML = '<div style="color:#666;padding:6px 0;">No stages selected</div>'; return; }
+  const userId = document.getElementById("mem-userid-input")?.value.trim() || "";
+  const entity = document.getElementById("mem-entity-input")?.value || "";
+  const keywords = keywordFilters.join(",");
+  let url = "/api/memory/search?keywords=" + encodeURIComponent(keywords) + "&original=" + encodeURIComponent(keywords) + "&stages=" + encodeURIComponent(stages.join(",")) + "&mode=" + searchMode;
+  if (entity) url += "&entity=" + encodeURIComponent(entity);
+  if (userId) url += "&userId=" + encodeURIComponent(userId);
+  fetch(url, { headers: authHeaders() }).then(r => r.json()).then(data => {
+    if (!container) return;
+    if (data.error) { container.innerHTML = '<div style="color:#f44336;padding:6px 0;">' + escHtml(data.error) + "</div>"; return; }
+    if (!data.results?.length) { container.innerHTML = '<div style="color:#666;padding:6px 0;">No results found</div>'; return; }
+    let stageInfo = "";
+    if (data.layers) {
+      stageInfo = '<div style="color:#888;font-size:11px;margin-bottom:6px;">' + Object.keys(data.layers).map(k => k + ":" + (data.layers[k].hits || 0) + " (" + (data.layers[k].ms || 0) + "ms)").join(" | ") + "</div>";
+    }
+    container.innerHTML = stageInfo + data.results.map(r => {
+      let meta = '<span class="score">' + (r.score != null ? r.score.toFixed(2) : "—") + '</span> <span class="source">' + escHtml(r.source) + '</span> <span class="source">' + escHtml(r.date) + "</span>";
+      if (r.memoryType) meta += ' <span class="source">' + r.memoryType + "</span>";
+      let content = escHtml(r.content.substring(0, 300));
+      if (r.contentOriginal && r.contentOriginal !== r.content) content += '<div style="color:#888;font-size:11px;margin-top:2px;">' + escHtml(r.contentOriginal.substring(0, 200)) + "</div>";
+      return '<div class="search-result-item"><div class="result-meta">' + meta + '</div><div class="result-content">' + content + "</div></div>";
+    }).join("");
+  }).catch(err => { if (container) container.innerHTML = '<div style="color:#f44336;">Search failed: ' + escHtml(err.message) + "</div>"; });
+}
+function listChatIds() {
+  fetch("/api/memory/chats", { headers: authHeaders() }).then(r => r.json()).then(data => {
+    const container = document.getElementById("mem-search-results");
+    if (!container) return;
+    if (data.error) { container.innerHTML = '<div style="color:#f44336;">' + escHtml(data.error) + "</div>"; return; }
+    if (!data.userIds?.length) { container.innerHTML = '<div style="color:#666;">No chats found</div>'; return; }
+    container.innerHTML = '<div style="padding:6px 0;color:#e0e0e0;"><strong>Stored Chat IDs:</strong><br>' +
+      data.userIds.map(id => `<span style="cursor:pointer;color:#64b5f6;margin-right:12px;" data-action="select-chat-id" data-id="${id}">${id}</span>`).join("") + "</div>";
+  }).catch(() => {});
+}
+// ── Subsystem Health Grid ─────────────────────────────────────────────────────
+function updateSubsystemGrid(subsystems) {
+  const container = document.getElementById("subsystem-grid");
+  if (!container || !subsystems.length) return;
+  container.innerHTML = subsystems.map(s => {
+    const icon = s.status === "ok" ? "✓" : s.status === "skipped" ? "○" : s.status === "retrying" ? "↻" : "✗";
+    const color = s.status === "ok" ? "#4caf50" : s.status === "skipped" ? "#9e9e9e" : s.status === "retrying" ? "#ff9800" : "#f44336";
+    const detail = s.detail ? ` <span style="color:#888;">— ${escHtml(s.detail)}</span>` : "";
+    return `<div><span style="color:${color};font-weight:bold;">${icon}</span> ${escHtml(s.name)}${detail}</div>`;
+  }).join("");
+}
+// ── Event Delegation ─────────────────────────────────────────────────────────
+document.body.addEventListener("click", (e) => {
+  const target = e.target.closest("[data-action]");
+  if (!target) return;
+  const action = target.dataset.action;
+  switch (action) {
+    case "toggle-platform": {
+      const name = target.dataset.name, op = target.dataset.op;
+      fetch("/api/services/" + name + "/" + op, { method: "POST", headers: authHeaders() })
+        .then(r => r.json()).then(d => { if (d.error) alert("Error: " + d.error); })
+        .catch(err => alert("Request failed: " + err.message));
+      break;
+    }
+    case "toggle-overlay": {
+      const el = document.getElementById(target.dataset.target);
+      if (el) {
+        const show = el.style.display === "none";
+        el.style.display = show ? "flex" : "none";
+        // Start/stop log polling when log overlay toggles
+        if (target.dataset.target === "log-overlay") {
+          if (show) { fetchLogs(); logPollTimer = setInterval(fetchLogs, 5000); }
+          else { clearInterval(logPollTimer); logPollTimer = null; }
+        }
+      }
+      break;
+    }
+    case "toggle-a2a-panel": {
+      const panel = document.getElementById("a2a-panel");
+      if (panel) panel.style.display = panel.style.display === "none" ? "flex" : "none";
+      break;
+    }
+    case "load-universe": {
+      if (window.initMemoryUniverse) window.initMemoryUniverse(token);
+      break;
+    }
+    case "toggle-log-level": {
+      const level = target.dataset.level;
+      logLevels[level] = !logLevels[level];
+      target.classList.toggle("active", logLevels[level]);
+      fetchLogs();
+      break;
+    }
+    case "toggle-layer": {
+      target.classList.toggle("active");
+      searchMemory();
+      break;
+    }
+    case "toggle-search-mode": {
+      searchMode = searchMode === "or" ? "and" : "or";
+      target.textContent = searchMode.toUpperCase();
+      target.classList.toggle("active", searchMode === "or");
+      searchMemory();
+      break;
+    }
+    case "search-memory": {
+      searchMemory();
+      break;
+    }
+    case "list-chat-ids": {
+      listChatIds();
+      break;
+    }
+    case "remove-filter": {
+      keywordFilters.splice(Number(target.dataset.index), 1);
+      renderFilters();
+      searchMemory();
+      break;
+    }
+    case "cron-action": {
+      fetch("/api/cron/" + target.dataset.id + "/" + target.dataset.op, { method: "POST", headers: authHeaders() })
+        .then(r => r.json()).then(d => { if (d.error) alert("Error: " + d.error); })
+        .catch(err => alert("Request failed: " + err.message));
+      break;
+    }
+    case "select-chat-id": {
+      const input = document.getElementById("mem-userid-input");
+      if (input) input.value = target.dataset.id;
+      break;
+    }
+  }
+});
+// Keyword input Enter handler
+const kwInput = document.getElementById("mem-keyword-input");
+if (kwInput) {
+  kwInput.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") {
+      const val = kwInput.value.trim();
+      if (val && !keywordFilters.includes(val)) {
+        keywordFilters.push(val);
+        renderFilters();
+        searchMemory();
+      }
+      kwInput.value = "";
+    }
+  });
+}
+// ── Init ─────────────────────────────────────────────────────────────────────
+connect();
+// Logs fetched on overlay open, not on page load