dsh-tide-theme 0.5.0 → 0.5.1

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.1/dsh-tide-theme-0.5.1.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) {
@@ -2411,7 +2422,11 @@ body[data-dsh-tide-theme] [data-slot='sidebar.workspaces'] [data-row-key^='works
   user-select: none;
 }
 [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 +3071,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
@@ -5950,7 +5979,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-03T01:24:23.441Z";
 		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.1",
   "private": false,
   "publishConfig": {
     "access": "public"