dsh-tide-theme 0.5.0 → 0.5.2

package/README.md

@@ -220,7 +220,7 @@ dsh plugin --profile desktop add git+https://github.com/zdt3476/dsh-tide-theme.g
 dsh plugin --profile desktop add link:"$PWD"
 
 # GitHub Release 预构建包
-dsh plugin --profile desktop add https://github.com/zdt3476/dsh-tide-theme/releases/download/v0.5.0/dsh-tide-theme-0.5.0.tgz
+dsh plugin --profile desktop add https://github.com/zdt3476/dsh-tide-theme/releases/download/v0.5.2/dsh-tide-theme-0.5.2.tgz
 ```
 
 安装后在 **设置 → 插件** 中启用，并按下 `Cmd/Ctrl + R` 重载客户端。
@@ -235,7 +235,7 @@ pnpm test        # TypeScript 类型检查 + Vitest 单元测试（110 tests）
 pnpm build       # 编译产出 lib/index.js (Host) 与 lib/client.js (Client)
 pnpm check       # test + build 全量流水线检查
 
-# 浏览器契约测试（真实 Chromium，54 项）
+# 浏览器契约测试（真实 Chromium，56 项）
 # 注意：必须逐个列出测试文件。tests/client/ 下还有 dock-stats-fixture.mjs 等夹具，
 # 用 glob 会把夹具当成测试文件从而误报失败。
 PLAYWRIGHT_MODULE=<playwright/index.mjs> CHROMIUM_EXECUTABLE=<chromium> \

package/lib/client.js

@@ -555,10 +555,20 @@ body[data-dsh-tide-theme] ::selection {
   display: inline-flex;
   align-items: center;
   min-width: 0;
+  /* 座位自身必须可收缩：只给内含 pill 设 min-width:0 不够——inline-flex 父级仍被
+   * 内容撑开，窄容器下会把 composer 行顶出横向滚动。 */
+  flex: 0 1 auto;
+  max-width: 100%;
 }
 
 /* 座位里的原生按钮与插件按钮同规格：28px 高、13px 字号、透明底。 */
-[data-dsh-tide-seat] > [data-dsh-tide-dock-root] { display: inline-flex; align-items: center; gap: 2px; }
+[data-dsh-tide-seat] > [data-dsh-tide-dock-root] {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
+  max-width: 100%;
+}
 
 /* 两侧等分：中间统计簇才能以卡片中心对齐（不等分时会被宽的一侧挤偏） */
 [data-dsh-tide-dock-left] {
@@ -1145,7 +1155,8 @@ body[data-dsh-tide-theme] .dsh-tide-stats-detail-list {
   font-size: 13px;
   line-height: 20px;
   min-width: 0;
-  max-width: 260px;
+  /* 与 [data-dsh-tide-control='model'] 的上限保持一致，避免两处规则互相打架。 */
+  max-width: 280px;
 }
 
 [data-dsh-tide-pill]:hover:not(:disabled) {
@@ -2401,17 +2412,14 @@ body[data-dsh-tide-theme] [data-slot='sidebar.workspaces'] [data-row-key^='works
   gap: 2px;
 }
 
-/* 模型与思考等级之间的分隔点：两侧留出呼吸间隙，避免贴住按钮描边 */
-[data-dsh-tide-separator] {
-  flex: none;
-  padding: 0 4px;
-  color: var(--dsw-alias-label-tertiary);
-  font-size: 12px;
-  line-height: 16px;
-  user-select: none;
-}
+/* 模型与思考等级两颗 pill 直接相邻，靠 [data-dsh-tide-seat] 的 gap 分隔，不再插『·』。
+ * 两颗 pill 之间的间距由容器 gap 提供，保持与原生 seat 一致的节奏。 */
 [data-dsh-tide-control='effort'] { flex: none; }
-[data-dsh-tide-control='model'] { max-width: 240px; }
+/* 「供应商 / 模型」常见组合（如 WorkBuddy / Deepseek-V4.1-Flash）自然宽约 244px，
+ * 240px 的上限会差 4px 触发省略号，让唯一的截断控件显得与同行其他控件不协调。
+ * 宽屏取 280px 覆盖常见标签；窄屏按视口收紧上限（见文件末尾的窄屏断点），
+ * 超长名仍由 ellipsis 兜底，三种情况都不会撑破 composer 行。 */
+[data-dsh-tide-control='model'] { max-width: 280px; flex: 0 1 auto; }
 
 [data-dsh-tide-filter] {
   appearance: none;
@@ -3056,6 +3064,20 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true'],
 body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:not(:disabled) {
   color: var(--dsw-alias-label-primary);
 }
+
+/* —— 窄视口：模型 pill 上限随视口收紧，保证 composer 行不产生横向溢出 ——
+ * 280px 只在宽屏需要（完整显示常见标签）；窄屏继续沿用会挤掉权限与思考等级控件。 */
+@media (max-width: 640px) {
+  [data-dsh-tide-control='model'] {
+    max-width: 180px;
+  }
+}
+
+@media (max-width: 420px) {
+  [data-dsh-tide-control='model'] {
+    max-width: 140px;
+  }
+}
 `;
 		//#endregion
 		//#region src/client/legacy-migration.ts
@@ -3904,7 +3926,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 				startedAt.delete(sessionId);
 				const elapsed = now() - start;
 				if (elapsed < 100) return;
-				const text = `· ${options.locale("duration.took")} ${formatTurnDuration(elapsed, options.locale)}`;
+				const text = `${options.locale("duration.took")} ${formatTurnDuration(elapsed, options.locale)}`;
 				const pending = [...RETRY_DELAYS];
 				const attempt = () => {
 					if (paint(text) !== null) return;
@@ -4989,7 +5011,9 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 				const name = displayName(groups, selection);
 				const group = selection === null ? void 0 : groups.find((candidate) => candidate.id === selection.provider);
 				const providerLabel = group === void 0 ? selection?.provider ?? "" : providerName(group.id, group.name);
-				const modelLabel = name === "" ? t("model.placeholder") : `${providerLabel} / ${name}`;
+				const duplicatedName = name !== "" && groups.filter((candidate) => candidate.models.some((model) => model.name === name)).length > 1;
+				const fullLabel = name === "" ? t("model.placeholder") : `${providerLabel} / ${name}`;
+				const modelLabel = name === "" ? t("model.placeholder") : duplicatedName ? fullLabel : name;
 				const effort = effortLabel(groups, selection, t("effort.providerDefault"), state.retainedEffort);
 				const busy = state.status === "selecting" || state.status === "loading";
 				const close = () => {
@@ -5059,7 +5083,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 					"data-dsh-tide-pill": "",
 					"data-dsh-tide-control": kind,
 					"data-dsh-tide-emphasis": kind,
-					title: kind === "model" ? modelLabel : void 0,
+					title: kind === "model" ? fullLabel : void 0,
 					style: color === void 0 ? void 0 : { "--dsh-tide-provider-color": color },
 					"aria-label": kind === "effort" ? `${t("effort.title")}：${effort ?? t("effort.unavailableShort")}` : void 0,
 					"aria-haspopup": "dialog",
@@ -5084,10 +5108,6 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 				const orderedProviders = groups.filter((candidate) => candidate.models.length > 0);
 				const providerIndex = group === void 0 ? -1 : orderedProviders.findIndex((candidate) => candidate.id === group.id);
 				const children = [pill("model", h("span", { "data-dsh-tide-pill-label": "" }, modelLabel), providerIndex < 0 || group === void 0 ? void 0 : providerColor(group.id, providerIndex))];
-				children.push(h("span", {
-					"data-dsh-tide-separator": "",
-					"aria-hidden": "true"
-				}, "·"));
 				children.push(pill("effort", h("span", { "data-dsh-tide-pill-label": "" }, effort ?? t("effort.unavailableShort"))));
 				let popupNode = null;
 				if (open === "model") {
@@ -5405,7 +5425,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 					label: `${compactUsed} / ${compactWindow} (${capacity.usedPercent}%)`,
 					level: capacity.level,
 					bucket: capacity.bucket,
-					tooltip: `上下文容量: 已用 ${capacity.usedTokens.toLocaleString()} / 上限 ${capacity.contextWindow.toLocaleString()} (剩余 ${capacity.remainingTokens.toLocaleString()} tokens)${lastInput || lastCache || lastOut ? `\n最新单轮: 输入 ${formatCompactTokens(lastInput)} · 缓存读 ${formatCompactTokens(lastCache)} · 输出 ${formatCompactTokens(lastOut)}` : ""}`,
+					tooltip: `上下文容量: 已用 ${capacity.usedTokens.toLocaleString()} / 上限 ${capacity.contextWindow.toLocaleString()} (剩余 ${capacity.remainingTokens.toLocaleString()} tokens)${lastInput || lastCache || lastOut ? `\n最新单轮: 输入 ${formatCompactTokens(lastInput)} / 缓存读 ${formatCompactTokens(lastCache)} / 输出 ${formatCompactTokens(lastOut)}` : ""}`,
 					breakdown: capacity.breakdown
 				};
 			}
@@ -5651,7 +5671,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 				}, value);
 				if (model.activity) items.push(block("activity", "is-activity", "会话规模", iconUser, [
 					number(model.activity.turns),
-					unit(" 轮 · "),
+					unit(" 轮 / "),
 					number(model.activity.steps),
 					unit(" 步")
 				]));
@@ -5727,7 +5747,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 				}, model.cache ? `${model.cache.percent}%` : "暂无数据"), h("div", { className: "dsh-tide-hud-mini-track" }, h("div", {
 					className: "dsh-tide-hud-mini-fill is-cache",
 					style: { width: `${model.cache?.percent ?? 0}%` }
-				})), h("span", { className: "dsh-tide-stats-card-hint" }, `读取: ${model.tokensDetail ? formatCompactTokens(model.tokensDetail.cacheReadTokens) : "暂无数据"}`)), h("div", { className: "dsh-tide-stats-card" }, h("span", { className: "dsh-tide-stats-card-k" }, "平均首字延迟 (TTFT)"), h("strong", { className: "dsh-tide-stats-card-v" }, model.tps?.avgTtft ?? "暂无数据"), h("span", { className: "dsh-tide-stats-card-hint" }, "含网络/推理思考耗时")), h("div", { className: "dsh-tide-stats-card" }, h("span", { className: "dsh-tide-stats-card-k" }, latestDuration ? "单轮最新总耗时" : "模型累计总耗时"), h("strong", { className: "dsh-tide-stats-card-v" }, latestDuration ?? (model.duration ? model.duration.label : "暂无数据")), h("span", { className: "dsh-tide-stats-card-hint" }, latestDuration ? "包含排队与流式等待" : stats?.turns ? `平均每轮 ${formatSimpleDuration((model.timingDetail?.llmMs ?? 0) / Math.max(1, stats.turns))}` : "模型总耗时"))), model.tokensDetail ? h("div", { className: "dsh-tide-stats-detail-list" }, h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "未缓存输入 Tokens"), h("strong", {}, model.tokensDetail.uncachedInputTokens.toLocaleString())), h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "缓存读取 Tokens (Cache Read)"), h("strong", {}, model.tokensDetail.cacheReadTokens.toLocaleString())), model.tokensDetail.cacheWriteTokens > 0 ? h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "缓存写入 Tokens (Cache Write)"), h("strong", {}, model.tokensDetail.cacheWriteTokens.toLocaleString())) : null, h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "模型输出 Tokens (含思考内容)"), h("strong", {}, model.tokensDetail.outputTokens.toLocaleString())), h("div", { className: "dsh-tide-stats-detail-row is-total" }, h("span", {}, "累计消耗总 Tokens"), h("strong", {}, model.tokensDetail.totalTokens.toLocaleString()))) : null, h("div", { className: "dsh-tide-stats-footer" }, model.activity ? h("div", {}, `会话累计活动: ${model.activity.turns} 轮 · ${model.activity.steps} 步`) : null, model.timingDetail ? h("div", {}, `模型总耗时 ${formatSimpleDuration(model.timingDetail.llmMs)}${model.timingDetail.toolMs > 0 ? ` · 工具耗时 ${formatSimpleDuration(model.timingDetail.toolMs)}` : ""}`) : null)) : null;
+				})), h("span", { className: "dsh-tide-stats-card-hint" }, `读取: ${model.tokensDetail ? formatCompactTokens(model.tokensDetail.cacheReadTokens) : "暂无数据"}`)), h("div", { className: "dsh-tide-stats-card" }, h("span", { className: "dsh-tide-stats-card-k" }, "平均首字延迟 (TTFT)"), h("strong", { className: "dsh-tide-stats-card-v" }, model.tps?.avgTtft ?? "暂无数据"), h("span", { className: "dsh-tide-stats-card-hint" }, "含网络/推理思考耗时")), h("div", { className: "dsh-tide-stats-card" }, h("span", { className: "dsh-tide-stats-card-k" }, latestDuration ? "单轮最新总耗时" : "模型累计总耗时"), h("strong", { className: "dsh-tide-stats-card-v" }, latestDuration ?? (model.duration ? model.duration.label : "暂无数据")), h("span", { className: "dsh-tide-stats-card-hint" }, latestDuration ? "包含排队与流式等待" : stats?.turns ? `平均每轮 ${formatSimpleDuration((model.timingDetail?.llmMs ?? 0) / Math.max(1, stats.turns))}` : "模型总耗时"))), model.tokensDetail ? h("div", { className: "dsh-tide-stats-detail-list" }, h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "未缓存输入 Tokens"), h("strong", {}, model.tokensDetail.uncachedInputTokens.toLocaleString())), h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "缓存读取 Tokens (Cache Read)"), h("strong", {}, model.tokensDetail.cacheReadTokens.toLocaleString())), model.tokensDetail.cacheWriteTokens > 0 ? h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "缓存写入 Tokens (Cache Write)"), h("strong", {}, model.tokensDetail.cacheWriteTokens.toLocaleString())) : null, h("div", { className: "dsh-tide-stats-detail-row" }, h("span", {}, "模型输出 Tokens (含思考内容)"), h("strong", {}, model.tokensDetail.outputTokens.toLocaleString())), h("div", { className: "dsh-tide-stats-detail-row is-total" }, h("span", {}, "累计消耗总 Tokens"), h("strong", {}, model.tokensDetail.totalTokens.toLocaleString()))) : null, h("div", { className: "dsh-tide-stats-footer" }, model.activity ? h("div", {}, `会话累计活动: ${model.activity.turns} 轮 / ${model.activity.steps} 步`) : null, model.timingDetail ? h("div", {}, `模型总耗时 ${formatSimpleDuration(model.timingDetail.llmMs)}${model.timingDetail.toolMs > 0 ? ` / 工具耗时 ${formatSimpleDuration(model.timingDetail.toolMs)}` : ""}`) : null)) : null;
 				const popoverContent = popoverNode && typeof document !== "undefined" ? (0, react_dom.createPortal)(popoverNode, document.body) : popoverNode;
 				return h("div", {
 					className: "dsh-tide-dock-center-container",
@@ -5950,7 +5970,7 @@ body:not([data-ds-dark-theme]) [data-dsh-tide-pill][aria-expanded='true']:hover:
 		* ModuleLoader 壳提供，这正是 tsdown client 构建保持 require 的原因。
 		*/
 		const PLUGIN_ID = "dsh-tide-theme";
-		const BUILD = "0.5.0+2026-11-02T17:33:05.904Z";
+		const BUILD = "0.5.1+2026-11-03T02:13:02.151Z";
 		const name = PLUGIN_ID;
 		const inject = [
 			"slots",

package/lib/index.js

@@ -1,4 +1,4 @@
-/** dsh-tide-theme v0.5.0 — 潮汐主题（Tide Theme）——给 DeepSeek Harness 的深海潮汐主题，遵循 workbuddy-design 现代克制设计规范，附带侧栏分页与筛选、输入框下方模型/权限控件、底栏性能 HUD、子代理委派图等界面增强。 */
+/** dsh-tide-theme v0.5.1 — 潮汐主题（Tide Theme）——给 DeepSeek Harness 的深海潮汐主题，遵循 workbuddy-design 现代克制设计规范，附带侧栏分页与筛选、输入框下方模型/权限控件、底栏性能 HUD、子代理委派图等界面增强。 */
 //#region src/host/index.ts
 /**
 * 潮汐主题 —— Host 侧入口。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-tide-theme",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "private": false,
   "publishConfig": {
     "access": "public"