dsh-engram 0.7.2 → 0.8.6

package/lib/client.js

@@ -74,6 +74,23 @@ var EngramApi = class {
   async tasks(workspace, includeStable = false) {
     return readJson(await fetch(`${API_PREFIX}/tasks${query({ workspace, includeStable: includeStable ? "1" : void 0 })}`));
   }
+  /**
+   * v0.8-D approvals: evidence-passed procedures the exporter would write, split
+   * into approved/pending. The server recomputes it from the same planner the
+   * CLI uses, so a click here can never approve something `skill export` skips.
+   */
+  async approvals(workspace) {
+    return readJson(await fetch(`${API_PREFIX}/approvals${query({ workspace })}`));
+  }
+  async setApproval(workspace, id, action, note) {
+    return readJson(
+      await fetch(`${API_PREFIX}/approvals`, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ workspace, id, action, note })
+      })
+    );
+  }
   /** Real tool-call rollup over recent session logs (host /toolstats). */
   async toolStats(days = 14) {
     return readJson(await fetch(`${API_PREFIX}/toolstats?days=${days}`));
@@ -1163,7 +1180,7 @@ var input = {
 };
 
 // client/src/EngramSection.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // client/src/EngramGraph.tsx
 var import_react3 = require("react");
@@ -2299,1862 +2316,1913 @@ function EngramTelemetry({ api, workspace }) {
   ] });
 }
 
-// client/src/EngramDetail.tsx
+// client/src/EngramConfigCard.tsx
 var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var KIND_COLORS = {
-  preference: "#b45309",
-  decision: "#2563eb",
-  error: "#dc2626",
-  procedure: "#7c3aed",
-  fact: "#059669",
-  insight: "#d97706",
-  handoff: "#0891b2",
-  task: "#4f46e5"
-};
-var KIND_LABEL = {
-  preference: "\u504F\u597D",
-  decision: "\u51B3\u5B9A",
-  error: "\u9519\u8BEF",
-  procedure: "\u6D41\u7A0B",
-  fact: "\u4E8B\u5B9E",
-  insight: "\u6D1E\u5BDF",
-  handoff: "\u4EA4\u63A5",
-  task: "\u4EFB\u52A1"
-};
-var REL_COLORS = {
-  depends_on: "#d97706",
-  implements: "#2563eb",
-  refines: "#7c3aed",
-  contradicts: "#dc2626",
-  tracks: "#059669"
-};
-function fmtDate(ts) {
-  if (!ts) return "\u2013";
-  const d = new Date(ts);
-  const mm = String(d.getMonth() + 1).padStart(2, "0");
-  const dd = String(d.getDate()).padStart(2, "0");
-  return `${d.getFullYear()}-${mm}-${dd} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-}
-function daysLeft(ts) {
-  if (ts === null || ts === void 0) return "\u221E";
-  const days = Math.ceil((ts - Date.now()) / 864e5);
-  return days > 0 ? `${days}d` : "\u5DF2\u8FC7\u671F";
-}
-function gapsOf(t) {
-  const gaps = [];
-  if (!t.artifact) gaps.push("artifact");
-  if (!t.evaluation) gaps.push("evaluation");
-  if (!t.memoryRefs || t.memoryRefs.length === 0) gaps.push("memory_ref");
-  return gaps;
-}
-function EngramDetail({ target, api, tasks, nodes, links, memories = [], onClose, onNavigateMemory, onChanged }) {
-  const { dark, vars } = useEngramTheme();
-  const [gArt, setGArt] = (0, import_react6.useState)("");
-  const [gEval, setGEval] = (0, import_react6.useState)("");
-  const [gRefs, setGRefs] = (0, import_react6.useState)("");
-  const [busy, setBusy] = (0, import_react6.useState)(false);
-  const [closing, setClosing] = (0, import_react6.useState)(false);
-  const [notice, setNotice] = (0, import_react6.useState)(null);
-  const task = target.kind === "task" ? tasks.find((t) => t.id === target.id) ?? null : null;
-  const node = target.kind === "node" ? nodes.find((n) => n.id === target.id) ?? null : null;
-  const link = target.kind === "link" ? target.link : null;
-  const nameOf = (0, import_react6.useMemo)(() => {
-    const nodeName = (id) => nodes.find((n) => n.id === id)?.name;
-    const taskName = (id) => tasks.find((t) => t.id === id)?.name;
-    return (id) => nodeName(id) ?? taskName(id) ?? id;
-  }, [nodes, tasks]);
-  const incident = (0, import_react6.useMemo)(() => {
-    if (target.kind !== "node" || !node) return [];
-    return links.filter((l) => l.source === node.id || l.target === node.id).map((l) => ({ l, outgoing: l.source === node.id }));
-  }, [links, node, target.kind]);
-  const memoryLinks = (0, import_react6.useMemo)(() => {
-    if (target.kind !== "memory") return null;
-    const m = target.memory;
-    return {
-      m,
-      replacedBy: memories.filter((x) => x.status === "active" && x.supersedes === m.id),
-      contradictedBy: memories.filter((x) => x.status === "active" && x.contradicts === m.id)
-    };
-  }, [target, memories]);
-  const hb2 = {
-    root: {
-      ...vars,
-      border: "1px solid var(--dsh-color-border, #d1d5db)",
-      borderRadius: 12,
-      background: dark ? "rgba(10,14,22,.55)" : "var(--dsh-color-surface, #ffffff)",
-      boxShadow: "0 1px 2px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.07)",
-      overflow: "hidden",
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "72vh"
-    },
-    head: {
-      display: "flex",
-      alignItems: "center",
-      gap: 8,
-      padding: "10px 12px",
-      borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)",
-      background: dark ? "rgba(15,23,42,.6)" : "rgba(15,23,42,.04)"
-    },
-    title: { fontWeight: 700, fontSize: 13, flex: "1 1 auto", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-    close: { border: "none", background: "none", cursor: "pointer", fontSize: 13, color: "var(--dsh-color-muted, #6b7280)", padding: "2px 6px", borderRadius: 6 },
-    body: { padding: "10px 12px", overflowY: "auto", display: "flex", flexDirection: "column", gap: 8, fontSize: 12.5 },
-    kv: { display: "flex", flexDirection: "column", gap: 3 },
-    k: { fontSize: 10.5, fontWeight: 700, color: "var(--dsh-color-muted-weak, #9ca3af)", textTransform: "uppercase", letterSpacing: 0.4 },
-    v: { color: "var(--dsh-color-muted-strong, #374151)", wordBreak: "break-word", lineHeight: 1.5 },
-    mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 11 },
-    badge: { fontSize: 10.5, fontWeight: 700, padding: "2px 8px", borderRadius: 999, color: "#fff" },
-    tag: { fontSize: 11, padding: "1px 8px", borderRadius: 999, background: "var(--dsh-color-hover-bg, #f3f4f6)", color: "var(--dsh-color-muted, #6b7280)", border: "1px solid var(--dsh-color-border, #e5e7eb)" },
-    chip: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(37,99,235,.1)", color: "#2563eb", border: "1px solid rgba(37,99,235,.25)", cursor: "pointer" },
-    chipSup: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(124,58,237,.1)", color: "#7c3aed", border: "1px solid rgba(124,58,237,.25)", cursor: "pointer" },
-    chipDanger: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(220,38,38,.1)", color: "#dc2626", border: "1px solid rgba(220,38,38,.25)", cursor: "pointer" },
-    input: { fontSize: 12, padding: "5px 8px", border: "1px solid var(--dsh-color-border, #d1d5db)", borderRadius: 8, background: "var(--dsh-color-surface, #ffffff)", color: "var(--dsh-color-muted-strong, #374151)", width: "100%", boxSizing: "border-box" },
-    btn: { fontSize: 11.5, fontWeight: 600, padding: "5px 10px", borderRadius: 8, cursor: "pointer", border: "1px solid var(--dsh-color-border, #d1d5db)", background: "transparent", color: "var(--dsh-color-muted-strong, #374151)" },
-    btnPrimary: { fontSize: 11.5, fontWeight: 700, padding: "5px 12px", borderRadius: 8, cursor: "pointer", border: "none", background: "#2563eb", color: "#fff" },
-    relRow: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap", fontSize: 12 },
-    relType: { border: "1px dashed var(--dsh-color-border, #cbd5e1)", borderRadius: 999, padding: "1px 7px", fontSize: 11, color: "var(--dsh-color-muted, #6b7280)" },
-    dot: { width: 8, height: 8, borderRadius: 999, display: "inline-block" },
-    section: { marginTop: 2 }
-  };
-  async function submitClose() {
-    if (!task) return;
-    setBusy(true);
-    setNotice(null);
-    try {
-      const refs = gRefs.split(/[,，\s]+/).map((s4) => s4.trim()).filter(Boolean);
-      const res = await api.closeTask(task.workspace, task.id, { artifact: gArt.trim() || void 0, evaluation: gEval.trim() || void 0, memoryRefs: refs.length ? refs : void 0 });
-      setNotice(res.state === "stable" ? `\u5DF2\u95ED\u73AF \u2192 STABLE \u2713` : `\u4ECD\u6709\u7F3A\u53E3\uFF1A${(res.gaps ?? []).join(", ") || "\u2014"}${res.artifactReason ? `\uFF08${res.artifactReason}\uFF09` : ""}`);
-      onChanged?.();
-    } catch (e) {
-      setNotice(`\u5173\u95ED\u5931\u8D25\uFF1A${e instanceof Error ? e.message : String(e)}`);
-    } finally {
-      setBusy(false);
-    }
+var COMMON_FIELDS = [
+  { key: "autoCapture", label: "\u81EA\u52A8\u6355\u83B7", hint: "\u96F6 LLM \u4ECE\u5DE5\u5177\u7ED3\u679C\u63D0\u53D6\u8BB0\u5FC6\uFF08git/\u5173\u952E\u6587\u4EF6/\u9519\u8BEF\uFF09", kind: "bool" },
+  { key: "autoCapturePreferences", label: "\u504F\u597D\u6355\u83B7", hint: "\u7528\u6237\u7EA0\u6B63/\u504F\u597D\u5B66\u4E60\uFF1A\u68C0\u6D4B\u6D88\u606F\u91CC\u7684\u300C\u4E0D\u8981\u7528X/\u6539\u7528Y/prefer/never use\u300D\u53E5\u5F0F\uFF0C\u81EA\u52A8\u6C89\u6DC0\u4E3A preference \u8BB0\u5FC6\u5E76\u7F6E\u9876 [ENGRAM]\uFF08correx/PAHF \u5F0F\uFF0C\u96F6 LLM\uFF09", kind: "bool" },
+  { key: "boundaryPrune", label: "\u8FB9\u754C\u526A\u679D", hint: "ResultPack L1\uFF1Atodo \u5B8C\u6210/goal \u7EC8\u6001\u8FB9\u754C\u4E3B\u52A8\u526A\u6389\u8D85\u9608\u503C\u65E7\u5DE5\u5177\u7ED3\u679C\uFF08DSH \u786E\u5B9A\u6027 surface-replace\u3001\u507F\u8FD8\u95E8\u3001\u96F6 LLM\uFF1B\u9ED8\u8BA4\u5F00\uFF0C\u5173=opt-out\uFF09", kind: "bool" },
+  { key: "boundaryPruneAdaptive", label: "\u526A\u679D\u81EA\u9002\u5E94", hint: "\u8D26\u672C\u5426\u51B3\uFF1A\u8BE5 workspace \u771F\u5B9E\u526A\u679D\u540E\u51C0\u6536\u76CA\u4E3A\u8D1F\uFF08\u22653 \u6B21\uFF09\u65F6\u81EA\u52A8\u505C\u6B62\u7EE7\u7EED\u526A\uFF1B\u8BC1\u636E\u53EA\u80FD\u5173\u3001\u4E0D\u4F1A\u81EA\u884C\u5F00", kind: "bool" },
+  { key: "boundaryPruneThresholdChars", label: "\u526A\u679D\u9608\u503C(\u5B57\u7B26)", hint: "\u8986\u76D6\u5BBF\u4E3B 8192\uFF1A\u8BBE 2048 \u53EF\u66F4\u65E9\u5F00\u526A\uFF0C\u5E76\u914D L2 \u5F52\u6863\u627E\u56DE\u88AB\u526A\u4E2D\u6BB5\uFF1B\u7559\u7A7A=\u5BBF\u4E3B\u9ED8\u8BA4\u3002\u5EFA\u8BAE\u540C\u65F6\u628A\u4FDD\u7559\u8FB9\u7F18\u8C03\u5C0F\uFF08\u5982 1024/256\uFF09\u4EE5\u83B7\u5F97\u6700\u5927\u8282\u7701", kind: "num", min: 256, max: 16384, step: 256 },
+  { key: "resultPack", label: "\u7ED3\u679C\u5F52\u6863\u53EC\u56DE", hint: "ResultPack L2\uFF1A\u526A\u6389\u7684\u4E2D\u6BB5\u8131\u654F\u5F52\u6863\uFF0C\u8282\u70B9\u5C3E\u90E8\u9644 handle\uFF0C\u6A21\u578B\u53EF\u7528 result_recall(callId) \u6309\u9875\u53EC\u56DE\uFF08\u5B8C\u6574 ObservationPack\uFF1B\u9ED8\u8BA4\u5F00\uFF0C\u4FDD\u8BC1\u9ED8\u8BA4\u526A\u679D\u65E0\u635F\uFF1B\u9700\u4E0E\u8FB9\u754C\u526A\u679D\u4E00\u8D77\u5F00\uFF09", kind: "bool" },
+  { key: "autoRecallOnStart", label: "\u4F1A\u8BDD\u542F\u52A8\u81EA\u52A8\u53EC\u56DE", hint: "\u65B0\u4F1A\u8BDD\u6309\u9996\u6761\u6D88\u606F\u81EA\u52A8\u628A\u6700\u76F8\u5173\u8BB0\u5FC6\u6CE8\u5165 [RECALL] \u5757\uFF08\u65E0\u9700\u6A21\u578B\u60F3\u8D77\u8C03 engram_recall\uFF09\uFF1B\u5173\u6389=\u56DE\u5230\u7EAF\u62C9\u53D6", kind: "bool" },
+  { key: "jitEnabled", label: "JIT \u63A8\u9001", hint: "\u9519\u8BEF\u590D\u53D1 / \u6587\u4EF6\u7126\u70B9 / goal \u5B8C\u6210\u65F6\uFF0C\u628A\u5DF2\u6709\u8BB0\u5FC6\u538B\u6210\u4E00\u884C\u63A8\u8FDB\u4E0A\u4E0B\u6587\uFF08append-only\u3001\u6BCF\u4F1A\u8BDD\u22643 \u884C\u3001\u65E0\u547D\u4E2D\u6C89\u9ED8\uFF1B\u6BCF\u6B21\u63A8\u9001\u6309\u524D\u7F00\u91CD\u5199\u8BA1\u5165\u8D26\u672C\uFF09", kind: "bool" },
+  { key: "episodeEnabled", label: "\u4F1A\u8BDD\u7EAA\u8981", hint: "\u4F1A\u8BDD\u7ED3\u675F\u65F6\u7528\u96F6 LLM \u89C4\u5219\u751F\u6210\u4E00\u6761 episode\uFF08\u6587\u4EF6/\u547D\u4EE4/\u5931\u8D25\u2192\u4FEE\u590D/\u51B3\u7B56/\u672A\u95ED\u73AF\uFF09\uFF0C\u4E0D\u8FDB\u7D22\u5F15\uFF0C\u4F9B\u6062\u590D\u7B80\u62A5\u4F7F\u7528\uFF1B\u6BCF workspace \u4FDD\u7559\u6700\u8FD1 20 \u6761", kind: "bool" },
+  { key: "resumeBriefEnabled", label: "\u6062\u590D\u7B80\u62A5", hint: "\u65B0\u4F1A\u8BDD\u542F\u52A8\u65F6\u6CE8\u5165\u6700\u8FD1 7 \u5929\u7684\u6700\u65B0 episode\uFF08\u2264240 \u5B57\u7B26 + engram_detail \u6307\u9488\uFF09\uFF0C\u9694\u5929\u7EE7\u7EED\u4E0D\u7528\u91CD\u65B0\u4EA4\u4EE3\u80CC\u666F", kind: "bool" },
+  { key: "entityCardsEnabled", label: "\u5B9E\u4F53\u5361", hint: "[ENGRAM] \u7D22\u5F15\u4E3A\u6D3B\u8DC3\u5B9E\u4F53\uFF08\u6709\u951A\u5B9A\u8BB0\u5FC6\u6216\u672A\u95ED\u73AF\u4EFB\u52A1\uFF09\u6E32\u67D3\u4E00\u884C\u300C\u5F53\u524D\u771F\u76F8 + \u6253\u5F00\u4EFB\u52A1 + engram_detail(entity=\u2026) \u6307\u9488\u300D\uFF0C\u6700\u591A 2 \u5F20\uFF0C\u66FF\u4EE3\u8FD9\u4E9B\u5B9E\u4F53\u7684\u5E73\u94FA\u8BB0\u5FC6\u884C", kind: "bool" },
+  { key: "maxRecallPerSession", label: "\u6BCF\u4F1A\u8BDD\u53BB\u91CD\u4E0A\u9650", hint: "recall \u6BCF\u4F1A\u8BDD\u6700\u591A\u4FDD\u7559 N \u6761\uFF08\u8DE8\u4F1A\u8BDD\u53BB\u91CD\uFF09", kind: "num", min: 1, max: 10 },
+  { key: "expireDays", label: "TTL\uFF08\u5929\uFF09", hint: "0 = \u4E0D\u8FC7\u671F", kind: "num", min: 0, max: 3650 },
+  { key: "indexMaxChars", label: "\u7D22\u5F15\u5B57\u7B26\u4E0A\u9650", hint: "[ENGRAM] \u5757 token \u9884\u7B97", kind: "num", min: 0, max: 4e3 }
+];
+var ADVANCED_GROUPS = [
+  {
+    id: "capture-adv",
+    title: "\u6355\u83B7\u4E0E\u68C0\u7D22\uFF08\u9AD8\u7EA7\uFF09",
+    description: "\u5176\u4F59\u6355\u83B7/\u641C\u7D22\u65CB\u94AE",
+    fields: [
+      { key: "autoCapturePerSession", label: "\u6BCF\u4F1A\u8BDD\u6355\u83B7\u4E0A\u9650", hint: "\u5355\u4F1A\u8BDD\u81EA\u52A8\u6355\u83B7\u6761\u6570\u4E0A\u9650", kind: "num", min: 0, max: 1e3 },
+      { key: "boundaryPruneHeadChars", label: "\u526A\u679D\u4FDD\u7559\u5934\u90E8(\u5B57\u7B26)", hint: "\u9608\u503C\u8986\u76D6\u751F\u6548\u65F6\u7ED3\u679C\u5F00\u5934\u4FDD\u7559\u957F\u5EA6\uFF08\u9ED8\u8BA4 4096\uFF09\uFF1B\u8C03\u5C0F\uFF08\u5982 1024\uFF09\u914D\u5408 T2048 \u66F4\u7701", kind: "num", min: 0, max: 16384, step: 128 },
+      { key: "boundaryPruneTailChars", label: "\u526A\u679D\u4FDD\u7559\u5C3E\u90E8(\u5B57\u7B26)", hint: "\u9608\u503C\u8986\u76D6\u751F\u6548\u65F6\u7ED3\u679C\u7ED3\u5C3E\u4FDD\u7559\u957F\u5EA6\uFF08\u9ED8\u8BA4 1024\uFF09\uFF1B\u8C03\u5C0F\uFF08\u5982 256\uFF09\u914D\u5408 T2048 \u66F4\u7701", kind: "num", min: 0, max: 16384, step: 128 },
+      { key: "boundaryPruneIdleCadence", label: "\u7A7A\u95F2\u6B65\u6570\u8FB9\u754C", hint: "\u6700\u591A\u6BCF N \u8BF7\u6C42\u89E6\u53D1\u4E00\u6B21\u526A\u679D\uFF0C\u8986\u76D6\u65E0 todo/goal \u7684\u4F1A\u8BDD\uFF08\u7EA6 62% \u4F1A\u8BDD\uFF09\uFF1B\u4ECD\u53D7\u507F\u8FD8\u95E8\u7EA6\u675F\uFF1B\u7559\u7A7A=\u4EC5\u4E8B\u4EF6\u8FB9\u754C", kind: "num", min: 10, max: 1e3, step: 10 },
+      { key: "autoRecallLimit", label: "\u81EA\u52A8\u53EC\u56DE\u6761\u6570", hint: "[RECALL] \u5757\u6700\u591A\u6CE8\u5165\u7684\u8BB0\u5FC6\u6761\u6570\uFF08\u5C11\u800C\u51C6\uFF09", kind: "num", min: 1, max: 8 },
+      { key: "sessionSearch", label: "\u4F1A\u8BDD\u5386\u53F2\u641C\u7D22", hint: "engram_recall \u652F\u6301\u8DE8\u4F1A\u8BDD FTS \u515C\u5E95", kind: "bool" },
+      { key: "recallScope", label: "\u53EC\u56DE\u8303\u56F4", hint: "workspace=\u4E25\u683C\u5F53\u524D\u5DE5\u4F5C\u533A\u9694\u79BB\uFF08\u9ED8\u8BA4\uFF0Ctoken \u7EAA\u5F8B\uFF09\uFF1Bglobal=\u672C\u5DE5\u4F5C\u533A\u547D\u4E2D\u5F31/\u7A7A\u65F6\u4ECE\u5176\u5B83\u5DE5\u4F5C\u533A\u6C60\u53EC\u56DE\u5E76\u6807 [W:<workspace>] \u6765\u6E90\uFF08\u4F1A\u6253\u7834\u9694\u79BB\uFF09", kind: "select", options: ["workspace", "global"] }
+    ]
+  },
+  {
+    id: "index-adv",
+    title: "\u7D22\u5F15\uFF08\u9AD8\u7EA7\uFF09",
+    description: "\u884C\u6570\u3001\u5165\u7D22\u5F15\u4FE1\u53F7\u4E0E\u664B\u5347\u89C4\u5219",
+    fields: [
+      { key: "indexMaxLines", label: "\u7D22\u5F15\u6700\u5927\u884C\u6570", hint: "[ENGRAM] \u5757\u6700\u591A\u663E\u793A\u7684\u6761\u76EE\u884C\u6570", kind: "num", min: 0, max: 50 },
+      { key: "minIndexSignal", label: "\u5165\u7D22\u5F15\u4FE1\u53F7\u9608\u503C", hint: "signal \u2265 \u6B64\u503C\u7684\u81EA\u52A8\u6355\u83B7\u624D\u8FDB\u7D22\u5F15", kind: "num", min: 0, max: 1, step: 0.05 },
+      { key: "promoteHits", label: "\u664B\u5347\u547D\u4E2D\u6570", hint: "hit \u6570\u8FBE\u6B64\u503C\u7684\u4F4E\u4FE1\u53F7\u6761\u76EE\u8FDB\u7D22\u5F15", kind: "num", min: 0, max: 20 }
+    ]
+  },
+  {
+    id: "retention-adv",
+    title: "\u751F\u547D\u5468\u671F\u4E0E GC\uFF08\u9AD8\u7EA7\uFF09",
+    description: "\u5BB9\u91CF\u4E0A\u9650\u4E0E\u5B9A\u671F\u56DE\u6536\uFF08\u81EA\u52A8 GC = \u66FF\u4EE3 DSH \u81EA\u52A8 compact\uFF09",
+    fields: [
+      { key: "maxMemoriesPerWorkspace", label: "\u5DE5\u4F5C\u533A\u8BB0\u5FC6\u4E0A\u9650", hint: "\u5355\u5DE5\u4F5C\u533A\u5BB9\u91CF\u4E0A\u9650\uFF08GC \u5F52\u6863\u8D85\u9650\u6761\u76EE\uFF09", kind: "num", min: 0, max: 1e4 },
+      { key: "gcEnabled", label: "\u8BB0\u5FC6 GC", hint: "\u5B9A\u65F6\u56DE\u6536\uFF08\u8FC7\u671F/\u8D85\u5BB9\u91CF/stable \u8D85\u7A97/\u60AC\u7A7A\u94FE\u63A5\uFF09", kind: "bool" },
+      { key: "gcNarrative", label: "Context GC \u53D9\u4E8B\u515C\u5E95", hint: "\u81EA\u52A8 compact \u65F6\u65E0\u951A\u8F6E\u6B21\u7528 LLM \u6458\u8981\uFF1B\u5173\u6389=\u7EAF\u673A\u68B0\uFF08\u96F6 LLM\uFF09", kind: "bool" },
+      { key: "gcStableRetentionDays", label: "stable \u4EFB\u52A1\u4FDD\u7559\uFF08\u5929\uFF09", hint: "\u8D85\u7A97\u540E\u7531 GC \u5F52\u6863\u3001\u79BB\u5F00 [ESR] \u8868\u9762", kind: "num", min: 0, max: 3650 },
+      { key: "verifyArtifact", label: "\u6821\u9A8C artifact \u5B58\u5728", hint: "esr_close \u7684 artifact \u987B\u5728\u5DE5\u4F5C\u533A\u78C1\u76D8\u4E0A\u771F\u5B9E\u5B58\u5728\uFF08URL \u8C41\u514D\uFF09\uFF1Bforce:true/\u5173\u6389\u53EF\u8DF3\u8FC7", kind: "bool" },
+      { key: "autoSinkTodosOnEnd", label: "\u4F1A\u8BDD\u7ED3\u675F\u81EA\u52A8\u6C89\u6DC0 todo", hint: "\u4F1A\u8BDD\u7ED3\u675F\u65F6\u4ECD pending \u7684 todo \u81EA\u52A8\u8F6C\u6210 ESR draft\uFF08\u6309\u540D\u53BB\u91CD\u3001\u53D7\u4EFB\u52A1\u4E0A\u9650\u7EA6\u675F\uFF09\uFF1B\u5173\u6389=\u968F\u4F1A\u8BDD\u5F03\u53BB", kind: "bool" },
+      { key: "autoWebCompaction", label: "web \u9762\u81EA\u52A8\u542F\u7528 Context GC", hint: "\u542F\u52A8\u65F6\u628A\u5168\u90E8 stock \u5E03\u5C40\u7684 agent \u9884\u8BBE\uFF08shipped + \u81EA\u5B9A\u4E49\u6839\uFF09\u7684 compaction \u7EC4\u81EA\u52A8\u6362\u6210 dsh-engram/compaction\uFF1B\u5173\u6389=\u4E0D\u518D\u81EA\u52A8\u63A5\u7BA1\uFF08\u5DF2\u63A5\u7BA1\u7684\u9700 web-compaction:revert \u8FD8\u539F\uFF09", kind: "bool" }
+    ]
+  },
+  {
+    id: "semantics-adv",
+    title: "\u8BB0\u5FC6\u8BED\u4E49\uFF08\u9AD8\u7EA7\uFF09",
+    description: "supersedes / contradict \u7684\u542F\u53D1\u5F0F",
+    fields: [
+      { key: "autoSupersede", label: "\u81EA\u52A8 supersedes", hint: "\u5B9E\u4F53\u951A\u5B9A + \u66FF\u6362\u5F0F\u66F4\u65B0\uFF08\u6539\u7528/\u4E0D\u518D/no longer\u2026\uFF09\u81EA\u52A8\u628A\u65E7\u8BB0\u5FC6\u6807\u4E3A superseded\uFF1B\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\u3002\u9ED8\u8BA4\u5173\uFF0C\u663E\u5F0F supersedes \u6C38\u8FDC\u4F18\u5148", kind: "bool" }
+    ]
+  },
+  {
+    id: "security",
+    title: "\u5B89\u5168",
+    description: "\u8BBF\u95EE\u56F4\u680F\u4E0E\u96A7\u9053\u6388\u6743",
+    fields: [
+      { key: "trustedHosts", label: "\u53D7\u4FE1\u96A7\u9053\u57DF\u540D", hint: "\u5141\u8BB8\u7ECF\u96A7\u9053\u8BBF\u95EE\u8BB0\u5FC6\u67E5\u770B\u5668\u7684\u57DF\u540D\uFF0C\u9017\u53F7\u5206\u9694\uFF1B\u7559\u7A7A = \u4EC5\u672C\u673A\u3002\u6539\u540E\u9700\u91CD\u542F dsh web \u751F\u6548", kind: "text", width: 260 }
+    ]
   }
-  const kindBadge = (kind, label) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { ...hb2.badge, background: KIND_COLORS[kind] ?? "#6b7280" }, children: label });
-  const headerTitle = target.kind === "task" ? task?.name ?? target.id : target.kind === "memory" ? target.memory.text.slice(0, 40) : target.kind === "node" ? node?.name ?? target.id : link ? nameOf(link.source) : "";
-  const headerKind = target.kind === "task" ? task?.state === "stable" ? { k: "task", label: "STABLE" } : task ? { k: "task", label: task.state === "draft" ? "DRAFT" : "\u4EFB\u52A1" } : { k: "task", label: "\u4EFB\u52A1" } : target.kind === "memory" ? { k: target.memory.kind, label: KIND_LABEL[target.memory.kind] ?? target.memory.kind } : target.kind === "node" ? { k: "node", label: node?.kind || "\u8282\u70B9" } : { k: "link", label: "\u5173\u7CFB" };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.head, children: [
-      kindBadge(headerKind.k, headerKind.label),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.title, title: headerTitle, children: headerTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: hb2.close, onClick: onClose, "aria-label": "\u5173\u95ED\u8BE6\u60C5", children: "\u2715" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.body, children: [
-      target.kind === "task" && !task && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.v, children: "\u4EFB\u52A1\u4E0D\u5B58\u5728\uFF08\u53EF\u80FD\u5DF2\u88AB\u5173\u95ED/\u5F52\u6863\uFF09\u3002" }),
-      target.kind === "task" && task && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EvidenceRing, { artifact: Boolean(task.artifact), evaluation: Boolean(task.evaluation), refs: (task.memoryRefs?.length ?? 0) > 0, size: 40 }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 12, fontWeight: 700 }, children: task.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.mono, children: [
-              task.id,
-              " \xB7 ",
-              task.workspace
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u72B6\u6001" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: 5, alignItems: "center", flexWrap: "wrap", marginTop: 3 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { ...hb2.badge, background: task.state === "stable" ? "#059669" : task.state === "draft" ? "#6b7280" : gapsOf(task).length === 0 ? "#2563eb" : "#d97706" }, children: task.state === "stable" ? "STABLE" : task.state === "draft" ? "DRAFT" : gapsOf(task).length === 0 ? "READY" : "ACTIVE" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-              "\u521B\u5EFA ",
-              fmtDate(task.createdAt)
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-              "\u66F4\u65B0 ",
-              fmtDate(task.updatedAt)
-            ] })
-          ] })
-        ] }),
-        task.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u63CF\u8FF0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { ...hb2.v, marginTop: 3 }, children: task.description })
-        ] }),
-        task.state === "active" && gapsOf(task).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u8BC1\u636E\u7F3A\u53E3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: gapsOf(task).map((g) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-            g,
-            " \u2717"
-          ] }, g)) })
-        ] }),
-        task.artifact && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "artifact" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...hb2.mono, marginTop: 3, color: "#059669" }, children: [
-            "\u2713 ",
-            task.artifact
-          ] })
-        ] }),
-        task.evaluation && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "evaluation" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: 3, color: "#059669" }, children: [
-            "\u2713 ",
-            task.evaluation
-          ] })
-        ] }),
-        task.memoryRefs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u8BB0\u5FC6\u5F15\u7528" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: task.memoryRefs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.chip, title: `\u6253\u5F00\u8BB0\u5FC6 ${r}`, onClick: () => onNavigateMemory(r), children: [
-            "#",
-            r.slice(0, 8)
-          ] }, r)) })
-        ] }),
-        task.state === "active" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: 4, padding: 8, border: "1px solid var(--dsh-color-border, #d1d5db)", borderRadius: 10, background: dark ? "rgba(15,23,42,.35)" : "rgba(15,23,42,.03)" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 11, color: "var(--dsh-color-muted, #6b7280)", marginBottom: 6 }, children: "\u8865\u9F50\u8BC1\u636E \u2192 \u5173\u95ED\uFF08\u4E09\u9879\u5168\u9F50\u8F6C STABLE\uFF09" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { style: hb2.input, placeholder: "artifact \u4EA7\u7269\uFF08\u6587\u4EF6/PR/\u8DEF\uFF09", value: gArt, onChange: (e) => setGArt(e.target.value) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { style: hb2.input, placeholder: "evaluation \u8BC4\u4F30\uFF08\u6D4B\u8BD5/\u8BC4\u5BA1/\u5206\u6570\uFF09", value: gEval, onChange: (e) => setGEval(e.target.value) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { style: hb2.input, placeholder: "memory_refs\uFF08#id, \u9017\u53F7\u5206\u9694\uFF09", value: gRefs, onChange: (e) => setGRefs(e.target.value) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: 6 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: hb2.btnPrimary, disabled: busy, onClick: () => setClosing(true), children: busy ? "\u2026" : "\u6309\u8BC1\u636E\u95ED\u73AF" }),
-              closing && !busy && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", alignSelf: "center" }, children: "\u786E\u8BA4\u63D0\u4EA4\uFF1F" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: hb2.btn, onClick: () => {
-                  void submitClose();
-                  setClosing(false);
-                }, children: "\u786E\u8BA4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: hb2.btn, onClick: () => setClosing(false), children: "\u53D6\u6D88" })
-              ] })
-            ] })
-          ] })
-        ] }),
-        task.state === "stable" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 11.5, color: "#059669", fontWeight: 700 }, children: "\u5DF2\u95ED\u73AF \u2713 \u2014 \u5168\u90E8\u8BC1\u636E\u95E8\u5DF2\u6EE1\u8DB3\uFF0C\u53EF\u4EE5\u4ECE\u770B\u677F/\u6E05\u5355\u79FB\u9664" }),
-        notice && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 11.5, fontWeight: 600, color: "#d97706" }, children: notice })
-      ] }),
-      target.kind === "memory" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", gap: 6 }, children: [
-          kindBadge(target.memory.kind, KIND_LABEL[target.memory.kind] ?? target.memory.kind),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-            "signal ",
-            target.memory.signal.toFixed(2)
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-            "hits ",
-            target.memory.hits
-          ] }),
-          target.memory.status === "archived" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: hb2.tag, children: "archived" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u5185\u5BB9" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { ...hb2.v, whiteSpace: "pre-wrap", background: dark ? "rgba(15,23,42,.5)" : "rgba(15,23,42,.05)", borderRadius: 8, padding: 8, marginTop: 3 }, children: target.memory.text })
-        ] }),
-        target.memory.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u6807\u7B7E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: target.memory.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.tag, children: [
-            "#",
-            t
-          ] }, t)) })
-        ] }),
-        memoryLinks && (memoryLinks.m.supersedes || memoryLinks.m.contradicts || memoryLinks.replacedBy.length > 0 || memoryLinks.contradictedBy.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u66FF\u6362 / \u51B2\u7A81" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: [
-            memoryLinks.m.supersedes && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.chipSup, title: `\u672C\u6761\u66FF\u4EE3 ${memoryLinks.m.supersedes}\uFF08\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\uFF09`, onClick: () => onNavigateMemory(memoryLinks.m.supersedes), children: [
-              "\u66FF\u4EE3 #",
-              memoryLinks.m.supersedes.slice(0, 8)
-            ] }),
-            memoryLinks.m.contradicts && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.chipDanger, title: `\u672C\u6761\u4E0E ${memoryLinks.m.contradicts} \u51B2\u7A81\uFF08\u4E24\u6761\u90FD\u4FDD\u7559\uFF09`, onClick: () => onNavigateMemory(memoryLinks.m.contradicts), children: [
-              "\u51B2\u7A81 #",
-              memoryLinks.m.contradicts.slice(0, 8)
-            ] }),
-            memoryLinks.replacedBy.map((x) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.chipSup, title: `\u5DF2\u88AB ${x.text.slice(0, 40)}\u2026 \u66FF\u4EE3`, onClick: () => onNavigateMemory(x.id), children: [
-              "\u2190 \u88AB #",
-              x.id.slice(0, 8),
-              " \u66FF\u4EE3"
-            ] }, x.id)),
-            memoryLinks.contradictedBy.map((x) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: hb2.chipDanger, title: `${x.text.slice(0, 40)}\u2026 \u4E0E\u672C\u6761\u51B2\u7A81`, onClick: () => onNavigateMemory(x.id), children: [
-              "\u21C4 #",
-              x.id.slice(0, 8),
-              " \u51B2\u7A81"
-            ] }, x.id))
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 2, marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "id   ",
-              target.memory.id
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "ws   ",
-              target.memory.workspace
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "entity ",
-              target.memory.entity ?? "\u2014"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "session ",
-              target.memory.sessionId,
-              " \xB7 seq ",
-              target.memory.seq
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "created ",
-              fmtDate(target.memory.createdAt),
-              " \xB7 updated ",
-              fmtDate(target.memory.updatedAt)
-            ] }),
-            target.memory.source && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "source ",
-              target.memory.source
-            ] }),
-            target.memory.conditions && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "conditions ",
-              target.memory.conditions
-            ] }),
-            target.memory.filePath && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "file ",
-              target.memory.filePath
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "TTL ",
-              daysLeft(target.memory.expiresAt)
-            ] })
-          ] })
-        ] })
-      ] }),
-      target.kind === "node" && !node && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.v, children: "\u8282\u70B9\u4E0D\u5B58\u5728\u3002" }),
-      target.kind === "node" && node && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          kindBadge("node", node.kind || "\u8282\u70B9"),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: node.name })
-        ] }),
-        node.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u63CF\u8FF0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { ...hb2.v, marginTop: 3 }, children: node.description })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)", display: "flex", flexDirection: "column", gap: 2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              node.id,
-              " \xB7 ",
-              node.workspace
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "created ",
-              fmtDate(node.createdAt)
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.k, children: [
-            "\u5173\u8054\u5173\u7CFB\uFF08",
-            incident.length,
-            "\uFF09"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 5, marginTop: 3 }, children: [
-            incident.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.v, children: "\u6682\u65E0\u5173\u7CFB \u2014 \u7528 esr_link \u5173\u8054" }),
-            incident.map(({ l, outgoing }) => {
-              const other = outgoing ? l.target : l.source;
-              const color = REL_COLORS[l.relation] ?? "#6b7280";
-              return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.relRow, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { ...hb2.dot, background: color } }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mono", style: { fontSize: 11 }, children: [
-                  outgoing ? "\u2192" : "\u2190",
-                  " ",
-                  nameOf(other)
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: hb2.relType, children: l.relation }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { fontSize: 11, color: "var(--dsh-color-muted-weak, #9ca3af)" }, children: [
-                  Math.round(l.confidence * 100),
-                  "%"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: 11, color: "var(--dsh-color-muted-weak, #9ca3af)" }, children: fmtDate(l.createdAt) })
-              ] }, l.id);
-            })
-          ] })
-        ] })
-      ] }),
-      target.kind === "link" && link && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.relRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mono", style: { fontSize: 12, fontWeight: 600 }, children: nameOf(link.source) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { ...hb2.relType, color: REL_COLORS[link.relation] ?? "var(--dsh-color-muted, #6b7280)", borderColor: (REL_COLORS[link.relation] ?? "#cbd5e1") + "66" }, children: link.relation }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": true, children: "\u2192" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mono", style: { fontSize: 12, fontWeight: 600 }, children: nameOf(link.target) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: hb2.section, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)", display: "flex", flexDirection: "column", gap: 2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "id ",
-              link.id,
-              " \xB7 ",
-              link.workspace
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "confidence ",
-              Math.round(link.confidence * 100),
-              "%"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              "created ",
-              fmtDate(link.createdAt)
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-              link.source,
-              " \u2192 ",
-              link.target
-            ] })
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-// client/src/EngramSection.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function signedTokens(n) {
-  const sign = n > 0 ? "+" : n < 0 ? "\u2212" : "";
-  const abs = Math.abs(n);
-  return abs >= 1e3 ? `${sign}${(abs / 1e3).toFixed(1)}k` : `${sign}${abs}`;
-}
-var KIND_COLORS2 = {
-  preference: "#b45309",
-  episode: "#0e7490",
-  decision: "#2563eb",
-  error: "#dc2626",
-  procedure: "#7c3aed",
-  fact: "#059669",
-  insight: "#d97706",
-  handoff: "#0891b2",
-  task: "#4f46e5"
-};
-var KIND_LABEL2 = {
-  preference: "\u504F\u597D",
-  decision: "\u51B3\u5B9A",
-  error: "\u9519\u8BEF",
-  procedure: "\u6D41\u7A0B",
-  fact: "\u4E8B\u5B9E",
-  insight: "\u6D1E\u5BDF",
-  handoff: "\u4EA4\u63A5",
-  task: "\u4EFB\u52A1"
-};
+];
+var FIELDS = [...COMMON_FIELDS, ...ADVANCED_GROUPS.flatMap((group) => group.fields)];
+var CARD_DESCRIPTION = "\u63A7\u5236 engram \u8BB0\u5FC6\u7684\u6355\u83B7\u3001\u7D22\u5F15\u3001\u4FDD\u7559\u4E0E\u96A7\u9053\u8BBF\u95EE";
 var s2 = {
-  root: { padding: "2px 4px 40px" },
-  h1: { fontSize: 20, fontWeight: 700, margin: "0 0 4px" },
-  sub: { color: "var(--dsh-color-muted, #6b7280)", fontSize: 12, margin: "0 0 16px" },
-  stats: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))", gap: 8, marginBottom: 16 },
   card: {
-    border: "1px solid var(--dsh-color-border, #e5e7eb)",
+    listStyle: "none",
+    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
     borderRadius: 12,
-    padding: "10px 12px",
-    background: "var(--dsh-color-surface, #ffffff)",
-    boxShadow: "0 1px 2px rgba(15,23,42,.04), 0 2px 8px rgba(15,23,42,.03)"
+    background: "var(--dsw-alias-bg-layer-3, #ffffff)",
+    transition: "border-color .16s, background .16s"
   },
-  cardNum: { fontSize: 22, fontWeight: 700, lineHeight: 1.2 },
-  cardLabel: { color: "var(--dsh-color-muted, #6b7280)", fontSize: 11, marginTop: 2 },
-  row: { display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center", marginBottom: 12 },
-  input: {
-    border: "1px solid var(--dsh-color-border, #d1d5db)",
-    borderRadius: 6,
-    padding: "5px 8px",
-    fontSize: 13,
-    background: "var(--dsh-color-surface, #fff)",
-    color: "inherit"
+  cardOpen: {
+    background: "var(--dsw-alias-bg-layer-2, #ffffff)",
+    borderColor: "var(--dsw-alias-label-dimmed, #9ca3af)"
   },
-  btn: {
-    border: "1px solid var(--dsh-color-border, #d1d5db)",
-    borderRadius: 8,
-    padding: "5px 11px",
-    fontSize: 12,
+  header: {
+    width: "100%",
+    appearance: "none",
+    border: 0,
+    background: "none",
+    font: "inherit",
+    color: "inherit",
+    textAlign: "left",
     cursor: "pointer",
-    background: "var(--dsh-color-surface, #fff)",
-    transition: "background .15s ease, border-color .15s ease"
+    display: "flex",
+    alignItems: "center",
+    gap: 12,
+    padding: "14px 16px",
+    borderRadius: 12
   },
-  btnPrimary: {
-    border: "1px solid transparent",
-    borderRadius: 8,
-    padding: "5px 11px",
-    fontSize: 12,
-    cursor: "pointer",
-    color: "#fff",
-    background: "linear-gradient(135deg, #6366f1 0%, #7c3aed 100%)",
-    boxShadow: "0 1px 3px rgba(99,102,241,.35)",
-    transition: "opacity .15s ease"
+  headText: {
+    flex: 1,
+    minWidth: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
   },
-  table: { width: "100%", borderCollapse: "collapse", fontSize: 12.5, tableLayout: "fixed" },
-  clamp3: { display: "-webkit-box", WebkitLineClamp: 3, WebkitBoxOrient: "vertical", overflow: "hidden", maxHeight: 60, minHeight: 18, lineHeight: 1.5, wordBreak: "break-word", whiteSpace: "normal" },
-  expanded: { whiteSpace: "pre-wrap", wordBreak: "break-word", lineHeight: 1.5 },
-  linkBtn: { border: "none", background: "none", padding: 0, fontSize: 11.5, cursor: "pointer", color: "var(--dsh-color-primary, #2563eb)", textDecoration: "underline" },
-  pageBar: { display: "flex", alignItems: "center", gap: 8, marginTop: 8, fontSize: 12.5, color: "var(--dsh-color-muted, #6b7280)", flexWrap: "wrap" },
-  tabBar: {
-    display: "inline-flex",
-    gap: 4,
-    padding: 3,
-    background: "var(--dsh-color-hover-bg, #f3f4f6)",
+  name: { fontSize: 15, fontWeight: 600, lineHeight: 1.4, color: "var(--dsw-alias-label-primary, #111827)" },
+  description: { fontSize: 13, lineHeight: 1.5, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
+  pending: {
+    flex: "none",
     borderRadius: 999,
-    marginBottom: 14
+    padding: "1px 8px",
+    fontSize: 11,
+    lineHeight: "17px",
+    fontWeight: 500,
+    whiteSpace: "nowrap",
+    background: "var(--dsw-alias-bg-module-platform, #f3f4f6)",
+    color: "var(--dsw-alias-label-secondary, #4b5563)"
   },
-  tab: {
-    border: "none",
-    background: "none",
-    padding: "6px 16px",
-    fontSize: 13,
-    cursor: "pointer",
-    color: "var(--dsh-color-muted, #6b7280)",
-    borderRadius: 999,
-    fontWeight: 600,
-    margin: 0,
-    transition: "background .16s ease, color .16s ease"
+  body: {
+    borderTop: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
+    margin: "0 16px",
+    paddingBottom: 8
   },
-  tabActive: {
-    border: "none",
-    background: "var(--dsh-color-surface, #fff)",
-    color: "var(--dsh-color-primary, #2563eb)",
-    padding: "6px 16px",
-    fontSize: 13,
-    cursor: "pointer",
-    borderRadius: 999,
-    fontWeight: 700,
-    margin: 0,
-    boxShadow: "0 1px 3px rgba(15,23,42,.10)"
+  readOnly: { margin: "12px 0 0", fontSize: 12, lineHeight: 1.5, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
+  groupPanel: {
+    marginTop: 10,
+    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
+    borderRadius: 10,
+    padding: "8px 12px 2px",
+    background: "var(--dsw-alias-bg-layer-3, #ffffff)"
   },
-  th: {
-    textAlign: "left",
-    padding: "6px 8px",
-    borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)",
-    color: "var(--dsh-color-muted, #6b7280)",
-    fontWeight: 600,
-    whiteSpace: "nowrap"
+  groupHead: { display: "flex", alignItems: "baseline", gap: 8, marginBottom: 2 },
+  groupTitle: { fontSize: 13, fontWeight: 700, letterSpacing: 0.2, color: "var(--dsw-alias-label-primary, #111827)" },
+  groupDesc: { fontSize: 11, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
+  row: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    padding: "8px 0",
+    borderBottom: "1px solid var(--dsw-alias-border-l1, #f3f4f6)"
   },
-  td: { padding: "6px 8px", borderBottom: "1px solid var(--dsh-color-border, #f3f4f6)", verticalAlign: "top" },
-  wsHead: {
-    padding: "8px 8px 4px",
+  label: { fontSize: 13, fontWeight: 600, color: "var(--dsw-alias-label-primary, #111827)" },
+  hint: { fontSize: 11.5, lineHeight: 1.4, color: "var(--dsw-alias-label-tertiary, #6b7280)", marginTop: 2 },
+  input: {
+    width: 90,
+    border: "1px solid var(--dsw-alias-border-l2, #d1d5db)",
+    borderRadius: 6,
+    padding: "4px 7px",
     fontSize: 12.5,
-    fontWeight: 600,
-    color: "var(--dsh-color-muted, #4b5563)",
-    background: "var(--dsh-color-hover-bg, #f3f4f6)",
-    borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)"
+    background: "var(--dsw-alias-bg-layer-3, #fff)",
+    color: "inherit"
   },
-  badge: { display: "inline-block", borderRadius: 5, padding: "1px 6px", fontSize: 11, color: "#fff", whiteSpace: "nowrap" },
-  tag: {
-    display: "inline-block",
-    borderRadius: 4,
-    padding: "0 5px",
-    fontSize: 11,
-    marginRight: 4,
-    background: "var(--dsh-color-hover-bg, #f3f4f6)"
+  footer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    gap: 8,
+    padding: "12px 0 4px",
+    borderTop: "1px solid var(--dsw-alias-border-l2, #e5e7eb)"
   },
-  panelTitle: { fontSize: 14, fontWeight: 700, margin: "18px 0 6px" },
-  groupLabel: { fontSize: 12.5, fontWeight: 600, color: "var(--dsh-color-muted, #4b5563)", margin: "8px 0 4px" },
-  mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 11.5, color: "var(--dsh-color-muted, #4b5563)" },
-  empty: { color: "var(--dsh-color-muted, #9ca3af)", fontSize: 12.5, padding: "14px 4px" },
-  error: { color: "#dc2626", fontSize: 12.5, marginBottom: 10 },
-  subPanel: {
-    border: "1px solid var(--dsh-color-border, #e5e7eb)",
-    borderRadius: 12,
-    padding: "10px 12px",
-    marginBottom: 10,
-    background: "var(--dsh-color-surface, #fff)",
-    boxShadow: "0 1px 2px rgba(15,23,42,.03)"
+  reset: {
+    appearance: "none",
+    border: 0,
+    background: "none",
+    font: "inherit",
+    fontSize: 12,
+    cursor: "pointer",
+    color: "var(--dsw-alias-label-tertiary, #6b7280)"
   },
-  relRow: {
+  discard: {
+    appearance: "none",
+    border: "1px solid var(--dsw-alias-border-l2, #d1d5db)",
+    borderRadius: 8,
+    padding: "5px 14px",
+    font: "inherit",
+    fontSize: 13,
+    lineHeight: 1.5,
+    cursor: "pointer",
+    background: "none",
+    color: "var(--dsw-alias-label-secondary, #4b5563)"
+  },
+  save: {
+    appearance: "none",
+    border: "1px solid transparent",
+    borderRadius: 8,
+    padding: "5px 14px",
+    font: "inherit",
+    fontSize: 13,
+    lineHeight: 1.5,
+    cursor: "pointer",
+    background: "var(--dsw-alias-label-primary, #111827)",
+    color: "var(--dsw-alias-bg-layer-3, #ffffff)"
+  },
+  disabled: { opacity: 0.4, cursor: "default" },
+  failed: { flex: 1, minWidth: 0, margin: 0, fontSize: 12, lineHeight: 1.5, color: "#dc2626" },
+  note: { fontSize: 11.5, color: "var(--dsw-alias-label-tertiary, #9ca3af)", marginTop: 8 },
+  advHead: {
     display: "flex",
     alignItems: "center",
-    gap: 6,
-    flexWrap: "wrap",
-    padding: "5px 8px",
+    justifyContent: "space-between",
+    gap: 8,
+    width: "100%",
+    appearance: "none",
+    background: "none",
+    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
     borderRadius: 10,
-    border: "1px solid var(--dsh-color-border, #f3f4f6)",
-    background: "var(--dsh-color-hover-bg, #f8fafc)"
+    padding: "8px 12px",
+    marginTop: 10,
+    font: "inherit",
+    cursor: "pointer",
+    color: "var(--dsw-alias-label-secondary, #4b5563)",
+    textAlign: "left"
   },
-  nodePill: {
-    display: "inline-flex",
-    alignItems: "center",
-    maxWidth: 220,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    borderRadius: 8,
-    padding: "2px 9px",
-    fontSize: 12,
-    fontWeight: 600,
-    background: "rgba(99,102,241,.12)",
-    color: "#4338ca"
-  }
+  advHeadLabel: { fontSize: 12.5, fontWeight: 600, letterSpacing: 0.2, color: "var(--dsw-alias-label-secondary, #4b5563)" }
 };
-function fmtDate2(ts) {
-  const d = new Date(ts);
-  const mm = String(d.getMonth() + 1).padStart(2, "0");
-  const dd = String(d.getDate()).padStart(2, "0");
-  return `${mm}-${dd} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-}
-var MEM_PAGE_SIZE = 20;
-function daysLeft2(ts) {
-  if (ts === null || ts === void 0) return "\u221E";
-  const days = Math.ceil((ts - Date.now()) / 864e5);
-  return days > 0 ? `${days}d` : "expired";
-}
-function StatCard({ num, label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.card, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.cardNum, children: num }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.cardLabel, children: label })
-  ] });
-}
-function groupByWorkspace(items) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const m of items) {
-    const list = groups.get(m.workspace) ?? [];
-    list.push(m);
-    groups.set(m.workspace, list);
-  }
-  return [...groups.entries()].sort(
-    (a, b) => b[1].length - a[1].length || a[0].localeCompare(b[0])
+function Chevron({ open }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      "aria-hidden": "true",
+      style: {
+        flex: "none",
+        color: "var(--dsw-alias-label-tertiary, #6b7280)",
+        transition: "transform .16s",
+        transform: open ? "rotate(180deg)" : void 0
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "path",
+        {
+          d: "M3 5.5 L7 9 L11 5.5",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
   );
 }
-function EngramSection({ api, t }) {
-  const [overview, setOverview] = (0, import_react7.useState)(null);
-  const [memories, setMemories] = (0, import_react7.useState)([]);
-  const [tasks, setTasks] = (0, import_react7.useState)([]);
-  const [links, setLinks] = (0, import_react7.useState)([]);
-  const [nodes, setNodes] = (0, import_react7.useState)([]);
-  const [detail, setDetail] = (0, import_react7.useState)(null);
-  const [detailNotice, setDetailNotice] = (0, import_react7.useState)(null);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const [workspace, setWorkspace] = (0, import_react7.useState)("");
-  const [kind, setKind] = (0, import_react7.useState)("");
-  const [status, setStatus] = (0, import_react7.useState)("active");
-  const [q, setQ] = (0, import_react7.useState)("");
-  const [busy, setBusy] = (0, import_react7.useState)(false);
-  const [memPage, setMemPage] = (0, import_react7.useState)(0);
-  const [expandedRows, setExpandedRows] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
-  const [view, setView] = (0, import_react7.useState)("mem");
-  const [esrGraph, setEsrGraph] = (0, import_react7.useState)(false);
-  const [gcDryRun, setGcDryRun] = (0, import_react7.useState)(true);
-  const [gcReport, setGcReport] = (0, import_react7.useState)(null);
-  const [gcRunning, setGcRunning] = (0, import_react7.useState)(false);
-  const [newTaskWs, setNewTaskWs] = (0, import_react7.useState)("");
-  const [newTaskName, setNewTaskName] = (0, import_react7.useState)("");
-  const [newTaskDesc, setNewTaskDesc] = (0, import_react7.useState)("");
-  const [newTaskBusy, setNewTaskBusy] = (0, import_react7.useState)(false);
-  const [closeFor, setCloseFor] = (0, import_react7.useState)(null);
-  const [closeArtifact, setCloseArtifact] = (0, import_react7.useState)("");
-  const [closeEval, setCloseEval] = (0, import_react7.useState)("");
-  const [closeRefs, setCloseRefs] = (0, import_react7.useState)("");
-  const [closeBusy, setCloseBusy] = (0, import_react7.useState)(false);
-  const [importDump, setImportDump] = (0, import_react7.useState)(null);
-  const [importName, setImportName] = (0, import_react7.useState)("");
-  const [importMode, setImportMode] = (0, import_react7.useState)("merge");
-  const [importDryRun, setImportDryRun] = (0, import_react7.useState)(true);
-  const [importReplaceOk, setImportReplaceOk] = (0, import_react7.useState)(false);
-  const [importBusy, setImportBusy] = (0, import_react7.useState)(false);
-  const [importReport, setImportReport] = (0, import_react7.useState)(null);
-  const [dataError, setDataError] = (0, import_react7.useState)(null);
-  const refresh = (0, import_react7.useCallback)(async () => {
-    setBusy(true);
+function EngramConfigCard({ scope, defaultOpen }) {
+  const [snap, setSnap] = (0, import_react6.useState)(null);
+  const [draft, setDraft] = (0, import_react6.useState)({});
+  const [saving, setSaving] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [open, setOpen] = (0, import_react6.useState)(defaultOpen ?? false);
+  const [advancedOpen, setAdvancedOpen] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
+    void scope.load();
+    const off = scope.subscribe(() => {
+      const next = scope.getSnapshot();
+      setSnap(next);
+      if (next.status === "unavailable") {
+        console.warn("[dsh-engram] settings scope unavailable \u2014 Plugins \u914D\u7F6E\u5361\u5DF2\u9690\u85CF:", next.reason ?? "no reason served");
+      }
+      const value2 = next.value ?? next.base;
+      if (value2) setDraft((prev) => ({ ...value2, ...prev }));
+    });
+    setSnap(scope.getSnapshot());
+    return off;
+  }, [scope]);
+  const setField = (0, import_react6.useCallback)((key, value2) => {
+    setDraft((prev) => ({ ...prev, [key]: value2 }));
+  }, []);
+  const effective = snap?.value ?? snap?.base ?? {};
+  const anyDirty = FIELDS.some((field) => {
+    const staged = draft[field.key];
+    return staged !== void 0 && staged !== effective[field.key];
+  });
+  const save = (0, import_react6.useCallback)(async () => {
+    setSaving(true);
     setError(null);
     try {
-      const ov = await api.overview();
-      setOverview(ov);
-      const wsList = workspace ? [workspace] : Object.keys(ov.workspaces);
-      const [mem, taskGroups2, linkGroups2, nodeGroups2] = await Promise.all([
-        api.memories({
-          workspace: workspace || void 0,
-          q: q || void 0,
-          kind: kind || void 0,
-          status: status === "all" ? void 0 : status
-        }),
-        Promise.all(wsList.map((w) => api.tasks(w, true))),
-        Promise.all(wsList.map((w) => api.links(w))),
-        Promise.all(wsList.map((w) => api.nodes(w)))
-      ]);
-      setMemories(mem.items);
-      setTasks(taskGroups2.flatMap((x) => x.items));
-      setLinks(linkGroups2.flatMap((x) => x.items));
-      setNodes(nodeGroups2.flatMap((x) => x.items));
+      for (const field of FIELDS) {
+        const value2 = draft[field.key];
+        if (value2 === void 0) continue;
+        if (value2 === effective[field.key]) continue;
+        if (typeof value2 === "number" && Number.isNaN(value2)) continue;
+        await scope.set(field.key, value2);
+      }
+      await scope.load();
     } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
+      setError(String(e instanceof Error ? e.message : e));
     } finally {
-      setBusy(false);
-    }
-  }, [api, workspace, q, kind, status]);
-  (0, import_react7.useEffect)(() => {
-    void refresh();
-    const id = setInterval(() => void refresh(), POLL_MS);
-    return () => clearInterval(id);
-  }, [refresh]);
-  const workspaces = (0, import_react7.useMemo)(() => overview ? Object.keys(overview.workspaces) : [], [overview]);
-  const kindsPresent = (0, import_react7.useMemo)(() => overview ? Object.keys(overview.kinds) : [], [overview]);
-  const previewDefault = (0, import_react7.useMemo)(() => {
-    if (workspace !== "") return workspace;
-    if (!overview) return "";
-    let best = "";
-    let bestN = -1;
-    for (const ws of Object.keys(overview.workspaces)) {
-      const c = overview.workspaces[ws] ?? {};
-      const n = (c.memories ?? 0) + (c.tasks ?? 0) + (c.links ?? 0) + (c.nodes ?? 0);
-      if (n > bestN) {
-        bestN = n;
-        best = ws;
-      }
+      setSaving(false);
     }
-    return best;
-  }, [workspace, overview]);
-  const nameOf = (0, import_react7.useMemo)(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const n of nodes) map.set(n.id, n.name);
-    for (const t2 of tasks) map.set(t2.id, t2.name);
-    return (id) => map.get(id) ?? id;
-  }, [nodes, tasks]);
-  const supersedeIndex = (0, import_react7.useMemo)(() => {
-    const replacedBy = /* @__PURE__ */ new Map();
-    const contradictedBy = /* @__PURE__ */ new Map();
-    for (const m of memories) {
-      if (m.status !== "active") continue;
-      if (m.supersedes) {
-        const list = replacedBy.get(m.supersedes) ?? [];
-        list.push(m);
-        replacedBy.set(m.supersedes, list);
-      }
-      if (m.contradicts) {
-        const list = contradictedBy.get(m.contradicts) ?? [];
-        list.push(m);
-        contradictedBy.set(m.contradicts, list);
-      }
-    }
-    return { replacedBy, contradictedBy };
-  }, [memories]);
-  (0, import_react7.useEffect)(() => {
-    if (!newTaskWs && workspaces.length > 0 && !workspace) setNewTaskWs(workspaces[0]);
-  }, [newTaskWs, workspaces, workspace]);
-  const cfg = overview?.config ?? null;
-  const act = async (fn) => {
-    try {
-      await fn();
-      await refresh();
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    }
-  };
-  const toggleExpand = (id) => {
-    setExpandedRows((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  };
-  const runGc = async () => {
-    setGcRunning(true);
-    setError(null);
-    try {
-      const { report } = await api.gc(workspace || void 0, gcDryRun);
-      setGcReport(report);
-      if (!gcDryRun) await refresh();
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    } finally {
-      setGcRunning(false);
-    }
-  };
-  const downloadExport = async () => {
-    setDataError(null);
-    try {
-      const dump = await api.exportData(workspace || void 0);
-      const blob = new Blob([JSON.stringify(dump, null, 2)], { type: "application/json" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      const safe = (workspace || "all").replace(/[^a-zA-Z0-9._-]+/g, "_");
-      a.href = url;
-      a.download = `dsh-engram-export-${safe}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`;
-      a.click();
-      URL.revokeObjectURL(url);
-    } catch (e) {
-      setDataError(e instanceof Error ? e.message : String(e));
-    }
-  };
-  const pickImportFile = async (file) => {
-    setDataError(null);
-    setImportReport(null);
-    setImportDump(null);
-    setImportName("");
-    if (!file) return;
-    try {
-      const text = await file.text();
-      setImportDump(JSON.parse(text));
-      setImportName(file.name);
-    } catch (e) {
-      setDataError(`\u65E0\u6CD5\u89E3\u6790 ${file.name}\uFF1A${e instanceof Error ? e.message : String(e)}`);
-    }
-  };
-  const runImport = async () => {
-    if (importDump === null) return;
-    if (importMode === "replace" && !importReplaceOk) {
-      setDataError("\u66FF\u6362\u6A21\u5F0F\u4F1A\u5148\u6E05\u7A7A\u76EE\u6807\u5DE5\u4F5C\u533A \u2014 \u8BF7\u5148\u52FE\u9009\u786E\u8BA4");
-      return;
-    }
-    setImportBusy(true);
-    setDataError(null);
-    try {
-      const report = await api.importData({
-        payload: importDump,
-        mode: importMode,
-        dryRun: importDryRun,
-        workspace: workspace || void 0,
-        confirm: importMode === "replace" ? "restore" : void 0
-      });
-      setImportReport(report);
-      if (!report.dryRun) await refresh();
-    } catch (e) {
-      setDataError(e instanceof Error ? e.message : String(e));
-    } finally {
-      setImportBusy(false);
-    }
-  };
-  const groupedRows = workspace === "" ? groupByWorkspace(memories) : [[workspace, memories]];
-  const taskGroups = workspace === "" ? groupByWorkspace(tasks) : [[workspace, tasks]];
-  const linkGroups = workspace === "" ? groupByWorkspace(links) : [[workspace, links]];
-  const nodeGroups = workspace === "" ? groupByWorkspace(nodes) : [[workspace, nodes]];
-  const flatRows = [];
-  for (const [ws, items] of groupedRows) {
-    if (workspace === "") flatRows.push({ kind: "head", ws, count: items.length });
-    for (const m of items) flatRows.push({ kind: "row", m });
-  }
-  const memPageCount = Math.max(1, Math.ceil(flatRows.length / MEM_PAGE_SIZE));
-  const memPageSafe = Math.min(memPage, memPageCount - 1);
-  const memPageRows = flatRows.slice(memPageSafe * MEM_PAGE_SIZE, (memPageSafe + 1) * MEM_PAGE_SIZE);
-  (0, import_react7.useEffect)(() => {
-    setMemPage(0);
-  }, [workspace, status, kind, q]);
-  (0, import_react7.useEffect)(() => {
-    if (memPage >= memPageCount) setMemPage(Math.max(0, memPageCount - 1));
-  }, [memPage, memPageCount]);
-  const createNewTask = async () => {
-    const ws = newTaskWs || workspace || workspaces[0] || "";
-    if (!ws || newTaskName.trim() === "") return;
-    setNewTaskBusy(true);
+  }, [draft, scope, effective]);
+  const discard = (0, import_react6.useCallback)(() => {
     setError(null);
-    try {
-      await api.createTask(ws, newTaskName.trim(), newTaskDesc);
-      setNewTaskName("");
-      setNewTaskDesc("");
-      await refresh();
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    } finally {
-      setNewTaskBusy(false);
-    }
-  };
-  const submitClose = async (task) => {
-    setCloseBusy(true);
+    const value2 = snap?.value ?? snap?.base ?? {};
+    setDraft({ ...value2 });
+  }, [snap]);
+  const resetField = (0, import_react6.useCallback)(async (key) => {
     setError(null);
     try {
-      const refs = closeRefs.split(/[,\s]+/).map((x) => x.trim()).filter(Boolean);
-      const out = await api.closeTask(task.workspace, task.id, {
-        artifact: closeArtifact,
-        evaluation: closeEval,
-        memoryRefs: refs
-      });
-      if (out.state === "active") {
-        setError(`\u8BC1\u636E\u4ECD\u6709\u7F3A\u53E3\uFF1A${(out.gaps ?? []).join(", ")}${out.artifactReason ? `\uFF08${out.artifactReason}\uFF09` : ""} \u2014 \u4EFB\u52A1\u4FDD\u6301 ACTIVE\uFF0C\u8865\u9F50\u540E\u518D\u63D0\u4EA4`);
-      }
-      setCloseFor(null);
-      setCloseArtifact("");
-      setCloseEval("");
-      setCloseRefs("");
-      await refresh();
+      await scope.unset(key);
+      await scope.load();
+      setDraft((prev) => ({ ...prev, [key]: void 0 }));
     } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    } finally {
-      setCloseBusy(false);
-    }
-  };
-  const openMemory = (id) => {
-    const m = memories.find((mem) => mem.id === id);
-    if (m) {
-      setDetail({ kind: "memory", memory: m });
-      setDetailNotice(null);
-    } else {
-      setDetailNotice(`\u8BB0\u5FC6 ${id} \u4E0D\u5728\u5F53\u524D\u52A0\u8F7D\u5217\u8868 \u2014 \u5207\u6362\u5230\u300C\u8BB0\u5FC6\u300D\u9875\u52A0\u8F7D\u540E\u53EF\u7528`);
+      setError(String(e instanceof Error ? e.message : e));
     }
-  };
-  const openTask = (id) => {
-    setDetail({ kind: "task", id });
-    setDetailNotice(null);
-  };
-  const openNode = (id) => {
-    setDetail({ kind: "node", id });
-    setDetailNotice(null);
-  };
-  const indexCost = workspace && overview ? overview.indexes[workspace] : null;
-  const gc = overview?.gc ?? null;
-  const wsCounts = workspace && overview ? overview.workspaces[workspace] ?? null : null;
+  }, [scope]);
+  const value = { ...snap?.base ?? {}, ...draft };
+  const writable = snap?.writable !== false && snap?.status !== "unavailable";
+  const available = snap?.status === "ready";
   const { vars } = useEngramTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...s2.root, ...vars }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { style: s2.h1, children: "Engram \u8BB0\u5FC6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: s2.sub, children: "\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6 \xB7 \u96F6 LLM \u81EA\u52A8\u6355\u83B7 \xB7 \u7B26\u53F7\u7D22\u5F15\u6E10\u8FDB\u62AB\u9732 \u2014 \u6570\u636E\u6E90 ~/.dsh/storages/dsh_engram.json" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.error, children: [
-      t("error"),
-      ": ",
-      error
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.tabBar, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: view === "mem" ? s2.tabActive : s2.tab, onClick: () => setView("mem"), children: "\u8BB0\u5FC6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: view === "esr" ? s2.tabActive : s2.tab, onClick: () => setView("esr"), children: "ESR\uFF08\u4EFB\u52A1 \xB7 \u8282\u70B9 \xB7 \u5173\u7CFB\uFF09" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: view === "preview" ? s2.tabActive : s2.tab, onClick: () => setView("preview"), children: "\u6CE8\u5165\u9884\u89C8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: view === "telemetry" ? s2.tabActive : s2.tab, onClick: () => setView("telemetry"), children: "\u9065\u6D4B" })
+  if (!available) return null;
+  const renderField = (field) => {
+    const raw = value[field.key];
+    const overridden = snap?.user !== void 0 && field.key in snap.user;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.label, children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.hint, children: field.hint })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        field.kind === "bool" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: raw === true,
+            disabled: !writable,
+            onChange: (e) => setField(field.key, e.target.checked)
+          }
+        ) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "select",
+          {
+            style: { ...s2.input, width: field.width ?? 160 },
+            value: raw === void 0 ? "" : String(raw),
+            disabled: !writable,
+            onChange: (e) => setField(field.key, e.target.value),
+            children: (field.options ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: opt, children: opt }, opt))
+          }
+        ) : field.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            type: "text",
+            style: { ...s2.input, width: field.width ?? 180 },
+            value: Array.isArray(raw) ? raw.join(", ") : raw === void 0 ? "" : String(raw),
+            disabled: !writable,
+            placeholder: "host.domain, \u53E6\u4E00\u57DF\u540D\u2026",
+            onChange: (e) => {
+              const tokens = e.target.value.split(/[,\s]+/).map((x) => x.trim()).filter(Boolean);
+              setField(field.key, tokens);
+            }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            type: "number",
+            style: s2.input,
+            step: field.step ?? 1,
+            min: field.min,
+            max: field.max,
+            value: raw === void 0 ? "" : String(raw),
+            disabled: !writable,
+            onChange: (e) => setField(field.key, e.target.value === "" ? void 0 : Number(e.target.value))
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            style: overridden ? { ...s2.reset, color: "var(--dsw-alias-brand-primary, #2563eb)" } : { ...s2.reset, cursor: "default", opacity: 0.55 },
+            title: "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4",
+            disabled: !writable || !overridden,
+            onClick: () => void resetField(field.key),
+            children: "\u91CD\u7F6E"
+          }
+        )
+      ] })
+    ] }, field.key);
+  };
+  const renderGroup = (group) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.groupPanel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.groupHead, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.groupTitle, children: group.title }),
+      group.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.groupDesc, children: group.description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...s2.row, marginTop: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u5DE5\u4F5C\u533A\uFF1A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("select", { style: s2.input, value: workspace, onChange: (e) => setWorkspace(e.target.value), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "\u5168\u90E8\u5DE5\u4F5C\u533A" }),
-        workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("option", { value: ws, children: [
-          ws,
-          "\uFF08",
-          overview?.workspaces[ws]?.memories ?? 0,
-          " \u6761\uFF09"
-        ] }, ws))
+    group.fields.map(renderField)
+  ] }, group.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: vars, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...s2.card, ...open ? s2.cardOpen : void 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "button",
+      {
+        type: "button",
+        style: s2.header,
+        "aria-expanded": open,
+        "aria-label": `${open ? "\u6536\u8D77" : "\u5C55\u5F00"} dsh-engram \u8BBE\u7F6E`,
+        onClick: () => setOpen((prev) => !prev),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: s2.headText, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: s2.name, children: "dsh-engram" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: s2.description, children: CARD_DESCRIPTION })
+          ] }),
+          anyDirty && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: s2.pending, children: "\u672A\u4FDD\u5B58" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chevron, { open })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.body, children: [
+      !writable && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: s2.readOnly, children: "\u672C\u90E8\u7F72\u7684\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\uFF08\u5BBF\u4E3B\u672A\u6388\u6743\u5199\u5165\u6216\u9700\u91CD\u542F\u5E94\u7528\uFF09\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.groupPanel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.groupHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.groupTitle, children: "\u5E38\u7528" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.groupDesc, children: "\u6BCF\u5929\u4F1A\u78B0\u5230\u7684\u65CB\u94AE \xB7 \u5176\u4F59\u6536\u5728\u4E0B\u65B9\u9AD8\u7EA7\u8BBE\u7F6E" })
+        ] }),
+        COMMON_FIELDS.map(renderField)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "button",
+        {
+          type: "button",
+          style: { ...s2.advHead, ...advancedOpen ? { borderColor: "var(--dsw-alias-label-dimmed, #9ca3af)" } : void 0 },
+          "aria-expanded": advancedOpen,
+          onClick: () => setAdvancedOpen((v) => !v),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: s2.advHeadLabel, children: [
+              "\u9AD8\u7EA7\u8BBE\u7F6E\uFF08",
+              ADVANCED_GROUPS.reduce((n, g) => n + g.fields.length, 0),
+              " \u9879\uFF09"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chevron, { open: advancedOpen })
+          ]
+        }
+      ),
+      advancedOpen && ADVANCED_GROUPS.map(renderGroup),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.note, children: "\u8BBE\u7F6E\u5BF9\u65B0\u5EFA\u4F1A\u8BDD\u5373\u65F6\u751F\u6548\uFF1B\u5DF2\u51BB\u7ED3\u7684 [ENGRAM] \u5757\u4FDD\u6301\u524D\u7F00\u7A33\u5B9A\u3002" }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: s2.failed, children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: s2.footer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            style: { ...s2.discard, ...!anyDirty || saving ? s2.disabled : void 0 },
+            disabled: !anyDirty || saving,
+            onClick: discard,
+            children: "\u653E\u5F03\u4FEE\u6539"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            style: { ...s2.save, ...!anyDirty || saving ? s2.disabled : void 0 },
+            disabled: !anyDirty || saving,
+            onClick: () => void save(),
+            children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58"
+          }
+        )
       ] })
+    ] })
+  ] }) });
+}
+
+// client/src/EngramDetail.tsx
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var KIND_COLORS = {
+  preference: "#b45309",
+  decision: "#2563eb",
+  error: "#dc2626",
+  procedure: "#7c3aed",
+  fact: "#059669",
+  insight: "#d97706",
+  handoff: "#0891b2",
+  task: "#4f46e5"
+};
+var KIND_LABEL = {
+  preference: "\u504F\u597D",
+  decision: "\u51B3\u5B9A",
+  error: "\u9519\u8BEF",
+  procedure: "\u6D41\u7A0B",
+  fact: "\u4E8B\u5B9E",
+  insight: "\u6D1E\u5BDF",
+  handoff: "\u4EA4\u63A5",
+  task: "\u4EFB\u52A1"
+};
+var REL_COLORS = {
+  depends_on: "#d97706",
+  implements: "#2563eb",
+  refines: "#7c3aed",
+  contradicts: "#dc2626",
+  tracks: "#059669"
+};
+function fmtDate(ts) {
+  if (!ts) return "\u2013";
+  const d = new Date(ts);
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const dd = String(d.getDate()).padStart(2, "0");
+  return `${d.getFullYear()}-${mm}-${dd} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function daysLeft(ts) {
+  if (ts === null || ts === void 0) return "\u221E";
+  const days = Math.ceil((ts - Date.now()) / 864e5);
+  return days > 0 ? `${days}d` : "\u5DF2\u8FC7\u671F";
+}
+function gapsOf(t) {
+  const gaps = [];
+  if (!t.artifact) gaps.push("artifact");
+  if (!t.evaluation) gaps.push("evaluation");
+  if (!t.memoryRefs || t.memoryRefs.length === 0) gaps.push("memory_ref");
+  return gaps;
+}
+function EngramDetail({ target, api, tasks, nodes, links, memories = [], onClose, onNavigateMemory, onChanged }) {
+  const { dark, vars } = useEngramTheme();
+  const [gArt, setGArt] = (0, import_react7.useState)("");
+  const [gEval, setGEval] = (0, import_react7.useState)("");
+  const [gRefs, setGRefs] = (0, import_react7.useState)("");
+  const [busy, setBusy] = (0, import_react7.useState)(false);
+  const [closing, setClosing] = (0, import_react7.useState)(false);
+  const [notice, setNotice] = (0, import_react7.useState)(null);
+  const task = target.kind === "task" ? tasks.find((t) => t.id === target.id) ?? null : null;
+  const node = target.kind === "node" ? nodes.find((n) => n.id === target.id) ?? null : null;
+  const link = target.kind === "link" ? target.link : null;
+  const nameOf = (0, import_react7.useMemo)(() => {
+    const nodeName = (id) => nodes.find((n) => n.id === id)?.name;
+    const taskName = (id) => tasks.find((t) => t.id === id)?.name;
+    return (id) => nodeName(id) ?? taskName(id) ?? id;
+  }, [nodes, tasks]);
+  const incident = (0, import_react7.useMemo)(() => {
+    if (target.kind !== "node" || !node) return [];
+    return links.filter((l) => l.source === node.id || l.target === node.id).map((l) => ({ l, outgoing: l.source === node.id }));
+  }, [links, node, target.kind]);
+  const memoryLinks = (0, import_react7.useMemo)(() => {
+    if (target.kind !== "memory") return null;
+    const m = target.memory;
+    return {
+      m,
+      replacedBy: memories.filter((x) => x.status === "active" && x.supersedes === m.id),
+      contradictedBy: memories.filter((x) => x.status === "active" && x.contradicts === m.id)
+    };
+  }, [target, memories]);
+  const hb2 = {
+    root: {
+      ...vars,
+      border: "1px solid var(--dsh-color-border, #d1d5db)",
+      borderRadius: 12,
+      background: dark ? "rgba(10,14,22,.55)" : "var(--dsh-color-surface, #ffffff)",
+      boxShadow: "0 1px 2px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.07)",
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "72vh"
+    },
+    head: {
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      padding: "10px 12px",
+      borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)",
+      background: dark ? "rgba(15,23,42,.6)" : "rgba(15,23,42,.04)"
+    },
+    title: { fontWeight: 700, fontSize: 13, flex: "1 1 auto", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+    close: { border: "none", background: "none", cursor: "pointer", fontSize: 13, color: "var(--dsh-color-muted, #6b7280)", padding: "2px 6px", borderRadius: 6 },
+    body: { padding: "10px 12px", overflowY: "auto", display: "flex", flexDirection: "column", gap: 8, fontSize: 12.5 },
+    kv: { display: "flex", flexDirection: "column", gap: 3 },
+    k: { fontSize: 10.5, fontWeight: 700, color: "var(--dsh-color-muted-weak, #9ca3af)", textTransform: "uppercase", letterSpacing: 0.4 },
+    v: { color: "var(--dsh-color-muted-strong, #374151)", wordBreak: "break-word", lineHeight: 1.5 },
+    mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 11 },
+    badge: { fontSize: 10.5, fontWeight: 700, padding: "2px 8px", borderRadius: 999, color: "#fff" },
+    tag: { fontSize: 11, padding: "1px 8px", borderRadius: 999, background: "var(--dsh-color-hover-bg, #f3f4f6)", color: "var(--dsh-color-muted, #6b7280)", border: "1px solid var(--dsh-color-border, #e5e7eb)" },
+    chip: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(37,99,235,.1)", color: "#2563eb", border: "1px solid rgba(37,99,235,.25)", cursor: "pointer" },
+    chipSup: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(124,58,237,.1)", color: "#7c3aed", border: "1px solid rgba(124,58,237,.25)", cursor: "pointer" },
+    chipDanger: { fontSize: 11, padding: "2px 9px", borderRadius: 999, background: "rgba(220,38,38,.1)", color: "#dc2626", border: "1px solid rgba(220,38,38,.25)", cursor: "pointer" },
+    input: { fontSize: 12, padding: "5px 8px", border: "1px solid var(--dsh-color-border, #d1d5db)", borderRadius: 8, background: "var(--dsh-color-surface, #ffffff)", color: "var(--dsh-color-muted-strong, #374151)", width: "100%", boxSizing: "border-box" },
+    btn: { fontSize: 11.5, fontWeight: 600, padding: "5px 10px", borderRadius: 8, cursor: "pointer", border: "1px solid var(--dsh-color-border, #d1d5db)", background: "transparent", color: "var(--dsh-color-muted-strong, #374151)" },
+    btnPrimary: { fontSize: 11.5, fontWeight: 700, padding: "5px 12px", borderRadius: 8, cursor: "pointer", border: "none", background: "#2563eb", color: "#fff" },
+    relRow: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap", fontSize: 12 },
+    relType: { border: "1px dashed var(--dsh-color-border, #cbd5e1)", borderRadius: 999, padding: "1px 7px", fontSize: 11, color: "var(--dsh-color-muted, #6b7280)" },
+    dot: { width: 8, height: 8, borderRadius: 999, display: "inline-block" },
+    section: { marginTop: 2 }
+  };
+  async function submitClose() {
+    if (!task) return;
+    setBusy(true);
+    setNotice(null);
+    try {
+      const refs = gRefs.split(/[,，\s]+/).map((s4) => s4.trim()).filter(Boolean);
+      const res = await api.closeTask(task.workspace, task.id, { artifact: gArt.trim() || void 0, evaluation: gEval.trim() || void 0, memoryRefs: refs.length ? refs : void 0 });
+      setNotice(res.state === "stable" ? `\u5DF2\u95ED\u73AF \u2192 STABLE \u2713` : `\u4ECD\u6709\u7F3A\u53E3\uFF1A${(res.gaps ?? []).join(", ") || "\u2014"}${res.artifactReason ? `\uFF08${res.artifactReason}\uFF09` : ""}`);
+      onChanged?.();
+    } catch (e) {
+      setNotice(`\u5173\u95ED\u5931\u8D25\uFF1A${e instanceof Error ? e.message : String(e)}`);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const kindBadge = (kind, label) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...hb2.badge, background: KIND_COLORS[kind] ?? "#6b7280" }, children: label });
+  const headerTitle = target.kind === "task" ? task?.name ?? target.id : target.kind === "memory" ? target.memory.text.slice(0, 40) : target.kind === "node" ? node?.name ?? target.id : link ? nameOf(link.source) : "";
+  const headerKind = target.kind === "task" ? task?.state === "stable" ? { k: "task", label: "STABLE" } : task ? { k: "task", label: task.state === "draft" ? "DRAFT" : "\u4EFB\u52A1" } : { k: "task", label: "\u4EFB\u52A1" } : target.kind === "memory" ? { k: target.memory.kind, label: KIND_LABEL[target.memory.kind] ?? target.memory.kind } : target.kind === "node" ? { k: "node", label: node?.kind || "\u8282\u70B9" } : { k: "link", label: "\u5173\u7CFB" };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.head, children: [
+      kindBadge(headerKind.k, headerKind.label),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.title, title: headerTitle, children: headerTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: hb2.close, onClick: onClose, "aria-label": "\u5173\u95ED\u8BE6\u60C5", children: "\u2715" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { flex: "1 1 auto", minWidth: 0 }, children: [
-        view === "mem" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          overview && (() => {
-            const memNum = wsCounts ? wsCounts.memories : overview.totals.memories;
-            const taskNum = wsCounts ? wsCounts.tasks : overview.totals.tasks;
-            const linkNum = wsCounts ? wsCounts.links : overview.totals.links;
-            const ledgerBucket = overview.ledger ? workspace && overview.ledger.byWorkspace[workspace] || overview.ledger.totals : null;
-            return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.stats, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(memNum), label: wsCounts ? "\u8BB0\u5FC6 (active)" : "\u8BB0\u5FC6 (active, \u5168\u5C40)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(taskNum), label: wsCounts ? "\u4EFB\u52A1 (active)" : "\u4EFB\u52A1 (active, \u5168\u5C40)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(linkNum), label: wsCounts ? "\u5173\u7CFB" : "\u5173\u7CFB (\u5168\u5C40)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(wsCounts ? wsCounts.nodes ?? 0 : overview.totals.nodes ?? 0), label: wsCounts ? "\u8282\u70B9" : "\u8282\u70B9 (\u5168\u5C40)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(workspaces.length), label: "\u5DE5\u4F5C\u533A" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(overview.captures.total), label: "\u81EA\u52A8\u6355\u83B7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatCard, { num: String(overview.captures.preference ?? 0), label: "\u504F\u597D\u6355\u83B7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                StatCard,
-                {
-                  num: indexCost ? `~${indexCost.tokens}` : "\u2013",
-                  label: "[ENGRAM] \u7D22\u5F15 token / \u5DE5\u4F5C\u533A"
-                }
-              ),
-              gc && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                StatCard,
-                {
-                  num: String(gc.archivedMemories + gc.archivedTasks),
-                  label: `GC \u5DF2\u5F52\u6863 \xB7 \u94FE\u63A5-${gc.removedLinks}`
-                }
-              ),
-              ledgerBucket && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                StatCard,
-                {
-                  num: signedTokens(ledgerBucket.netTokens),
-                  label: `\u4E0A\u4E0B\u6587\u51C0 token \xB7 \u8BF7\u6C42 ${ledgerBucket.requests}`
-                }
-              )
-            ] });
-          })(),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.subPanel, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u8BB0\u5FC6 GC\uFF08pi-esr \u7EA6\u675F\uFF09" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { style: { fontSize: 12, display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: gcDryRun, onChange: (e) => setGcDryRun(e.target.checked) }),
-                "\u4EC5\u9884\u89C8\uFF08dry run\uFF09"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btnPrimary, onClick: () => void runGc(), disabled: gcRunning || !workspace, children: gcRunning ? "\u2026" : "\u8FD0\u884C GC" }),
-              gc && gc.lastRun > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.mono, children: [
-                "\u4E0A\u6B21 ",
-                fmtDate2(gc.lastRun)
-              ] })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.body, children: [
+      target.kind === "task" && !task && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.v, children: "\u4EFB\u52A1\u4E0D\u5B58\u5728\uFF08\u53EF\u80FD\u5DF2\u88AB\u5173\u95ED/\u5F52\u6863\uFF09\u3002" }),
+      target.kind === "task" && task && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EvidenceRing, { artifact: Boolean(task.artifact), evaluation: Boolean(task.evaluation), refs: (task.memoryRefs?.length ?? 0) > 0, size: 40 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 12, fontWeight: 700 }, children: task.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.mono, children: [
+              task.id,
+              " \xB7 ",
+              task.workspace
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u72B6\u6001" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 5, alignItems: "center", flexWrap: "wrap", marginTop: 3 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...hb2.badge, background: task.state === "stable" ? "#059669" : task.state === "draft" ? "#6b7280" : gapsOf(task).length === 0 ? "#2563eb" : "#d97706" }, children: task.state === "stable" ? "STABLE" : task.state === "draft" ? "DRAFT" : gapsOf(task).length === 0 ? "READY" : "ACTIVE" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+              "\u521B\u5EFA ",
+              fmtDate(task.createdAt)
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: "\u5DE5\u4F5C\u96C6\uFF08active \u4EFB\u52A1\u5F15\u7528 / \u4EFB\u52A1\u8BB0\u5FC6 / \u5DF2\u5165\u7D22\u5F15\u547D\u4E2D\uFF09\u6C38\u4E0D\u9A71\u9010\uFF1BTTL \u8FC7\u671F\u5F52\u6863\u3001\u8D85\u5BB9\u91CF\u6DD8\u6C70\u3001stable \u4EFB\u52A1\u8D85\u7A97\u5F52\u6863\u3001\u60AC\u7A7A\u94FE\u63A5\u6E05\u7406\u3002\u53EA\u5F52\u6863\u4E0D\u786C\u5220\u2014\u2014\u6761\u76EE id \u4FDD\u6301\u53EF\u91CD\u53D6\u3002" }),
-            gcReport && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 8, fontSize: 12.5 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-                gcReport.dryRun ? "dry-run \u9884\u89C8\uFF1A" : "\u5DF2\u6267\u884C\uFF1A",
-                " ",
-                "\u5F52\u6863\u8BB0\u5FC6 ",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: gcReport.archivedMemories.length }),
-                " \xB7 \u5F52\u6863\u4EFB\u52A1 ",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: gcReport.archivedTasks.length }),
-                " \xB7 \u6E05\u7406\u94FE\u63A5 ",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: gcReport.removedLinks.length }),
-                " \xB7 \u4FDD\u62A4 ",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: gcReport.protectedMemories })
-              ] }),
-              gcReport.archivedMemories.slice(0, 5).map((e) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.mono, children: [
-                "- ",
-                e.id.slice(0, 8),
-                " ",
-                e.reason,
-                ": ",
-                e.text
-              ] }, e.id)),
-              gcReport.archivedTasks.slice(0, 3).map((t2) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.mono, children: [
-                "- ",
-                t2.id.slice(0, 6),
-                " ",
-                t2.reason,
-                ": ",
-                t2.name
-              ] }, t2.id)),
-              gcReport.removedLinks.slice(0, 3).map((l) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.mono, children: [
-                "- link ",
-                (l.source ?? "?").slice(0, 8),
-                " --",
-                l.relation ?? "",
-                "--> ",
-                (l.target ?? "?").slice(0, 8)
-              ] }, l.id))
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+              "\u66F4\u65B0 ",
+              fmtDate(task.updatedAt)
+            ] })
+          ] })
+        ] }),
+        task.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u63CF\u8FF0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { ...hb2.v, marginTop: 3 }, children: task.description })
+        ] }),
+        task.state === "active" && gapsOf(task).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u8BC1\u636E\u7F3A\u53E3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: gapsOf(task).map((g) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+            g,
+            " \u2717"
+          ] }, g)) })
+        ] }),
+        task.artifact && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "artifact" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...hb2.mono, marginTop: 3, color: "#059669" }, children: [
+            "\u2713 ",
+            task.artifact
+          ] })
+        ] }),
+        task.evaluation && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "evaluation" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 3, color: "#059669" }, children: [
+            "\u2713 ",
+            task.evaluation
+          ] })
+        ] }),
+        task.memoryRefs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u8BB0\u5FC6\u5F15\u7528" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: task.memoryRefs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.chip, title: `\u6253\u5F00\u8BB0\u5FC6 ${r}`, onClick: () => onNavigateMemory(r), children: [
+            "#",
+            r.slice(0, 8)
+          ] }, r)) })
+        ] }),
+        task.state === "active" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 4, padding: 8, border: "1px solid var(--dsh-color-border, #d1d5db)", borderRadius: 10, background: dark ? "rgba(15,23,42,.35)" : "rgba(15,23,42,.03)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11, color: "var(--dsh-color-muted, #6b7280)", marginBottom: 6 }, children: "\u8865\u9F50\u8BC1\u636E \u2192 \u5173\u95ED\uFF08\u4E09\u9879\u5168\u9F50\u8F6C STABLE\uFF09" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: hb2.input, placeholder: "artifact \u4EA7\u7269\uFF08\u6587\u4EF6/PR/\u8DEF\uFF09", value: gArt, onChange: (e) => setGArt(e.target.value) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: hb2.input, placeholder: "evaluation \u8BC4\u4F30\uFF08\u6D4B\u8BD5/\u8BC4\u5BA1/\u5206\u6570\uFF09", value: gEval, onChange: (e) => setGEval(e.target.value) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: hb2.input, placeholder: "memory_refs\uFF08#id, \u9017\u53F7\u5206\u9694\uFF09", value: gRefs, onChange: (e) => setGRefs(e.target.value) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 6 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: hb2.btnPrimary, disabled: busy, onClick: () => setClosing(true), children: busy ? "\u2026" : "\u6309\u8BC1\u636E\u95ED\u73AF" }),
+              closing && !busy && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", alignSelf: "center" }, children: "\u786E\u8BA4\u63D0\u4EA4\uFF1F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: hb2.btn, onClick: () => {
+                  void submitClose();
+                  setClosing(false);
+                }, children: "\u786E\u8BA4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: hb2.btn, onClick: () => setClosing(false), children: "\u53D6\u6D88" })
+              ] })
             ] })
+          ] })
+        ] }),
+        task.state === "stable" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11.5, color: "#059669", fontWeight: 700 }, children: "\u5DF2\u95ED\u73AF \u2713 \u2014 \u5168\u90E8\u8BC1\u636E\u95E8\u5DF2\u6EE1\u8DB3\uFF0C\u53EF\u4EE5\u4ECE\u770B\u677F/\u6E05\u5355\u79FB\u9664" }),
+        notice && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11.5, fontWeight: 600, color: "#d97706" }, children: notice })
+      ] }),
+      target.kind === "memory" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", gap: 6 }, children: [
+          kindBadge(target.memory.kind, KIND_LABEL[target.memory.kind] ?? target.memory.kind),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+            "signal ",
+            target.memory.signal.toFixed(2)
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.subPanel, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u6570\u636E\u5907\u4EFD\uFF08export / import\uFF09" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, title: "\u4E0B\u8F7D\u5F53\u524D\u5DE5\u4F5C\u533A\uFF08\u6216\u5168\u90E8\uFF09\u7684 dsh-engram/export v1 \u8F6C\u50A8", onClick: () => void downloadExport(), children: "\u5BFC\u51FA JSON" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { style: { ...s2.btn, display: "inline-flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
-                "\u9009\u62E9\u5BFC\u5165\u6587\u4EF6\u2026",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "input",
-                  {
-                    type: "file",
-                    accept: "application/json,.json",
-                    style: { display: "none" },
-                    onChange: (e) => {
-                      void pickImportFile(e.target.files?.[0] ?? null);
-                      e.currentTarget.value = "";
-                    }
-                  }
-                )
-              ] }),
-              importName && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: s2.mono, children: importName })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+            "hits ",
+            target.memory.hits
+          ] }),
+          target.memory.status === "archived" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: hb2.tag, children: "archived" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u5185\u5BB9" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { ...hb2.v, whiteSpace: "pre-wrap", background: dark ? "rgba(15,23,42,.5)" : "rgba(15,23,42,.05)", borderRadius: 8, padding: 8, marginTop: 3 }, children: target.memory.text })
+        ] }),
+        target.memory.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u6807\u7B7E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: target.memory.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.tag, children: [
+            "#",
+            t
+          ] }, t)) })
+        ] }),
+        memoryLinks && (memoryLinks.m.supersedes || memoryLinks.m.contradicts || memoryLinks.replacedBy.length > 0 || memoryLinks.contradictedBy.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u66FF\u6362 / \u51B2\u7A81" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 5, flexWrap: "wrap", marginTop: 3 }, children: [
+            memoryLinks.m.supersedes && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.chipSup, title: `\u672C\u6761\u66FF\u4EE3 ${memoryLinks.m.supersedes}\uFF08\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\uFF09`, onClick: () => onNavigateMemory(memoryLinks.m.supersedes), children: [
+              "\u66FF\u4EE3 #",
+              memoryLinks.m.supersedes.slice(0, 8)
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: [
-              "\u5BFC\u51FA\u5373\u53EF\u79FB\u690D\u5907\u4EFD\uFF08\u8BB0\u5FC6/\u4EFB\u52A1/\u5173\u7CFB/\u8282\u70B9\uFF0C\u542B\u5F52\u6863\uFF09\uFF1B",
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: "merge" }),
-              " \u53EA\u8865\u7F3A\u5931\uFF08\u5E42\u7B49\uFF09\uFF0C",
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: "replace" }),
-              " \u5148\u6E05\u7A7A\u76EE\u6807\u5DE5\u4F5C\u533A\u518D\u6062\u590D\u3002\u8BB0\u5FC6\u6B63\u6587\u4E0E\u6240\u6709\u5199\u5165\u8DEF\u5F84\u4E00\u6837\u8FC7\u8131\u654F\u3002"
+            memoryLinks.m.contradicts && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.chipDanger, title: `\u672C\u6761\u4E0E ${memoryLinks.m.contradicts} \u51B2\u7A81\uFF08\u4E24\u6761\u90FD\u4FDD\u7559\uFF09`, onClick: () => onNavigateMemory(memoryLinks.m.contradicts), children: [
+              "\u51B2\u7A81 #",
+              memoryLinks.m.contradicts.slice(0, 8)
             ] }),
-            importDump !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 6 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 10, alignItems: "center", flexWrap: "wrap", fontSize: 12.5 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: importDryRun, onChange: (e) => setImportDryRun(e.target.checked) }),
-                  "\u4EC5\u9884\u89C8\uFF08dry run\uFF09"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-                  "select",
-                  {
-                    style: s2.input,
-                    value: importMode,
-                    onChange: (e) => {
-                      const mode = e.target.value;
-                      setImportMode(mode);
-                      if (mode !== "replace") setImportReplaceOk(false);
-                    },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "merge", children: "\u5408\u5E76\uFF08merge\uFF0C\u5E42\u7B49\uFF09" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "replace", children: "\u66FF\u6362\uFF08replace\uFF0C\u5148\u6E05\u7A7A\u5DE5\u4F5C\u533A\uFF09" })
-                    ]
-                  }
-                ),
-                importMode === "replace" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { style: { display: "inline-flex", gap: 4, alignItems: "center", color: "#b45309" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: importReplaceOk, onChange: (e) => setImportReplaceOk(e.target.checked) }),
-                  "\u6211\u786E\u8BA4\u66FF\u6362",
-                  workspace ? `\uFF08${workspace}\uFF09` : "\uFF08\u9700\u5148\u9009\u5DE5\u4F5C\u533A\uFF09"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "button",
-                  {
-                    style: s2.btnPrimary,
-                    disabled: importBusy || importMode === "replace" && (!importReplaceOk || !workspace),
-                    onClick: () => void runImport(),
-                    children: importBusy ? "\u2026" : importDryRun ? "\u9884\u89C8\u5BFC\u5165" : "\u6267\u884C\u5BFC\u5165"
-                  }
-                )
-              ] }),
-              importReport && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 12.5 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-                  importReport.dryRun ? "dry-run \u9884\u89C8\uFF1A" : "\u5DF2\u5BFC\u5165\uFF1A",
-                  " ",
-                  Object.entries(importReport.written).map(([k, v]) => `${k} ${v}`).join(" \xB7 ") || "\u2014",
-                  importReport.skipped.length > 0 ? ` \xB7 \u8DF3\u8FC7 ${importReport.skipped.length}` : ""
-                ] }),
-                importReport.skipped.slice(0, 5).map((x, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.mono, children: [
-                  "- ",
-                  x.table,
-                  " ",
-                  x.id ? x.id.slice(0, 8) : "?",
-                  ": ",
-                  x.reason
-                ] }, `${x.table}-${x.id ?? i}`))
-              ] }),
-              dataError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 12, color: "#dc2626", fontWeight: 600 }, children: dataError })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.row, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("select", { style: s2.input, value: kind, onChange: (e) => setKind(e.target.value), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "\u5168\u90E8\u7C7B\u578B" }),
-              kindsPresent.map((k) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: k, children: KIND_LABEL2[k] ?? k }, k))
+            memoryLinks.replacedBy.map((x) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.chipSup, title: `\u5DF2\u88AB ${x.text.slice(0, 40)}\u2026 \u66FF\u4EE3`, onClick: () => onNavigateMemory(x.id), children: [
+              "\u2190 \u88AB #",
+              x.id.slice(0, 8),
+              " \u66FF\u4EE3"
+            ] }, x.id)),
+            memoryLinks.contradictedBy.map((x) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: hb2.chipDanger, title: `${x.text.slice(0, 40)}\u2026 \u4E0E\u672C\u6761\u51B2\u7A81`, onClick: () => onNavigateMemory(x.id), children: [
+              "\u21C4 #",
+              x.id.slice(0, 8),
+              " \u51B2\u7A81"
+            ] }, x.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 2, marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "id   ",
+              target.memory.id
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("select", { style: s2.input, value: status, onChange: (e) => setStatus(e.target.value), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "active", children: "\u4EC5\u6D3B\u52A8" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "all", children: "\u5168\u90E8\u72B6\u6001" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "archived", children: "\u5DF2\u5F52\u6863" })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "ws   ",
+              target.memory.workspace
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "input",
-              {
-                style: { ...s2.input, width: 180 },
-                placeholder: "\u641C\u7D22\u8BB0\u5FC6\u2026",
-                value: q,
-                onChange: (e) => setQ(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter") void refresh();
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btnPrimary, onClick: () => void refresh(), disabled: busy, children: busy ? "\u2026" : t("refresh") })
-          ] }),
-          cfg && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.row, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.tag, children: [
-              "autoCapture ",
-              cfg.autoCapture ? "on" : "off"
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "entity ",
+              target.memory.entity ?? "\u2014"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.tag, children: [
-              "sessionSearch ",
-              cfg.sessionSearch ? "on" : "off"
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "session ",
+              target.memory.sessionId,
+              " \xB7 seq ",
+              target.memory.seq
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.tag, children: [
-              "TTL ",
-              cfg.expireDays,
-              "d"
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "created ",
+              fmtDate(target.memory.createdAt),
+              " \xB7 updated ",
+              fmtDate(target.memory.updatedAt)
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.tag, children: [
-              "index ",
-              cfg.indexMaxLines,
-              " \u884C / ",
-              cfg.indexMaxChars,
-              " \u5B57\u7B26"
+            target.memory.source && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "source ",
+              target.memory.source
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: s2.tag, children: [
-              "promote \u2265",
-              cfg.promoteHits,
-              " hits"
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { style: s2.table, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("colgroup", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("col", { style: { width: 58 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("col", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("col", { style: { width: 72 } })
+            target.memory.conditions && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "conditions ",
+              target.memory.conditions
+            ] }),
+            target.memory.filePath && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "file ",
+              target.memory.filePath
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { style: s2.th, children: "\u7C7B\u578B" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { style: s2.th, children: "\u5185\u5BB9" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { style: s2.th })
-            ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tbody", { children: [
-              flatRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { colSpan: 3, style: s2.empty, children: "\u6682\u65E0\u8BB0\u5FC6 \u2014 \u4F7F\u7528 engram_store \u663E\u5F0F\u8BB0\u5F55\uFF0C\u6216\u8BA9\u81EA\u52A8\u6355\u83B7\u5DE5\u4F5C\uFF08git \u63D0\u4EA4 / \u5173\u952E\u6587\u4EF6\u7F16\u8F91 / \u5DE5\u5177\u9519\u8BEF\uFF09" }) }),
-              memPageRows.map(
-                (r) => r.kind === "head" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("td", { colSpan: 3, style: s2.wsHead, children: [
-                  r.ws,
-                  " \xB7 ",
-                  r.count,
-                  " \u6761"
-                ] }) }, `h-${r.ws}`) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("td", { style: { ...s2.td, whiteSpace: "nowrap" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...s2.badge, background: KIND_COLORS2[r.m.kind] ?? "#6b7280" }, children: KIND_LABEL2[r.m.kind] ?? r.m.kind }),
-                    r.m.status === "archived" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...s2.tag, color: "#b45309", background: "#fef3c7" }, children: "archived" }),
-                    supersedeIndex.replacedBy.has(r.m.id) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...s2.tag, color: "#b45309", background: "#fef3c7" }, title: `\u5DF2\u88AB ${(supersedeIndex.replacedBy.get(r.m.id) ?? []).map((x) => `#${x.id.slice(0, 8)}`).join(", ")} \u66FF\u4EE3\uFF08\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\uFF09`, children: "\u5DF2\u66FF\u6362" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("td", { style: { ...s2.td, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { title: r.m.text, style: expandedRows.has(r.m.id) ? s2.expanded : s2.clamp3, children: r.m.text }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 8, alignItems: "center", marginTop: 2, flexWrap: "wrap" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...s2.mono, flex: "1 1 160px" }, title: `${fmtDate2(r.m.createdAt)} \xB7 ${r.m.id} \xB7 ${r.m.entity ?? ""} \xB7 signal ${r.m.signal.toFixed(2)} \xB7 hits ${r.m.hits} \xB7 TTL ${daysLeft2(r.m.expiresAt)}`, children: [
-                        fmtDate2(r.m.createdAt),
-                        " \xB7 ",
-                        r.m.id.slice(0, 8),
-                        r.m.entity ? ` \xB7 ${r.m.entity}` : "",
-                        " \xB7 ",
-                        r.m.signal.toFixed(2),
-                        " \xB7 hits ",
-                        r.m.hits,
-                        " \xB7 ",
-                        daysLeft2(r.m.expiresAt)
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.linkBtn, onClick: () => toggleExpand(r.m.id), children: expandedRows.has(r.m.id) ? "\u6536\u8D77" : "\u5C55\u5F00\u5168\u6587" }),
-                      r.m.supersedes && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { style: s2.linkBtn, title: `\u6253\u5F00\u88AB\u66FF\u4EE3\u7684\u65E7\u8BB0\u5FC6 ${r.m.supersedes}`, onClick: () => openMemory(r.m.supersedes), children: [
-                        "\u66FF\u4EE3 #",
-                        r.m.supersedes.slice(0, 8)
-                      ] })
-                    ] }),
-                    r.m.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginTop: 3, display: "flex", flexWrap: "wrap", gap: 4 }, children: r.m.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: s2.tag, children: tag }, tag)) })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { style: s2.td, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.linkBtn, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8BE6\u60C5", onClick: () => {
-                      setDetail({ kind: "memory", memory: r.m });
-                      setDetailNotice(null);
-                    }, children: "\u8BE6\u60C5" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, title: "\u5F52\u6863\uFF08TTL/\u8F6F\u5220\uFF0C\u53EF\u6062\u590D\u4E0D\u8F7D\u5165\u7D22\u5F15\uFF09", onClick: () => void act(() => api.archive(r.m.id, r.m.workspace)), children: "\u5F52\u6863" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, title: "\u6C38\u4E45\u5220\u9664", onClick: () => {
-                      if (window.confirm(`\u5220\u9664\u8FD9\u6761\u8BB0\u5FC6?
-${r.m.text.slice(0, 60)}`)) void act(() => api.remove(r.m.id, r.m.workspace));
-                    }, children: "\u5220\u9664" })
-                  ] }) })
-                ] }, r.m.id)
-              )
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "TTL ",
+              daysLeft(target.memory.expiresAt)
             ] })
-          ] }),
-          flatRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.pageBar, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, disabled: memPageSafe === 0, onClick: () => setMemPage(memPageSafe - 1), children: "\u2039 \u4E0A\u4E00\u9875" }),
+          ] })
+        ] })
+      ] }),
+      target.kind === "node" && !node && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.v, children: "\u8282\u70B9\u4E0D\u5B58\u5728\u3002" }),
+      target.kind === "node" && node && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          kindBadge("node", node.kind || "\u8282\u70B9"),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: node.name })
+        ] }),
+        node.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u63CF\u8FF0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { ...hb2.v, marginTop: 3 }, children: node.description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)", display: "flex", flexDirection: "column", gap: 2 }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
-              "\u7B2C ",
-              memPageSafe + 1,
-              " / ",
-              memPageCount,
-              " \u9875 \xB7 \u5171 ",
-              flatRows.length,
-              " \u6761"
+              node.id,
+              " \xB7 ",
+              node.workspace
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, disabled: memPageSafe >= memPageCount - 1, onClick: () => setMemPage(memPageSafe + 1), children: "\u4E0B\u4E00\u9875 \u203A" })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "created ",
+              fmtDate(node.createdAt)
+            ] })
           ] })
         ] }),
-        view === "esr" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginBottom: 6 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)" }, children: "\u5DE5\u5177\u8C03\u7528\u4E0E\u547D\u4E2D\u7EDF\u8BA1\u89C1\u300C\u9065\u6D4B\u300Dtab\uFF1B[ESR] \u6CE8\u5165\u5757\u7684 escalate \u63D0\u9192\u4F9D\u636E\u771F\u5B9E\u6570\u636E\u52A8\u6001\u51FA\u73B0\u3002" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { marginLeft: "auto", display: "inline-flex", gap: 6 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", style: esrGraph ? s2.tab : s2.tabActive, onClick: () => setEsrGraph(false), children: "\u5217\u8868" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", style: esrGraph ? s2.tabActive : s2.tab, onClick: () => setEsrGraph(true), children: "\u56FE\u8C31" })
-            ] })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.k, children: [
+            "\u5173\u8054\u5173\u7CFB\uFF08",
+            incident.length,
+            "\uFF09"
           ] }),
-          esrGraph ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.subPanel, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u5173\u7CFB\u56FE\u8C31\uFF08esr_link \u529B\u5BFC\u5411\u56FE\uFF09" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { fontSize: 11.5, fontWeight: 400, color: "var(--dsh-color-muted, #6b7280)" }, children: [
-                workspace === "" ? "\u5168\u90E8\u5DE5\u4F5C\u533A" : `\u5DE5\u4F5C\u533A\uFF1A${workspace}`,
-                " \xB7 \u5B9E\u4F53\u4E3A\u5706\u5F62\u8282\u70B9\uFF0C\u4EFB\u52A1\u4E3A\u52FE\u9009\u5FBD\u6807\uFF1B\u70B9\u9009\u8282\u70B9\u67E5\u770B\u5173\u7CFB\u660E\u7EC6"
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              EngramGraph,
-              {
-                workspace,
-                entities: nodes,
-                tasks,
-                links,
-                nameOf
-              }
-            )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.panelTitle, children: [
-              "ESR \u4EFB\u52A1\uFF08\u8BC1\u636E\u95ED\u73AF\uFF09",
-              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: 12, fontWeight: 400, color: "var(--dsh-color-muted, #9ca3af)" }, children: "\xB7 \u5168\u90E8\u5DE5\u4F5C\u533A" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("select", { style: s2.input, value: newTaskWs, onChange: (e) => setNewTaskWs(e.target.value), children: [
-                workspaces.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "(no workspaces)" }),
-                workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: ws, children: ws }, ws))
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: { ...s2.input, width: 170 }, placeholder: "\u4EFB\u52A1\u540D\u2026", value: newTaskName, onChange: (e) => setNewTaskName(e.target.value), onKeyDown: (e) => {
-                if (e.key === "Enter") void createNewTask();
-              } }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: { ...s2.input, width: 240 }, placeholder: "\u8981\u4EA7\u51FA / \u6EE1\u8DB3\u4EC0\u4E48\uFF08\u53EF\u9009\uFF09", value: newTaskDesc, onChange: (e) => setNewTaskDesc(e.target.value) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btnPrimary, disabled: newTaskBusy || newTaskName.trim() === "", onClick: () => void createNewTask(), children: newTaskBusy ? "\u2026" : "\u65B0\u5EFA\u4EFB\u52A1" })
-            ] }) }),
-            tasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.empty, children: "\u6682\u65E0\u4EFB\u52A1 \u2014 \u7528\u4E0A\u65B9\u300C\u65B0\u5EFA\u4EFB\u52A1\u300D\u6216 esr_task \u5DE5\u5177\u521B\u5EFA" }),
-            taskGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.Fragment, { children: [
-              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.groupLabel, children: [
-                ws,
-                " \xB7 ",
-                items.length,
-                " \u4E2A\u4EFB\u52A1"
-              ] }),
-              items.map((task) => {
-                const gaps = taskGaps(task);
-                const isStable = task.state === "stable";
-                return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.subPanel, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontWeight: 600, fontSize: 13 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: s2.mono, children: task.id.slice(0, 6) }),
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                      EvidenceRing,
-                      {
-                        artifact: Boolean(task.artifact),
-                        evaluation: Boolean(task.evaluation),
-                        refs: (task.memoryRefs?.length ?? 0) > 0,
-                        size: 22
-                      }
-                    ),
-                    " ",
-                    task.name,
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...s2.badge, background: isStable ? "#059669" : gaps.length === 0 ? "#2563eb" : "#d97706" }, children: isStable ? "STABLE" : gaps.length === 0 ? "READY" : "ACTIVE" }),
-                    !isStable && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, onClick: () => setCloseFor(closeFor === task.id ? null : task.id), children: closeFor === task.id ? "\u6536\u8D77" : "\u586B\u5199\u8BC1\u636E\u5173\u95ED\u2026" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.linkBtn, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8BE6\u60C5", onClick: () => openTask(task.id), children: "\u8BE6\u60C5" })
-                  ] }),
-                  !isStable && gaps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: [
-                    "\u7F3A\u53E3\uFF1A",
-                    gaps.join(", "),
-                    " \u2014 \u63D0\u4F9B artifact / evaluation / memory_ref \u540E\u8F6C\u4E3A STABLE"
-                  ] }),
-                  task.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted-strong, #4b5563)", marginTop: 4 }, children: task.description }),
-                  task.memoryRefs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 12, marginTop: 4 }, children: [
-                    "\u8BB0\u5FC6\u5F15\u7528\uFF1A",
-                    task.memoryRefs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: s2.tag, children: r.slice(0, 8) }, r))
-                  ] }),
-                  closeFor === task.id && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 8, padding: 8, border: "1px solid var(--dsh-color-border, #e5e7eb)", borderRadius: 8 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11, color: "var(--dsh-color-muted, #6b7280)", marginBottom: 6 }, children: "\u63D0\u4F9B\u8BC1\u636E\u540E\u5173\u95ED\uFF08\u4E09\u9879\u5168\u9F50\u624D\u8F6C STABLE\uFF09" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", alignItems: "center" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: { ...s2.input, width: 150 }, placeholder: "artifact \u8DEF\u5F84/URL", value: closeArtifact, onChange: (e) => setCloseArtifact(e.target.value) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: { ...s2.input, width: 150 }, placeholder: "evaluation \u9A8C\u8BC1\u8BC1\u636E", value: closeEval, onChange: (e) => setCloseEval(e.target.value) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { style: { ...s2.input, width: 150 }, placeholder: "memory_refs \u9017\u53F7\u5206\u9694", value: closeRefs, onChange: (e) => setCloseRefs(e.target.value) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btnPrimary, disabled: closeBusy, onClick: () => void submitClose(task), children: closeBusy ? "\u2026" : "\u63D0\u4EA4\u5173\u95ED" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { style: s2.btn, onClick: () => setCloseFor(null), children: "\u53D6\u6D88" })
-                    ] })
-                  ] })
-                ] }, task.id);
-              })
-            ] }, ws)),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.panelTitle, children: [
-              "\u8282\u70B9\u4E0E\u5173\u7CFB\uFF08esr_node / esr_link\uFF09",
-              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: 12, fontWeight: 400, color: "var(--dsh-color-muted, #9ca3af)" }, children: "\xB7 \u5168\u90E8\u5DE5\u4F5C\u533A" })
-            ] }),
-            nodes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.empty, children: "\u6682\u65E0\u8282\u70B9 \u2014 \u6A21\u578B\u4F1A\u4E3A\u53CD\u590D\u51FA\u73B0\u7684\u9886\u57DF\u5BF9\u8C61\u4E3B\u52A8\u767B\u8BB0\uFF08esr_node\uFF09\uFF0C\u6B64\u5904\u4E5F\u53EF\u67E5\u770B\u5173\u7CFB" }),
-            nodeGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.Fragment, { children: [
-              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.groupLabel, children: [
-                ws,
-                " \xB7 ",
-                items.length,
-                " \u4E2A\u8282\u70B9"
-              ] }),
-              items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 12.5, padding: "2px 0", cursor: "pointer", borderRadius: 6 }, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8282\u70B9\u8BE6\u60C5", onClick: () => openNode(n.id), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mono", style: { ...s2.mono, color: "#4338ca" }, children: n.id.slice(0, 24) }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: 600 }, children: n.name }),
-                n.kind && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...s2.tag, color: "#4338ca", background: "#eef2ff" }, children: n.kind }),
-                n.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { color: "var(--dsh-color-muted, #6b7280)" }, children: [
-                  " \u2014 ",
-                  n.description.slice(0, 48)
-                ] })
-              ] }, n.id))
-            ] }, ws)),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted, #6b7280)", marginTop: 6 }, children: "\u5173\u7CFB\uFF1A" }),
-            links.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.empty, children: "\u6682\u65E0\u5173\u7CFB \u2014 esr_link \u521B\u5EFA" }),
-            linkGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.Fragment, { children: [
-              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: s2.groupLabel, children: [
-                ws,
-                " \xB7 ",
-                items.length,
-                " \u6761\u5173\u7CFB"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 4 }, children: items.map((l) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...s2.relRow, cursor: "pointer" }, title: "\u5728\u4FA7\u680F\u6253\u5F00\u5173\u7CFB\u8BE6\u60C5", onClick: () => {
-                setDetail({ kind: "link", link: l });
-                setDetailNotice(null);
-              }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mono", style: s2.nodePill, title: l.source, children: nameOf(l.source) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { display: "inline-flex", alignItems: "center", gap: 3, fontSize: 11, color: "var(--dsh-color-muted, #6b7280)" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { border: "1px dashed var(--dsh-color-border, #cbd5e1)", borderRadius: 999, padding: "1px 7px" }, children: l.relation }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, children: "\u2192" })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 5, marginTop: 3 }, children: [
+            incident.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.v, children: "\u6682\u65E0\u5173\u7CFB \u2014 \u7528 esr_link \u5173\u8054" }),
+            incident.map(({ l, outgoing }) => {
+              const other = outgoing ? l.target : l.source;
+              const color = REL_COLORS[l.relation] ?? "#6b7280";
+              return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.relRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...hb2.dot, background: color } }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "mono", style: { fontSize: 11 }, children: [
+                  outgoing ? "\u2192" : "\u2190",
+                  " ",
+                  nameOf(other)
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mono", style: s2.nodePill, title: l.target, children: nameOf(l.target) }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: hb2.relType, children: l.relation }),
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { fontSize: 11, color: "var(--dsh-color-muted-weak, #9ca3af)" }, children: [
-                  "\xB7 ",
-                  fmtDate2(l.createdAt)
-                ] })
-              ] }, l.id)) })
-            ] }, ws))
+                  Math.round(l.confidence * 100),
+                  "%"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: 11, color: "var(--dsh-color-muted-weak, #9ca3af)" }, children: fmtDate(l.createdAt) })
+              ] }, l.id);
+            })
           ] })
-        ] }),
-        view === "preview" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          EngramPreview,
-          {
-            api,
-            workspace,
-            defaultWorkspace: previewDefault,
-            workspaces
-          }
-        ) }),
-        view === "telemetry" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: s2.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EngramTelemetry, { api, workspace }) })
+        ] })
       ] }),
-      detail && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { flex: "0 0 320px", maxWidth: "38%", position: "sticky", top: 8 }, children: [
-        detailNotice && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: 11.5, padding: "6px 10px", marginBottom: 6, borderRadius: 8, background: "rgba(245,158,11,.14)", color: "#b45309", border: "1px solid rgba(245,158,11,.35)" }, children: detailNotice }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          EngramDetail,
-          {
-            target: detail,
-            api,
-            tasks,
-            nodes,
-            links,
-            memories,
-            onClose: () => setDetail(null),
-            onNavigateMemory: openMemory,
-            onChanged: () => void refresh()
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-// client/src/EngramConfigCard.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var COMMON_FIELDS = [
-  { key: "autoCapture", label: "\u81EA\u52A8\u6355\u83B7", hint: "\u96F6 LLM \u4ECE\u5DE5\u5177\u7ED3\u679C\u63D0\u53D6\u8BB0\u5FC6\uFF08git/\u5173\u952E\u6587\u4EF6/\u9519\u8BEF\uFF09", kind: "bool" },
-  { key: "autoCapturePreferences", label: "\u504F\u597D\u6355\u83B7", hint: "\u7528\u6237\u7EA0\u6B63/\u504F\u597D\u5B66\u4E60\uFF1A\u68C0\u6D4B\u6D88\u606F\u91CC\u7684\u300C\u4E0D\u8981\u7528X/\u6539\u7528Y/prefer/never use\u300D\u53E5\u5F0F\uFF0C\u81EA\u52A8\u6C89\u6DC0\u4E3A preference \u8BB0\u5FC6\u5E76\u7F6E\u9876 [ENGRAM]\uFF08correx/PAHF \u5F0F\uFF0C\u96F6 LLM\uFF09", kind: "bool" },
-  { key: "boundaryPrune", label: "\u8FB9\u754C\u526A\u679D", hint: "ResultPack L1\uFF1Atodo \u5B8C\u6210/goal \u7EC8\u6001\u8FB9\u754C\u4E3B\u52A8\u526A\u6389\u8D85\u9608\u503C\u65E7\u5DE5\u5177\u7ED3\u679C\uFF08DSH \u786E\u5B9A\u6027 surface-replace\u3001\u507F\u8FD8\u95E8\u3001\u96F6 LLM\uFF1B\u9ED8\u8BA4\u5F00\uFF0C\u5173=opt-out\uFF09", kind: "bool" },
-  { key: "boundaryPruneAdaptive", label: "\u526A\u679D\u81EA\u9002\u5E94", hint: "\u8D26\u672C\u5426\u51B3\uFF1A\u8BE5 workspace \u771F\u5B9E\u526A\u679D\u540E\u51C0\u6536\u76CA\u4E3A\u8D1F\uFF08\u22653 \u6B21\uFF09\u65F6\u81EA\u52A8\u505C\u6B62\u7EE7\u7EED\u526A\uFF1B\u8BC1\u636E\u53EA\u80FD\u5173\u3001\u4E0D\u4F1A\u81EA\u884C\u5F00", kind: "bool" },
-  { key: "boundaryPruneThresholdChars", label: "\u526A\u679D\u9608\u503C(\u5B57\u7B26)", hint: "\u8986\u76D6\u5BBF\u4E3B 8192\uFF1A\u8BBE 2048 \u53EF\u66F4\u65E9\u5F00\u526A\uFF0C\u5E76\u914D L2 \u5F52\u6863\u627E\u56DE\u88AB\u526A\u4E2D\u6BB5\uFF1B\u7559\u7A7A=\u5BBF\u4E3B\u9ED8\u8BA4\u3002\u5EFA\u8BAE\u540C\u65F6\u628A\u4FDD\u7559\u8FB9\u7F18\u8C03\u5C0F\uFF08\u5982 1024/256\uFF09\u4EE5\u83B7\u5F97\u6700\u5927\u8282\u7701", kind: "num", min: 256, max: 16384, step: 256 },
-  { key: "resultPack", label: "\u7ED3\u679C\u5F52\u6863\u53EC\u56DE", hint: "ResultPack L2\uFF1A\u526A\u6389\u7684\u4E2D\u6BB5\u8131\u654F\u5F52\u6863\uFF0C\u8282\u70B9\u5C3E\u90E8\u9644 handle\uFF0C\u6A21\u578B\u53EF\u7528 result_recall(callId) \u6309\u9875\u53EC\u56DE\uFF08\u5B8C\u6574 ObservationPack\uFF1B\u9ED8\u8BA4\u5F00\uFF0C\u4FDD\u8BC1\u9ED8\u8BA4\u526A\u679D\u65E0\u635F\uFF1B\u9700\u4E0E\u8FB9\u754C\u526A\u679D\u4E00\u8D77\u5F00\uFF09", kind: "bool" },
-  { key: "autoRecallOnStart", label: "\u4F1A\u8BDD\u542F\u52A8\u81EA\u52A8\u53EC\u56DE", hint: "\u65B0\u4F1A\u8BDD\u6309\u9996\u6761\u6D88\u606F\u81EA\u52A8\u628A\u6700\u76F8\u5173\u8BB0\u5FC6\u6CE8\u5165 [RECALL] \u5757\uFF08\u65E0\u9700\u6A21\u578B\u60F3\u8D77\u8C03 engram_recall\uFF09\uFF1B\u5173\u6389=\u56DE\u5230\u7EAF\u62C9\u53D6", kind: "bool" },
-  { key: "jitEnabled", label: "JIT \u63A8\u9001", hint: "\u9519\u8BEF\u590D\u53D1 / \u6587\u4EF6\u7126\u70B9 / goal \u5B8C\u6210\u65F6\uFF0C\u628A\u5DF2\u6709\u8BB0\u5FC6\u538B\u6210\u4E00\u884C\u63A8\u8FDB\u4E0A\u4E0B\u6587\uFF08append-only\u3001\u6BCF\u4F1A\u8BDD\u22643 \u884C\u3001\u65E0\u547D\u4E2D\u6C89\u9ED8\uFF1B\u6BCF\u6B21\u63A8\u9001\u6309\u524D\u7F00\u91CD\u5199\u8BA1\u5165\u8D26\u672C\uFF09", kind: "bool" },
-  { key: "episodeEnabled", label: "\u4F1A\u8BDD\u7EAA\u8981", hint: "\u4F1A\u8BDD\u7ED3\u675F\u65F6\u7528\u96F6 LLM \u89C4\u5219\u751F\u6210\u4E00\u6761 episode\uFF08\u6587\u4EF6/\u547D\u4EE4/\u5931\u8D25\u2192\u4FEE\u590D/\u51B3\u7B56/\u672A\u95ED\u73AF\uFF09\uFF0C\u4E0D\u8FDB\u7D22\u5F15\uFF0C\u4F9B\u6062\u590D\u7B80\u62A5\u4F7F\u7528\uFF1B\u6BCF workspace \u4FDD\u7559\u6700\u8FD1 20 \u6761", kind: "bool" },
-  { key: "resumeBriefEnabled", label: "\u6062\u590D\u7B80\u62A5", hint: "\u65B0\u4F1A\u8BDD\u542F\u52A8\u65F6\u6CE8\u5165\u6700\u8FD1 7 \u5929\u7684\u6700\u65B0 episode\uFF08\u2264240 \u5B57\u7B26 + engram_detail \u6307\u9488\uFF09\uFF0C\u9694\u5929\u7EE7\u7EED\u4E0D\u7528\u91CD\u65B0\u4EA4\u4EE3\u80CC\u666F", kind: "bool" },
-  { key: "entityCardsEnabled", label: "\u5B9E\u4F53\u5361", hint: "[ENGRAM] \u7D22\u5F15\u4E3A\u6D3B\u8DC3\u5B9E\u4F53\uFF08\u6709\u951A\u5B9A\u8BB0\u5FC6\u6216\u672A\u95ED\u73AF\u4EFB\u52A1\uFF09\u6E32\u67D3\u4E00\u884C\u300C\u5F53\u524D\u771F\u76F8 + \u6253\u5F00\u4EFB\u52A1 + engram_detail(entity=\u2026) \u6307\u9488\u300D\uFF0C\u6700\u591A 2 \u5F20\uFF0C\u66FF\u4EE3\u8FD9\u4E9B\u5B9E\u4F53\u7684\u5E73\u94FA\u8BB0\u5FC6\u884C", kind: "bool" },
-  { key: "maxRecallPerSession", label: "\u6BCF\u4F1A\u8BDD\u53BB\u91CD\u4E0A\u9650", hint: "recall \u6BCF\u4F1A\u8BDD\u6700\u591A\u4FDD\u7559 N \u6761\uFF08\u8DE8\u4F1A\u8BDD\u53BB\u91CD\uFF09", kind: "num", min: 1, max: 10 },
-  { key: "expireDays", label: "TTL\uFF08\u5929\uFF09", hint: "0 = \u4E0D\u8FC7\u671F", kind: "num", min: 0, max: 3650 },
-  { key: "indexMaxChars", label: "\u7D22\u5F15\u5B57\u7B26\u4E0A\u9650", hint: "[ENGRAM] \u5757 token \u9884\u7B97", kind: "num", min: 0, max: 4e3 }
-];
-var ADVANCED_GROUPS = [
-  {
-    id: "capture-adv",
-    title: "\u6355\u83B7\u4E0E\u68C0\u7D22\uFF08\u9AD8\u7EA7\uFF09",
-    description: "\u5176\u4F59\u6355\u83B7/\u641C\u7D22\u65CB\u94AE",
-    fields: [
-      { key: "autoCapturePerSession", label: "\u6BCF\u4F1A\u8BDD\u6355\u83B7\u4E0A\u9650", hint: "\u5355\u4F1A\u8BDD\u81EA\u52A8\u6355\u83B7\u6761\u6570\u4E0A\u9650", kind: "num", min: 0, max: 1e3 },
-      { key: "boundaryPruneHeadChars", label: "\u526A\u679D\u4FDD\u7559\u5934\u90E8(\u5B57\u7B26)", hint: "\u9608\u503C\u8986\u76D6\u751F\u6548\u65F6\u7ED3\u679C\u5F00\u5934\u4FDD\u7559\u957F\u5EA6\uFF08\u9ED8\u8BA4 4096\uFF09\uFF1B\u8C03\u5C0F\uFF08\u5982 1024\uFF09\u914D\u5408 T2048 \u66F4\u7701", kind: "num", min: 0, max: 16384, step: 128 },
-      { key: "boundaryPruneTailChars", label: "\u526A\u679D\u4FDD\u7559\u5C3E\u90E8(\u5B57\u7B26)", hint: "\u9608\u503C\u8986\u76D6\u751F\u6548\u65F6\u7ED3\u679C\u7ED3\u5C3E\u4FDD\u7559\u957F\u5EA6\uFF08\u9ED8\u8BA4 1024\uFF09\uFF1B\u8C03\u5C0F\uFF08\u5982 256\uFF09\u914D\u5408 T2048 \u66F4\u7701", kind: "num", min: 0, max: 16384, step: 128 },
-      { key: "boundaryPruneIdleCadence", label: "\u7A7A\u95F2\u6B65\u6570\u8FB9\u754C", hint: "\u6700\u591A\u6BCF N \u8BF7\u6C42\u89E6\u53D1\u4E00\u6B21\u526A\u679D\uFF0C\u8986\u76D6\u65E0 todo/goal \u7684\u4F1A\u8BDD\uFF08\u7EA6 62% \u4F1A\u8BDD\uFF09\uFF1B\u4ECD\u53D7\u507F\u8FD8\u95E8\u7EA6\u675F\uFF1B\u7559\u7A7A=\u4EC5\u4E8B\u4EF6\u8FB9\u754C", kind: "num", min: 10, max: 1e3, step: 10 },
-      { key: "autoRecallLimit", label: "\u81EA\u52A8\u53EC\u56DE\u6761\u6570", hint: "[RECALL] \u5757\u6700\u591A\u6CE8\u5165\u7684\u8BB0\u5FC6\u6761\u6570\uFF08\u5C11\u800C\u51C6\uFF09", kind: "num", min: 1, max: 8 },
-      { key: "sessionSearch", label: "\u4F1A\u8BDD\u5386\u53F2\u641C\u7D22", hint: "engram_recall \u652F\u6301\u8DE8\u4F1A\u8BDD FTS \u515C\u5E95", kind: "bool" },
-      { key: "recallScope", label: "\u53EC\u56DE\u8303\u56F4", hint: "workspace=\u4E25\u683C\u5F53\u524D\u5DE5\u4F5C\u533A\u9694\u79BB\uFF08\u9ED8\u8BA4\uFF0Ctoken \u7EAA\u5F8B\uFF09\uFF1Bglobal=\u672C\u5DE5\u4F5C\u533A\u547D\u4E2D\u5F31/\u7A7A\u65F6\u4ECE\u5176\u5B83\u5DE5\u4F5C\u533A\u6C60\u53EC\u56DE\u5E76\u6807 [W:<workspace>] \u6765\u6E90\uFF08\u4F1A\u6253\u7834\u9694\u79BB\uFF09", kind: "select", options: ["workspace", "global"] }
-    ]
-  },
-  {
-    id: "index-adv",
-    title: "\u7D22\u5F15\uFF08\u9AD8\u7EA7\uFF09",
-    description: "\u884C\u6570\u3001\u5165\u7D22\u5F15\u4FE1\u53F7\u4E0E\u664B\u5347\u89C4\u5219",
-    fields: [
-      { key: "indexMaxLines", label: "\u7D22\u5F15\u6700\u5927\u884C\u6570", hint: "[ENGRAM] \u5757\u6700\u591A\u663E\u793A\u7684\u6761\u76EE\u884C\u6570", kind: "num", min: 0, max: 50 },
-      { key: "minIndexSignal", label: "\u5165\u7D22\u5F15\u4FE1\u53F7\u9608\u503C", hint: "signal \u2265 \u6B64\u503C\u7684\u81EA\u52A8\u6355\u83B7\u624D\u8FDB\u7D22\u5F15", kind: "num", min: 0, max: 1, step: 0.05 },
-      { key: "promoteHits", label: "\u664B\u5347\u547D\u4E2D\u6570", hint: "hit \u6570\u8FBE\u6B64\u503C\u7684\u4F4E\u4FE1\u53F7\u6761\u76EE\u8FDB\u7D22\u5F15", kind: "num", min: 0, max: 20 }
-    ]
-  },
-  {
-    id: "retention-adv",
-    title: "\u751F\u547D\u5468\u671F\u4E0E GC\uFF08\u9AD8\u7EA7\uFF09",
-    description: "\u5BB9\u91CF\u4E0A\u9650\u4E0E\u5B9A\u671F\u56DE\u6536\uFF08\u81EA\u52A8 GC = \u66FF\u4EE3 DSH \u81EA\u52A8 compact\uFF09",
-    fields: [
-      { key: "maxMemoriesPerWorkspace", label: "\u5DE5\u4F5C\u533A\u8BB0\u5FC6\u4E0A\u9650", hint: "\u5355\u5DE5\u4F5C\u533A\u5BB9\u91CF\u4E0A\u9650\uFF08GC \u5F52\u6863\u8D85\u9650\u6761\u76EE\uFF09", kind: "num", min: 0, max: 1e4 },
-      { key: "gcEnabled", label: "\u8BB0\u5FC6 GC", hint: "\u5B9A\u65F6\u56DE\u6536\uFF08\u8FC7\u671F/\u8D85\u5BB9\u91CF/stable \u8D85\u7A97/\u60AC\u7A7A\u94FE\u63A5\uFF09", kind: "bool" },
-      { key: "gcNarrative", label: "Context GC \u53D9\u4E8B\u515C\u5E95", hint: "\u81EA\u52A8 compact \u65F6\u65E0\u951A\u8F6E\u6B21\u7528 LLM \u6458\u8981\uFF1B\u5173\u6389=\u7EAF\u673A\u68B0\uFF08\u96F6 LLM\uFF09", kind: "bool" },
-      { key: "gcStableRetentionDays", label: "stable \u4EFB\u52A1\u4FDD\u7559\uFF08\u5929\uFF09", hint: "\u8D85\u7A97\u540E\u7531 GC \u5F52\u6863\u3001\u79BB\u5F00 [ESR] \u8868\u9762", kind: "num", min: 0, max: 3650 },
-      { key: "verifyArtifact", label: "\u6821\u9A8C artifact \u5B58\u5728", hint: "esr_close \u7684 artifact \u987B\u5728\u5DE5\u4F5C\u533A\u78C1\u76D8\u4E0A\u771F\u5B9E\u5B58\u5728\uFF08URL \u8C41\u514D\uFF09\uFF1Bforce:true/\u5173\u6389\u53EF\u8DF3\u8FC7", kind: "bool" },
-      { key: "autoSinkTodosOnEnd", label: "\u4F1A\u8BDD\u7ED3\u675F\u81EA\u52A8\u6C89\u6DC0 todo", hint: "\u4F1A\u8BDD\u7ED3\u675F\u65F6\u4ECD pending \u7684 todo \u81EA\u52A8\u8F6C\u6210 ESR draft\uFF08\u6309\u540D\u53BB\u91CD\u3001\u53D7\u4EFB\u52A1\u4E0A\u9650\u7EA6\u675F\uFF09\uFF1B\u5173\u6389=\u968F\u4F1A\u8BDD\u5F03\u53BB", kind: "bool" },
-      { key: "autoWebCompaction", label: "web \u9762\u81EA\u52A8\u542F\u7528 Context GC", hint: "\u542F\u52A8\u65F6\u628A\u5168\u90E8 stock \u5E03\u5C40\u7684 agent \u9884\u8BBE\uFF08shipped + \u81EA\u5B9A\u4E49\u6839\uFF09\u7684 compaction \u7EC4\u81EA\u52A8\u6362\u6210 dsh-engram/compaction\uFF1B\u5173\u6389=\u4E0D\u518D\u81EA\u52A8\u63A5\u7BA1\uFF08\u5DF2\u63A5\u7BA1\u7684\u9700 web-compaction:revert \u8FD8\u539F\uFF09", kind: "bool" }
-    ]
-  },
-  {
-    id: "semantics-adv",
-    title: "\u8BB0\u5FC6\u8BED\u4E49\uFF08\u9AD8\u7EA7\uFF09",
-    description: "supersedes / contradict \u7684\u542F\u53D1\u5F0F",
-    fields: [
-      { key: "autoSupersede", label: "\u81EA\u52A8 supersedes", hint: "\u5B9E\u4F53\u951A\u5B9A + \u66FF\u6362\u5F0F\u66F4\u65B0\uFF08\u6539\u7528/\u4E0D\u518D/no longer\u2026\uFF09\u81EA\u52A8\u628A\u65E7\u8BB0\u5FC6\u6807\u4E3A superseded\uFF1B\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\u3002\u9ED8\u8BA4\u5173\uFF0C\u663E\u5F0F supersedes \u6C38\u8FDC\u4F18\u5148", kind: "bool" }
-    ]
-  },
-  {
-    id: "security",
-    title: "\u5B89\u5168",
-    description: "\u8BBF\u95EE\u56F4\u680F\u4E0E\u96A7\u9053\u6388\u6743",
-    fields: [
-      { key: "trustedHosts", label: "\u53D7\u4FE1\u96A7\u9053\u57DF\u540D", hint: "\u5141\u8BB8\u7ECF\u96A7\u9053\u8BBF\u95EE\u8BB0\u5FC6\u67E5\u770B\u5668\u7684\u57DF\u540D\uFF0C\u9017\u53F7\u5206\u9694\uFF1B\u7559\u7A7A = \u4EC5\u672C\u673A\u3002\u6539\u540E\u9700\u91CD\u542F dsh web \u751F\u6548", kind: "text", width: 260 }
-    ]
-  }
-];
-var FIELDS = [...COMMON_FIELDS, ...ADVANCED_GROUPS.flatMap((group) => group.fields)];
-var CARD_DESCRIPTION = "\u63A7\u5236 engram \u8BB0\u5FC6\u7684\u6355\u83B7\u3001\u7D22\u5F15\u3001\u4FDD\u7559\u4E0E\u96A7\u9053\u8BBF\u95EE";
+      target.kind === "link" && link && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.relRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mono", style: { fontSize: 12, fontWeight: 600 }, children: nameOf(link.source) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { ...hb2.relType, color: REL_COLORS[link.relation] ?? "var(--dsh-color-muted, #6b7280)", borderColor: (REL_COLORS[link.relation] ?? "#cbd5e1") + "66" }, children: link.relation }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, children: "\u2192" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mono", style: { fontSize: 12, fontWeight: 600 }, children: nameOf(link.target) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: hb2.section, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: hb2.k, children: "\u5143\u6570\u636E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: 3, fontSize: 11.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", color: "var(--dsh-color-muted, #6b7280)", display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "id ",
+              link.id,
+              " \xB7 ",
+              link.workspace
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "confidence ",
+              Math.round(link.confidence * 100),
+              "%"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              "created ",
+              fmtDate(link.createdAt)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+              link.source,
+              " \u2192 ",
+              link.target
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// client/src/EngramSection.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function signedTokens(n) {
+  const sign = n > 0 ? "+" : n < 0 ? "\u2212" : "";
+  const abs = Math.abs(n);
+  return abs >= 1e3 ? `${sign}${(abs / 1e3).toFixed(1)}k` : `${sign}${abs}`;
+}
+var KIND_COLORS2 = {
+  preference: "#b45309",
+  episode: "#0e7490",
+  decision: "#2563eb",
+  error: "#dc2626",
+  procedure: "#7c3aed",
+  fact: "#059669",
+  insight: "#d97706",
+  handoff: "#0891b2",
+  task: "#4f46e5"
+};
+var KIND_LABEL2 = {
+  preference: "\u504F\u597D",
+  decision: "\u51B3\u5B9A",
+  error: "\u9519\u8BEF",
+  procedure: "\u6D41\u7A0B",
+  fact: "\u4E8B\u5B9E",
+  insight: "\u6D1E\u5BDF",
+  handoff: "\u4EA4\u63A5",
+  task: "\u4EFB\u52A1"
+};
 var s3 = {
+  root: { padding: "2px 4px 40px" },
+  h1: { fontSize: 20, fontWeight: 700, margin: "0 0 4px" },
+  sub: { color: "var(--dsh-color-muted, #6b7280)", fontSize: 12, margin: "0 0 16px" },
+  stats: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))", gap: 8, marginBottom: 16 },
   card: {
-    listStyle: "none",
-    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
+    border: "1px solid var(--dsh-color-border, #e5e7eb)",
     borderRadius: 12,
-    background: "var(--dsw-alias-bg-layer-3, #ffffff)",
-    transition: "border-color .16s, background .16s"
-  },
-  cardOpen: {
-    background: "var(--dsw-alias-bg-layer-2, #ffffff)",
-    borderColor: "var(--dsw-alias-label-dimmed, #9ca3af)"
-  },
-  header: {
-    width: "100%",
-    appearance: "none",
-    border: 0,
-    background: "none",
-    font: "inherit",
-    color: "inherit",
-    textAlign: "left",
-    cursor: "pointer",
-    display: "flex",
-    alignItems: "center",
-    gap: 12,
-    padding: "14px 16px",
-    borderRadius: 12
-  },
-  headText: {
-    flex: 1,
-    minWidth: 0,
-    display: "flex",
-    flexDirection: "column",
-    gap: 4
-  },
-  name: { fontSize: 15, fontWeight: 600, lineHeight: 1.4, color: "var(--dsw-alias-label-primary, #111827)" },
-  description: { fontSize: 13, lineHeight: 1.5, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
-  pending: {
-    flex: "none",
-    borderRadius: 999,
-    padding: "1px 8px",
-    fontSize: 11,
-    lineHeight: "17px",
-    fontWeight: 500,
-    whiteSpace: "nowrap",
-    background: "var(--dsw-alias-bg-module-platform, #f3f4f6)",
-    color: "var(--dsw-alias-label-secondary, #4b5563)"
-  },
-  body: {
-    borderTop: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
-    margin: "0 16px",
-    paddingBottom: 8
-  },
-  readOnly: { margin: "12px 0 0", fontSize: 12, lineHeight: 1.5, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
-  groupPanel: {
-    marginTop: 10,
-    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
-    borderRadius: 10,
-    padding: "8px 12px 2px",
-    background: "var(--dsw-alias-bg-layer-3, #ffffff)"
-  },
-  groupHead: { display: "flex", alignItems: "baseline", gap: 8, marginBottom: 2 },
-  groupTitle: { fontSize: 13, fontWeight: 700, letterSpacing: 0.2, color: "var(--dsw-alias-label-primary, #111827)" },
-  groupDesc: { fontSize: 11, color: "var(--dsw-alias-label-tertiary, #6b7280)" },
-  row: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 12,
-    padding: "8px 0",
-    borderBottom: "1px solid var(--dsw-alias-border-l1, #f3f4f6)"
+    padding: "10px 12px",
+    background: "var(--dsh-color-surface, #ffffff)",
+    boxShadow: "0 1px 2px rgba(15,23,42,.04), 0 2px 8px rgba(15,23,42,.03)"
   },
-  label: { fontSize: 13, fontWeight: 600, color: "var(--dsw-alias-label-primary, #111827)" },
-  hint: { fontSize: 11.5, lineHeight: 1.4, color: "var(--dsw-alias-label-tertiary, #6b7280)", marginTop: 2 },
+  cardNum: { fontSize: 22, fontWeight: 700, lineHeight: 1.2 },
+  cardLabel: { color: "var(--dsh-color-muted, #6b7280)", fontSize: 11, marginTop: 2 },
+  row: { display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center", marginBottom: 12 },
   input: {
-    width: 90,
-    border: "1px solid var(--dsw-alias-border-l2, #d1d5db)",
+    border: "1px solid var(--dsh-color-border, #d1d5db)",
     borderRadius: 6,
-    padding: "4px 7px",
-    fontSize: 12.5,
-    background: "var(--dsw-alias-bg-layer-3, #fff)",
+    padding: "5px 8px",
+    fontSize: 13,
+    background: "var(--dsh-color-surface, #fff)",
     color: "inherit"
   },
-  footer: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: 8,
-    padding: "12px 0 4px",
-    borderTop: "1px solid var(--dsw-alias-border-l2, #e5e7eb)"
-  },
-  reset: {
-    appearance: "none",
-    border: 0,
-    background: "none",
-    font: "inherit",
+  btn: {
+    border: "1px solid var(--dsh-color-border, #d1d5db)",
+    borderRadius: 8,
+    padding: "5px 11px",
     fontSize: 12,
     cursor: "pointer",
-    color: "var(--dsw-alias-label-tertiary, #6b7280)"
+    background: "var(--dsh-color-surface, #fff)",
+    transition: "background .15s ease, border-color .15s ease"
   },
-  discard: {
-    appearance: "none",
-    border: "1px solid var(--dsw-alias-border-l2, #d1d5db)",
+  btnPrimary: {
+    border: "1px solid transparent",
     borderRadius: 8,
-    padding: "5px 14px",
-    font: "inherit",
-    fontSize: 13,
-    lineHeight: 1.5,
+    padding: "5px 11px",
+    fontSize: 12,
     cursor: "pointer",
+    color: "#fff",
+    background: "linear-gradient(135deg, #6366f1 0%, #7c3aed 100%)",
+    boxShadow: "0 1px 3px rgba(99,102,241,.35)",
+    transition: "opacity .15s ease"
+  },
+  table: { width: "100%", borderCollapse: "collapse", fontSize: 12.5, tableLayout: "fixed" },
+  clamp3: { display: "-webkit-box", WebkitLineClamp: 3, WebkitBoxOrient: "vertical", overflow: "hidden", maxHeight: 60, minHeight: 18, lineHeight: 1.5, wordBreak: "break-word", whiteSpace: "normal" },
+  expanded: { whiteSpace: "pre-wrap", wordBreak: "break-word", lineHeight: 1.5 },
+  linkBtn: { border: "none", background: "none", padding: 0, fontSize: 11.5, cursor: "pointer", color: "var(--dsh-color-primary, #2563eb)", textDecoration: "underline" },
+  pageBar: { display: "flex", alignItems: "center", gap: 8, marginTop: 8, fontSize: 12.5, color: "var(--dsh-color-muted, #6b7280)", flexWrap: "wrap" },
+  tabBar: {
+    display: "inline-flex",
+    gap: 4,
+    padding: 3,
+    background: "var(--dsh-color-hover-bg, #f3f4f6)",
+    borderRadius: 999,
+    marginBottom: 14
+  },
+  tab: {
+    border: "none",
     background: "none",
-    color: "var(--dsw-alias-label-secondary, #4b5563)"
+    padding: "6px 16px",
+    fontSize: 13,
+    cursor: "pointer",
+    color: "var(--dsh-color-muted, #6b7280)",
+    borderRadius: 999,
+    fontWeight: 600,
+    margin: 0,
+    transition: "background .16s ease, color .16s ease"
   },
-  save: {
-    appearance: "none",
-    border: "1px solid transparent",
-    borderRadius: 8,
-    padding: "5px 14px",
-    font: "inherit",
+  tabActive: {
+    border: "none",
+    background: "var(--dsh-color-surface, #fff)",
+    color: "var(--dsh-color-primary, #2563eb)",
+    padding: "6px 16px",
     fontSize: 13,
-    lineHeight: 1.5,
     cursor: "pointer",
-    background: "var(--dsw-alias-label-primary, #111827)",
-    color: "var(--dsw-alias-bg-layer-3, #ffffff)"
+    borderRadius: 999,
+    fontWeight: 700,
+    margin: 0,
+    boxShadow: "0 1px 3px rgba(15,23,42,.10)"
+  },
+  th: {
+    textAlign: "left",
+    padding: "6px 8px",
+    borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)",
+    color: "var(--dsh-color-muted, #6b7280)",
+    fontWeight: 600,
+    whiteSpace: "nowrap"
+  },
+  td: { padding: "6px 8px", borderBottom: "1px solid var(--dsh-color-border, #f3f4f6)", verticalAlign: "top" },
+  wsHead: {
+    padding: "8px 8px 4px",
+    fontSize: 12.5,
+    fontWeight: 600,
+    color: "var(--dsh-color-muted, #4b5563)",
+    background: "var(--dsh-color-hover-bg, #f3f4f6)",
+    borderBottom: "1px solid var(--dsh-color-border, #e5e7eb)"
+  },
+  badge: { display: "inline-block", borderRadius: 5, padding: "1px 6px", fontSize: 11, color: "#fff", whiteSpace: "nowrap" },
+  tag: {
+    display: "inline-block",
+    borderRadius: 4,
+    padding: "0 5px",
+    fontSize: 11,
+    marginRight: 4,
+    background: "var(--dsh-color-hover-bg, #f3f4f6)"
+  },
+  panelTitle: { fontSize: 14, fontWeight: 700, margin: "18px 0 6px" },
+  groupLabel: { fontSize: 12.5, fontWeight: 600, color: "var(--dsh-color-muted, #4b5563)", margin: "8px 0 4px" },
+  mono: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 11.5, color: "var(--dsh-color-muted, #4b5563)" },
+  empty: { color: "var(--dsh-color-muted, #9ca3af)", fontSize: 12.5, padding: "14px 4px" },
+  error: { color: "#dc2626", fontSize: 12.5, marginBottom: 10 },
+  subPanel: {
+    border: "1px solid var(--dsh-color-border, #e5e7eb)",
+    borderRadius: 12,
+    padding: "10px 12px",
+    marginBottom: 10,
+    background: "var(--dsh-color-surface, #fff)",
+    boxShadow: "0 1px 2px rgba(15,23,42,.03)"
   },
-  disabled: { opacity: 0.4, cursor: "default" },
-  failed: { flex: 1, minWidth: 0, margin: 0, fontSize: 12, lineHeight: 1.5, color: "#dc2626" },
-  note: { fontSize: 11.5, color: "var(--dsw-alias-label-tertiary, #9ca3af)", marginTop: 8 },
-  advHead: {
+  relRow: {
     display: "flex",
     alignItems: "center",
-    justifyContent: "space-between",
-    gap: 8,
-    width: "100%",
-    appearance: "none",
-    background: "none",
-    border: "1px solid var(--dsw-alias-border-l2, #e5e7eb)",
+    gap: 6,
+    flexWrap: "wrap",
+    padding: "5px 8px",
     borderRadius: 10,
-    padding: "8px 12px",
-    marginTop: 10,
-    font: "inherit",
-    cursor: "pointer",
-    color: "var(--dsw-alias-label-secondary, #4b5563)",
-    textAlign: "left"
+    border: "1px solid var(--dsh-color-border, #f3f4f6)",
+    background: "var(--dsh-color-hover-bg, #f8fafc)"
   },
-  advHeadLabel: { fontSize: 12.5, fontWeight: 600, letterSpacing: 0.2, color: "var(--dsw-alias-label-secondary, #4b5563)" }
+  nodePill: {
+    display: "inline-flex",
+    alignItems: "center",
+    maxWidth: 220,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    borderRadius: 8,
+    padding: "2px 9px",
+    fontSize: 12,
+    fontWeight: 600,
+    background: "rgba(99,102,241,.12)",
+    color: "#4338ca"
+  }
 };
-function Chevron({ open }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      "aria-hidden": "true",
-      style: {
-        flex: "none",
-        color: "var(--dsw-alias-label-tertiary, #6b7280)",
-        transition: "transform .16s",
-        transform: open ? "rotate(180deg)" : void 0
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        "path",
-        {
-          d: "M3 5.5 L7 9 L11 5.5",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "1.6",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
+function fmtDate2(ts) {
+  const d = new Date(ts);
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const dd = String(d.getDate()).padStart(2, "0");
+  return `${mm}-${dd} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+var MEM_PAGE_SIZE = 20;
+function daysLeft2(ts) {
+  if (ts === null || ts === void 0) return "\u221E";
+  const days = Math.ceil((ts - Date.now()) / 864e5);
+  return days > 0 ? `${days}d` : "expired";
+}
+function StatCard({ num, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.card, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.cardNum, children: num }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.cardLabel, children: label })
+  ] });
+}
+function groupByWorkspace(items) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const m of items) {
+    const list = groups.get(m.workspace) ?? [];
+    list.push(m);
+    groups.set(m.workspace, list);
+  }
+  return [...groups.entries()].sort(
+    (a, b) => b[1].length - a[1].length || a[0].localeCompare(b[0])
   );
 }
-function EngramConfigCard({ scope }) {
-  const [snap, setSnap] = (0, import_react8.useState)(null);
-  const [draft, setDraft] = (0, import_react8.useState)({});
-  const [saving, setSaving] = (0, import_react8.useState)(false);
+function EngramSection({ api, t, scope }) {
+  const [overview, setOverview] = (0, import_react8.useState)(null);
+  const [memories, setMemories] = (0, import_react8.useState)([]);
+  const [tasks, setTasks] = (0, import_react8.useState)([]);
+  const [links, setLinks] = (0, import_react8.useState)([]);
+  const [nodes, setNodes] = (0, import_react8.useState)([]);
+  const [approvals, setApprovals] = (0, import_react8.useState)([]);
+  const [approvalBusy, setApprovalBusy] = (0, import_react8.useState)(null);
+  const [detail, setDetail] = (0, import_react8.useState)(null);
+  const [detailNotice, setDetailNotice] = (0, import_react8.useState)(null);
   const [error, setError] = (0, import_react8.useState)(null);
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const [advancedOpen, setAdvancedOpen] = (0, import_react8.useState)(false);
+  const [workspace, setWorkspace] = (0, import_react8.useState)("");
+  const [kind, setKind] = (0, import_react8.useState)("");
+  const [status, setStatus] = (0, import_react8.useState)("active");
+  const [q, setQ] = (0, import_react8.useState)("");
+  const [busy, setBusy] = (0, import_react8.useState)(false);
+  const [memPage, setMemPage] = (0, import_react8.useState)(0);
+  const [expandedRows, setExpandedRows] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
+  const [view, setView] = (0, import_react8.useState)("mem");
+  const [esrGraph, setEsrGraph] = (0, import_react8.useState)(false);
+  const [gcDryRun, setGcDryRun] = (0, import_react8.useState)(true);
+  const [gcReport, setGcReport] = (0, import_react8.useState)(null);
+  const [gcRunning, setGcRunning] = (0, import_react8.useState)(false);
+  const [newTaskWs, setNewTaskWs] = (0, import_react8.useState)("");
+  const [newTaskName, setNewTaskName] = (0, import_react8.useState)("");
+  const [newTaskDesc, setNewTaskDesc] = (0, import_react8.useState)("");
+  const [newTaskBusy, setNewTaskBusy] = (0, import_react8.useState)(false);
+  const [closeFor, setCloseFor] = (0, import_react8.useState)(null);
+  const [closeArtifact, setCloseArtifact] = (0, import_react8.useState)("");
+  const [closeEval, setCloseEval] = (0, import_react8.useState)("");
+  const [closeRefs, setCloseRefs] = (0, import_react8.useState)("");
+  const [closeBusy, setCloseBusy] = (0, import_react8.useState)(false);
+  const [importDump, setImportDump] = (0, import_react8.useState)(null);
+  const [importName, setImportName] = (0, import_react8.useState)("");
+  const [importMode, setImportMode] = (0, import_react8.useState)("merge");
+  const [importDryRun, setImportDryRun] = (0, import_react8.useState)(true);
+  const [importReplaceOk, setImportReplaceOk] = (0, import_react8.useState)(false);
+  const [importBusy, setImportBusy] = (0, import_react8.useState)(false);
+  const [importReport, setImportReport] = (0, import_react8.useState)(null);
+  const [dataError, setDataError] = (0, import_react8.useState)(null);
+  const refresh = (0, import_react8.useCallback)(async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      const ov = await api.overview();
+      setOverview(ov);
+      const wsList = workspace ? [workspace] : Object.keys(ov.workspaces);
+      const approvalGroups = await Promise.all(wsList.map((w) => api.approvals(w).catch(() => ({ items: [] }))));
+      const [mem, taskGroups2, linkGroups2, nodeGroups2] = await Promise.all([
+        api.memories({
+          workspace: workspace || void 0,
+          q: q || void 0,
+          kind: kind || void 0,
+          status: status === "all" ? void 0 : status
+        }),
+        Promise.all(wsList.map((w) => api.tasks(w, true))),
+        Promise.all(wsList.map((w) => api.links(w))),
+        Promise.all(wsList.map((w) => api.nodes(w)))
+      ]);
+      setMemories(mem.items);
+      setTasks(taskGroups2.flatMap((x) => x.items));
+      setLinks(linkGroups2.flatMap((x) => x.items));
+      setNodes(nodeGroups2.flatMap((x) => x.items));
+      setApprovals(approvalGroups.flatMap((x) => x.items));
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }, [api, workspace, q, kind, status]);
+  (0, import_react8.useEffect)(() => {
+    void refresh();
+    const id = setInterval(() => void refresh(), POLL_MS);
+    return () => clearInterval(id);
+  }, [refresh]);
+  const workspaces = (0, import_react8.useMemo)(() => overview ? Object.keys(overview.workspaces) : [], [overview]);
+  const kindsPresent = (0, import_react8.useMemo)(() => overview ? Object.keys(overview.kinds) : [], [overview]);
+  const previewDefault = (0, import_react8.useMemo)(() => {
+    if (workspace !== "") return workspace;
+    if (!overview) return "";
+    let best = "";
+    let bestN = -1;
+    for (const ws of Object.keys(overview.workspaces)) {
+      const c = overview.workspaces[ws] ?? {};
+      const n = (c.memories ?? 0) + (c.tasks ?? 0) + (c.links ?? 0) + (c.nodes ?? 0);
+      if (n > bestN) {
+        bestN = n;
+        best = ws;
+      }
+    }
+    return best;
+  }, [workspace, overview]);
+  const nameOf = (0, import_react8.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const n of nodes) map.set(n.id, n.name);
+    for (const t2 of tasks) map.set(t2.id, t2.name);
+    return (id) => map.get(id) ?? id;
+  }, [nodes, tasks]);
+  const supersedeIndex = (0, import_react8.useMemo)(() => {
+    const replacedBy = /* @__PURE__ */ new Map();
+    const contradictedBy = /* @__PURE__ */ new Map();
+    for (const m of memories) {
+      if (m.status !== "active") continue;
+      if (m.supersedes) {
+        const list = replacedBy.get(m.supersedes) ?? [];
+        list.push(m);
+        replacedBy.set(m.supersedes, list);
+      }
+      if (m.contradicts) {
+        const list = contradictedBy.get(m.contradicts) ?? [];
+        list.push(m);
+        contradictedBy.set(m.contradicts, list);
+      }
+    }
+    return { replacedBy, contradictedBy };
+  }, [memories]);
+  (0, import_react8.useEffect)(() => {
+    if (!newTaskWs && workspaces.length > 0 && !workspace) setNewTaskWs(workspaces[0]);
+  }, [newTaskWs, workspaces, workspace]);
+  const cfg = overview?.config ?? null;
+  const act = async (fn) => {
+    try {
+      await fn();
+      await refresh();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+  };
+  const toggleExpand = (id) => {
+    setExpandedRows((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const runGc = async () => {
+    setGcRunning(true);
+    setError(null);
+    try {
+      const { report } = await api.gc(workspace || void 0, gcDryRun);
+      setGcReport(report);
+      if (!gcDryRun) await refresh();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setGcRunning(false);
+    }
+  };
+  const downloadExport = async () => {
+    setDataError(null);
+    try {
+      const dump = await api.exportData(workspace || void 0);
+      const blob = new Blob([JSON.stringify(dump, null, 2)], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      const safe = (workspace || "all").replace(/[^a-zA-Z0-9._-]+/g, "_");
+      a.href = url;
+      a.download = `dsh-engram-export-${safe}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (e) {
+      setDataError(e instanceof Error ? e.message : String(e));
+    }
+  };
+  const pickImportFile = async (file) => {
+    setDataError(null);
+    setImportReport(null);
+    setImportDump(null);
+    setImportName("");
+    if (!file) return;
+    try {
+      const text = await file.text();
+      setImportDump(JSON.parse(text));
+      setImportName(file.name);
+    } catch (e) {
+      setDataError(`\u65E0\u6CD5\u89E3\u6790 ${file.name}\uFF1A${e instanceof Error ? e.message : String(e)}`);
+    }
+  };
+  const runImport = async () => {
+    if (importDump === null) return;
+    if (importMode === "replace" && !importReplaceOk) {
+      setDataError("\u66FF\u6362\u6A21\u5F0F\u4F1A\u5148\u6E05\u7A7A\u76EE\u6807\u5DE5\u4F5C\u533A \u2014 \u8BF7\u5148\u52FE\u9009\u786E\u8BA4");
+      return;
+    }
+    setImportBusy(true);
+    setDataError(null);
+    try {
+      const report = await api.importData({
+        payload: importDump,
+        mode: importMode,
+        dryRun: importDryRun,
+        workspace: workspace || void 0,
+        confirm: importMode === "replace" ? "restore" : void 0
+      });
+      setImportReport(report);
+      if (!report.dryRun) await refresh();
+    } catch (e) {
+      setDataError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setImportBusy(false);
+    }
+  };
+  const groupedRows = workspace === "" ? groupByWorkspace(memories) : [[workspace, memories]];
+  const taskGroups = workspace === "" ? groupByWorkspace(tasks) : [[workspace, tasks]];
+  const linkGroups = workspace === "" ? groupByWorkspace(links) : [[workspace, links]];
+  const nodeGroups = workspace === "" ? groupByWorkspace(nodes) : [[workspace, nodes]];
+  const flatRows = [];
+  for (const [ws, items] of groupedRows) {
+    if (workspace === "") flatRows.push({ kind: "head", ws, count: items.length });
+    for (const m of items) flatRows.push({ kind: "row", m });
+  }
+  const memPageCount = Math.max(1, Math.ceil(flatRows.length / MEM_PAGE_SIZE));
+  const memPageSafe = Math.min(memPage, memPageCount - 1);
+  const memPageRows = flatRows.slice(memPageSafe * MEM_PAGE_SIZE, (memPageSafe + 1) * MEM_PAGE_SIZE);
+  (0, import_react8.useEffect)(() => {
+    setMemPage(0);
+  }, [workspace, status, kind, q]);
   (0, import_react8.useEffect)(() => {
-    void scope.load();
-    const off = scope.subscribe(() => {
-      const next = scope.getSnapshot();
-      setSnap(next);
-      if (next.status === "unavailable") {
-        console.warn("[dsh-engram] settings scope unavailable \u2014 Plugins \u914D\u7F6E\u5361\u5DF2\u9690\u85CF:", next.reason ?? "no reason served");
-      }
-      const value2 = next.value ?? next.base;
-      if (value2) setDraft((prev) => ({ ...value2, ...prev }));
-    });
-    setSnap(scope.getSnapshot());
-    return off;
-  }, [scope]);
-  const setField = (0, import_react8.useCallback)((key, value2) => {
-    setDraft((prev) => ({ ...prev, [key]: value2 }));
-  }, []);
-  const effective = snap?.value ?? snap?.base ?? {};
-  const anyDirty = FIELDS.some((field) => {
-    const staged = draft[field.key];
-    return staged !== void 0 && staged !== effective[field.key];
-  });
-  const save = (0, import_react8.useCallback)(async () => {
-    setSaving(true);
+    if (memPage >= memPageCount) setMemPage(Math.max(0, memPageCount - 1));
+  }, [memPage, memPageCount]);
+  const toggleApproval = async (item) => {
+    setApprovalBusy(item.id);
     setError(null);
     try {
-      for (const field of FIELDS) {
-        const value2 = draft[field.key];
-        if (value2 === void 0) continue;
-        if (value2 === effective[field.key]) continue;
-        if (typeof value2 === "number" && Number.isNaN(value2)) continue;
-        await scope.set(field.key, value2);
-      }
-      await scope.load();
+      await api.setApproval(item.workspace ?? workspace, item.id, item.approved ? "revoke" : "approve");
+      await refresh();
     } catch (e) {
-      setError(String(e instanceof Error ? e.message : e));
+      setError(e instanceof Error ? e.message : String(e));
     } finally {
-      setSaving(false);
+      setApprovalBusy(null);
     }
-  }, [draft, scope, effective]);
-  const discard = (0, import_react8.useCallback)(() => {
+  };
+  const createNewTask = async () => {
+    const ws = newTaskWs || workspace || workspaces[0] || "";
+    if (!ws || newTaskName.trim() === "") return;
+    setNewTaskBusy(true);
     setError(null);
-    const value2 = snap?.value ?? snap?.base ?? {};
-    setDraft({ ...value2 });
-  }, [snap]);
-  const resetField = (0, import_react8.useCallback)(async (key) => {
+    try {
+      await api.createTask(ws, newTaskName.trim(), newTaskDesc);
+      setNewTaskName("");
+      setNewTaskDesc("");
+      await refresh();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setNewTaskBusy(false);
+    }
+  };
+  const submitClose = async (task) => {
+    setCloseBusy(true);
     setError(null);
     try {
-      await scope.unset(key);
-      await scope.load();
-      setDraft((prev) => ({ ...prev, [key]: void 0 }));
+      const refs = closeRefs.split(/[,\s]+/).map((x) => x.trim()).filter(Boolean);
+      const out = await api.closeTask(task.workspace, task.id, {
+        artifact: closeArtifact,
+        evaluation: closeEval,
+        memoryRefs: refs
+      });
+      if (out.state === "active") {
+        setError(`\u8BC1\u636E\u4ECD\u6709\u7F3A\u53E3\uFF1A${(out.gaps ?? []).join(", ")}${out.artifactReason ? `\uFF08${out.artifactReason}\uFF09` : ""} \u2014 \u4EFB\u52A1\u4FDD\u6301 ACTIVE\uFF0C\u8865\u9F50\u540E\u518D\u63D0\u4EA4`);
+      }
+      setCloseFor(null);
+      setCloseArtifact("");
+      setCloseEval("");
+      setCloseRefs("");
+      await refresh();
     } catch (e) {
-      setError(String(e instanceof Error ? e.message : e));
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setCloseBusy(false);
     }
-  }, [scope]);
-  const value = { ...snap?.base ?? {}, ...draft };
-  const writable = snap?.writable !== false && snap?.status !== "unavailable";
-  const available = snap?.status === "ready";
+  };
+  const openMemory = (id) => {
+    const m = memories.find((mem) => mem.id === id);
+    if (m) {
+      setDetail({ kind: "memory", memory: m });
+      setDetailNotice(null);
+    } else {
+      setDetailNotice(`\u8BB0\u5FC6 ${id} \u4E0D\u5728\u5F53\u524D\u52A0\u8F7D\u5217\u8868 \u2014 \u5207\u6362\u5230\u300C\u8BB0\u5FC6\u300D\u9875\u52A0\u8F7D\u540E\u53EF\u7528`);
+    }
+  };
+  const openTask = (id) => {
+    setDetail({ kind: "task", id });
+    setDetailNotice(null);
+  };
+  const openNode = (id) => {
+    setDetail({ kind: "node", id });
+    setDetailNotice(null);
+  };
+  const indexCost = workspace && overview ? overview.indexes[workspace] : null;
+  const gc = overview?.gc ?? null;
+  const wsCounts = workspace && overview ? overview.workspaces[workspace] ?? null : null;
   const { vars } = useEngramTheme();
-  if (!available) return null;
-  const renderField = (field) => {
-    const raw = value[field.key];
-    const overridden = snap?.user !== void 0 && field.key in snap.user;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.row, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.label, children: field.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.hint, children: field.hint })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        field.kind === "bool" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "input",
-          {
-            type: "checkbox",
-            checked: raw === true,
-            disabled: !writable,
-            onChange: (e) => setField(field.key, e.target.checked)
-          }
-        ) : field.kind === "select" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "select",
-          {
-            style: { ...s3.input, width: field.width ?? 160 },
-            value: raw === void 0 ? "" : String(raw),
-            disabled: !writable,
-            onChange: (e) => setField(field.key, e.target.value),
-            children: (field.options ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: opt, children: opt }, opt))
-          }
-        ) : field.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "input",
-          {
-            type: "text",
-            style: { ...s3.input, width: field.width ?? 180 },
-            value: Array.isArray(raw) ? raw.join(", ") : raw === void 0 ? "" : String(raw),
-            disabled: !writable,
-            placeholder: "host.domain, \u53E6\u4E00\u57DF\u540D\u2026",
-            onChange: (e) => {
-              const tokens = e.target.value.split(/[,\s]+/).map((x) => x.trim()).filter(Boolean);
-              setField(field.key, tokens);
-            }
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "input",
-          {
-            type: "number",
-            style: s3.input,
-            step: field.step ?? 1,
-            min: field.min,
-            max: field.max,
-            value: raw === void 0 ? "" : String(raw),
-            disabled: !writable,
-            onChange: (e) => setField(field.key, e.target.value === "" ? void 0 : Number(e.target.value))
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "button",
-          {
-            type: "button",
-            style: overridden ? { ...s3.reset, color: "var(--dsw-alias-brand-primary, #2563eb)" } : { ...s3.reset, cursor: "default", opacity: 0.55 },
-            title: "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4",
-            disabled: !writable || !overridden,
-            onClick: () => void resetField(field.key),
-            children: "\u91CD\u7F6E"
-          }
-        )
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.root, ...vars }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { style: s3.h1, children: "Engram \u8BB0\u5FC6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: s3.sub, children: "\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6 \xB7 \u96F6 LLM \u81EA\u52A8\u6355\u83B7 \xB7 \u7B26\u53F7\u7D22\u5F15\u6E10\u8FDB\u62AB\u9732 \u2014 \u6570\u636E\u6E90 ~/.dsh/storages/dsh_engram.json" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.error, children: [
+      t("error"),
+      ": ",
+      error
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.tabBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: view === "mem" ? s3.tabActive : s3.tab, onClick: () => setView("mem"), children: "\u8BB0\u5FC6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: view === "esr" ? s3.tabActive : s3.tab, onClick: () => setView("esr"), children: "ESR\uFF08\u4EFB\u52A1 \xB7 \u8282\u70B9 \xB7 \u5173\u7CFB\uFF09" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: view === "preview" ? s3.tabActive : s3.tab, onClick: () => setView("preview"), children: "\u6CE8\u5165\u9884\u89C8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: view === "telemetry" ? s3.tabActive : s3.tab, onClick: () => setView("telemetry"), children: "\u9065\u6D4B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: view === "config" ? s3.tabActive : s3.tab, onClick: () => setView("config"), children: "\u8BBE\u7F6E" })
+    ] }),
+    view !== "config" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.row, marginTop: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u5DE5\u4F5C\u533A\uFF1A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { style: s3.input, value: workspace, onChange: (e) => setWorkspace(e.target.value), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "\u5168\u90E8\u5DE5\u4F5C\u533A" }),
+        workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("option", { value: ws, children: [
+          ws,
+          "\uFF08",
+          overview?.workspaces[ws]?.memories ?? 0,
+          " \u6761\uFF09"
+        ] }, ws))
       ] })
-    ] }, field.key);
-  };
-  const renderGroup = (group) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupPanel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupHead, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.groupTitle, children: group.title }),
-      group.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.groupDesc, children: group.description })
     ] }),
-    group.fields.map(renderField)
-  ] }, group.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: vars, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.card, ...open ? s3.cardOpen : void 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "button",
-      {
-        type: "button",
-        style: s3.header,
-        "aria-expanded": open,
-        "aria-label": `${open ? "\u6536\u8D77" : "\u5C55\u5F00"} dsh-engram \u8BBE\u7F6E`,
-        onClick: () => setOpen((prev) => !prev),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.headText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.name, children: "dsh-engram" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.description, children: CARD_DESCRIPTION })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { flex: "1 1 auto", minWidth: 0 }, children: [
+        view === "mem" && approvals.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.card, marginBottom: 12, borderColor: "#f0c36d" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontWeight: 700, fontSize: 13, marginBottom: 6 }, children: [
+            "Playbook \u5F85\u6279\u51C6\uFF08",
+            approvals.filter((a) => !a.approved).length,
+            " \u6761 / \u5171 ",
+            approvals.length,
+            "\uFF09"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 12, opacity: 0.75, marginBottom: 8 }, children: [
+            "\u8BC1\u636E\u5DF2\u8FC7\u5173\uFF08\u22653 \u6B21\u9A8C\u8BC1\u300114 \u5929\u5185\uFF09\u3002\u5199\u6587\u4EF6\u7ED9\u5BBF\u4E3B\u5E7F\u544A\u9700\u8981\u4F60\u70B9\u5934 \u2014\u2014 \u8BC1\u636E\u8BC1\u660E\u547D\u4EE4\u8DD1\u901A\u8FC7\uFF0C\u4E0D\u8BC1\u660E\u6307\u4EE4\u662F\u5BF9\u7684\u3002 \u6279\u51C6\u540E\uFF1A",
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { children: "npx dsh-engram skill export" }),
+            "\u3002"
+          ] }),
+          approvals.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", gap: 8, alignItems: "center", padding: "4px 0", fontSize: 12 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { style: { fontWeight: 600 }, children: item.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { opacity: 0.7 }, children: [
+              item.id.slice(0, 8),
+              " \xB7 \u8BC1\u636E ",
+              item.evidence,
+              " \u6B21"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { opacity: 0.7, flex: "1 1 auto", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "button",
+              {
+                style: s3.btn,
+                disabled: approvalBusy === item.id,
+                onClick: () => void toggleApproval(item),
+                children: item.approved ? "\u64A4\u9500" : "\u6279\u51C6"
+              }
+            )
+          ] }, item.id))
+        ] }),
+        view === "mem" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          overview && (() => {
+            const memNum = wsCounts ? wsCounts.memories : overview.totals.memories;
+            const taskNum = wsCounts ? wsCounts.tasks : overview.totals.tasks;
+            const linkNum = wsCounts ? wsCounts.links : overview.totals.links;
+            const ledgerBucket = overview.ledger ? workspace && overview.ledger.byWorkspace[workspace] || overview.ledger.totals : null;
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.stats, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(memNum), label: wsCounts ? "\u8BB0\u5FC6 (active)" : "\u8BB0\u5FC6 (active, \u5168\u5C40)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(taskNum), label: wsCounts ? "\u4EFB\u52A1 (active)" : "\u4EFB\u52A1 (active, \u5168\u5C40)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(linkNum), label: wsCounts ? "\u5173\u7CFB" : "\u5173\u7CFB (\u5168\u5C40)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(wsCounts ? wsCounts.nodes ?? 0 : overview.totals.nodes ?? 0), label: wsCounts ? "\u8282\u70B9" : "\u8282\u70B9 (\u5168\u5C40)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(workspaces.length), label: "\u5DE5\u4F5C\u533A" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(overview.captures.total), label: "\u81EA\u52A8\u6355\u83B7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StatCard, { num: String(overview.captures.preference ?? 0), label: "\u504F\u597D\u6355\u83B7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                StatCard,
+                {
+                  num: indexCost ? `~${indexCost.tokens}` : "\u2013",
+                  label: "[ENGRAM] \u7D22\u5F15 token / \u5DE5\u4F5C\u533A"
+                }
+              ),
+              gc && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                StatCard,
+                {
+                  num: String(gc.archivedMemories + gc.archivedTasks),
+                  label: `GC \u5DF2\u5F52\u6863 \xB7 \u94FE\u63A5-${gc.removedLinks}`
+                }
+              ),
+              ledgerBucket && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                StatCard,
+                {
+                  num: signedTokens(ledgerBucket.netTokens),
+                  label: `\u4E0A\u4E0B\u6587\u51C0 token \xB7 \u8BF7\u6C42 ${ledgerBucket.requests}`
+                }
+              )
+            ] });
+          })(),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.subPanel, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u8BB0\u5FC6 GC\uFF08pi-esr \u7EA6\u675F\uFF09" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { fontSize: 12, display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: gcDryRun, onChange: (e) => setGcDryRun(e.target.checked) }),
+                "\u4EC5\u9884\u89C8\uFF08dry run\uFF09"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btnPrimary, onClick: () => void runGc(), disabled: gcRunning || !workspace, children: gcRunning ? "\u2026" : "\u8FD0\u884C GC" }),
+              gc && gc.lastRun > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.mono, children: [
+                "\u4E0A\u6B21 ",
+                fmtDate2(gc.lastRun)
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: "\u5DE5\u4F5C\u96C6\uFF08active \u4EFB\u52A1\u5F15\u7528 / \u4EFB\u52A1\u8BB0\u5FC6 / \u5DF2\u5165\u7D22\u5F15\u547D\u4E2D\uFF09\u6C38\u4E0D\u9A71\u9010\uFF1BTTL \u8FC7\u671F\u5F52\u6863\u3001\u8D85\u5BB9\u91CF\u6DD8\u6C70\u3001stable \u4EFB\u52A1\u8D85\u7A97\u5F52\u6863\u3001\u60AC\u7A7A\u94FE\u63A5\u6E05\u7406\u3002\u53EA\u5F52\u6863\u4E0D\u786C\u5220\u2014\u2014\u6761\u76EE id \u4FDD\u6301\u53EF\u91CD\u53D6\u3002" }),
+            gcReport && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: 8, fontSize: 12.5 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                gcReport.dryRun ? "dry-run \u9884\u89C8\uFF1A" : "\u5DF2\u6267\u884C\uFF1A",
+                " ",
+                "\u5F52\u6863\u8BB0\u5FC6 ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: gcReport.archivedMemories.length }),
+                " \xB7 \u5F52\u6863\u4EFB\u52A1 ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: gcReport.archivedTasks.length }),
+                " \xB7 \u6E05\u7406\u94FE\u63A5 ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: gcReport.removedLinks.length }),
+                " \xB7 \u4FDD\u62A4 ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: gcReport.protectedMemories })
+              ] }),
+              gcReport.archivedMemories.slice(0, 5).map((e) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.mono, children: [
+                "- ",
+                e.id.slice(0, 8),
+                " ",
+                e.reason,
+                ": ",
+                e.text
+              ] }, e.id)),
+              gcReport.archivedTasks.slice(0, 3).map((t2) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.mono, children: [
+                "- ",
+                t2.id.slice(0, 6),
+                " ",
+                t2.reason,
+                ": ",
+                t2.name
+              ] }, t2.id)),
+              gcReport.removedLinks.slice(0, 3).map((l) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.mono, children: [
+                "- link ",
+                (l.source ?? "?").slice(0, 8),
+                " --",
+                l.relation ?? "",
+                "--> ",
+                (l.target ?? "?").slice(0, 8)
+              ] }, l.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.subPanel, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u6570\u636E\u5907\u4EFD\uFF08export / import\uFF09" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, title: "\u4E0B\u8F7D\u5F53\u524D\u5DE5\u4F5C\u533A\uFF08\u6216\u5168\u90E8\uFF09\u7684 dsh-engram/export v1 \u8F6C\u50A8", onClick: () => void downloadExport(), children: "\u5BFC\u51FA JSON" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { ...s3.btn, display: "inline-flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
+                "\u9009\u62E9\u5BFC\u5165\u6587\u4EF6\u2026",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "input",
+                  {
+                    type: "file",
+                    accept: "application/json,.json",
+                    style: { display: "none" },
+                    onChange: (e) => {
+                      void pickImportFile(e.target.files?.[0] ?? null);
+                      e.currentTarget.value = "";
+                    }
+                  }
+                )
+              ] }),
+              importName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.mono, children: importName })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: [
+              "\u5BFC\u51FA\u5373\u53EF\u79FB\u690D\u5907\u4EFD\uFF08\u8BB0\u5FC6/\u4EFB\u52A1/\u5173\u7CFB/\u8282\u70B9\uFF0C\u542B\u5F52\u6863\uFF09\uFF1B",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: "merge" }),
+              " \u53EA\u8865\u7F3A\u5931\uFF08\u5E42\u7B49\uFF09\uFF0C",
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: "replace" }),
+              " \u5148\u6E05\u7A7A\u76EE\u6807\u5DE5\u4F5C\u533A\u518D\u6062\u590D\u3002\u8BB0\u5FC6\u6B63\u6587\u4E0E\u6240\u6709\u5199\u5165\u8DEF\u5F84\u4E00\u6837\u8FC7\u8131\u654F\u3002"
+            ] }),
+            importDump !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 6 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", gap: 10, alignItems: "center", flexWrap: "wrap", fontSize: 12.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: importDryRun, onChange: (e) => setImportDryRun(e.target.checked) }),
+                  "\u4EC5\u9884\u89C8\uFF08dry run\uFF09"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                  "select",
+                  {
+                    style: s3.input,
+                    value: importMode,
+                    onChange: (e) => {
+                      const mode = e.target.value;
+                      setImportMode(mode);
+                      if (mode !== "replace") setImportReplaceOk(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "merge", children: "\u5408\u5E76\uFF08merge\uFF0C\u5E42\u7B49\uFF09" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "replace", children: "\u66FF\u6362\uFF08replace\uFF0C\u5148\u6E05\u7A7A\u5DE5\u4F5C\u533A\uFF09" })
+                    ]
+                  }
+                ),
+                importMode === "replace" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { display: "inline-flex", gap: 4, alignItems: "center", color: "#b45309" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: importReplaceOk, onChange: (e) => setImportReplaceOk(e.target.checked) }),
+                  "\u6211\u786E\u8BA4\u66FF\u6362",
+                  workspace ? `\uFF08${workspace}\uFF09` : "\uFF08\u9700\u5148\u9009\u5DE5\u4F5C\u533A\uFF09"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "button",
+                  {
+                    style: s3.btnPrimary,
+                    disabled: importBusy || importMode === "replace" && (!importReplaceOk || !workspace),
+                    onClick: () => void runImport(),
+                    children: importBusy ? "\u2026" : importDryRun ? "\u9884\u89C8\u5BFC\u5165" : "\u6267\u884C\u5BFC\u5165"
+                  }
+                )
+              ] }),
+              importReport && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 12.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                  importReport.dryRun ? "dry-run \u9884\u89C8\uFF1A" : "\u5DF2\u5BFC\u5165\uFF1A",
+                  " ",
+                  Object.entries(importReport.written).map(([k, v]) => `${k} ${v}`).join(" \xB7 ") || "\u2014",
+                  importReport.skipped.length > 0 ? ` \xB7 \u8DF3\u8FC7 ${importReport.skipped.length}` : ""
+                ] }),
+                importReport.skipped.slice(0, 5).map((x, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.mono, children: [
+                  "- ",
+                  x.table,
+                  " ",
+                  x.id ? x.id.slice(0, 8) : "?",
+                  ": ",
+                  x.reason
+                ] }, `${x.table}-${x.id ?? i}`))
+              ] }),
+              dataError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 12, color: "#dc2626", fontWeight: 600 }, children: dataError })
+            ] })
           ] }),
-          anyDirty && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.pending, children: "\u672A\u4FDD\u5B58" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Chevron, { open })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.body, children: [
-      !writable && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: s3.readOnly, children: "\u672C\u90E8\u7F72\u7684\u8BBE\u7F6E\u4E3A\u53EA\u8BFB\uFF08\u5BBF\u4E3B\u672A\u6388\u6743\u5199\u5165\u6216\u9700\u91CD\u542F\u5E94\u7528\uFF09\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupPanel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupHead, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.groupTitle, children: "\u5E38\u7528" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.groupDesc, children: "\u6BCF\u5929\u4F1A\u78B0\u5230\u7684\u65CB\u94AE \xB7 \u5176\u4F59\u6536\u5728\u4E0B\u65B9\u9AD8\u7EA7\u8BBE\u7F6E" })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.row, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { style: s3.input, value: kind, onChange: (e) => setKind(e.target.value), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "\u5168\u90E8\u7C7B\u578B" }),
+              kindsPresent.map((k) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: k, children: KIND_LABEL2[k] ?? k }, k))
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { style: s3.input, value: status, onChange: (e) => setStatus(e.target.value), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "active", children: "\u4EC5\u6D3B\u52A8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "all", children: "\u5168\u90E8\u72B6\u6001" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "archived", children: "\u5DF2\u5F52\u6863" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "input",
+              {
+                style: { ...s3.input, width: 180 },
+                placeholder: "\u641C\u7D22\u8BB0\u5FC6\u2026",
+                value: q,
+                onChange: (e) => setQ(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") void refresh();
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btnPrimary, onClick: () => void refresh(), disabled: busy, children: busy ? "\u2026" : t("refresh") })
+          ] }),
+          cfg && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.row, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.tag, children: [
+              "autoCapture ",
+              cfg.autoCapture ? "on" : "off"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.tag, children: [
+              "sessionSearch ",
+              cfg.sessionSearch ? "on" : "off"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.tag, children: [
+              "TTL ",
+              cfg.expireDays,
+              "d"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.tag, children: [
+              "index ",
+              cfg.indexMaxLines,
+              " \u884C / ",
+              cfg.indexMaxChars,
+              " \u5B57\u7B26"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.tag, children: [
+              "promote \u2265",
+              cfg.promoteHits,
+              " hits"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { style: s3.table, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("colgroup", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("col", { style: { width: 58 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("col", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("col", { style: { width: 72 } })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { style: s3.th, children: "\u7C7B\u578B" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { style: s3.th, children: "\u5185\u5BB9" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { style: s3.th })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tbody", { children: [
+              flatRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { colSpan: 3, style: s3.empty, children: "\u6682\u65E0\u8BB0\u5FC6 \u2014 \u4F7F\u7528 engram_store \u663E\u5F0F\u8BB0\u5F55\uFF0C\u6216\u8BA9\u81EA\u52A8\u6355\u83B7\u5DE5\u4F5C\uFF08git \u63D0\u4EA4 / \u5173\u952E\u6587\u4EF6\u7F16\u8F91 / \u5DE5\u5177\u9519\u8BEF\uFF09" }) }),
+              memPageRows.map(
+                (r) => r.kind === "head" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("td", { colSpan: 3, style: s3.wsHead, children: [
+                  r.ws,
+                  " \xB7 ",
+                  r.count,
+                  " \u6761"
+                ] }) }, `h-${r.ws}`) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("td", { style: { ...s3.td, whiteSpace: "nowrap" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { ...s3.badge, background: KIND_COLORS2[r.m.kind] ?? "#6b7280" }, children: KIND_LABEL2[r.m.kind] ?? r.m.kind }),
+                    r.m.status === "archived" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { ...s3.tag, color: "#b45309", background: "#fef3c7" }, children: "archived" }),
+                    supersedeIndex.replacedBy.has(r.m.id) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { ...s3.tag, color: "#b45309", background: "#fef3c7" }, title: `\u5DF2\u88AB ${(supersedeIndex.replacedBy.get(r.m.id) ?? []).map((x) => `#${x.id.slice(0, 8)}`).join(", ")} \u66FF\u4EE3\uFF08\u65E7\u884C\u4FDD\u7559\u3001\u53EC\u56DE\u964D\u7EA7\uFF09`, children: "\u5DF2\u66FF\u6362" })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("td", { style: { ...s3.td, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { title: r.m.text, style: expandedRows.has(r.m.id) ? s3.expanded : s3.clamp3, children: r.m.text }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", gap: 8, alignItems: "center", marginTop: 2, flexWrap: "wrap" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.mono, flex: "1 1 160px" }, title: `${fmtDate2(r.m.createdAt)} \xB7 ${r.m.id} \xB7 ${r.m.entity ?? ""} \xB7 signal ${r.m.signal.toFixed(2)} \xB7 hits ${r.m.hits} \xB7 TTL ${daysLeft2(r.m.expiresAt)}`, children: [
+                        fmtDate2(r.m.createdAt),
+                        " \xB7 ",
+                        r.m.id.slice(0, 8),
+                        r.m.entity ? ` \xB7 ${r.m.entity}` : "",
+                        " \xB7 ",
+                        r.m.signal.toFixed(2),
+                        " \xB7 hits ",
+                        r.m.hits,
+                        " \xB7 ",
+                        daysLeft2(r.m.expiresAt)
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.linkBtn, onClick: () => toggleExpand(r.m.id), children: expandedRows.has(r.m.id) ? "\u6536\u8D77" : "\u5C55\u5F00\u5168\u6587" }),
+                      r.m.supersedes && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { style: s3.linkBtn, title: `\u6253\u5F00\u88AB\u66FF\u4EE3\u7684\u65E7\u8BB0\u5FC6 ${r.m.supersedes}`, onClick: () => openMemory(r.m.supersedes), children: [
+                        "\u66FF\u4EE3 #",
+                        r.m.supersedes.slice(0, 8)
+                      ] })
+                    ] }),
+                    r.m.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { marginTop: 3, display: "flex", flexWrap: "wrap", gap: 4 }, children: r.m.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.tag, children: tag }, tag)) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { style: s3.td, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4, alignItems: "flex-start" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.linkBtn, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8BE6\u60C5", onClick: () => {
+                      setDetail({ kind: "memory", memory: r.m });
+                      setDetailNotice(null);
+                    }, children: "\u8BE6\u60C5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, title: "\u5F52\u6863\uFF08TTL/\u8F6F\u5220\uFF0C\u53EF\u6062\u590D\u4E0D\u8F7D\u5165\u7D22\u5F15\uFF09", onClick: () => void act(() => api.archive(r.m.id, r.m.workspace)), children: "\u5F52\u6863" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, title: "\u6C38\u4E45\u5220\u9664", onClick: () => {
+                      if (window.confirm(`\u5220\u9664\u8FD9\u6761\u8BB0\u5FC6?
+${r.m.text.slice(0, 60)}`)) void act(() => api.remove(r.m.id, r.m.workspace));
+                    }, children: "\u5220\u9664" })
+                  ] }) })
+                ] }, r.m.id)
+              )
+            ] })
+          ] }),
+          flatRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.pageBar, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, disabled: memPageSafe === 0, onClick: () => setMemPage(memPageSafe - 1), children: "\u2039 \u4E0A\u4E00\u9875" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+              "\u7B2C ",
+              memPageSafe + 1,
+              " / ",
+              memPageCount,
+              " \u9875 \xB7 \u5171 ",
+              flatRows.length,
+              " \u6761"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, disabled: memPageSafe >= memPageCount - 1, onClick: () => setMemPage(memPageSafe + 1), children: "\u4E0B\u4E00\u9875 \u203A" })
+          ] })
         ] }),
-        COMMON_FIELDS.map(renderField)
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-        "button",
-        {
-          type: "button",
-          style: { ...s3.advHead, ...advancedOpen ? { borderColor: "var(--dsw-alias-label-dimmed, #9ca3af)" } : void 0 },
-          "aria-expanded": advancedOpen,
-          onClick: () => setAdvancedOpen((v) => !v),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: s3.advHeadLabel, children: [
-              "\u9AD8\u7EA7\u8BBE\u7F6E\uFF08",
-              ADVANCED_GROUPS.reduce((n, g) => n + g.fields.length, 0),
-              " \u9879\uFF09"
+        view === "esr" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginBottom: 6 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontSize: 11.5, color: "var(--dsh-color-muted, #6b7280)" }, children: "\u5DE5\u5177\u8C03\u7528\u4E0E\u547D\u4E2D\u7EDF\u8BA1\u89C1\u300C\u9065\u6D4B\u300Dtab\uFF1B[ESR] \u6CE8\u5165\u5757\u7684 escalate \u63D0\u9192\u4F9D\u636E\u771F\u5B9E\u6570\u636E\u52A8\u6001\u51FA\u73B0\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { marginLeft: "auto", display: "inline-flex", gap: 6 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", style: esrGraph ? s3.tab : s3.tabActive, onClick: () => setEsrGraph(false), children: "\u5217\u8868" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", style: esrGraph ? s3.tabActive : s3.tab, onClick: () => setEsrGraph(true), children: "\u56FE\u8C31" })
+            ] })
+          ] }),
+          esrGraph ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.subPanel, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontWeight: 700, fontSize: 13 }, children: "\u5173\u7CFB\u56FE\u8C31\uFF08esr_link \u529B\u5BFC\u5411\u56FE\uFF09" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { fontSize: 11.5, fontWeight: 400, color: "var(--dsh-color-muted, #6b7280)" }, children: [
+                workspace === "" ? "\u5168\u90E8\u5DE5\u4F5C\u533A" : `\u5DE5\u4F5C\u533A\uFF1A${workspace}`,
+                " \xB7 \u5B9E\u4F53\u4E3A\u5706\u5F62\u8282\u70B9\uFF0C\u4EFB\u52A1\u4E3A\u52FE\u9009\u5FBD\u6807\uFF1B\u70B9\u9009\u8282\u70B9\u67E5\u770B\u5173\u7CFB\u660E\u7EC6"
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Chevron, { open: advancedOpen })
-          ]
-        }
-      ),
-      advancedOpen && ADVANCED_GROUPS.map(renderGroup),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.note, children: "\u8BBE\u7F6E\u5BF9\u65B0\u5EFA\u4F1A\u8BDD\u5373\u65F6\u751F\u6548\uFF1B\u5DF2\u51BB\u7ED3\u7684 [ENGRAM] \u5757\u4FDD\u6301\u524D\u7F00\u7A33\u5B9A\u3002" }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.failed, children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.footer, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "button",
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              EngramGraph,
+              {
+                workspace,
+                entities: nodes,
+                tasks,
+                links,
+                nameOf
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.panelTitle, children: [
+              "ESR \u4EFB\u52A1\uFF08\u8BC1\u636E\u95ED\u73AF\uFF09",
+              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontSize: 12, fontWeight: 400, color: "var(--dsh-color-muted, #9ca3af)" }, children: "\xB7 \u5168\u90E8\u5DE5\u4F5C\u533A" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("select", { style: s3.input, value: newTaskWs, onChange: (e) => setNewTaskWs(e.target.value), children: [
+                workspaces.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "(no workspaces)" }),
+                workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: ws, children: ws }, ws))
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { style: { ...s3.input, width: 170 }, placeholder: "\u4EFB\u52A1\u540D\u2026", value: newTaskName, onChange: (e) => setNewTaskName(e.target.value), onKeyDown: (e) => {
+                if (e.key === "Enter") void createNewTask();
+              } }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { style: { ...s3.input, width: 240 }, placeholder: "\u8981\u4EA7\u51FA / \u6EE1\u8DB3\u4EC0\u4E48\uFF08\u53EF\u9009\uFF09", value: newTaskDesc, onChange: (e) => setNewTaskDesc(e.target.value) }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btnPrimary, disabled: newTaskBusy || newTaskName.trim() === "", onClick: () => void createNewTask(), children: newTaskBusy ? "\u2026" : "\u65B0\u5EFA\u4EFB\u52A1" })
+            ] }) }),
+            tasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.empty, children: "\u6682\u65E0\u4EFB\u52A1 \u2014 \u7528\u4E0A\u65B9\u300C\u65B0\u5EFA\u4EFB\u52A1\u300D\u6216 esr_task \u5DE5\u5177\u521B\u5EFA" }),
+            taskGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react8.Fragment, { children: [
+              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupLabel, children: [
+                ws,
+                " \xB7 ",
+                items.length,
+                " \u4E2A\u4EFB\u52A1"
+              ] }),
+              items.map((task) => {
+                const gaps = taskGaps(task);
+                const isStable = task.state === "stable";
+                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.subPanel, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontWeight: 600, fontSize: 13 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.mono, children: task.id.slice(0, 6) }),
+                    " ",
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      EvidenceRing,
+                      {
+                        artifact: Boolean(task.artifact),
+                        evaluation: Boolean(task.evaluation),
+                        refs: (task.memoryRefs?.length ?? 0) > 0,
+                        size: 22
+                      }
+                    ),
+                    " ",
+                    task.name,
+                    " ",
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { ...s3.badge, background: isStable ? "#059669" : gaps.length === 0 ? "#2563eb" : "#d97706" }, children: isStable ? "STABLE" : gaps.length === 0 ? "READY" : "ACTIVE" }),
+                    !isStable && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, onClick: () => setCloseFor(closeFor === task.id ? null : task.id), children: closeFor === task.id ? "\u6536\u8D77" : "\u586B\u5199\u8BC1\u636E\u5173\u95ED\u2026" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.linkBtn, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8BE6\u60C5", onClick: () => openTask(task.id), children: "\u8BE6\u60C5" })
+                  ] }),
+                  !isStable && gaps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted, #6b7280)", marginTop: 4 }, children: [
+                    "\u7F3A\u53E3\uFF1A",
+                    gaps.join(", "),
+                    " \u2014 \u63D0\u4F9B artifact / evaluation / memory_ref \u540E\u8F6C\u4E3A STABLE"
+                  ] }),
+                  task.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted-strong, #4b5563)", marginTop: 4 }, children: task.description }),
+                  task.memoryRefs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 12, marginTop: 4 }, children: [
+                    "\u8BB0\u5FC6\u5F15\u7528\uFF1A",
+                    task.memoryRefs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: s3.tag, children: r.slice(0, 8) }, r))
+                  ] }),
+                  closeFor === task.id && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: 8, padding: 8, border: "1px solid var(--dsh-color-border, #e5e7eb)", borderRadius: 8 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 11, color: "var(--dsh-color-muted, #6b7280)", marginBottom: 6 }, children: "\u63D0\u4F9B\u8BC1\u636E\u540E\u5173\u95ED\uFF08\u4E09\u9879\u5168\u9F50\u624D\u8F6C STABLE\uFF09" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", alignItems: "center" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { style: { ...s3.input, width: 150 }, placeholder: "artifact \u8DEF\u5F84/URL", value: closeArtifact, onChange: (e) => setCloseArtifact(e.target.value) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { style: { ...s3.input, width: 150 }, placeholder: "evaluation \u9A8C\u8BC1\u8BC1\u636E", value: closeEval, onChange: (e) => setCloseEval(e.target.value) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { style: { ...s3.input, width: 150 }, placeholder: "memory_refs \u9017\u53F7\u5206\u9694", value: closeRefs, onChange: (e) => setCloseRefs(e.target.value) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btnPrimary, disabled: closeBusy, onClick: () => void submitClose(task), children: closeBusy ? "\u2026" : "\u63D0\u4EA4\u5173\u95ED" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { style: s3.btn, onClick: () => setCloseFor(null), children: "\u53D6\u6D88" })
+                    ] })
+                  ] })
+                ] }, task.id);
+              })
+            ] }, ws)),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.panelTitle, children: [
+              "\u8282\u70B9\u4E0E\u5173\u7CFB\uFF08esr_node / esr_link\uFF09",
+              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontSize: 12, fontWeight: 400, color: "var(--dsh-color-muted, #9ca3af)" }, children: "\xB7 \u5168\u90E8\u5DE5\u4F5C\u533A" })
+            ] }),
+            nodes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.empty, children: "\u6682\u65E0\u8282\u70B9 \u2014 \u6A21\u578B\u4F1A\u4E3A\u53CD\u590D\u51FA\u73B0\u7684\u9886\u57DF\u5BF9\u8C61\u4E3B\u52A8\u767B\u8BB0\uFF08esr_node\uFF09\uFF0C\u6B64\u5904\u4E5F\u53EF\u67E5\u770B\u5173\u7CFB" }),
+            nodeGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react8.Fragment, { children: [
+              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupLabel, children: [
+                ws,
+                " \xB7 ",
+                items.length,
+                " \u4E2A\u8282\u70B9"
+              ] }),
+              items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 12.5, padding: "2px 0", cursor: "pointer", borderRadius: 6 }, title: "\u5728\u4FA7\u680F\u6253\u5F00\u8282\u70B9\u8BE6\u60C5", onClick: () => openNode(n.id), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mono", style: { ...s3.mono, color: "#4338ca" }, children: n.id.slice(0, 24) }),
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontWeight: 600 }, children: n.name }),
+                n.kind && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { ...s3.tag, color: "#4338ca", background: "#eef2ff" }, children: n.kind }),
+                n.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { color: "var(--dsh-color-muted, #6b7280)" }, children: [
+                  " \u2014 ",
+                  n.description.slice(0, 48)
+                ] })
+              ] }, n.id))
+            ] }, ws)),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 12, color: "var(--dsh-color-muted, #6b7280)", marginTop: 6 }, children: "\u5173\u7CFB\uFF1A" }),
+            links.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.empty, children: "\u6682\u65E0\u5173\u7CFB \u2014 esr_link \u521B\u5EFA" }),
+            linkGroups.map(([ws, items]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react8.Fragment, { children: [
+              workspace === "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: s3.groupLabel, children: [
+                ws,
+                " \xB7 ",
+                items.length,
+                " \u6761\u5173\u7CFB"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 4 }, children: items.map((l) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...s3.relRow, cursor: "pointer" }, title: "\u5728\u4FA7\u680F\u6253\u5F00\u5173\u7CFB\u8BE6\u60C5", onClick: () => {
+                setDetail({ kind: "link", link: l });
+                setDetailNotice(null);
+              }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mono", style: s3.nodePill, title: l.source, children: nameOf(l.source) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { display: "inline-flex", alignItems: "center", gap: 3, fontSize: 11, color: "var(--dsh-color-muted, #6b7280)" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { border: "1px dashed var(--dsh-color-border, #cbd5e1)", borderRadius: 999, padding: "1px 7px" }, children: l.relation }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, children: "\u2192" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mono", style: s3.nodePill, title: l.target, children: nameOf(l.target) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { fontSize: 11, color: "var(--dsh-color-muted-weak, #9ca3af)" }, children: [
+                  "\xB7 ",
+                  fmtDate2(l.createdAt)
+                ] })
+              ] }, l.id)) })
+            ] }, ws))
+          ] })
+        ] }),
+        view === "preview" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          EngramPreview,
           {
-            type: "button",
-            style: { ...s3.discard, ...!anyDirty || saving ? s3.disabled : void 0 },
-            disabled: !anyDirty || saving,
-            onClick: discard,
-            children: "\u653E\u5F03\u4FEE\u6539"
+            api,
+            workspace,
+            defaultWorkspace: previewDefault,
+            workspaces
           }
-        ),
+        ) }),
+        view === "telemetry" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.subPanel, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EngramTelemetry, { api, workspace }) }),
+        view === "config" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.subPanel, children: scope ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(EngramConfigCard, { scope, defaultOpen: true }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: s3.error, children: "\u8BBE\u7F6E\u9762\u677F\u4E0D\u53EF\u7528\uFF1Ahost \u6CA1\u6709\u4E3A dsh-engram \u63D0\u4F9B\u8BBE\u7F6E\u547D\u540D\u7A7A\u95F4\uFF08\u65E7\u7248 DSH \u8D70\u300C\u63D2\u4EF6\u300D\u2192 \u914D\u7F6E tab\uFF09\u3002" }) })
+      ] }),
+      detail && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { flex: "0 0 320px", maxWidth: "38%", position: "sticky", top: 8 }, children: [
+        detailNotice && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 11.5, padding: "6px 10px", marginBottom: 6, borderRadius: 8, background: "rgba(245,158,11,.14)", color: "#b45309", border: "1px solid rgba(245,158,11,.35)" }, children: detailNotice }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "button",
+          EngramDetail,
           {
-            type: "button",
-            style: { ...s3.save, ...!anyDirty || saving ? s3.disabled : void 0 },
-            disabled: !anyDirty || saving,
-            onClick: () => void save(),
-            children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58"
+            target: detail,
+            api,
+            tasks,
+            nodes,
+            links,
+            memories,
+            onClose: () => setDetail(null),
+            onNavigateMemory: openMemory,
+            onChanged: () => void refresh()
           }
         )
       ] })
     ] })
-  ] }) });
+  ] });
 }
 
 // client/src/scope.ts
@@ -5284,7 +5352,8 @@ function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-engram: dictionaries");
   const api = new EngramApi();
   const t = ctx.locale.bind(NS);
-  const sectionInjected = () => ({ api, t });
+  const scope = new EngramScopeImpl(api, "dsh-engram");
+  const sectionInjected = () => ({ api, t, scope });
   try {
     ctx.slots.inject(
       "conversation.input.dock",
@@ -5320,7 +5389,6 @@ function apply(ctx) {
   } catch (error) {
     console.warn("[dsh-engram] settings.section registration failed:", error);
   }
-  const scope = new EngramScopeImpl(api, "dsh-engram");
   const cardInjected = () => ({ scope });
   try {
     ctx.slots.inject(