@retaw106/mmc-pi 1.2.2 → 2.0.0

package/dist/web/ui/index.html

@@ -16,6 +16,7 @@
       <div class="top-actions"><span id="read-at" class="read-at">尚未读取</span><button id="refresh" class="button button-primary" type="button">刷新数据</button></div>
     </header>
     <main class="workspace" id="workspace">
+      <div id="fixture-notice" class="fixture-notice" role="status" aria-live="polite" hidden></div>
       <aside class="rail panel" id="project-pane" aria-label="项目">
         <div class="pane-heading"><div><p class="eyebrow">WORKSPACE</p><h1>项目</h1></div><span id="project-count" class="count-pill">—</span></div>
         <div id="source-status" class="source-status" aria-live="polite"></div>

package/dist/web/ui/panel.css

@@ -3,6 +3,11 @@
 @media(max-width:1000px){.workspace{grid-template-columns:220px minmax(260px,320px) minmax(0,1fr);gap:8px;padding:9px}.detail-content{padding:20px 18px}}
 @media(max-width:760px){.topbar{height:56px;padding:0 13px}.read-at{display:none}.workspace{display:block;height:auto;min-height:calc(100vh - 56px);padding:8px}.panel{display:none;min-height:calc(100vh - 72px)}body[data-level="projects"] #project-pane,body[data-level="list"] #list-pane,body[data-level="detail"] #detail-pane{display:flex}body[data-level="detail"] #detail-pane{display:block}.pane-heading{padding:16px}.source-status{padding:0 12px 10px}.mobile-back{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--accent);padding:0 0 14px;font-size:11px;cursor:pointer}.detail-content{padding:16px 14px 30px}.detail-title{font-size:19px}.top-actions{gap:8px}.button{padding:7px 10px}.kv-grid{grid-template-columns:1fr}}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
+.fixture-notice{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;border:1px solid #665331;border-radius:10px;background:linear-gradient(100deg,#302719,#211d17);color:#eed8a5;font-size:11px;box-shadow:0 8px 20px #0002}.fixture-notice[hidden]{display:none}.fixture-notice-title{color:#f6dfad}.fixture-notice-copy{color:#c9b98e}.fixture-commands{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;color:#a99a76}.fixture-command{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #5c4b2e;border-radius:5px;background:#1d1a15}.fixture-command-host{color:#d9c797}.fixture-command code{font:10px var(--mono);color:#f0e2bd;overflow-wrap:anywhere}.project-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f4ec;font-size:12px;font-weight:700;letter-spacing:-.01em}.project-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab5ac;font-size:10px!important;line-height:1.5!important}.project-card{overflow:hidden}.list-pane .eyebrow{max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .source-extra{padding:0 9px 8px;color:#8f9a93;font-size:9px}.source-extra summary{cursor:pointer;color:#aeb7b1}.source-extra p{margin:5px 0 0;overflow-wrap:anywhere;line-height:1.55}.message.jump-highlight{background:#263321;border-left-color:var(--accent);box-shadow:0 0 0 1px #c5f36b55;transition:background .18s,box-shadow .18s}.error-state strong{display:block;color:#f5b2a6;font-size:12px;margin:0 0 5px}.error-state p{margin:4px 0}
 @media(max-width:760px){body[data-level="detail"] #detail-pane{overflow:visible}}
 .edit-row{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.edit-row .kv-label{margin:0}.edit-row .field{width:auto;min-width:90px;max-width:170px}.edit-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.conflict-box{border:1px solid #6b4a33;background:#2a1d15;border-radius:8px;padding:11px;margin-top:9px;display:grid;gap:8px}.conflict-box strong{font-size:11px;color:#f0b593}
+.message-head{align-items:center}.message-role{color:#dfe9d9;font:600 10px var(--mono);letter-spacing:.04em}.message-aux{display:flex;align-items:center;gap:7px;min-width:0;flex:1;color:#7f8b83;font-weight:400}.message-index{color:#a6b09f}.message-id{min-width:0;max-width:min(32ch,45%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.62}.message-time{flex:0 0 auto;color:#7f8b83}.message-body{font-size:12px;line-height:1.78}.tool-block{background:#111714;transition:border-color .16s,background .16s}.tool-block.expanded{border-color:#536549;background:#141b17}.tool-head{align-items:center;min-height:42px}.tool-title{display:flex;align-items:baseline;gap:7px;min-width:0;flex:1;overflow:hidden}.tool-name{color:#d9e6d3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-call{color:#7f8c83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-toggle{flex:0 0 auto;min-height:32px;padding:5px 0 5px 9px;border:0;background:none;color:#c5f36b;font:9px var(--mono);cursor:pointer;white-space:nowrap}.tool-toggle:hover{color:#e0ff9d;text-decoration:underline}.tool-toggle:active{transform:scale(.96)}.tool-output[hidden]{display:none}.tool-empty{color:#7f8b83;font-family:inherit}.unknown-part summary{cursor:pointer;min-height:32px;display:flex;align-items:center}@media(max-width:760px){.message-head{flex-wrap:wrap;row-gap:5px}.message-aux{order:3;flex-basis:100%}.message-time{margin-left:auto}.tool-head{flex-wrap:wrap}.tool-toggle{min-height:38px;white-space:normal;text-align:right;max-width:100%}}
+.session-card[role="button"]{cursor:pointer}.session-card[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.comp-details-fold,.comp-raw,.ungrouped-raw{margin-top:10px;border-top:1px solid #27312b;padding-top:8px}.comp-details-fold>summary,.comp-raw>summary,.ungrouped-raw>summary{cursor:pointer;list-style:none}.comp-details-fold>summary::-webkit-details-marker,.comp-raw>summary::-webkit-details-marker,.ungrouped-raw>summary::-webkit-details-marker{display:none}.comp-details-fold>summary::before,.comp-raw>summary::before,.ungrouped-raw>summary::before{content:"＋";display:inline-block;width:17px;color:var(--accent)}.comp-details-fold[open]>summary::before,.comp-raw[open]>summary::before,.ungrouped-raw[open]>summary::before{content:"－"}.link-summary{color:var(--accent);font-size:10px;line-height:1.6}.comp-details{display:grid;gap:9px;margin-top:9px}.prose{display:grid;gap:3px;padding:8px 10px;border-radius:7px;background:#111714;color:#c4cec3;font-size:11px;line-height:1.65;white-space:pre-wrap}.prose-label{font:600 9px var(--mono);color:#9eae95;letter-spacing:.08em}.comp-message-panel{display:grid;gap:8px;margin-top:10px}.comp-message-panel>.message{margin:0}.boundary-warning{margin:8px 0 0;color:#e8bd79;font-size:10px;line-height:1.6}.ungrouped-raw{margin-top:14px;padding:12px 13px;border:1px solid #5a4930;border-radius:9px;background:#1a1712}.ungrouped-intro{margin:0 0 8px}.ungrouped-raw .comp-message-panel{border-top:1px solid #4a3c29;padding-top:8px}.comp-raw .pager,.ungrouped-raw .pager{margin-bottom:2px}
+.detail-meta{min-width:0;max-width:100%}.detail-meta>.badge,.detail-meta>.flag{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left}.tool-block,.tool-output{min-width:0;max-width:100%}@media(max-width:760px){.detail-pane{min-width:0;overflow-x:hidden}.detail-content{width:100%;min-width:0;max-width:100%;margin:0}.tool-output{overflow-x:auto}}
+.comp-counts{margin-top:2px;color:#77837b;font:9px var(--mono);cursor:help}.expandable-text{white-space:pre-wrap;overflow-wrap:anywhere}.expandable-preview,.expandable-full{white-space:inherit}.expandable-preview[hidden],.expandable-full[hidden]{display:none}.preview-toggle{border:0;background:none;color:var(--accent);padding:4px 3px;min-height:32px;cursor:pointer;font:10px var(--mono);vertical-align:baseline}.preview-toggle:hover{text-decoration:underline}.preview-toggle:active{transform:scale(.96)}

package/dist/web/ui/panel.js

@@ -2,11 +2,75 @@
   "use strict";
 
   const $ = (selector, root = document) => root.querySelector(selector);
-  const state = { projects: [], sources: {}, project: null, tab: "sessions", sessions: [], memories: [], session: null, memory: null, branch: null, pageAfter: null, pageCursors: [], page: null, compartments: [], notes: [], detailBusy: false, hideHistorian: true, fullOutputs: false, draftTimer: 0, writeToken: null, writeBusy: false };
+  const state = { projects: [], sources: {}, fixtureMode: false, project: null, tab: "sessions", sessions: [], memories: [], session: null, memory: null, branch: null, compartments: [], notes: [], segmentViews: new Map(), ungroupedView: null, detailToken: 0, detailBusy: false, hideHistorian: true, draftTimer: 0, writeToken: null, writeBusy: false };
   const el = (tag, className, text) => { const node = document.createElement(tag); if (className) node.className = className; if (text !== undefined && text !== null) node.textContent = String(text); return node; };
   const btn = (label, action, className = "button") => { const node = el("button", className, label); node.type = "button"; node.dataset.action = action; return node; };
   const path = (project, suffix = "") => `/api/projects/${encodeURIComponent(project)}${suffix}`;
   const formatTime = (value) => { if (value == null || value === "") return "时间未知"; const date = typeof value === "number" ? new Date(value) : new Date(value); return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("zh-CN", { hour12: false }); };
+  const PREVIEW_CODEPOINTS = 200;
+  function expandableText(parent, value, className, tag = "div") {
+    const text = value == null ? "" : String(value); const codepoints = Array.from(text); const box = el(tag, `expandable-text${className ? ` ${className}` : ""}`);
+    if (codepoints.length <= PREVIEW_CODEPOINTS) { box.textContent = text; parent.append(box); return box; }
+    const preview = el("span", "expandable-preview", codepoints.slice(0, PREVIEW_CODEPOINTS).join("")); const full = el("span", "expandable-full", text); full.hidden = true;
+    const toggle = btn("...", "toggle-preview", "preview-toggle"); toggle.setAttribute("aria-expanded", "false"); toggle.setAttribute("aria-label", "展开全文"); box.append(preview, full, toggle); parent.append(box); return box;
+  }
+  function setPreviewExpanded(toggle, expanded) {
+    const box = toggle.closest(".expandable-text"); if (!box) return;
+    const preview = $(".expandable-preview", box); const full = $(".expandable-full", box); if (preview) preview.hidden = expanded; if (full) full.hidden = !expanded; toggle.textContent = expanded ? "收起" : "..."; toggle.setAttribute("aria-expanded", String(expanded)); toggle.setAttribute("aria-label", expanded ? "收起全文" : "展开全文");
+  }
+  function formatCharCount(value) { return Number.isSafeInteger(value) && value >= 0 ? `${number(value)} 字符` : "未统计"; }
+  function displayPath(project) {
+    return typeof project?.displayPath === "string" && project.displayPath.trim() ? project.displayPath : null;
+  }
+  function pathLeaf(value) {
+    const original = String(value || "");
+    if (!original) return "";
+    if (/^[\\/]+$/.test(original) || /^[A-Za-z]:[\\/]?$/.test(original)) return original;
+    const withoutTrailingSeparators = original.replace(/[\\/]+$/, "");
+    return withoutTrailingSeparators.match(/[^\\/]+$/)?.[0] || original;
+  }
+  function shortIdentity(value) {
+    const identity = String(value || "");
+    return identity.length > 26 ? `${identity.slice(0, 17)}…${identity.slice(-8)}` : identity;
+  }
+  function projectName(project) {
+    const pathValue = displayPath(project);
+    if (pathValue) return pathLeaf(pathValue) || "未识别项目";
+    const identity = shortIdentity(project?.projectPath);
+    return identity ? `未识别项目 · ${identity}` : "未识别项目";
+  }
+  function projectTooltip(project) {
+    const identity = String(project?.projectPath || "未知身份");
+    const pathValue = displayPath(project);
+    return pathValue ? `路径：${pathValue}\n内部身份：${identity}` : `内部身份：${identity}`;
+  }
+  function setListEyebrow(project) {
+    const eyebrow = $("#list-eyebrow");
+    if (!project) {
+      eyebrow.textContent = "选择项目";
+      eyebrow.removeAttribute("title");
+      return;
+    }
+    eyebrow.textContent = projectName(project);
+    eyebrow.title = projectTooltip(project);
+  }
+  function renderFixtureNotice() {
+    const root = $("#fixture-notice");
+    if (!root) return;
+    root.replaceChildren();
+    root.hidden = !state.fixtureMode;
+    if (!state.fixtureMode) return;
+    root.append(el("strong", "fixture-notice-title", "演示数据，未读取真实数据库"));
+    root.append(el("span", "fixture-notice-copy", "当前面板使用隔离夹具，仅用于演示和浏览器验证。"));
+    const commands = el("span", "fixture-commands");
+    commands.append(el("span", "fixture-command-label", "读取配置中的真实数据："));
+    for (const [label, command] of [["Pi", "bun packages/pi-plugin/src/web/main.ts"], ["OpenCode 2", "bun packages/plugin/src/web/main.ts"]]) {
+      const item = el("span", "fixture-command");
+      item.append(el("span", "fixture-command-host", `${label} `), el("code", "", command));
+      commands.append(item);
+    }
+    root.append(commands);
+  }
   const sessionTitle = (session) => session.title || (session.harness === "pi" ? "Pi 会话 · 无标题" : "OpenCode 2 会话 · 无标题");
   const number = (value) => value == null ? "—" : new Intl.NumberFormat("zh-CN").format(value);
   const setReadAt = (data) => { if (data?.readAt) $("#read-at").textContent = `读取于 ${formatTime(data.readAt)}`; };
@@ -124,16 +188,19 @@
     for (const project of state.projects) {
       const card = btn("", "project", "project-card" + (state.project?.projectPath === project.projectPath ? " selected" : ""));
       card.dataset.project = project.projectPath;
-      const identity = el("span", "project-path", project.projectPath); const meta = el("span", "project-meta"); meta.append(el("span", "", `${number(project.sessionCount)} 会话`), el("span", "", formatTime(project.lastActivityAt)));
+      card.title = projectTooltip(project);
+      const identity = el("span", "project-name", projectName(project));
+      const pathLine = el("span", "project-path", displayPath(project) || `内部身份：${project.projectPath || "未知身份"}`); pathLine.title = projectTooltip(project);
+      const meta = el("span", "project-meta"); meta.append(el("span", "", `${number(project.sessionCount)} 会话`), el("span", "", formatTime(project.lastActivityAt)));
       const flags = el("span", "project-flags"); flags.append(el("span", "badge", `池 ${number(project.poolSize)}`)); if (project.memoryOnly) flags.append(el("span", "flag", "仅记忆"));
-      card.append(identity, meta, flags); root.append(card);
+      card.append(identity, pathLine, meta, flags); root.append(card);
     }
   }
   function setLevel(level) { document.body.dataset.level = level; }
   async function loadProjects(keep = true) {
     loading($("#projects"), "读取项目与数据源…");
     try {
-      const data = await api("/api/projects"); state.projects = data.projects || []; state.sources = data.sources || {}; renderSources(); renderProjects();
+      const data = await api("/api/projects"); state.projects = data.projects || []; state.sources = data.sources || {}; state.fixtureMode = data.fixtureMode === true; renderFixtureNotice(); renderSources(); renderProjects();
       if (keep && state.project) {
         const match = state.projects.find((item) => item.projectPath === state.project.projectPath);
         if (match) { state.project = match; await loadCurrent(); }
@@ -141,7 +208,7 @@
       }
     } catch (error) { state.projects = []; renderProjects(); $("#source-status").replaceChildren(el("div", "error-state", `项目读取失败：${error.message}`)); }
   }
-  function showNoSelection() { $("#list-eyebrow").textContent = "选择项目"; $("#list-title").textContent = "审阅内容"; $("#items").replaceChildren(); $("#list-controls").replaceChildren(); $("#detail").replaceChildren(); const box = el("div", "detail-empty"); box.append(el("span", "empty-glyph", "⌁"), el("h2", "", state.project ? `选择一个${state.tab === "sessions" ? "会话" : "记忆"}` : "选择一个项目"), el("p", "", state.project ? "从中间列表选择一条记录查看详情。" : "从左侧选择项目，查看会话或记忆。")); $("#detail").append(box); }
+  function showNoSelection() { setListEyebrow(state.project); $("#list-title").textContent = "审阅内容"; $("#items").replaceChildren(); $("#list-controls").replaceChildren(); const detail = $("#detail"); detail.classList.add("detail-empty"); detail.replaceChildren(); const box = el("div", "detail-empty"); box.append(el("span", "empty-glyph", "⌁"), el("h2", "", state.project ? `选择一个${state.tab === "sessions" ? "会话" : "记忆"}` : "选择一个项目"), el("p", "", state.project ? "从中间列表选择一条记录查看详情。" : "从左侧选择项目，查看会话或记忆。")); detail.append(box); }
   function renderListControls() {
     const root = $("#list-controls"); root.replaceChildren();
     root.append(btn("← 项目", "back-projects", "mobile-back"));
@@ -178,20 +245,23 @@
   }
   function renderSessionCard(root, session) {
     const active = state.session?.sessionId === session.sessionId;
-    const card = el("article", `item-card${active ? " selected" : ""}`);
+    const canOpenCard = true;
+    const card = el("article", `item-card session-card${active ? " selected" : ""}`);
+    card.dataset.sid = session.sessionId;
+    if (canOpenCard) { card.dataset.action = "session"; card.tabIndex = 0; card.setAttribute("role", "button"); card.setAttribute("aria-label", `打开会话：${sessionTitle(session)}`); }
     card.append(el("span", "item-title", sessionTitle(session)));
     const meta = el("span", "item-meta"); meta.append(el("span", "", session.harness === "pi" ? "Pi" : "OpenCode 2"), el("span", "", formatTime(session.lastActivityAt))); card.append(meta);
     const foot = el("span", "item-sub", `${session.sessionId} · ${number(session.compartmentCount)} 段摘要`); card.append(foot);
     if (session.derived) card.append(el("span", "badge", session.derived === "child" ? "子会话" : "historian"));
     if (session.harness === "pi") {
       const branches = session.piBranches || [];
-      const box = el("div", "branch-box"); box.addEventListener("click", (event) => event.stopPropagation());
+      const box = el("div", "branch-box");
       const label = el("span", "item-sub", branches.length ? `Pi 分支文件 · ${branches.length}` : "Pi 原文文件未找到"); box.append(label);
       for (const branch of branches) {
         const b = btn(`${branch.fileName} · ${branch.directoryName}`, "branch", "link-button branch-button"); b.dataset.sid = session.sessionId; b.dataset.branch = branch.fileName; b.title = branch.headerTimestamp || "时间未知"; box.append(b);
       }
       card.append(box);
-    } else { const open = btn("打开会话审阅", "session", "link-button"); open.dataset.sid = session.sessionId; card.append(open); }
+    }
     root.append(card);
   }
   function renderMemoryCard(root, memory) {
@@ -203,7 +273,7 @@
     if (memory.mergedFrom) card.append(el("span", "badge", "合并记录")); root.append(card);
   }
   async function loadProject(project) {
-    state.project = project; state.session = null; state.memory = null; state.branch = null; state.pageAfter = null; renderProjects(); $("#list-eyebrow").textContent = project.projectPath; $("#list-title").textContent = "会话"; renderListControls(); loading($("#items")); showNoSelection(); setLevel("list"); await loadCurrent();
+    state.detailToken += 1; state.project = project; state.session = null; state.memory = null; state.branch = null; state.segmentViews = new Map(); state.ungroupedView = null; renderProjects(); setListEyebrow(project); $("#list-title").textContent = "会话"; renderListControls(); loading($("#items")); showNoSelection(); setLevel("list"); await loadCurrent();
   }
   async function loadCurrent() { if (!state.project) return; if (state.tab === "sessions") await loadSessions(); else await loadMemories(); }
   async function loadSessions() {
@@ -220,76 +290,135 @@
     catch (error) { errorBox($("#items"), error); }
   }
   function tabTo(tab) {
-    state.tab = tab; state.session = null; state.memory = null; state.branch = null; state.pageAfter = null;
+    state.detailToken += 1; state.tab = tab; state.session = null; state.memory = null; state.branch = null; state.segmentViews = new Map(); state.ungroupedView = null;
     $("#sessions-tab").classList.toggle("active", tab === "sessions"); $("#sessions-tab").setAttribute("aria-selected", String(tab === "sessions"));
     $("#memories-tab").classList.toggle("active", tab === "memories"); $("#memories-tab").setAttribute("aria-selected", String(tab === "memories"));
     $("#list-title").textContent = tab === "sessions" ? "会话" : "记忆"; renderListControls(); $("#detail").replaceChildren(); loadCurrent();
   }
   function section(parent, title, note = "") { const wrap = el("section", "section"); const head = el("div", "section-head"); head.append(el("h3", "", title)); if (note) head.append(el("span", "section-note", note)); wrap.append(head); parent.append(wrap); return wrap; }
   function addMobileBack(parent, target, label) { const back = btn(`← ${label}`, `back-${target}`, "mobile-back"); parent.append(back); }
-  function showDetailLoading(label = "正在读取详情…") { const root = $("#detail"); root.replaceChildren(el("div", "loading", label)); }
-  async function openSession(session, branch = null, after = null) {
-    if (state.session?.sessionId !== session?.sessionId || state.branch !== branch || after === null) state.pageCursors = [];
-    state.session = session; state.memory = null; state.branch = branch; state.pageAfter = after; state.fullOutputs = false; state.detailBusy = true; renderItems(); setLevel("detail"); showDetailLoading();
-    const query = new URLSearchParams({ limit: "40" }); if (branch) query.set("branch", branch); if (after != null) query.set("after", String(after));
+  function showDetailLoading(label = "正在读取详情…") { const root = $("#detail"); root.classList.add("detail-empty"); root.replaceChildren(el("div", "loading", label)); }
+  async function openSession(session, branch = null) {
+    if (!session) return;
+    const sameSession = state.session?.sessionId === session.sessionId && state.branch === branch;
+    if (!sameSession) { state.segmentViews = new Map(); state.ungroupedView = null; }
+    const token = ++state.detailToken;
+    state.session = session; state.memory = null; state.branch = branch; state.detailBusy = true; renderItems(); setLevel("detail"); showDetailLoading();
+    if (session.harness === "pi" && !branch) { state.compartments = []; state.notes = []; state.detailErrors = {}; state.detailBusy = false; renderSessionDetail(); toast("Pi 会话需要先选择分支；未猜测默认分支。", 5000); return; }
     const suffix = `/sessions/${encodeURIComponent(session.sessionId)}`;
-    const calls = [api(path(state.project.projectPath, `${suffix}/compartments${branch ? `?branch=${encodeURIComponent(branch)}` : ""}`)), api(path(state.project.projectPath, `${suffix}/notes`)), api(path(state.project.projectPath, `${suffix}/messages?${query}`))];
-    const [compartments, notes, messages] = await Promise.all(calls.map((p) => p.then((value) => ({ value }), (error) => ({ error }))));
-    state.compartments = compartments.value?.compartments || []; state.compartmentsApproximate = compartments.value?.renderTierApproximate === true; state.notes = notes.value?.notes || []; state.page = messages.value || null; state.detailErrors = { compartments: compartments.error, notes: notes.error, messages: messages.error }; state.detailBusy = false; renderSessionDetail();
+    const calls = [api(path(state.project.projectPath, `${suffix}/compartments${branch ? `?branch=${encodeURIComponent(branch)}` : ""}`)), api(path(state.project.projectPath, `${suffix}/notes`))];
+    const [compartments, notes] = await Promise.all(calls.map((p) => p.then((value) => ({ value }), (error) => ({ error }))));
+    if (token !== state.detailToken || state.session?.sessionId !== session.sessionId || state.branch !== branch) return;
+    state.compartments = compartments.value?.compartments || []; state.compartmentsApproximate = compartments.value?.renderTierApproximate === true; state.notes = notes.value?.notes || []; state.detailErrors = { compartments: compartments.error, notes: notes.error }; state.detailBusy = false; renderSessionDetail();
   }
   function renderSessionDetail() {
-    const root = $("#detail"); root.replaceChildren(); if (!state.session) return;
+    const root = $("#detail"); root.classList.remove("detail-empty"); root.replaceChildren(); if (!state.session) return;
     const wrap = el("div", "detail-content"); addMobileBack(wrap, "list", "返回列表");
-    const s = state.session; wrap.append(el("div", "detail-kicker", `${s.harness === "pi" ? "PI SESSION" : "OPENCODE 2 SESSION"}${state.branch ? " · BRANCH SELECTED" : ""}`));
-    wrap.append(el("h2", "detail-title", sessionTitle(s))); const meta = el("div", "detail-meta"); meta.append(el("span", "badge", s.sessionId), el("span", "badge", `${number(s.compartmentCount)} 个摘要段`), el("span", "", formatTime(s.lastActivityAt))); if (state.branch) meta.append(el("span", "badge", state.branch)); wrap.append(meta);
-    const comps = section(wrap, "摘要分段", "层级为审阅展示，不是存储字段");
+     const s = state.session; wrap.append(el("div", "detail-kicker", `${s.harness === "pi" ? "PI SESSION" : "OPENCODE 2 SESSION"}${state.branch ? " · BRANCH SELECTED" : ""}`));
+     wrap.append(el("h2", "detail-title", sessionTitle(s))); const meta = el("div", "detail-meta"); meta.append(el("span", "badge", s.sessionId), el("span", "badge", `${number(s.compartmentCount)} 个摘要段`), el("span", "", formatTime(s.lastActivityAt))); if (state.branch) meta.append(el("span", "badge", state.branch)); wrap.append(meta);
+     if (s.harness === "pi" && !state.branch) { const prompt = section(wrap, "选择 Pi 分支", "Pi 原文与摘要按分支独立读取"); prompt.append(el("p", "boundary-warning", "请回到会话卡，选择具体分支文件后再查看摘要和原文。面板不会猜测默认分支。")); root.append(wrap); return; }
+     const comps = section(wrap, "摘要分段", "层级为审阅展示，不是存储字段");
     if (state.detailErrors?.compartments) errorBox(comps, state.detailErrors.compartments);
     else if (!state.compartments.length) empty(comps, "没有摘要分段");
     else for (const c of state.compartments) renderCompartment(comps, c);
     const notes = section(wrap, "会话笔记", `${state.notes.length} 条`);
     if (state.detailErrors?.notes) errorBox(notes, state.detailErrors.notes); else if (!state.notes.length) empty(notes, "没有关联笔记");
-    else for (const n of state.notes) { const card = el("article", "note-card"); const head = el("div", "message-head"); head.append(el("span", "", `${n.type} · ${n.status}`), el("span", "", formatTime(n.createdAt))); card.append(head, el("p", "", n.content)); if (n.anchorOrdinal != null) { const jump = btn(`跳到原文第 ${n.anchorOrdinal} 条`, "jump", "link-button"); jump.dataset.anchor = n.anchorOrdinal; card.append(jump); } else card.append(el("span", "item-sub", "未锚定原文")); notes.append(card); }
-    const raw = section(wrap, "原文", state.page ? `${state.page.source}${state.page.branch ? ` · ${state.page.branch.fileName}` : ""}` : ""); raw.id = "raw-messages";
-    if (state.detailErrors?.messages) {
-      const error = state.detailErrors.messages;
-      if (error.code === "source-unavailable") { const unavailable = el("div", "error-state"); const [reason] = error.status ? sourceText(error.status) : [error.message]; unavailable.append(el("strong", "", "宿主原文不可读取"), el("p", "", `${reason}。摘要和笔记仍可单独审阅。`)); if (error.status) unavailable.append(statusDescription(error.status)); raw.append(unavailable); }
-      else errorBox(raw, error);
-    } else if (state.page) renderMessages(raw, state.page); else empty(raw, "暂无原文", "这个会话当前没有可读消息。");
-    root.append(wrap);
+     else for (const n of state.notes) { const card = el("article", "note-card"); const head = el("div", "message-head"); head.append(el("span", "", `${n.type} · ${n.status}`), el("span", "", formatTime(n.createdAt))); card.append(head); expandableText(card, n.content, "note-content", "p"); if (n.anchorOrdinal != null) { const jump = btn(`跳到消息 #${n.anchorOrdinal}`, "jump", "link-button"); jump.dataset.anchor = n.anchorOrdinal; card.append(jump); } else card.append(el("span", "item-sub", "未锚定原文")); notes.append(card); }
+    const invalid = state.compartments.filter((c) => !compartmentRange(c));
+    if (invalid.length) renderUngroupedSection(wrap, "边界未确认的原文", "这些消息不能安全归属到摘要段", invalid.map((c) => `第 ${number(c.sequence + 1)} 段：${boundaryReason(c)}`).join("；"));
+    else if (!state.compartments.length) renderUngroupedSection(wrap, "会话原文", "没有摘要段，原文仍可按需读取", "");
+    else { const ranges = state.compartments.map(compartmentRange).filter(Boolean); const tailStart = Math.max(...ranges.map((range) => range.end)) + 1; renderUngroupedSection(wrap, "未归摘要尾部原文", "摘要边界之后的消息不自动归属到任何分段，仍按需读取", "", tailStart - 1); }
+     root.append(wrap);
   }
   function renderCompartment(parent, c) {
     const tier = c.renderTier === "full" || c.renderTier === "decayed" ? c.renderTier : null;
     const tierText = tier ? `${tier}${state.compartmentsApproximate ? " · 参考" : ""}` : "层级未提供";
-    const card = el("article", "compartment"); const head = el("div", "comp-head"); head.append(el("div", "comp-title", `${String(c.sequence + 1).padStart(2, "0")} · ${c.title || "无标题"}`), el("span", "comp-meta", `层级 ${tierText} · 重要度 ${c.importance} · ${c.legacy ? "legacy" : "linked"}`)); card.append(head);
-    card.append(el("p", "comp-content", c.content)); const details = c.details || {}; const detailBox = el("div", "comp-details"); for (const key of ["p1", "p2", "p3", "p4"]) if (details[key]) detailBox.append(el("div", "prose", details[key])); if (detailBox.childNodes.length) card.append(detailBox);
-    const bounds = c.bounds || {}; const boundRow = el("div", "bound-row"); boundRow.append(el("span", "", "边界")); for (const [side, label] of [["start", "起点"], ["end", "终点"]]) {
+     const card = el("article", "compartment"); const head = el("div", "comp-head"); head.append(el("div", "comp-title", `${String(c.sequence + 1).padStart(2, "0")} · ${c.title || "无标题"}`), el("span", "comp-meta", `层级 ${tierText} · 重要度 ${c.importance} · ${c.legacy ? "legacy" : "linked"}`)); card.append(head);
+     const countLine = el("div", "comp-counts", `原文 ${formatCharCount(c.messageCharCount)} · 默认摘要 ${formatCharCount(c.summaryCharCount)}`); countLine.title = "统计正文与工具输出全文，不含工具输入、图片附件、技能及其他元数据"; countLine.setAttribute("aria-label", `${countLine.textContent}；统计正文与工具输出全文，不含工具输入、图片附件、技能及其他元数据`); card.append(countLine); expandableText(card, c.content, "comp-content", "p"); const details = c.details || {}; const detailKeys = ["p1", "p2", "p3", "p4"].filter((key) => details[key]); if (detailKeys.length) { const detailFold = el("details", "comp-details-fold"); detailFold.append(el("summary", "link-summary", "其他摘要版本")); const detailBox = el("div", "comp-details"); for (const key of detailKeys) { const item = el("div", "prose"); item.append(el("strong", "prose-label", key.toUpperCase())); expandableText(item, details[key], "prose-text", "span"); detailBox.append(item); } detailFold.append(detailBox); card.append(detailFold); }
+     const bounds = c.bounds || {}; const boundRow = el("div", "bound-row"); boundRow.append(el("span", "", "边界")); for (const [side, label] of [["start", "起点"], ["end", "终点"]]) {
       const bound = bounds[side] || { state: "unresolved" }; const stateName = bound.state === "synth-resolved" ? "经别名解析" : bound.state === "resolved" ? "已关联" : bound.state === "unlinked" ? "无边界 id" : "边界无法解析";
       boundRow.append(el("span", "badge", `${label} · ${stateName}`));
-      if (bound.state === "resolved" || bound.state === "synth-resolved") { const jump = btn(`跳到 ${label} #${bound.anchor}`, "jump", "link-button"); jump.dataset.anchor = bound.anchor; boundRow.append(jump); if (bound.aliasedTo) boundRow.append(el("span", "section-note", `→ ${bound.aliasedTo}`)); }
-    }
-    card.append(boundRow); parent.append(card);
-  }
-  function renderMessages(parent, page) {
-    if (!page.rows?.length) empty(parent, "没有原文消息");
-    else for (const row of page.rows) {
-      const card = el("article", `message ${row.role === "user" ? "user" : "assistant"}`); card.dataset.messageKey = String(row.key); const head = el("div", "message-head"); head.append(el("span", "", `${row.role} · #${row.key} · ${row.id}`), el("span", "", formatTime(row.timeCreated))); card.append(head);
-      for (const part of row.parts || []) renderPart(card, part);
-      parent.append(card);
+       if (bound.state === "resolved" || bound.state === "synth-resolved") { const jump = btn(`跳到${label} #${bound.anchor}`, "jump", "link-button"); jump.dataset.anchor = bound.anchor; boundRow.append(jump); if (bound.aliasedTo) boundRow.append(el("span", "section-note", `→ ${bound.aliasedTo}`)); }
     }
-    const pager = el("div", "pager"); if (state.pageAfter != null) pager.append(btn("← 上一页", "previous-page")); else pager.append(el("span", "section-note", "从会话开头"));
-    pager.append(el("span", "section-note", page.rows?.length ? `${page.rows[0].key} — ${page.rows[page.rows.length - 1].key}` : "空页"));
-    if (page.hasMore) pager.append(btn("下一页 →", "next-page")); else pager.append(el("span", "section-note", "已到末尾")); parent.append(pager);
-  }
-  function renderPart(parent, part) {
-    if (part && typeof part === "object" && part.type === "tool") {
-      const tool = el("div", "tool-block"); const head = el("div", "tool-head"); head.append(el("span", "", `${part.tool || "工具"}${part.callID ? ` · ${part.callID}` : ""}`)); const output = part.state?.output; const total = part.state?.outputTotalLength; const truncated = part.state?.outputTruncated;
-      if (truncated && !state.fullOutputs) { const toggle = btn(`展开完整输出 · ${number(total)} 字符`, "expand-output", "link-button"); head.append(toggle); }
-      else if (state.fullOutputs && total != null) head.append(el("span", "", `${number(total)} 字符`));
-      tool.append(head); if (output != null) tool.append(el("pre", "tool-output", typeof output === "string" ? output : JSON.stringify(output, null, 2)));
+     card.append(boundRow);
+      const range = compartmentRange(c); if (range) { const view = getSegmentView(c); const raw = el("details", "comp-raw"); raw.dataset.compartmentKey = segmentKey(c); raw.open = view.open; raw.append(el("summary", "link-summary", `展开该段原文 · ${range.start}–${range.end}`)); const body = el("div", "comp-message-panel"); raw.append(body); raw.addEventListener("toggle", () => { view.open = raw.open; if (raw.open) { if (view.skipToggleRequest) view.skipToggleRequest = false; else loadSegmentMessages(c, segmentKey(c), body); } }); card.append(raw); } else card.append(el("p", "boundary-warning", "原文归属：未分组。请在下方“边界未确认的原文”中按需读取。")); parent.append(card);
+  }
+  function segmentKey(c) { return String(c.id ?? `sequence-${c.sequence}`); }
+  function numericBoundary(bound) { return (bound?.state === "resolved" || bound?.state === "synth-resolved") && Number.isSafeInteger(bound.anchor) ? bound.anchor : null; }
+  function compartmentRange(c) { const start = numericBoundary(c.bounds?.start); const end = numericBoundary(c.bounds?.end); return start !== null && end !== null && start <= end ? { start, end } : null; }
+  function boundaryReason(c) { const bounds = c.bounds || {}; return ["start", "end"].map((side) => { const value = bounds[side]?.state; return `${side === "start" ? "起点" : "终点"}：${value === "unlinked" ? "无边界 id" : value === "synth-resolved" || value === "resolved" ? "数字边界无效" : "边界无法解析"}`; }).join("；"); }
+  function getSegmentView(c) { const key = segmentKey(c); let view = state.segmentViews.get(key); if (!view) { const range = compartmentRange(c); view = { open: false, after: range ? range.start - 1 : null, cursors: [], page: null, loading: false, error: null, fullOutputs: false, openToolOutputs: new Set(), request: 0 }; state.segmentViews.set(key, view); } return view; }
+  function renderUngroupedSection(parent, title, note, reason, initialAfter = null) {
+    if (!state.ungroupedView) state.ungroupedView = { open: false, after: initialAfter, cursors: [], page: null, loading: false, error: null, fullOutputs: false, openToolOutputs: new Set(), request: 0 };
+    const view = state.ungroupedView; const raw = el("details", "ungrouped-raw"); raw.id = "raw-messages"; raw.open = view.open; raw.append(el("summary", "link-summary", title)); const intro = el("div", "ungrouped-intro"); if (note) intro.append(el("p", "section-note", note)); if (reason) intro.append(el("p", "boundary-warning", reason)); raw.append(intro); const body = el("div", "comp-message-panel"); raw.append(body); raw.addEventListener("toggle", () => { view.open = raw.open; if (raw.open) loadRawFallback(body); }); parent.append(raw);
+  }
+  function renderMessages(parent, page, scope = {}) {
+     if (!page.rows?.length) empty(parent, "没有原文消息");
+     else for (const row of page.rows) {
+      const card = el("article", `message ${row.role === "user" ? "user" : "assistant"}`); card.dataset.messageKey = String(row.key); const head = el("div", "message-head");
+      const role = row.role === "user" ? "用户" : row.role === "assistant" ? "助手" : row.role || "未知角色";
+      head.append(el("strong", "message-role", role));
+      const identity = el("span", "message-aux");
+       identity.append(el("span", "message-index", `消息 #${row.key}`));
+      const messageId = String(row.id || "无 ID"); const idLabel = messageId.length > 32 ? `${messageId.slice(0, 15)}…${messageId.slice(-10)}` : messageId;
+      const id = el("span", "message-id", idLabel); id.title = `消息 ID：${messageId}`; identity.append(id); head.append(identity, el("time", "message-time", formatTime(row.timeCreated))); card.append(head);
+       for (const [index, part] of (row.parts || []).entries()) renderPart(card, part, row, index, scope);
+       parent.append(card);
+     }
+      const view = scope.view; const isSegment = Boolean(scope.compartment); const pager = el("div", "pager"); if (view.after != null && view.cursors.length) { const previous = btn("← 上一页", isSegment ? "previous-segment-page" : "previous-raw-page"); if (isSegment) previous.dataset.segmentKey = scope.key; pager.append(previous); } else pager.append(el("span", "section-note", "从范围开头"));
+     pager.append(el("span", "section-note", page.rows?.length ? `${page.rows[0].key} — ${page.rows[page.rows.length - 1].key}` : "空页"));
+      if (page.hasMore) { const next = btn("下一页 →", isSegment ? "next-segment-page" : "next-raw-page"); if (isSegment) next.dataset.segmentKey = scope.key; pager.append(next); } else pager.append(el("span", "section-note", "已到范围末尾")); parent.append(pager);
+   }
+  function setToolBlockOpen(block, open) {
+    block.classList.toggle("expanded", open);
+    const output = $(".tool-output", block); if (output) output.hidden = !open;
+    const toggle = $('[data-action="expand-output"]', block); if (!toggle) return;
+    toggle.setAttribute("aria-expanded", String(open)); toggle.setAttribute("aria-label", `${toggle.dataset.toolName || "工具"}：${open ? "收起输出" : "展开输出"}`); toggle.textContent = open ? "收起输出" : toggle.dataset.closedLabel;
+  }
+   function messageQuery(view, range, fullOutputs = false) {
+     const params = new URLSearchParams({ limit: "40" }); if (state.branch) params.set("branch", state.branch); if (view.after != null) params.set("after", String(view.after)); if (range) params.set("end", String(range.end)); if (fullOutputs) params.set("fullOutputs", "1"); return params;
+   }
+   function renderSegmentMessages(parent, c, key) {
+     const view = getSegmentView(c); parent.replaceChildren(); if (view.loading) { parent.append(el("div", "loading", "读取该段原文…")); return; }
+     if (view.error) { errorBox(parent, view.error); return; }
+     if (!view.page) { parent.append(el("p", "section-note", compartmentRange(c) ? "展开后按该段边界读取原文。" : "边界未确认，原文不会伪造归属。")); return; }
+     renderMessages(parent, view.page, { key, view, compartment: c, parent });
+   }
+   async function loadSegmentMessages(c, key, parent, options = {}) {
+     const range = compartmentRange(c); if (!range) { renderSegmentMessages(parent, c, key); return; }
+     const view = getSegmentView(c); const token = state.detailToken; const request = ++view.request; view.loading = true; view.error = null; renderSegmentMessages(parent, c, key);
+     try {
+       const full = options.fullOutputs === true || view.fullOutputs === true; const page = await api(path(state.project.projectPath, `/sessions/${encodeURIComponent(state.session.sessionId)}/messages?${messageQuery(view, range, full)}`));
+       if (token !== state.detailToken || request !== view.request || !state.session) return;
+       view.page = page; view.loading = false; view.fullOutputs = full; renderSegmentMessages(parent, c, key);
+       if (options.focusKey) { const block = [...parent.querySelectorAll(".tool-block")].find((node) => node.dataset.toolKey === options.focusKey); if (block) setToolBlockOpen(block, true); }
+       if (options.anchor != null) focusMessage(parent, options.anchor);
+     } catch (error) { if (token !== state.detailToken || request !== view.request) return; view.loading = false; view.error = error; renderSegmentMessages(parent, c, key); }
+   }
+    async function loadRawFallback(parent, anchor = null, fullOutputs = false, focusKey = null) {
+     const view = state.ungroupedView; if (!view || !state.session) return; const token = state.detailToken; const request = ++view.request; if (anchor != null) { view.after = Math.max(0, Number(anchor) - 1); view.cursors = []; }
+     view.loading = true; view.error = null; parent.replaceChildren(el("div", "loading", "读取未分组原文…"));
+     try {
+       const page = await api(path(state.project.projectPath, `/sessions/${encodeURIComponent(state.session.sessionId)}/messages?${messageQuery(view, null, fullOutputs || view.fullOutputs)}`));
+       if (token !== state.detailToken || request !== view.request || !state.session) return;
+       view.page = page; view.loading = false; view.fullOutputs = view.fullOutputs || fullOutputs; parent.replaceChildren(); renderMessages(parent, page, { key: "ungrouped", view, parent }); if (focusKey) { const block = [...parent.querySelectorAll(".tool-block")].find((node) => node.dataset.toolKey === focusKey); if (block) setToolBlockOpen(block, true); } if (anchor != null) focusMessage(parent, anchor);
+     } catch (error) { if (token !== state.detailToken || request !== view.request) return; view.loading = false; view.error = error; parent.replaceChildren(); errorBox(parent, error); }
+   }
+   function focusMessage(parent, anchor) { const target = $(`[data-message-key="${Number(anchor)}"]`, parent); if (!target) return false; target.scrollIntoView({ behavior: "smooth", block: "center" }); target.classList.add("jump-highlight"); setTimeout(() => target.classList.remove("jump-highlight"), 1800); return true; }
+   async function loadFullOutputs(toolKey, scope) {
+     if (!scope?.view || !scope.compartment) return;
+     scope.view.openToolOutputs.add(toolKey); await loadSegmentMessages(scope.compartment, scope.key, scope.parent, { fullOutputs: true, focusKey: toolKey });
+   }
+   function renderPart(parent, part, row, index, scope = {}) {
+     if (part && typeof part === "object" && part.type === "tool") {
+       const toolKey = `${row.key}:${index}`; const openTools = scope.view.openToolOutputs; const isOpen = openTools.has(toolKey); const tool = el("div", "tool-block"); tool.dataset.toolKey = toolKey; const head = el("div", "tool-head"); const title = el("span", "tool-title"); title.append(el("strong", "tool-name", part.tool || "工具")); if (part.callID) title.append(el("span", "tool-call", part.callID)); head.append(title);
+       const output = part.state?.output; const total = part.state?.outputTotalLength; const truncated = part.state?.outputTruncated && !scope.view.fullOutputs; const closedLabel = truncated ? `读取并展开完整输出 · ${number(total)} 字符` : `展开输出${total != null ? ` · ${number(total)} 字符` : ""}`; const toggle = btn(isOpen ? "收起输出" : closedLabel, "expand-output", "tool-toggle"); toggle.dataset.toolKey = toolKey; toggle.dataset.toolName = part.tool || "工具"; toggle.dataset.closedLabel = closedLabel; if (truncated) toggle.dataset.requiresFullOutput = "true"; toggle.setAttribute("aria-expanded", String(isOpen)); toggle.setAttribute("aria-label", `${part.tool || "工具"}：${isOpen ? "收起输出" : "展开输出"}`); head.append(toggle); tool.append(head);
+       if (output != null) expandableText(tool, typeof output === "string" ? output : JSON.stringify(output, null, 2), "tool-output", "pre"); else tool.append(el("div", "tool-output tool-empty", "无输出"));
+      setToolBlockOpen(tool, isOpen); if (isOpen) tool.classList.add("expanded");
       parent.append(tool); return;
     }
-    if (part && typeof part === "object" && typeof part.text === "string") { parent.append(el("p", "message-body", part.text)); return; }
-    const unknown = el("details", "unknown-part"); unknown.append(el("summary", "item-sub", `其他内容 · ${part?.type || "未知类型"}`), el("pre", "tool-output", JSON.stringify(part, null, 2))); parent.append(unknown);
+     if (part && typeof part === "object" && typeof part.text === "string") { expandableText(parent, part.text, "message-body", "p"); return; }
+     const unknown = el("details", "unknown-part"); unknown.append(el("summary", "item-sub", `其他内容 · ${part?.type || "未知类型"}`)); expandableText(unknown, JSON.stringify(part, null, 2), "tool-output", "pre"); parent.append(unknown);
   }
   async function openMemory(memory) {
     state.memory = memory; state.session = null; renderItems(); setLevel("detail"); showDetailLoading("读取记忆详情与证据…");
@@ -297,8 +426,8 @@
     catch (error) { $("#detail").replaceChildren(); errorBox($("#detail"), error); }
   }
   function kv(parent, label, value) { const item = el("div", "kv"); item.append(el("span", "kv-label", label), el("span", "kv-value", value == null || value === "" ? "—" : String(value))); parent.append(item); }
-  function renderMemoryDetail() {
-    const root = $("#detail"); root.replaceChildren(); const data = state.memoryDetail; if (!data) return; const m = data.memory; const wrap = el("div", "detail-content"); addMobileBack(wrap, "list", "返回列表"); wrap.append(el("div", "detail-kicker", `PROJECT MEMORY · #${m.id}`), el("h2", "detail-title", m.category));
+   function renderMemoryDetail() {
+     const root = $("#detail"); root.classList.remove("detail-empty"); root.replaceChildren(); const data = state.memoryDetail; if (!data) return; const m = data.memory; const wrap = el("div", "detail-content"); addMobileBack(wrap, "list", "返回列表"); wrap.append(el("div", "detail-kicker", `PROJECT MEMORY · #${m.id}`), el("h2", "detail-title", m.category));
     const meta = el("div", "detail-meta"); meta.append(el("span", "badge", m.status || "状态未知")); if (m.expiredUnarchived) meta.append(el("span", "flag", "已过期未归档")); meta.append(el("span", "badge", `重要度 ${m.importance ?? "—"}`)); wrap.append(meta);
     const content = section(wrap, "记忆正文"); content.append(el("div", "memory-content", m.content));
     const fields = section(wrap, "字段", "存储中的当前值"); const grid = el("div", "kv-grid"); kv(grid, "类别", m.category); kv(grid, "状态", m.status); kv(grid, "有效期", formatTime(m.expiresAt)); kv(grid, "验证状态", m.verificationStatus); kv(grid, "范围", m.scope); kv(grid, "可共享", m.shareable ? "是" : "否"); kv(grid, "创建", formatTime(m.createdAt)); kv(grid, "更新", formatTime(m.updatedAt)); kv(grid, "取代记忆", m.supersededByMemoryId ? `#${m.supersededByMemoryId}` : "—"); kv(grid, "合并来源", m.mergedFrom); fields.append(grid);
@@ -325,24 +454,28 @@
     editable.append(area, status, formRow, buttons, el("p", "section-note", "保存修改仅提交变更字段；归档/恢复不改动内容与类别。恢复立即写库，现役会话要等下一次自然 HARD fold 才可见。"));
     root.append(wrap);
   }
+  async function openCompartmentAt(c, anchor) {
+    const key = segmentKey(c); const node = [...document.querySelectorAll("[data-compartment-key]")].find((item) => item.dataset.compartmentKey === key); if (!node) return false;
+    const raw = node; const body = $(".comp-message-panel", raw); if (!body) return false; const view = getSegmentView(c); const wasOpen = raw.open; if (!wasOpen) { view.skipToggleRequest = true; raw.open = true; } view.open = true; view.after = Math.max(0, Number(anchor) - 1); view.cursors = []; await loadSegmentMessages(c, key, body, { anchor }); return focusMessage(body, anchor);
+  }
   async function jumpTo(anchor) {
     if (!state.session) return;
-    state.pageAfter = Math.max(0, Number(anchor) - 1); state.pageCursors = []; state.fullOutputs = false;
-    await openSession(state.session, state.branch, state.pageAfter);
-    const target = $(`[data-message-key="${Number(anchor)}"]`, $("#raw-messages"));
-    (target || $("#raw-messages"))?.scrollIntoView({ behavior: "smooth", block: target ? "center" : "start" });
-    if (target) { target.classList.add("jump-highlight"); setTimeout(() => target.classList.remove("jump-highlight"), 1800); }
+    const value = Number(anchor); if (!Number.isSafeInteger(value)) return;
+    const matches = state.compartments.filter((c) => { const range = compartmentRange(c); return range && value >= range.start && value <= range.end; });
+    if (matches.length) { await Promise.all(matches.map((c) => openCompartmentAt(c, value))); return; }
+    const fallback = $("#raw-messages"); const body = fallback && $(".comp-message-panel", fallback); if (body && state.ungroupedView) { fallback.open = true; state.ungroupedView.open = true; await loadRawFallback(body, value); if (!focusMessage(body, value)) toast(`消息 #${value} 未在未分组页中找到`); return; }
+    toast(`消息 #${value} 未能归属到有效摘要段，未安全跳转`);
   }
   async function refresh() {
     const button = $("#refresh"); button.disabled = true; button.textContent = "刷新中…";
     try {
-      const selectedPath = state.project?.projectPath; const sessionId = state.session?.sessionId; const selectedMemoryId = state.memory?.id; const branch = state.branch; const after = state.pageAfter;
+      const selectedPath = state.project?.projectPath; const sessionId = state.session?.sessionId; const selectedMemoryId = state.memory?.id; const branch = state.branch;
       await loadProjects(false);
       state.project = state.projects.find((item) => item.projectPath === selectedPath) || null; renderProjects();
       if (!state.project) { state.session = state.memory = null; showNoSelection(); }
       else {
         await loadCurrent();
-        if (state.tab === "sessions" && sessionId) { const current = state.sessions.find((item) => item.sessionId === sessionId); if (current) await openSession(current, branch, after); else { state.session = null; showNoSelection(); } }
+        if (state.tab === "sessions" && sessionId) { const current = state.sessions.find((item) => item.sessionId === sessionId); if (current) await openSession(current, branch); else { state.session = null; showNoSelection(); } }
         if (state.tab === "memories" && selectedMemoryId != null) { const current = state.memories.find((item) => item.id === selectedMemoryId); if (current) await openMemory(current); else { state.memory = null; showNoSelection(); } }
       }
       toast("已重新读取当前视图");
@@ -351,14 +484,31 @@
   document.addEventListener("click", async (event) => {
     const target = event.target.closest("[data-action]"); if (!target) return; const action = target.dataset.action;
     try {
+      if (action === "toggle-preview") { setPreviewExpanded(target, target.getAttribute("aria-expanded") !== "true"); return; }
       if (action === "project") await loadProject(state.projects.find((p) => p.projectPath === target.dataset.project));
-      else if (action === "session") await openSession(state.sessions.find((s) => s.sessionId === target.dataset.sid), null, null);
-      else if (action === "branch") { const session = state.sessions.find((s) => s.sessionId === target.dataset.sid); await openSession(session, target.dataset.branch, null); }
+       else if (action === "session") await openSession(state.sessions.find((s) => s.sessionId === target.dataset.sid), null);
+       else if (action === "branch") { const session = state.sessions.find((s) => s.sessionId === target.dataset.sid); event.stopPropagation(); await openSession(session, target.dataset.branch); }
       else if (action === "memory") await openMemory(state.memories.find((m) => m.id === Number(target.dataset.mid)));
       else if (action === "jump") await jumpTo(target.dataset.anchor);
-      else if (action === "next-page" && state.page?.hasMore) { state.pageCursors.push(state.pageAfter); await openSession(state.session, state.branch, state.page.nextAfter); }
-      else if (action === "previous-page") await openSession(state.session, state.branch, state.pageCursors.pop() ?? null);
-      else if (action === "expand-output") { state.fullOutputs = true; const params = new URLSearchParams({ limit: "40", fullOutputs: "1" }); if (state.branch) params.set("branch", state.branch); if (state.pageAfter != null) params.set("after", String(state.pageAfter)); const suffix = `/sessions/${encodeURIComponent(state.session.sessionId)}/messages?${params}`; try { state.page = await api(path(state.project.projectPath, suffix)); renderSessionDetail(); } catch (error) { toast(`完整输出读取失败：${error.message}`); } }
+       else if (action === "next-raw-page" || action === "previous-raw-page") {
+         const view = state.ungroupedView; const body = $("#raw-messages .comp-message-panel"); if (!view || !body) return;
+         if (action === "next-raw-page" && view.page?.hasMore) { view.cursors.push(view.after); view.after = view.page.nextAfter; }
+         else if (action === "previous-raw-page" && view.cursors.length) view.after = view.cursors.pop();
+         else return;
+         await loadRawFallback(body, null, view.fullOutputs);
+       }
+       else if (action === "next-segment-page" || action === "previous-segment-page") {
+         const c = state.compartments.find((item) => segmentKey(item) === target.dataset.segmentKey); if (!c) return; const view = getSegmentView(c); const body = [...document.querySelectorAll("[data-compartment-key]")].find((item) => item.dataset.compartmentKey === target.dataset.segmentKey)?.querySelector(".comp-message-panel"); if (!body) return;
+         if (action === "next-segment-page" && view.page?.hasMore) { view.cursors.push(view.after); view.after = view.page.nextAfter; }
+         else if (action === "previous-segment-page" && view.cursors.length) view.after = view.cursors.pop();
+         else return;
+         await loadSegmentMessages(c, target.dataset.segmentKey, body, { fullOutputs: view.fullOutputs });
+       }
+       else if (action === "expand-output") {
+         const key = target.dataset.toolKey; const block = target.closest(".tool-block"); if (!key || !block) return;
+          const raw = target.closest(".comp-raw,.ungrouped-raw"); const compKey = raw?.dataset.compartmentKey; const compartment = state.compartments.find((item) => segmentKey(item) === compKey); const view = compartment ? getSegmentView(compartment) : state.ungroupedView; const openTools = view.openToolOutputs; const open = openTools.has(key); if (open) { openTools.delete(key); setToolBlockOpen(block, false); }
+         else { openTools.add(key); if (target.dataset.requiresFullOutput === "true") { if (compartment) await loadFullOutputs(key, { view, compartment, key: compKey, parent: $(".comp-message-panel", raw) }); else if (raw) await loadRawFallback($(".comp-message-panel", raw), null, true, key); else setToolBlockOpen(block, true); } else setToolBlockOpen(block, true); }
+      }
       else if (action === "search-memories") await loadMemories();
       else if (action === "mem-save") await writeMemory("edit");
       else if (action === "mem-archive") { if (confirm("归档这条记忆？（可在详情页恢复）")) await writeMemory("archive"); }
@@ -368,6 +518,6 @@
     } catch (error) { toast(error.message); }
   });
   $("#sessions-tab").addEventListener("click", () => tabTo("sessions")); $("#memories-tab").addEventListener("click", () => tabTo("memories")); $("#refresh").addEventListener("click", refresh);
-  document.addEventListener("keydown", (event) => { if (event.key === "Escape" && document.body.dataset.level === "detail") setLevel("list"); });
+   document.addEventListener("keydown", (event) => { const card = event.target?.matches?.('[data-action="session"]') ? event.target : null; if (card && (event.key === "Enter" || event.key === " ")) { event.preventDefault(); card.click(); return; } if (event.key === "Escape" && document.body.dataset.level === "detail") setLevel("list"); });
   setLevel("projects"); loadProjects(false);
 })();

package/package.json

@@ -1,9 +1,12 @@
 {
 	"name": "@retaw106/mmc-pi",
-	"version": "1.2.2",
+	"version": "2.0.0",
 	"type": "module",
 	"description": "Pi and OMP coding agent extension for Magic Context — cross-session memory and context management",
 	"main": "dist/index.js",
+	"bin": {
+		"mmc-pi": "./dist/cli.js"
+	},
 	"license": "MIT",
 	"author": "ualtinok",
 	"repository": {
@@ -30,8 +33,10 @@
 	],
 	"//": "The build intentionally bundles typebox (no --external typebox) and keeps it a regular dependency. OMP's extension loader rewrites every bare `typebox` import to its own omptype-based shim, whose schemas are callable objects rather than JSON Schema; they fail structuredClone during tool registration, so an external typebox import stops Magic Context loading on OMP. src/typebox-bundling.test.ts guards this.",
 	"scripts": {
-		"build": "bun ../../scripts/check-bun.mjs && bun ../../scripts/clean-dist-chunks.mjs dist index.js historian-calibration-extension.js && rm -rf dist/web && bun build src/index.ts src/historian-calibration-extension.ts --outdir dist --target node --format esm --splitting --external @earendil-works/pi-coding-agent --external @earendil-works/pi-tui --external node:sqlite && bun run build:web",
+		"build": "bun ../../scripts/check-bun.mjs && bun ../../scripts/clean-dist-chunks.mjs dist index.js historian-calibration-extension.js config-init.js cli.js && rm -rf dist/web && bun build src/index.ts src/historian-calibration-extension.ts --outdir dist --target node --format esm --splitting --external @earendil-works/pi-coding-agent --external @earendil-works/pi-tui --external node:sqlite && bun run build:web && bun run build:config-init && bun run build:cli",
 		"build:web": "bun build src/web/main.ts --outfile dist/web/main.js --target node --format esm --external @earendil-works/pi-coding-agent --external @earendil-works/pi-tui --external node:sqlite && mkdir -p dist/web/ui && cp ../plugin/src/web/ui/* dist/web/ui/",
+		"build:config-init": "cd ../plugin && bun build scripts/config-init-entry.ts --outfile ../pi-plugin/dist/config-init.js --target node --format esm",
+		"build:cli": "cd ../plugin && bun build scripts/cli.ts --outfile ../pi-plugin/dist/cli.js --target node --format esm",
 		"build:e2e-argv": "bun build src/subagent-runner.ts --outfile ../../tests/docker/.generated/subagent-runner-e2e.mjs --target node --format esm --external node:sqlite",
 		"typecheck": "tsc --noEmit",
 		"test": "bun ../../scripts/check-bun.mjs && bun install --frozen-lockfile && bun test --parallel --timeout 30000",