ltcai 4.0.1 → 4.1.0

package/static/v3/js/views/marketplace.js

@@ -1,141 +0,0 @@
-/* ============================================================================
- * View: Marketplace — agent templates, plugins, and skills.
- * Templates come from /marketplace/templates (offline local catalog incl. the
- * five named agent templates). Install / Clone / Export use the real backend.
- * Plugins and skills marketplace read live directories; unavailable is shown
- * honestly with no fabricated catalog.
- * ========================================================================== */
-
-const KIND_VARIANT = { agent: "info", workflow: "warn", plugin: "" };
-
-export async function render(ctx) {
-  const { h, c } = ctx;
-  const body = h("div", c.loading({ lines: 4, block: true }));
-  let tab = "templates";
-
-  const tabsEl = c.tabs(
-    [{ key: "templates", label: "Templates" }, { key: "plugins", label: "Plugins" }, { key: "skills", label: "Skills" }],
-    tab, (k) => { tab = k; paint(); },
-  );
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Platform",
-      title: "Marketplace",
-      sub: "Reusable agent templates, plugins, and skills — install, clone, customize, export, and import, all from /app.",
-    }),
-    tabsEl,
-    body,
-  );
-
-  paint();
-  return root;
-
-  function paint() {
-    [...tabsEl.querySelectorAll(".lt3-tab")].forEach((b, i) => { b.dataset.active = String(["templates", "plugins", "skills"][i] === tab); });
-    body.replaceChildren(c.loading({ lines: 3, block: true }));
-    if (tab === "templates") return paintTemplates();
-    if (tab === "plugins") return paintPlugins();
-    return paintSkills();
-  }
-
-  async function paintTemplates() {
-    const res = await ctx.api.templates();
-    const list = (res.data && res.data.templates) || [];
-    if (!list.length) {
-      body.replaceChildren(stateRow(ctx, res.source), c.emptyState({ icon: "package-off", title: "Catalog unavailable", body: "Start the backend to load the template catalog." }));
-      return;
-    }
-    const byKind = {};
-    for (const t of list) (byKind[t.kind] = byKind[t.kind] || []).push(t);
-    const sections = Object.keys(byKind).map((kind) =>
-      h("section",
-        c.sectionHead(`${cap(kind)} templates`, c.pill(String(byKind[kind].length))),
-        h("div.lt3-grid-auto", byKind[kind].map((t) => templateCard(ctx, t))),
-      ));
-    body.replaceChildren(h("div.lt3-stack-6", stateRow(ctx, res.source), ...sections));
-  }
-
-  function templateCard(ctx2, t) {
-    const def = t.definition || {};
-    const caps = def.capabilities || def.roles || [];
-    return c.card(h("div.lt3-stack-3",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start" } },
-        h("div", h("b", t.name), h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)" } }, t.id)),
-        c.pill(t.kind, KIND_VARIANT[t.kind] || ""),
-      ),
-      h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, t.description || ""),
-      caps.length ? h("div.lt3-cluster", caps.slice(0, 6).map((x) => h("span.lt3-chip", x))) : null,
-      h("div.lt3-row-2",
-        h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => install(ctx2, t) } }, c.icon("download"), "Install"),
-        h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => clone(ctx2, t) } }, c.icon("copy"), "Clone"),
-        h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => exportT(ctx2, t) } }, c.icon("file-export"), "Export"),
-      ),
-      h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, `v${t.version || "1.0.0"} · ${(t.metadata && t.metadata.category) || "general"}`),
-    ), { interactive: false });
-  }
-
-  async function install(ctx2, t) {
-    const res = await ctx2.api.installTemplate(t);
-    ctx2.toast(res && res.ok ? `Installed ${t.name}` : "Install unavailable", res && res.ok ? "ok" : "err");
-  }
-  async function clone(ctx2, t) {
-    const res = await ctx2.api.cloneTemplate(t.kind, t.id, `${t.name} (Copy)`);
-    ctx2.toast(res && res.ok ? `Cloned to ${res.data.template.id}` : "Clone unavailable", res && res.ok ? "ok" : "err");
-  }
-  async function exportT(ctx2, t) {
-    const res = await ctx2.api.exportTemplate(t.kind, t.id);
-    if (res && res.ok && res.data) {
-      try {
-        const blob = new Blob([JSON.stringify(res.data, null, 2)], { type: "application/json" });
-        const a = document.createElement("a");
-        a.href = URL.createObjectURL(blob); a.download = `${t.id}.template.json`; a.click();
-        URL.revokeObjectURL(a.href);
-        ctx2.toast("Exported template", "ok");
-      } catch { ctx2.toast("Export failed", "err"); }
-    } else { ctx2.toast("Export unavailable", "err"); }
-  }
-
-  async function paintPlugins() {
-    const [reg, dir] = await Promise.all([ctx.api.pluginsRegistry(), ctx.api.pluginsDirectory()]);
-    const installed = (reg.data && reg.data.plugins) || [];
-    const directory = (dir.data && dir.data.plugins) || [];
-    if (!installed.length && !directory.length) {
-      body.replaceChildren(stateRow(ctx, reg.source), c.emptyState({ icon: "plug-off", title: "No plugins", body: "Plugin registry and directory are unavailable." }));
-      return;
-    }
-    body.replaceChildren(h("div.lt3-stack-6",
-      stateRow(ctx, reg.source),
-      h("section", c.sectionHead("Installed plugins", c.pill(String(installed.length))),
-        installed.length ? h("div.lt3-grid-auto", installed.map((p) => simpleCard(ctx, p.name || p.id, p.description, p.version, "ok"))) : hint(ctx, "No plugins installed.")),
-      h("section", c.sectionHead("Directory", c.pill(String(directory.length))),
-        directory.length ? h("div.lt3-grid-auto", directory.slice(0, 30).map((p) => simpleCard(ctx, p.name, p.description, p.version, null, p.author))) : hint(ctx, "Directory unavailable.")),
-    ));
-  }
-
-  async function paintSkills() {
-    const res = await ctx.api.skillsMarketplace();
-    const skills = (res.data && res.data.skills) || [];
-    body.replaceChildren(h("div.lt3-stack-3",
-      stateRow(ctx, res.source),
-      h("p.lt3-faint", { style: { margin: 0 } }, "Manage installed skills in the Skills view; this is the discovery catalog."),
-      skills.length
-        ? h("div.lt3-grid-auto", skills.slice(0, 40).map((s) => simpleCard(ctx, s.skill || s.name, s.description, s.version, s.installed ? "ok" : null, s.author)))
-        : c.emptyState({ icon: "puzzle-off", title: "Skills catalog unavailable", body: "The skills marketplace did not respond." }),
-    ));
-  }
-}
-
-function stateRow(ctx, source) {
-  return ctx.h("div.lt3-row-2", { style: { "justify-content": "flex-end" } }, ctx.c.sourceBadge(source));
-}
-function simpleCard(ctx, name, desc, version, state, author) {
-  const { h, c } = ctx;
-  return c.card(h("div.lt3-stack-2",
-    h("div.lt3-row", { style: { "justify-content": "space-between" } }, h("b", name || "Untitled"), state ? c.statePill(state === "ok" ? "ready" : state) : null),
-    h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, desc || ""),
-    h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, [version ? `v${version}` : null, author ? `by ${author}` : null].filter(Boolean).join(" · ")),
-  ), { flat: true });
-}
-function hint(ctx, text) { return ctx.h("p.lt3-faint", { style: { margin: 0 } }, text); }
-function cap(s) { return String(s || "").charAt(0).toUpperCase() + String(s || "").slice(1); }

package/static/v3/js/views/mcp.99b5c6a7.js

@@ -1,114 +0,0 @@
-/* ============================================================================
- * View: MCP Manager — connected MCP servers, available tools, health.
- * Reads /mcp/tools, /mcp/installed, /mcp/claude-code-servers, /mcp/custom and
- * lets the user inspect connected servers and recommend new ones. Unavailable
- * state is explicit; nothing is invented.
- * ========================================================================== */
-
-export async function render(ctx) {
-  const { h, c } = ctx;
-  const src = h("span", c.sourceBadge("pending"));
-  const statHost = h("div.lt3-statrow", c.loading({ lines: 1 }));
-  const serversHost = h("div", c.loading({ lines: 3, block: true }));
-  const recHost = h("div");
-  const recInput = h("input.lt3-input", { type: "text", placeholder: "Describe what you need (e.g. “web search”, “github”)…", "aria-label": "Recommend MCP" });
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Platform",
-      title: "MCP Manager",
-      sub: "Model Context Protocol servers: what is connected, the tools they expose, their permissions, and their health — managed from /app.",
-      actions: [src],
-    }),
-    statHost,
-    c.panel({
-      title: "Recommend a server", sub: "Find MCP servers that match a capability.",
-      children: h("div.lt3-stack-3",
-        h("div.lt3-row-2", recInput, h("button.lt3-btn.lt3-btn--primary", { on: { click: recommend } }, c.icon("search"), "Recommend")),
-        recHost),
-    }),
-    h("section", c.sectionHead("Connected servers"), serversHost),
-  );
-
-  load();
-  return root;
-
-  async function load() {
-    const [tools, claude, custom] = await Promise.all([ctx.api.mcpTools(), ctx.api.mcpClaudeServers(), ctx.api.mcpCustom()]);
-    src.replaceChildren(c.sourceBadge(tools.source));
-    const installed = (tools.data && tools.data.installed_mcps) || [];
-    const claudeServers = (claude.data && claude.data.servers) || [];
-    const customServers = (custom.data && custom.data.custom) || [];
-    const toolList = (tools.data && tools.data.tools) || [];
-    const servers = mergeServers(installed, claudeServers, customServers);
-
-    if (!servers.length && !toolList.length) {
-      statHost.replaceChildren(c.stat({ label: "MCP", value: "—", icon: "plug-connected" }));
-      serversHost.replaceChildren(c.emptyState({ icon: "plug-off", title: "MCP unavailable", body: "Start the backend to read MCP servers and tools." }));
-      return;
-    }
-    const connected = servers.filter((s) => s.installed).length;
-    statHost.replaceChildren(
-      c.stat({ label: "Servers", value: c.fmtNum(servers.length), icon: "server" }),
-      c.stat({ label: "Connected", value: c.fmtNum(connected), icon: "plug-connected" }),
-      c.stat({ label: "Local tools", value: c.fmtNum(toolList.length), icon: "tools" }),
-    );
-    if (!servers.length) {
-      serversHost.replaceChildren(c.emptyState({ icon: "plug", title: "No MCP servers", body: "No MCP servers are registered yet. Use Recommend to find some." }));
-      return;
-    }
-    serversHost.replaceChildren(h("div.lt3-grid-auto", servers.map((s) => serverCard(ctx, s))));
-  }
-
-  function serverCard(ctx2, s) {
-    return c.card(h("div.lt3-stack-3",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start" } },
-        h("div.lt3-row-2",
-          h("span.lt3-avatar", { style: { width: "34px", height: "34px", "border-radius": "var(--lt3-radius-md)" } }, s.icon && s.icon.length <= 2 ? s.icon : c.icon("plug")),
-          h("div", h("b", s.name), h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, s.category || s.source || "")),
-        ),
-        c.statePill(s.installed ? "ready" : "available"),
-      ),
-      s.description ? h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, s.description) : null,
-      s.package ? h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)", "word-break": "break-all" } }, s.package) : null,
-      Array.isArray(s.env_vars) && s.env_vars.length ? h("div.lt3-cluster", s.env_vars.slice(0, 4).map((e) => h("span.lt3-chip", c.icon("key"), e.name || e))) : null,
-    ), { interactive: false });
-  }
-
-  async function recommend() {
-    const q = recInput.value.trim();
-    if (!q) { ctx.toast("Describe what you need", "info"); return; }
-    recHost.replaceChildren(c.loading({ lines: 2 }));
-    const res = await ctx.api.mcpRecommend(q, 6);
-    const recs = (res && res.data && (res.data.recommendations || res.data)) || [];
-    if (!res || !res.ok || !Array.isArray(recs) || !recs.length) {
-      recHost.replaceChildren(c.banner("No recommendations available — the MCP registry may be offline.", "info"));
-      return;
-    }
-    recHost.replaceChildren(h("div.lt3-stack-2", recs.slice(0, 6).map((r) => c.card(
-      h("div.lt3-row", { style: { "justify-content": "space-between" } },
-        h("div", h("b", r.name || r.id), h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, r.description || "")),
-        r.category ? c.pill(r.category) : null),
-      { flat: true }))));
-  }
-}
-
-function mergeServers(installed, claude, custom) {
-  const out = [];
-  const seen = new Set();
-  const push = (s, source) => {
-    const id = s.id || s.name;
-    if (!id || seen.has(id)) return;
-    seen.add(id);
-    out.push({
-      id, name: s.name || id, description: s.description || "", category: s.category || source,
-      package: s.package || "", icon: s.icon || "", source: s.source || source,
-      installed: s.installed != null ? !!s.installed : source === "claude-code",
-      env_vars: s.env_vars || [],
-    });
-  };
-  (installed || []).forEach((s) => push(s, "registry"));
-  (claude || []).forEach((s) => push(s, "claude-code"));
-  (custom || []).forEach((s) => push(s, "custom"));
-  return out;
-}

package/static/v3/js/views/mcp.js

@@ -1,114 +0,0 @@
-/* ============================================================================
- * View: MCP Manager — connected MCP servers, available tools, health.
- * Reads /mcp/tools, /mcp/installed, /mcp/claude-code-servers, /mcp/custom and
- * lets the user inspect connected servers and recommend new ones. Unavailable
- * state is explicit; nothing is invented.
- * ========================================================================== */
-
-export async function render(ctx) {
-  const { h, c } = ctx;
-  const src = h("span", c.sourceBadge("pending"));
-  const statHost = h("div.lt3-statrow", c.loading({ lines: 1 }));
-  const serversHost = h("div", c.loading({ lines: 3, block: true }));
-  const recHost = h("div");
-  const recInput = h("input.lt3-input", { type: "text", placeholder: "Describe what you need (e.g. “web search”, “github”)…", "aria-label": "Recommend MCP" });
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Platform",
-      title: "MCP Manager",
-      sub: "Model Context Protocol servers: what is connected, the tools they expose, their permissions, and their health — managed from /app.",
-      actions: [src],
-    }),
-    statHost,
-    c.panel({
-      title: "Recommend a server", sub: "Find MCP servers that match a capability.",
-      children: h("div.lt3-stack-3",
-        h("div.lt3-row-2", recInput, h("button.lt3-btn.lt3-btn--primary", { on: { click: recommend } }, c.icon("search"), "Recommend")),
-        recHost),
-    }),
-    h("section", c.sectionHead("Connected servers"), serversHost),
-  );
-
-  load();
-  return root;
-
-  async function load() {
-    const [tools, claude, custom] = await Promise.all([ctx.api.mcpTools(), ctx.api.mcpClaudeServers(), ctx.api.mcpCustom()]);
-    src.replaceChildren(c.sourceBadge(tools.source));
-    const installed = (tools.data && tools.data.installed_mcps) || [];
-    const claudeServers = (claude.data && claude.data.servers) || [];
-    const customServers = (custom.data && custom.data.custom) || [];
-    const toolList = (tools.data && tools.data.tools) || [];
-    const servers = mergeServers(installed, claudeServers, customServers);
-
-    if (!servers.length && !toolList.length) {
-      statHost.replaceChildren(c.stat({ label: "MCP", value: "—", icon: "plug-connected" }));
-      serversHost.replaceChildren(c.emptyState({ icon: "plug-off", title: "MCP unavailable", body: "Start the backend to read MCP servers and tools." }));
-      return;
-    }
-    const connected = servers.filter((s) => s.installed).length;
-    statHost.replaceChildren(
-      c.stat({ label: "Servers", value: c.fmtNum(servers.length), icon: "server" }),
-      c.stat({ label: "Connected", value: c.fmtNum(connected), icon: "plug-connected" }),
-      c.stat({ label: "Local tools", value: c.fmtNum(toolList.length), icon: "tools" }),
-    );
-    if (!servers.length) {
-      serversHost.replaceChildren(c.emptyState({ icon: "plug", title: "No MCP servers", body: "No MCP servers are registered yet. Use Recommend to find some." }));
-      return;
-    }
-    serversHost.replaceChildren(h("div.lt3-grid-auto", servers.map((s) => serverCard(ctx, s))));
-  }
-
-  function serverCard(ctx2, s) {
-    return c.card(h("div.lt3-stack-3",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start" } },
-        h("div.lt3-row-2",
-          h("span.lt3-avatar", { style: { width: "34px", height: "34px", "border-radius": "var(--lt3-radius-md)" } }, s.icon && s.icon.length <= 2 ? s.icon : c.icon("plug")),
-          h("div", h("b", s.name), h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, s.category || s.source || "")),
-        ),
-        c.statePill(s.installed ? "ready" : "available"),
-      ),
-      s.description ? h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, s.description) : null,
-      s.package ? h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)", "word-break": "break-all" } }, s.package) : null,
-      Array.isArray(s.env_vars) && s.env_vars.length ? h("div.lt3-cluster", s.env_vars.slice(0, 4).map((e) => h("span.lt3-chip", c.icon("key"), e.name || e))) : null,
-    ), { interactive: false });
-  }
-
-  async function recommend() {
-    const q = recInput.value.trim();
-    if (!q) { ctx.toast("Describe what you need", "info"); return; }
-    recHost.replaceChildren(c.loading({ lines: 2 }));
-    const res = await ctx.api.mcpRecommend(q, 6);
-    const recs = (res && res.data && (res.data.recommendations || res.data)) || [];
-    if (!res || !res.ok || !Array.isArray(recs) || !recs.length) {
-      recHost.replaceChildren(c.banner("No recommendations available — the MCP registry may be offline.", "info"));
-      return;
-    }
-    recHost.replaceChildren(h("div.lt3-stack-2", recs.slice(0, 6).map((r) => c.card(
-      h("div.lt3-row", { style: { "justify-content": "space-between" } },
-        h("div", h("b", r.name || r.id), h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, r.description || "")),
-        r.category ? c.pill(r.category) : null),
-      { flat: true }))));
-  }
-}
-
-function mergeServers(installed, claude, custom) {
-  const out = [];
-  const seen = new Set();
-  const push = (s, source) => {
-    const id = s.id || s.name;
-    if (!id || seen.has(id)) return;
-    seen.add(id);
-    out.push({
-      id, name: s.name || id, description: s.description || "", category: s.category || source,
-      package: s.package || "", icon: s.icon || "", source: s.source || source,
-      installed: s.installed != null ? !!s.installed : source === "claude-code",
-      env_vars: s.env_vars || [],
-    });
-  };
-  (installed || []).forEach((s) => push(s, "registry"));
-  (claude || []).forEach((s) => push(s, "claude-code"));
-  (custom || []).forEach((s) => push(s, "custom"));
-  return out;
-}

package/static/v3/js/views/memory.4ebdf474.js

@@ -1,147 +0,0 @@
-/* ============================================================================
- * View: Memory — the long-term memory platform + Memory Manager.
- * Reads /api/memory/manager (usage / sources / health / size / type) and offers
- * recall, inspect, compact, and rebuild. Every number comes from a real store;
- * tiers with no backing report unavailable. (Destructive prune/clear are
- * available over the API but intentionally not surfaced as one-click UI here.)
- * ========================================================================== */
-
-const TIER_ICON = {
-  workspace: "building-warehouse", project: "folders", agent: "robot",
-  conversation: "messages", graph: "chart-dots-3", vector: "grid-dots",
-};
-
-export async function render(ctx) {
-  const { h, c } = ctx;
-
-  const srcBadge = h("span", c.sourceBadge("pending"));
-  const statHost = h("div.lt3-statrow", c.loading({ lines: 1 }));
-  const sourcesHost = h("div", c.loading({ lines: 3, block: true }));
-  const recallHost = h("div");
-  const inspectHost = h("div", h("p.lt3-faint", { style: { margin: 0 } }, "Pick a tier to inspect its contents."));
-
-  const recallInput = h("input.lt3-input", { type: "text", placeholder: "Recall from workspace + graph memory…", "aria-label": "Recall memory" });
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Retrieval",
-      title: "Memory",
-      sub: "Long-term memory unified across workspace, project, agent, conversation, graph, and vector tiers — recall, inspect, and maintain it without leaving /app.",
-      actions: [srcBadge],
-    }),
-    statHost,
-    c.panel({
-      title: "Recall", sub: "Searches your workspace and knowledge-graph memory.",
-      children: h("div.lt3-stack-3",
-        h("div.lt3-row-2",
-          recallInput,
-          h("button.lt3-btn.lt3-btn--primary", { on: { click: doRecall } }, c.icon("search"), "Recall"),
-        ),
-        recallHost,
-      ),
-    }),
-    h("section",
-      c.sectionHead("Memory sources", h("div.lt3-row-2",
-        h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => act("compact") } }, c.icon("arrows-minimize"), "Compact"),
-        h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => act("rebuild") } }, c.icon("refresh"), "Rebuild vectors"),
-      )),
-      sourcesHost,
-    ),
-    c.panel({ title: "Inspect tier", children: h("div.lt3-stack-3", tierTabs(ctx, inspectHost), inspectHost) }),
-  );
-
-  hydrate();
-  return root;
-
-  async function hydrate() {
-    const res = await ctx.api.memoryManager();
-    const data = res.data || {};
-    const sources = Array.isArray(data.sources) ? data.sources : [];
-    srcBadge.replaceChildren(c.sourceBadge(res.source));
-
-    if (!sources.length) {
-      statHost.replaceChildren(c.stat({ label: "Memory", value: "—", icon: "brain" }));
-      sourcesHost.replaceChildren(c.emptyState({ icon: "database-off", title: "Memory unavailable", body: "Start the backend to read the memory platform." }));
-      return;
-    }
-    const usage = data.usage || {};
-    statHost.replaceChildren(
-      c.stat({ label: "Total items", value: c.fmtNum(usage.total_items), icon: "stack-2" }),
-      c.stat({ label: "On disk", value: fmtBytes(usage.total_bytes), icon: "database" }),
-      c.stat({ label: "Tiers", value: c.fmtNum((data.tiers || []).length), icon: "layers" }),
-      c.stat({ label: "Health", value: data.health || "—", icon: "heartbeat" }),
-    );
-    sourcesHost.replaceChildren(c.table(
-      [
-        { key: "label", label: "Source", render: (r) => h("div.lt3-row-2", c.icon(TIER_ICON[r.type] || "circle"), h("b", r.label)) },
-        { key: "type", label: "Type", width: "1%", render: (r) => c.pill(r.type) },
-        { key: "count", label: "Items", width: "1%", render: (r) => h("span", { style: { "font-variant-numeric": "tabular-nums" } }, r.count == null ? "—" : c.fmtNum(r.count)) },
-        { key: "size", label: "Size", width: "1%", render: (r) => h("span.lt3-faint", r.size_bytes ? fmtBytes(r.size_bytes) : "—") },
-        { key: "health", label: "Health", width: "1%", render: (r) => c.statePill(r.health === "ok" ? "ready" : r.health === "unavailable" ? "failed" : "idle") },
-        { key: "detail", label: "Detail", render: (r) => h("span.lt3-muted", r.detail || "") },
-      ],
-      sources,
-    ));
-  }
-
-  async function doRecall() {
-    const q = recallInput.value.trim();
-    recallHost.replaceChildren(c.loading({ lines: 2 }));
-    const res = await ctx.api.memoryRecall(q, 25);
-    const items = (res.data && res.data.results) || [];
-    if (!res.ok) { recallHost.replaceChildren(c.banner("Recall is unavailable — start the backend.", "warn")); return; }
-    if (!items.length) { recallHost.replaceChildren(c.emptyState({ icon: "search-off", title: "No matches", body: "Nothing recalled for that query yet." })); return; }
-    recallHost.replaceChildren(h("div.lt3-stack-2", items.map((it) => c.card(
-      h("div.lt3-stack-2",
-        h("div.lt3-row", { style: { "justify-content": "space-between" } }, h("b", it.title || "memory"), c.pill(it.source, it.source === "graph" ? "info" : "")),
-        h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, it.snippet || ""),
-      ), { flat: true },
-    ))));
-  }
-
-  async function act(kind) {
-    const fn = kind === "compact" ? ctx.api.memoryCompact() : ctx.api.memoryRebuild("vector");
-    const res = await fn;
-    if (res && (res.ok || res.data)) {
-      const d = res.data || res;
-      const msg = kind === "compact" ? `Compacted ${d.compacted ?? 0} duplicate memories` : `Rebuild: ${d.status || "ok"}`;
-      ctx.toast(msg, d.status === "error" || d.status === "unavailable" ? "err" : "ok");
-    } else {
-      ctx.toast(`${kind} unavailable`, "err");
-    }
-    hydrate();
-  }
-
-  function tierTabs(ctx2, host) {
-    const tiers = ["workspace", "project", "agent", "conversation", "graph", "vector"];
-    let active = null;
-    return c.segmented(tiers.map((t) => ({ key: t, label: t })), active, async (key) => {
-      host.replaceChildren(c.loading({ lines: 2 }));
-      const res = await ctx2.api.memoryInspect(key, 50);
-      const d = res.data || {};
-      if (key === "graph") { host.replaceChildren(jsonBlock(ctx2, d.stats || {}, d.available)); return; }
-      if (key === "vector") { host.replaceChildren(jsonBlock(ctx2, d.index || {}, d.available)); return; }
-      const items = d.items || [];
-      if (!items.length) { host.replaceChildren(c.emptyState({ icon: "inbox", title: `No ${key} memory`, body: "This tier has no items yet." })); return; }
-      host.replaceChildren(h("div.lt3-stack-2", items.slice(0, 50).map((m) => c.card(
-        h("div.lt3-stack-2",
-          h("div.lt3-row-2", m.kind ? c.pill(m.kind) : null, h("b", { style: { "font-size": "var(--lt3-text-sm)" } }, m.title || m.id || "item")),
-          h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, m.content || (m.messages != null ? `${m.messages} messages` : "")),
-        ), { flat: true },
-      ))));
-    });
-  }
-
-  function jsonBlock(ctx2, obj, available) {
-    if (!available) return c.emptyState({ icon: "database-off", title: "Unavailable", body: "This tier is disabled or empty." });
-    return h("pre", { style: { margin: 0, "white-space": "pre-wrap", "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-xs)", color: "var(--muted)" } }, JSON.stringify(obj, null, 2));
-  }
-}
-
-function fmtBytes(n) {
-  const v = Number(n) || 0;
-  if (v <= 0) return "—";
-  if (v >= 1 << 20) return (v / (1 << 20)).toFixed(1) + " MB";
-  if (v >= 1 << 10) return (v / (1 << 10)).toFixed(1) + " KB";
-  return v + " B";
-}