dsh-dock 0.11.0 → 0.11.2

package/README.md

@@ -95,7 +95,7 @@ dsh plugin --profile web remove dsh-dock  # 卸载
 - **⛁ 会话用量**：显示当前会话的 Token 数与估算费用（10 秒自动刷新）
 - **余额**：显示当前选中模型的 Provider 账户余额（跟随模型切换实时更新）
 
-点击芯片直接跳转功能坞对应页。每个功能可在面板页脚或设置页单独设置「会话页显示 / 隐藏」。
+点击芯片直接跳转功能坞对应页（「会话用量」打开后即按当前会话筛选出结果，无需再点查询）。每个功能可在面板页脚或设置页单独设置「会话页显示 / 隐藏」。
 
 ### 各功能使用
 
@@ -252,7 +252,7 @@ dsh plugin --profile web remove dsh-dock  # 卸载
 - **⛁ 会话用量**：显示当前会话的 Token 数与估算费用（10 秒自动刷新）
 - **余额**：显示当前选中模型的 Provider 账户余额（跟随模型切换实时更新）
 
-点击芯片直接跳转功能坞对应页。每个功能可在面板页脚或设置页单独设置「会话页显示 / 隐藏」。
+点击芯片直接跳转功能坞对应页（「会话用量」打开后即按当前会话筛选出结果，无需再点查询）。每个功能可在面板页脚或设置页单独设置「会话页显示 / 隐藏」。
 
 ### 各功能使用
 

package/client.js

@@ -2470,9 +2470,9 @@ function Detail({ rec, onClose, rate }) {
     ["\u9519\u8BEF\u4FE1\u606F", rec.errorMsg || "\u2014"],
     ["\u9519\u8BEF\u7801", rec.errorCode || "\u2014"],
     ["Request ID", rec.requestId || "\u2014"],
-    ["\u8F93\u5165 Token(\u672A\u7F13\u5B58)", fmtNum(rec.inputTokens)],
+    ["\u8F93\u5165 Token(\u7F13\u5B58\u547D\u4E2D)", fmtNum(rec.cacheReadTokens)],
+    ["\u8F93\u5165 Token(\u7F13\u5B58\u672A\u547D\u4E2D)", fmtNum(rec.inputTokens)],
     ["\u8F93\u51FA Token", fmtNum(rec.outputTokens)],
-    ["\u7F13\u5B58\u547D\u4E2D Token", fmtNum(rec.cacheReadTokens)],
     ["\u7F13\u5B58\u5199\u5165 Token", fmtNum(rec.cacheWriteTokens)],
     ["\u63A8\u7406 Token", fmtNum(rec.reasoningTokens)],
     ["\u8BA1\u8D39\u8F93\u5165", fmtNum(rec.billedInput)],
@@ -2721,22 +2721,23 @@ function PricingEditor({ onClose, onSaved, embedded }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-grid", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u8F93\u5165" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u8F93\u5165\uFF08\u7F13\u5B58\u547D\u4E2D\uFF09" }),
+            num(r.cacheRead, (v) => patchRow(i, { cacheRead: v }))
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u8F93\u5165\uFF08\u7F13\u5B58\u672A\u547D\u4E2D\uFF09" }),
             num(r.input, (v) => patchRow(i, { input: v }))
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u8F93\u51FA" }),
             num(r.output, (v) => patchRow(i, { output: v }))
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u7F13\u5B58\u547D\u4E2D" }),
-            num(r.cacheRead, (v) => patchRow(i, { cacheRead: v }))
-          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u57FA\u51C6\u7F13\u5B58\u5199\u5165" }),
             num(r.cacheWrite, (v) => patchRow(i, { cacheWrite: v }))
           ] })
         ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-price-hint", style: { marginTop: 2 }, children: "\u7F13\u5B58\u5199\u5165\uFF1D\u672A\u547D\u4E2D\u7F13\u5B58\u3001\u672C\u6B21\u65B0\u5EFA\u7F13\u5B58\u7684\u90A3\u90E8\u5206\u8F93\u5165\uFF08Claude \u7B49\u6309\u6EA2\u4EF7\u5355\u72EC\u6536\u5EFA\u7F13\u5B58\u8D39\uFF09\uFF1BDeepSeek \u4E0D\u6536\u6B64\u9879\uFF0C\u586B 0 \u5373\u53EF\u3002" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-price-hint", style: { marginTop: 2 }, children: "\u5206\u65F6\u6BB5\u4EF7\uFF08\u53EF\u591A\u6BB5\uFF0C\u547D\u4E2D\u54EA\u6BB5\u7528\u54EA\u6BB5\uFF1B\u65F6\u6BB5\u5916\u56DE\u843D\u5230\u57FA\u51C6\u4EF7\u3002start>end \u8868\u793A\u8DE8\u96F6\u70B9\uFF0C\u5982 23~7\uFF1Bstart=end \u8868\u793A\u5168\u5929\uFF09" }),
         r.peaks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-price-hint", children: "\uFF08\u672A\u8BBE\u7F6E\u5206\u65F6\u6BB5\uFF0C\u6309\u57FA\u51C6\u4EF7\u8BA1\u8D39\uFF09" }) : null,
         r.peaks.map((s, k) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-pseg", children: [
@@ -2745,13 +2746,13 @@ function PricingEditor({ onClose, onSaved, embedded }) {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dtok-pseg-tilde", children: "~" }),
           num(s.end, (v) => patchSeg(i, k, { end: v }), { width: 56 }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dtok-pseg-tilde", children: "\u65F6" }),
-          segNum(s.input, (v) => patchSeg(i, k, { input: v }), "\u8F93\u5165"),
-          segNum(s.output, (v) => patchSeg(i, k, { output: v }), "\u8F93\u51FA"),
           segNum(s.cacheRead, (v) => patchSeg(i, k, { cacheRead: v }), "\u7F13\u5B58\u547D\u4E2D"),
-          segNum(s.cacheWrite, (v) => patchSeg(i, k, { cacheWrite: v }), "\u7F13\u5B58\u5199\u5165"),
+          segNum(s.input, (v) => patchSeg(i, k, { input: v }), "\u672A\u547D\u4E2D"),
+          segNum(s.output, (v) => patchSeg(i, k, { output: v }), "\u8F93\u51FA"),
+          segNum(s.cacheWrite, (v) => patchSeg(i, k, { cacheWrite: v }), "\u5199\u5165"),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn tiny", onClick: () => delSeg(i, k), children: "\u5220\u9664\u65F6\u6BB5" })
         ] }, k)),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-price-hint", style: { opacity: 0.85 }, children: "\u65F6\u6BB5\u4EF7\u4ECE\u5DE6\u5230\u53F3\uFF1A\u8F93\u5165 / \u8F93\u51FA / \u7F13\u5B58\u547D\u4E2D / \u7F13\u5B58\u5199\u5165" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-price-hint", style: { opacity: 0.85 }, children: "\u65F6\u6BB5\u4EF7\u4ECE\u5DE6\u5230\u53F3\uFF1A\u8F93\u5165\uFF08\u547D\u4E2D\uFF09/ \u8F93\u5165\uFF08\u672A\u547D\u4E2D\uFF09/ \u8F93\u51FA / \u7F13\u5B58\u5199\u5165" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dtok-btn tiny", onClick: () => addSeg(i), children: "+ \u6DFB\u52A0\u65F6\u6BB5" })
       ] }, i)),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-grid", style: { marginTop: 6 }, children: [
@@ -2772,17 +2773,17 @@ function PricingEditor({ onClose, onSaved, embedded }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-section-title", style: { margin: "0 0 4px" }, children: "\u515C\u5E95\u5355\u4EF7\uFF08\u672A\u5339\u914D\u4EFB\u4F55\u6761\u76EE\u65F6\u4F7F\u7528\uFF09" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-grid", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u8F93\u5165" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u8F93\u5165\uFF08\u7F13\u5B58\u547D\u4E2D\uFF09" }),
+          num(fb.cacheRead, (v) => setFb((s) => Object.assign({}, s, { cacheRead: v })))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u8F93\u5165\uFF08\u7F13\u5B58\u672A\u547D\u4E2D\uFF09" }),
           num(fb.input, (v) => setFb((s) => Object.assign({}, s, { input: v })))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u8F93\u51FA" }),
           num(fb.output, (v) => setFb((s) => Object.assign({}, s, { output: v })))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u7F13\u5B58\u547D\u4E2D" }),
-          num(fb.cacheRead, (v) => setFb((s) => Object.assign({}, s, { cacheRead: v })))
-        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dtok-price-field", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u7F13\u5B58\u5199\u5165" }),
           num(fb.cacheWrite, (v) => setFb((s) => Object.assign({}, s, { cacheWrite: v })))
@@ -2798,17 +2799,17 @@ function PricingEditor({ onClose, onSaved, embedded }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dtok-table-wrap", style: { marginTop: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: "dtok-table", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u5339\u914D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165(\u547D\u4E2D)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165(\u672A\u547D\u4E2D)" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u51FA" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7F13\u5B58\u547D\u4E2D" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7F13\u5B58\u5199\u5165" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u5206\u65F6\u6BB5" })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: cfg.builtin.map((b) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.match }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.cacheRead }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.input }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.output }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.cacheRead }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.cacheWrite }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: b.peaks && b.peaks.length ? b.peaks.map((s) => s.start + "~" + s.end).join("\u3001") + "\u65F6" : "\u2014" })
         ] }, b.match)) })
@@ -2822,6 +2823,7 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 }
 function TokenLogView(props) {
   const navSession = props && props.params && props.params.sessionId ? props.params.sessionId : null;
+  const navAt = props && props.params && props.params.navAt ? props.params.navAt : 0;
   const [savedFilters] = (0, import_react2.useState)(loadSavedFilters);
   const [fromStr, setFromStr] = (0, import_react2.useState)(() => savedFilters && savedFilters.fromStr || "");
   const [toStr, setToStr] = (0, import_react2.useState)(() => savedFilters && savedFilters.toStr || "");
@@ -2829,7 +2831,7 @@ function TokenLogView(props) {
   const [model, setModel] = (0, import_react2.useState)(() => savedFilters && savedFilters.model || "");
   const [status, setStatus] = (0, import_react2.useState)(() => savedFilters && savedFilters.status || "");
   const [effort, setEffort] = (0, import_react2.useState)(() => savedFilters && savedFilters.effort || "");
-  const [sessionId, setSessionId] = (0, import_react2.useState)(() => savedFilters && savedFilters.sessionId || "");
+  const [sessionId, setSessionId] = (0, import_react2.useState)(() => navSession || savedFilters && savedFilters.sessionId || "");
   const [dim, setDim] = (0, import_react2.useState)(() => savedFilters && savedFilters.dim || "");
   const [sortKey, setSortKey] = (0, import_react2.useState)("time");
   const [sortDir, setSortDir] = (0, import_react2.useState)("desc");
@@ -2858,6 +2860,7 @@ function TokenLogView(props) {
       if (savedFilters.sessionId) q.sessionId = savedFilters.sessionId;
       if (savedFilters.dim) q.dim = savedFilters.dim;
     }
+    if (navSession) q.sessionId = navSession;
     rpcCall("scan", {}).then(() => cancel ? null : rpcCall("query", q)).then((d) => {
       if (cancel) return;
       setData(d);
@@ -2891,8 +2894,10 @@ function TokenLogView(props) {
       setPage(0);
     }).catch((e) => setErr(String(e && e.message || e))).finally(() => setLoading(false));
   }, [buildQ]);
+  const navAppliedRef = (0, import_react2.useRef)(navAt);
   (0, import_react2.useEffect)(() => {
-    if (!navSession) return;
+    if (!navSession || navAppliedRef.current === navAt) return;
+    navAppliedRef.current = navAt;
     setSessionId(navSession);
     setLoading(true);
     setErr("");
@@ -2900,7 +2905,7 @@ function TokenLogView(props) {
       setData(d);
       setPage(0);
     }).catch((e) => setErr(String(e && e.message || e))).finally(() => setLoading(false));
-  }, [navSession]);
+  }, [navAt]);
   const resetFilters = (0, import_react2.useCallback)(() => {
     setFromStr("");
     setToStr("");
@@ -2969,8 +2974,8 @@ function TokenLogView(props) {
   const cards = totals ? [
     { v: fmtNum(totals.calls), l: "\u8C03\u7528\u6B21\u6570" },
     { v: fmtCompact(totals.totalTokens), l: "\u603B Token" },
-    { v: fmtCompact(totals.inputTokens), l: "\u8F93\u5165(\u672A\u7F13\u5B58)" },
-    { v: fmtCompact(totals.cacheReadTokens), l: "\u7F13\u5B58\u547D\u4E2D" },
+    { v: fmtCompact(totals.cacheReadTokens), l: "\u8F93\u5165(\u547D\u4E2D)" },
+    { v: fmtCompact(totals.inputTokens), l: "\u8F93\u5165(\u672A\u547D\u4E2D)" },
     { v: totals.cacheHitPct + "%", l: "\u7F13\u5B58\u547D\u4E2D\u7387" },
     { v: fmtCompact(totals.outputTokens), l: "\u8F93\u51FA" },
     { v: fmtCostCny(totals.cost, rateCny), l: "\u6D88\u8017\u91D1\u989D(\u4F30\u7B97\xB7\u4EBA\u6C11\u5E01)" },
@@ -2981,8 +2986,8 @@ function TokenLogView(props) {
   const summaryRows = (data && data.summary || []).map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.key }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.calls) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.inputTokens) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.cacheReadTokens) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.inputTokens) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.cacheHitPct + "%" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.outputTokens) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtCompact(r.totalTokens) }),
@@ -3003,8 +3008,8 @@ function TokenLogView(props) {
       }, children: shortId(r.sessionId) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.provider || "\u2014" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.model || "\u2014" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.inputTokens) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.cacheReadTokens) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.inputTokens) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: r.cacheHitPercent + "%" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.outputTokens) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: fmtNum(r.reasoningTokens) }),
@@ -3047,8 +3052,8 @@ function TokenLogView(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7EF4\u5EA6" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8C03\u7528" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u7F13\u5B58" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165(\u547D\u4E2D)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u5165(\u672A\u547D\u4E2D)" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u547D\u4E2D\u7387" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u8F93\u51FA" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: "\u603BToken" }),
@@ -3090,8 +3095,8 @@ function TokenLogView(props) {
           sortTh("\u4F1A\u8BDDID", "sessionId"),
           sortTh("\u63D0\u4F9B\u5546", "provider"),
           sortTh("\u6A21\u578B", "model"),
-          sortTh("\u8F93\u5165", "inputTokens"),
-          sortTh("\u7F13\u5B58", "cacheReadTokens"),
+          sortTh("\u8F93\u5165(\u547D\u4E2D)", "cacheReadTokens"),
+          sortTh("\u8F93\u5165(\u672A\u547D\u4E2D)", "inputTokens"),
           sortTh("\u547D\u4E2D%", "cacheHitPercent"),
           sortTh("\u8F93\u51FA", "outputTokens"),
           sortTh("\u63A8\u7406", "reasoningTokens"),
@@ -3221,7 +3226,7 @@ function TokenLogChip(props) {
       className: "dockchip" + (snap.err && !t ? " err" : ""),
       title,
       "aria-label": "\u4F1A\u8BDD\u7528\u91CF",
-      onClick: () => openPanel("tokenlog", { sessionId: sid }),
+      onClick: () => openPanel("tokenlog", { sessionId: sid, navAt: Date.now() }),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dockchip-dot", style: { background: "var(--dk-warn)" } }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
@@ -10878,7 +10883,7 @@ var feature10 = {
 };
 
 // src/client.jsx
-var DOCK_VERSION = "0.11.0";
+var DOCK_VERSION = "0.11.2";
 var BUILTIN_FEATURES = [feature, feature2, feature3, feature4, feature5, feature6, feature7, feature8, feature9, feature10];
 var PLANNED_FEATURES = [];
 var PLANNED_NOTES = {};
@@ -11038,11 +11043,14 @@ var SHELL_CSS = [
   //     注意：旧上限 min(280px,36cqw) 仍偏宽——标准 780px 输入卡下（.row 内容约 762px），
   //     add 钮(28)+工作区选择器(~214)+chips(280) 已与右侧模型选择器+发送键（~345px）合计超宽，
   //     即便 chips 未截断 .row 也会换行把模型选择器/发送键挤到第二行。实测把上限收到 189px
-  //     （≈25cqw）并使 chips 内距收紧（padding 2px 6px、gap 2px）后，实测 4~6M 用量 + 余额
-  //     两 chip 可完整显示且不再换行；超限时仍被省略号截断，完整值在 title 悬浮提示里。
+  //     （≈25cqw）并使 chips 内距收紧（padding 2px 6px、gap 2px）后，「4~6M 用量 + 余额」
+  //     两 chip 可完整显示且不再换行。v0.11.2：配置单价后费用段「· ¥0.03」让两 chip 合计
+  //     约需 204px，189px 恰好截掉约 2 个数字（费用/余额小数位看不到）——按用户反馈放宽到
+  //     216px（≈28cqw），标准卡下实测完整显示；若再出现把模型选择器挤换行，优先压缩用量
+  //     chip 的 ⛁ 前缀换空间，别再收这个上限。超限仍省略号截断，完整值在 title 悬浮提示里。
   //  2) 截断：超限部分用省略号截断（完整数值在 title 悬浮提示里），防 chips 凸出输入卡圆角（悬空）。
-  ".dockchip-row{display:inline-flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;overflow:hidden;max-width:189px;}",
-  "@supports (width:1cqw){.dockchip-row{max-width:min(189px,25cqw);}}",
+  ".dockchip-row{display:inline-flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;overflow:hidden;max-width:216px;}",
+  "@supports (width:1cqw){.dockchip-row{max-width:min(216px,28cqw);}}",
   ".dockchip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;padding:2px 6px;font-family:inherit;font-size:11px;line-height:18px;white-space:nowrap;min-width:0;overflow:hidden;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
   ".dockchip > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}",
   ".dockchip:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",

package/features/tokenlog/host.js

@@ -851,7 +851,8 @@ export const feature = {
             if (method === 'export') {
               loadPricingConfig()
               const list = buildQuery(payload || {}).map(withCost)
-              const header = ['time', 'provider', 'model', 'apiKey', 'inputTokens', 'outputTokens', 'cacheReadTokens', 'cacheWriteTokens', 'reasoningTokens', 'billedInput', 'cacheHitPercent', 'totalTokens', 'costCny', 'effort', 'status', 'statusCode', 'errorCode', 'errorMsg', 'llmMs', 'sessionId', 'turn', 'step']
+              // 列序对齐界面习惯（缓存命中在前）：… 命中 → 未命中 → 输出 → 写入
+              const header = ['time', 'provider', 'model', 'apiKey', 'cacheReadTokens', 'inputTokens', 'outputTokens', 'cacheWriteTokens', 'reasoningTokens', 'billedInput', 'cacheHitPercent', 'totalTokens', 'costCny', 'effort', 'status', 'statusCode', 'errorCode', 'errorMsg', 'llmMs', 'sessionId', 'turn', 'step']
               const esc = (v) => {
                 const s = String(v === undefined || v === null ? '' : v)
                 return /[,"\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s

package/features/tokenlog/view.jsx

@@ -189,9 +189,9 @@ function Detail({ rec, onClose, rate }) {
 		["错误信息", rec.errorMsg || "—"],
 		["错误码", rec.errorCode || "—"],
 		["Request ID", rec.requestId || "—"],
-		["输入 Token(未缓存)", fmtNum(rec.inputTokens)],
+		["输入 Token(缓存命中)", fmtNum(rec.cacheReadTokens)],
+		["输入 Token(缓存未命中)", fmtNum(rec.inputTokens)],
 		["输出 Token", fmtNum(rec.outputTokens)],
-		["缓存命中 Token", fmtNum(rec.cacheReadTokens)],
 		["缓存写入 Token", fmtNum(rec.cacheWriteTokens)],
 		["推理 Token", fmtNum(rec.reasoningTokens)],
 		["计费输入", fmtNum(rec.billedInput)],
@@ -451,11 +451,14 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 							<button className="dtok-btn tiny" onClick={() => delRow(i)}>删除模型</button>
 						</div>
 						<div className="dtok-price-grid">
-							<div className="dtok-price-field"><label>基准输入</label>{num(r.input, (v) => patchRow(i, { input: v }))}</div>
+							<div className="dtok-price-field"><label>基准输入（缓存命中）</label>{num(r.cacheRead, (v) => patchRow(i, { cacheRead: v }))}</div>
+							<div className="dtok-price-field"><label>基准输入（缓存未命中）</label>{num(r.input, (v) => patchRow(i, { input: v }))}</div>
 							<div className="dtok-price-field"><label>基准输出</label>{num(r.output, (v) => patchRow(i, { output: v }))}</div>
-							<div className="dtok-price-field"><label>基准缓存命中</label>{num(r.cacheRead, (v) => patchRow(i, { cacheRead: v }))}</div>
 							<div className="dtok-price-field"><label>基准缓存写入</label>{num(r.cacheWrite, (v) => patchRow(i, { cacheWrite: v }))}</div>
 						</div>
+						<div className="dtok-price-hint" style={{ marginTop: 2 }}>
+							缓存写入＝未命中缓存、本次新建缓存的那部分输入（Claude 等按溢价单独收建缓存费）；DeepSeek 不收此项，填 0 即可。
+						</div>
 						<div className="dtok-price-hint" style={{ marginTop: 2 }}>
 							分时段价（可多段，命中哪段用哪段；时段外回落到基准价。start&gt;end 表示跨零点，如 23~7；start=end 表示全天）
 						</div>
@@ -467,14 +470,14 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 								<span className="dtok-pseg-tilde">~</span>
 								{num(s.end, (v) => patchSeg(i, k, { end: v }), { width: 56 })}
 								<span className="dtok-pseg-tilde">时</span>
-								{segNum(s.input, (v) => patchSeg(i, k, { input: v }), "输入")}
-								{segNum(s.output, (v) => patchSeg(i, k, { output: v }), "输出")}
 								{segNum(s.cacheRead, (v) => patchSeg(i, k, { cacheRead: v }), "缓存命中")}
-								{segNum(s.cacheWrite, (v) => patchSeg(i, k, { cacheWrite: v }), "缓存写入")}
+								{segNum(s.input, (v) => patchSeg(i, k, { input: v }), "未命中")}
+								{segNum(s.output, (v) => patchSeg(i, k, { output: v }), "输出")}
+								{segNum(s.cacheWrite, (v) => patchSeg(i, k, { cacheWrite: v }), "写入")}
 								<button className="dtok-btn tiny" onClick={() => delSeg(i, k)}>删除时段</button>
 							</div>
 						))}
-						<div className="dtok-price-hint" style={{ opacity: .85 }}>时段价从左到右：输入 / 输出 / 缓存命中 / 缓存写入</div>
+						<div className="dtok-price-hint" style={{ opacity: .85 }}>时段价从左到右：输入（命中）/ 输入（未命中）/ 输出 / 缓存写入</div>
 						<button className="dtok-btn tiny" onClick={() => addSeg(i)}>+ 添加时段</button>
 					</div>
 				))}
@@ -492,9 +495,9 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 			<div>
 				<div className="dtok-section-title" style={{ margin: "0 0 4px" }}>兜底单价（未匹配任何条目时使用）</div>
 				<div className="dtok-price-grid">
-					<div className="dtok-price-field"><label>输入</label>{num(fb.input, (v) => setFb((s) => Object.assign({}, s, { input: v })))}</div>
+					<div className="dtok-price-field"><label>输入（缓存命中）</label>{num(fb.cacheRead, (v) => setFb((s) => Object.assign({}, s, { cacheRead: v })))}</div>
+					<div className="dtok-price-field"><label>输入（缓存未命中）</label>{num(fb.input, (v) => setFb((s) => Object.assign({}, s, { input: v })))}</div>
 					<div className="dtok-price-field"><label>输出</label>{num(fb.output, (v) => setFb((s) => Object.assign({}, s, { output: v })))}</div>
-					<div className="dtok-price-field"><label>缓存命中</label>{num(fb.cacheRead, (v) => setFb((s) => Object.assign({}, s, { cacheRead: v })))}</div>
 					<div className="dtok-price-field"><label>缓存写入</label>{num(fb.cacheWrite, (v) => setFb((s) => Object.assign({}, s, { cacheWrite: v })))}</div>
 				</div>
 			</div>
@@ -504,11 +507,11 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 					<summary className="dtok-price-hint" style={{ cursor: "pointer" }}>查看内置默认单价（{cfg.builtin.length} 条，自定义配置未命中时按此兜底）</summary>
 					<div className="dtok-table-wrap" style={{ marginTop: 6 }}>
 						<table className="dtok-table">
-							<thead><tr><th>匹配</th><th>输入</th><th>输出</th><th>缓存命中</th><th>缓存写入</th><th>分时段</th></tr></thead>
+							<thead><tr><th>匹配</th><th>输入(命中)</th><th>输入(未命中)</th><th>输出</th><th>缓存写入</th><th>分时段</th></tr></thead>
 							<tbody>
 								{cfg.builtin.map((b) => (
 									<tr key={b.match}>
-										<td>{b.match}</td><td>{b.input}</td><td>{b.output}</td><td>{b.cacheRead}</td><td>{b.cacheWrite}</td>
+										<td>{b.match}</td><td>{b.cacheRead}</td><td>{b.input}</td><td>{b.output}</td><td>{b.cacheWrite}</td>
 										<td>{b.peaks && b.peaks.length ? b.peaks.map((s) => s.start + "~" + s.end).join("、") + "时" : "—"}</td>
 									</tr>
 								))}
@@ -528,8 +531,10 @@ function PricingEditor({ onClose, onSaved, embedded }) {
 
 // ---------- 主视图（嵌入 dock 面板内容区） ----------
 export function TokenLogView(props) {
-	// props.params.sessionId（chips 点击带入）：立即按该会话筛选并查询
+	// props.params.sessionId（chips 点击带入）：立即按该会话筛选并查询。
+	// navAt：每次 chip 点击的时间戳——面板已打开时再次点击（即便同一会话）也触发重查。
 	const navSession = props && props.params && props.params.sessionId ? props.params.sessionId : null;
+	const navAt = props && props.params && props.params.navAt ? props.params.navAt : 0;
 	// 挂载即视为「打开」：恢复上次暂存的条件(时间不选=显示全部记录); savedFilters 稳定快照, 仅初始化时读取一次
 	const [savedFilters] = useState(loadSavedFilters);
 	const [fromStr, setFromStr] = useState(() => (savedFilters && savedFilters.fromStr) || "");
@@ -538,7 +543,8 @@ export function TokenLogView(props) {
 	const [model, setModel] = useState(() => (savedFilters && savedFilters.model) || "");
 	const [status, setStatus] = useState(() => (savedFilters && savedFilters.status) || "");
 	const [effort, setEffort] = useState(() => (savedFilters && savedFilters.effort) || "");
-	const [sessionId, setSessionId] = useState(() => (savedFilters && savedFilters.sessionId) || "");
+	// 会话入口（chip/深链）带入的 sessionId 优先于暂存条件：下拉框初值即选中该会话
+	const [sessionId, setSessionId] = useState(() => navSession || (savedFilters && savedFilters.sessionId) || "");
 	const [dim, setDim] = useState(() => (savedFilters && savedFilters.dim) || "");
 	const [sortKey, setSortKey] = useState("time");
 	const [sortDir, setSortDir] = useState("desc");
@@ -572,6 +578,9 @@ export function TokenLogView(props) {
 			if (savedFilters.sessionId) q.sessionId = savedFilters.sessionId;
 			if (savedFilters.dim) q.dim = savedFilters.dim;
 		}
+		// 从会话入口点入时按带入的会话查（优先于暂存条件）：打开即出当前会话结果，
+		// 不再需要手动点「查询」。只保留这一条初始查询，避免并发的会话查询被本链路覆盖。
+		if (navSession) q.sessionId = navSession;
 		rpcCall("scan", {})
 			.then(() => (cancel ? null : rpcCall("query", q)))
 			.then((d) => {
@@ -606,16 +615,20 @@ export function TokenLogView(props) {
 			.finally(() => setLoading(false));
 	}, [buildQ]);
 
-	// chips 定位：按带入的会话立即筛选查询（覆盖暂存条件里的会话项）
+	// chips 定位：面板已打开时再次从会话入口点击 → 立即按该会话筛选查询。
+	// 挂载时的首次带入已并入初始查询（sessionId 初值 + 挂载 effect），以 navAt 判同跳过，
+	// 避免打开面板时同一条件跑两遍、且挂载查询链路较慢把会话结果覆盖回全量。
+	const navAppliedRef = useRef(navAt);
 	useEffect(() => {
-		if (!navSession) return;
+		if (!navSession || navAppliedRef.current === navAt) return;
+		navAppliedRef.current = navAt;
 		setSessionId(navSession);
 		setLoading(true); setErr("");
 		rpcCall("query", Object.assign({}, buildQ(true), { sessionId: navSession }))
 			.then((d) => { setData(d); setPage(0); })
 			.catch((e) => setErr(String((e && e.message) || e)))
 			.finally(() => setLoading(false));
-	}, [navSession]);
+	}, [navAt]);
 
 	// 重置: 清空所有筛选(时间不选=显示全部记录), 并立即查询
 	const resetFilters = useCallback(() => {		setFromStr(""); setToStr("");
@@ -684,8 +697,8 @@ export function TokenLogView(props) {
 	const cards = totals ? [
 		{ v: fmtNum(totals.calls), l: "调用次数" },
 		{ v: fmtCompact(totals.totalTokens), l: "总 Token" },
-		{ v: fmtCompact(totals.inputTokens), l: "输入(未缓存)" },
-		{ v: fmtCompact(totals.cacheReadTokens), l: "缓存命中" },
+		{ v: fmtCompact(totals.cacheReadTokens), l: "输入(命中)" },
+		{ v: fmtCompact(totals.inputTokens), l: "输入(未命中)" },
 		{ v: totals.cacheHitPct + "%", l: "缓存命中率" },
 		{ v: fmtCompact(totals.outputTokens), l: "输出" },
 		{ v: fmtCostCny(totals.cost, rateCny), l: "消耗金额(估算·人民币)" },
@@ -702,8 +715,8 @@ export function TokenLogView(props) {
 
 	const summaryRows = (data && data.summary || []).map((r) => (
 		<tr key={r.key}>
-			<td>{r.key}</td><td>{fmtNum(r.calls)}</td><td>{fmtCompact(r.inputTokens)}</td>
-			<td>{fmtCompact(r.cacheReadTokens)}</td><td>{r.cacheHitPct + "%"}</td><td>{fmtCompact(r.outputTokens)}</td>
+			<td>{r.key}</td><td>{fmtNum(r.calls)}</td><td>{fmtCompact(r.cacheReadTokens)}</td>
+			<td>{fmtCompact(r.inputTokens)}</td><td>{r.cacheHitPct + "%"}</td><td>{fmtCompact(r.outputTokens)}</td>
 			<td>{fmtCompact(r.totalTokens)}</td>
 			<td>{fmtCostCny(r.cost, rateCny)}</td>
 			<td>{fmtDuration(r.llmMs)}</td>
@@ -724,8 +737,8 @@ export function TokenLogView(props) {
 				<td><span className="dtok-sid" title="点击按此会话筛选" onClick={() => { setSessionId(r.sessionId); runQuery(); }}>{shortId(r.sessionId)}</span></td>
 				<td>{r.provider || "—"}</td>
 				<td>{r.model || "—"}</td>
-				<td>{fmtNum(r.inputTokens)}</td>
 				<td>{fmtNum(r.cacheReadTokens)}</td>
+				<td>{fmtNum(r.inputTokens)}</td>
 				<td>{r.cacheHitPercent + "%"}</td>
 				<td>{fmtNum(r.outputTokens)}</td>
 				<td>{fmtNum(r.reasoningTokens)}</td>
@@ -756,7 +769,7 @@ export function TokenLogView(props) {
 		<div key="sumtab" className="dtok-table-wrap">
 			<table className="dtok-table">
 				<thead><tr>
-					<th>维度</th><th>调用</th><th>输入</th><th>缓存</th><th>命中率</th><th>输出</th><th>总Token</th><th>金额（人民币）</th><th>耗时</th>
+					<th>维度</th><th>调用</th><th>输入(命中)</th><th>输入(未命中)</th><th>命中率</th><th>输出</th><th>总Token</th><th>金额（人民币）</th><th>耗时</th>
 				</tr></thead>
 				<tbody>{summaryRows}</tbody>
 			</table>
@@ -788,7 +801,7 @@ export function TokenLogView(props) {
 				<table className="dtok-table">
 					<thead><tr>
 						{sortTh("时间", "time")}{sortTh("会话ID", "sessionId")}{sortTh("提供商", "provider")}{sortTh("模型", "model")}
-						{sortTh("输入", "inputTokens")}{sortTh("缓存", "cacheReadTokens")}{sortTh("命中%", "cacheHitPercent")}{sortTh("输出", "outputTokens")}
+						{sortTh("输入(命中)", "cacheReadTokens")}{sortTh("输入(未命中)", "inputTokens")}{sortTh("命中%", "cacheHitPercent")}{sortTh("输出", "outputTokens")}
 						{sortTh("推理", "reasoningTokens")}{sortTh("总额", "totalTokens")}{sortTh("金额（人民币）", "cost")}{sortTh("强度", "effort")}
 						{sortTh("状态", "status")}{sortTh("耗时", "llmMs")}
 					</tr></thead>
@@ -899,7 +912,7 @@ export function TokenLogChip(props) {
 		: (snap.err ? snap.err + "\n" : "") + "点击在功能坞查看用量记录";
 	return (
 		<button type="button" className={"dockchip" + (snap.err && !t ? " err" : "")} title={title} aria-label="会话用量"
-			onClick={() => openPanel("tokenlog", { sessionId: sid })}>
+			onClick={() => openPanel("tokenlog", { sessionId: sid, navAt: Date.now() })}>
 			<span className="dockchip-dot" style={{ background: "var(--dk-warn)" }} />
 			<span>{label}</span>
 		</button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-dock",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "DeepSeek Harness 功能坞插件（dsh-dock）：模块化功能中枢——每个功能一个 features/ 模块（可单独提取成包发布，又可经 dockBridge 装回面板）。含用量记录（LLM 调用记账/费用统计，支持各模型自定义单价与多段分时价）、模型设置、图片理解代理、模型余额、任务动画（19 种运行动画 + 桌面伙伴 3D 场景）、任务通知（完成/异常/需确认通知、提示音、系统通知、钉钉/飞书推送）、运行状态（进行中任务与最近完成一览）；侧栏入口 + 可拖拽弹窗（最大化/最小化/缩放）。",
   "type": "module",
   "main": "index.js",

package/src/client.jsx

@@ -30,7 +30,7 @@ import { feature as fGames } from "../features/games/view.jsx";
 import { feature as fMobileRelay } from "../features/mobile-relay/view.jsx";
 
 const name = "dsh-dock";
-const DOCK_VERSION = "0.11.0";
+const DOCK_VERSION = "0.11.2";
 
 // ---- 内置功能注册表：新功能 = features/<id>/ 加模块 + 这里 import 一行 ----
 const BUILTIN_FEATURES = [fTokenlog, fModelconfig, fHeartbeat, fTheme, fBalance, fAnimation, fNotify, fRunState, fGames, fMobileRelay];
@@ -206,11 +206,14 @@ const SHELL_CSS = [
 	//     注意：旧上限 min(280px,36cqw) 仍偏宽——标准 780px 输入卡下（.row 内容约 762px），
 	//     add 钮(28)+工作区选择器(~214)+chips(280) 已与右侧模型选择器+发送键（~345px）合计超宽，
 	//     即便 chips 未截断 .row 也会换行把模型选择器/发送键挤到第二行。实测把上限收到 189px
-	//     （≈25cqw）并使 chips 内距收紧（padding 2px 6px、gap 2px）后，实测 4~6M 用量 + 余额
-	//     两 chip 可完整显示且不再换行；超限时仍被省略号截断，完整值在 title 悬浮提示里。
+	//     （≈25cqw）并使 chips 内距收紧（padding 2px 6px、gap 2px）后，「4~6M 用量 + 余额」
+	//     两 chip 可完整显示且不再换行。v0.11.2：配置单价后费用段「· ¥0.03」让两 chip 合计
+	//     约需 204px，189px 恰好截掉约 2 个数字（费用/余额小数位看不到）——按用户反馈放宽到
+	//     216px（≈28cqw），标准卡下实测完整显示；若再出现把模型选择器挤换行，优先压缩用量
+	//     chip 的 ⛁ 前缀换空间，别再收这个上限。超限仍省略号截断，完整值在 title 悬浮提示里。
 	//  2) 截断：超限部分用省略号截断（完整数值在 title 悬浮提示里），防 chips 凸出输入卡圆角（悬空）。
-	".dockchip-row{display:inline-flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;overflow:hidden;max-width:189px;}",
-	"@supports (width:1cqw){.dockchip-row{max-width:min(189px,25cqw);}}",
+	".dockchip-row{display:inline-flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;overflow:hidden;max-width:216px;}",
+	"@supports (width:1cqw){.dockchip-row{max-width:min(216px,28cqw);}}",
 	".dockchip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:8px;padding:2px 6px;font-family:inherit;font-size:11px;line-height:18px;white-space:nowrap;min-width:0;overflow:hidden;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
 	".dockchip > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}",
 	".dockchip:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);}",