@dsh-tom/dsh-css 0.2.8 → 0.2.11

package/README.md

@@ -22,7 +22,7 @@ npm publish --access public --registry=https://registry.npmjs.org/
 打开 **插件 → 添加插件 → 安装第三方插件**，在“包名或地址”输入：
 
 ```text
-D:\product\dsh-css\dsh-tom-dsh-css-0.2.8.tgz
+D:\product\dsh-css\dsh-tom-dsh-css-0.2.11.tgz
 ```
 
 安装并启用，然后完全退出并重新打开 dsh。
@@ -32,7 +32,7 @@ D:\product\dsh-css\dsh-tom-dsh-css-0.2.8.tgz
 包发布到 npmjs 后，先卸载已安装的旧版，再打开 **插件 → 添加插件 → 安装第三方插件**，输入：
 
 ```text
-@dsh-tom/dsh-css@0.2.8
+@dsh-tom/dsh-css@0.2.11
 ```
 
 选择 **安装源 → npm 官方源**，安装并启用，然后完全退出并重新打开 dsh。

package/dist/client.js

@@ -52,6 +52,17 @@ var theme_default = `.dsh-css-unread-dot {
   mask-image: none;
 }
 
+/* \u4F1A\u8BDD\u83DC\u5355\u6539\u4E3A\u53F3\u952E\u6253\u5F00\uFF1B\u4FDD\u7559\u5BBF\u4E3B\u83DC\u5355\u951A\u70B9\uFF0C\u5E76\u79FB\u5230\u9F20\u6807\u4F4D\u7F6E\u3002 */
+.hIlkoa_sessionRow > .hIlkoa_rowActions > ._root_4ub78_1 {
+  position: fixed;
+  left: var(--dsh-css-context-x, 0px);
+  top: var(--dsh-css-context-y, 0px);
+  width: 0;
+  height: 0;
+
+  & > button { display: none; }
+}
+
 /* \u6DF1\u8272\u6A21\u5F0F\u914D\u8272\uFF0C\u4FDD\u7559\u5185\u7F6E\u6587\u5B57\u3001\u8FB9\u6846\u548C\u8BED\u6CD5\u9AD8\u4EAE\u989C\u8272\u3002 */
 html body[data-ds-dark-theme] {
   /* \u533A\u57DF 1\uFF1A\u5DE6\u4FA7\u4F1A\u8BDD\u5217\u8868\uFF1BWindows \u6807\u9898\u680F\u5728\u4E0B\u65B9\u5355\u72EC\u8BBE\u7F6E\u3002\u539F RGB(27, 27, 28)\u3002 */
@@ -220,6 +231,13 @@ html[data-windows-titlebar] body[data-ds-dark-theme] ._2H3hWW_root:not(._2H3hWW_
     padding: 44px 0 0 12px;
   }
 
+  /* \u64CD\u4F5C\u6309\u94AE\u95F4\u8DDD 15px \u2192 10px\uFF1B\u53F3\u4FA7\u5185\u8FB9\u8DDD 8px \u2192 4px\u3002 */
+  & .hIlkoa_sessionRow {
+    padding-inline-end: 4px;
+
+    & > .hIlkoa_rowActions { gap: 10px; }
+  }
+
   /* \u884C\u80CC\u666F\u5411\u5DE6\u5EF6\u4F38 4px\uFF0C\u7559\u8DB3\u6807\u9898\u5185\u8FB9\u8DDD\u5E76\u4E0E\u201C\u4F1A\u8BDD\u201D\u4FDD\u6301\u5DE6\u5BF9\u9F50\u3002 */
   & ._9lTDKa_flatList .hIlkoa_sessionRow {
     margin-inline-start: -4px;
@@ -233,6 +251,11 @@ html[data-windows-titlebar] body[data-ds-dark-theme] ._2H3hWW_root:not(._2H3hWW_
       order: 1;
     }
 
+    /* \u7A7A\u72B6\u6001\u5360\u4F4D\u51CF\u534A\uFF0C\u4E0E\u53F3\u5185\u8FB9\u8DDD\u5408\u8BA1 12px\uFF1B\u5B9E\u9645\u72B6\u6001\u56FE\u6807\u4FDD\u7559\u539F\u5BBD\u5EA6\u3002 */
+    & > .hIlkoa_slot:has(> [data-slot="sidebar.session.row.leading"]:empty) {
+      width: 8px;
+    }
+
     & > .hIlkoa_slot:empty,
     &:is(:hover, .hIlkoa_menuOpen) > .hIlkoa_slot:has(.dsh-css-unread-dot) {
       display: none;
@@ -1060,24 +1083,37 @@ function replacePercent(value, percent) {
 function registerCacheHitPrecision(ctx) {
   const slot = "conversation.composer.dock";
   ctx.slots.inject(slot, () => {
-    const original = ctx.slots.entries(slot).find((entry) => entry.options.id === "usage");
-    if (!original) return;
-    const renderUsage = original.component.type;
-    function UsagePill(props) {
-      const element = renderUsage(props);
-      const usage = props.useProjection("tokenUsage");
-      if (!usage) return element;
-      const input2 = usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
-      if (input2 === 0) return element;
-      return replacePercent(element, (usage.cacheReadTokens / input2 * 100).toFixed(2));
-    }
-    return ctx.slots.register({
-      ...original.options,
-      name: slot,
-      priority: (original.options.priority ?? 0) - 1,
-      locale: original.locale,
-      inject: original.inject
-    }, UsagePill);
+    let original;
+    let dispose;
+    const sync = () => {
+      if (original && ctx.slots.entries(slot).includes(original)) return;
+      dispose?.();
+      dispose = void 0;
+      original = ctx.slots.entries(slot).find((entry) => entry.options.id === "usage");
+      if (!original) return;
+      const renderUsage = original.component.type;
+      function UsagePill(props) {
+        const element = renderUsage(props);
+        const usage = props.useProjection("tokenUsage");
+        if (!usage) return element;
+        const input2 = usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
+        if (input2 === 0) return element;
+        return replacePercent(element, (usage.cacheReadTokens / input2 * 100).toFixed(2));
+      }
+      dispose = ctx.slots.register({
+        ...original.options,
+        name: slot,
+        priority: (original.options.priority ?? 0) - 1,
+        locale: original.locale,
+        inject: original.inject
+      }, UsagePill);
+    };
+    const unsubscribe = ctx.slots.subscribe(slot, sync);
+    sync();
+    return () => {
+      unsubscribe();
+      dispose?.();
+    };
   });
 }
 
@@ -21668,6 +21704,28 @@ function applySidebarWidth(layout) {
     restore();
   };
 }
+function applySessionContextMenu() {
+  const menuSelector = ".hIlkoa_sessionRow > .hIlkoa_rowActions > ._root_4ub78_1";
+  const open2 = (event) => {
+    const row = event.target.closest?.(".hIlkoa_sessionRow");
+    const menu = row?.querySelector(menuSelector);
+    const button = menu?.querySelector(":scope > button");
+    if (!button) return;
+    event.preventDefault();
+    event.stopPropagation();
+    menu.style.setProperty("--dsh-css-context-x", `${event.clientX}px`);
+    menu.style.setProperty("--dsh-css-context-y", `${event.clientY}px`);
+    if (!row.classList.contains("hIlkoa_menuOpen")) button.click();
+  };
+  document.addEventListener("contextmenu", open2);
+  return () => {
+    document.removeEventListener("contextmenu", open2);
+    for (const menu of document.querySelectorAll(menuSelector)) {
+      menu.style.removeProperty("--dsh-css-context-x");
+      menu.style.removeProperty("--dsh-css-context-y");
+    }
+  };
+}
 async function apply2(ctx) {
   ctx.effect(() => {
     const style = document.createElement("style");
@@ -21678,6 +21736,7 @@ async function apply2(ctx) {
     return () => style.remove();
   });
   ctx.effect(() => applySidebarWidth(ctx.layout));
+  ctx.effect(applySessionContextMenu);
   registerCacheHitPrecision(ctx);
   registerDateGroups(ctx);
   registerProjects(ctx);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-tom/dsh-css",
-  "version": "0.2.8",
+  "version": "0.2.11",
   "description": "为 DeepSeek Harness 调整深色界面，增加项目管理、费用统计和任务进展播报。",
   "type": "module",
   "main": "./dist/index.js",

package/theme.css

@@ -18,6 +18,17 @@
   mask-image: none;
 }
 
+/* 会话菜单改为右键打开；保留宿主菜单锚点，并移到鼠标位置。 */
+.hIlkoa_sessionRow > .hIlkoa_rowActions > ._root_4ub78_1 {
+  position: fixed;
+  left: var(--dsh-css-context-x, 0px);
+  top: var(--dsh-css-context-y, 0px);
+  width: 0;
+  height: 0;
+
+  & > button { display: none; }
+}
+
 /* 深色模式配色，保留内置文字、边框和语法高亮颜色。 */
 html body[data-ds-dark-theme] {
   /* 区域 1：左侧会话列表；Windows 标题栏在下方单独设置。原 RGB(27, 27, 28)。 */
@@ -186,6 +197,13 @@ html[data-windows-titlebar] body[data-ds-dark-theme] ._2H3hWW_root:not(._2H3hWW_
     padding: 44px 0 0 12px;
   }
 
+  /* 操作按钮间距 15px → 10px；右侧内边距 8px → 4px。 */
+  & .hIlkoa_sessionRow {
+    padding-inline-end: 4px;
+
+    & > .hIlkoa_rowActions { gap: 10px; }
+  }
+
   /* 行背景向左延伸 4px，留足标题内边距并与“会话”保持左对齐。 */
   & ._9lTDKa_flatList .hIlkoa_sessionRow {
     margin-inline-start: -4px;
@@ -199,6 +217,11 @@ html[data-windows-titlebar] body[data-ds-dark-theme] ._2H3hWW_root:not(._2H3hWW_
       order: 1;
     }
 
+    /* 空状态占位减半，与右内边距合计 12px；实际状态图标保留原宽度。 */
+    & > .hIlkoa_slot:has(> [data-slot="sidebar.session.row.leading"]:empty) {
+      width: 8px;
+    }
+
     & > .hIlkoa_slot:empty,
     &:is(:hover, .hIlkoa_menuOpen) > .hIlkoa_slot:has(.dsh-css-unread-dot) {
       display: none;