@mars-sea/dsh-commandcode-provider 0.16.0 → 0.16.1

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.16.1] - 2026-10-30
+
+### Changed
+
+- **设置页开关改用宿主 `Switch` 组件（#108）。** 五个布尔设置（按套餐过滤模型、零数据保留、网页搜索、侧边栏额度、缓存图片卸载）原先是 `appearance:none` 的 checkbox 加伪元素画出的开关，现在是宿主 primitives 的 `Switch`（`<button role="switch" aria-checked>`），与宿主其他设置页开关同源，读屏读到的状态与画面不会再不一致。尺寸与颜色、圆角、焦点环、禁用态沿用宿主原语（36×20 轨道、16px 滑块），与宿主自带开关同尺寸；底色与滑块改为 160ms 同步过渡，按下时轻微缩小。点开关行的标题文字不再切换开关，需点开关本身。
+
 ## [0.16.0] - 2026-10-30
 
 ### Changed

package/lib/client.js

@@ -3864,7 +3864,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region package.json
-		var version = "0.16.0";
+		var version = "0.16.1";
 		var repository = {
 			"type": "git",
 			"url": "git+https://github.com/Mars-Sea/dsh-commandcode-provider.git"
@@ -4810,12 +4810,19 @@ window.__ModuleLoader__.load({
 		* One boolean field row rendered as a switch. The staged text is `'true'` /
 		* `'false'` / `''` (unset → `defaultChecked`); toggling stages the string the
 		* boolean field spec parses back into a real boolean on save.
+		*
+		* The control is the harness's own `Switch` primitive (issue #108), not a
+		* restyled checkbox: a `<button role="switch" aria-checked>` whose drawing keys
+		* off `aria-checked`, so what it shows cannot drift from what assistive tech
+		* reads, and it matches the host's other settings switches. It takes no `id`,
+		* so the row title is plain text and the switch carries the label as its
+		* accessible name instead of through `<label htmlFor>`.
 		*/
 		function ToggleField({ id, label, hint, state, disabled, defaultChecked, onEdit, onReset, t }) {
 			const checked = state.text === "" ? defaultChecked : state.text === "true";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
 				title: label,
-				titleFor: id,
+				titleId: id,
 				tag: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverrideTag, {
 					label,
 					state,
@@ -4824,15 +4831,13 @@ window.__ModuleLoader__.load({
 					onReset
 				}),
 				description: hint,
-				control: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					id,
-					className: "cc-toggle",
-					type: "checkbox",
-					role: "switch",
+				control: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+					className: "cc-switch",
 					checked,
+					label,
 					disabled,
-					onChange: (event) => onEdit(event.target.checked ? "true" : "false")
-				}) })
+					onChange: (next) => onEdit(next ? "true" : "false")
+				})
 			});
 		}
 		/** One stat tile in the account card's summary grid. */
@@ -10605,23 +10610,21 @@ window.__ModuleLoader__.load({
 .cc-check:checked{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}
 .cc-check:checked::after{content:'';position:absolute;top:3px;left:5px;width:3px;height:7px;border:solid var(--dsw-alias-label-primary-foreground,#fff);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
 .cc-checkName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-/* Modelled on the platform's own Switch primitive (ui-primitives
- * Switch.module.css): a 40x24 capsule padding its track by 2px and sliding a
- * 20px thumb across the 36px content box. Three things are load-bearing.
- * (1) corner-shape:round on BOTH track and thumb — the theme sets a global
- * superellipse corner shape, which squares a capsule's ends off around a round
- * thumb. (2) No literal colours: brand-primary INVERTS between the modes, so a
- * hardcoded white thumb vanishes on the checked track in dark mode; the brand
- * foreground is what the platform paints on that fill. (3) border-l3 as the
- * off track — border-l2 leaves it indistinguishable from the page. The track
- * and thumb share one duration so the switch reads as one object. */
-.cc-toggle{box-sizing:border-box;appearance:none;flex-shrink:0;width:40px;height:24px;margin:0;padding:2px;border:0;border-radius:12px;corner-shape:round;background:var(--dsw-alias-border-l3);cursor:pointer;position:relative;transition:background-color .12s ease}
-.cc-toggle:checked{background:var(--dsw-alias-brand-primary)}
-.cc-toggle::after{content:'';display:block;width:20px;height:20px;border-radius:50%;corner-shape:round;background:var(--dsw-alias-label-primary-foreground);transition:transform .12s ease}
-.cc-toggle:checked::after{transform:translateX(16px)}
-.cc-toggle:not(:checked)::after{background:var(--dsw-alias-switch-thumb,var(--dsw-alias-label-primary-foreground))}
-.cc-toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
-.cc-toggle:disabled{cursor:default;opacity:.5}
+/* The settings switches are the platform's Switch primitive (issue #108); its
+ * module CSS owns the box (36x20 track, 16px thumb, 16px travel), the colours,
+ * capsule shape, focus ring and disabled look. This layer only joins the page's
+ * motion: the primitive slides the thumb over 120ms ease and snaps the track
+ * colour, so here the thumb and track share one 160ms strong ease-out and read
+ * as one object, and the switch scales to .95 on press like the other small
+ * pressables. The design canvas's 40x24 track is deliberately NOT re-applied
+ * (2026-10-30: it made every switch read fatter than the host's own settings
+ * switches, so the primitive's box is the single source of truth). The
+ * cc-rowControl> qualifier lifts these above the module's single-class rules
+ * whatever order the two sheets load in. The thumb is targeted as the button's
+ * only child because its module class name is hashed. */
+.cc-rowControl>.cc-switch{transition:background-color .16s var(--cc-ease-out),transform .16s var(--cc-ease-out)}
+.cc-rowControl>.cc-switch>span{transition:transform .16s var(--cc-ease-out)}
+.cc-switch:active:not(:disabled){transform:scale(.95)}
 .cc-accountMode{align-items:center;gap:8px;display:flex;margin:12px 16px 0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
 .cc-accountList{flex-direction:column;gap:8px;display:flex}
 .cc-accountList+.cc-panel{margin:8px 16px 16px}
@@ -10818,9 +10821,10 @@ window.__ModuleLoader__.load({
  * changes, which carry meaning without motion. Card entrance keeps its fade
  * (the transform is neutralised), and the fold is already instant. */
 @media (prefers-reduced-motion:reduce){
-.cc-foldChevron,.cc-toggle::after,.cc-usageBarFill,.cc-miniMeterFill{transition:none}
+.cc-foldChevron,.cc-rowControl>.cc-switch>span,.cc-usageBarFill,.cc-miniMeterFill{transition:none}
 .cc-btn,.cc-iconButton,.cc-resetInline,.cc-segItem{transition:background-color .15s ease,color .15s ease}
-.cc-btn:active:not(:disabled),.cc-iconButton:active:not(:disabled),.cc-resetInline:active:not(:disabled),.cc-segItem:active:not(:disabled):not(.cc-segOn){transform:none}
+.cc-rowControl>.cc-switch{transition:background-color .15s ease}
+.cc-btn:active:not(:disabled),.cc-iconButton:active:not(:disabled),.cc-resetInline:active:not(:disabled),.cc-segItem:active:not(:disabled):not(.cc-segOn),.cc-switch:active:not(:disabled){transform:none}
 .cc-notice{transition:opacity .2s ease}
 .cc-group{transition:opacity .2s ease;transform:none!important}
 .cc-saveBar{transition:opacity .16s ease,visibility 0s linear .16s}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mars-sea/dsh-commandcode-provider",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "Unofficial DeepSeek Harness LLM provider plugin for Command Code, ported from pi-commandcode-provider (MIT). Registers the 'commandcode' provider route with a Models-page card and live model catalog.",
   "icon": "./icon.svg",
   "type": "module",