@retaw106/mmc-pi 2.0.0 → 2.1.1

package/dist/web/ui/panel.css

@@ -11,3 +11,6 @@
 .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)}
+.session-counts,.memory-counts{padding:8px 12px;color:#aeb9b0;font:10px var(--mono);border-bottom:1px solid #27312d;background:#111614;white-space:nowrap}.session-tree-node{border-bottom:1px solid #222b27;padding:7px 8px 7px 10px;transition:background .16s,border-color .16s}.session-tree-node:hover{background:#1b231f}.session-tree-node.selected{background:#263321;border-left:3px solid var(--accent);padding-left:7px}.session-tree-node.context-ancestor{opacity:.68}.session-row{display:flex;align-items:flex-start;gap:6px;min-width:0}.session-toggle,.session-toggle-spacer{width:30px;height:30px;min-width:30px;display:grid;place-items:center;border:1px solid #344139;border-radius:7px;background:#171e1a;color:var(--accent);font:16px var(--mono);cursor:pointer}.session-toggle:hover{background:#263321;border-color:#70845b}.session-toggle-spacer{border-color:transparent;background:transparent}.session-open{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;flex:1;min-width:0;padding:2px 3px;border:0;background:none;text-align:left;cursor:pointer}.session-open:hover .item-title{color:#d9ff9c}.session-open .item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-open .item-meta{display:flex;justify-content:space-between;gap:8px}.session-time{color:#b7c5b7;white-space:nowrap}.session-time[title]{cursor:help}.session-children{margin:5px 0 0 19px;padding-left:8px;border-left:1px solid #3b493e}.session-children[hidden]{display:none}.session-tree-node[aria-level="3"]{padding-top:5px;padding-bottom:5px}.session-tree-node[aria-level="3"] .session-open .item-title{font-size:11px}.context-label,.relation-note{color:#aab89c;font:9px var(--mono)}.relation-note{color:var(--amber)}.maintenance-badge{color:#f0ce91;background:#3b2d1b;border-color:#74582f}.orphan-group{margin:10px;border:1px solid #5a4930;border-radius:9px;background:#1a1712;overflow:hidden}.orphan-heading{display:flex;align-items:center;gap:7px;padding:8px 9px;color:#efd69d}.orphan-heading strong{font-size:11px}.orphan-body{border-top:1px solid #4a3c29}.orphan-body[hidden]{display:none}.orphan-body .session-tree-node{border-bottom-color:#3d3427}.memory-category-options{display:flex;flex-wrap:wrap;gap:5px;padding:3px 0}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #334038;border-radius:999px;background:#171e1a;color:#aeb9b0;font-size:10px;cursor:pointer}.category-chip:has(input:checked){border-color:#849d62;background:#293522;color:#e2f7c5}.category-chip input{accent-color:var(--accent);margin:0}.memory-actions{align-items:center}.list-error{margin:10px;border:1px solid #704038;background:#2a1c1a;border-radius:9px;color:#f3c0b7}.list-error strong{color:#ffb8aa}.list-error .link-button{margin-top:7px}.item-list>.item-card{margin-left:10px;margin-right:10px}.branch-box{min-width:0}.session-open .item-sub{overflow-wrap:anywhere}.session-tree-node button:active,.orphan-heading button:active{transform:scale(.96)}
+@media(max-width:760px){.session-counts,.memory-counts{white-space:normal;line-height:1.6}.control-row{flex-wrap:wrap}.list-controls{gap:7px}.memory-category-options{padding:2px 0}.category-chip{min-height:34px}.session-children{margin-left:12px}.session-toggle,.session-toggle-spacer{width:34px;min-width:34px;height:34px}.session-open{padding-top:4px;padding-bottom:4px}}
+.session-facts{color:#b9c9a9}.bound-coordinates{color:#9eaca2;font:9px var(--mono);overflow-wrap:anywhere}.message-index{overflow-wrap:anywhere}

package/dist/web/ui/panel.js

@@ -2,11 +2,26 @@
   "use strict";
 
   const $ = (selector, root = document) => root.querySelector(selector);
-  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 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, includeMaintenance: false, sessionTitleQuery: "", sessionHarness: "", sessionSince: "", sessionUntil: "", expandedSessionIds: new Set(), orphanExpanded: false, preFilterExpanded: null, sessionError: null, memoryError: null, memoryQuery: "", memoryStatus: "unarchived", memoryCategories: [], memorySort: "updated-desc", memoryCursor: null, memoryNextCursor: null, memoryHasMore: false, memoryMatchedCount: 0, memoryCategoriesCatalog: [], draftTimer: 0, writeToken: null, writeBusy: false, pendingProjectPath: null };
   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 VIEW_STATE_KEY = "mmc-panel-view-state";
+  function sessionKey(session) { return `${session?.harness || "unknown"}:${session?.sessionId || ""}`; }
+  function readViewState() {
+    try { const saved = JSON.parse(sessionStorage.getItem(VIEW_STATE_KEY) || "null"); if (!saved || typeof saved !== "object") return; state.pendingProjectPath = saved.projectPath || null; state.pendingSelectedSession = saved.selectedSession || null; state.pendingSelectedMemory = saved.selectedMemory ?? null; state.pendingBranch = saved.branch || null; state.pendingScrollTop = Number(saved.listScrollTop) || 0; state.tab = saved.tab === "memories" ? "memories" : "sessions"; state.includeMaintenance = saved.includeMaintenance === true; state.sessionTitleQuery = typeof saved.sessionTitleQuery === "string" ? saved.sessionTitleQuery : ""; state.sessionHarness = typeof saved.sessionHarness === "string" ? saved.sessionHarness : ""; state.sessionSince = typeof saved.sessionSince === "string" ? saved.sessionSince : ""; state.sessionUntil = typeof saved.sessionUntil === "string" ? saved.sessionUntil : ""; state.expandedSessionIds = new Set(Array.isArray(saved.expandedSessionIds) ? saved.expandedSessionIds : []); state.orphanExpanded = saved.orphanExpanded === true; state.memoryQuery = typeof saved.memoryQuery === "string" ? saved.memoryQuery : ""; state.memoryStatus = typeof saved.memoryStatus === "string" ? saved.memoryStatus : "unarchived"; state.memoryCategories = Array.isArray(saved.memoryCategories) ? saved.memoryCategories : []; state.memorySort = typeof saved.memorySort === "string" ? saved.memorySort : "updated-desc"; state.memoryCursor = null; } catch { /* 浏览器禁用会话存储时仍可正常浏览 */ }
+  }
+  function saveViewState() {
+    try { sessionStorage.setItem(VIEW_STATE_KEY, JSON.stringify({ projectPath: state.project?.projectPath || state.pendingProjectPath, tab: state.tab, includeMaintenance: state.includeMaintenance, sessionTitleQuery: state.sessionTitleQuery || "", sessionHarness: state.sessionHarness || "", sessionSince: state.sessionSince || "", sessionUntil: state.sessionUntil || "", expandedSessionIds: [...state.expandedSessionIds], orphanExpanded: state.orphanExpanded, memoryQuery: state.memoryQuery, memoryStatus: state.memoryStatus, memoryCategories: state.memoryCategories, memorySort: state.memorySort, selectedSession: state.session ? sessionKey(state.session) : null, selectedMemory: state.memory?.id ?? null, branch: state.branch, listScrollTop: $("#items")?.scrollTop || 0 })); } catch { /* 非关键状态，存储失败不阻断面板 */ }
+  }
+  function sessionTime(session) { return session?.latestMessageTime || { quality: "unreadable", value: null, detail: null }; }
+  function sessionTimeText(session) { const time = sessionTime(session); if (time.quality === "no-messages") return "无消息"; if (time.quality === "unreadable") return "时间不可读"; if (time.quality === "partial-unreadable") return time.value == null ? "时间不可读 · 部分不可读" : `${formatTime(time.value)} · 部分不可读`; return time.value == null ? "时间不可读" : formatTime(time.value); }
+  function sessionTimeTitle(session) { const time = sessionTime(session); if (time.quality === "normal" && time.value != null) return formatTime(time.value); if (time.quality === "partial-unreadable") return `已知时间仅为下界；部分分支不可读${time.detail ? `：${time.detail}` : ""}`; return time.quality === "no-messages" ? "没有符合条件的 user/assistant 消息" : "无法可靠读取消息时间"; }
+  function sessionSort(a, b) { const rank = { normal: 0, "partial-unreadable": 1, "no-messages": 2, unreadable: 3 }; const at = sessionTime(a); const bt = sessionTime(b); const ar = rank[at.quality] ?? 3; const br = rank[bt.quality] ?? 3; if (ar !== br) return ar - br; if (ar < 2 && at.value !== bt.value) return (bt.value ?? -Infinity) - (at.value ?? -Infinity); const ah = `${a.harness || ""}:${a.sessionId || ""}`; const bh = `${b.harness || ""}:${b.sessionId || ""}`; return ah.localeCompare(bh);
+  }
+  const RELATION_REASON = { "missing-parent": "缺少父会话", "cross-project": "父会话属于其他项目", duplicate: "重复注册", cycle: "父关系成环", "maintenance-parent-hidden": "父为已隐藏的维护会话" };
+  const CATEGORY_LABEL = { PROJECT_RULES: "项目规则", ARCHITECTURE: "架构", CONFIG_VALUES: "配置值", ARCHITECTURE_DECISIONS: "架构决策", CONSTRAINTS: "约束", CONFIG_DEFAULTS: "配置默认值", NAMING: "命名", USER_PREFERENCES: "用户偏好", USER_DIRECTIVES: "用户指令", ENVIRONMENT: "环境", WORKFLOW_RULES: "工作流规则", KNOWN_ISSUES: "已知问题" };
   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}` : ""}`);
@@ -73,6 +88,18 @@
   }
   const sessionTitle = (session) => session.title || (session.harness === "pi" ? "Pi 会话 · 无标题" : "OpenCode 2 会话 · 无标题");
   const number = (value) => value == null ? "—" : new Intl.NumberFormat("zh-CN").format(value);
+  function coordinateText(coordinates) {
+    const host = coordinates?.hostSeq == null ? "宿主序未知" : `宿主序 #${number(coordinates.hostSeq)}`;
+    const raw = coordinates?.rawOrdinal == null ? "原文序未知" : `原文序 #${number(coordinates.rawOrdinal)}`;
+    const tags = coordinates?.tagNumbers == null ? "标签未知" : coordinates.tagNumbers.length ? `标签 §${coordinates.tagNumbers.join("、")}§` : "无标签";
+    return `${host} · ${raw} · ${tags}`;
+  }
+  function sessionFacts(session) {
+    const identity = session?.childIdentity === "child" ? "子会话" : session?.childIdentity === "root" ? "主会话" : "身份未知";
+    const eligibility = session?.processingEligibility === "reduced-subagent" ? "子代理精简资格" : session?.processingEligibility === "primary" ? "主会话资格" : "资格未知";
+    return `已登记 · ${identity} · ${eligibility}`;
+  }
+  const SESSION_FACTS_TITLE = "登记资格，不保证当前启用或健康";
   const setReadAt = (data) => { if (data?.readAt) $("#read-at").textContent = `读取于 ${formatTime(data.readAt)}`; };
   async function api(url) {
     const response = await fetch(url, { method: "GET", cache: "no-store", headers: { Accept: "application/json" } });
@@ -198,72 +225,99 @@
   }
   function setLevel(level) { document.body.dataset.level = level; }
   async function loadProjects(keep = true) {
-    loading($("#projects"), "读取项目与数据源…");
+    const hadOld = state.projects.length > 0; if (!hadOld) loading($("#projects"), "读取项目与数据源…");
     try {
       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) {
+       if (!state.project && state.pendingProjectPath) {
+         const match = state.projects.find((item) => item.projectPath === state.pendingProjectPath); if (match) await loadProject(match);
+       } else if (keep && state.project) {
         const match = state.projects.find((item) => item.projectPath === state.project.projectPath);
         if (match) { state.project = match; await loadCurrent(); }
         else { state.project = null; state.session = state.memory = null; renderProjects(); showNoSelection(); }
       }
-    } catch (error) { state.projects = []; renderProjects(); $("#source-status").replaceChildren(el("div", "error-state", `项目读取失败：${error.message}`)); }
+    } catch (error) { if (!hadOld) state.projects = []; renderProjects(); const box = el("div", "error-state"); box.append(el("strong", "", hadOld ? "读取失败，以下为旧项目列表" : "项目读取失败"), el("p", "", error.message)); const retry = btn("重试", "retry-projects", "link-button"); box.append(retry); $("#source-status").replaceChildren(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 showNoSelection() { setListEyebrow(state.project); $("#list-title").textContent = state.project ? (state.tab === "sessions" ? "会话" : "记忆") : "审阅内容"; if (!state.project) $("#list-controls").replaceChildren(); $("#items").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"));
     if (state.tab === "sessions") {
-      const query = el("input", "field"); query.placeholder = "按标题搜索"; query.type = "search"; query.dataset.filter = "title";
-      const harness = el("select", "field"); harness.dataset.filter = "harness"; for (const [value, label] of [["", "全部宿主"], ["opencode2", "OpenCode 2"], ["pi", "Pi"]]) { const option = el("option", "", label); option.value = value; harness.append(option); }
-      const since = el("input", "field"); since.type = "date"; since.dataset.filter = "since"; since.setAttribute("aria-label", "从日期筛选");
-      const until = el("input", "field"); until.type = "date"; until.dataset.filter = "until"; until.setAttribute("aria-label", "至日期筛选");
+      const query = el("input", "field"); query.placeholder = "按标题搜索"; query.type = "search"; query.dataset.filter = "title"; query.value = state.sessionTitleQuery || ""; query.setAttribute("aria-label", "按标题搜索会话");
+      const harness = el("select", "field"); harness.dataset.filter = "harness"; for (const [value, label] of [["", "全部宿主"], ["opencode2", "OpenCode 2"], ["pi", "Pi"]]) { const option = el("option", "", label); option.value = value; option.selected = value === (state.sessionHarness || ""); harness.append(option); }
+      const since = el("input", "field"); since.type = "date"; since.dataset.filter = "since"; since.value = state.sessionSince || ""; since.setAttribute("aria-label", "从日期筛选");
+      const until = el("input", "field"); until.type = "date"; until.dataset.filter = "until"; until.value = state.sessionUntil || ""; until.setAttribute("aria-label", "至日期筛选");
       const row1 = el("div", "control-row"); row1.append(query); const row2 = el("div", "control-row"); row2.append(harness); const row3 = el("div", "control-row"); row3.append(since, until);
-      const check = el("label", "checkline"); const checkbox = document.createElement("input"); checkbox.type = "checkbox"; checkbox.checked = state.hideHistorian; checkbox.dataset.filter = "historian"; check.append(checkbox, el("span", "", "隐藏 historian 派生会话"));
-      root.append(row1, row2, row3, check);
-      for (const filter of root.querySelectorAll("[data-filter]")) filter.addEventListener("input", renderItems);
-      harness.addEventListener("change", renderItems); checkbox.addEventListener("change", () => { state.hideHistorian = checkbox.checked; renderItems(); });
+      const check = el("label", "checkline"); const checkbox = document.createElement("input"); checkbox.type = "checkbox"; checkbox.checked = state.includeMaintenance; checkbox.dataset.filter = "maintenance"; check.append(checkbox, el("span", "", "显示维护会话"));
+      const clear = btn("清除筛选", "clear-session-filters", "link-button"); clear.hidden = !sessionFiltersActive();
+      root.append(row1, row2, row3, check, clear);
+      query.addEventListener("input", () => { state.sessionTitleQuery = query.value; onSessionFilterChange(); });
+      harness.addEventListener("change", () => { state.sessionHarness = harness.value; onSessionFilterChange(); });
+      since.addEventListener("change", () => { state.sessionSince = since.value; onSessionFilterChange(); });
+      until.addEventListener("change", () => { state.sessionUntil = until.value; onSessionFilterChange(); });
+      checkbox.addEventListener("change", () => { state.includeMaintenance = checkbox.checked; saveViewState(); loadSessions(); });
     } else {
-      const query = el("input", "field"); query.type = "search"; query.placeholder = "搜索当前项目记忆"; query.dataset.filter = "memory-q"; query.value = state.memoryQuery || "";
-      const category = el("select", "field"); category.dataset.filter = "memory-category"; for (const [value, label] of [["", "全部类别"], ["PROJECT_RULES", "项目规则"], ["ARCHITECTURE", "架构"], ["CONSTRAINTS", "约束"], ["CONFIG_VALUES", "配置值"], ["NAMING", "命名"]]) { const option = el("option", "", label); option.value = value; category.append(option); }
-      const status = el("select", "field"); status.dataset.filter = "memory-status"; for (const [value, label] of [["unarchived", "未归档（默认）"], ["expired-unarchived", "过期未归档"], ["archived", "已归档"], ["all", "全部状态"]]) { const option = el("option", "", label); option.value = value; status.append(option); }
-      const row = el("div", "control-row"); row.append(query); const row2 = el("div", "control-row"); row2.append(category, status); const search = btn("检索", "search-memories", "button"); root.append(row, row2, search);
-      query.addEventListener("keydown", (event) => { if (event.key === "Enter") loadMemories(); }); category.addEventListener("change", loadMemories); status.addEventListener("change", loadMemories);
+      const query = el("input", "field"); query.type = "search"; query.placeholder = "搜索当前项目记忆"; query.value = state.memoryQuery || ""; query.dataset.filter = "memory-q"; query.setAttribute("aria-label", "搜索当前项目记忆");
+      const status = el("select", "field"); status.dataset.filter = "memory-status"; for (const [value, label] of [["unarchived", "未归档（默认）"], ["expired-unarchived", "过期未归档"], ["archived", "已归档"], ["all", "全部状态"]]) { const option = el("option", "", label); option.value = value; option.selected = value === state.memoryStatus; status.append(option); }
+      const sort = el("select", "field"); sort.dataset.filter = "memory-sort"; for (const [value, label] of [["updated-desc", "最近更新"], ["importance-desc", "重要性"], ["created-desc", "创建时间"]]) { const option = el("option", "", label); option.value = value; option.selected = value === state.memorySort; sort.append(option); }
+      const row = el("div", "control-row"); row.append(query); const row2 = el("div", "control-row"); row2.append(status, sort);
+      const categories = el("div", "memory-category-options"); categories.setAttribute("aria-label", "按类别筛选"); for (const value of state.memoryCategoriesCatalog) { const label = el("label", "category-chip"); const checkbox = document.createElement("input"); checkbox.type = "checkbox"; checkbox.value = value; checkbox.checked = state.memoryCategories.includes(value); checkbox.dataset.category = value; label.append(checkbox, el("span", "", CATEGORY_LABEL[value] || value)); categories.append(label); }
+      const actions = el("div", "control-row memory-actions"); const search = btn("检索", "search-memories", "button button-primary"); const clear = btn("清除筛选", "clear-memory-filters", "link-button"); clear.hidden = !(state.memoryQuery || state.memoryCategories.length || state.memoryStatus !== "unarchived" || state.memorySort !== "updated-desc"); actions.append(search, clear);
+      root.append(row, row2, categories, actions);
+      query.addEventListener("input", () => { state.memoryQuery = query.value; saveViewState(); }); query.addEventListener("keydown", (event) => { if (event.key === "Enter") loadMemories(true); }); status.addEventListener("change", () => { state.memoryStatus = status.value; saveViewState(); loadMemories(true); }); sort.addEventListener("change", () => { state.memorySort = sort.value; saveViewState(); loadMemories(true); });
+      for (const checkbox of categories.querySelectorAll("input")) checkbox.addEventListener("change", () => { state.memoryCategories = [...categories.querySelectorAll("input:checked")].map((item) => item.value); saveViewState(); loadMemories(true); });
     }
   }
+  function sessionFiltersActive() { return Boolean((state.sessionTitleQuery || "").trim() || state.sessionHarness || state.sessionSince || state.sessionUntil); }
+  function onSessionFilterChange() { const active = sessionFiltersActive(); if (active && !state.preFilterExpanded) state.preFilterExpanded = new Set(state.expandedSessionIds); if (!active && state.preFilterExpanded) { state.expandedSessionIds = state.preFilterExpanded; state.preFilterExpanded = null; } const clear = $('[data-action="clear-session-filters"]', $("#list-controls")); if (clear) clear.hidden = !active; saveViewState(); renderItems(); }
+  function dateBoundary(value, end = false) { if (!value) return null; const parts = value.split("-").map(Number); if (parts.length !== 3 || parts.some((item) => !Number.isInteger(item))) return null; return new Date(parts[0], parts[1] - 1, parts[2] + (end ? 1 : 0), 0, 0, 0, 0).getTime(); }
+  function sessionMatches(session) { const title = (state.sessionTitleQuery || "").trim().toLocaleLowerCase(); const time = sessionTime(session); if (state.sessionHarness && session.harness !== state.sessionHarness) return false; if (title && !(session.title || "").toLocaleLowerCase().includes(title)) return false; const since = dateBoundary(state.sessionSince); const until = dateBoundary(state.sessionUntil, true); if (since != null && (time.value == null || time.value < since)) return false; if (until != null && (time.value == null || time.value >= until)) return false; return true; }
+  function makeSessionTree() {
+    const nodes = (state.sessions || []).filter((node) => state.includeMaintenance || !node.maintenance); const byId = new Map(); for (const node of nodes) { const list = byId.get(node.sessionId) || []; list.push(node); byId.set(node.sessionId, list); }
+    const children = new Map(); const parentOf = new Map();
+    for (const node of nodes) { if (node.relation?.state !== "child" || !node.parentId) continue; const parents = byId.get(node.parentId) || []; if (parents.length !== 1) continue; parentOf.set(sessionKey(node), parents[0]); const key = sessionKey(parents[0]); const list = children.get(key) || []; list.push(node); children.set(key, list); }
+    for (const list of children.values()) list.sort(sessionSort);
+    const matches = new Map(); let rootsMatched = 0; let childrenMatched = 0;
+    for (const node of nodes) { const matched = sessionMatches(node); matches.set(sessionKey(node), matched); if (matched && node.relation?.state === "root") rootsMatched++; if (matched && node.relation?.state !== "root") childrenMatched++; }
+    const descendantMatch = (node, seen = new Set()) => { const key = sessionKey(node); if (seen.has(key)) return false; seen.add(key); if (matches.get(key)) return true; return (children.get(key) || []).some((child) => descendantMatch(child, new Set(seen))); };
+    const included = new Set(); let contextAncestors = 0;
+    const includeNode = (node) => { const key = sessionKey(node); if (included.has(key)) return; if (!sessionFiltersActive() || descendantMatch(node)) { included.add(key); if (!matches.get(key)) contextAncestors++; const parent = parentOf.get(key); if (parent) includeNode(parent); } };
+    for (const node of nodes) if (node.relation?.state === "root" || node.relation?.state === "orphan") includeNode(node);
+    for (const node of nodes) if (matches.get(sessionKey(node))) includeNode(node);
+    if (!sessionFiltersActive()) for (const node of nodes) included.add(sessionKey(node));
+    if (sessionFiltersActive()) for (const node of nodes) if (matches.get(sessionKey(node))) { let current = node; while (current) { if (current.relation?.state === "orphan") state.orphanExpanded = true; if (current !== node) state.expandedSessionIds.add(sessionKey(current)); current = parentOf.get(sessionKey(current)); } }
+    const build = (node) => ({ node, matched: matches.get(sessionKey(node)) === true, context: included.has(sessionKey(node)) && !matches.get(sessionKey(node)), children: (children.get(sessionKey(node)) || []).filter((child) => included.has(sessionKey(child))).map(build) });
+    return { roots: nodes.filter((node) => node.relation?.state === "root" && included.has(sessionKey(node))).sort(sessionSort).map(build), orphans: nodes.filter((node) => node.relation?.state === "orphan" && included.has(sessionKey(node))).sort(sessionSort).map(build), rootsMatched, childrenMatched, contextAncestors };
+  }
   function renderItems() {
     const root = $("#items"); root.replaceChildren();
     if (state.tab === "sessions") {
-      const title = ($('[data-filter="title"]', $("#list-controls"))?.value || "").trim().toLocaleLowerCase(); const harness = $('[data-filter="harness"]', $("#list-controls"))?.value || "";
-      const since = $('[data-filter="since"]', $("#list-controls"))?.value; const until = $('[data-filter="until"]', $("#list-controls"))?.value; const hide = $('[data-filter="historian"]', $("#list-controls"))?.checked ?? state.hideHistorian;
-      const filtered = state.sessions.filter((s) => (!hide || s.derived !== "historian") && (!harness || s.harness === harness) && (!title || (s.title || "").toLocaleLowerCase().includes(title)) && (!since || (s.lastActivityAt ?? 0) >= new Date(`${since}T00:00:00`).getTime()) && (!until || (s.lastActivityAt ?? 0) <= new Date(`${until}T23:59:59`).getTime()));
-      if (!filtered.length) { empty(root, state.sessions.length ? "没有符合条件的会话" : "暂无会话", state.sessions.length ? "调整筛选条件试试。" : "这个项目当前没有登记会话；如有记忆，可切换到记忆查看。"); return; }
-      for (const session of filtered) renderSessionCard(root, session);
+      root.setAttribute("role", "tree"); root.setAttribute("aria-label", "会话树"); const tree = makeSessionTree();
+      const counts = el("div", "session-counts", `匹配主会话 ${number(tree.rootsMatched)} · 子会话 ${number(tree.childrenMatched)} · 定位祖先 ${number(tree.contextAncestors)}`); root.append(counts);
+      if (!tree.roots.length && !tree.orphans.length) { if (state.sessionError) renderListError(root, state.sessionError, false); else empty(root, state.sessions.length ? "没有符合条件的会话" : "暂无会话", state.sessions.length ? "调整筛选条件试试。" : "这个项目当前没有登记会话；如有记忆，可切换到记忆查看。"); return; }
+      for (const item of tree.roots) renderSessionNode(root, item, 1);
+      if (tree.orphans.length) renderOrphanGroup(root, tree.orphans);
+      if (state.sessionError) renderListError(root, state.sessionError, true);
     } else {
-      if (!state.memories.length) { empty(root, state.memoryQuery ? "没有匹配的记忆" : "没有记忆", state.memoryQuery ? "检索没有结果，不代表数据源故障。" : "尝试更换状态筛选或搜索词。"); return; }
+      root.removeAttribute("role"); const summary = el("div", "memory-counts", `匹配 ${number(state.memoryMatchedCount)} · 已加载 ${number(state.memories.length)}`); root.append(summary);
+      if (!state.memories.length) { if (state.memoryError) renderListError(root, state.memoryError, false); else empty(root, state.memoryMatchedCount ? "当前页没有可显示的记忆" : "没有匹配的记忆", state.memoryMatchedCount ? "请尝试重新检索。" : "调整搜索、类别或状态筛选。"); return; }
       for (const memory of state.memories) renderMemoryCard(root, memory);
+      if (state.memoryHasMore) { const more = btn("加载更多", "load-more-memories", "button"); more.setAttribute("aria-label", `加载更多记忆，已加载 ${state.memories.length} 条`); root.append(more); }
+      if (state.memoryError) renderListError(root, state.memoryError, true);
     }
   }
-  function renderSessionCard(root, session) {
-    const active = state.session?.sessionId === session.sessionId;
-    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");
-      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);
-    }
-    root.append(card);
-  }
+  function renderListError(root, error, oldData) { const box = el("div", "error-state list-error"); box.append(el("strong", "", oldData ? "读取失败，以下为旧查询结果" : "读取失败"), el("p", "", error.message)); const retry = btn("重试", state.tab === "sessions" ? "retry-sessions" : "retry-memories", "link-button"); box.append(retry); root.append(box); }
+  function renderSessionNode(parent, item, level) {
+    const session = item.node; const key = sessionKey(session); const children = item.children; const expanded = state.expandedSessionIds.has(key); const active = state.session && sessionKey(state.session) === key; const id = `session-children-${encodeURIComponent(key).replace(/%/g, "")}`;
+    const node = el("div", `session-tree-node${active ? " selected" : ""}${item.context ? " context-ancestor" : ""}`); node.dataset.sid = session.sessionId; node.dataset.harness = session.harness; node.dataset.sessionKey = key; node.setAttribute("role", "treeitem"); node.setAttribute("aria-level", String(level)); node.setAttribute("aria-selected", String(Boolean(active))); node.tabIndex = 0;
+    const row = el("div", "session-row");
+    if (children.length) { const toggle = btn(expanded ? "−" : "+", "toggle-session", "session-toggle"); toggle.dataset.sessionKey = key; toggle.setAttribute("aria-expanded", String(expanded)); toggle.setAttribute("aria-controls", id); toggle.setAttribute("aria-label", `${expanded ? "收起" : "展开"}${sessionTitle(session)}的子会话`); row.append(toggle); } else row.append(el("span", "session-toggle-spacer"));
+    const open = btn("", "session", "session-open"); open.dataset.sid = session.sessionId; open.dataset.harness = session.harness; open.setAttribute("aria-label", `打开会话：${sessionTitle(session)}`); open.append(el("span", "item-title", sessionTitle(session)));
+    const meta = el("span", "item-meta"); const time = el("time", "session-time", sessionTimeText(session)); time.title = sessionTimeTitle(session); meta.append(el("span", "", session.harness === "pi" ? "Pi" : "OpenCode 2"), time); open.append(meta);
+    const foot = el("span", "item-sub", `${session.sessionId} · ${number(session.compartmentCount)} 段摘要${children.length ? ` · ${number(children.length)} 个子会话` : ""}`); open.append(foot); const facts = el("span", "item-sub session-facts", sessionFacts(session)); facts.title = SESSION_FACTS_TITLE; open.append(facts); if (item.context) open.append(el("span", "context-label", "用于定位")); if (session.maintenance) open.append(el("span", "badge maintenance-badge", `维护 · ${session.maintenance}`)); if (session.relation?.state === "orphan") open.append(el("span", "relation-note", RELATION_REASON[session.relation.reason] || "未归属子会话")); if (session.forkSessionId) { const source = el("span", "item-sub", `来源：${session.forkSessionId}`); source.title = "forkSessionId 仅表示来源，不是父子关系"; open.append(source); } row.append(open); node.append(row);
+    if (session.harness === "pi") { const branches = session.piBranches || []; const box = el("div", "branch-box"); box.append(el("span", "item-sub", branches.length ? `Pi 分支文件 · ${branches.length}` : "Pi 原文文件未找到")); for (const branch of branches) { const b = btn(`${branch.fileName} · ${branch.directoryName}`, "branch", "link-button branch-button"); b.dataset.sid = session.sessionId; b.dataset.harness = session.harness; b.dataset.branch = branch.fileName; b.title = branch.headerTimestamp || "时间未知"; box.append(b); } node.append(box); }
+    if (children.length) { const group = el("div", "session-children"); group.id = id; group.setAttribute("role", "group"); group.hidden = !expanded; if (expanded) for (const child of children) renderSessionNode(group, child, level + 1); node.append(group); } parent.append(node);
+  }
+  function renderOrphanGroup(root, items) { const group = el("section", "orphan-group"); group.setAttribute("aria-label", "未归属子会话"); const heading = el("div", "orphan-heading"); const toggle = btn(state.orphanExpanded ? "−" : "+", "toggle-orphans", "session-toggle"); toggle.setAttribute("aria-expanded", String(state.orphanExpanded)); toggle.setAttribute("aria-controls", "orphan-session-group"); toggle.setAttribute("aria-label", `${state.orphanExpanded ? "收起" : "展开"}未归属子会话`); heading.append(toggle, el("strong", "", `未归属子会话 · ${items.length}`)); group.append(heading); const body = el("div", "orphan-body"); body.id = "orphan-session-group"; body.setAttribute("role", "group"); body.hidden = !state.orphanExpanded; if (state.orphanExpanded) for (const item of items) renderSessionNode(body, item, 1); group.append(body); root.append(group); }
   function renderMemoryCard(root, memory) {
     const card = btn("", "memory", `item-card${state.memory?.id === memory.id ? " selected" : ""}`); card.dataset.mid = memory.id;
     card.append(el("span", "item-title", `#${memory.id} · ${memory.category}`));
@@ -273,49 +327,56 @@
     if (memory.mergedFrom) card.append(el("span", "badge", "合并记录")); root.append(card);
   }
   async function loadProject(project) {
-    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();
+    const restoring = !state.project && state.pendingProjectPath === project?.projectPath; state.detailToken += 1; state.project = project; state.pendingProjectPath = project?.projectPath || null; state.session = null; state.memory = null; state.branch = null; if (!restoring) { state.expandedSessionIds = new Set(); state.orphanExpanded = false; } state.preFilterExpanded = null; state.sessionError = null; state.memoryError = null; state.sessions = []; state.memories = []; state.memoryCursor = null; state.memoryNextCursor = null; state.memoryHasMore = false; state.memoryMatchedCount = 0; renderProjects(); setListEyebrow(project); $("#list-title").textContent = state.tab === "sessions" ? "会话" : "记忆"; renderListControls(); loading($("#items")); showNoSelection(); setLevel("list"); saveViewState(); await loadCurrent();
+    if (state.tab === "sessions" && state.pendingSelectedSession) { const selected = state.sessions.find((item) => sessionKey(item) === state.pendingSelectedSession); if (selected) await openSession(selected, state.pendingBranch); }
+    if (state.tab === "memories" && state.pendingSelectedMemory != null) { const selected = state.memories.find((item) => item.id === Number(state.pendingSelectedMemory)); if (selected) await openMemory(selected); }
+    state.pendingSelectedSession = null; state.pendingSelectedMemory = null; state.pendingBranch = null; if (state.pendingScrollTop) requestAnimationFrame(() => { $("#items").scrollTop = state.pendingScrollTop; });
   }
   async function loadCurrent() { if (!state.project) return; if (state.tab === "sessions") await loadSessions(); else await loadMemories(); }
   async function loadSessions() {
-    loading($("#items"), "读取会话列表…");
-    try { const data = await api(path(state.project.projectPath, "/sessions")); state.sessions = data.sessions || []; renderItems(); }
-    catch (error) { errorBox($("#items"), error); }
+    const hadOld = state.sessions.length > 0; if (!hadOld) loading($("#items"), "读取会话列表…");
+    try { const suffix = state.includeMaintenance ? "/sessions?includeMaintenance=1" : "/sessions"; const data = await api(path(state.project.projectPath, suffix)); state.sessions = data.sessions || []; state.sessionError = null; renderItems(); saveViewState(); }
+    catch (error) { state.sessionError = error; if (hadOld) renderItems(); else { const root = $("#items"); root.replaceChildren(); renderListError(root, error, false); } }
   }
-  async function loadMemories() {
+  async function loadMemories(reset = true) {
     if (!state.project) return; const controls = $("#list-controls"); const query = $('[data-filter="memory-q"]', controls)?.value || ""; state.memoryQuery = query;
-    const category = $('[data-filter="memory-category"]', controls)?.value || ""; const status = $('[data-filter="memory-status"]', controls)?.value || "unarchived";
-    const params = new URLSearchParams({ status }); if (query.trim()) params.set("q", query.trim()); if (category) params.set("category", category);
-    loading($("#items"), "检索当前项目记忆…");
-    try { const data = await api(path(state.project.projectPath, `/memories?${params}`)); state.memories = data.memories || []; renderItems(); if (data.truncated) $("#items").append(el("div", "loading", "结果过多，仅显示当前页上限；请缩小搜索范围。")); }
-    catch (error) { errorBox($("#items"), error); }
+    state.memoryStatus = $('[data-filter="memory-status"]', controls)?.value || state.memoryStatus || "unarchived"; state.memorySort = $('[data-filter="memory-sort"]', controls)?.value || state.memorySort || "updated-desc";
+    const hadOld = state.memories.length > 0; if (reset) { state.memoryCursor = null; state.memoryHasMore = false; }
+    const params = new URLSearchParams({ status: state.memoryStatus, sort: state.memorySort }); if (query.trim()) params.set("q", query.trim()); for (const category of state.memoryCategories) params.append("category", category); if (!reset && state.memoryCursor) params.set("cursor", state.memoryCursor);
+    if (!hadOld) loading($("#items"), "检索当前项目记忆…");
+    try { const data = await api(path(state.project.projectPath, `/memories?${params}`)); const byId = new Map(reset ? [] : state.memories.map((memory) => [memory.id, memory])); for (const memory of data.memories || []) byId.set(memory.id, memory); state.memories = [...byId.values()]; state.memoryCategoriesCatalog = Array.isArray(data.categories) ? data.categories : state.memoryCategoriesCatalog; state.memoryMatchedCount = Number.isFinite(data.matchedCount) ? data.matchedCount : state.memories.length; state.memoryNextCursor = data.nextCursor || null; state.memoryCursor = data.nextCursor || null; state.memoryHasMore = data.hasMore === true; state.memoryError = null; renderListControls(); renderItems(); saveViewState(); }
+    catch (error) { state.memoryError = error; if (hadOld) renderItems(); else { const root = $("#items"); root.replaceChildren(); renderListError(root, error, false); } }
   }
   function tabTo(tab) {
     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"));
+    state.memoryError = state.sessionError = null; state.memoryCursor = 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();
+    $("#list-title").textContent = tab === "sessions" ? "会话" : "记忆"; renderListControls(); $("#detail").replaceChildren(); saveViewState(); 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 ensureSessionAncestorsExpanded(session) { const byId = new Map((state.sessions || []).map((item) => [sessionKey(item), item])); let current = session; const seen = new Set(); while (current && current.parentId && !seen.has(sessionKey(current))) { seen.add(sessionKey(current)); const parent = [...byId.values()].find((item) => item.sessionId === current.parentId); if (!parent) break; state.expandedSessionIds.add(sessionKey(parent)); current = parent; } if (session?.relation?.state === "orphan") state.orphanExpanded = true; }
   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 (!session) return;
+     const previousSession = state.session; const previousBranch = state.branch; const previousCompartments = state.compartments; const previousNotes = state.notes; const previousDetailErrors = state.detailErrors;
+     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();
+     state.session = session; state.memory = null; state.branch = branch; ensureSessionAncestorsExpanded(session); state.detailBusy = true; saveViewState(); 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`))];
-    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();
+     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;
+     if (compartments.error && notes.error && previousSession) { state.session = previousSession; state.branch = previousBranch; state.compartments = previousCompartments; state.notes = previousNotes; state.detailErrors = previousDetailErrors; state.detailBusy = false; renderItems(); renderSessionDetail(); toast(`详情读取失败，仍显示旧会话：${compartments.error.message}`, 6000); 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.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);
+      wrap.append(el("h2", "detail-title", sessionTitle(s))); const meta = el("div", "detail-meta"); const eligibility = el("span", "badge", sessionFacts(s).replace("已登记 · ", "")); eligibility.title = SESSION_FACTS_TITLE; meta.append(el("span", "badge", s.sessionId), el("span", "badge", "已登记"), eligibility, el("span", "badge", `${number(s.compartmentCount)} 个摘要段`), el("span", "", sessionTimeText(s))); 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);
@@ -338,14 +399,15 @@
      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}`)); }
+       if (bound.state === "resolved" || bound.state === "synth-resolved") { boundRow.append(el("span", "bound-coordinates", coordinateText(bound.coordinates))); const jump = btn(`跳到${label}`, "jump", "link-button"); jump.dataset.anchor = bound.anchor; boundRow.append(jump); if (bound.aliasedTo) boundRow.append(el("span", "section-note", `→ ${bound.aliasedTo}`)); } else boundRow.append(el("span", "bound-coordinates", coordinateText(null)));
     }
      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);
+      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", `展开该段原文 · ${compartmentRangeLabel(c)}`)); 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 compartmentRangeLabel(c) { const start = c.bounds?.start?.coordinates; const end = c.bounds?.end?.coordinates; if (start?.hostSeq != null && end?.hostSeq != null) return `宿主序 ${start.hostSeq}–${end.hostSeq}`; if (start?.rawOrdinal != null && end?.rawOrdinal != null) return `原文序 ${start.rawOrdinal}–${end.rawOrdinal}`; return "坐标未知"; }
   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) {
@@ -359,7 +421,7 @@
       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}`));
+       identity.append(el("span", "message-index", coordinateText(row.coordinates)));
       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);
@@ -421,9 +483,9 @@
      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("读取记忆详情与证据…");
-    try { const data = await api(path(state.project.projectPath, `/memories/${encodeURIComponent(memory.id)}`)); state.memoryDetail = data; renderMemoryDetail(); }
-    catch (error) { $("#detail").replaceChildren(); errorBox($("#detail"), error); }
+     const previousMemory = state.memory; const previousDetail = state.memoryDetail; state.memory = memory; state.session = null; saveViewState(); renderItems(); setLevel("detail"); showDetailLoading("读取记忆详情与证据…");
+     try { const data = await api(path(state.project.projectPath, `/memories/${encodeURIComponent(memory.id)}`)); state.memoryDetail = data; renderMemoryDetail(); }
+     catch (error) { if (previousMemory && previousDetail) { state.memory = previousMemory; state.memoryDetail = previousDetail; renderMemoryDetail(); toast(`详情读取失败，仍显示旧记忆：${error.message}`, 6000); } else { $("#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() {
@@ -469,14 +531,15 @@
   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 selectedPath = state.project?.projectPath; const selectedSessionKey = state.session ? sessionKey(state.session) : null; const selectedMemoryId = state.memory?.id; const branch = state.branch; const scrollTop = $("#items")?.scrollTop || 0; saveViewState();
       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); 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(); } }
+        if (state.tab === "sessions" && selectedSessionKey) { const current = state.sessions.find((item) => sessionKey(item) === selectedSessionKey); if (current) await openSession(current, branch); else if (!state.session) showNoSelection(); }
+        if (state.tab === "memories" && selectedMemoryId != null) { const current = state.memories.find((item) => item.id === selectedMemoryId); if (current) await openMemory(current); else if (state.memoryDetail) renderMemoryDetail(); else showNoSelection(); }
+        requestAnimationFrame(() => { $("#items").scrollTop = scrollTop; saveViewState(); });
       }
       toast("已重新读取当前视图");
     } finally { button.disabled = false; button.textContent = "刷新数据"; }
@@ -484,9 +547,11 @@
   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 === "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);
+       else if (action === "session") await openSession(state.sessions.find((s) => sessionKey(s) === `${target.dataset.harness || "unknown"}:${target.dataset.sid}`), null);
+       else if (action === "toggle-session") { const key = target.dataset.sessionKey; if (state.expandedSessionIds.has(key)) state.expandedSessionIds.delete(key); else state.expandedSessionIds.add(key); saveViewState(); renderItems(); }
+       else if (action === "toggle-orphans") { state.orphanExpanded = !state.orphanExpanded; saveViewState(); renderItems(); }
        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);
@@ -509,7 +574,13 @@
           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 === "search-memories") await loadMemories(true);
+       else if (action === "load-more-memories") await loadMemories(false);
+       else if (action === "clear-session-filters") { state.sessionTitleQuery = ""; state.sessionHarness = ""; state.sessionSince = ""; state.sessionUntil = ""; onSessionFilterChange(); }
+       else if (action === "clear-memory-filters") { state.memoryQuery = ""; state.memoryStatus = "unarchived"; state.memoryCategories = []; state.memorySort = "updated-desc"; renderListControls(); await loadMemories(true); }
+       else if (action === "retry-sessions") await loadSessions();
+       else if (action === "retry-memories") await loadMemories(true);
+       else if (action === "retry-projects") await loadProjects(true);
       else if (action === "mem-save") await writeMemory("edit");
       else if (action === "mem-archive") { if (confirm("归档这条记忆？（可在详情页恢复）")) await writeMemory("archive"); }
       else if (action === "mem-restore") await writeMemory("restore");
@@ -517,7 +588,7 @@
       else if (action === "back-list") setLevel("list"); else if (action === "back-projects") setLevel("projects");
     } 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) => { 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);
+   $("#sessions-tab").addEventListener("click", () => tabTo("sessions")); $("#memories-tab").addEventListener("click", () => tabTo("memories")); $("#refresh").addEventListener("click", refresh); $("#items").addEventListener("scroll", () => saveViewState(), { passive: true });
+    document.addEventListener("keydown", (event) => { const target = event.target; if ((event.key === "Enter" || event.key === " ") && target?.matches?.('[data-action="session"], [data-action="memory"]')) { event.preventDefault(); target.click(); return; } const treeNode = target?.matches?.(".session-tree-node") ? target : null; if (treeNode && (event.key === "Enter" || event.key === " ")) { event.preventDefault(); const session = state.sessions.find((item) => sessionKey(item) === treeNode.dataset.sessionKey); if (session) openSession(session); return; } if (event.key === "Escape" && document.body.dataset.level === "detail") setLevel("list"); });
+   readViewState(); $("#sessions-tab").classList.toggle("active", state.tab === "sessions"); $("#sessions-tab").setAttribute("aria-selected", String(state.tab === "sessions")); $("#memories-tab").classList.toggle("active", state.tab === "memories"); $("#memories-tab").setAttribute("aria-selected", String(state.tab === "memories")); setLevel("projects"); loadProjects(false);
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@retaw106/mmc-pi",
-	"version": "2.0.0",
+	"version": "2.1.1",
 	"type": "module",
 	"description": "Pi and OMP coding agent extension for Magic Context — cross-session memory and context management",
 	"main": "dist/index.js",