dsh-dock 0.16.0 → 0.16.1

package/client.js

@@ -13886,7 +13886,7 @@ var feature13 = {
 };
 
 // src/client.jsx
-var DOCK_VERSION = "0.16.0";
+var DOCK_VERSION = "0.16.1";
 var BUILTIN_FEATURES = [feature, feature2, feature3, feature4, feature5, feature6, feature7, feature8, feature9, feature10, feature11, feature12, feature13];
 var PLANNED_FEATURES = [];
 var PLANNED_NOTES = {};
@@ -13962,16 +13962,15 @@ var SHELL_CSS = [
   ".dock-switch.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}",
   ".dock-badge{flex:none;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;font-size:12px;}",
   ".dock-body{border-top:1px solid var(--dsw-alias-border-l1);padding-top:8px;color:var(--dsw-alias-label-secondary);display:flex;flex-direction:column;gap:4px;}",
-  // 「··· 更多」菜单里的功能坞菜单项（docke2-mi- 前缀）+ 功能坞弹出面板（dockm- 前缀，仿 dsh 设置的居中模态：遮罩 + 对话框，左导航 + 右内容）
-  // 菜单行指标仿宿主内置菜单项（ui-primitives Menu.module.css 的 .item/.itemIcon/.itemLabel）：
-  // 整宽块级行（按钮直接落在菜单视口的 flex 列里）、gap 6、min-height 34、padding 6px 8px、
-  // 圆角 --dsw-radius-md、字号 13/行高 20；悬停与键盘聚焦（宿主菜单走真实焦点）同款高亮背景。
-  ".docke2-mi-item{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;min-height:34px;padding:6px 8px;border:none;border-radius:var(--dsw-radius-md);background:transparent;cursor:pointer;font-family:inherit;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);text-align:left;}",
-  ".docke2-mi-item:hover{background:var(--dsw-alias-interactive-bg-hover);}",
-  ".docke2-mi-item:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none;}",
-  ".docke2-mi-icon{display:inline-flex;flex:none;width:14px;height:14px;align-items:center;justify-content:center;color:var(--dsw-alias-menu-icon);}",
-  ".docke2-mi-icon svg{width:14px;height:14px;}",
-  ".docke2-mi-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+  // 侧栏入口按钮（docke2- 前缀）+ 功能坞弹出面板（dockm- 前缀，仿 dsh 设置的居中模态：遮罩 + 对话框，左导航 + 右内容）
+  // 侧栏入口按钮（docke2- 前缀）：与 dsh 设置按钮（.VOzbGW_trigger）几何逐条对齐——
+  // 宽栏同为整宽左对齐行按钮（高 42、margin 4/-2、padding 0 10px 0 8px、圆角 12），窄栏同为 36 圆钮居中，
+  // 使两按钮上下成列、左右边缘完全对齐（此前右对齐/叠放都会错位）。
+  ".docke2-btn{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--dsw-alias-label-primary);border-radius:12px;width:calc(100% + 4px);height:42px;margin:4px -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
+  ".docke2-btn:hover{background:var(--dsw-alias-interactive-bg-hover);}",
+  ".docke2-btn.docke2-on{color:var(--dk-accent);background:var(--dk-accent-soft);}",
+  ".docke2-btn.docke2-rail{width:36px;height:36px;margin:8px 0 10px;padding:0;border-radius:50%;justify-content:center;gap:0;}",
+  ".docke2-label{white-space:nowrap;overflow:hidden;}",
   // 遮罩固定用深色半透明：亮色主题下宿主 bg-layer-1 是纯白，白底遮罩会让弹窗与页面完全无层次
   ".dockm-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(15,17,21,.45);backdrop-filter:blur(4px);pointer-events:auto;animation:dockm-fade .15s var(--ds-ease-in-out);}",
   "@keyframes dockm-fade{from{opacity:0}to{opacity:1}}",
@@ -14115,27 +14114,18 @@ function DockIcon(props) {
     import_react26.default.createElement("rect", { x: 9, y: 9, width: 4.4, height: 4.4, rx: 1.2 })
   );
 }
-function DockMenuItem(props) {
+function DockEntry(props) {
+  const wide = !!props.wide;
   const [open, setOpen] = import_react26.default.useState(panelNav.open);
   import_react26.default.useEffect(() => subscribePanel(() => setOpen(panelNav.open)), []);
-  return import_react26.default.createElement(
-    "button",
-    {
-      type: "button",
-      role: "menuitem",
-      className: "docke2-mi-item",
-      onClick: () => {
-        if (typeof props.dismiss === "function") props.dismiss();
-        setPanelOpen(!open);
-      }
-    },
-    import_react26.default.createElement(
-      "span",
-      { className: "docke2-mi-icon" },
-      import_react26.default.createElement(DockIcon, { size: 14 })
-    ),
-    import_react26.default.createElement("span", { className: "docke2-mi-label" }, "\u529F\u80FD\u575E")
-  );
+  return import_react26.default.createElement("button", {
+    type: "button",
+    className: "docke2-btn" + (open ? " docke2-on" : "") + (wide ? "" : " docke2-rail"),
+    title: "\u529F\u80FD\u575E",
+    "aria-label": "\u529F\u80FD\u575E",
+    "aria-expanded": open,
+    onClick: () => setPanelOpen(!open)
+  }, import_react26.default.createElement(DockIcon, { size: wide ? 16 : 18 }), wide ? import_react26.default.createElement("span", { className: "docke2-label" }, "\u529F\u80FD\u575E") : null);
 }
 function DockModal() {
   const [nav, setNav] = import_react26.default.useState({ open: panelNav.open, active: panelNav.active, params: panelNav.params });
@@ -14550,9 +14540,9 @@ function apply(ctx) {
   initFeatureState(BUILTIN_FEATURES.concat(PLANNED_FEATURES));
   const slots = ctx.get("slots");
   if (slots === void 0) return;
-  slots.inject("settings.launcher.menu.item", () => slots.register(
-    { name: "settings.launcher.menu.item", id: "dsh-dock", order: 1, label: "\u529F\u80FD\u575E" },
-    (props) => import_react26.default.createElement(DockMenuItem, props)
+  slots.inject("sidebar.footer.action", () => slots.register(
+    { name: "sidebar.footer.action", id: "dsh-dock", order: 1, label: "\u529F\u80FD\u575E" },
+    (props) => import_react26.default.createElement(DockEntry, props)
   ));
   slots.inject("shell.overlay", () => slots.register(
     { name: "shell.overlay", id: "dsh-dock-panel", order: 21, label: "\u529F\u80FD\u575E\u9762\u677F" },

package/package.json

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

package/src/client.jsx

@@ -8,8 +8,8 @@
 // 在浏览器端 require("dsh-dock").dockBridge.register(def) 把自己的视图注册进本面板；
 // dock 未安装时该包走自己的独立面板——「单独成包发布」与「完美集成功能坞」两全。
 //
-// 面板挂载在 settings.section：设置 → 功能坞；侧栏「··· 更多」弹出菜单里另有「功能坞」
-// 菜单项（settings.launcher.menu.item），点击弹出居中功能面板（shell.overlay）。
+// 面板挂载在 settings.section：设置 → 功能坞；侧栏底部另有「功能坞」入口按钮
+// （sidebar.footer.action），点击弹出居中功能面板（shell.overlay）。
 // 弹层窗口：默认大窗，支持最大化/最小化、标题栏拖动、右下角缩放（几何页内记忆）。
 import react from "react";
 import {
@@ -33,7 +33,7 @@ import { feature as fMobileRelay } from "../features/mobile-relay/view.jsx";
 import { feature as fMobile } from "../features/mobile/view.js";
 
 const name = "dsh-dock";
-const DOCK_VERSION = "0.16.0";
+const DOCK_VERSION = "0.16.1";
 
 // ---- 内置功能注册表：新功能 = features/<id>/ 加模块 + 这里 import 一行 ----
 const BUILTIN_FEATURES = [fTokenlog, fModelconfig, fProviderConfig, fHeartbeat, fTheme, fBalance, fAnimation, fNotify, fRunState, fTts, fGames, fMobileRelay, fMobile];
@@ -125,16 +125,15 @@ const SHELL_CSS = [
 	".dock-switch.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}",
 	".dock-badge{flex:none;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:3px 10px;font-size:12px;}",
 	".dock-body{border-top:1px solid var(--dsw-alias-border-l1);padding-top:8px;color:var(--dsw-alias-label-secondary);display:flex;flex-direction:column;gap:4px;}",
-	// 「··· 更多」菜单里的功能坞菜单项（docke2-mi- 前缀）+ 功能坞弹出面板（dockm- 前缀，仿 dsh 设置的居中模态：遮罩 + 对话框，左导航 + 右内容）
-	// 菜单行指标仿宿主内置菜单项（ui-primitives Menu.module.css 的 .item/.itemIcon/.itemLabel）：
-	// 整宽块级行（按钮直接落在菜单视口的 flex 列里）、gap 6、min-height 34、padding 6px 8px、
-	// 圆角 --dsw-radius-md、字号 13/行高 20；悬停与键盘聚焦（宿主菜单走真实焦点）同款高亮背景。
-	".docke2-mi-item{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;min-height:34px;padding:6px 8px;border:none;border-radius:var(--dsw-radius-md);background:transparent;cursor:pointer;font-family:inherit;font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);text-align:left;}",
-	".docke2-mi-item:hover{background:var(--dsw-alias-interactive-bg-hover);}",
-	".docke2-mi-item:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none;}",
-	".docke2-mi-icon{display:inline-flex;flex:none;width:14px;height:14px;align-items:center;justify-content:center;color:var(--dsw-alias-menu-icon);}",
-	".docke2-mi-icon svg{width:14px;height:14px;}",
-	".docke2-mi-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+	// 侧栏入口按钮（docke2- 前缀）+ 功能坞弹出面板（dockm- 前缀，仿 dsh 设置的居中模态：遮罩 + 对话框，左导航 + 右内容）
+	// 侧栏入口按钮（docke2- 前缀）：与 dsh 设置按钮（.VOzbGW_trigger）几何逐条对齐——
+	// 宽栏同为整宽左对齐行按钮（高 42、margin 4/-2、padding 0 10px 0 8px、圆角 12），窄栏同为 36 圆钮居中，
+	// 使两按钮上下成列、左右边缘完全对齐（此前右对齐/叠放都会错位）。
+	".docke2-btn{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--dsw-alias-label-primary);border-radius:12px;width:calc(100% + 4px);height:42px;margin:4px -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;transition:background .15s var(--ds-ease-in-out),color .15s var(--ds-ease-in-out);}",
+	".docke2-btn:hover{background:var(--dsw-alias-interactive-bg-hover);}",
+	".docke2-btn.docke2-on{color:var(--dk-accent);background:var(--dk-accent-soft);}",
+	".docke2-btn.docke2-rail{width:36px;height:36px;margin:8px 0 10px;padding:0;border-radius:50%;justify-content:center;gap:0;}",
+	".docke2-label{white-space:nowrap;overflow:hidden;}",
 	// 遮罩固定用深色半透明：亮色主题下宿主 bg-layer-1 是纯白，白底遮罩会让弹窗与页面完全无层次
 	".dockm-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(15,17,21,.45);backdrop-filter:blur(4px);pointer-events:auto;animation:dockm-fade .15s var(--ds-ease-in-out);}",
 	"@keyframes dockm-fade{from{opacity:0}to{opacity:1}}",
@@ -303,24 +302,18 @@ function DockIcon(props) {
 		react.createElement("rect", { x: 9, y: 9, width: 4.4, height: 4.4, rx: 1.2 }));
 }
 
-// 「··· 更多」菜单里的功能坞菜单项（settings.launcher.menu.item）。
-// 协议约束：恰好一个 role="menuitem" 按钮；宿主 Menu 不会因点击自动关闭，激活时先
-// dismiss()（关闭菜单，宿主负责焦点回还），再切换功能坞弹层；它不是 disclosure 触发器，
-// 不带 aria-expanded/aria-haspopup。开合状态与旧侧栏入口同源：panelNav.open + subscribePanel。
-function DockMenuItem(props) {
+function DockEntry(props) {
+	const wide = !!props.wide;
 	const [open, setOpen] = react.useState(panelNav.open);
 	react.useEffect(() => subscribePanel(() => setOpen(panelNav.open)), []);
 	return react.createElement("button", {
 		type: "button",
-		role: "menuitem",
-		className: "docke2-mi-item",
-		onClick: () => {
-			if (typeof props.dismiss === "function") props.dismiss();
-			setPanelOpen(!open);
-		}
-	}, react.createElement("span", { className: "docke2-mi-icon" },
-		react.createElement(DockIcon, { size: 14 })),
-	react.createElement("span", { className: "docke2-mi-label" }, "功能坞"));
+		className: "docke2-btn" + (open ? " docke2-on" : "") + (wide ? "" : " docke2-rail"),
+		title: "功能坞",
+		"aria-label": "功能坞",
+		"aria-expanded": open,
+		onClick: () => setPanelOpen(!open)
+	}, react.createElement(DockIcon, { size: wide ? 16 : 18 }), wide ? react.createElement("span", { className: "docke2-label" }, "功能坞") : null);
 }
 
 // ---- 功能坞弹出面板：shell.overlay（仿 dsh 设置：居中模态 = 遮罩 + 对话框） ----
@@ -691,9 +684,9 @@ export function apply(ctx) {
 	const slots = ctx.get("slots");
 	if (slots === undefined) return;
 
-	slots.inject("settings.launcher.menu.item", () => slots.register(
-		{ name: "settings.launcher.menu.item", id: "dsh-dock", order: 1, label: "功能坞" },
-		(props) => react.createElement(DockMenuItem, props)));
+	slots.inject("sidebar.footer.action", () => slots.register(
+		{ name: "sidebar.footer.action", id: "dsh-dock", order: 1, label: "功能坞" },
+		(props) => react.createElement(DockEntry, props)));
 	slots.inject("shell.overlay", () => slots.register(
 		{ name: "shell.overlay", id: "dsh-dock-panel", order: 21, label: "功能坞面板" },
 		() => react.createElement(DockModal, null)));