dsh-ws-recency 0.10.1 → 0.10.3

package/README.md

@@ -65,7 +65,7 @@ DSH 原生的置顶只把会话顶到**它所属工作区分组的第一行**，
 
 ## 六、Token 消耗统计
 
-会话「…」菜单 →「Token 消耗统计」：
+会话下方统计条上的「用量分析」，或会话「…」菜单 →「Token 消耗统计」：
 
 - **真实账单**（每步记录的 usage）：步数、输入（未缓存）、缓存命中、输出、合计；
 - **结构占比**（按内容估算）：主 agent 自己（思考 / 回复 / 用户消息 / 系统提示）vs 每个工具，一条占比条 + 图例；
@@ -110,7 +110,7 @@ dsh plugin --profile <profile> add github:chyxhtc/dsh-ws-recency
 或固定版本的预构建包：
 
 ```powershell
-dsh plugin --profile <profile> add https://github.com/chyxhtc/dsh-ws-recency/releases/download/v0.10.1/dsh-ws-recency-0.10.1.tgz
+dsh plugin --profile <profile> add https://github.com/chyxhtc/dsh-ws-recency/releases/download/v0.10.3/dsh-ws-recency-0.10.3.tgz
 ```
 
 装完把 `dsh-ws-recency` 加进 `~/.hypers-work/profiles/<profile>/package.json` 的 `dsh.profile.bundles`，重启应用。

package/client.js

@@ -85,6 +85,7 @@
         var pinHidden = new Set();
         var pinHost = null;
         var expandClicks = new Map();
+        var composerPill = null;
         var expandedSections = new Set();
         var headerMarked = new WeakSet();
         var disposed = false;
@@ -104,6 +105,8 @@
           ".wsr-pin-unpin{flex:none;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;visibility:hidden}",
           ".wsr-pin-row:hover .wsr-pin-unpin{visibility:visible}",
           ".wsr-pin-unpin:hover{color:var(--dsw-alias-label-primary)}",
+          ".wsr-pill{box-sizing:border-box;border:none;background:0 0;color:var(--dsw-alias-label-tertiary);font:inherit;font-variant-numeric:tabular-nums;line-height:inherit;white-space:nowrap;border-radius:var(--dsw-radius-sm,6px);display:inline-flex;align-items:center;gap:6px;padding:1px 8px;cursor:pointer}",
+          ".wsr-pill:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));color:var(--dsw-alias-label-secondary,#cfd3d8)}",
           ".wsr-modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}",
           ".wsr-modal{width:min(720px,92vw);max-height:84vh;display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-1,#1f2226);color:var(--dsw-alias-label-primary,#e8e8e8);border:.5px solid var(--dsw-alias-border-l2,rgba(255,255,255,.14));border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.45);overflow:hidden}",
           ".wsr-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid var(--dsw-alias-border-l2,rgba(255,255,255,.1))}",
@@ -181,6 +184,7 @@
           "stats.agentDetail": "主 agent 构成：思考 {reasoning} · 回复 {text} · 用户消息 {user} · 系统提示 {system}",
           "stats.diagnose.unmounted": "\n\n（宿主半已加载，但统计路由没挂上——重启应用再试）",
           "stats.diagnose.noHost": "\n\n（宿主半未加载：需要重启应用加载新版本）",
+          "composer.analysis": "用量分析",
           "trash.confirm": "\u5220\u9664\u8fd9\u4e2a\u4f1a\u8bdd\uff1f\n\n\u4f1a\u5148\u505c\u6b62\u5b83\u6b63\u5728\u8fdb\u884c\u7684\u5de5\u4f5c\uff0c\u518d\u628a\u65e5\u5fd7\u76ee\u5f55\u79fb\u5165\u56de\u6536\u7ad9\uff08\u4e0d\u662f\u7269\u7406\u5220\u9664\uff0c\u53ef\u4ee5\u624b\u52a8\u6062\u590d\uff09\u3002",
           "trash.failed": "\u5220\u9664\u5931\u8d25\uff1a",
         };
@@ -221,17 +225,32 @@
           "stats.agentDetail": "Agent composition: reasoning {reasoning} \u00b7 reply {text} \u00b7 user messages {user} \u00b7 system prompt {system}",
           "stats.diagnose.unmounted": "\n\n(the host half is loaded but the statistics route did not mount - restart the app and retry)",
           "stats.diagnose.noHost": "\n\n(the host half is not loaded: restart the app to pick up the new version)",
+          "composer.analysis": "Usage analysis",
           "trash.confirm": "Delete this session?\n\nIt stops whatever the session is running, then moves the log directory into the trash folder (a move, not an erase: you can restore it by hand).",
           "trash.failed": "Delete failed: ",
         };
 
-        var FALLBACK = { "fold.show": "Show history ({n})", "fold.hide": "Hide history" };
+        /* Resolved lazily: the dictionaries are declared further down this closure. */
+        var resolvedDictionary = null;
+
+        function fallbackDictionary() {
+          if (resolvedDictionary !== null) return resolvedDictionary;
+          var language = "";
+          /* The page's own lang wins: it is what the UI is actually rendered in. */
+          try { if (typeof document !== "undefined" && document.documentElement !== null && document.documentElement !== undefined) language = document.documentElement.lang || ""; } catch (error) { language = ""; }
+          try { if (language === "" && typeof navigator !== "undefined" && navigator.language) language = navigator.language; } catch (error) { /* keep empty */ }
+          resolvedDictionary = String(language).toLowerCase().indexOf("zh") === 0 ? ZH : EN;
+          return resolvedDictionary;
+        }
 
         function t(key, params) {
           if (typeof data.t === "function") {
-            try { return data.t(key, params); } catch (error) { /* fall back below */ }
+            var translated = null;
+            try { translated = data.t(key, params); } catch (error) { translated = null; }
+            if (typeof translated === "string" && translated !== key) return translated;
           }
-          var text = FALLBACK[key] || key;
+          var dictionary = fallbackDictionary();
+          var text = (dictionary && dictionary[key]) || key;
           if (params !== undefined && params.n !== undefined) text = text.replace("{n}", String(params.n));
           return text;
         }
@@ -785,20 +804,122 @@
           }
         }
 
+        /** The session the conversation view is showing, from its own DOM hook. */
+        function currentConversationId() {
+          if (typeof document === "undefined") return null;
+          var element = document.querySelector("[data-conversation-session]");
+          if (element === null || typeof element.getAttribute !== "function") return null;
+          var id = element.getAttribute("data-conversation-session");
+          return typeof id === "string" && id !== "" ? id : null;
+        }
+
+        /** The nearest horizontal flex row above the stats: the whole footer dock. */
+        function composerDockOf(row) {
+          var node = row;
+          for (var depth = 0; depth < 4; depth += 1) {
+            var parent = node.parentElement;
+            if (parent === null) break;
+            var style = null;
+            try {
+              style = typeof window !== "undefined" && typeof window.getComputedStyle === "function"
+                ? window.getComputedStyle(parent)
+                : null;
+            } catch (error) {
+              style = null;
+            }
+            if (style !== null && style.display === "flex" && (style.flexDirection === "row" || style.flexDirection === "")) return parent;
+            node = parent;
+          }
+          return row.parentElement === null ? row : row.parentElement;
+        }
+
+        /** The host's own pill in that row, used as the visual template. */
+        function pillTemplateOf(row) {
+          if (typeof row.querySelector !== "function") return null;
+          var button = row.querySelector('button[class*="_pill"]');
+          return button !== null ? button : row.querySelector('[class*="_pill"]');
+        }
+
+        function cloneIconOf(template) {
+          if (template === null || typeof template.querySelector !== "function") return null;
+          var icon = template.querySelector("svg");
+          if (icon === null || typeof icon.cloneNode !== "function") return null;
+          try { return icon.cloneNode(true); } catch (error) { return null; }
+        }
+
+        /**
+         * Add one pill at the END of the composer footer that opens the analysis
+         * panel for the conversation on screen.
+         *
+         * It reuses the host pill's own class names and icon so it reads as part of
+         * the same row, sits after the context ring rather than between the stats,
+         * is re-attached whenever the host re-renders, and disappears with the row.
+         */
+        function decorateComposerStats() {
+          if (typeof document === "undefined") return;
+          var existing = document.querySelector("[data-wsr-composer-analysis]");
+          var seat = document.querySelector("[data-composer-seat]");
+          var anchors = seat === null || typeof seat.querySelectorAll !== "function" ? [] : seat.querySelectorAll("[data-composer-stat]");
+          if (anchors.length === 0 || currentConversationId() === null) {
+            if (existing !== null) existing.remove();
+            composerPill = null;
+            return;
+          }
+          var row = anchors[0].parentElement;
+          if (row === null) return;
+          var dock = composerDockOf(row);
+
+          if (existing === null) {
+            var template = pillTemplateOf(row);
+            var button = document.createElement("button");
+            button.type = "button";
+            button.setAttribute("data-wsr-composer-analysis", "true");
+            var base = template !== null && typeof template.className === "string" ? template.className : "";
+            button.className = base === "" ? "wsr-pill" : base + " wsr-pill";
+            var icon = cloneIconOf(template);
+            if (icon !== null) button.appendChild(icon);
+            var label = document.createElement("span");
+            var labelTemplate = template === null || typeof template.querySelector !== "function" ? null : template.querySelector('[class*="_label"]');
+            label.className = labelTemplate !== null && typeof labelTemplate.className === "string" && labelTemplate.className !== ""
+              ? labelTemplate.className
+              : "wsr-pill-label";
+            label.textContent = t("composer.analysis");
+            button.appendChild(label);
+            button.addEventListener("click", function () {
+              var id = currentConversationId();
+              if (id !== null) openStatsPanel(id);
+            });
+            composerPill = button;
+          } else {
+            composerPill = existing;
+          }
+          var children = dock.children || [];
+          if (composerPill.parentElement !== dock || children[children.length - 1] !== composerPill) {
+            dock.appendChild(composerPill);
+          }
+        }
+
         function apply() {
           if (disposed) return;
           var sessions = data.sessions;
           var workspaces = data.workspaces;
-          if (!ready(sessions) || !ready(workspaces)) return;
-
           var settings = settingsOf();
+          if (!ready(sessions) || !ready(workspaces)) {
+            decorateComposerStats();
+            return;
+          }
+
           var entries = collect();
-          if (entries.length === 0) return;
+          if (entries.length === 0) {
+            decorateComposerStats();
+            return;
+          }
 
           orderGroups(entries, latestByWorkspace(sessions, workspaces));
           foldRows(entries, settings, sessions, Date.now());
           renderPinned(entries, sessions, workspaces, settings);
           if (settings.colors) decorateRows(entries, sessions, data.statuses, settings);
+          decorateComposerStats();
         }
 
         function schedule() {
@@ -846,7 +967,7 @@
           return h(Item, {
             icon: typeof Icon === "function" ? h(Icon, {}) : undefined,
             onSelect: function () { props.actions.toggleFollowUp(props.sessionId); },
-          }, props.t(flagged ? "menu.unflag" : "menu.flag"));
+          }, t(flagged ? "menu.unflag" : "menu.flag"));
         }
 
         /**
@@ -910,7 +1031,7 @@
                   if (typeof window.alert === "function") window.alert(t("trash.failed") + (error && error.message ? error.message : error));
                 });
             },
-          }, props.t("menu.trash"));
+          }, t("menu.trash"));
         }
 
         /* ------------------------- token statistics ------------------------- */
@@ -1118,7 +1239,7 @@
           return h(Item, {
             icon: typeof Icon === "function" ? h(Icon, {}) : undefined,
             onSelect: function () { openStatsPanel(props.sessionId); },
-          }, props.t("menu.stats"));
+          }, t("menu.stats"));
         }
 
         /** Settings -> General row: how old a session must be before it is folded. */
@@ -1127,11 +1248,11 @@
           var days = Number(settings.foldDays);
           if (!Number.isFinite(days)) days = DEFAULT_DAYS;
           var keep = settings.keepActive !== false;
-          var text = props.t("settings.title");
+          var text = t("settings.title");
           return h("div", { className: "wsr-setRow" },
             h("div", { className: "wsr-setText" },
               h("div", { className: "wsr-setTitle" }, text),
-              h("div", { className: "wsr-setDesc" }, props.t("settings.description")),
+              h("div", { className: "wsr-setDesc" }, t("settings.description")),
             ),
             h("div", { className: "wsr-controls" },
               h("button", {
@@ -1161,7 +1282,7 @@
                   checked: keep,
                   onChange: function (event) { props.actions.setKeepActive(event.target.checked); },
                 }),
-                props.t("settings.exempt")),
+                t("settings.exempt")),
             ),
           );
         }
@@ -1170,11 +1291,11 @@
         function ColorsRow(props) {
           var settings = props.useStore(function (state) { return state; });
           var enabled = settings.colors !== false;
-          var text = props.t("color.title");
+          var text = t("color.title");
           return h("div", { className: "wsr-setRow" },
             h("div", { className: "wsr-setText" },
               h("div", { className: "wsr-setTitle" }, text),
-              h("div", { className: "wsr-setDesc" }, props.t("color.description")),
+              h("div", { className: "wsr-setDesc" }, t("color.description")),
             ),
             h("div", { className: "wsr-controls" },
               h("label", { className: "wsr-exempt" },
@@ -1183,7 +1304,7 @@
                   checked: enabled,
                   onChange: function (event) { props.actions.setColors(event.target.checked); },
                 }),
-                props.t("color.enabled")),
+                t("color.enabled")),
             ),
           );
         }
@@ -1192,11 +1313,11 @@
         function PinSectionRow(props) {
           var settings = props.useStore(function (state) { return state; });
           var enabled = settings.pinnedSection !== false;
-          var text = props.t("pin.title");
+          var text = t("pin.title");
           return h("div", { className: "wsr-setRow" },
             h("div", { className: "wsr-setText" },
               h("div", { className: "wsr-setTitle" }, text),
-              h("div", { className: "wsr-setDesc" }, props.t("pin.description")),
+              h("div", { className: "wsr-setDesc" }, t("pin.description")),
             ),
             h("div", { className: "wsr-controls" },
               h("label", { className: "wsr-exempt" },
@@ -1205,7 +1326,7 @@
                   checked: enabled,
                   onChange: function (event) { props.actions.setPinnedSection(event.target.checked); },
                 }),
-                props.t("pin.enabled")),
+                t("pin.enabled")),
             ),
           );
         }
@@ -1236,6 +1357,8 @@
           });
           pinHidden.clear();
           if (pinHost !== null && pinHost.parentElement !== null) pinHost.remove();
+          if (composerPill !== null && typeof composerPill.remove === "function") composerPill.remove();
+          composerPill = null;
           pinHost = null;
           expandClicks.clear();
           roots.forEach(function (root) { root.removeAttribute(ROOT_ATTR); });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-ws-recency",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Sidebar session management for DeepSeek Harness: workspace groups sorted by latest activity, stale history folded, a global pinned section, follow-up marks, session delete into a recoverable trash, and per-session token statistics split by tool.",
   "license": "MIT",
   "author": "chyxhtc",