dsh-connect-trae 4.9.0 → 4.10.0

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # Changelog
 
+## 4.10.0 (2026-11-06)
+
+### 变更
+
+**模型行的「上下文预算」从一组单选圆点改成下拉框。** 界面行为与写入口径完全不变
+（同一个 `contextBudgets` 字段、同一套 `contextBudgetOptions` 判定、同一个「保存」），
+只换了控件的形态。
+
+理由是两个实测问题，都来自「每行一个控件组」这个形态：
+
+- **行高会随选项数变化。** 一个模型可能有 1 个、2 个或 3 个可选窗口（开发窗口 /
+  500K / Max，`maxContextWindow` 是否够宽决定后两个）。圆点组把 1-3 个
+  「圆点 + 文字」并排放到行的右边缘，模型名、图片勾选框、圆点组三者争同一行；
+  在 564px 的设置面板列里，圆点组会被挤到模型名下方另起一行，行就长高了。
+  实测下拉框在 1/2/3 个选项下宽高恒为 96×24，行高恒为 68px。
+- **列表看起来参差不齐。** 圆点组是内容撑宽的，3 个选项的行比 1 个选项的行宽，
+  18 行的列表因此有肉眼可见的锯齿。
+
+下拉框还把「当前窗口」变成了一个**值**而不是「一堆圆点里被选中的那个」，这与它
+下方那行「最大上下文 1M / 400K / 200K」读的是同一件事。
+
+没有 Max 窗口的模型保持原来的只读形态：下拉框只有一项、已选中、禁用——控件仍然
+**显示**窗口，而不是消失。
+
+## 4.9.1 (2026-11-06)
+
+### 修复
+
+**4.9.0 的两条样式规则漏了作用域，在卡片与整页上造成回归。** 补丁号发布。
+
+4.9.0 给设置面板加了两个调整，写法是**无作用域**的全局选择器：
+
+- `.dsm-trae-tab-hint` —— 把供应商行的说明视觉隐藏，省下 36px；
+- `.dsm-trae-panels` —— 把分栏条改成 `position:sticky` 并加一层 layer-2 底色。
+
+这两个元素是**三个界面共用**的：输入框卡片、侧边栏整页、设置面板画的是同一棵树。
+写的时候只想着设置面板那一列（564px、外壳自带滚动），忘了另外两个界面也会吃到。
+
+实测到的两个回归：
+
+| 界面 | 回归 | 原因 |
+| --- | --- | --- |
+| 卡片 / 整页 | 「企业版与国内版共用同一份 Trae CN 登录」那句话消失 | 卡片本身有 726px 宽、没有纵向空间压力，这句说明不该被裁掉 |
+| 卡片 | 分栏条下方压出一条浅色带 | `position:sticky` 在没有滚动祖先时不生效，但底色留下了；底色取 layer-2，卡片本身是 layer-3 |
+
+两条规则现在都限定在 `.dsm-trae-section` 之下——那是"只在设置面板里生效"的结构标记，
+也是这些改动的唯一理由所在（外壳的滚动列与 564px 的宽度）。卡片与整页恢复原样。
+
+实测三界面（修复后）：
+
+| 界面 | 说明行 | 分栏条 |
+| --- | --- | --- |
+| 卡片 | 726×18px，可见 | `static`，无底色 |
+| 整页 | 710×18px，可见 | `static`，无底色 |
+| 设置面板 | 1×1px，视觉隐藏（读屏保留） | `sticky`，layer-2 底色 |
+
+新增两条用例**双向**锁定：设置页下必须命中，且无作用域的基础规则必须**不带**
+`position:sticky` / `background` / `clip`——只测前者的话，下次再漏作用域仍然会绿。
+
 ## 4.9.0 (2026-11-06)
 
 ### 变更

package/lib/client.js

@@ -999,16 +999,22 @@ window.__ModuleLoader__.load({
    differs, so it sits inside the tab cell without crowding the label. */
 .dsm-trae-tab-switch{flex:none;margin-left:auto;padding-left:10px;border-left:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24))}
 .dsm-trae-tab-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:baseline}
-/* 供应商行的说明：视觉隐藏，读屏仍在（learned from workbuddy 5.19.0 的窄列实践）。
+.dsm-trae-tab-hint{margin:0;padding:0 2px;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
+/* THE TWO SETTINGS-SURFACE TWEAKS, SCOPED (learned the hard way, post-release).
  *
- * 这一行是三个芯片的注解（「企业版与国内版共用同一份 Trae CN 登录」），原本独占
- * 一整行 36px，把账号池往下推。在 564px 的列里，纵向空间是稀缺资源，而这句话
- * 只在「同时启用两个供应商」时才有用——那个场景下用户已经在看两个芯片了。
+ * 下面两条原本是**无作用域**的：一条把供应商说明行视觉隐藏，一条把分栏条改成
+ * sticky 并加一层底色。它们写的时候只想到设置面板那一列（564px、外壳自带滚动），
+ * 但那两处 DOM 是**三个界面共用的**——卡片、整页、设置页画的是同一棵树。
  *
- * 用 clip 而不是 display:none：display:none 会把它从无障碍树里摘掉，读屏用户
- * 就永远拿不到这条例外说明。视觉隐藏保留了它，且不占布局高度。
- * 完整文案仍可通过芯片行的 title 悬停看到（见 TraeUsageCard 的 tabSwitchHint）。 */
-.dsm-trae-tab-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
+ * 结果在卡片上是两个回归（实测）：说明行在卡片里也消失了（卡片有自己的宽度、
+ * 有自己的节奏，那里根本没有纵向空间压力），分栏条拿到 position:sticky 却没有
+ * 滚动祖先，且底色取了 layer-2 而卡片本身是 layer-3，于是在卡片上压出一条
+ * 比周围更浅的色带。
+ *
+ * 所以两条都挪到 .dsm-trae-section 之下——那是"只在设置面板里生效"的结构标记，
+ * 也是这些改动的唯一理由所在（外壳的滚动列与 564px 的宽度）。卡片与整页保持
+ * 原样：它们没有面板外壳，也就没有这些约束。 */
+.dsm-trae-section .dsm-trae-tab-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
 /* SECTION TABS: the card's own top-level split (account / models / diagnostics).
  *
  * Deliberately NOT the boxed chips above. Those are the REGION scope — a
@@ -1036,7 +1042,12 @@ window.__ModuleLoader__.load({
  *
  * top:-1px 而不是 0：分栏条自己的 border-bottom 画在盒子外侧，写成 0 会在它上方
  * 留一条 1px 的缝，滚动的行会从这条缝里露出来。 */
-.dsm-trae-panels{position:sticky;top:-1px;z-index:2;display:flex;align-items:stretch;gap:2px;margin:4px 0 0;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24));background:var(--dsw-alias-bg-layer-2,#24262c)}
+.dsm-trae-panels{display:flex;align-items:stretch;gap:2px;margin:4px 0 0;border-bottom:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24))}
+/* 分栏条只在设置面板里钉住（见上方 .dsm-trae-tab-hint 的长注释：这两条原本无
+ * 作用域，在卡片上留下两个回归）。卡片与整页没有"外壳的滚动列"，那里的分栏条
+ * 跟着内容正常滚走即可；sticky 在没有滚动祖先时不会生效，却会把底色带进来——
+ * 而底色取 layer-2，卡片本身是 layer-3，色差在卡片上就成了一条浅色带。 */
+.dsm-trae-section .dsm-trae-panels{position:sticky;top:-1px;z-index:2;background:var(--dsw-alias-bg-layer-2,#24262c)}
 .dsm-trae-panel-tab{appearance:none;font:inherit;cursor:pointer;border:0;background:transparent;padding:7px 11px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--dsw-alias-label-tertiary,#999);font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;transition:color .15s,border-color .15s}
 .dsm-trae-panel-tab:hover:not(.dsm-trae-panel-tab-active){color:var(--dsw-alias-label-primary,#e6e6e6)}
 .dsm-trae-panel-tab:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
@@ -1421,9 +1432,21 @@ window.__ModuleLoader__.load({
 .dsm-trae-model-effort-select:disabled{opacity:.6;cursor:not-allowed}
 .dsm-trae-model-image{display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:11px;line-height:16px;cursor:pointer}
 .dsm-trae-model-image input{margin:0;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+/* The context-budget control: one select per row, not a row of radios.
+ *
+ * The fieldset stays as the grouping element — it carries the accessible name
+ * and the hint title, and a select has no group of its own. flex:none keeps
+ * it from stealing width from the model name, which is the thing that has to
+ * stay readable on a 564px column.
+ *
+ * The select width is FIXED rather than content-sized: with 2-3 options the
+ * widest label dictates the width, and a per-row width made the list ragged
+ * (a 3-option row's control was visibly wider than its neighbours). */
 .dsm-trae-context-budget{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;margin:0;padding:0;border:0;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:11px;line-height:16px}
 .dsm-trae-context-budget label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
 .dsm-trae-context-budget input{margin:0;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-trae-context-select{flex:none;width:96px;max-width:none;padding:2px 6px;font:inherit;font-size:11px;line-height:16px;color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-3,#2a2c33);border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:7px;cursor:pointer}
+.dsm-trae-context-select:disabled{cursor:default;opacity:.6}
 .dsm-trae-model-capability-note{margin:0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
 .dsm-trae-model-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding-top:12px}
 .dsm-trae-model-actions-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}
@@ -6473,19 +6496,25 @@ window.__ModuleLoader__.load({
 															className: "dsm-trae-context-budget",
 															"aria-label": t("row.contextBudget"),
 															title: t("row.contextBudgetHint"),
-															children: contextBudgetOptions(model).map((option) => {
+															children: (() => {
+																const options = contextBudgetOptions(model);
 																const selectable = model.maxContextWindow !== void 0;
-																const checked = (activeContextBudgets[model.id] ?? model.contextWindow) === option;
-																return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																	type: "radio",
-																	name: `context-${model.id}`,
-																	checked,
+																const current = activeContextBudgets[model.id] ?? model.contextWindow;
+																return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+																	className: "dsm-trae-context-select",
+																	"aria-label": t("row.contextBudget"),
+																	title: t("row.contextBudgetHint"),
+																	value: current === void 0 ? "" : String(current),
 																	disabled: !selectable || settingsScope?.getSnapshot().writable !== true || saving,
-																	onChange: () => {
-																		setContextBudget(model.id, option);
-																	}
-																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(option, t("row.modelUnknown")) })] }, option);
-															})
+																	onChange: (event) => {
+																		setContextBudget(model.id, Number(event.currentTarget.value));
+																	},
+																	children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																		value: String(option),
+																		children: formatCapacity(option, t("row.modelUnknown"))
+																	}, option))
+																});
+															})()
 														})]
 													})]
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/package.json

@@ -2,7 +2,7 @@
   "name": "dsh-connect-trae",
   "displayName": "DSH Connect Trae",
   "description": "把本机登录的 Trae 模型接入 DeepSeek Harness：国内版与国际版双供应商并行，提供用量/积分概览与每日签到领取。",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "author": "dingminhua",
   "copyright": "Copyright (c) 2026 LaoDing",
   "license": "MIT",