@retaw106/mmc-oc 0.0.0-stage → 1.2.2

package/dist/web/ui/panel.js

@@ -0,0 +1,373 @@
+(() => {
+  "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 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 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)}`; };
+  async function api(url) {
+    const response = await fetch(url, { method: "GET", cache: "no-store", headers: { Accept: "application/json" } });
+    let data; try { data = await response.json(); } catch { throw new Error(`HTTP ${response.status}：响应不是有效 JSON`); }
+    setReadAt(data);
+    if (!response.ok) { const error = data?.error || {}; const err = new Error(error.message || `请求失败（HTTP ${response.status}）`); err.code = error.code; err.status = error.status; throw err; }
+    return data;
+  }
+  function toast(message, ms = 2200) { const node = $("#toast"); node.textContent = message; node.classList.add("show"); clearTimeout(toast.timer); toast.timer = setTimeout(() => node.classList.remove("show"), ms); }
+  // ---------------------------------------------------------------------------
+  // Write side (P3): token gate + the three memory write actions.
+  async function ensureWriteToken() {
+    if (state.writeToken) return state.writeToken;
+    const data = await api("/api/session");
+    state.writeToken = data.writeToken;
+    return data.writeToken;
+  }
+  function setWriteBusy(busy) {
+    state.writeBusy = busy;
+    for (const node of document.querySelectorAll('[data-action="mem-save"],[data-action="mem-archive"],[data-action="mem-restore"]')) node.disabled = busy;
+  }
+  function writeFormSnapshot() {
+    const area = $("#memory-edit-content");
+    const importance = $("#memory-edit-importance");
+    const category = $("#memory-edit-category");
+    const payload = { expected: state.memoryDetail?.semanticSnapshot };
+    if (!payload.expected) throw new Error("缺少语义快照，请重新打开该记忆");
+    if (area && area.value !== state.memoryDetail.memory.content) payload.content = area.value;
+    if (importance && Number.isFinite(Number(importance.value)) && Number(importance.value) !== state.memoryDetail.memory.importance) payload.importance = Number(importance.value);
+    if (category && category.value && category.value !== state.memoryDetail.memory.category) payload.category = category.value;
+    return payload;
+  }
+  async function writeMemory(action, extra = {}) {
+    const memory = state.memory;
+    if (!memory || !state.project || state.writeBusy) return;
+    setWriteBusy(true);
+    try {
+      const token = await ensureWriteToken();
+      const response = await fetch(path(state.project.projectPath, `/memories/${memory.id}/${action}`), {
+        method: "POST",
+        headers: { "content-type": "application/json", "x-mmc-write-token": token },
+        body: JSON.stringify({ ...writeFormSnapshot(), ...extra }),
+      });
+      const data = await response.json().catch(() => ({}));
+      if (!response.ok) { handleWriteError(action, data); return; }
+      if (action === "restore" && data.notice) toast(`已恢复。${data.notice}`, 8000);
+      else toast(action === "edit" ? "修改已保存" : action === "archive" ? "已归档" : "已恢复");
+      await refresh();
+    } catch (error) { toast(`写入失败：${error.message}`); }
+    finally { setWriteBusy(false); }
+  }
+  function handleWriteError(action, data) {
+    const error = data?.error || {};
+    if (error.code === "conflict") {
+      toast("冲突：记忆已被其他修改更新，草稿已保留。请对比后重试。", 6000);
+      renderConflictBox(error.currentSnapshot);
+      return;
+    }
+    if (error.code === "duplicate") { toast(`重复内容：该项目已有相同内容记忆 #${error.duplicateId}`, 6000); return; }
+    if ((error.code || "").startsWith("restore-forbidden")) { toast(`无法恢复：${error.message}`, 6000); return; }
+    if (error.code === "source-unavailable") { toast("存储不可写（缺失或 schema 版本更高），详见数据源状态。", 6000); return; }
+    toast(`写入失败（HTTP ${error.code || "error"}）：${error.message || "未知错误"}`, 6000);
+  }
+  function renderConflictBox(currentSnapshot) {
+    const root = $("#memory-write-status");
+    if (!root) return;
+    root.replaceChildren();
+    const box = el("div", "conflict-box");
+    box.append(el("strong", "", "服务端已有更新的语义快照"));
+    const grid = el("div", "kv-grid");
+    if (currentSnapshot) {
+      kv(grid, "状态", currentSnapshot.status);
+      kv(grid, "类别", currentSnapshot.category);
+      kv(grid, "内容哈希", currentSnapshot.contentHash);
+      kv(grid, "更新时间", formatTime(currentSnapshot.updatedAt));
+    }
+    box.append(grid);
+    box.append(el("p", "section-note", "本机草稿未动。点击“载入服务端最新”重读详情后再决定是否合并修改。"));
+    const reload = btn("载入服务端最新", "mem-reload", "link-button");
+    box.append(reload);
+    root.append(box);
+  }
+  function empty(parent, title, detail = "") { const box = el("div", "empty-state"); box.append(el("strong", "", title), el("span", "", detail)); parent.append(box); }
+  function loading(parent, label = "正在读取…") { parent.replaceChildren(el("div", "loading", label)); }
+  function errorBox(parent, error) { const box = el("div", "error-state"); box.textContent = error.message; if (error.status) box.append(statusDescription(error.status)); parent.append(box); }
+  function sourceText(status) {
+    if (!status) return ["未知", "warn"];
+    switch (status.kind) {
+      case "ok": return ["可读取", "ok"];
+      case "missing": return ["未找到", "bad"];
+      case "schema-fence-unsupported": return [`版本不兼容 · 库 ${status.persistedVersion} / 支持 ${status.latestSupportedVersion}`, "bad"];
+      case "store-generation-unsupported": return [`格式不兼容 · ${status.actual} / 需要 ${status.expected}`, "bad"];
+      case "read-failed": return ["读取失败", "bad"];
+      default: return [status.kind || "未知", "warn"];
+    }
+  }
+  function statusDescription(status) {
+    const text = status.detail || status.path || (status.kind === "schema-fence-unsupported" ? `数据库版本 ${status.persistedVersion} 高于当前支持的 ${status.latestSupportedVersion}。面板不会迁移或修改数据。` : status.kind === "store-generation-unsupported" ? `检测到 ${status.actual}，当前只支持 ${status.expected}。该宿主原文已禁读，其他数据区仍可使用。` : "");
+    const details = el("details", "source-extra"); const summary = el("summary", "", status.kind === "missing" ? "查看路径与诊断信息" : status.kind === "schema-fence-unsupported" ? "查看版本详情" : "查看诊断信息"); details.append(summary, el("p", "source-detail", text ? `${status.kind}：${text}` : status.kind)); return details;
+  }
+  function renderSources() {
+    const root = $("#source-status"); root.replaceChildren();
+    for (const [key, label] of [["context", "mmc 存储"], ["oc2", "OpenCode 2"], ["pi", "Pi"]]) {
+      const status = state.sources[key]; const [text, tone] = sourceText(status);
+      const row = el("div", "source-row"); const left = el("span", "source-label"); left.append(el("i", `dot ${tone === "ok" ? "" : tone}`), el("span", "", label)); row.append(left, el("span", "source-state", text)); root.append(row);
+      if (status && status.kind !== "ok") root.append(statusDescription(status));
+    }
+  }
+  function renderProjects() {
+    const root = $("#projects"); root.replaceChildren(); $("#project-count").textContent = String(state.projects.length);
+    if (state.sources.context?.kind !== "ok") { empty(root, "项目列表不可用", "项目枚举依赖 mmc context 存储。其他可用数据源状态仍显示在上方。"); return; }
+    if (!state.projects.length) { empty(root, "还没有项目", "项目在 mmc 存储中出现后会列在这里。"); return; }
+    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)));
+      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);
+    }
+  }
+  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();
+      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}`)); }
+  }
+  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 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 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(); });
+    } 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);
+    }
+  }
+  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);
+    } else {
+      if (!state.memories.length) { empty(root, state.memoryQuery ? "没有匹配的记忆" : "没有记忆", state.memoryQuery ? "检索没有结果，不代表数据源故障。" : "尝试更换状态筛选或搜索词。"); return; }
+      for (const memory of state.memories) renderMemoryCard(root, memory);
+    }
+  }
+  function renderSessionCard(root, session) {
+    const active = state.session?.sessionId === session.sessionId;
+    const card = el("article", `item-card${active ? " selected" : ""}`);
+    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 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) {
+    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}`));
+    const meta = el("span", "item-meta"); meta.append(el("span", "", `${memory.status || "状态未知"} · 重要度 ${memory.importance ?? "—"}`), el("span", "", formatTime(memory.updatedAt))); card.append(meta);
+    card.append(el("span", "item-snippet", memory.content)); if (memory.expiredUnarchived) card.append(el("span", "flag", "已过期未归档"));
+    if (memory.supersededByMemoryId) card.append(el("span", "badge", `被 #${memory.supersededByMemoryId} 取代`));
+    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();
+  }
+  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); }
+  }
+  async function loadMemories() {
+    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); }
+  }
+  function tabTo(tab) {
+    state.tab = tab; state.session = null; state.memory = null; state.branch = null; state.pageAfter = 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));
+    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();
+  }
+  function renderSessionDetail() {
+    const root = $("#detail"); 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, "摘要分段", "层级为审阅展示，不是存储字段");
+    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);
+  }
+  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 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);
+    }
+    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)));
+      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);
+  }
+  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); }
+  }
+  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));
+    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);
+    const evidence = section(wrap, "证据", `${data.verifications?.length || 0} 核验 · ${data.mutationLog?.length || 0} 流水`);
+    if (!data.verifications?.length) empty(evidence, "暂无核验记录", "只展示存储中已有证据，不补造追溯信息。");
+    else for (const v of data.verifications) { const card = el("article", "evidence-card"); const head = el("div", "message-head"); head.append(el("span", "", v.filePath), el("span", "badge", v.verified ? "已核验" : "已映射 · 未核验")); card.append(head); const sub = el("div", "item-sub", `映射 ${formatTime(v.mappedAt)} · 核验 ${v.verified ? formatTime(v.verifiedAt) : "尚未核验"} · 来源 ${v.mappingOrigin}`); card.append(sub); evidence.append(card); }
+    const log = data.mutationLog || []; if (!log.length) empty(evidence, "暂无变更流水");
+    else { const terminal = log.filter((x) => x.terminal); const rest = log.filter((x) => !x.terminal); for (const [group, rows] of [["该记忆的终局事件", terminal], ["其他变更（时间倒序）", rest]]) if (rows.length) { evidence.append(el("div", "section-note", group)); for (const row of rows) { const card = el("article", "evidence-card"); const head = el("div", "message-head"); head.append(el("span", "", `${row.mutationType} · #${row.id}`), el("span", "", formatTime(row.queuedAt))); card.append(head); const detail = [`目标 #${row.targetMemoryId}`, row.supersededById ? `后继 #${row.supersededById}` : "", row.category || ""].filter(Boolean).join(" · "); card.append(el("p", "", detail)); if (row.newContent) card.append(el("div", "item-sub", row.newContent)); evidence.append(card); } } }
+    const editable = section(wrap, "编辑", "写入走 POST 端点：Origin + 写令牌 + 语义快照 CAS（D21/D26）"); editable.id = "memory-write-status";
+    const key = `mmc-memory-draft:${m.id}`;
+    const area = el("textarea", "field draft-box"); area.id = "memory-edit-content"; area.setAttribute("aria-label", "记忆编辑草稿"); area.placeholder = "编辑记忆内容；输入自动保存在本机草稿。";
+    let saved = ""; try { saved = localStorage.getItem(key) || ""; } catch { saved = ""; }
+    area.value = saved || m.content;
+    const status = el("span", "saved", saved && saved !== m.content ? "已恢复未提交的本机草稿" : "与本机草稿一致");
+    area.addEventListener("input", () => { try { localStorage.setItem(key, area.value); status.textContent = "草稿已保存"; } catch { status.textContent = "浏览器存储不可用，草稿未保存"; } });
+    const formRow = el("div", "edit-row");
+    const importance = el("input", "field"); importance.id = "memory-edit-importance"; importance.type = "number"; importance.min = "1"; importance.max = "100"; importance.value = String(m.importance ?? 50); importance.setAttribute("aria-label", "重要度（1-100）");
+    const category = el("select", "field"); category.id = "memory-edit-category"; category.setAttribute("aria-label", "类别");
+    for (const option of [m.category, "PROJECT_RULES", "ARCHITECTURE", "CONSTRAINTS", "CONFIG_VALUES", "NAMING"].filter((value, index, list) => value && list.indexOf(value) === index)) { const node = el("option", "", option); node.value = option; if (option === m.category) node.selected = true; category.append(node); }
+    formRow.append(el("span", "kv-label", "重要度"), importance, el("span", "kv-label", "类别"), category);
+    const buttons = el("div", "edit-actions");
+    if (m.status !== "archived") buttons.append(btn("归档", "mem-archive", "button")); else buttons.append(btn("恢复为 active", "mem-restore", "button"));
+    buttons.append(btn("保存修改", "mem-save", "button button-primary"));
+    editable.append(area, status, formRow, buttons, el("p", "section-note", "保存修改仅提交变更字段；归档/恢复不改动内容与类别。恢复立即写库，现役会话要等下一次自然 HARD fold 才可见。"));
+    root.append(wrap);
+  }
+  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); }
+  }
+  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;
+      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 === "memories" && selectedMemoryId != null) { const current = state.memories.find((item) => item.id === selectedMemoryId); if (current) await openMemory(current); else { state.memory = null; showNoSelection(); } }
+      }
+      toast("已重新读取当前视图");
+    } finally { button.disabled = false; button.textContent = "刷新数据"; }
+  }
+  document.addEventListener("click", async (event) => {
+    const target = event.target.closest("[data-action]"); if (!target) return; const action = target.dataset.action;
+    try {
+      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 === "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 === "search-memories") await loadMemories();
+      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");
+      else if (action === "mem-reload") { if (state.memory) await openMemory(state.memories.find((item) => item.id === state.memory.id) || state.memory); }
+      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) => { if (event.key === "Escape" && document.body.dataset.level === "detail") setLevel("list"); });
+  setLevel("projects"); loadProjects(false);
+})();

package/dist/web/views.d.ts

@@ -0,0 +1,155 @@
+/**
+ * Read-only session views for the web panel (plan 11 P2a).
+ *
+ * Assembles API-facing session data from the P1 data layer: the registered
+ * session list of one project (enriched with host metadata and Pi branch
+ * listings), keyset-paged raw messages per host (D11), compartment lists with
+ * boundary resolution (D9/D14), and session notes (D10).
+ *
+ * Everything here is read-only: no host DB or jsonl writes, no context.db
+ * writes, and path inputs never reach the filesystem (D27 — branch selection
+ * only picks among names we enumerated ourselves).
+ */
+import { type OpenContextStoreResult } from "./context-store";
+import { type OpenOc2HostResult } from "./host-opencode";
+import { type PiEntriesConverter, type PiSessionBranchGroup } from "./host-pi";
+/** Alias builder for legacy synth-user ids — lives in @retaw106/mmc-pi, injected. */
+export type PiAliasBuilder = (entries: readonly unknown[]) => ReadonlyMap<string, string>;
+/** Source options for one panel data pass; fixture mode overrides all roots. */
+export interface PanelSources {
+    /** Absolute context.db path; defaults to the environment resolver. */
+    contextDbPath?: string;
+    /** Environment used to resolve the OC2 host store; defaults to process.env. */
+    oc2Env?: NodeJS.ProcessEnv;
+    /** Absolute Pi sessions root; defaults to the environment resolver. */
+    piSessionsRoot?: string;
+    /**
+     * Pi jsonl converter. Present only in the @retaw106/mmc-pi web entry; the @retaw106/mmc-oc
+     * entry cannot project Pi sessions (plan 11: the parser lives in @retaw106/mmc-pi).
+     */
+    piConverter?: PiEntriesConverter;
+    /** Legacy synth-user alias builder (@retaw106/mmc-pi); without it bounds degrade to `unresolved`. */
+    piAliasBuilder?: PiAliasBuilder;
+}
+export declare function openContextFor(sources: PanelSources): OpenContextStoreResult;
+export declare function openOc2For(sources: PanelSources): OpenOc2HostResult;
+export declare function resolvePiRootFor(sources: PanelSources): string;
+export declare function listPiBranchGroups(sources: PanelSources): PiSessionBranchGroup[];
+export type DerivedKind = "historian" | "child" | null;
+export declare function classifyDerived(input: {
+    title: string | null;
+    parentId: string | null;
+}): DerivedKind;
+export interface PanelSession {
+    sessionId: string;
+    harness: "opencode2" | "pi";
+    title: string | null;
+    hostTimeCreated: number | null;
+    hostTimeUpdated: number | null;
+    lastActivityAt: number | null;
+    compartmentCount: number;
+    derived: DerivedKind;
+    /** Present on Pi sessions only (D13): branch files, never merged. */
+    piBranches?: Array<{
+        fileName: string;
+        directoryName: string;
+        headerTimestamp: string | null;
+    }>;
+}
+export declare function listProjectSessionViews(sources: PanelSources, projectPath: string): PanelSession[];
+export interface PanelMessageRow {
+    /** Keyset cursor value: OC2 host seq, or Pi projected ordinal. */
+    key: number;
+    id: string;
+    role: string;
+    timeCreated: number | null;
+    parts: unknown[];
+}
+export interface PanelMessagePage {
+    source: "oc2-host" | "pi-jsonl";
+    branch?: {
+        fileName: string;
+        directoryName: string;
+    };
+    rows: PanelMessageRow[];
+    nextAfter: number | null;
+    hasMore: boolean;
+}
+export declare function listSessionMessages(sources: PanelSources, projectPath: string, sessionId: string, options: {
+    branch?: string;
+    after?: number;
+    limit?: number;
+    fullOutputs?: boolean;
+}): PanelMessagePage;
+export declare function registeredHarness(sources: PanelSources, projectPath: string, sessionId: string): "opencode2" | "pi";
+export type PanelBoundary = {
+    state: "unlinked";
+} | {
+    state: "resolved";
+    anchor: number;
+} | {
+    state: "synth-resolved";
+    anchor: number;
+    aliasedTo: string;
+} | {
+    state: "unresolved";
+};
+export type PanelCompartmentRenderTier = "full" | "decayed";
+export interface PanelCompartment {
+    id: number;
+    sequence: number;
+    title: string;
+    /** Decay layering is a render-time decision — never stored; the panel shows storage fields only. */
+    importance: number;
+    createdAt: number;
+    legacy: boolean;
+    episodeType: string | null;
+    content: string;
+    details: {
+        p1: string | null;
+        p2: string | null;
+        p3: string | null;
+        p4: string | null;
+    };
+    startMessageId: string;
+    endMessageId: string;
+    bounds: {
+        start: PanelBoundary;
+        end: PanelBoundary;
+    };
+    /**
+     * D9 display tier from the production decay curve (decay-render.computeTiers),
+     * computed read-only over the full compartment list of this session.
+     * Tier 5 (archive candidate) also reports "decayed" — the panel always
+     * shows the stored row. Approximate: neutral default budget, no anchor
+     * protection (see the endpoint-level `renderTierApproximate` flag).
+     */
+    renderTier: PanelCompartmentRenderTier;
+}
+export declare function listSessionCompartmentsView(sources: PanelSources, projectPath: string, sessionId: string, options: {
+    branch?: string;
+}): PanelCompartment[];
+export interface PanelNote {
+    id: number;
+    type: string;
+    status: string;
+    content: string;
+    createdAt: number;
+    updatedAt: number;
+    anchorOrdinal: number | null;
+}
+export declare function listSessionNotesView(sources: PanelSources, projectPath: string, sessionId: string): PanelNote[];
+export declare class BadRequestError extends Error {
+}
+export declare class NotFoundError extends Error {
+}
+export declare class SourceUnavailableError extends Error {
+    readonly source: "oc2" | "pi";
+    readonly status: unknown;
+    constructor(source: "oc2" | "pi", status?: unknown, detail?: string);
+}
+export declare class ContextStoreUnavailableError extends Error {
+    readonly status: unknown;
+    constructor(status: unknown);
+}
+//# sourceMappingURL=views.d.ts.map

package/dist/web/views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.d.ts","sourceRoot":"","sources":["../../src/web/views.ts"],"names":[],"mappings":"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"}