dsh-trivium 0.2.0 → 0.4.0

package/lib/client.js

@@ -26,7 +26,15 @@ window.__ModuleLoader__.load({
       recallAnchor: "实体名折中",
       recallAnchorHint: "用户文本命中已有 entity 的 name/aliases 时，注入该实体 1 跳 about/decided/broke/fixed 邻居（≤300 token）。",
       extract: "compaction/end 抽取",
-      extractHint: "规则 + 一次小 prompt；失败只记日志。turn 结束后约 12 秒空闲会再抽一次，下次 session-start 也会重放 pending。",
+      extractHint: "规则 + 一次小 prompt；失败只记日志。turn 结束后约 12 秒空闲会再抽一次，下次 session-start 也会重放 pending。每轮写入正文合计 ≤3000 字、最多 24 条。",
+      markdown: "Markdown 投影",
+      markdownHint: "只读导出，带边（- 鉴权走 header X —about→ AuthGateway）。给编辑器和 git 看。改完回写用 JSON 导入或本页编辑，不解析自由散文。",
+      exportMd: "导出 Markdown",
+      workbuddy: "WorkBuddy 一次性导入",
+      workbuddyHint: "只读 ~/.workbuddy/MEMORY.md 与工作区 .workbuddy/memory/MEMORY.md。偏严宁漏：闲聊、一次性改文件、密钥、无规则线索的段落跳过。不持续同步。每批同样 ≤3000 字 / 24 条。",
+      workbuddyImport: "导入找到的 MEMORY.md",
+      workbuddyNone: "当前没有找到这些文件。",
+      workbuddyFound: "找到",
       embed: "远程 embedding（OpenAI 兼容，默认关）",
       embedHint: "失败退回关键词 + 图检索。需单独的 embeddings endpoint；官方 DeepSeek chat API 不含 embedding。",
       embedReady: "已就绪",
@@ -143,6 +151,8 @@ window.__ModuleLoader__.load({
       const [edits, setEdits] = react.useState({});
       const [mergeFrom, setMergeFrom] = react.useState({});
       const fileRef = react.useRef(null);
+      const [buddyFiles, setBuddyFiles] = react.useState([]);
+      const [buddyNote, setBuddyNote] = react.useState("");
 
       const load = react.useCallback(async () => {
         setError("");
@@ -163,6 +173,8 @@ window.__ModuleLoader__.load({
           const qs = params.toString();
           const list = await api("/api/dsh-trivium/nodes" + (qs ? "?" + qs : ""));
           setNodes(list.nodes || []);
+          const wb = await api("/api/dsh-trivium/workbuddy");
+          setBuddyFiles(wb.files || []);
         } catch (err) {
           setError(String(err.message || err));
         }
@@ -277,6 +289,56 @@ window.__ModuleLoader__.load({
         }
       };
 
+      const exportMd = async () => {
+        try {
+          const resp = await fetch("/api/dsh-trivium/export.md");
+          const text = await resp.text();
+          if (!resp.ok) {
+            let message = "HTTP " + resp.status;
+            try {
+              message = JSON.parse(text).message || message;
+            } catch {
+              // keep
+            }
+            throw new Error(message);
+          }
+          const blob = new Blob([text], { type: "text/markdown;charset=utf-8" });
+          const a = document.createElement("a");
+          a.href = URL.createObjectURL(blob);
+          a.download = "MEMORY.md";
+          a.click();
+          URL.revokeObjectURL(a.href);
+        } catch (err) {
+          setError(String(err.message || err));
+        }
+      };
+
+      const importBuddy = async () => {
+        setBusy(true);
+        setBuddyNote("");
+        try {
+          const r = await api("/api/dsh-trivium/import-workbuddy", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: "{}",
+          });
+          setSaved(true);
+          setBuddyNote(
+            "导入 " +
+              (r.created || 0) +
+              " 新建 / " +
+              (r.merged || 0) +
+              " 合并，跳过 " +
+              (r.skipped || 0),
+          );
+          await load();
+        } catch (err) {
+          setError(String(err.message || err));
+        } finally {
+          setBusy(false);
+        }
+      };
+
       const importJson = async (file) => {
         if (!file) return;
         setBusy(true);
@@ -358,6 +420,7 @@ window.__ModuleLoader__.load({
                   }),
                   jsx(Button, { variant: "outline", size: "sm", onClick: load, children: L.refresh }),
                   jsx(Button, { variant: "outline", size: "sm", onClick: exportJson, children: L.exportJson }),
+                  jsx(Button, { variant: "outline", size: "sm", onClick: exportMd, children: L.exportMd }),
                   jsx(Button, {
                     variant: "outline",
                     size: "sm",
@@ -425,6 +488,37 @@ window.__ModuleLoader__.load({
               jsx("div", { style: ui.hint, children: L.extractHint }),
             ],
           }),
+          jsxs("div", {
+            style: ui.card,
+            children: [
+              jsx("div", { style: ui.cardTitle, children: L.markdown }),
+              jsx("div", { style: ui.hint, children: L.markdownHint }),
+              jsx("div", { style: ui.cardTitle, children: L.workbuddy }),
+              jsx("div", { style: ui.hint, children: L.workbuddyHint }),
+              jsx("div", {
+                style: { ...ui.hint, wordBreak: "break-all" },
+                children: (buddyFiles || []).some((f) => f.exists)
+                  ? L.workbuddyFound +
+                    "  " +
+                    buddyFiles
+                      .filter((f) => f.exists)
+                      .map((f) => f.path)
+                      .join(" · ")
+                  : L.workbuddyNone,
+              }),
+              buddyNote ? jsx("div", { style: ui.saved, children: buddyNote }) : null,
+              jsx("div", {
+                style: { display: "flex", flexWrap: "wrap", gap: 8 },
+                children: jsx(Button, {
+                  variant: "outline",
+                  size: "sm",
+                  disabled: busy || !(buddyFiles || []).some((f) => f.exists),
+                  onClick: importBuddy,
+                  children: L.workbuddyImport,
+                }),
+              }),
+            ],
+          }),
           jsxs("div", {
             style: ui.card,
             children: [
@@ -779,7 +873,1321 @@ window.__ModuleLoader__.load({
       });
     }
 
+    function relTime(iso) {
+      const t = Date.parse(iso);
+      if (!Number.isFinite(t)) return "";
+      const sec = Math.max(0, Math.round((Date.now() - t) / 1000));
+      if (sec < 60) return "刚刚";
+      if (sec < 3600) return Math.floor(sec / 60) + " 分钟前";
+      if (sec < 86400) return Math.floor(sec / 3600) + " 小时前";
+      return Math.floor(sec / 86400) + " 天前";
+    }
+
+    function kindLabel(kind, current) {
+      if (current || kind === "tail") return "后续";
+      if (kind === "fork") return "分支";
+      return "检查点";
+    }
+
+    const GENERIC_BOX_NAMES = { "当前": 1, "已压缩": 1, "分叉": 1, "分叉点": 1, "后续": 1, "分支": 1 };
+    const MAP_BOX_W = 220;
+    const MAP_ARROW_W = 96;
+    const MAP_PAD = 40;
+    const MAP_BOX_H = 120;
+    const MAP_KID_GAP = 16;
+    const MAP_KID_H = 96;
+    const MAP_FORK_WIRE = 28;
+    const MAP_COL_H = MAP_PAD * 2 + MAP_BOX_H + 2 * (MAP_KID_H + MAP_KID_GAP + MAP_FORK_WIRE);
+
+    let workspacesList = null;
+
+    function customBoxTitle(node) {
+      const name = String(node?.name || "").trim();
+      if (!name || GENERIC_BOX_NAMES[name]) return "";
+      const summary = String(node?.summary || "").replace(/\s+/g, " ").trim();
+      if (name === summary) return "";
+      if (summary.length > 48 && (name === summary.slice(0, 47) + "…" || name === summary.slice(0, 48))) return "";
+      return name;
+    }
+
+    function isGenericCopy(value) {
+      const text = String(value || "").replace(/\s+/g, " ").trim();
+      return !text || !!GENERIC_BOX_NAMES[text];
+    }
+
+    function proseOf(raw) {
+      return String(raw || "")
+        .replace(/```[\s\S]*?```/g, " ")
+        .replace(/^#{1,6}\s+/gm, "")
+        .replace(/\*\*/g, "")
+        .replace(/\s+/g, " ")
+        .trim();
+    }
+
+    function boxBody(node, livePreview) {
+      const custom = customBoxTitle(node);
+      let raw = proseOf(node?.summary);
+      if (isGenericCopy(raw)) raw = "";
+      if (!raw && livePreview) raw = proseOf(livePreview);
+      if (!raw && custom) raw = custom;
+      return raw;
+    }
+
+    function lastUserPreview(chat) {
+      const order = chat?.order || [];
+      const nodes = chat?.nodes;
+      if (!nodes || !order.length) return "";
+      for (let i = order.length - 1; i >= 0; i -= 1) {
+        const n = typeof nodes.get === "function" ? nodes.get(order[i]) : null;
+        if (!n || (n.kind !== "user" && n.kind !== "steering")) continue;
+        const data = n.data || {};
+        const blocks = data.blocks || data.content || data.message?.content;
+        let text = data.text || "";
+        if (!text && Array.isArray(blocks)) {
+          text = blocks
+            .map((b) => (typeof b === "string" ? b : b.text || b.content || ""))
+            .join(" ");
+        }
+        const s = proseOf(text);
+        if (s && !s.startsWith("/")) return s.slice(0, 240);
+      }
+      return "";
+    }
+
+    function chatAnchorKey(chat, node) {
+      const nodes = chat?.nodes;
+      if (!nodes || typeof nodes.values !== "function") return "";
+      const wantId = String(node?.compactionId || "");
+      const wantSeq = Number(node?.atSeq);
+      let best = "";
+      let bestDist = Infinity;
+      for (const n of nodes.values()) {
+        const data = n.data || {};
+        const id = String(data.id || data.compactionId || "");
+        const seq = Number(n.anchorSeq ?? data.seq);
+        if (wantId && id && id === wantId) return n.key;
+        if (n.kind === "compaction" || n.kind === "manual-compaction") {
+          if (Number.isFinite(seq) && Number.isFinite(wantSeq)) {
+            if (seq === wantSeq) return n.key;
+            const dist = Math.abs(seq - wantSeq);
+            if (dist < bestDist) {
+              bestDist = dist;
+              best = n.key;
+            }
+          }
+        }
+      }
+      return best;
+    }
+
+    function scrollConversation({ key, bottom }) {
+      let n = 0;
+      const tick = () => {
+        const host = document.querySelector("[data-conversation-scroll]");
+        if (bottom && host) {
+          host.scrollTop = host.scrollHeight;
+          return;
+        }
+        const root = host || document;
+        if (key) {
+          for (const row of root.querySelectorAll("[data-chat-anchor-key]")) {
+            if (row.dataset.chatAnchorKey === key) {
+              row.scrollIntoView({ block: "center", inline: "nearest" });
+              return;
+            }
+          }
+        }
+        if (n < 24) {
+          n += 1;
+          setTimeout(tick, 50);
+        }
+      };
+      setTimeout(tick, 40);
+    }
+
+    function layoutChain(nodes, edges, sessionId, liveSessions) {
+      const mine = (nodes || []).filter((n) => n.sessionId === sessionId);
+      const checks = mine
+        .filter((n) => n.kind === "checkpoint")
+        .sort((a, b) => (a.atSeq || 0) - (b.atSeq || 0) || a.id - b.id);
+      const tail = mine.find((n) => n.kind === "tail");
+      const chain = tail ? checks.concat(tail) : checks;
+      const byId = new Map((nodes || []).map((n) => [n.id, n]));
+      const attachId = (cutId) => {
+        const cut = byId.get(cutId);
+        if (!cut || cut.kind !== "fork") return cutId;
+        const seq = cut.atSeq || 0;
+        const hit = [...checks].reverse().find((n) => (n.atSeq || 0) <= seq);
+        return (hit || tail || cut).id;
+      };
+      const kids = new Map();
+      for (const e of edges || []) {
+        if (e.label !== "forks_from") continue;
+        const child = byId.get(e.from);
+        if (!child || child.sessionId === sessionId) continue;
+        if (liveSessions && !liveSessions.has(String(child.sessionId))) continue;
+        const to = attachId(e.to);
+        const list = kids.get(to) || [];
+        list.push(child);
+        kids.set(to, list);
+      }
+      return { chain, kids };
+    }
+
+    function increasedForkTitle(title) {
+      const text = String(title || "").trim();
+      if (!text) return "分叉 (1)";
+      const ascii = /^(.*?)\((\d+)\)$/u.exec(text);
+      if (ascii?.[1] != null && ascii[2] != null) return ascii[1] + "(" + (Number(ascii[2]) + 1) + ")";
+      const fullWidth = /^(.*?)（(\d+)）$/u.exec(text);
+      if (fullWidth?.[1] != null && fullWidth[2] != null) return fullWidth[1] + "（" + (Number(fullWidth[2]) + 1) + "）";
+      return text + " (1)";
+    }
+
+    function nextForkTitle(byId, sourceId) {
+      const row = byId?.[sourceId] || {};
+      return increasedForkTitle(row.title || row.displayTitle || "");
+    }
+
+    function boxKicker(node, { current, child, sessionTitle }) {
+      if (child) return sessionTitle || "分叉";
+      if (current || node?.kind === "tail") return "后续";
+      if (node?.atSeq != null && Number(node.atSeq) > 0) return "seq " + node.atSeq;
+      return kindLabel(node?.kind, current);
+    }
+
+    function splitKids(list) {
+      const above = [];
+      const below = [];
+      (list || []).forEach((kid, i) => {
+        if (i % 2 === 0) above.push(kid);
+        else below.push(kid);
+      });
+      return { above, below };
+    }
+
+    function chainWorldWidth(len) {
+      const n = Math.max(1, len);
+      return MAP_PAD * 2 + n * MAP_BOX_W + Math.max(0, n - 1) * MAP_ARROW_W;
+    }
+
+    function minPanX(chainLen, canvasW, scale) {
+      return Math.min(0, (canvasW || 640) - chainWorldWidth(chainLen) * scale);
+    }
+
+    function centerPan(chainLen, canvas, scale) {
+      const cw = canvas?.clientWidth || 640;
+      const ch = canvas?.clientHeight || 260;
+      const worldW = chainWorldWidth(Math.max(1, chainLen));
+      const worldH = MAP_COL_H;
+      return {
+        x: (cw - worldW * scale) / 2,
+        y: (ch - worldH * scale) / 2,
+      };
+    }
+
+    function panToForkChild(nodes, edges, parentSessionId, childSessionId, canvas, scale, liveSessions) {
+      const { chain, kids } = layoutChain(nodes, edges, parentSessionId, liveSessions);
+      let col = Math.max(0, chain.length - 1);
+      let foundKid = false;
+      let split = { above: [], below: [] };
+      for (let i = 0; i < chain.length; i += 1) {
+        const list = kids.get(chain[i].id) || [];
+        if (list.some((k) => k.sessionId === childSessionId)) {
+          col = i;
+          foundKid = true;
+          split = splitKids(list);
+          break;
+        }
+      }
+      const cw = canvas?.clientWidth || 640;
+      const ch = canvas?.clientHeight || 260;
+      const x = MAP_PAD + col * (MAP_BOX_W + MAP_ARROW_W);
+      const midY = MAP_PAD + (MAP_COL_H - MAP_PAD * 2 - MAP_BOX_H) / 2;
+      const aboveH = foundKid && split.above.length ? MAP_KID_H + MAP_KID_GAP + MAP_FORK_WIRE : 0;
+      const belowH = foundKid && split.below.length ? MAP_KID_H + MAP_KID_GAP + MAP_FORK_WIRE : 0;
+      const y = midY - aboveH;
+      const w = foundKid ? 188 : MAP_BOX_W;
+      const h = MAP_BOX_H + aboveH + belowH;
+      let nextScale = scale;
+      if (w * nextScale > cw - 32) nextScale = Math.max(0.35, (cw - 32) / w);
+      if ((y + h) * nextScale > ch - 24) {
+        nextScale = Math.max(0.35, Math.min(nextScale, (ch - 24) / (y + h)));
+      }
+      const left = x * nextScale;
+      const right = (x + w) * nextScale;
+      const top = y * nextScale;
+      const bottom = (y + h) * nextScale;
+      let panX = 0;
+      let panY = 0;
+      if (right > cw - 16) panX = cw - 16 - right;
+      if (left + panX < 16) panX = 16 - left;
+      if (bottom > ch - 16) panY = ch - 16 - bottom;
+      if (top + panY < 16) panY = 16 - top;
+      return { pan: { x: panX, y: panY }, scale: nextScale };
+    }
+
+    function svgIcon(children) {
+      return jsxs("svg", {
+        width: 15,
+        height: 15,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 1.6,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": true,
+        children,
+      });
+    }
+
+    function ForkIcon() {
+      return svgIcon([
+        jsx("circle", { cx: 3.2, cy: 8, r: 1.55, fill: "currentColor", stroke: "none" }, "a"),
+        jsx("circle", { cx: 12.6, cy: 3.2, r: 1.55, fill: "currentColor", stroke: "none" }, "b"),
+        jsx("circle", { cx: 12.6, cy: 12.8, r: 1.55, fill: "currentColor", stroke: "none" }, "c"),
+        jsx("path", { d: "M4.7 8h2.1c1.6 0 2.4-.6 3.3-1.8L11.4 4.4" }, "d"),
+        jsx("path", { d: "M6.8 8c1.6 0 2.4.6 3.3 1.8l1.3 1.8" }, "e"),
+      ]);
+    }
+
+    function TrajectoryIcon() {
+      return svgIcon([
+        jsx("path", { d: "M1.8 11.6h2.3l1.7-7.2h3.1l1.4 4.4H14" }, "a"),
+        jsx("circle", { cx: 14, cy: 8.8, r: 1.25, fill: "currentColor", stroke: "none" }, "b"),
+      ]);
+    }
+
+    function ArrowH() {
+      const w = MAP_ARROW_W;
+      const y = 9;
+      const head = w - 12;
+      return jsxs("svg", {
+        width: w,
+        height: 18,
+        viewBox: "0 0 " + w + " 18",
+        "aria-hidden": true,
+        children: [
+          jsx("line", {
+            x1: 1,
+            y1: y,
+            x2: head,
+            y2: y,
+            stroke: "currentColor",
+            strokeWidth: 2.4,
+            strokeLinecap: "round",
+          }),
+          jsx("polygon", {
+            points: head + ",3 " + (w - 1) + "," + y + " " + head + ",15",
+            fill: "currentColor",
+          }),
+        ],
+      });
+    }
+
+    function ArrowV({ dir }) {
+      const down = dir !== "up";
+      const h = MAP_FORK_WIRE;
+      const x = 9;
+      const head = h - 10;
+      return jsxs("svg", {
+        width: 18,
+        height: h,
+        viewBox: "0 0 18 " + h,
+        "aria-hidden": true,
+        style: { flexShrink: 0, transform: down ? undefined : "rotate(180deg)" },
+        children: [
+          jsx("line", {
+            x1: x,
+            y1: 1,
+            x2: x,
+            y2: head,
+            stroke: "currentColor",
+            strokeWidth: 2.4,
+            strokeLinecap: "round",
+          }),
+          jsx("polygon", {
+            points: "3," + head + " " + x + "," + (h - 1) + " 15," + head,
+            fill: "currentColor",
+          }),
+        ],
+      });
+    }
+
+    function sharedChatStore(ctx) {
+      try {
+        const views = typeof ctx.slots.entries === "function" ? ctx.slots.entries("conversation.view") : [];
+        const chat = (views || []).find((e) => e?.options?.id === "chat");
+        if (chat?.store) return chat.store;
+        const sessions = typeof ctx.slots.entries === "function" ? ctx.slots.entries("conversation.session") : [];
+        return sessions?.[0]?.store;
+      } catch {
+        return undefined;
+      }
+    }
+
+    const mapUi = {
+      root: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        minHeight: 0,
+        gap: 10,
+        padding: "8px 4px 12px",
+        position: "relative",
+      },
+      chipsHead: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" },
+      chipsTitle: { fontSize: 13, fontWeight: 650 },
+      hint: { fontSize: 12, opacity: 0.62 },
+      chips: { display: "flex", flexWrap: "wrap", gap: 8, alignItems: "center" },
+      chip: {
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        fontSize: 12,
+        cursor: "pointer",
+        border: "1px solid rgba(127,127,127,0.28)",
+        borderRadius: 999,
+        padding: "4px 10px",
+        maxWidth: 280,
+      },
+      chipSuggest: { borderColor: "currentColor", background: "rgba(127,127,127,0.08)" },
+      suggest: { fontSize: 10, fontWeight: 650, opacity: 0.78, flexShrink: 0 },
+      search: {
+        width: 180,
+        boxSizing: "border-box",
+        fontSize: 12,
+        padding: "4px 8px",
+        borderRadius: 8,
+        border: "1px solid rgba(127,127,127,0.28)",
+        background: "transparent",
+        color: "inherit",
+      },
+      inherit: { display: "flex", alignItems: "center", gap: 6, fontSize: 12, cursor: "pointer", margin: 0 },
+      titleRow: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 },
+      title: {
+        fontSize: 14,
+        fontWeight: 700,
+        lineHeight: 1.3,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        minWidth: 0,
+        flex: 1,
+      },
+      titleInput: {
+        flex: 1,
+        minWidth: 0,
+        boxSizing: "border-box",
+        fontSize: 13,
+        fontWeight: 700,
+        padding: "3px 6px",
+        borderRadius: 6,
+        border: "1px solid currentColor",
+        background: "transparent",
+        color: "inherit",
+      },
+      ghostBtn: {
+        fontSize: 10,
+        padding: "1px 6px",
+        borderRadius: 6,
+        border: "1px solid rgba(127,127,127,0.35)",
+        background: "transparent",
+        color: "inherit",
+        cursor: "pointer",
+        flexShrink: 0,
+        opacity: 0.85,
+      },
+      iconRow: {
+        position: "absolute",
+        right: 8,
+        bottom: 8,
+        zIndex: 3,
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+        pointerEvents: "auto",
+      },
+      iconBtn: {
+        width: 32,
+        height: 32,
+        boxSizing: "border-box",
+        padding: 0,
+        borderRadius: 7,
+        border: "1px solid rgba(127,127,127,0.35)",
+        background: "rgba(127,127,127,0.12)",
+        color: "inherit",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0,
+        pointerEvents: "auto",
+        position: "relative",
+        zIndex: 4,
+      },
+      canvas: {
+        flex: 1,
+        minHeight: 260,
+        overflow: "hidden",
+        position: "relative",
+        cursor: "grab",
+        border: "1px solid rgba(127,127,127,0.22)",
+        borderRadius: 10,
+        touchAction: "none",
+      },
+      world: {
+        transformOrigin: "0 0",
+        display: "inline-flex",
+        padding: "0 " + MAP_PAD + "px",
+        alignItems: "stretch",
+        gap: 0,
+      },
+      col: {
+        display: "grid",
+        gridTemplateRows: "minmax(0,1fr) auto minmax(0,1fr)",
+        justifyItems: "center",
+        minHeight: MAP_COL_H,
+        width: MAP_BOX_W,
+      },
+      kidStack: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: MAP_KID_GAP,
+        paddingBottom: MAP_KID_GAP,
+        width: "100%",
+        minHeight: 0,
+      },
+      kidStackBelow: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        gap: MAP_KID_GAP,
+        paddingTop: MAP_KID_GAP,
+        width: "100%",
+        minHeight: 0,
+      },
+      row: { display: "flex", alignItems: "stretch" },
+      arrow: {
+        display: "grid",
+        gridTemplateRows: "minmax(0,1fr) auto minmax(0,1fr)",
+        width: MAP_ARROW_W,
+        flexShrink: 0,
+      },
+      arrowMid: {
+        height: MAP_BOX_H,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "currentColor",
+      },
+      forkArrow: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "currentColor",
+        opacity: 0.92,
+      },
+      box: {
+        width: 220,
+        minHeight: MAP_BOX_H,
+        position: "relative",
+        borderRadius: 10,
+        padding: "10px 12px 40px",
+        border: "1px solid rgba(127,127,127,0.35)",
+        cursor: "default",
+        display: "flex",
+        flexDirection: "column",
+        gap: 4,
+        background: "transparent",
+        textAlign: "left",
+        pointerEvents: "auto",
+        zIndex: 1,
+      },
+      boxMain: {
+        flex: 1,
+        minWidth: 0,
+        minHeight: 0,
+        display: "flex",
+        flexDirection: "column",
+        gap: 4,
+        cursor: "pointer",
+      },
+      boxCurrent: { boxShadow: "0 0 0 2px currentColor", borderColor: "currentColor" },
+      boxKid: { width: 188, minHeight: MAP_KID_H, padding: "8px 10px 36px", opacity: 0.92 },
+      kicker: { fontSize: 11, opacity: 0.62, fontWeight: 650 },
+      summary: {
+        fontSize: 13,
+        lineHeight: 1.4,
+        display: "-webkit-box",
+        WebkitLineClamp: 3,
+        WebkitBoxOrient: "vertical",
+        overflow: "hidden",
+      },
+      error: { color: "#c44", fontSize: 13 },
+      foldBtn: {
+        fontSize: 12,
+        padding: "3px 10px",
+        borderRadius: 8,
+        border: "1px solid rgba(127,127,127,0.35)",
+        background: "transparent",
+        color: "inherit",
+        cursor: "pointer",
+        flexShrink: 0,
+      },
+      overlay: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 20,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "rgba(0,0,0,0.28)",
+      },
+      dialog: {
+        width: 360,
+        maxWidth: "92%",
+        borderRadius: 12,
+        border: "1px solid rgba(127,127,127,0.35)",
+        background: "var(--dsw-alias-bg-base, #fff)",
+        padding: "14px 16px 12px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 10,
+        boxShadow: "0 8px 28px rgba(0,0,0,0.18)",
+      },
+      dialogTitle: { fontSize: 14, fontWeight: 650 },
+      dialogRow: { display: "flex", justifyContent: "flex-end", gap: 8 },
+    };
+
+    function EpisodeBox({ node, current, child, sessionTitle, onJump, onFork, onInspect, onRename, canSetView, busy, livePreview }) {
+      const [editing, setEditing] = react.useState(false);
+      const [draft, setDraft] = react.useState("");
+      const customTitle = customBoxTitle(node);
+      const canRename = typeof onRename === "function" && Number.isFinite(Number(node?.id));
+      const startEdit = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (!canRename) return;
+        setDraft(customTitle);
+        setEditing(true);
+      };
+      const commitEdit = () => {
+        if (!editing) return;
+        setEditing(false);
+        const next = String(draft || "").trim();
+        if (next === customTitle) return;
+        onRename(node, next);
+      };
+      const stopIcon = (e) => {
+        e.stopPropagation();
+      };
+      const inspectBtn = jsx("button", {
+        type: "button",
+        title: "轨迹",
+        "aria-label": "轨迹",
+        "data-map-inspect": "1",
+        style: mapUi.iconBtn,
+        onPointerDown: stopIcon,
+        onPointerUp: stopIcon,
+        onClick: (e) => {
+          stopIcon(e);
+          if (typeof onInspect === "function") onInspect(node);
+        },
+        children: jsx(TrajectoryIcon, {}),
+      });
+      const forkBtn = jsx("button", {
+        type: "button",
+        title: "分叉",
+        "aria-label": "分叉",
+        "data-map-fork": "1",
+        disabled: !!busy,
+        style: { ...mapUi.iconBtn, ...(busy ? { opacity: 0.4 } : {}) },
+        onPointerDown: stopIcon,
+        onPointerUp: stopIcon,
+        onClick: (e) => {
+          stopIcon(e);
+          onFork(node);
+        },
+        children: jsx(ForkIcon, {}),
+      });
+      const openChatBtn =
+        !canSetView
+          ? jsx("button", {
+              type: "button",
+              title: "打开对话",
+              "aria-label": "打开对话",
+              "data-map-open": "1",
+              style: mapUi.iconBtn,
+              onPointerDown: stopIcon,
+              onPointerUp: stopIcon,
+              onClick: (e) => {
+                stopIcon(e);
+                onJump(node);
+              },
+              children: "对",
+            })
+          : null;
+      const titleNode = editing
+        ? jsx("input", {
+            value: draft,
+            autoFocus: true,
+            "aria-label": "方框标题",
+            style: mapUi.titleInput,
+            onPointerDown: (e) => e.stopPropagation(),
+            onClick: (e) => e.stopPropagation(),
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: (e) => {
+              e.stopPropagation();
+              if (e.key === "Enter") {
+                e.preventDefault();
+                commitEdit();
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                setEditing(false);
+              }
+            },
+            onBlur: commitEdit,
+          })
+        : jsx("div", {
+            style: mapUi.title,
+            title: "双击改名",
+            onClick: (e) => e.stopPropagation(),
+            onDoubleClick: startEdit,
+            children: customTitle,
+          });
+      const body = boxBody(node, !child && (current || node.kind === "tail") ? livePreview : "");
+      const jump = (e) => {
+        if (e) e.stopPropagation();
+        if (editing) return;
+        onJump(node);
+      };
+      return jsxs("div", {
+        "data-map-box": child ? "child" : current ? "current" : "main",
+        "data-map-session": String(node.sessionId || ""),
+        "data-map-kind": String(node.kind || ""),
+        onPointerDown: (e) => e.stopPropagation(),
+        onPointerUp: (e) => e.stopPropagation(),
+        style: {
+          ...mapUi.box,
+          ...(current ? mapUi.boxCurrent : {}),
+          ...(child ? mapUi.boxKid : {}),
+        },
+        children: [
+          jsxs("div", {
+            role: "button",
+            tabIndex: 0,
+            "data-map-jump": "1",
+            style: mapUi.boxMain,
+            onClick: jump,
+            onKeyDown: (e) => {
+              if (editing) return;
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onJump(node);
+              }
+            },
+            children: [
+              jsxs("div", {
+                style: mapUi.titleRow,
+                children: [
+                  jsxs("div", {
+                    style: { ...mapUi.kicker, flex: 1, minWidth: 0 },
+                    title: canRename ? "双击改名" : undefined,
+                    onDoubleClick: startEdit,
+                    children: [
+                      boxKicker(node, { current, child, sessionTitle }),
+                    ],
+                  }),
+                  canRename
+                    ? jsx("button", {
+                        type: "button",
+                        style: mapUi.ghostBtn,
+                        onPointerDown: stopIcon,
+                        onClick: startEdit,
+                        children: "改名",
+                      })
+                    : null,
+                ],
+              }),
+              customTitle || editing ? titleNode : null,
+              jsx("div", { style: mapUi.summary, children: body || "（尚无摘要）" }),
+              jsx("div", { style: mapUi.hint, children: relTime(node.createdAt) }),
+            ],
+          }),
+          jsxs("div", {
+            style: mapUi.iconRow,
+            onPointerDown: stopIcon,
+            onClick: stopIcon,
+            children: [inspectBtn, forkBtn, openChatBtn],
+          }),
+        ],
+      });
+    }
+
+    let pendingSessionNav = null;
+
+    function SessionMapView({ sessionId, useSessions, useSession, fork, open, renameSession, actions }) {
+      const canSetView = typeof actions?.setView === "function";
+      const chat = useSession((s) => s.chat);
+      const cwd = useSessions((s) => (sessionId == null ? "" : s.byId[sessionId]?.cwd || ""));
+      const sessionById = useSessions((s) => s.byId);
+      const [archivedIds, setArchivedIds] = react.useState([]);
+      const lineageKey = useSessions((s) => {
+        const byId = s.byId || {};
+        const kids = [];
+        for (const id of Object.keys(byId)) {
+          if (byId[id]?.parentSessionId === sessionId) kids.push(id);
+        }
+        kids.sort();
+        return String(byId[sessionId]?.parentSessionId || "") + ":" + kids.join(",") + ":" + archivedIds.join(",");
+      });
+      const [nodes, setNodes] = react.useState([]);
+      const [edges, setEdges] = react.useState([]);
+      const [chips, setChips] = react.useState([]);
+      const [pinIds, setPinIds] = react.useState([]);
+      const [clipped, setClipped] = react.useState(false);
+      const [error, setError] = react.useState("");
+      const [busy, setBusy] = react.useState(false);
+      const [scale, setScale] = react.useState(1);
+      const [pan, setPan] = react.useState({ x: 0, y: 0 });
+      const [chipQuery, setChipQuery] = react.useState("");
+      const [inheritPins, setInheritPins] = react.useState(false);
+      const [chipsOpen, setChipsOpen] = react.useState(false);
+      const [forkDraft, setForkDraft] = react.useState(null);
+      const canvasRef = react.useRef(null);
+      const dragRef = react.useRef(null);
+      const userMovedRef = react.useRef(false);
+
+      react.useEffect(() => {
+        const list = workspacesList;
+        if (!list || typeof list.subscribe !== "function" || typeof list.getSnapshot !== "function") {
+          return undefined;
+        }
+        const pull = () => {
+          try {
+            const ids = list.getSnapshot()?.archivedSessionIds || [];
+            setArchivedIds(Array.from(ids, String));
+          } catch {
+            setArchivedIds([]);
+          }
+        };
+        pull();
+        return list.subscribe(pull);
+      }, []);
+
+      const liveSessions = react.useMemo(() => {
+        const archived = new Set(archivedIds);
+        const live = new Set();
+        for (const id of Object.keys(sessionById || {})) {
+          if (!archived.has(id)) live.add(id);
+        }
+        if (sessionId) live.add(String(sessionId));
+        return live;
+      }, [archivedIds, sessionById, sessionId]);
+
+      const qs = react.useMemo(() => {
+        const params = new URLSearchParams();
+        if (cwd) params.set("cwd", cwd);
+        if (sessionId) params.set("sessionId", String(sessionId));
+        const s = params.toString();
+        return s ? "?" + s : "";
+      }, [cwd, sessionId]);
+
+      const load = react.useCallback(async () => {
+        if (!sessionId) return { nodes: [], edges: [] };
+        try {
+          const map = await api("/api/dsh-trivium/map" + qs);
+          setNodes(map.nodes || []);
+          setEdges(map.edges || []);
+          const chipResp = await api("/api/dsh-trivium/chips" + qs);
+          setChips(chipResp.chips || []);
+          const pinResp = await api("/api/dsh-trivium/pins" + qs);
+          setPinIds(pinResp.ids || []);
+          setClipped(!!pinResp.clipped);
+          setError("");
+          return map;
+        } catch (err) {
+          setError(String(err.message || err));
+          return { nodes: [], edges: [] };
+        }
+      }, [qs, sessionId]);
+
+      react.useEffect(() => {
+        load();
+      }, [load, lineageKey]);
+
+      const { chain, kids } = react.useMemo(
+        () => layoutChain(nodes, edges, sessionId, liveSessions),
+        [nodes, edges, sessionId, liveSessions],
+      );
+
+      react.useEffect(() => {
+        userMovedRef.current = false;
+        setScale(1);
+      }, [sessionId]);
+
+      react.useEffect(() => {
+        const nav = pendingSessionNav;
+        if (!nav || nav.sessionId !== sessionId) return undefined;
+        pendingSessionNav = null;
+        if (nav.view && typeof actions?.setView === "function") actions.setView(nav.view);
+        if (nav.view === "chat") {
+          scrollConversation({ bottom: !!nav.bottom, key: nav.key || "" });
+        }
+        return undefined;
+      }, [sessionId]);
+
+      react.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return undefined;
+        const place = () => {
+          if (userMovedRef.current) return;
+          setPan(centerPan(chain.length, el, 1));
+        };
+        place();
+        const ro = typeof ResizeObserver === "function" ? new ResizeObserver(place) : null;
+        if (ro) ro.observe(el);
+        return () => {
+          if (ro) ro.disconnect();
+        };
+      }, [chain.length, lineageKey, nodes, edges, sessionId]);
+
+      react.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return undefined;
+        const onWheel = (e) => {
+          e.preventDefault();
+          userMovedRef.current = true;
+          const factor = e.deltaY > 0 ? 0.92 : 1.08;
+          setScale((s) => Math.min(2.4, Math.max(0.35, s * factor)));
+        };
+        el.addEventListener("wheel", onWheel, { passive: false });
+        return () => el.removeEventListener("wheel", onWheel);
+      }, []);
+
+      const onPointerDown = (e) => {
+        if (e.button !== 0) return;
+        if (e.target !== e.currentTarget && e.target.closest?.("[data-map-box]")) return;
+        dragRef.current = { x: e.clientX, y: e.clientY, panX: pan.x, panY: pan.y };
+        e.currentTarget.setPointerCapture?.(e.pointerId);
+      };
+      const onPointerMove = (e) => {
+        const drag = dragRef.current;
+        if (!drag) return;
+        userMovedRef.current = true;
+        setPan({ x: drag.panX + (e.clientX - drag.x), y: drag.panY + (e.clientY - drag.y) });
+      };
+      const onPointerUp = () => {
+        dragRef.current = null;
+      };
+
+      const openSession = (id, nav) => {
+        if (typeof open !== "function") {
+          setError("无法打开分叉会话：会话图没有拿到 session.open");
+          return false;
+        }
+        try {
+          pendingSessionNav = nav;
+          open(id);
+          return true;
+        } catch (err) {
+          pendingSessionNav = null;
+          setError(String(err.message || err));
+          return false;
+        }
+      };
+
+      const jumpToChat = (node) => {
+        if (node.sessionId && node.sessionId !== sessionId) {
+          openSession(node.sessionId, { sessionId: node.sessionId, view: "chat", bottom: true });
+          return;
+        }
+        if (typeof actions?.setView !== "function") {
+          setError("无法切换到对话页：会话图没有拿到同一 chat store 的 setView");
+          return;
+        }
+        const toEnd = node.kind === "tail" || !!node.current || !Number(node.atSeq);
+        actions.setView("chat");
+        if (typeof actions.select === "function") {
+          if (toEnd) actions.select(null);
+          else actions.select({ turnSeq: Number(node.atSeq) });
+        }
+        scrollConversation({
+          bottom: toEnd,
+          key: toEnd ? "" : chatAnchorKey(chat, node),
+        });
+      };
+
+      const jumpToTrajectory = (node) => {
+        if (node?.sessionId && node.sessionId !== sessionId) {
+          openSession(node.sessionId, { sessionId: node.sessionId, view: "trajectory" });
+          return;
+        }
+        if (typeof actions?.setView === "function") {
+          actions.setView("trajectory");
+        } else {
+          setError("无法切换到轨迹页：会话图没有拿到同一 chat store 的 setView");
+        }
+      };
+
+      const renameBox = async (node, name) => {
+        if (!Number.isFinite(Number(node?.id))) return;
+        try {
+          await api("/api/dsh-trivium/episodes/" + node.id + (cwd ? "?cwd=" + encodeURIComponent(cwd) : ""), {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ name }),
+          });
+          await load();
+        } catch (err) {
+          setError(String(err.message || err));
+        }
+      };
+
+      const forkBox = async (node, title) => {
+        if (busy) return;
+        setBusy(true);
+        setError("");
+        try {
+          if (typeof fork !== "function") throw new Error("当前壳没有 session.fork");
+          const sourceId = String(node.sessionId || sessionId);
+          const opts = { sessionId: sourceId, increaseTitle: true };
+          if (!node.current && node.kind !== "tail" && Number.isFinite(Number(node.atSeq))) {
+            opts.atSeq = Number(node.atSeq);
+          }
+          const childId = await fork(opts);
+          const wanted = String(title || "").trim();
+          if (childId && wanted && typeof renameSession === "function") {
+            try {
+              await renameSession(childId, wanted);
+            } catch (err) {
+              setError("会话已分叉，但侧边栏改名失败：" + String(err.message || err));
+            }
+          }
+          if (inheritPins && childId) {
+            await api("/api/dsh-trivium/pins" + (cwd ? "?cwd=" + encodeURIComponent(cwd) : ""), {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ sessionId: childId, inherit: true, inheritFrom: sourceId }),
+            });
+          }
+          const snap = await load();
+          userMovedRef.current = true;
+          const next = panToForkChild(
+            snap.nodes || [],
+            snap.edges || [],
+            sessionId,
+            childId,
+            canvasRef.current,
+            scale,
+            liveSessions,
+          );
+          setPan(next.pan);
+          setScale(next.scale);
+          if (childId) openSession(childId, { sessionId: childId, view: "chat", bottom: true });
+        } catch (err) {
+          setError(String(err.message || err));
+        } finally {
+          setBusy(false);
+          setForkDraft(null);
+        }
+      };
+
+      const askFork = (node) => {
+        if (busy) return;
+        const sourceId = String(node?.sessionId || sessionId);
+        setForkDraft({
+          node,
+          title: nextForkTitle(sessionById, sourceId),
+        });
+      };
+
+      const togglePin = async (id, on) => {
+        const next = on ? pinIds.concat(id).filter((x, i, a) => a.indexOf(x) === i) : pinIds.filter((x) => x !== id);
+        try {
+          const pin = await api("/api/dsh-trivium/pins" + (cwd ? "?cwd=" + encodeURIComponent(cwd) : ""), {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ sessionId, ids: next }),
+          });
+          setPinIds(pin.ids || next);
+          setClipped(!!pin.clipped);
+        } catch (err) {
+          setError(String(err.message || err));
+        }
+      };
+
+      const pinSet = new Set(pinIds);
+      const visibleChips = react.useMemo(() => {
+        const needle = chipQuery.trim().toLowerCase();
+        if (!needle) return chips;
+        return chips.filter((c) =>
+          [c.name, c.text, c.type, c.l0].some((s) => String(s || "").toLowerCase().includes(needle)),
+        );
+      }, [chips, chipQuery]);
+
+      const boxProps = {
+        onJump: jumpToChat,
+        onFork: askFork,
+        onInspect: jumpToTrajectory,
+        onRename: renameBox,
+        canSetView,
+        busy,
+        livePreview: lastUserPreview(chat),
+      };
+
+      return jsxs("div", {
+        "data-map-build": "sessions-inject",
+        style: mapUi.root,
+        children: [
+          jsxs("div", {
+            style: mapUi.chipsHead,
+            children: [
+              jsx("div", { style: mapUi.chipsTitle, children: "记忆芯片" }),
+              jsx("div", {
+                style: mapUi.hint,
+                children:
+                  "共 " +
+                  chips.length +
+                  " 条，已钉 " +
+                  pinIds.length +
+                  "。默认不勾选：不钉就不会按芯片白名单注入，但仍可能被开场短地图点名带上，模型也能 find 到。",
+              }),
+              jsx("button", {
+                type: "button",
+                style: mapUi.foldBtn,
+                onClick: () => setChipsOpen((v) => !v),
+                children: chipsOpen ? "收起" : "展开勾选",
+              }),
+            ],
+          }),
+          chipsOpen
+            ? jsxs("div", {
+                style: { display: "flex", flexDirection: "column", gap: 8 },
+                children: [
+                  jsxs("div", {
+                    style: mapUi.chipsHead,
+                    children: [
+                      jsx("input", {
+                        type: "search",
+                        placeholder: "搜索芯片",
+                        value: chipQuery,
+                        onChange: (e) => setChipQuery(e.target.value),
+                        style: mapUi.search,
+                      }),
+                      jsxs("label", {
+                        style: mapUi.inherit,
+                        children: [
+                          jsx("input", {
+                            type: "checkbox",
+                            checked: inheritPins,
+                            onChange: (e) => setInheritPins(e.target.checked),
+                          }),
+                          "分叉时继承钉选",
+                        ],
+                      }),
+                      clipped
+                        ? jsx("div", { style: mapUi.hint, children: "已截到预算（≤300 token）" })
+                        : jsx("div", { style: mapUi.hint, children: "勾选后从当前这段的下一轮注入。空白处拖动画布，滚轮缩放。" }),
+                    ],
+                  }),
+                  visibleChips.length
+                    ? jsx("div", {
+                        style: mapUi.chips,
+                        children: visibleChips.map((c) =>
+                          jsxs(
+                            "label",
+                            {
+                              style: { ...mapUi.chip, ...(c.suggested ? mapUi.chipSuggest : {}) },
+                              children: [
+                                jsx("input", {
+                                  type: "checkbox",
+                                  checked: pinSet.has(c.id),
+                                  onChange: (e) => togglePin(c.id, e.target.checked),
+                                }),
+                                c.suggested ? jsx("span", { style: mapUi.suggest, children: "建议" }) : null,
+                                jsx("span", {
+                                  style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                                  children: (c.type || "") + " · " + (c.l0 || c.name || "#" + c.id),
+                                }),
+                              ],
+                            },
+                            String(c.id),
+                          ),
+                        ),
+                      })
+                    : jsx("div", {
+                        style: mapUi.hint,
+                        children: chips.length
+                          ? "没有匹配的芯片。"
+                          : "还没有可钉选的 preference / decision / entity。",
+                      }),
+                ],
+              })
+            : null,
+          error ? jsx("div", { style: mapUi.error, children: error }) : null,
+          jsx("div", {
+            ref: canvasRef,
+            style: mapUi.canvas,
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            onPointerCancel: onPointerUp,
+            children: jsx("div", {
+              style: {
+                ...mapUi.world,
+                transform: "translate(" + pan.x + "px, " + pan.y + "px) scale(" + scale + ")",
+              },
+              children:
+                chain.length === 0
+                  ? jsxs("div", {
+                      style: mapUi.col,
+                      children: [
+                        jsx("div", { style: mapUi.kidStack }),
+                        jsx(EpisodeBox, {
+                          node: { kind: "tail", summary: "", atSeq: undefined, current: true },
+                          current: true,
+                          ...boxProps,
+                        }),
+                        jsx("div", { style: mapUi.kidStackBelow }),
+                      ],
+                    })
+                  : chain.map((node, i) => {
+                      const split = splitKids(kids.get(node.id) || []);
+                      return jsxs(
+                        "div",
+                        {
+                          style: mapUi.row,
+                          children: [
+                            jsxs("div", {
+                              style: mapUi.col,
+                              children: [
+                                jsxs("div", {
+                                  style: mapUi.kidStack,
+                                  children: [
+                                    split.above.map((kid) =>
+                                      jsx(
+                                        EpisodeBox,
+                                        {
+                                          node: kid,
+                                          child: true,
+                                          sessionTitle:
+                                            (sessionById?.[kid.sessionId] || {}).displayTitle ||
+                                            (sessionById?.[kid.sessionId] || {}).title,
+                                          ...boxProps,
+                                        },
+                                        "k" + kid.id,
+                                      ),
+                                    ),
+                                    split.above.length
+                                      ? jsx("div", { style: mapUi.forkArrow, children: jsx(ArrowV, { dir: "up" }) })
+                                      : null,
+                                  ],
+                                }),
+                                jsx(EpisodeBox, {
+                                  node,
+                                  current: !!node.current || node.kind === "tail",
+                                  ...boxProps,
+                                }),
+                                jsxs("div", {
+                                  style: mapUi.kidStackBelow,
+                                  children: [
+                                    split.below.length
+                                      ? jsx("div", { style: mapUi.forkArrow, children: jsx(ArrowV, { dir: "down" }) })
+                                      : null,
+                                    split.below.map((kid) =>
+                                      jsx(
+                                        EpisodeBox,
+                                        {
+                                          node: kid,
+                                          child: true,
+                                          sessionTitle:
+                                            (sessionById?.[kid.sessionId] || {}).displayTitle ||
+                                            (sessionById?.[kid.sessionId] || {}).title,
+                                          ...boxProps,
+                                        },
+                                        "k" + kid.id,
+                                      ),
+                                    ),
+                                  ],
+                                }),
+                              ],
+                            }),
+                            i < chain.length - 1
+                              ? jsxs("div", {
+                                  style: mapUi.arrow,
+                                  children: [
+                                    jsx("div", {}),
+                                    jsx("div", { style: mapUi.arrowMid, children: jsx(ArrowH, {}) }),
+                                    jsx("div", {}),
+                                  ],
+                                })
+                              : null,
+                          ],
+                        },
+                        String(node.id),
+                      );
+                    }),
+            }),
+          }),
+          forkDraft
+            ? jsx("div", {
+                style: mapUi.overlay,
+                onPointerDown: (e) => e.stopPropagation(),
+                children: jsxs("form", {
+                  style: mapUi.dialog,
+                  onSubmit: (e) => {
+                    e.preventDefault();
+                    if (forkDraft?.node) forkBox(forkDraft.node, forkDraft.title);
+                  },
+                  children: [
+                    jsx("div", { style: mapUi.dialogTitle, children: "分叉为新会话" }),
+                    jsx("div", {
+                      style: mapUi.hint,
+                      children: "这个名字会出现在左侧会话列表里。",
+                    }),
+                    jsx("input", {
+                      autoFocus: true,
+                      value: forkDraft.title,
+                      "aria-label": "新会话名称",
+                      onChange: (e) => setForkDraft({ ...forkDraft, title: e.target.value }),
+                      style: { ...mapUi.titleInput, flex: "none", width: "100%" },
+                    }),
+                    jsxs("div", {
+                      style: mapUi.dialogRow,
+                      children: [
+                        jsx("button", {
+                          type: "button",
+                          style: mapUi.foldBtn,
+                          onClick: () => setForkDraft(null),
+                          children: "取消",
+                        }),
+                        jsx("button", {
+                          type: "submit",
+                          style: mapUi.foldBtn,
+                          disabled: busy,
+                          children: busy ? "分叉中…" : "分叉",
+                        }),
+                      ],
+                    }),
+                  ],
+                }),
+              })
+            : null,
+        ],
+      });
+    }
+
     function apply(ctx) {
+      workspacesList = ctx.workspaces?.list || null;
+      const sessions = ctx.sessions;
       ctx.slots.inject(
         "settings.section",
         () =>
@@ -795,10 +2203,43 @@ window.__ModuleLoader__.load({
           ),
         "dsh-trivium: settings section",
       );
+      ctx.slots.inject(
+        "conversation.view",
+        () => {
+          const chatStore = sharedChatStore(ctx);
+          return ctx.slots.register(
+            {
+              name: "conversation.view",
+              id: "session-map",
+              order: 20,
+              label: () => "会话图",
+              ...(chatStore ? { store: chatStore } : {}),
+              inject: () => ({
+                fork: (opts) => sessions.fork(opts),
+                open: (id) => sessions.open(id),
+                renameSession: async (id, title) => {
+                  const face = sessions.binding?.(id)?.session;
+                  if (!face || typeof face.rename !== "function") {
+                    throw new Error("当前壳没有 session.rename");
+                  }
+                  const result = await face.rename(title);
+                  if (result && result.ok === false) {
+                    const err = result.error || {};
+                    throw new Error(err.message || err.code || "rename failed");
+                  }
+                  return result;
+                },
+              }),
+            },
+            SessionMapView,
+          );
+        },
+        "dsh-trivium: session map",
+      );
     }
 
     exports.apply = apply;
-    exports.inject = ["slots"];
+    exports.inject = ["slots", "sessions", "workspaces"];
     return module.exports;
   },
 });