@eddyskywalker/dsh-chatgpt-subscription 0.1.12 → 0.1.14

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## Unreleased
+
+- 设置页新增内置子代理模型选择，新启动的 spawn/fork 子代理可统一路由到指定的 ChatGPT 订阅模型。
+- 设置页新增 GPT-5.6 Sol / Terra / Luna 有效上下文窗口配置：默认 272K，可选最高 1M，并动态影响 DSH 的模型解析、压缩阈值与溢出判断。
+
 ## 0.1.12 - 2026-08-20
 
 - 适配 DSH `0.1.0-rc.8`：peerDependencies / devDependencies 中全部 DSH 包范围从 `^0.1.0-rc.6` 提升至 `^0.1.0-rc.8`，并重新生成 package-lock.json。已在本机 rc.8 依赖集上验证：typecheck、55 项测试与 tsdown 构建全部通过，插件代码无需改动。

package/README.md

@@ -39,6 +39,8 @@
 **设置页**
 
 - 展示账号（脱敏 email、套餐、账号 ID 后四位）、连接状态、额度与订阅增强功能开关；
+- 可选择新启动的内置子代理使用哪个 ChatGPT 订阅模型；该设置只改变子代理请求路由，不改变父会话模型；
+- 5.6 Sol / Terra / Luna 默认使用 272K 有效上下文，可在设置中选择最高 1M，用于 DSH 压缩与溢出判断；其他模型保持目录声明值；
 - 可访问的进度条、窄窗口/200% 缩放布局、深浅主题与 reduced-motion。
 
 ## 模型目录
@@ -108,16 +110,17 @@ npx @deepseek-ai/dsh plugin --profile web add "link:C:\absolute\path\to\dsh-chat
 3. 完成 ChatGPT 登录；
 4. 执行 **测试连接**。
 
-DSH 模型选择器应显示 **“Codex（ChatGPT 订阅）”**。
+DSH 模型选择器应显示 **“Codex（ChatGPT 订阅）”**。在同一设置页的“增强功能”中，还可配置新子代理模型和 GPT-5.6 系列的有效上下文窗口。子代理模型设置适用于 DSH 内置的 spawn/fork 子代理（其会话标记为 `origin: subagent`）；外部 ACP/Codex CLI 等 provider-managed 子代理不经过本插件路由。
 
 卸载前建议先在设置页点击 **“注销”**，它会删除当前平台的凭据和 Host 内存中的额度缓存。
 
 若 DSH 已异常退出，可在确认路径后手动处理凭据文件：
 
 - Windows：`%DSH_HOME%\storages\dsh-chatgpt-subscription\oauth.dpapi`，未设置 `DSH_HOME` 时为 `%USERPROFILE%\.dsh\storages\dsh-chatgpt-subscription\oauth.dpapi`；
+- macOS：凭据位于登录钥匙串，可执行 `security delete-generic-password -s dsh-chatgpt-subscription -a oauth` 删除；
 - Linux：`$DSH_HOME/storages/dsh-chatgpt-subscription/oauth.json`，未设置 `DSH_HOME` 时为 `~/.dsh/storages/dsh-chatgpt-subscription/oauth.json`。
 
-> Windows 文件只能由创建它的用户通过 DPAPI 解密。Linux 文件是未额外加密的 JSON，依赖目录 `0700` 和文件 `0600` 隔离；不要复制、打印或提交该文件。跨平台迁移需要重新登录。
+> Windows 文件只能由创建它的用户通过 DPAPI 解密。macOS 凭据由登录钥匙串在本机加密保存。Linux 文件是未额外加密的 JSON，依赖目录 `0700` 和文件 `0600` 隔离；不要复制、打印或提交该文件。跨平台迁移需要重新登录。
 
 ## 安全边界
 
@@ -125,8 +128,9 @@ DSH 模型选择器应显示 **“Codex（ChatGPT 订阅）”**。
 - OAuth token 只发送到 `https://auth.openai.com/oauth/token`；
 - 模型、图片、搜索与额度地址分别固定为 `https://chatgpt.com/backend-api/codex/responses`、`https://chatgpt.com/backend-api/codex/images/generations`、`https://chatgpt.com/backend-api/codex/alpha/search` 和 `https://chatgpt.com/backend-api/wham/usage`，没有 endpoint override；
 - Windows token bundle 使用 CurrentUser DPAPI；明文只经过 Host 内存和 PowerShell stdin/stdout；
+- macOS token bundle 存入登录钥匙串，通过系统 `security` 命令读写；明文只经过 Host 内存和 `security` 命令行参数，Keychain 在本机加密保存；
 - Linux token bundle 原子写入当前用户私有文件并在读取时校验普通文件、所有者与 `0600` 权限，同时拒绝符号链接；该文件没有应用层加密，同 UID 进程、root、备份和磁盘快照仍可读取；
-- 两个平台的 token 都不会进入浏览器、`settings.yaml` 或日志；
+- 所有平台的 token 都不会进入浏览器、`settings.yaml` 或日志；
 - 工具调用只有在参数是完整 JSON 对象时才产生可执行的 `block-end`；畸形参数终止本次生成；
 - 所有修改状态的路由只接受同源 JSON POST，并校验 `Origin` 与 `Host`。
 

package/lib/client.js

@@ -175,8 +175,6 @@ window.__ModuleLoader__.load({
 			const text = blocks.map((block) => block.type === "text" || block.type === "reasoning" ? block.text : "").filter(Boolean).join(" ").trim();
 			return text === "" ? null : text;
 		}
-		//#endregion
-		//#region src/shared/model-catalog.ts
 		const CODEX_MODEL_CATALOG = [
 			{
 				id: "gpt-5.6-sol",
@@ -242,7 +240,15 @@ window.__ModuleLoader__.load({
 				supportsReasoningSummary: false
 			}
 		];
-		CODEX_MODEL_CATALOG[0];
+		const DEFAULT_CODEX_MODEL = CODEX_MODEL_CATALOG[0];
+		const CONFIGURABLE_CONTEXT_MODEL_IDS = [
+			"gpt-5.6-sol",
+			"gpt-5.6-terra",
+			"gpt-5.6-luna"
+		];
+		function resolveCodexCatalogEntry(model) {
+			return CODEX_MODEL_CATALOG.find((entry) => entry.id === model) ?? DEFAULT_CODEX_MODEL;
+		}
 		//#endregion
 		//#region src/client/api.ts
 		var SubscriptionApi = class {
@@ -309,6 +315,7 @@ window.__ModuleLoader__.load({
 			const [authUrl, setAuthUrl] = (0, react.useState)(null);
 			const [popupBlocked, setPopupBlocked] = (0, react.useState)(false);
 			const [connection, setConnection] = (0, react.useState)(null);
+			const [contextDrafts, setContextDrafts] = (0, react.useState)({});
 			const load = (0, react.useCallback)(async (quiet = false) => {
 				if (!quiet) setError(null);
 				try {
@@ -419,6 +426,19 @@ window.__ModuleLoader__.load({
 					preferences
 				});
 			});
+			const updateContextWindow = async (model) => {
+				const current = status?.preferences.contextWindowOverrides[model] ?? resolveCodexCatalogEntry(model).contextWindow;
+				const parsed = parseCapacity(contextDrafts[model] ?? String(current));
+				if (parsed === null) {
+					setError(t("contextWindowInvalid"));
+					return;
+				}
+				await updatePreferences({ contextWindowOverrides: { [model]: parsed } });
+				setContextDrafts((drafts) => ({
+					...drafts,
+					[model]: String(parsed)
+				}));
+			};
 			const logout = async () => run("logout", async () => {
 				await apiRef.current.logout();
 				eventSourceRef.current?.close();
@@ -564,38 +584,88 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 							title: t("enhancements"),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsh-codex-pref-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("searchProvider") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsh-codex-muted",
-									children: t("searchProviderHint")
-								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsh-codex-segments",
-									role: "radiogroup",
-									"aria-label": t("searchProvider"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "dsh-codex-search-provider",
-										checked: status?.preferences.searchProvider === "dsh",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-pref-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("searchProvider") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-codex-muted",
+										children: t("searchProviderHint")
+									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsh-codex-segments",
+										role: "radiogroup",
+										"aria-label": t("searchProvider"),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "dsh-codex-search-provider",
+											checked: status?.preferences.searchProvider === "dsh",
+											disabled: busy !== null,
+											onChange: () => updatePreferences({ searchProvider: "dsh" })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("searchProviderDsh") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "dsh-codex-search-provider",
+											checked: status?.preferences.searchProvider === "codex",
+											disabled: busy !== null,
+											onChange: () => updatePreferences({ searchProvider: "codex" })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("searchProviderCodex") })] })]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-pref-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentModel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-codex-muted",
+										children: t("subagentModelHint")
+									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+										className: "dsh-codex-select",
+										"aria-label": t("subagentModel"),
+										value: status?.preferences.subagentModel ?? CODEX_MODEL_CATALOG[0].id,
 										disabled: busy !== null,
-										onChange: () => updatePreferences({ searchProvider: "dsh" })
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("searchProviderDsh") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "radio",
-										name: "dsh-codex-search-provider",
-										checked: status?.preferences.searchProvider === "codex",
+										onChange: (event) => void updatePreferences({ subagentModel: event.currentTarget.value }),
+										children: CODEX_MODEL_CATALOG.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: model.id,
+											children: model.name
+										}, model.id))
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-context-settings",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("contextWindows") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsh-codex-muted",
+										children: t("contextWindowsHint")
+									})] }), CONFIGURABLE_CONTEXT_MODEL_IDS.map((model) => {
+										const fallback = status?.preferences.contextWindowOverrides[model] ?? resolveCodexCatalogEntry(model).contextWindow;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dsh-codex-context-row",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: resolveCodexCatalogEntry(model).name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: "dsh-codex-capacity-control",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "text",
+													inputMode: "numeric",
+													value: contextDrafts[model] ?? formatCapacity(fallback),
+													disabled: busy !== null,
+													"aria-label": resolveCodexCatalogEntry(model).name + " " + t("contextWindow"),
+													onChange: (event) => setContextDrafts((drafts) => ({
+														...drafts,
+														[model]: event.currentTarget.value
+													})),
+													onBlur: () => void updateContextWindow(model),
+													onKeyDown: (event) => {
+														if (event.key === "Enter") event.currentTarget.blur();
+													}
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("tokens") })]
+											})]
+										}, model);
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-codex-check",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: status?.preferences.quickQuotaVisible === true,
 										disabled: busy !== null,
-										onChange: () => updatePreferences({ searchProvider: "codex" })
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("searchProviderCodex") })] })]
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: "dsh-codex-check",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "checkbox",
-									checked: status?.preferences.quickQuotaVisible === true,
-									disabled: busy !== null,
-									onChange: (event) => updatePreferences({ quickQuotaVisible: event.currentTarget.checked })
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("quickQuota") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("quickQuotaHint") })] })]
-							})]
+										onChange: (event) => updatePreferences({ quickQuotaVisible: event.currentTarget.checked })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("quickQuota") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("quickQuotaHint") })] })]
+								})
+							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 							title: t("quota"),
@@ -700,6 +770,7 @@ window.__ModuleLoader__.load({
 		function storageLabel(storage, t) {
 			if (storage === void 0 || !storage.available) return t("storageUnavailable");
 			if (storage.kind === "windows-dpapi") return t("storageWindows");
+			if (storage.kind === "macos-keychain") return t("storageMacKeychain");
 			if (storage.kind === "linux-file") return t("storageLinuxFile");
 			if (storage.kind === "memory") return t("storageMemory");
 			return t("storageUnavailable");
@@ -707,6 +778,7 @@ window.__ModuleLoader__.load({
 		function storageNotice(storage, t) {
 			if (storage === void 0 || !storage.available) return t("securityUnavailable");
 			if (storage.kind === "windows-dpapi") return t("securityWindows");
+			if (storage.kind === "macos-keychain") return t("securityMacKeychain");
 			if (storage.kind === "linux-file") return t("securityLinuxFile");
 			if (storage.kind === "memory") return t("securityMemory");
 			return t("securityUnavailable");
@@ -775,6 +847,17 @@ window.__ModuleLoader__.load({
 				unitDisplay: "long"
 			}).format(value)} ${t("limitWindow")}`;
 		}
+		function parseCapacity(value) {
+			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
+			if (matched === null) return null;
+			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
+			const parsed = Number(matched[1]) * multiplier;
+			return Number.isSafeInteger(parsed) && parsed >= 1 && parsed <= 1e6 ? parsed : null;
+		}
+		function formatCapacity(value) {
+			if (value % 1e3 === 0) return `${value / 1e3}K`;
+			return String(value);
+		}
 		function formatPercent(value) {
 			return `${new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(value)}%`;
 		}
@@ -819,10 +902,12 @@ window.__ModuleLoader__.load({
 				expires: "令牌到期",
 				storage: "凭据存储",
 				storageWindows: "Windows DPAPI（当前用户加密）",
+				storageMacKeychain: "macOS 钥匙串（Keychain 加密）",
 				storageLinuxFile: "Linux 用户私有文件（权限 0600）",
 				storageMemory: "仅 Host 内存（不持久化）",
 				storageUnavailable: "凭据存储不可用",
 				securityWindows: "令牌由 Host 使用 Windows CurrentUser DPAPI 加密，不会进入浏览器、settings.yaml 或日志。",
+				securityMacKeychain: "令牌由 Host 存入 macOS 登录钥匙串（Keychain），在本机加密保存，不会进入浏览器、settings.yaml 或日志。",
 				securityLinuxFile: "令牌仅写入 Host 上当前 Linux 用户可读的 0600 文件，但不会额外加密；同 UID 进程、root、备份和磁盘快照仍可能读取。",
 				securityMemory: "令牌仅保留在 Host 内存中，Host 退出后丢失。",
 				securityUnavailable: "Host 无法安全访问凭据存储；请修复文件所有者或权限后重试。",
@@ -849,6 +934,13 @@ window.__ModuleLoader__.load({
 				searchProviderHint: "选择 DSH Web 搜索工具使用默认来源，或改用当前 ChatGPT 订阅的 Codex 搜索来源。",
 				searchProviderDsh: "DSH 默认",
 				searchProviderCodex: "Codex 订阅",
+				subagentModel: "子代理模型",
+				subagentModelHint: "新启动的内置子代理使用此 ChatGPT 订阅模型；父会话的模型选择不受影响。",
+				contextWindows: "GPT-5.6 上下文窗口",
+				contextWindowsHint: "默认 272K；可选启用最高 1M。该值用于 DSH 的压缩与溢出判断，可输入 1M、512K 等容量。",
+				contextWindow: "上下文窗口",
+				contextWindowInvalid: "上下文窗口必须是 1 到 1M 的整数，可使用 K 或 M 后缀。",
+				tokens: "tokens",
 				quickQuota: "在输入框旁显示快捷用量",
 				quickQuotaHint: "仅在当前会话选中 codex-chatgpt 模型时显示。",
 				quota: "用量与限额",
@@ -900,10 +992,12 @@ window.__ModuleLoader__.load({
 				expires: "Token expires",
 				storage: "Credential storage",
 				storageWindows: "Windows DPAPI (current-user encrypted)",
+				storageMacKeychain: "macOS Keychain (encrypted)",
 				storageLinuxFile: "Linux user-private file (mode 0600)",
 				storageMemory: "Host memory only (not persistent)",
 				storageUnavailable: "Credential storage unavailable",
 				securityWindows: "The Host encrypts tokens with Windows CurrentUser DPAPI; they never enter the browser, settings.yaml, or logs.",
+				securityMacKeychain: "The Host stores tokens in the macOS login Keychain, encrypted on this machine; they never enter the browser, settings.yaml, or logs.",
 				securityLinuxFile: "Tokens are stored in a mode-0600 file readable only by the current Linux user, but are not additionally encrypted; same-UID processes, root, backups, and disk snapshots can still read them.",
 				securityMemory: "Tokens remain only in Host memory and are lost when the Host exits.",
 				securityUnavailable: "The Host cannot safely access credential storage. Fix the file owner or permissions and retry.",
@@ -930,6 +1024,13 @@ window.__ModuleLoader__.load({
 				searchProviderHint: "Choose whether DSH web search uses its default provider or the Codex search source from this ChatGPT subscription.",
 				searchProviderDsh: "DSH default",
 				searchProviderCodex: "Codex subscription",
+				subagentModel: "Subagent model",
+				subagentModelHint: "New built-in subagents use this ChatGPT subscription model; the parent session selection is unchanged.",
+				contextWindows: "GPT-5.6 context windows",
+				contextWindowsHint: "Defaults to 272K, with an optional value up to 1M. DSH uses it for compaction and overflow detection; values such as 1M and 512K are accepted.",
+				contextWindow: "Context window",
+				contextWindowInvalid: "The context window must be an integer from 1 to 1M. K and M suffixes are accepted.",
+				tokens: "tokens",
 				quickQuota: "Show quick usage beside the composer",
 				quickQuotaHint: "Shown only when the current session uses a codex-chatgpt model.",
 				quota: "Usage and limits",
@@ -1008,6 +1109,14 @@ window.__ModuleLoader__.load({
 .dsh-codex-segments input:checked+span{background:var(--dsw-alias-bg-base);box-shadow:0 1px 2px rgba(0,0,0,.08);color:var(--dsw-alias-label-primary)}
 .dsh-codex-segments input:focus-visible+span{outline:2px solid var(--dsw-alias-button-info-fill,#397ee8);outline-offset:2px}
 .dsh-codex-segments input:disabled+span{cursor:default;opacity:.5}
+.dsh-codex-select,.dsh-codex-capacity-control input{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:7px;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;padding:7px 9px}
+.dsh-codex-select{max-width:210px;min-width:150px}
+.dsh-codex-context-settings{border-bottom:1px solid var(--dsw-alias-border-l2);display:grid;gap:10px;padding:12px 0}
+.dsh-codex-context-settings>div>strong{font-size:13px;font-weight:600}
+.dsh-codex-context-row{align-items:center;display:flex;font-size:12px;gap:14px;justify-content:space-between}
+.dsh-codex-capacity-control{align-items:center;display:flex;gap:7px}
+.dsh-codex-capacity-control input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;width:90px}
+.dsh-codex-capacity-control small{color:var(--dsw-alias-label-tertiary);font-size:11px;width:42px}
 .dsh-codex-check{align-items:flex-start;border-bottom:1px solid var(--dsw-alias-border-l2);cursor:pointer;display:flex;gap:10px;padding:12px 0}
 .dsh-codex-check input{flex:none;margin-top:2px}
 .dsh-codex-check small{color:var(--dsw-alias-label-secondary);display:block;font-size:12px;line-height:1.45;margin-top:2px}
@@ -1046,7 +1155,7 @@ window.__ModuleLoader__.load({
 .dsh-codex-image-loading,.dsh-codex-image-failed{border:1px dashed var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-tertiary);display:inline-flex;font-size:12px;line-height:1.4;padding:18px 20px}
 .dsh-codex-image-failed{color:var(--dsw-alias-label-danger,#d94b4b)}
 @keyframes dsh-codex-pulse{0%,100%{opacity:.55}50%{opacity:1}}
-@media(max-width:560px){.dsh-codex-row,.dsh-codex-pref-row,.dsh-codex-quota-fact{align-items:flex-start;flex-direction:column;gap:3px}.dsh-codex-value,.dsh-codex-quota-fact strong{text-align:left}.dsh-codex-actions{justify-content:flex-start}.dsh-codex-grouphead{align-items:flex-start;flex-direction:column;gap:0;padding:12px 0}.dsh-codex-meter-meta{align-items:flex-start;flex-direction:column;gap:2px}.dsh-codex-errorbar{align-items:flex-start;flex-direction:column}.dsh-codex-segments{width:100%}.dsh-codex-segments label{flex:1}.dsh-codex-segments span{text-align:center}.dsh-codex-image-tool{max-width:100%;margin-left:0}}
+@media(max-width:560px){.dsh-codex-row,.dsh-codex-pref-row,.dsh-codex-quota-fact{align-items:flex-start;flex-direction:column;gap:3px}.dsh-codex-value,.dsh-codex-quota-fact strong{text-align:left}.dsh-codex-actions{justify-content:flex-start}.dsh-codex-grouphead{align-items:flex-start;flex-direction:column;gap:0;padding:12px 0}.dsh-codex-meter-meta{align-items:flex-start;flex-direction:column;gap:2px}.dsh-codex-errorbar{align-items:flex-start;flex-direction:column}.dsh-codex-segments{width:100%}.dsh-codex-select{max-width:none;width:100%}.dsh-codex-context-row{align-items:flex-start;flex-direction:column;gap:5px}.dsh-codex-segments label{flex:1}.dsh-codex-segments span{text-align:center}.dsh-codex-image-tool{max-width:100%;margin-left:0}}
 @media(prefers-reduced-motion:reduce){.dsh-codex-meter>span{transition:none}.dsh-codex-skeleton span{animation:none}}
 `;
 		function installStyles() {