dsh-context 0.10.2 → 0.10.3

package/README.md

@@ -40,7 +40,7 @@ Type `/context` (or pick it from the `/` menu) and press Enter: a centered dialo
 
 ### 📊 Context stats — the session at a glance
 
-Turns, steps, how much context has been recycled by compactions and prunes, how many injections happened, model switches, and the estimated total tokens sent — next to the provider-reported actuals, so you can see how the estimate holds up.
+Turns, steps, how many injections, compactions, and prunes have happened.
 
 ### 🧱 Current composition — what's in the window right now
 

package/lib/client.js

@@ -25,13 +25,15 @@ var DICT_ZH = {
   "stats.hint": "\u7EDF\u8BA1\u5F53\u524D\u4FDD\u7559\u7684\u5386\u53F2\u7A97\u53E3\uFF08\u4E0E\u8D8B\u52BF\u56FE\u4E00\u81F4\uFF09",
   "stats.turns": "\u8F6E\u6B21",
   "stats.steps": "\u6B65\u6570",
-  "stats.recycled": "\u2702 \u56DE\u6536",
-  "stats.recycleSub": "\u538B\u7F29 {c} \u6B21 \xB7 \u526A\u679D {p} \u6B21",
-  "stats.injects": "\uFF0B \u6CE8\u5165",
-  "stats.switches": "\u21C4 \u6A21\u578B\u5207\u6362",
-  "stats.est": "\u2248 \u7D2F\u8BA1\u4F30\u7B97",
-  "stats.actualPrompt": "\u5B9E\u9645 prompt",
-  "stats.output": "\u8F93\u51FA",
+  "stats.injects": "\u6CE8\u5165",
+  "stats.compactions": "\u538B\u7F29",
+  "stats.prunes": "\u526A\u679D",
+  "plugin.title": "\u63D2\u4EF6\u4FE1\u606F",
+  "plugin.hint": "\u611F\u8C22\u4F7F\u7528 \xB7 \u6B22\u8FCE Star \u4E0E\u53CD\u9988 \u2B50",
+  "plugin.name": "\u63D2\u4EF6",
+  "plugin.version": "\u7248\u672C",
+  "plugin.updateBadge": "Update!",
+  "plugin.updateTip": "\u65B0\u7248\u672C v{v} \u53EF\u7528 \xB7 \u6267\u884C dsh plugin --profile web add dsh-context \u66F4\u65B0\uFF08\u70B9\u51FB\u524D\u5F80 npm\uFF09",
   "tools.top": "\u5DE5\u5177\u5B9A\u4E49 Top\uFF1A",
   "tools.more": "\u7B49 {n} \u4E2A",
   "trend.title": "\u5386\u53F2\u8D8B\u52BF",
@@ -98,13 +100,15 @@ var DICT_EN = {
   "stats.hint": "Over the retained history window (same as the History chart)",
   "stats.turns": "Turns",
   "stats.steps": "Steps",
-  "stats.recycled": "\u2702 Recycled",
-  "stats.recycleSub": "{c} compactions \xB7 {p} prunes",
-  "stats.injects": "\uFF0B Injections",
-  "stats.switches": "\u21C4 Model switches",
-  "stats.est": "\u2248 Estimated total",
-  "stats.actualPrompt": "actual prompt",
-  "stats.output": "output",
+  "stats.injects": "Injections",
+  "stats.compactions": "Compactions",
+  "stats.prunes": "Prunes",
+  "plugin.title": "Plugin info",
+  "plugin.hint": "Thanks for using \u2014 stars & feedback welcome \u2B50",
+  "plugin.name": "Plugin",
+  "plugin.version": "Version",
+  "plugin.updateBadge": "Update!",
+  "plugin.updateTip": "v{v} available \u2014 run `dsh plugin --profile web add dsh-context` to update (click for npm)",
   "tools.top": "Top tool schemas:",
   "tools.more": "of {n}",
   "trend.title": "History",
@@ -656,8 +660,8 @@ var STYLES = [
   ".lc-card-title { font-weight: 600; margin-bottom: 10px; display: flex; align-items: baseline; gap: 8px; }",
   ".lc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 8px; }",
   ".lc-stat { background: var(--dsw-alias-bg-layer-2); border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }",
-  ".lc-stat-label { color: var(--dsw-alias-label-secondary); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }",
-  ".lc-stat-value { color: var(--dsw-alias-label-primary); font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }",
+  ".lc-stat-label { color: var(--dsw-alias-label-secondary); font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }",
+  ".lc-stat-value { color: var(--dsw-alias-label-primary); font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }",
   ".lc-stat-sub { color: var(--dsw-alias-label-secondary); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }",
   ".lc-card-sub { font-weight: 400; color: var(--dsw-alias-label-secondary); font-size: 12px; }",
   ".lc-gran { margin-left: auto; display: flex; gap: 2px; background: var(--dsw-alias-bg-layer-2); border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; padding: 1px; }",
@@ -746,6 +750,19 @@ var STYLES = [
   ".lc-detail-pct { width: 34px; text-align: right; color: var(--dsw-alias-label-secondary); }",
   ".lc-cols { display: flex; gap: 14px; flex-wrap: wrap; }",
   ".lc-col { flex: 1; min-width: 280px; }",
+  // Head row: the stats board (five cells) takes the wider share, the plugin
+  // card (three cells) the narrower — both wrap onto their own line when tight.
+  ".lc-col-stats { flex: 3; min-width: 380px; }",
+  ".lc-col-plugin { flex: 2; min-width: 260px; }",
+  ".lc-stat-link { color: var(--dsw-alias-brand-primary); text-decoration: none; font-weight: 600; }",
+  // Whole-cell link (Plugin info): the anchor carries the stat-cell chrome,
+  // so the entire padded box is one hit target; hovering anywhere on it
+  // underlines the value and tints the border for affordance.
+  ".lc-stat-cell { text-decoration: none; cursor: pointer; transition: border-color 120ms ease; }",
+  ".lc-stat-cell:hover { border-color: var(--dsw-alias-brand-primary); }",
+  ".lc-stat:hover .lc-stat-link { text-decoration: underline; }",
+  // "Update!" pill inside the version cell (update = good news -> brand fill).
+  ".lc-update-badge { margin-left: 6px; font-size: 10px; font-weight: 600; background: var(--dsw-alias-button-primary-fill); color: var(--dsw-alias-label-primary-foreground); border-radius: 4px; padding: 1px 6px; }",
   ".lc-events, .lc-nodes { display: flex; flex-direction: column; gap: 2px; max-height: 320px; overflow-y: auto; }",
   ".lc-event { display: flex; align-items: center; gap: 8px; padding: 3px 0; }",
   ".lc-event-icon { width: 18px; text-align: center; color: var(--dsw-alias-state-warn-primary); }",
@@ -867,36 +884,63 @@ function makeNodeList(kit) {
   };
 }
 
+// src/client/meta.ts
+var PLUGIN_NAME = "dsh-context";
+var PLUGIN_VERSION = true ? "0.10.3" : "0.0.0-dev";
+var PLUGIN_REPO = true ? "https://github.com/bowenliang123/dsh-context" : "https://github.com/bowenliang123/dsh-context";
+var PLUGIN_NPM = "https://www.npmjs.com/package/" + PLUGIN_NAME;
+var PLUGIN_REPO_SHORT = PLUGIN_REPO.replace(/^https?:\/\/github\.com\//, "");
+
+// src/client/components/pluginInfo.tsx
+var latestCache;
+function makePluginInfo(kit) {
+  const { t, tr } = kit;
+  return function PluginInfo() {
+    const [latest, setLatest] = React.useState(latestCache);
+    React.useEffect(() => {
+      if (latestCache !== void 0) return void 0;
+      let alive = true;
+      fetch("https://registry.npmjs.org/" + PLUGIN_NAME + "/latest").then((res) => res.ok ? res.json() : null).then((body) => {
+        if (!alive) return;
+        latestCache = body && typeof body.version === "string" ? body.version : null;
+        setLatest(latestCache);
+      }).catch(() => {
+        if (!alive) return;
+        latestCache = null;
+        setLatest(null);
+      });
+      return () => {
+        alive = false;
+      };
+    }, []);
+    const update = typeof latest === "string" && latest !== PLUGIN_VERSION;
+    const cell = (label, value, href, title) => /* @__PURE__ */ React.createElement("a", { className: "lc-stat lc-stat-cell", href, target: "_blank", rel: "noreferrer", title }, /* @__PURE__ */ React.createElement("span", { className: "lc-stat-label" }, label), /* @__PURE__ */ React.createElement("b", { className: "lc-stat-value lc-stat-link" }, value));
+    return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col lc-col-plugin" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("plugin.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("plugin.hint"))), /* @__PURE__ */ React.createElement("div", { className: "lc-stats" }, cell(t("plugin.name"), PLUGIN_NAME, PLUGIN_REPO), cell(
+      t("plugin.version"),
+      /* @__PURE__ */ React.createElement(React.Fragment, null, "v" + PLUGIN_VERSION, update ? /* @__PURE__ */ React.createElement("span", { className: "lc-update-badge" }, t("plugin.updateBadge")) : null),
+      PLUGIN_NPM,
+      update ? tr("plugin.updateTip", { v: latest ?? "" }) : void 0
+    ), cell("GitHub", PLUGIN_REPO_SHORT + " \u2197", PLUGIN_REPO)));
+  };
+}
+
 // src/client/components/statsBoard.tsx
 function makeStatsBoard(kit) {
-  const { t, tr, fmt: fmt3 } = kit;
+  const { t, fmt: fmt3 } = kit;
   return function StatsBoard(props) {
     const turns = /* @__PURE__ */ new Set();
-    let steps = 0, compactions = 0, prunes = 0, injects = 0, switches = 0;
-    let recycled = 0, est = 0, prompt = 0, output = 0;
+    let steps = 0, compactions = 0, prunes = 0, injects = 0;
     for (const req of props.requests) {
       turns.add(req.turn ?? 0);
       steps++;
-      est += req.total;
-      if (typeof req.prompt === "number") prompt += req.prompt;
-      if (typeof req.output === "number") output += req.output;
     }
     for (const ev of props.events) {
-      if (ev.kind === "compaction") {
-        compactions++;
-        recycled += ev.tokens || 0;
-      } else if (ev.kind === "prune") {
-        prunes++;
-        recycled += ev.tokens || 0;
-      } else if (ev.kind === "inject") injects++;
-      else if (ev.kind === "model") switches++;
+      if (ev.kind === "compaction") compactions++;
+      else if (ev.kind === "prune") prunes++;
+      else if (ev.kind === "inject") injects++;
     }
-    const cell = (label, value, sub) => /* @__PURE__ */ React.createElement("div", { className: "lc-stat" }, /* @__PURE__ */ React.createElement("span", { className: "lc-stat-label" }, label), /* @__PURE__ */ React.createElement("b", { className: "lc-stat-value" }, value), sub !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-stat-sub" }, sub) : null);
-    return /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("stats.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("stats.hint"))), /* @__PURE__ */ React.createElement("div", { className: "lc-stats" }, cell(t("stats.turns"), fmt3(turns.size)), cell(t("stats.steps"), fmt3(steps)), cell(
-      t("stats.recycled"),
-      recycled > 0 ? "\u2212" + fmt3(recycled) : "0",
-      tr("stats.recycleSub", { c: compactions, p: prunes })
-    ), cell(t("stats.injects"), fmt3(injects)), cell(t("stats.switches"), fmt3(switches)), cell(t("stats.est"), "\u2248 " + fmt3(est)), cell(t("stats.actualPrompt"), fmt3(prompt)), cell(t("stats.output"), fmt3(output))));
+    const cell = (label, value) => /* @__PURE__ */ React.createElement("div", { className: "lc-stat" }, /* @__PURE__ */ React.createElement("span", { className: "lc-stat-label" }, label), /* @__PURE__ */ React.createElement("b", { className: "lc-stat-value" }, value));
+    return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-col lc-col-stats" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("stats.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("stats.hint"))), /* @__PURE__ */ React.createElement("div", { className: "lc-stats" }, cell(t("stats.turns"), fmt3(turns.size)), cell(t("stats.steps"), fmt3(steps)), cell(t("stats.injects"), fmt3(injects)), cell(t("stats.compactions"), fmt3(compactions)), cell(t("stats.prunes"), fmt3(prunes))));
   };
 }
 
@@ -911,6 +955,7 @@ function makeContextView(ctx, kit) {
   const EventList = makeEventList(kit);
   const NodeList = makeNodeList(kit);
   const StatsBoard = makeStatsBoard(kit);
+  const PluginInfo = makePluginInfo(kit);
   return function ContextView(props) {
     const sessionId = props.sessionId;
     const data = typeof props.useProjection === "function" ? timelineOf(props.useProjection("contextTimeline")) : null;
@@ -975,7 +1020,7 @@ function makeContextView(ctx, kit) {
       }
     }
     const head = headlineOf(data, pressure);
-    return /* @__PURE__ */ React.createElement("div", { className: "lc-root", ref: rootRef }, /* @__PURE__ */ React.createElement(StatsBoard, { requests, events }), /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("overview.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, (data.model ? data.model : "") + (data.provider ? " \xB7 " + data.provider : ""))), /* @__PURE__ */ React.createElement("div", { className: "lc-overview-num" }, /* @__PURE__ */ React.createElement("b", null, fmt3(head.tokens)), /* @__PURE__ */ React.createElement("span", null, head.window ? " / " + fmt3(head.window) + " " + tr("overview.ofWindow", { p: head.pct ?? 0 }) : " " + t("overview.estimate")), !head.estimated ? /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("overview.splitEst")) : null), /* @__PURE__ */ React.createElement(StackedBar, { parts: head.parts, height: 16, max: head.window, hoverKey: hoverCat, onHoverKey: setHoverCat }), /* @__PURE__ */ React.createElement(Legend, { parts: head.parts, hoverKey: hoverCat, onHoverKey: setHoverCat }), data.toolList && data.toolList.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-tools" }, t("tools.top"), data.toolList.slice().sort((a, b) => b.tokens - a.tokens).slice(0, 5).map((tool) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "lc-root", ref: rootRef }, /* @__PURE__ */ React.createElement("div", { className: "lc-cols" }, /* @__PURE__ */ React.createElement(StatsBoard, { requests, events }), /* @__PURE__ */ React.createElement(PluginInfo, null)), /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("overview.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, (data.model ? data.model : "") + (data.provider ? " \xB7 " + data.provider : ""))), /* @__PURE__ */ React.createElement("div", { className: "lc-overview-num" }, /* @__PURE__ */ React.createElement("b", null, fmt3(head.tokens)), /* @__PURE__ */ React.createElement("span", null, head.window ? " / " + fmt3(head.window) + " " + tr("overview.ofWindow", { p: head.pct ?? 0 }) : " " + t("overview.estimate")), !head.estimated ? /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("overview.splitEst")) : null), /* @__PURE__ */ React.createElement(StackedBar, { parts: head.parts, height: 16, max: head.window, hoverKey: hoverCat, onHoverKey: setHoverCat }), /* @__PURE__ */ React.createElement(Legend, { parts: head.parts, hoverKey: hoverCat, onHoverKey: setHoverCat }), data.toolList && data.toolList.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-tools" }, t("tools.top"), data.toolList.slice().sort((a, b) => b.tokens - a.tokens).slice(0, 5).map((tool) => {
       return /* @__PURE__ */ React.createElement("span", { key: tool.name, className: "lc-tool-chip" }, tool.name + " " + fmt3(tool.tokens));
     }), data.toolList.length > 5 ? /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, " " + tr("tools.more", { n: data.toolList.length })) : null) : null), /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, t("trend.title"), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("trend.hint")), /* @__PURE__ */ React.createElement("div", { className: "lc-gran" }, /* @__PURE__ */ React.createElement(
       "button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "A DeepSeek Harness plugin for context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "author": "bowenliang123",
   "repository": {