dsh-plugin-mind-tree 0.3.0 → 0.4.1

package/README.md

@@ -16,16 +16,25 @@
   选择保存在本机（`localStorage`），随时可「恢复默认」；
   默认色调经**对比度优化**（白字对比不足 4.5:1 时自动改用深色字），比原版更耐看而不刺眼；
 - **气泡字号适中偏大**（主文字 13px / 摘要 12px，行高 34px），贴合 DSH 设计语言，窄侧栏里也清晰可读；
-- **过程信息三档削减**（默认「精简」，工具栏可切换；导出跟随当前档位）：
+- **过程信息四档削减**（默认「精简」，工具栏可切换；导出跟随当前档位）：
 
   | 档位 | 保留内容 | 真实会话实测（2491 节点 / 15 轮） |
   |---|---|---|
+  | **输入** | 轮次 + 你的真实发言 + 分支点（= 把整场对话压成需求清单） | 41 节点 |
   | **精简**（默认） | 轮次 + 你的真实发言 + 全部分支点 + 每轮「工具活动 ×N」聚合行 + 每轮答复 | **119 节点**，大纲 8 KB |
   | **标准** | 精简 + 实质性过程文本（≥60 字）与每条工具调用（不含工具输出） | 1259 节点，136 KB |
   | **完整** | 全部节点，与事件日志一一对应 | 2491 节点，286 KB |
 
   工具聚合行自带被折叠调用的清单（点它即展开）、可搜索、可定位到对应轮次；
   削减只作用于展示与导出，**宿主始终返回完整数据**，随时可切回「完整」。
+- **成本估算**：按**该轮实际模型**（`message.source.model`）与**高峰/空闲时段**把 token 折算成人民币：
+  每轮行尾显示 `¥`、详情面板给出模型与成本、搜索框下方显示整场合计；未知模型按兜底价并标 `≈`。
+  单价来源 DeepSeek 官方「模型 & 价格」页（`lib/pricing.js` 里带版本号，改价只改一处）；
+  缓存命中/未命中、输出分别计价，缓存写入按未命中输入计费。
+- **缩放 / 平移 / 图片导出**：`Ctrl/⌘ + 滚轮` 以光标为中心缩放、拖动平移、双击或「适配」回到整体；
+  「导出 ▾」新增 **SVG 矢量图** 与 **PNG 图片**（2 倍像素，超大画布自动降倍率），可直接贴进文档/聊天。
+- **实时跟随**：会话产生新事件时**静默刷新**（不闪 loading、900ms 节流），工具栏显示「● 运行中」，
+  最新一轮自动加虚线环与脉动圆点；流中断自动重连。
 - **导出 Markdown / Canvas**：把思维树导出为可归档文档（含分支标记、token 统计；大纲与 JSON 跟随当前档位）；
 - **分支节点识别**：
   - 替换分支（消息被编辑/重试后旧内容脱离上下文，橙色虚线连接）
@@ -84,6 +93,15 @@
 > 正确写法：`https://github.com/ShOpenMind/dsh-plugin-mind-tree/releases/latest/download/dsh-plugin-mind-tree.tgz`
 > 已经被卡住的话：`cd ~/.dsh/profiles/<profile> && npx pnpm install --update-checksums`。
 
+### 方式零(最省事):从 npm 装
+
+```sh
+dsh plugin install dsh-plugin-mind-tree
+```
+
+或在 Harness 的「插件」面板里搜索 `dsh-plugin-mind-tree`。
+npm 上的版本号不可变,不存在「同一地址内容变了、哈希对不上」的问题。
+
 ### 方式一(推荐):粘贴一行地址,30 秒装好,**不需要 git**
 
 在 DeepSeek Harness 的**插件页 → 添加插件**里粘贴下面的地址(**固定链接,始终指向最新版**):

package/lib/client.js

@@ -20955,6 +20955,7 @@ function reduceGraph(tree, level = "compact") {
   if (level === "full") return tree;
   const nodes = tree.nodes ?? [];
   const keepIds = /* @__PURE__ */ new Set();
+  const isUserOnly = level === "user";
   const isCompact = level === "compact";
   const minAssistant = isCompact ? Number.POSITIVE_INFINITY : MIN_ASSISTANT_STANDARD;
   const lastOfTurn = lastAssistantIds(nodes);
@@ -20975,13 +20976,15 @@ function reduceGraph(tree, level = "compact") {
       case "info":
         continue;
       // system / developer 注入内容
-      case "user":
-        if (isInjectedLabel(node2.label)) continue;
-        break;
       case "assistant":
+        if (isUserOnly) continue;
         if (!(lastOfTurn.has(node2.id) || charLength(node2.label) >= minAssistant)) continue;
         break;
+      case "user":
+        if (isInjectedLabel(node2.label)) continue;
+        break;
       case "tool": {
+        if (isUserOnly) continue;
         if (!isCompact) break;
         const key = node2.turn ?? -1;
         if (!groupBuckets.has(key)) groupBuckets.set(key, []);
@@ -21071,7 +21074,7 @@ var DETAIL_LEVELS, MIN_ASSISTANT_STANDARD, GROUP_NAME_LIMIT, charLength, DETAIL_
 var init_reduce = __esm({
   "lib/reduce.js"() {
     init_format();
-    DETAIL_LEVELS = ["compact", "standard", "full"];
+    DETAIL_LEVELS = ["user", "compact", "standard", "full"];
     MIN_ASSISTANT_STANDARD = 60;
     GROUP_NAME_LIMIT = 4;
     charLength = (text) => [...String(text ?? "")].length;
@@ -21083,12 +21086,96 @@ var init_reduce = __esm({
   }
 });
 
+// lib/pricing.js
+var pricing_exports = {};
+__export(pricing_exports, {
+  FALLBACK_PRICE: () => FALLBACK_PRICE,
+  MODEL_PRICES: () => MODEL_PRICES,
+  PRICING_VERSION: () => PRICING_VERSION,
+  costOf: () => costOf,
+  costOfTree: () => costOfTree,
+  formatCny: () => formatCny,
+  isPeakHour: () => isPeakHour,
+  priceOf: () => priceOf,
+  sumCost: () => sumCost
+});
+function isPeakHour(atMs) {
+  const at = typeof atMs === "number" && Number.isFinite(atMs) ? atMs : Date.now();
+  const shifted = new Date(at + BJ_OFFSET_MS);
+  const day = shifted.getUTCDay();
+  const minutes = shifted.getUTCHours() * 60 + shifted.getUTCMinutes();
+  const weekday = day >= 1 && day <= 5;
+  const inMorning = minutes >= 9 * 60 && minutes < 12 * 60;
+  const inAfternoon = minutes >= 14 * 60 && minutes < 18 * 60;
+  return weekday && (inMorning || inAfternoon);
+}
+function priceOf(model, atMs) {
+  const table = MODEL_PRICES[model] ?? FALLBACK_PRICE;
+  const slot = isPeakHour(atMs) ? 1 : 0;
+  return {
+    model: MODEL_PRICES[model] ? model : null,
+    peak: slot === 1,
+    hit: table.hit[slot],
+    miss: table.miss[slot],
+    out: table.out[slot]
+  };
+}
+function costOf(usage, model, atMs) {
+  const input2 = Math.max(0, Number(usage?.input) || 0);
+  const output2 = Math.max(0, Number(usage?.output) || 0);
+  const cacheRead = Math.max(0, Number(usage?.cacheRead) || 0);
+  const cacheWrite = Math.max(0, Number(usage?.cacheWrite) || 0);
+  const price = priceOf(model, atMs);
+  const cny = ((input2 + cacheWrite) * price.miss + cacheRead * price.hit + output2 * price.out) / 1e6;
+  return { cny, peak: price.peak, model: price.model, known: price.model !== null };
+}
+function sumCost(entries) {
+  let cny = 0;
+  let anyUnknown = false;
+  for (const entry of entries ?? []) {
+    if (!entry) continue;
+    cny += Number(entry.cny) || 0;
+    if (entry.known === false) anyUnknown = true;
+  }
+  return { cny, anyUnknown };
+}
+function formatCny(value) {
+  const cny = Number(value) || 0;
+  if (cny <= 0) return "\xA50";
+  if (cny < 5e-3) return "<\xA50.01";
+  if (cny < 1) return `\xA5${cny.toFixed(3)}`;
+  return `\xA5${cny.toFixed(2)}`;
+}
+function costOfTree(tree) {
+  const entries = [];
+  for (const node2 of tree?.nodes ?? []) {
+    if (node2?.kind !== "turn" || !node2.usage) continue;
+    entries.push(costOf(node2.usage, node2.usage.model, node2.usage.startedAt));
+  }
+  return sumCost(entries);
+}
+var PRICING_VERSION, MODEL_PRICES, FALLBACK_PRICE, BJ_OFFSET_MS;
+var init_pricing = __esm({
+  "lib/pricing.js"() {
+    PRICING_VERSION = "2026-11-15";
+    MODEL_PRICES = {
+      "deepseek-flash": { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+      "deepseek-v4-flash": { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+      "deepseek-v4-flash-vision-exp": { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+      "deepseek-v4-pro": { hit: [0.15, 0.3], miss: [4.5, 9], out: [13.5, 27] }
+    };
+    FALLBACK_PRICE = MODEL_PRICES["deepseek-flash"];
+    BJ_OFFSET_MS = 8 * 3600 * 1e3;
+  }
+});
+
 // src/client.js
 var React = require("react");
 var { MenuItemButton } = require("@deepseek-ai/dsh-client-ui-primitives");
 var { TYPERT_REMOTE: TYPERT_REMOTE2 } = (init_remote(), __toCommonJS(remote_exports));
 var FMT = (init_format(), __toCommonJS(format_exports));
 var REDUCE = (init_reduce(), __toCommonJS(reduce_exports));
+var PRICING = (init_pricing(), __toCommonJS(pricing_exports));
 var h = React.createElement;
 var PACKAGE_ID = "dsh-plugin-mind-tree";
 var REGISTRY_ID = `${PACKAGE_ID}/mind-tree`;
@@ -21190,13 +21277,29 @@ var MESSAGES = {
     "export.cancelled": "\u5DF2\u53D6\u6D88",
     "export.failed": "\u5BFC\u51FA\u5931\u8D25",
     "warning": "\u517C\u5BB9\u6027\u63D0\u793A",
+    "level.user": "\u8F93\u5165",
     "level.compact": "\u7CBE\u7B80",
     "level.standard": "\u6807\u51C6",
     "level.full": "\u5B8C\u6574",
-    "level.hint": "\u4FE1\u606F\u91CF",
+    "level.hint": "\u4FE1\u606F\u91CF(\u8F93\u5165 / \u7CBE\u7B80 / \u6807\u51C6 / \u5B8C\u6574)",
+    "level.user.hint": "\u53EA\u7559\u8F6E\u6B21\u3001\u4F60\u7684\u53D1\u8A00\u4E0E\u5206\u652F\u70B9 \u2014\u2014 \u76F8\u5F53\u4E8E\u628A\u6574\u573A\u5BF9\u8BDD\u538B\u6210\u9700\u6C42\u6E05\u5355",
     "level.compact.hint": "\u53EA\u7559\u8F6E\u6B21\u3001\u4F60\u7684\u53D1\u8A00\u3001\u5206\u652F\u70B9\u3001\u5DE5\u5177\u6D3B\u52A8\u5408\u8BA1\u4E0E\u6BCF\u8F6E\u7B54\u590D",
     "level.standard.hint": "\u5728\u7CBE\u7B80\u57FA\u7840\u4E0A,\u4FDD\u7559\u5B9E\u8D28\u8FC7\u7A0B\u6587\u672C\u4E0E\u6BCF\u6761\u5DE5\u5177\u8C03\u7528(\u4E0D\u542B\u5DE5\u5177\u8F93\u51FA)",
     "level.full.hint": "\u5168\u90E8\u8282\u70B9,\u4E0E\u4E8B\u4EF6\u65E5\u5FD7\u4E00\u4E00\u5BF9\u5E94",
+    "zoom.hint": "Ctrl/\u2318 + \u6EDA\u8F6E\u7F29\u653E,\u62D6\u52A8\u5E73\u79FB,\u53CC\u51FB\u56DE\u5230\u6574\u4F53",
+    "zoom.in": "\u653E\u5927",
+    "zoom.out": "\u7F29\u5C0F",
+    "zoom.fit": "\u9002\u914D",
+    "live.running": "\u8FD0\u884C\u4E2D",
+    "live.hint": "\u8BE5\u4F1A\u8BDD\u6B63\u5728\u4EA7\u751F\u65B0\u4E8B\u4EF6,\u6811\u4F1A\u81EA\u52A8\u5237\u65B0\u5E76\u6807\u51FA\u6700\u65B0\u4E00\u8F6E",
+    "total.turns": "\u8F6E",
+    "total.costHint": "\u6309\u6A21\u578B\u5B98\u65B9\u5355\u4EF7\u4F30\u7B97(\u9AD8\u5CF0/\u7A7A\u95F2\u65F6\u6BB5\u81EA\u52A8\u5207\u6362)",
+    "cost.label": "\u6210\u672C",
+    "cost.model": "\u6A21\u578B",
+    "cost.peak": "\u6309\u9AD8\u5CF0\u65F6\u6BB5\u5355\u4EF7",
+    "cost.offPeak": "\u6309\u7A7A\u95F2\u65F6\u6BB5\u5355\u4EF7",
+    "export.svg": "SVG \u77E2\u91CF\u56FE",
+    "export.png": "PNG \u56FE\u7247",
     "node.toolgroup": "\u5DE5\u5177\u6D3B\u52A8",
     "detail.grouped": "\u6298\u53E0\u7684\u5DE5\u5177\u8C03\u7528",
     "expand.short": "\u5C55\u5F00",
@@ -21313,13 +21416,29 @@ var MESSAGES = {
     "export.cancelled": "Cancelled",
     "export.failed": "Export failed",
     "warning": "Compatibility",
+    "level.user": "Input",
     "level.compact": "Compact",
     "level.standard": "Standard",
     "level.full": "Full",
-    "level.hint": "Detail level",
+    "level.hint": "Detail level (Input / Compact / Standard / Full)",
+    "level.user.hint": "Turns, your messages and branch points only \u2014 the session as a requirement list",
     "level.compact.hint": "Turns, your messages, branch points, tool totals and each turn answer only",
     "level.standard.hint": "Adds substantive process text and every tool call (no tool output)",
     "level.full.hint": "Every node, one-to-one with the event log",
+    "zoom.hint": "Ctrl/\u2318 + wheel to zoom, drag to pan, double-click to fit",
+    "zoom.in": "Zoom in",
+    "zoom.out": "Zoom out",
+    "zoom.fit": "Fit",
+    "live.running": "Live",
+    "live.hint": "This session is producing new events; the tree refreshes and marks the latest turn",
+    "total.turns": "turns",
+    "total.costHint": "Estimated from official model prices (peak / off-peak aware)",
+    "cost.label": "Cost",
+    "cost.model": "Model",
+    "cost.peak": "Priced at peak hour",
+    "cost.offPeak": "Priced at off-peak hour",
+    "export.svg": "SVG vector",
+    "export.png": "PNG image",
     "node.toolgroup": "Tool activity",
     "detail.grouped": "Folded tool calls",
     "expand.short": "Expand",
@@ -21872,7 +21991,7 @@ function flattenFiltered(data, query) {
   for (const root of roots) walk(root, 0, null);
   return { rows, index, matches };
 }
-function OutlineRow({ row, width, selected, highlighted, onSelect, onToggle, onJump, t, palette }) {
+function OutlineRow({ row, width, selected, highlighted, onSelect, onToggle, onJump, t, palette, costs, live }) {
   const { node: node2, depth, kidCount, collapsed } = row;
   const x = PAD_X + depth * INDENT;
   const railX = x + 7;
@@ -21885,7 +22004,10 @@ function OutlineRow({ row, width, selected, highlighted, onSelect, onToggle, onJ
   const shadowed = node2.surface === "shadowed";
   const isTurn = node2.kind === "turn";
   const usage = node2.usage;
-  const metaText = isTurn && usage ? `#${node2.seq >= 0 ? node2.seq : "\u2014"} \xB7 ${usage.messageCount ?? 0}\u6761${fmtTokens2(usage.total || usage.input + usage.output) ? ` \xB7 ${fmtTokens2(usage.total || usage.input + usage.output)} tok` : ""}` : `#${node2.seq >= 0 ? node2.seq : "\u2014"} ${t(`node.${node2.kind}`)}`;
+  const cost = costs?.get(node2.id);
+  const tokenText = isTurn && usage ? fmtTokens2(usage.total || usage.input + usage.output) : "";
+  const costText = cost && cost.cny > 0 ? PRICING.formatCny(cost.cny) : "";
+  const metaText = isTurn && usage ? `#${node2.seq >= 0 ? node2.seq : "\u2014"} \xB7 ${usage.messageCount ?? 0}\u6761${tokenText ? ` \xB7 ${tokenText} tok` : ""}${costText ? ` \xB7 ${costText}` : ""}` : `#${node2.seq >= 0 ? node2.seq : "\u2014"} ${t(`node.${node2.kind}`)}`;
   const metaWidth = measureText(metaText, 10.5) + 9;
   const metaX = rowWidth - 8 - metaWidth;
   let cursor = metaX;
@@ -21953,6 +22075,27 @@ ${usage.messageCount ?? 0} \u6761\u6D88\u606F \xB7 ${fmtTokens2(usage.input)} \u
       strokeWidth: 1.2,
       strokeDasharray: "5 3"
     }),
+    // 实时高亮:正在跑的那一轮加虚线环 + 脉动圆点。
+    live && h("rect", {
+      x,
+      y: 2,
+      width: rowWidth,
+      height: ROW_H - 6,
+      rx: 6,
+      ry: 6,
+      fill: "none",
+      stroke: "var(--mt-live, #ef4444)",
+      strokeWidth: 1.4,
+      strokeDasharray: "5 4",
+      opacity: 0.9
+    }),
+    live && h("circle", {
+      className: "mt-live-dot",
+      cx: x + 4,
+      cy: ROW_H / 2,
+      r: 3.2,
+      fill: "var(--mt-live, #ef4444)"
+    }),
     kidCount > 0 && h(
       "g",
       {
@@ -22045,7 +22188,7 @@ ${usage.messageCount ?? 0} \u6761\u6D88\u606F \xB7 ${fmtTokens2(usage.input)} \u
     h("title", null, title)
   );
 }
-function TreeCanvas({ data, collapsed, query, onToggle, onSelect, onJump, selectedId, t, width, palette }) {
+function TreeCanvas({ data, collapsed, query, onToggle, onSelect, onJump, selectedId, t, width, palette, costs, liveTurn, zoom, onZoom, svgRef }) {
   const searching = typeof query === "string" && query.trim() !== "";
   let rows;
   let index;
@@ -22104,12 +22247,86 @@ function TreeCanvas({ data, collapsed, query, onToggle, onSelect, onJump, select
       opacity: 0.7
     }));
   }
+  const contentH = Math.max(140, height);
+  const zooming = zoom && zoom.mode === "custom";
+  const scale = zooming ? Math.min(4, Math.max(0.4, zoom.scale)) : 1;
+  const viewBox = zooming ? `${zoom.x} ${zoom.y} ${canvasWidth / scale} ${contentH / scale}` : `0 0 ${canvasWidth} ${contentH}`;
+  const dragRef = React.useRef(null);
+  const svgElRef = React.useRef(null);
+  const attachRef = (element) => {
+    svgElRef.current = element;
+    if (typeof svgRef === "function") svgRef(element);
+    else if (svgRef) svgRef.current = element;
+  };
+  const localPoint = (event) => {
+    const element = svgElRef.current;
+    if (!element) return { fx: 0.5, fy: 0.5 };
+    const rect = element.getBoundingClientRect();
+    if (rect.width === 0 || rect.height === 0) return { fx: 0.5, fy: 0.5 };
+    return {
+      fx: (event.clientX - rect.left) / rect.width,
+      fy: (event.clientY - rect.top) / rect.height
+    };
+  };
+  const handleWheel = (event) => {
+    if (!(event.ctrlKey || event.metaKey)) return;
+    event.preventDefault();
+    const { fx, fy } = localPoint(event);
+    const direction = event.deltaY < 0 ? 1 : -1;
+    const nextScale = Math.min(4, Math.max(0.4, scale * (direction > 0 ? 1.15 : 1 / 1.15)));
+    const vbW = canvasWidth / scale;
+    const vbH = contentH / scale;
+    const baseX = zooming ? zoom.x : 0;
+    const baseY = zooming ? zoom.y : 0;
+    const anchorX = baseX + fx * vbW;
+    const anchorY = baseY + fy * vbH;
+    const nextW = canvasWidth / nextScale;
+    const nextH = contentH / nextScale;
+    onZoom?.({ mode: "custom", scale: nextScale, x: anchorX - fx * nextW, y: anchorY - fy * nextH });
+  };
+  const handlePointerDown = (event) => {
+    if (!zooming) return;
+    if (event.button !== 0 && event.button !== 1) return;
+    dragRef.current = { startX: event.clientX, startY: event.clientY, originX: zoom.x, originY: zoom.y };
+    if (typeof event.currentTarget.setPointerCapture === "function") {
+      try {
+        event.currentTarget.setPointerCapture(event.pointerId);
+      } catch {
+      }
+    }
+  };
+  const handlePointerMove = (event) => {
+    const drag = dragRef.current;
+    if (!drag) return;
+    const element = svgElRef.current;
+    const rect = element?.getBoundingClientRect();
+    if (!rect || rect.width === 0) return;
+    const unitsPerPxX = canvasWidth / scale / rect.width;
+    const unitsPerPxY = contentH / scale / rect.height;
+    onZoom?.({
+      mode: "custom",
+      scale,
+      x: drag.originX - (event.clientX - drag.startX) * unitsPerPxX,
+      y: drag.originY - (event.clientY - drag.startY) * unitsPerPxY
+    });
+  };
+  const handlePointerUp = () => {
+    dragRef.current = null;
+  };
   return h(
     "svg",
     {
+      ref: attachRef,
       width: canvasWidth,
-      height: Math.max(140, height),
-      style: { display: "block" }
+      height: contentH,
+      viewBox,
+      style: { display: "block", cursor: zooming ? "grab" : "default" },
+      onWheel: handleWheel,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: handlePointerUp,
+      onDoubleClick: zooming ? () => onZoom?.({ mode: "fit", scale: 1, x: 0, y: 0 }) : void 0
     },
     h(
       "g",
@@ -22125,7 +22342,9 @@ function TreeCanvas({ data, collapsed, query, onToggle, onSelect, onJump, select
         onToggle,
         onJump,
         t,
-        palette
+        palette,
+        costs,
+        live: liveTurn != null && row.node.kind === "turn" && row.node.turn === liveTurn
       })),
       searching && rows.length === 0 && h("text", {
         x: canvasWidth / 2,
@@ -22137,7 +22356,7 @@ function TreeCanvas({ data, collapsed, query, onToggle, onSelect, onJump, select
     )
   );
 }
-function DetailPanel({ node: node2, detail, loadingDetail, onClose, onJump, onEvent, onOpenSession, onShowTree, onBack, canJump, showBack, t }) {
+function DetailPanel({ node: node2, detail, loadingDetail, onClose, onJump, onEvent, onOpenSession, onShowTree, onBack, canJump, showBack, t, cost }) {
   const branch = node2?.branch;
   return h(
     "div",
@@ -22169,6 +22388,15 @@ function DetailPanel({ node: node2, detail, loadingDetail, onClose, onJump, onEv
       node2.usage.messageCount != null && h("span", { className: "mt-chip" }, `${t("token.messages")} ${node2.usage.messageCount}`),
       (node2.usage.durationMs ?? 0) > 0 && h("span", { className: "mt-chip" }, `${t("token.duration")} ${fmtDuration(node2.usage.durationMs)}`)
     ),
+    (node2?.usage?.model || cost) && h(
+      "div",
+      { className: "mt-detail-meta" },
+      node2?.usage?.model && h("span", { className: "mt-chip" }, `${t("cost.model")} ${node2.usage.model}`),
+      cost && h("span", {
+        className: "mt-chip",
+        title: cost.peak ? t("cost.peak") : t("cost.offPeak")
+      }, `${t("cost.label")} ${cost.known === false ? "\u2248" : ""}${PRICING.formatCny(cost.cny)}`)
+    ),
     branch && h(
       "div",
       { className: "mt-detail-branch" },
@@ -22395,6 +22623,11 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     if (exportNoticeTimer.current !== null) clearTimeout(exportNoticeTimer.current);
   }, []);
   const [exportMenuOpen, setExportMenuOpen] = React.useState(false);
+  const [zoom, setZoom] = React.useState({ mode: "fit", scale: 1, x: 0, y: 0 });
+  const svgRef = React.useRef(null);
+  const [lastFrameAt, setLastFrameAt] = React.useState(0);
+  const [liveNow, setLiveNow] = React.useState(false);
+  const pendingRefresh = React.useRef(null);
   const exportMenuRef = React.useRef(null);
   const [palette, setPalette] = React.useState(() => loadPalette());
   const [paletteMenuOpen, setPaletteMenuOpen] = React.useState(false);
@@ -22440,12 +22673,15 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     return () => document.removeEventListener("pointerdown", close);
   }, [exportMenuOpen]);
   const activeSession = targetSession ?? sessionId;
-  const load = React.useCallback((mode, session, abort) => {
+  const load = React.useCallback((mode, session, abort, options) => {
     if (!service) return;
+    const silent = options?.silent === true;
     DIAG.loadAttempts += 1;
     const startedAt = Date.now();
-    setLoading(true);
-    setError(null);
+    if (!silent) {
+      setLoading(true);
+      setError(null);
+    }
     const call = mode === "tree" ? service.tree(session, abort?.signal ?? void 0) : mode === "lineage" ? service.lineage(session, abort?.signal ?? void 0) : service.forest(abort?.signal ?? void 0);
     withTimeout(Promise.resolve(call), FETCH_TIMEOUT_MS, `mindTree.${mode}`).then(unwrapResult).then((result) => {
       if (abort?.signal?.aborted) return;
@@ -22473,10 +22709,29 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     load(view, activeSession, controller);
     return () => controller.abort();
   }, [service, view, activeSession, tick]);
+  const refreshRef = React.useRef(null);
+  refreshRef.current = () => {
+    const controller = new AbortController();
+    load(view, activeSession, controller, { silent: true });
+  };
   React.useEffect(() => {
     if (!service) return;
     const controller = new AbortController();
     let stopped = false;
+    let timer = null;
+    let dirty = false;
+    const flush = () => {
+      timer = null;
+      if (stopped) return;
+      if (!dirty) return;
+      dirty = false;
+      refreshRef.current?.();
+    };
+    const schedule = () => {
+      setLastFrameAt(Date.now());
+      dirty = true;
+      if (timer === null) timer = setTimeout(flush, 900);
+    };
     const run = async () => {
       let attempts = 0;
       while (!stopped && attempts < 12) {
@@ -22485,7 +22740,7 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
           for await (const rawFrame of service.follow(controller.signal)) {
             if (stopped) return;
             const frame = rawFrame && typeof rawFrame === "object" && "ok" in rawFrame && rawFrame.ok === true ? rawFrame.value : rawFrame;
-            if (frame?.sessionId === activeSession) setTick((n) => n + 1);
+            if (frame?.sessionId === activeSession) schedule();
           }
           return;
         } catch {
@@ -22497,9 +22752,16 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     run();
     return () => {
       stopped = true;
+      if (timer !== null) clearTimeout(timer);
       controller.abort();
     };
   }, [service, activeSession]);
+  React.useEffect(() => {
+    if (!lastFrameAt) return void 0;
+    setLiveNow(true);
+    const timer = setTimeout(() => setLiveNow(false), 2500);
+    return () => clearTimeout(timer);
+  }, [lastFrameAt]);
   const rawData = view === "tree" ? treeData : view === "lineage" ? lineageData : forestData;
   const displayed = React.useMemo(() => view === "tree" ? rawData : sessionsAsDisplay(rawData), [view, rawData]);
   const data = React.useMemo(
@@ -22511,13 +22773,55 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
   const nodeMap = React.useMemo(() => new Map(nodes.map((n) => [n.id, n])), [data]);
   const selectedNode = selected ? nodeMap.get(selected) : null;
   const canJump = activeSession === sessionId;
+  const costs = React.useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    for (const node2 of nodes) {
+      if (node2.kind !== "turn" || !node2.usage) continue;
+      map2.set(node2.id, PRICING.costOf(node2.usage, node2.usage.model, node2.usage.startedAt));
+    }
+    return map2;
+  }, [data]);
+  const totals = React.useMemo(() => {
+    if (view !== "tree") return null;
+    let turns = 0;
+    let tokens = 0;
+    let cny = 0;
+    let unknown2 = false;
+    for (const node2 of nodes) {
+      if (node2.kind !== "turn" || !node2.usage) continue;
+      turns += 1;
+      tokens += Number(node2.usage.total || node2.usage.input + node2.usage.output) || 0;
+      const cost = costs.get(node2.id);
+      if (cost) {
+        cny += cost.cny;
+        if (cost.known === false) unknown2 = true;
+      }
+    }
+    return turns > 0 ? { turns, tokens, cny, unknown: unknown2 } : null;
+  }, [view, data, costs]);
+  const liveTurn = React.useMemo(() => {
+    if (!liveNow || view !== "tree") return null;
+    let max = null;
+    for (const node2 of nodes) {
+      if (node2.kind !== "turn" || typeof node2.turn !== "number") continue;
+      if (max === null || node2.turn > max) max = node2.turn;
+    }
+    return max;
+  }, [liveNow, view, data]);
   const switchView = (next) => {
     setView(next);
     setSelected(null);
     setDetail(null);
     setQuery("");
+    setZoom({ mode: "fit", scale: 1, x: 0, y: 0 });
     if (next === "tree") setTargetSession(null);
   };
+  const zoomBy = (factor) => setZoom((current) => {
+    const base = current.mode === "custom" ? current : { mode: "custom", scale: 1, x: 0, y: 0 };
+    const nextScale = Math.min(4, Math.max(0.4, base.scale * factor));
+    return { ...base, scale: nextScale };
+  });
+  const fitZoom = () => setZoom({ mode: "fit", scale: 1, x: 0, y: 0 });
   const fetchDetail = (node2) => {
     if (Array.isArray(node2.grouped) && node2.grouped.length > 0) {
       setLoadingDetail(false);
@@ -22676,7 +22980,8 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     title: `${t(`level.${level}`)} \u2014 ${t(`level.${level}.hint`)}`,
     onClick: () => setDetailLevel(level)
   }, t(`level.${level}`)));
-  const saveExport = async (content, fileName, mime, description, extensions) => {
+  const saveExport = async (content, fileName, mime, description, extensions, options) => {
+    const binary = options?.binary === true;
     if (typeof window !== "undefined" && typeof window.showSaveFilePicker === "function") {
       try {
         const handle = await window.showSaveFilePicker({
@@ -22698,7 +23003,7 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
         DIAG.lastExport = `picker-failed:${error63?.message ?? error63}`;
       }
     }
-    const blob = new Blob([content], { type: `${mime};charset=utf-8` });
+    const blob = content instanceof Blob ? content : new Blob([content], { type: binary ? mime : `${mime};charset=utf-8` });
     const url2 = URL.createObjectURL(blob);
     const anchor2 = document.createElement("a");
     anchor2.href = url2;
@@ -22710,6 +23015,68 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
     DIAG.lastExport = "downloaded";
     setExportNotice(`${t("export.saved")}: ${fileName}`);
   };
+  const imageBaseName = () => `mind-tree-${String(activeSession ?? "session").slice(0, 8)}`;
+  const buildStandaloneSvg = () => {
+    const element = svgRef.current;
+    if (!element) throw new Error("\u753B\u5E03\u5C1A\u672A\u5C31\u7EEA");
+    const clone2 = element.cloneNode(true);
+    clone2.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    const vars = COLOR_KINDS.map((key) => `${COLOR_VARS[key]}:${palette.colors[key]}`).join(";");
+    const fontFamily = '-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif';
+    clone2.setAttribute("style", `${vars};font-family:${fontFamily};background:#ffffff`);
+    const width = Number(element.getAttribute("width")) || 800;
+    const height = Number(element.getAttribute("height")) || 600;
+    clone2.setAttribute("viewBox", `0 0 ${width} ${height}`);
+    clone2.setAttribute("width", String(width));
+    clone2.setAttribute("height", String(height));
+    const background = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    background.setAttribute("x", "0");
+    background.setAttribute("y", "0");
+    background.setAttribute("width", "100%");
+    background.setAttribute("height", "100%");
+    background.setAttribute("fill", "#ffffff");
+    clone2.insertBefore(background, clone2.firstChild);
+    return { text: new XMLSerializer().serializeToString(clone2), width, height };
+  };
+  const exportImage = async (kind) => {
+    try {
+      const { text, width, height } = buildStandaloneSvg();
+      if (kind === "svg") {
+        await saveExport(text, `${imageBaseName()}.svg`, "image/svg+xml", "SVG \u77E2\u91CF\u56FE", [".svg"]);
+        return;
+      }
+      const factor = Math.max(0.1, Math.min(2, 32e3 / Math.max(1, height)));
+      const svgBlob = new Blob([text], { type: "image/svg+xml;charset=utf-8" });
+      const url2 = URL.createObjectURL(svgBlob);
+      let image;
+      try {
+        image = await new Promise((resolve, reject) => {
+          const element = new Image();
+          element.onload = () => resolve(element);
+          element.onerror = () => reject(new Error("SVG \u89E3\u7801\u5931\u8D25"));
+          element.src = url2;
+        });
+      } finally {
+        setTimeout(() => URL.revokeObjectURL(url2), 5e3);
+      }
+      const canvas = document.createElement("canvas");
+      canvas.width = Math.max(1, Math.round(width * factor));
+      canvas.height = Math.max(1, Math.round(height * factor));
+      const context = typeof canvas.getContext === "function" ? canvas.getContext("2d") : null;
+      if (!context) throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301 canvas");
+      context.fillStyle = "#ffffff";
+      context.fillRect(0, 0, canvas.width, canvas.height);
+      context.drawImage(image, 0, 0, canvas.width, canvas.height);
+      const blob = await new Promise((resolve) => {
+        canvas.toBlob((result) => resolve(result), "image/png");
+      });
+      if (!blob) throw new Error("PNG \u751F\u6210\u5931\u8D25");
+      await saveExport(blob, `${imageBaseName()}.png`, "image/png", "PNG \u56FE\u7247", [".png"], { binary: true });
+    } catch (error63) {
+      DIAG.lastExport = `image-failed:${error63?.message ?? error63}`;
+      setExportNotice(`${t("export.failed")}: ${error63?.message ?? error63}`);
+    }
+  };
   const exportAs = async (format) => {
     try {
       if (displayed == null || (displayed.nodes ?? []).length === 0) return;
@@ -22739,7 +23106,19 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
           className: `mt-status-chip ${failed ? "mt-status-chip-bad" : service ? "mt-status-chip-ok" : ""}`,
           title: failed ? String(DIAG.lastError ?? "") : ""
         }, failed ? t("status.failed") : service ? t("status.ready") : t("status.connecting")),
+        liveNow && h("span", { className: "mt-live-chip", title: t("live.hint") }, `\u25CF ${t("live.running")}`),
         h("span", { className: "mt-level-group", title: t("level.hint") }, levelButtons),
+        h(
+          "span",
+          { className: "mt-zoom-group", title: t("zoom.hint") },
+          h("button", { className: "mt-btn mt-zoom-btn", onClick: () => zoomBy(1 / 1.25), title: t("zoom.out") }, "\u2212"),
+          h("button", {
+            className: `mt-btn mt-zoom-btn ${zoom.mode === "custom" ? "mt-btn-on" : ""}`,
+            onClick: fitZoom,
+            title: t("zoom.fit")
+          }, zoom.mode === "custom" ? `${Math.round(zoom.scale * 100)}%` : t("zoom.fit")),
+          h("button", { className: "mt-btn mt-zoom-btn", onClick: () => zoomBy(1.25), title: t("zoom.in") }, "+")
+        ),
         h("button", { className: "mt-btn", onClick: expandAll, title: t("expandAll") }, t("expand.short")),
         h("button", { className: "mt-btn", onClick: collapseAll, title: t("collapseAll") }, t("collapse.short")),
         h(
@@ -22828,6 +23207,21 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
                 exportAs("canvas");
               }
             }, t("export.canvas")),
+            h("div", { className: "mt-menu-divider" }),
+            h("button", {
+              className: "mt-menu-item",
+              onClick: () => {
+                setExportMenuOpen(false);
+                exportImage("svg");
+              }
+            }, t("export.svg")),
+            h("button", {
+              className: "mt-menu-item",
+              onClick: () => {
+                setExportMenuOpen(false);
+                exportImage("png");
+              }
+            }, t("export.png")),
             h("div", { className: "mt-menu-hint" }, t("export.hint"))
           )
         ),
@@ -22851,6 +23245,17 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
       }),
       query && h("button", { className: "mt-btn", onClick: () => setQuery("") }, "\xD7")
     ),
+    // 合计条:轮次 / token / 估算成本(单价随高峰-空闲时段自动切换)。
+    totals && h(
+      "div",
+      { className: "mt-total" },
+      h("span", { className: "mt-total-item" }, `${totals.turns} ${t("total.turns")}`),
+      h("span", { className: "mt-total-item" }, `${fmtTokens2(totals.tokens)} tok`),
+      h("span", {
+        className: "mt-total-item mt-total-cost",
+        title: `${t("total.costHint")} (${PRICING.PRICING_VERSION})`
+      }, `${totals.unknown ? "\u2248" : ""}${PRICING.formatCny(totals.cny)}`)
+    ),
     activeSession && activeSession !== sessionId && h(
       "div",
       { className: "mt-breadcrumb" },
@@ -22919,7 +23324,12 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
         },
         selectedId: selected,
         t,
-        width: canvasWidth
+        width: canvasWidth,
+        costs,
+        liveTurn,
+        zoom,
+        onZoom: setZoom,
+        svgRef
       }),
       data != null && nodes.length > 0 && h("div", { className: "mt-hint" }, t("click.hint"))
     ),
@@ -22927,6 +23337,7 @@ function MindTreeBodyInner({ ctx, sessionId, signal, uiWorkspace }) {
       node: selectedNode,
       detail,
       loadingDetail,
+      cost: costs.get(selectedNode.id),
       onClose: () => {
         setSelected(null);
         setDetail(null);
@@ -22992,6 +23403,16 @@ module.exports = {
 .mt-warn{margin:4px 8px 0;padding:5px 8px;border-radius:6px;font-size:10.5px;line-height:1.5;color:var(--dsw-alias-state-warning-primary,#b45309);background:color-mix(in srgb, var(--dsw-alias-state-warning-primary,#b45309) 12%, transparent);border:1px solid color-mix(in srgb, var(--dsw-alias-state-warning-primary,#b45309) 35%, transparent)}
 .mt-warn-title{font-weight:600}
 .mt-level-group{display:inline-flex;flex:0 0 auto;gap:2px;padding:1px;border-radius:7px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.04))}
+.mt-zoom-group{display:inline-flex;flex:0 0 auto;gap:2px;padding:1px;border-radius:7px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.04))}
+.mt-zoom-btn{padding:3px 6px;font-size:10.5px;min-width:24px;justify-content:center}
+.mt-zoom-btn.mt-btn-on{background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 1px 2px rgba(0,0,0,.12)}
+.mt-live-chip{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:600;color:#fff;background:var(--mt-live,#ef4444);animation:mt-live-breathe 1.6s ease-in-out infinite}
+@keyframes mt-live-breathe{0%,100%{opacity:.65}50%{opacity:1}}
+.mt-live-dot{animation:mt-live-breathe 1.3s ease-in-out infinite}
+.mt-total{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 8px;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.08));font-size:10.5px;color:var(--dsw-alias-label-secondary,#61666b);font-variant-numeric:tabular-nums}
+.mt-total-item{display:inline-flex;align-items:center;padding:1px 6px;border-radius:99px;background:var(--dsw-alias-bg-layer-2,rgba(0,0,0,.04))}
+.mt-total-cost{font-weight:600;color:var(--dsw-alias-label-primary,#111827)}
+.mt-menu-divider{height:1px;margin:3px 6px;background:var(--dsw-alias-border-l1,rgba(0,0,0,.08))}
 .mt-btn-level{padding:3px 6px;font-size:10.5px;opacity:.75}
 .mt-btn-level.mt-btn-on{opacity:1;background:var(--dsw-alias-bg-layer-1,#fff);box-shadow:0 1px 2px rgba(0,0,0,.12)}
 .mt-menu-wide{min-width:250px;max-height:70vh;overflow:auto}

package/lib/index.js

@@ -4,6 +4,7 @@
 // 另注册 mind_tree 工具,让终端/GUI 里的 agent 也能直接导出思维树(不依赖网页客户端)。
 import { buildExport } from './format.js';
 import { reduceGraph, DETAIL_LEVELS } from './reduce.js';
+import { costOfTree, formatCny } from './pricing.js';
 
 export const name = 'mindTree';
 export const inject = ['sessionQuery'];
@@ -361,6 +362,7 @@ export function apply(ctx) {
     const turnAssistantText = new Map(); // turn -> 该轮首条中文助手文本(回退)
     const turnUsage = new Map(); // turn -> 该轮 token 消耗聚合
     const turnTimes = new Map(); // turn -> {start, end}
+    const turnModel = new Map(); // turn -> 该轮实际使用的模型(用于成本估算)
     let nodeSeqCounter = 0;
 
     const pushNode = (node) => {
@@ -436,7 +438,12 @@ export function apply(ctx) {
                 turnAssistantText.set(currentTurn, source);
               }
             }
-            if (role === 'assistant') addTurnUsage(currentTurn, data.usage);
+            if (role === 'assistant') {
+              addTurnUsage(currentTurn, data.usage);
+              // 记录该轮使用的模型(成本估算按模型单价折算)。
+              const modelId = message?.source?.model ?? data?.source?.model;
+              if (typeof modelId === 'string' && modelId && currentTurn !== null) turnModel.set(currentTurn, modelId);
+            }
             const baseLabel = squash(text, 160) || (role === 'user' ? '用户消息' : role === 'assistant' ? '助手回复' : role);
             const node = {
               id: `n${seq}`, seq, type: event.type, kind,
@@ -680,6 +687,8 @@ export function apply(ctx) {
           cacheWrite: usage.cacheWrite,
           reasoning: usage.reasoning,
           messageCount: usage.messageCount,
+          ...(turnModel.has(node.turn) ? { model: turnModel.get(node.turn) } : {}),
+          ...(times?.start !== undefined ? { startedAt: times.start } : {}),
           ...(times?.start !== undefined && times?.end !== undefined && times.end > times.start
             ? { durationMs: times.end - times.start }
             : {}),
@@ -901,8 +910,8 @@ export function apply(ctx) {
           },
           level: {
             type: 'string',
-            enum: ['compact', 'standard', 'full'],
-            description: '过程信息量:compact(默认,只留轮次/用户发言/分支点/工具活动合计/每轮答复)、standard(加过程文本与工具明细)、full(全量)。',
+            enum: ['user', 'compact', 'standard', 'full'],
+            description: '过程信息量:user(只留轮次/你的发言/分支点,可当需求清单)、compact(默认,另加工具活动合计与每轮答复)、standard(加过程文本与工具明细)、full(全量)。',
           },
         },
       },
@@ -958,6 +967,11 @@ export function apply(ctx) {
         const keptCount = (reduced?.nodes ?? []).length;
         const dropped = nodeCount - keptCount;
         const levelNote = dropped > 0 ? `,已按 ${level} 档削减 ${dropped} 个过程节点` : '';
+        // 成本估算:只在"会话思维树"上有意义(轮次带 usage/model)。
+        const cost = view === 'tree' ? costOfTree(displayed) : null;
+        const costNote = cost && cost.cny > 0
+          ? `,估算成本 ${cost.anyUnknown ? '≈' : ''}${formatCny(cost.cny)}`
+          : '';
         const writeTo = typeof args?.writeTo === 'string' ? args.writeTo.trim() : '';
         if (writeTo !== '') {
           const fs = ctx.get('fs');
@@ -968,7 +982,7 @@ export function apply(ctx) {
           await fs.writeText(target, exported.content);
           const displayPath = typeof fs.processPath === 'function' ? fs.processPath(target) : writeTo;
           return {
-            summary: `已导出 ${exported.format} 到 ${displayPath}(${exported.content.length} 字节,${turns} 轮 / ${keptCount} 节点${levelNote})`,
+            summary: `已导出 ${exported.format} 到 ${displayPath}(${exported.content.length} 字节,${turns} 轮 / ${keptCount} 节点${levelNote}${costNote})`,
             format: exported.format,
             sessionId: String(sessionId ?? 'forest'),
             fileName: exported.fileName,
@@ -983,7 +997,7 @@ export function apply(ctx) {
           ? `${exported.content.slice(0, TOOL_CONTENT_LIMIT)}\n\n…(内容超过 ${TOOL_CONTENT_LIMIT} 字符已截断;完整内容请用 writeTo 写入文件)`
           : exported.content;
         return {
-          summary: `已生成 ${exported.format}(${exported.content.length} 字节,${turns} 轮 / ${keptCount} 节点${levelNote}${truncated ? ',已截断' : ''})`,
+          summary: `已生成 ${exported.format}(${exported.content.length} 字节,${turns} 轮 / ${keptCount} 节点${levelNote}${costNote}${truncated ? ',已截断' : ''})`,
           format: exported.format,
           sessionId: String(sessionId ?? 'forest'),
           fileName: exported.fileName,

package/lib/pricing.js

@@ -0,0 +1,99 @@
+// 成本估算层:把 token 消耗折算成人民币。
+// 单价来源:DeepSeek 官方「模型 & 价格」页(抓取于 2026-11-15),单位:元 / 百万 tokens。
+// 高峰时段:北京时间 周一至周五(不含法定节假日)9:00–12:00、14:00–18:00;其余为**空闲时段**,价格减半。
+// 说明:法定节假日无法从本地推断,此处只按"工作日 + 时段"近似。
+//
+// 纯函数、无依赖,客户端(界面显示)与宿主(mind_tree 工具)共用。
+
+/** 单价表版本标记(改了数字就更新它,便于界面/文档追溯)。 */
+export const PRICING_VERSION = '2026-11-15';
+
+/**
+ * 每百万 token 单价(元)。每个字段是 [空闲时段, 高峰时段]。
+ * hit = 缓存命中输入;miss = 缓存未命中输入;out = 输出。
+ */
+export const MODEL_PRICES = {
+  'deepseek-flash': { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+  'deepseek-v4-flash': { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+  'deepseek-v4-flash-vision-exp': { hit: [0.02, 0.04], miss: [1, 2], out: [4, 8] },
+  'deepseek-v4-pro': { hit: [0.15, 0.3], miss: [4.5, 9], out: [13.5, 27] },
+};
+
+/** 未知模型时的兜底单价(按 flash 计,界面用 ≈ 标注)。 */
+export const FALLBACK_PRICE = MODEL_PRICES['deepseek-flash'];
+
+const BJ_OFFSET_MS = 8 * 3600 * 1000;
+
+/** 是否处于高峰时段(按北京时间近似判断,忽略法定节假日)。 */
+export function isPeakHour(atMs) {
+  const at = typeof atMs === 'number' && Number.isFinite(atMs) ? atMs : Date.now();
+  const shifted = new Date(at + BJ_OFFSET_MS);
+  const day = shifted.getUTCDay(); // 0=周日 … 6=周六
+  const minutes = shifted.getUTCHours() * 60 + shifted.getUTCMinutes();
+  const weekday = day >= 1 && day <= 5;
+  const inMorning = minutes >= 9 * 60 && minutes < 12 * 60;
+  const inAfternoon = minutes >= 14 * 60 && minutes < 18 * 60;
+  return weekday && (inMorning || inAfternoon);
+}
+
+/** 取某个模型在某时段的单价三元组。 */
+export function priceOf(model, atMs) {
+  const table = MODEL_PRICES[model] ?? FALLBACK_PRICE;
+  const slot = isPeakHour(atMs) ? 1 : 0;
+  return {
+    model: MODEL_PRICES[model] ? model : null,
+    peak: slot === 1,
+    hit: table.hit[slot],
+    miss: table.miss[slot],
+    out: table.out[slot],
+  };
+}
+
+/**
+ * 一次 token 消耗折算成元。
+ * @param usage - { input, output, cacheRead, cacheWrite }(单位 token;input 为**未命中缓存**部分)
+ * @param model - 模型 id,如 deepseek-v4-pro;未知模型按兜底价并标记 known=false
+ * @param atMs  - 该次调用时间(毫秒),用于判断高峰/空闲;缺省按当前时间
+ * @returns { cny, peak, model, known }
+ */
+export function costOf(usage, model, atMs) {
+  const input = Math.max(0, Number(usage?.input) || 0);
+  const output = Math.max(0, Number(usage?.output) || 0);
+  const cacheRead = Math.max(0, Number(usage?.cacheRead) || 0);
+  const cacheWrite = Math.max(0, Number(usage?.cacheWrite) || 0);
+  const price = priceOf(model, atMs);
+  // 缓存写入按"未命中输入"计费;缓存读取按"命中输入"计费。
+  const cny = ((input + cacheWrite) * price.miss + cacheRead * price.hit + output * price.out) / 1_000_000;
+  return { cny, peak: price.peak, model: price.model, known: price.model !== null };
+}
+
+/** 汇总多份成本。 */
+export function sumCost(entries) {
+  let cny = 0;
+  let anyUnknown = false;
+  for (const entry of entries ?? []) {
+    if (!entry) continue;
+    cny += Number(entry.cny) || 0;
+    if (entry.known === false) anyUnknown = true;
+  }
+  return { cny, anyUnknown };
+}
+
+/** 人民币显示:小于 1 分显示 <¥0.01,其余两位小数。 */
+export function formatCny(value) {
+  const cny = Number(value) || 0;
+  if (cny <= 0) return '¥0';
+  if (cny < 0.005) return '<¥0.01';
+  if (cny < 1) return `¥${cny.toFixed(3)}`;
+  return `¥${cny.toFixed(2)}`;
+}
+
+/** 从整棵树聚合成本(按轮 usage + 模型)。 */
+export function costOfTree(tree) {
+  const entries = [];
+  for (const node of tree?.nodes ?? []) {
+    if (node?.kind !== 'turn' || !node.usage) continue;
+    entries.push(costOf(node.usage, node.usage.model, node.usage.startedAt));
+  }
+  return sumCost(entries);
+}

package/lib/reduce.js

@@ -4,12 +4,13 @@
 import { buildHierarchy, isInjectedLabel } from './format.js';
 
 /**
- * 三档信息量:
+ * 四档信息量(由轻到重):
+ * - user:只留 轮次 + 你的真实发言 + 分支节点 —— 相当于"把整场对话压成需求清单",可直接喂给别的模型;
  * - compact (默认):只留 轮次 + 用户真实发言 + 分支节点 + 每轮工具活动聚合 1 行 + 每轮最终助手回复;
  * - standard:在 compact 基础上保留实质性助手过程文本(≥ MIN_ASSISTANT_STANDARD 字)与工具明细行,去掉工具结果;
  * - full:不做任何削减(与事件日志一一对应)。
  */
-export const DETAIL_LEVELS = ['compact', 'standard', 'full'];
+export const DETAIL_LEVELS = ['user', 'compact', 'standard', 'full'];
 
 /** standard 档保留的助手文本最小字数。 */
 export const MIN_ASSISTANT_STANDARD = 60;
@@ -50,6 +51,7 @@ export function reduceGraph(tree, level = 'compact') {
   if (level === 'full') return tree;
   const nodes = tree.nodes ?? [];
   const keepIds = new Set();
+  const isUserOnly = level === 'user';
   const isCompact = level === 'compact';
   const minAssistant = isCompact ? Number.POSITIVE_INFINITY : MIN_ASSISTANT_STANDARD;
   const lastOfTurn = lastAssistantIds(nodes);
@@ -66,13 +68,15 @@ export function reduceGraph(tree, level = 'compact') {
         continue; // 工具输出:折叠掉(可在工具行详情中查看)
       case 'info':
         continue; // system / developer 注入内容
-      case 'user':
-        if (isInjectedLabel(node.label)) continue; // 模型切换、运行时上下文、后台任务通知
-        break;
       case 'assistant':
+        if (isUserOnly) continue; // 「输入」档完全不要助手文本
         if (!(lastOfTurn.has(node.id) || charLength(node.label) >= minAssistant)) continue;
         break;
+      case 'user':
+        if (isInjectedLabel(node.label)) continue; // 模型切换、运行时上下文、后台任务通知
+        break;
       case 'tool': {
+        if (isUserOnly) continue; // 「输入」档不要工具行(等同于"需求清单")
         if (!isCompact) break; // standard 保留工具明细行
         const key = node.turn ?? -1;
         if (!groupBuckets.has(key)) groupBuckets.set(key, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-mind-tree",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "遍历对话上下文，识别分支节点并渲染思维树/会话树的 DeepSeek Harness 插件（右侧栏 GUI + mind_tree 工具 + Obsidian 导出）。",
   "type": "module",
   "license": "MIT",
@@ -17,9 +17,15 @@
     "./typert": "./lib/typert.host.js",
     "./remote": "./lib/remote.js",
     "./cordis.patch.yml": "./cordis.patch.yml",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./pricing": "./lib/pricing.js"
   },
-  "files": ["lib", "cordis.patch.yml", "README.md", "LICENSE"],
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "README.md",
+    "LICENSE"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShOpenMind/dsh-plugin-mind-tree.git"
@@ -28,7 +34,17 @@
   "bugs": {
     "url": "https://github.com/ShOpenMind/dsh-plugin-mind-tree/issues"
   },
-  "keywords": ["dsh", "deepseek-harness", "plugin", "mindmap", "session-tree", "observability", "dsh-plugin", "dsh-bundle", "dsh-market"],
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "plugin",
+    "mindmap",
+    "session-tree",
+    "observability",
+    "dsh-plugin",
+    "dsh-bundle",
+    "dsh-market"
+  ],
   "dependencies": {
     "zod": "^4.4.0"
   },
@@ -39,17 +55,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "scripts": {
-    "build": "node tools/build.mjs",
-    "test": "node tools/run-all.mjs",
-    "test:host": "node tools/host-test.mjs",
-    "test:reduce": "node tools/reduce-test.mjs",
-    "test:client": "node tools/client-test.mjs",
-    "test:mount": "node tools/mount-test.mjs",
-    "test:render": "node tools/render-test.mjs",
-    "test:mermaid": "node tools/mermaid-check.mjs",
-    "test:integration": "node tools/integration-test.mjs"
-  },
   "peerDependencies": {
     "@deepseek-ai/dsh": ">=0.2.0-rc.2 <0.3.0"
   },
@@ -58,9 +63,13 @@
       "optional": true
     }
   },
-  "engines": { "node": ">=22" },
+  "engines": {
+    "node": ">=22"
+  },
   "dsh": {
-    "bundle": { "patch": "./cordis.patch.yml" },
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
     "client": {
       "platform": "web",
       "inject": [
@@ -88,5 +97,16 @@
         "@deepseek-ai/dsh-client-ui-workspace"
       ]
     }
+  },
+  "scripts": {
+    "build": "node tools/build.mjs",
+    "test": "node tools/run-all.mjs",
+    "test:host": "node tools/host-test.mjs",
+    "test:reduce": "node tools/reduce-test.mjs",
+    "test:client": "node tools/client-test.mjs",
+    "test:mount": "node tools/mount-test.mjs",
+    "test:render": "node tools/render-test.mjs",
+    "test:mermaid": "node tools/mermaid-check.mjs",
+    "test:integration": "node tools/integration-test.mjs"
   }
-}
+}