dsh-context-actions 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 本项目遵循 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/) 与 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [0.1.1] - 2026-09-15
+
+### Fixed
+
+- 「压缩 / 交接」按钮不再注入「会话统计 / 本轮用量 / 本轮用时 / tok 统计」等其它浮窗，只在上下文圆环（ContextMeter）面板中出现。
+
+### Changed
+
+- 「压缩 / 交接」按钮改为透明底 + 细边框 + `backdrop-filter` 毛玻璃样式，与上下文面板的原生圆角/层级保持一致。
+
 ## [0.1.0] - 2026-09-15
 
 ### Added

package/lib/client.js

@@ -160,11 +160,13 @@ window.__ModuleLoader__.load({
     let t = (key) => DICTS.zh[key] ?? key;
 
     const CSS = [
-      '.dsch-box{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l1,rgba(128,128,128,.28))}',
+      '.dsch-box{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:.5px solid var(--dsw-alias-border-l2,rgba(128,128,128,.24))}',
       '.dsch-row{display:flex;gap:8px}',
-      '.dsch-btn{flex:1 1 0;min-width:0;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font:inherit;font-size:12px;line-height:1;color:var(--dsw-alias-label-primary,inherit);background:var(--dsw-alias-button-tool-bar-fill,rgba(128,128,128,.12));border:1px solid var(--dsw-alias-border-l1,rgba(128,128,128,.28));border-radius:8px;cursor:pointer}',
-      '.dsch-btn:hover:not(:disabled){background:var(--dsw-alias-button-tool-bar-hover,rgba(128,128,128,.2))}',
-      '.dsch-btn:disabled{opacity:.5;cursor:default}',
+      '.dsch-btn{position:relative;flex:1 1 0;min-width:0;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font:inherit;font-size:12px;font-weight:500;line-height:1;color:var(--dsw-alias-label-primary,inherit);background:rgba(127,127,127,.12);background:color-mix(in srgb,var(--dsw-alias-bg-layer-3,#808080) 42%,transparent);border:1px solid rgba(127,127,127,.3);border-color:color-mix(in srgb,var(--dsw-alias-border-l2,#808080) 72%,transparent);border-radius:10px;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}',
+      '.dsch-btn:hover:not(:disabled){background:rgba(127,127,127,.2);background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#808080) 58%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-label-dimmed,#808080) 58%,transparent);box-shadow:0 2px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.16)}',
+      '.dsch-btn:active:not(:disabled){transform:translateY(1px);background:rgba(127,127,127,.24)}',
+      '.dsch-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4c8dff);outline-offset:2px}',
+      '.dsch-btn:disabled{opacity:.45;cursor:default;box-shadow:none}',
       '.dsch-status{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,inherit);word-break:break-all}',
       '.dsch-status:empty{display:none}',
       '.dsch-status[data-kind="ok"]{color:var(--dsw-alias-state-success-primary,inherit)}',
@@ -272,7 +274,7 @@ window.__ModuleLoader__.load({
 
         /** 页面结构变化后把按钮容器对到面板末尾。 */
         function sync() {
-          const panel = findPanel();
+          const panel = findContextPanel(document);
           if (panel === null) {
             if (ui.box !== null && !document.contains(ui.box)) removeBox();
             return;
@@ -282,27 +284,6 @@ window.__ModuleLoader__.load({
           if (ui.panel === panel && panel.lastElementChild !== ui.box) panel.appendChild(ui.box);
         }
 
-        /** 找到「上下文已用」面板。 */
-        function findPanel() {
-          const triggers = document.querySelectorAll('button[aria-haspopup="dialog"][aria-expanded="true"]');
-          for (const trigger of triggers) {
-            const label = trigger.getAttribute('aria-label') || '';
-            if (!/\d\s*%/.test(label)) continue; // 语义无关的锚点：读数里一定带百分号
-            let node = trigger.parentElement;
-            for (let depth = 0; depth < 4 && node !== null; depth += 1, node = node.parentElement) {
-              for (const child of node.children) {
-                if (child.getAttribute('role') === 'dialog') return child;
-              }
-            }
-          }
-          // 结构兜底：带三行图例（dt/dd）的 dialog 就是上下文面板。
-          for (const dialog of document.querySelectorAll('div[role="dialog"]')) {
-            const list = dialog.querySelector('dl');
-            if (list !== null && list.querySelectorAll('dt').length >= 3) return dialog;
-          }
-          return null;
-        }
-
         /** 在指定面板里创建按钮容器。 */
         function ensureBox(panel) {
           if (ui.box !== null && ui.panel === panel && panel.contains(ui.box)) return;
@@ -542,6 +523,37 @@ window.__ModuleLoader__.load({
      * 纯函数工具
      * ---------------------------------------------------------------- */
 
+    /**
+     * 找到「上下文已用」圆环打开的面板；找不到返回 null。
+     *
+     * 只认 dsh 的 ContextMeter 这个 trigger：
+     *   - aria-haspopup="dialog" 且 aria-expanded="true"
+     *   - aria-label 带百分比读数（zh「上下文已用 45%」/ en「45% of context used」）
+     *   - 且能证明是上下文读数：aria-label 含「上下文 / context」，或 trigger 里是 14×14 的圆环 SVG
+     *
+     * 上下文面板就渲染在 trigger 的祖先节点里（inline，不是 portal），最多向上找 4 层。
+     * 这里刻意不做「任意 role=dialog + dt/dd」的兜底：那会把「会话统计 / 本轮用量 / 本轮用时」
+     * 等浮窗也当成上下文面板。
+     */
+    function findContextPanel(documentRef) {
+      const triggers = documentRef.querySelectorAll('button[aria-haspopup="dialog"][aria-expanded="true"]');
+      for (const trigger of triggers) {
+        const label = trigger.getAttribute('aria-label') || '';
+        if (!/\d\s*%/.test(label)) continue;
+        const isContextReading =
+          /(?:上下文|context)/i.test(label) || trigger.querySelector('svg[viewBox="0 0 14 14"]') !== null;
+        if (!isContextReading) continue;
+        let node = trigger.parentElement;
+        for (let depth = 0; depth < 4 && node !== null; depth += 1, node = node.parentElement) {
+          const children = node.children === undefined ? [] : node.children;
+          for (const child of children) {
+            if (child.getAttribute('role') === 'dialog') return child;
+          }
+        }
+      }
+      return null;
+    }
+
     /** 注入按钮样式（幂等）。 */
     function ensureStyles() {
       if (document.querySelector('style[data-dsh-context-actions]') !== null) return;
@@ -997,6 +1009,8 @@ window.__ModuleLoader__.load({
       );
     }
 
+    exports.__test = { findContextPanel };
+
     exports.name = NAME;
     exports.apply = apply;
     return module.exports;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context-actions",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "DeepSeek Harness（dsh）Web GUI 插件：在上下文占用面板新增「压缩」与「交接」按钮。Adds Compact / Handover buttons to the dsh context panel (unofficial plugin).",
   "keywords": [
     "dsh",