@jingyi0605/codingns4dsh 0.2.1-beta.6 → 0.2.1-beta.8

package/data/build/dist/client/client.theme.js

@@ -4,6 +4,35 @@ window.__ModuleLoader__.load({
 	factory: (require) => {
 		var module = { exports: {} };
 		var exports = module.exports;
+		/** 插件界面字号基准变量；能力就绪时被指向 DSH 的正文字号变量。 */
+		const FONT_BASE_VARIABLE = "--codingns-font-base";
+		/** DSH 正文角色的字号变量名。 */
+		const DSH_CONTENT_FONT_VARIABLE = "--dsh-content-font-size";
+		/**
+		* 把插件界面的固定像素字号换算为跟随 DSH 正文字号的 CSS 表达式。
+		*
+		* 变量缺失（旧版本 DSH、未安装字体能力、SSR）时回落到基准值，结果等于传入的像素值。
+		*/
+		function uiFontSize(px) {
+			return `calc(var(${FONT_BASE_VARIABLE}, ${String(14)}px) / ${String(14)} * ${String(px)})`;
+		}
+		/**
+		* 安装字号联动：把 `--codingns-font-base` 指向 DSH 的正文字号变量。
+		*
+		* 只写一个自定义属性，不改 DSH 自己的变量；返回 disposer 供插件停用时清理。
+		* 变量在 DSH 侧缺失时由 `fontSize()` 的回落值兜底，因此这里不需要读具体数值。
+		*/
+		function installFontScale(doc = globalThis.document) {
+			const root = doc?.documentElement;
+			if (root === void 0) return () => void 0;
+			const previous = root.style.getPropertyValue(FONT_BASE_VARIABLE);
+			root.style.setProperty(FONT_BASE_VARIABLE, `var(${DSH_CONTENT_FONT_VARIABLE}, ${String(14)}px)`);
+			return () => {
+				if (previous === "") root.style.removeProperty(FONT_BASE_VARIABLE);
+				else root.style.setProperty(FONT_BASE_VARIABLE, previous);
+			};
+		}
+		//#endregion
 		//#region src/client/theme.ts
 		/**
 		* DSH 0.1.6 暴露的主题令牌。
@@ -30,6 +59,8 @@ window.__ModuleLoader__.load({
 			primaryForeground: "var(--dsw-alias-label-primary-foreground, #fff)",
 			success: "var(--dsw-alias-state-success-primary, #16803c)",
 			error: "var(--dsw-alias-state-error-primary, #b42318)",
+			warning: "var(--dsw-alias-state-warning-primary, #d99a00)",
+			warningForeground: "#3d2c00",
 			fieldBorder: "var(--dsw-alias-border-l4, #d9d9d9)",
 			menuBorder: "var(--dsw-alias-border-l3, #d9d9d9)",
 			switchThumb: "var(--dsw-static-neutral-00, #fff)",
@@ -79,11 +110,11 @@ window.__ModuleLoader__.load({
 			paddingBottom: 16,
 			borderBottom: `1px solid ${dshThemeColor.border}`
 		};
-		dshThemeColor.labelPrimary;
+		dshThemeColor.labelPrimary, uiFontSize(21);
 		const dshSettingsSubtitleStyle = {
 			margin: 0,
 			color: dshThemeColor.labelSecondary,
-			fontSize: 13,
+			fontSize: uiFontSize(13),
 			lineHeight: 1.5
 		};
 		/** 模块卡片和标题栏共享的结构样式。 */
@@ -114,13 +145,13 @@ window.__ModuleLoader__.load({
 		};
 		const dshSettingsSummaryLabelStyle = {
 			color: dshThemeColor.labelPrimary,
-			fontSize: 14,
+			fontSize: uiFontSize(14),
 			lineHeight: 1.35,
 			fontWeight: 650
 		};
 		const dshSettingsSummaryDescriptionStyle = {
 			color: dshThemeColor.labelSecondary,
-			fontSize: 12,
+			fontSize: uiFontSize(12),
 			lineHeight: 1.45,
 			overflow: "hidden",
 			textOverflow: "ellipsis"
@@ -129,13 +160,13 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			flexDirection: "column",
 			gap: 16,
-			padding: "18px 20px 20px",
+			padding: "14px 14px 16px",
 			borderTop: `1px solid ${dshThemeColor.border}`,
 			boxSizing: "border-box"
 		};
 		const dshSettingsFieldLabelStyle = {
 			color: dshThemeColor.labelSecondary,
-			fontSize: 12,
+			fontSize: uiFontSize(12),
 			lineHeight: 1.4,
 			fontWeight: 600
 		};
@@ -146,14 +177,14 @@ window.__ModuleLoader__.load({
 			boxSizing: "border-box",
 			padding: "8px 10px",
 			borderRadius: 6,
-			fontSize: 13
+			fontSize: uiFontSize(13)
 		};
 		const dshSettingsButtonStyle = {
 			...dshButtonStyle,
 			minHeight: 36,
 			padding: "8px 14px",
 			borderRadius: 6,
-			fontSize: 13,
+			fontSize: uiFontSize(13),
 			lineHeight: 1.3,
 			cursor: "pointer"
 		};
@@ -172,15 +203,18 @@ window.__ModuleLoader__.load({
 		const dshSettingsListRowStyle = {
 			display: "flex",
 			alignItems: "center",
+			justifyContent: "space-between",
 			gap: 12,
+			width: "100%",
+			minWidth: 0,
 			minHeight: 52,
 			padding: "10px 0",
-			borderBottom: `1px solid ${dshThemeColor.border}`,
+			borderBottom: `0.5px solid var(--dsw-alias-border-l3, ${dshThemeColor.border})`,
 			boxSizing: "border-box"
 		};
 		const dshSettingsHelpStyle = {
 			color: dshThemeColor.labelTertiary,
-			fontSize: 12,
+			fontSize: uiFontSize(12),
 			lineHeight: 1.5
 		};
 		const dshSettingsNoteStyle = {
@@ -189,7 +223,7 @@ window.__ModuleLoader__.load({
 			borderRadius: 6,
 			color: dshThemeColor.labelSecondary,
 			background: dshThemeColor.surfaceSubtle,
-			fontSize: 12,
+			fontSize: uiFontSize(12),
 			lineHeight: 1.5
 		};
 		/** 终端外观设置的紧凑双列布局。 */
@@ -218,7 +252,7 @@ window.__ModuleLoader__.load({
 			background: dshThemeColor.menuBackground,
 			boxShadow: dshThemeColor.prominentShadow,
 			color: dshThemeColor.labelPrimary,
-			fontSize: 13,
+			fontSize: uiFontSize(13),
 			lineHeight: 1.4,
 			textAlign: "center"
 		};
@@ -379,6 +413,18 @@ window.__ModuleLoader__.load({
 				return dshThemeColor;
 			}
 		});
+		Object.defineProperty(exports, "installFontScale", {
+			enumerable: true,
+			get: function() {
+				return installFontScale;
+			}
+		});
+		Object.defineProperty(exports, "uiFontSize", {
+			enumerable: true,
+			get: function() {
+				return uiFontSize;
+			}
+		});
 		return module.exports;
 	}
 });

package/data/build/dist/client/client.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.theme.js","names":[],"sources":["../../../../src/client/theme.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\n/**\n * DSH 0.1.6 暴露的主题令牌。\n *\n * 回退值只服务于独立测试或宿主尚未加载主题的瞬间；正常运行时由 DSH 的明暗\n * 主题覆盖。所有表单表面必须同时设置背景和前景，避免再次出现白底白字。\n */\nexport const dshThemeColor = {\n  labelPrimary: 'var(--dsw-alias-label-primary, CanvasText)',\n  labelSecondary: 'var(--dsw-alias-label-secondary, GrayText)',\n  labelTertiary: 'var(--dsw-alias-label-tertiary, GrayText)',\n  labelCaption: 'var(--dsw-alias-label-caption, GrayText)',\n  border: 'var(--dsw-alias-border-l2, #d9d9d9)',\n  inputBackground: 'var(--dsw-specific-input-major, Canvas)',\n  surfaceSubtle: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.06))',\n  buttonBackground: 'var(--dsw-alias-button-elevated-fill, transparent)',\n  // 0.1.7 的 specific-menu 可能带透明度；layer-3 在 0.1.5 至 0.1.7 中均为弹层实底。\n  menuBackground: 'var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, Canvas))',\n  // 侧栏面板内嵌卡片比弹层低一层，暗色下只比侧栏表面亮一档，避免形成刺眼的色块。\n  cardBackground: 'var(--dsw-alias-bg-layer-1, Canvas)',\n  pageBackground: 'var(--dsw-alias-bg-base, Canvas)',\n  overlay: 'var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45))',\n  accent: 'var(--dsw-alias-button-info-fill, #1677ff)',\n  // 主操作按钮沿用 DSH 品牌填充：暗色下是浅底深字，和内置主按钮完全一致。\n  primaryBackground: 'var(--dsw-alias-button-primary-fill, #1677ff)',\n  primaryHoverBackground: 'var(--dsw-alias-button-primary-hover, #4096ff)',\n  primaryForeground: 'var(--dsw-alias-label-primary-foreground, #fff)',\n  success: 'var(--dsw-alias-state-success-primary, #16803c)',\n  error: 'var(--dsw-alias-state-error-primary, #b42318)',\n  // 状态描边用 l3/l4：DSH 的输入控件是 0.5px，比 l2 更轻。\n  fieldBorder: 'var(--dsw-alias-border-l4, #d9d9d9)',\n  menuBorder: 'var(--dsw-alias-border-l3, #d9d9d9)',\n  switchThumb: 'var(--dsw-static-neutral-00, #fff)',\n  prominentShadow: 'var(--dsw-elevation-prominent, 0 12px 40px rgba(0, 0, 0, 0.25))',\n  subtleShadow: 'var(--dsw-elevation-soft, 0 1px 2px rgba(0, 0, 0, 0.06))',\n  // 交互态令牌：内联样式无法表达 :hover/:active/:focus-visible，交给注入的插件样式表。\n  hoverBackground: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.08))',\n  activeBackground: 'var(--dsw-alias-interactive-bg-active, rgba(127, 127, 127, 0.14))',\n  focusRing: 'var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))',\n  // Diff 行背景直接复用 DSH DiffBlock 的同一组令牌，保证与内置 Diff 视图一致。\n  diffAddedBackground: 'var(--dsw-alias-code-diff-added, rgba(34, 197, 94, 0.13))',\n  diffDeletedBackground: 'var(--dsw-alias-code-diff-deleted, rgba(239, 68, 68, 0.13))',\n  codeFont: 'var(--dsw-font-markdown-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace)',\n} as const\n\n/** 设置模块根节点显式接入 DSH 的主文字色。 */\nexport const dshFormRootStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n}\n\n/** input、select 和 textarea 共用的主题表面。 */\nexport const dshFieldStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.inputBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n}\n\n/** 普通表单按钮共用的主题表面。 */\nexport const dshButtonStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.buttonBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n}\n\n/** Codingns4DSH 设置页共享外壳：占满宿主内容区，避免重复留白。 */\nexport const dshSettingsPageStyle: CSSProperties = {\n  ...dshFormRootStyle,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n  width: '100%',\n  maxWidth: 'none',\n  margin: 0,\n  padding: 0,\n  // 只保留设备刘海和 Home 指示条所需的安全区，不再叠加宿主留白。\n  paddingLeft: 'env(safe-area-inset-left, 0px)',\n  paddingRight: 'env(safe-area-inset-right, 0px)',\n  paddingBottom: 'env(safe-area-inset-bottom, 0px)',\n  boxSizing: 'border-box',\n}\n\n/** 设置页标题区，使用宿主主题颜色而不是独立品牌色。 */\nexport const dshSettingsHeaderStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n  paddingBottom: 16,\n  borderBottom: `1px solid ${dshThemeColor.border}`,\n}\n\nexport const dshSettingsTitleStyle: CSSProperties = {\n  margin: 0,\n  color: dshThemeColor.labelPrimary,\n  fontSize: 21,\n  lineHeight: 1.3,\n  fontWeight: 700,\n}\n\nexport const dshSettingsSubtitleStyle: CSSProperties = {\n  margin: 0,\n  color: dshThemeColor.labelSecondary,\n  fontSize: 13,\n  lineHeight: 1.5,\n}\n\n/** 模块卡片和标题栏共享的结构样式。 */\nexport const dshSettingsCardStyle: CSSProperties = {\n  background: dshThemeColor.pageBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 8,\n  overflow: 'hidden',\n  boxShadow: dshThemeColor.subtleShadow,\n}\n\nexport const dshSettingsSummaryStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  minHeight: 58,\n  padding: '12px 14px',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  listStyle: 'none',\n}\n\nexport const dshSettingsSummaryTextStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  minWidth: 0,\n  flex: '1 1 auto',\n}\n\nexport const dshSettingsSummaryLabelStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  fontSize: 14,\n  lineHeight: 1.35,\n  fontWeight: 650,\n}\n\nexport const dshSettingsSummaryDescriptionStyle: CSSProperties = {\n  color: dshThemeColor.labelSecondary,\n  fontSize: 12,\n  lineHeight: 1.45,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n}\n\nexport const dshSettingsBodyStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n  padding: '18px 20px 20px',\n  borderTop: `1px solid ${dshThemeColor.border}`,\n  boxSizing: 'border-box',\n}\n\nexport const dshSettingsFieldLabelStyle: CSSProperties = {\n  color: dshThemeColor.labelSecondary,\n  fontSize: 12,\n  lineHeight: 1.4,\n  fontWeight: 600,\n}\n\nexport const dshSettingsFieldStyle: CSSProperties = {\n  ...dshFieldStyle,\n  width: '100%',\n  minHeight: 36,\n  boxSizing: 'border-box',\n  padding: '8px 10px',\n  borderRadius: 6,\n  fontSize: 13,\n}\n\nexport const dshSettingsButtonStyle: CSSProperties = {\n  ...dshButtonStyle,\n  minHeight: 36,\n  padding: '8px 14px',\n  borderRadius: 6,\n  fontSize: 13,\n  lineHeight: 1.3,\n  cursor: 'pointer',\n}\n\nexport const dshSettingsPrimaryButtonStyle: CSSProperties = {\n  ...dshSettingsButtonStyle,\n  color: dshThemeColor.switchThumb,\n  background: dshThemeColor.accent,\n  borderColor: dshThemeColor.accent,\n}\n\nexport const dshSettingsRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  width: '100%',\n}\n\nexport const dshSettingsListRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n  minHeight: 52,\n  padding: '10px 0',\n  borderBottom: `1px solid ${dshThemeColor.border}`,\n  boxSizing: 'border-box',\n}\n\nexport const dshSettingsHelpStyle: CSSProperties = {\n  color: dshThemeColor.labelTertiary,\n  fontSize: 12,\n  lineHeight: 1.5,\n}\n\nexport const dshSettingsNoteStyle: CSSProperties = {\n  padding: '10px 12px',\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 6,\n  color: dshThemeColor.labelSecondary,\n  background: dshThemeColor.surfaceSubtle,\n  fontSize: 12,\n  lineHeight: 1.5,\n}\n\n/** 终端外观设置的紧凑双列布局。 */\nexport const dshSettingsGridStyle: CSSProperties = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',\n  gap: 12,\n}\n\nexport const dshSettingsSectionHeaderStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  paddingBottom: 2,\n}\n\n/** 设置写入结果的顶部浮动提示。 */\nexport const dshSettingsToastStyle: CSSProperties = {\n  position: 'sticky',\n  top: 8,\n  zIndex: 20,\n  alignSelf: 'center',\n  width: 'min(300px, calc(100% - 24px))',\n  padding: '9px 14px',\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 8,\n  background: dshThemeColor.menuBackground,\n  boxShadow: dshThemeColor.prominentShadow,\n  color: dshThemeColor.labelPrimary,\n  fontSize: 13,\n  lineHeight: 1.4,\n  textAlign: 'center',\n}\n\n/** 模态框和弹出菜单必须成对设置前景色与背景色。 */\nexport const dshPopupSurfaceStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.menuBackground,\n  boxShadow: dshThemeColor.prominentShadow,\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.theme.js","names":[],"sources":["../../../../src/client/font-scale.ts","../../../../src/client/theme.ts"],"sourcesContent":["/**\n * 插件界面字号与 DSH 界面字号的联动。\n *\n * DSH 0.2.1-alpha.2 起，界面字号按角色可配，正文角色的值落在 CSS 变量\n * `--dsh-content-font-size`（默认 14px）。插件界面过去写死像素值，用户在 DSH 设置里\n * 调整字号后不会跟随。\n *\n * 这里把固定像素换算成以 DSH 正文字号为基准的 CSS 表达式，因此：\n *\n * - 能力就绪时写入 `--codingns-font-base`，插件界面按同一比例缩放；\n * - 旧版本 DSH 没有该变量，`uiFontSize()` 回落到基准 14px，换算结果与原像素值完全相同。\n *\n * 表达式在模块加载期求值，因此对模块级样式常量同样安全；缩放由 CSS 变量在渲染期解析。\n */\n\n/** DSH 正文角色的默认字号，与 `FONT_SIZE_SPECS.text.default` 一致。 */\nexport const CODINGNS_FONT_BASE_PX = 14\n\n/** 插件界面字号基准变量；能力就绪时被指向 DSH 的正文字号变量。 */\nconst FONT_BASE_VARIABLE = '--codingns-font-base'\n\n/** DSH 正文角色的字号变量名。 */\nconst DSH_CONTENT_FONT_VARIABLE = '--dsh-content-font-size'\n\n/**\n * 把插件界面的固定像素字号换算为跟随 DSH 正文字号的 CSS 表达式。\n *\n * 变量缺失（旧版本 DSH、未安装字体能力、SSR）时回落到基准值，结果等于传入的像素值。\n */\nexport function uiFontSize(px: number): string {\n  return `calc(var(${FONT_BASE_VARIABLE}, ${String(CODINGNS_FONT_BASE_PX)}px) / ${String(CODINGNS_FONT_BASE_PX)} * ${String(px)})`\n}\n\nexport interface CodingNsFontScaleRuntime {\n  /** 读取当前正文字号；DSH 未提供时返回 undefined。 */\n  readonly contentFontSize?: () => number | undefined\n  readonly subscribe?: (listener: () => void) => () => void\n}\n\n/**\n * 安装字号联动：把 `--codingns-font-base` 指向 DSH 的正文字号变量。\n *\n * 只写一个自定义属性，不改 DSH 自己的变量；返回 disposer 供插件停用时清理。\n * 变量在 DSH 侧缺失时由 `fontSize()` 的回落值兜底，因此这里不需要读具体数值。\n */\nexport function installFontScale(doc: Document | undefined = globalThis.document): () => void {\n  const root = doc?.documentElement\n  if (root === undefined) return () => undefined\n  const previous = root.style.getPropertyValue(FONT_BASE_VARIABLE)\n  root.style.setProperty(FONT_BASE_VARIABLE, `var(${DSH_CONTENT_FONT_VARIABLE}, ${String(CODINGNS_FONT_BASE_PX)}px)`)\n  return () => {\n    if (previous === '') root.style.removeProperty(FONT_BASE_VARIABLE)\n    else root.style.setProperty(FONT_BASE_VARIABLE, previous)\n  }\n}\n\n/** 读取当前生效的插件界面字号基准，供诊断输出。 */\nexport function readFontBase(doc: Document | undefined = globalThis.document): string | undefined {\n  const root = doc?.documentElement\n  if (root === undefined) return undefined\n  const value = root.style.getPropertyValue(FONT_BASE_VARIABLE).trim()\n  return value === '' ? undefined : value\n}\n","import type { CSSProperties } from 'react'\nimport { uiFontSize } from './font-scale.js'\n\n/**\n * DSH 0.1.6 暴露的主题令牌。\n *\n * 回退值只服务于独立测试或宿主尚未加载主题的瞬间；正常运行时由 DSH 的明暗\n * 主题覆盖。所有表单表面必须同时设置背景和前景，避免再次出现白底白字。\n */\nexport const dshThemeColor = {\n  labelPrimary: 'var(--dsw-alias-label-primary, CanvasText)',\n  labelSecondary: 'var(--dsw-alias-label-secondary, GrayText)',\n  labelTertiary: 'var(--dsw-alias-label-tertiary, GrayText)',\n  labelCaption: 'var(--dsw-alias-label-caption, GrayText)',\n  border: 'var(--dsw-alias-border-l2, #d9d9d9)',\n  inputBackground: 'var(--dsw-specific-input-major, Canvas)',\n  surfaceSubtle: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.06))',\n  buttonBackground: 'var(--dsw-alias-button-elevated-fill, transparent)',\n  // 0.1.7 的 specific-menu 可能带透明度；layer-3 在 0.1.5 至 0.1.7 中均为弹层实底。\n  menuBackground: 'var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, Canvas))',\n  // 侧栏面板内嵌卡片比弹层低一层，暗色下只比侧栏表面亮一档，避免形成刺眼的色块。\n  cardBackground: 'var(--dsw-alias-bg-layer-1, Canvas)',\n  pageBackground: 'var(--dsw-alias-bg-base, Canvas)',\n  overlay: 'var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45))',\n  accent: 'var(--dsw-alias-button-info-fill, #1677ff)',\n  // 主操作按钮沿用 DSH 品牌填充：暗色下是浅底深字，和内置主按钮完全一致。\n  primaryBackground: 'var(--dsw-alias-button-primary-fill, #1677ff)',\n  primaryHoverBackground: 'var(--dsw-alias-button-primary-hover, #4096ff)',\n  primaryForeground: 'var(--dsw-alias-label-primary-foreground, #fff)',\n  success: 'var(--dsw-alias-state-success-primary, #16803c)',\n  error: 'var(--dsw-alias-state-error-primary, #b42318)',\n  // 权限申请用黄色警示：填充上的前景固定为深色，明暗主题下都保持足够对比度。\n  warning: 'var(--dsw-alias-state-warning-primary, #d99a00)',\n  warningForeground: '#3d2c00',\n  // 状态描边用 l3/l4：DSH 的输入控件是 0.5px，比 l2 更轻。\n  fieldBorder: 'var(--dsw-alias-border-l4, #d9d9d9)',\n  menuBorder: 'var(--dsw-alias-border-l3, #d9d9d9)',\n  switchThumb: 'var(--dsw-static-neutral-00, #fff)',\n  prominentShadow: 'var(--dsw-elevation-prominent, 0 12px 40px rgba(0, 0, 0, 0.25))',\n  subtleShadow: 'var(--dsw-elevation-soft, 0 1px 2px rgba(0, 0, 0, 0.06))',\n  // 交互态令牌：内联样式无法表达 :hover/:active/:focus-visible，交给注入的插件样式表。\n  hoverBackground: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.08))',\n  activeBackground: 'var(--dsw-alias-interactive-bg-active, rgba(127, 127, 127, 0.14))',\n  focusRing: 'var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))',\n  // Diff 行背景直接复用 DSH DiffBlock 的同一组令牌，保证与内置 Diff 视图一致。\n  diffAddedBackground: 'var(--dsw-alias-code-diff-added, rgba(34, 197, 94, 0.13))',\n  diffDeletedBackground: 'var(--dsw-alias-code-diff-deleted, rgba(239, 68, 68, 0.13))',\n  codeFont: 'var(--dsw-font-markdown-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace)',\n} as const\n\n/** 设置模块根节点显式接入 DSH 的主文字色。 */\nexport const dshFormRootStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n}\n\n/** input、select 和 textarea 共用的主题表面。 */\nexport const dshFieldStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.inputBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n}\n\n/** 普通表单按钮共用的主题表面。 */\nexport const dshButtonStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.buttonBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n}\n\n/** Codingns4DSH 设置页共享外壳：占满宿主内容区，避免重复留白。 */\nexport const dshSettingsPageStyle: CSSProperties = {\n  ...dshFormRootStyle,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n  width: '100%',\n  maxWidth: 'none',\n  margin: 0,\n  padding: 0,\n  // 只保留设备刘海和 Home 指示条所需的安全区，不再叠加宿主留白。\n  paddingLeft: 'env(safe-area-inset-left, 0px)',\n  paddingRight: 'env(safe-area-inset-right, 0px)',\n  paddingBottom: 'env(safe-area-inset-bottom, 0px)',\n  boxSizing: 'border-box',\n}\n\n/** 设置页标题区，使用宿主主题颜色而不是独立品牌色。 */\nexport const dshSettingsHeaderStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n  paddingBottom: 16,\n  borderBottom: `1px solid ${dshThemeColor.border}`,\n}\n\nexport const dshSettingsTitleStyle: CSSProperties = {\n  margin: 0,\n  color: dshThemeColor.labelPrimary,\n  fontSize: uiFontSize(21),\n  lineHeight: 1.3,\n  fontWeight: 700,\n}\n\nexport const dshSettingsSubtitleStyle: CSSProperties = {\n  margin: 0,\n  color: dshThemeColor.labelSecondary,\n  fontSize: uiFontSize(13),\n  lineHeight: 1.5,\n}\n\n/** 模块卡片和标题栏共享的结构样式。 */\nexport const dshSettingsCardStyle: CSSProperties = {\n  background: dshThemeColor.pageBackground,\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 8,\n  overflow: 'hidden',\n  boxShadow: dshThemeColor.subtleShadow,\n}\n\nexport const dshSettingsSummaryStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  minHeight: 58,\n  padding: '12px 14px',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  listStyle: 'none',\n}\n\nexport const dshSettingsSummaryTextStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  minWidth: 0,\n  flex: '1 1 auto',\n}\n\nexport const dshSettingsSummaryLabelStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  fontSize: uiFontSize(14),\n  lineHeight: 1.35,\n  fontWeight: 650,\n}\n\nexport const dshSettingsSummaryDescriptionStyle: CSSProperties = {\n  color: dshThemeColor.labelSecondary,\n  fontSize: uiFontSize(12),\n  lineHeight: 1.45,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n}\n\nexport const dshSettingsBodyStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n  // 与标题栏使用相同的左右留白，模块开关和子选项开关落在同一条垂线上。\n  padding: '14px 14px 16px',\n  borderTop: `1px solid ${dshThemeColor.border}`,\n  boxSizing: 'border-box',\n}\n\nexport const dshSettingsFieldLabelStyle: CSSProperties = {\n  color: dshThemeColor.labelSecondary,\n  fontSize: uiFontSize(12),\n  lineHeight: 1.4,\n  fontWeight: 600,\n}\n\nexport const dshSettingsFieldStyle: CSSProperties = {\n  ...dshFieldStyle,\n  width: '100%',\n  minHeight: 36,\n  boxSizing: 'border-box',\n  padding: '8px 10px',\n  borderRadius: 6,\n  fontSize: uiFontSize(13),\n}\n\nexport const dshSettingsButtonStyle: CSSProperties = {\n  ...dshButtonStyle,\n  minHeight: 36,\n  padding: '8px 14px',\n  borderRadius: 6,\n  fontSize: uiFontSize(13),\n  lineHeight: 1.3,\n  cursor: 'pointer',\n}\n\nexport const dshSettingsPrimaryButtonStyle: CSSProperties = {\n  ...dshSettingsButtonStyle,\n  color: dshThemeColor.switchThumb,\n  background: dshThemeColor.accent,\n  borderColor: dshThemeColor.accent,\n}\n\nexport const dshSettingsRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  width: '100%',\n}\n\nexport const dshSettingsListRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  width: '100%',\n  minWidth: 0,\n  minHeight: 52,\n  padding: '10px 0',\n  borderBottom: `0.5px solid var(--dsw-alias-border-l3, ${dshThemeColor.border})`,\n  boxSizing: 'border-box',\n}\n\nexport const dshSettingsHelpStyle: CSSProperties = {\n  color: dshThemeColor.labelTertiary,\n  fontSize: uiFontSize(12),\n  lineHeight: 1.5,\n}\n\nexport const dshSettingsNoteStyle: CSSProperties = {\n  padding: '10px 12px',\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 6,\n  color: dshThemeColor.labelSecondary,\n  background: dshThemeColor.surfaceSubtle,\n  fontSize: uiFontSize(12),\n  lineHeight: 1.5,\n}\n\n/** 终端外观设置的紧凑双列布局。 */\nexport const dshSettingsGridStyle: CSSProperties = {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',\n  gap: 12,\n}\n\nexport const dshSettingsSectionHeaderStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  paddingBottom: 2,\n}\n\n/** 设置写入结果的顶部浮动提示。 */\nexport const dshSettingsToastStyle: CSSProperties = {\n  position: 'sticky',\n  top: 8,\n  zIndex: 20,\n  alignSelf: 'center',\n  width: 'min(300px, calc(100% - 24px))',\n  padding: '9px 14px',\n  border: `1px solid ${dshThemeColor.border}`,\n  borderRadius: 8,\n  background: dshThemeColor.menuBackground,\n  boxShadow: dshThemeColor.prominentShadow,\n  color: dshThemeColor.labelPrimary,\n  fontSize: uiFontSize(13),\n  lineHeight: 1.4,\n  textAlign: 'center',\n}\n\n/** 模态框和弹出菜单必须成对设置前景色与背景色。 */\nexport const dshPopupSurfaceStyle: CSSProperties = {\n  color: dshThemeColor.labelPrimary,\n  background: dshThemeColor.menuBackground,\n  boxShadow: dshThemeColor.prominentShadow,\n}\n"],"mappings":"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"}