dsh-openai-subscription 0.1.4 → 0.1.6

package/README.md

@@ -53,7 +53,22 @@ Restart `dsh web`, then refresh the existing page. DSH registers the plugin auto
 4. Return to DSH after authorization completes; the plugin fetches and syncs models automatically.
 5. Select an available model from the DSH model picker.
 
-`llm-pi-ai` automatically renews refreshable OAuth credentials during model requests. **Refresh authorization** in this settings page is primarily a manual recovery action.
+The main area keeps **Sync models / Update models**: fetch the model list while preserving local configuration, without switching accounts. Expand **Connection management** for infrequent operations:
+
+- **Refresh authorization / Reconnect**: recover from authorization problems. `llm-pi-ai` automatically renews refreshable credentials during requests; routine manual refresh is unnecessary. Recovery is also shown directly for expired or unknown authorization.
+- **Reload status**: read local state only; does not renew authorization or sync models.
+- **Disconnect**: remove the local connection after confirmation; does not delete your ChatGPT account.
+
+### 1M and custom context windows
+
+Under **Model context**, select a model, choose **Use model default / 1M / Custom**, then **Save context**. 1M means `1,000,000` tokens for input and output combined, not a fixed request size or a higher output-token limit.
+
+- Only the selected model’s `llm-pi-ai.providers.openai-codex.models[].contextWindow` changes. Other models are not forced to 1M.
+- Catalog defaults and maximum windows are separate. The 1M option is disabled below a known 1M maximum, and custom values cannot exceed known maxima.
+- When no maximum is declared, an explicit override is allowed with a warning. Local configuration does not guarantee model/account capacity or unlock upstream access.
+- Later model syncs preserve this local edit. Choose **Use model default** and save to restore the latest synchronized default field.
+- Saving changes local settings only, without login or discovery. Concurrent edits produce a settings conflict; reload before saving again.
+- Older snapshots may lack default/maximum metadata; **Update models** fills in facts the catalog supplies. After upgrading, load both the new host and client plugin, restart DSH, and refresh the page.
 
 ### Status and recovery
 
@@ -120,6 +135,12 @@ OpenAI's terms, privacy policy, model availability, and usage limits still apply
 
 After installing dependencies, run `npm run check` (or `pnpm run check`) for typechecking, build, and regression tests. Use `npm pack --dry-run --ignore-scripts` to inspect published files. Tests mock OAuth, network, and credential services; they do not access real accounts. After editing the plugin, rebuild and reinstall/load that version, restart `dsh web`, and refresh the existing page. Editing source alone does not update the installed GUI plugin.
 
+### Settings UI and navigation icons
+
+Buttons use theme-aware, high-contrast `1px` borders. The header and navigation reuse one local OpenAI SVG, with no additional runtime dependency or remote image requests; see [third-party notices](THIRD_PARTY_NOTICES.md).
+
+The currently tested upstream DSH build does not expose custom settings navigation icons. Unextended hosts keep the default gear without affecting other plugin features. This project includes an **opt-in, build-guarded, reversible** local DSH extension; installing the plugin does not patch the host automatically. It preserves string labels and passes icons through `icon({ size, className })`, not DOM/CSS substitution. See [DSH settings icon extension](docs/DSH_SETTINGS_ICONS.md) for usage and upgrade caveats.
+
 ## License
 
 MIT — see [LICENSE](LICENSE).

package/README.zh.md

@@ -53,7 +53,22 @@ dsh plugin --profile web add dsh-openai-subscription
 4. 授权完成后返回 DSH；插件会自动获取并同步模型。
 5. 在 DSH 的模型选择器中选择可用模型。
 
-`llm-pi-ai` 会在模型请求期间自动续期可刷新的 OAuth 凭证。设置页中的 **刷新授权** 主要用于授权异常时的手动恢复。
+常用区域只保留 **同步模型 / 更新模型**：重新获取模型列表，保留本地配置，不切换账号。展开 **连接管理** 才会看到低频操作：
+
+- **刷新授权 / 重新连接**：用于授权异常恢复。`llm-pi-ai` 会在模型请求期间自动续期可刷新的凭证，无需日常手动刷新；过期或有效性未知时会直接显示恢复按钮。
+- **重新读取状态**：只读取本机状态，不刷新授权、不同步模型。
+- **断开连接**：清理本机连接，操作前需确认，不会删除 ChatGPT 账号。
+
+### 1M 与自定义上下文
+
+在 **模型上下文** 中选择模型，再选择 **跟随模型默认 / 1M / 自定义**，点击 **保存上下文**。1M 表示 `1,000,000` tokens，是输入与输出合计窗口；不是每次固定发送 1M tokens，也不会提高单次输出上限。
+
+- 仅修改选中模型的 `llm-pi-ai.providers.openai-codex.models[].contextWindow`，不把所有模型强制提升到 1M。
+- 目录的默认窗口与最大窗口分开处理；已知上限低于 1M 时禁用 1M 选项，自定义也不能超过已知上限。
+- 未知上限时允许明确设置，但本机配置不代表模型或账号支持该容量，不会解锁上游权限。
+- 后续模型同步会保留本地上下文编辑；选择 **跟随模型默认** 并保存可恢复最近一次同步的默认字段。
+- 保存仅操作本机设置，不触发登录或模型发现；其他页面同时改动时会报设置冲突，请重新读取后再保存。
+- 旧版记录可能缺少默认/上限信息；点击 **更新模型** 可补齐目录提供的元数据。升级后需同时加载新版主机端与客户端，并重启 DSH、刷新页面。
 
 ### 状态与恢复
 
@@ -120,6 +135,12 @@ dsh plugin --profile web remove dsh-openai-subscription
 
 安装依赖后运行 `npm run check`（或 `pnpm run check`），完成类型检查、构建和回归测试；`npm pack --dry-run --ignore-scripts` 检查发布文件。测试使用模拟 OAuth、网络与凭证服务，不访问真实账号。修改插件后需要重新构建并重新安装/加载该版本，再重启 `dsh web`、刷新现有页面；仅修改源码不会更新已安装的 GUI 插件。
 
+### 设置界面与导航图标
+
+按钮使用主题自适应的 `1px` 高对比度边框。顶部和导航复用本地 OpenAI SVG，无额外运行时依赖或远程图片请求；来源及许可证见 [第三方声明](THIRD_PARTY_NOTICES.md)。
+
+当前官方 DSH 设置导航尚未提供自定义图标接口，未扩展的宿主仍显示默认齿轮，插件其他功能不受影响。本项目提供**显式执行、限定构建版本、可还原**的本机 DSH 扩展，不在安装时自动修改宿主。它保留字符串标签，通过 `icon({ size, className })` 传递图标，不使用 DOM/CSS 替换技巧。用法和升级注意事项见 [DSH 图标接口扩展](docs/DSH_SETTINGS_ICONS.md)。
+
 ## 许可证
 
 MIT——见 [LICENSE](LICENSE)。

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,59 @@
+# Third-party notices
+
+## OpenAI / ChatGPT icon — Lobe Icons
+
+The monochrome SVG geometry embedded in `src/client.ts` is from
+[`@lobehub/icons-static-svg` 1.95.0, `icons/openai.svg`](https://www.npmjs.com/package/@lobehub/icons-static-svg/v/1.95.0).
+Upstream: [Lobe Icons](https://github.com/lobehub/lobe-icons),
+[icon preview](https://lobehub.com/icons/openai).
+
+The path geometry is unchanged. The wrapper is adapted to React, accepts a size
+and CSS class, inherits `currentColor`, and is hidden from assistive technology
+because adjacent text provides the label. The same component is used in the
+settings header and navigation; no icon library or remote image is loaded at runtime.
+
+OpenAI and ChatGPT names and marks belong to their respective owners. Use here
+identifies the supported service and does not imply affiliation or endorsement.
+The software license below does not grant trademark rights.
+
+## DeepSeek Harness patch anchors
+
+The optional `scripts/patch-dsh-settings-icons.mjs` includes small source anchors
+from DeepSeek Harness's MIT-licensed settings and slots packages.
+
+Copyright (c) 2026 DeepSeek
+
+The MIT permission and disclaimer below also apply to these anchors; preserve
+this copyright notice when distributing them. The extension is local to this
+project and is not an upstream DeepSeek release.
+
+## MIT license text
+
+Reproduced from `@lobehub/icons` 1.95.0, `LICENSE` (the static SVG package
+also declares MIT). The DeepSeek Harness packages use the same MIT terms with
+the DeepSeek copyright notice above:
+
+
+```text
+MIT License
+
+Copyright (c) 2023 LobeHub
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

package/dist/client.d.ts

@@ -30,6 +30,18 @@ interface ModelSyncInfo {
     count: number;
     warningCode?: string;
 }
+interface ModelContextInfo {
+    id: string;
+    name?: string;
+    contextWindow?: number;
+    defaultContextWindow?: number;
+    maxContextWindow?: number;
+    customized: boolean;
+}
+interface ModelContextsInfo {
+    revision: number;
+    models: ModelContextInfo[];
+}
 interface RemoteResult<T> {
     ok?: boolean;
     error?: {
@@ -67,6 +79,7 @@ interface SettingsSectionMeta {
     id: string;
     order: number;
     label: string | (() => string);
+    icon?: IconComponent;
     locale?: string;
 }
 interface SlotsService {
@@ -100,8 +113,13 @@ interface SectionProps {
     subscribeReset?: (listener: () => void) => () => void;
 }
 type SectionComponent = (props: SectionProps) => ReactElement;
+interface IconProps {
+    size?: number;
+    className?: string;
+}
+type IconComponent = (props: IconProps) => ReactElement;
 interface ReactModule {
-    createElement(type: string | SectionComponent, props: Record<string, unknown> | null, ...children: ReactNode[]): ReactElement;
+    createElement(type: string | SectionComponent | IconComponent, props: Record<string, unknown> | null, ...children: ReactNode[]): ReactElement;
     useState<S>(initial: S): [S, (update: S | ((previous: S) => S)) => void];
     useEffect(effect: () => void | (() => void), deps?: ReadonlyArray<unknown>): void;
     useRef<T>(initial: T): {

package/dist/client.js

@@ -17,7 +17,35 @@ const ZH = {
     'model.synced': '模型已同步',
     'model.attention': '模型需要同步',
     'model.count': '{count} 个可用模型',
-    'model.synced.detail': '账号目录、内置目录和本地编辑已安全合并。',
+    'model.synced.detail': '已合并账号模型与 DSH 内置模型，保留你的本地编辑。',
+    'model.sync.help': '重新获取可用模型列表，不会更换账号或重置本地配置。',
+    'context.title': '模型上下文',
+    'context.help': '按模型设置总上下文窗口（输入 + 输出）。同步模型会保留此设置。',
+    'context.model': '模型',
+    'context.window': '上下文窗口',
+    'context.default': '跟随模型默认',
+    'context.million': '1M · 1,000,000 tokens',
+    'context.custom': '自定义',
+    'context.tokens': '自定义 tokens 数',
+    'context.current': '当前：{count} tokens',
+    'context.maximum': '目录声明上限：{count} tokens',
+    'context.unknown': '目录未声明最大窗口；本机配置不会解锁上游权限，请确认模型和账号支持。',
+    'context.limit.help': '超过目录声明上限的配置不可保存；实际可用性仍取决于账号和上游。',
+    'context.empty': '同步模型后即可配置上下文。',
+    'context.loading': '正在读取模型配置…',
+    'context.save': '保存上下文',
+    'context.saving': '正在保存…',
+    'context.saved': '上下文配置已保存，后续模型请求会使用新设置。',
+    'context.error': '无法读取上下文配置。请确认插件主机端已更新并重启 DSH 后重试。',
+    'error.invalid-context-window': '请输入正整数 tokens 数。',
+    'error.context-window-exceeded': '此设置超过了模型目录声明的最大上下文窗口。',
+    'error.model-not-found': '模型已不在当前列表中，请重新读取配置。',
+    'action.more': '连接管理',
+    'action.less': '收起连接管理',
+    'manage.refresh.help': '请求时会自动续期；仅在授权异常时手动刷新，无需重新登录。',
+    'manage.reconnect.help': '重新进行设备验证，以恢复此账号的授权。',
+    'manage.reload.help': '只重新读取本机状态，不刷新授权，也不同步模型。',
+    'manage.disconnect.help': '删除本机授权和未修改的插件模型项，不影响 ChatGPT 账号。',
     'model.attention.detail': '确认同步后会保留本地新增项与已编辑字段。',
     'action.connect': '连接 ChatGPT',
     'action.connecting': '正在连接…',
@@ -120,7 +148,35 @@ const EN = {
     'model.synced': 'Models synced',
     'model.attention': 'Models need syncing',
     'model.count': '{count} models available',
-    'model.synced.detail': 'Account, built-in, and locally edited catalogs are safely merged.',
+    'model.synced.detail': 'Account and DSH models are merged, keeping your local edits.',
+    'model.sync.help': 'Fetch the available model list without switching accounts or resetting local settings.',
+    'context.title': 'Model context',
+    'context.help': 'Set each model’s total context window (input + output). Model sync preserves this setting.',
+    'context.model': 'Model',
+    'context.window': 'Context window',
+    'context.default': 'Use model default',
+    'context.million': '1M · 1,000,000 tokens',
+    'context.custom': 'Custom',
+    'context.tokens': 'Custom token count',
+    'context.current': 'Current: {count} tokens',
+    'context.maximum': 'Catalog limit: {count} tokens',
+    'context.unknown': 'The catalog does not declare a maximum. Local settings do not unlock upstream access; confirm model and account support.',
+    'context.limit.help': 'Values above the catalog limit cannot be saved. Availability still depends on your account and upstream service.',
+    'context.empty': 'Sync models to configure their context windows.',
+    'context.loading': 'Reading model settings…',
+    'context.save': 'Save context',
+    'context.saving': 'Saving…',
+    'context.saved': 'Context settings saved. Subsequent model requests will use the new setting.',
+    'context.error': 'Could not read context settings. Ensure the host plugin is updated and restart DSH before retrying.',
+    'error.invalid-context-window': 'Enter a positive whole number of tokens.',
+    'error.context-window-exceeded': 'This exceeds the maximum context window declared by the model catalog.',
+    'error.model-not-found': 'The model is no longer in the current list. Reload settings.',
+    'action.more': 'Connection management',
+    'action.less': 'Hide connection management',
+    'manage.refresh.help': 'Authorization renews automatically during requests. Refresh manually only to recover from authorization errors.',
+    'manage.reconnect.help': 'Repeat device verification to restore authorization for this account.',
+    'manage.reload.help': 'Read local status only. Does not renew authorization or sync models.',
+    'manage.disconnect.help': 'Remove local authorization and unchanged plugin models, not your ChatGPT account.',
     'model.attention.detail': 'Syncing preserves local additions and fields you edited.',
     'action.connect': 'Connect ChatGPT',
     'action.connecting': 'Connecting…',
@@ -222,8 +278,26 @@ window.__ModuleLoader__.load({
         const exports = module.exports;
         Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
         const React = require('react');
+        // Lobe Icons @lobehub/icons-static-svg 1.95.0, icons/openai.svg (MIT).
+        // Geometry is unchanged; see THIRD_PARTY_NOTICES.md for attribution.
+        // One local SVG component serves both the host navigation and this header:
+        // no extra React runtime, icon-library bundle, or external image request.
+        function OpenAIIcon({ size = 24, className }) {
+            return React.createElement('svg', {
+                xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24',
+                width: size, height: size, fill: 'currentColor', fillRule: 'evenodd',
+                className, 'aria-hidden': true, focusable: false,
+            }, React.createElement('path', {
+                d: 'M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z',
+            }));
+        }
         const CSS = `
 .oasub-wrap {
+  --oasub-section-inset: 20px;
+  --oasub-card-border-width: 1px;
+  /* Control boundaries need more contrast than the host's decorative hairlines. */
+  --oasub-control-border: color-mix(in srgb, var(--dsw-alias-label-primary, #0f1115) 48%, transparent);
+  --oasub-control-border-hover: color-mix(in srgb, var(--dsw-alias-label-primary, #0f1115) 68%, transparent);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -232,6 +306,8 @@ window.__ModuleLoader__.load({
   color: var(--dsw-alias-label-primary, #0f1115);
 }
 .oasub-wrap, .oasub-wrap * { box-sizing: border-box; }
+/* The header stays flush with the card's outer frame. */
+.oasub-header { padding-inline: 0; }
 .oasub-header { display: flex; align-items: center; gap: 12px; }
 .oasub-mark {
   display: grid;
@@ -242,19 +318,17 @@ window.__ModuleLoader__.load({
   border-radius: 13px;
   color: var(--dsw-alias-label-primary-inverted, #fff);
   background: var(--dsw-alias-brand-primary, #4176e6);
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1;
 }
-.oasub-heading { min-width: 0; }
+.oasub-mark > svg { display: block; flex: none; }
+.oasub-heading { min-width: 0; overflow-wrap: anywhere; }
 .oasub-title { margin: 0; font-size: 18px; font-weight: 600; line-height: 26px; }
 .oasub-subtitle { margin: 2px 0 0; color: var(--dsw-alias-label-tertiary, #81858c); font-size: 13px; line-height: 20px; }
 .oasub-card {
   display: flex;
   flex-direction: column;
   gap: 16px;
-  padding: 20px;
-  border: .5px solid var(--dsw-alias-border-l2, rgba(15, 17, 21, .14));
+  padding: var(--oasub-section-inset);
+  border: var(--oasub-card-border-width) solid var(--dsw-alias-border-l2, rgba(15, 17, 21, .14));
   border-radius: 16px;
   background: var(--dsw-alias-bg-layer-1, #fff);
   box-shadow: var(--dsw-shadow-lv1, 0 2px 8px rgba(0, 0, 0, .04));
@@ -289,11 +363,21 @@ window.__ModuleLoader__.load({
 .oasub-model-title { font-size: 13px; font-weight: 500; line-height: 19px; }
 .oasub-model-detail { color: var(--dsw-alias-label-tertiary, #81858c); font-size: 11px; line-height: 17px; }
 .oasub-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.oasub-management { display: flex; flex-direction: column; gap: 16px; border-top: 1px solid var(--dsw-alias-border-l2, rgba(15, 17, 21, .14)); padding-top: 16px; }
+.oasub-manage-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.oasub-manage-row > .oasub-button { flex: 0 0 auto; }
+.oasub-button.disclosure { border-color: transparent; border-radius: 8px; color: var(--dsw-alias-label-secondary, #61666b); padding: 4px 0; min-height: 32px; align-self: flex-start; }
+.oasub-context { display: flex; flex-direction: column; gap: 10px; }
+.oasub-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 180px; min-width: 0; font-size: 12px; }
+.oasub-context > .oasub-field { flex: none; }
+.oasub-select { width: 100%; min-height: 36px; border: 1px solid var(--oasub-control-border); border-radius: 8px; padding: 7px 10px; font: inherit; color: inherit; background: var(--dsw-alias-bg-layer-1, #fff); }
+.oasub-select:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #4176e6); outline-offset: 2px; }
+.oasub-select:disabled { opacity: .55; }
 .oasub-button {
   appearance: none;
   min-height: 36px;
   padding: 7px 15px;
-  border: .5px solid var(--dsw-alias-border-l1, rgba(15, 17, 21, .2));
+  border: 1px solid var(--oasub-control-border);
   border-radius: 999px;
   color: var(--dsw-alias-label-primary, #0f1115);
   background: transparent;
@@ -306,7 +390,7 @@ window.__ModuleLoader__.load({
   text-align: center;
   transition: background .16s ease, border-color .16s ease, opacity .16s ease, transform .16s ease;
 }
-.oasub-button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, rgba(15, 17, 21, .06)); }
+.oasub-button:not(.primary):not(.danger):hover:not(:disabled) { border-color: var(--oasub-control-border-hover); background: var(--dsw-alias-interactive-bg-hover, rgba(15, 17, 21, .06)); }
 .oasub-button:active:not(:disabled) { transform: translateY(1px); }
 .oasub-button:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #4176e6); outline-offset: 2px; }
 .oasub-button:disabled { cursor: default; opacity: .45; }
@@ -357,10 +441,19 @@ window.__ModuleLoader__.load({
 .oasub-dialog p { margin: 8px 0 18px; color: var(--dsw-alias-label-secondary, #61666b); font-size: 13px; line-height: 20px; }
 .oasub-dialog .oasub-actions { justify-content: flex-end; }
 @media (max-width: 520px) {
-  .oasub-card { padding: 16px; }
+  .oasub-wrap { --oasub-section-inset: 16px; }
   .oasub-status-line { flex-direction: column; }
   .oasub-button { flex: 1 1 auto; }
   .oasub-button.quiet { margin-left: 0; }
+  .oasub-manage-row { align-items: flex-start; flex-direction: column; gap: 8px; }
+}
+@media (forced-colors: active) {
+  .oasub-button { border-color: ButtonText; }
+  .oasub-button.primary, .oasub-button.danger { border-color: ButtonText; color: ButtonText; background: ButtonFace; }
+  .oasub-button:not(.primary):not(.danger):hover:not(:disabled),
+  .oasub-button.primary:hover:not(:disabled), .oasub-button.danger:hover:not(:disabled) { border-color: Highlight; filter: none; }
+  .oasub-button:focus-visible { outline-color: Highlight; }
+  .oasub-button:disabled { border-color: GrayText; color: GrayText; opacity: 1; }
 }
 @media (prefers-reduced-motion: reduce) {
   .oasub-button { transition: none; }
@@ -388,6 +481,7 @@ window.__ModuleLoader__.load({
             'timeout', 'invalid-response', 'process-exited', 'credential-write-failed', 'credential-changed',
             'settings-unavailable', 'models-unavailable', 'models-empty', 'models-confirmation-required',
             'settings-conflict', 'settings-write-failed', 'ownership-save-failed', 'cancelled', 'unknown',
+            'invalid-context-window', 'context-window-exceeded', 'model-not-found',
         ]);
         function allowedCode(value) {
             return typeof value === 'string' && ERROR_CODES.has(value) ? value : undefined;
@@ -534,6 +628,25 @@ window.__ModuleLoader__.load({
             }
             return { synced: true, count: raw.count, warningCode: raw.warningCode == null ? undefined : allowedCode(raw.warningCode) ?? 'unknown' };
         }
+        function positiveInteger(value) {
+            return typeof value === 'number' && Number.isSafeInteger(value) && value > 0 ? value : undefined;
+        }
+        function parseModelContexts(value) {
+            const raw = recordOf(value);
+            if (raw === null || typeof raw.revision !== 'number' || !Number.isSafeInteger(raw.revision) || raw.revision < 0 || !Array.isArray(raw.models)) {
+                throw new ClientFailure('invalid-response');
+            }
+            const models = [];
+            for (const item of raw.models) {
+                const row = recordOf(item);
+                if (!row || typeof row.id !== 'string' || !row.id || models.some((model) => model.id === row.id))
+                    throw new ClientFailure('invalid-response');
+                models.push({ id: row.id, name: typeof row.name === 'string' ? row.name : undefined,
+                    contextWindow: positiveInteger(row.contextWindow), defaultContextWindow: positiveInteger(row.defaultContextWindow),
+                    maxContextWindow: positiveInteger(row.maxContextWindow), customized: row.customized === true });
+            }
+            return { revision: raw.revision, models };
+        }
         function safeVerificationUrl(value) {
             if (typeof value !== 'string' || value !== value.trim())
                 return null;
@@ -565,6 +678,14 @@ window.__ModuleLoader__.load({
             const [cancelPending, setCancelPending] = React.useState(false);
             const [confirm, setConfirm] = React.useState(null);
             const [statusRevision, setStatusRevision] = React.useState(0);
+            const [managementOpen, setManagementOpen] = React.useState(false);
+            const [contexts, setContexts] = React.useState(null);
+            const [contextLoading, setContextLoading] = React.useState(false);
+            const [contextError, setContextError] = React.useState(null);
+            const [modelId, setModelId] = React.useState('');
+            // null means no pending edit; '' selects the synchronized model default.
+            const [contextDraft, setContextDraft] = React.useState(null);
+            const [contextChoice, setContextChoice] = React.useState(null);
             const actionLock = React.useRef(false);
             const cancelAcknowledged = React.useRef(false);
             const flowObserved = React.useRef(false);
@@ -623,6 +744,32 @@ window.__ModuleLoader__.load({
                     controller.abort();
                 };
             }, [connection, statusRevision]);
+            React.useEffect(() => {
+                if (!configured) {
+                    setContexts(null);
+                    setContextDraft(null);
+                    setContextChoice(null);
+                    return;
+                }
+                const controller = new AbortController();
+                setContextLoading(true);
+                setContextError(null);
+                remoteCall(connection, 'getModelContexts', {}, controller.signal).then(parseModelContexts).then((result) => {
+                    if (controller.signal.aborted)
+                        return;
+                    setContexts(result);
+                    setModelId((id) => result.models.some((model) => model.id === id) ? id : result.models[0]?.id ?? '');
+                    setContextDraft(null);
+                    setContextChoice(null);
+                }).catch((error) => {
+                    if (!controller.signal.aborted) {
+                        setContexts(null);
+                        setContextError(errorKey(error, 'context.error'));
+                    }
+                }).finally(() => { if (!controller.signal.aborted)
+                    setContextLoading(false); });
+                return () => controller.abort();
+            }, [connection, configured, statusRevision]);
             React.useEffect(() => {
                 if (props.subscribeReset === undefined)
                     return;
@@ -941,6 +1088,41 @@ window.__ModuleLoader__.load({
                     }
                 });
             };
+            const selectedModel = contexts?.models.find((model) => model.id === modelId);
+            const savedContext = selectedModel?.customized && selectedModel.contextWindow ? String(selectedModel.contextWindow) : '';
+            const draft = contextDraft ?? savedContext;
+            const contextMode = contextChoice ?? (draft === '' ? 'default' : draft === '1000000' ? 'million' : 'custom');
+            const requestedContext = draft === '' ? null : /^\d+$/.test(draft) ? positiveInteger(Number(draft)) : undefined;
+            const contextValidation = requestedContext === undefined ? 'error.invalid-context-window'
+                : requestedContext !== null && selectedModel?.maxContextWindow !== undefined && requestedContext > selectedModel.maxContextWindow
+                    ? 'error.context-window-exceeded' : null;
+            const contextDirty = contextDraft !== null && (draft !== savedContext || (draft === '' && selectedModel?.customized === true));
+            const saveContext = () => {
+                const signal = lifetime.current?.signal;
+                if (phaseRef.current !== 'idle' || actionLock.current || !signal || signal.aborted || !contexts || !selectedModel || !contextDirty || contextValidation || contextLoading || statusLoading)
+                    return;
+                actionLock.current = true;
+                changePhase('saving-context');
+                setNotice(null);
+                remoteCall(connection, 'setModelContext', {
+                    modelId: selectedModel.id, contextWindow: requestedContext, revision: contexts.revision,
+                }, signal, MUTATION_TIMEOUT_MS).then((result) => {
+                    if (signal.aborted)
+                        return;
+                    if (result?.saved !== true)
+                        throw new ClientFailure('invalid-response');
+                    setNotice({ tone: 'success', key: 'context.saved' });
+                }).catch((error) => {
+                    if (!signal.aborted)
+                        setNotice({ tone: 'error', key: failureCode(error) === 'timeout' ? 'error.long-action' : errorKey(error, 'error.settings-write-failed') });
+                }).finally(() => {
+                    if (!signal.aborted) {
+                        actionLock.current = false;
+                        changePhase('idle');
+                        reloadStatus();
+                    }
+                });
+            };
             const selectCode = () => {
                 codeRef.current?.focus();
                 codeRef.current?.select();
@@ -988,6 +1170,7 @@ window.__ModuleLoader__.load({
                         type: 'button',
                         className: 'oasub-button ' + (info.modelsSynced ? '' : 'primary'),
                         disabled: busy,
+                        'aria-describedby': 'oasub-sync-help',
                         onClick: requestModelSync,
                     }, phase === 'syncing' ? t('action.syncing') : t(info.modelsSynced ? 'action.updateModels' : 'action.sync'))
                     : el('button', {
@@ -995,25 +1178,32 @@ window.__ModuleLoader__.load({
                         className: 'oasub-button primary',
                         disabled: busy || !ready,
                         onClick: () => startAuthorization('device_code'),
-                    }, phase === 'starting' || phase === 'authorizing' ? t('action.connecting') : t('action.connect')), configured
+                    }, phase === 'starting' || phase === 'authorizing' ? t('action.connecting') : t('action.connect')), configured && info.credentialState !== 'valid'
                     ? el('button', {
-                        type: 'button',
-                        className: 'oasub-button',
-                        disabled: busy || !ready,
+                        type: 'button', className: 'oasub-button primary', disabled: busy || !ready,
+                        title: t(info.refreshable ? 'manage.refresh.help' : 'manage.reconnect.help'),
                         onClick: () => startAuthorization(info.refreshable ? 'refresh' : 'device_code'),
-                    }, phase === 'starting' || phase === 'authorizing'
-                        ? t('action.refreshing')
-                        : t(info.refreshable ? 'action.refresh' : 'action.reconnect'))
-                    : null, info.cleanupAvailable
-                    ? el('button', {
-                        type: 'button',
-                        className: 'oasub-button danger quiet',
-                        disabled: busy,
-                        onClick: () => openConfirm('disconnect'),
-                    }, phase === 'disconnecting' ? t('action.disconnecting') : t('action.disconnect'))
-                    : null));
-            return el('div', { className: 'oasub-wrap' }, el('header', { className: 'oasub-header' }, el('div', { className: 'oasub-mark', 'aria-hidden': true }, '✦'), el('div', { className: 'oasub-heading' }, el('h2', { className: 'oasub-title' }, t('title')), el('p', { className: 'oasub-subtitle' }, t('subtitle')))), statusCard, statusError !== null
-                ? el('div', { className: 'oasub-notice error', role: 'alert' }, t(statusError), info !== null ? ' ' + t('status.stale') : null, el('button', { type: 'button', className: 'oasub-button quiet', disabled: statusLoading, onClick: reloadStatus }, t('action.retry'))) : null, el('div', { className: 'oasub-actions' }, el('button', { ref: reloadRef, type: 'button', className: 'oasub-button', disabled: statusLoading, onClick: reloadStatus }, t(statusLoading ? 'status.reloading' : 'action.reload'))), device !== null
+                    }, phase === 'starting' || phase === 'authorizing' ? t('action.refreshing') : t(info.refreshable ? 'action.refresh' : 'action.reconnect'))
+                    : null), configured ? el('div', { id: 'oasub-sync-help', className: 'oasub-status-detail' }, t('model.sync.help')) : null);
+            return el('div', { className: 'oasub-wrap' }, el('header', { className: 'oasub-header' }, el('div', { className: 'oasub-mark', 'aria-hidden': true }, el(OpenAIIcon, { size: 24 })), el('div', { className: 'oasub-heading' }, el('h2', { className: 'oasub-title' }, t('title')), el('p', { className: 'oasub-subtitle' }, t('subtitle')))), statusCard, configured ? el('section', { className: 'oasub-card oasub-context', 'aria-labelledby': 'oasub-context-title' }, el('div', { id: 'oasub-context-title', className: 'oasub-status-title' }, t('context.title')), el('div', { className: 'oasub-status-detail' }, t('context.help')), contextLoading ? el('div', { role: 'status', className: 'oasub-status-detail' }, t('context.loading')) : null, contextError ? el('div', { role: 'alert', className: 'oasub-notice error' }, t(contextError), el('button', { type: 'button', className: 'oasub-button quiet', disabled: contextLoading, onClick: reloadStatus }, t('action.retry'))) : null, !contextLoading && contexts?.models.length === 0 ? el('div', { className: 'oasub-status-detail' }, t('context.empty')) : null, selectedModel ? el('div', { className: 'oasub-context' }, el('div', { className: 'oasub-actions' }, el('label', { className: 'oasub-field' }, t('context.model'), el('select', { className: 'oasub-select', 'aria-label': t('context.model'), value: modelId, disabled: busy || contextLoading || statusLoading,
+                onChange: (event) => { setModelId(event.currentTarget.value); setContextDraft(null); setContextChoice(null); } }, contexts?.models.map((model) => el('option', { key: model.id, value: model.id }, model.name && model.name !== model.id ? model.name + ' (' + model.id + ')' : model.id)))), el('label', { className: 'oasub-field' }, t('context.window'), el('select', { className: 'oasub-select', 'aria-label': t('context.window'), value: contextMode, disabled: busy || contextLoading || statusLoading,
+                'aria-describedby': 'oasub-context-limit',
+                onChange: (event) => {
+                    const choice = event.currentTarget.value === 'default' ? 'default' : event.currentTarget.value === 'million' ? 'million' : 'custom';
+                    setContextChoice(choice);
+                    setContextDraft(choice === 'default' ? '' : choice === 'million' ? '1000000' : '-');
+                } }, el('option', { value: 'default' }, t('context.default') + (selectedModel.defaultContextWindow ? ' · ' + selectedModel.defaultContextWindow.toLocaleString() : '')), el('option', { value: 'million', disabled: selectedModel.maxContextWindow !== undefined && selectedModel.maxContextWindow < 1_000_000 }, t('context.million')), el('option', { value: 'custom' }, t('context.custom'))))), contextMode === 'custom' ? el('label', { className: 'oasub-field' }, t('context.tokens'), el('input', { className: 'oasub-select', type: 'text', inputMode: 'numeric', 'aria-label': t('context.tokens'),
+                value: draft === '-' ? '' : draft, disabled: busy || contextLoading || statusLoading,
+                'aria-invalid': contextValidation !== null, 'aria-describedby': 'oasub-context-limit',
+                onChange: (event) => setContextDraft(event.currentTarget.value || '-') })) : null, selectedModel.contextWindow ? el('div', { className: 'oasub-status-detail' }, t('context.current', { count: selectedModel.contextWindow.toLocaleString() })) : null, el('div', { id: 'oasub-context-limit', className: 'oasub-status-detail' }, selectedModel.maxContextWindow ? t('context.maximum', { count: selectedModel.maxContextWindow.toLocaleString() }) + ' · ' + t('context.limit.help') : t('context.unknown')), contextDirty && contextValidation ? el('div', { role: 'alert', className: 'oasub-status-detail' }, t(contextValidation)) : null, contextDirty ? el('div', { className: 'oasub-actions' }, el('button', { type: 'button', className: 'oasub-button primary', disabled: busy || contextLoading || statusLoading || contextValidation !== null,
+                onClick: saveContext }, t(phase === 'saving-context' ? 'context.saving' : 'context.save'))) : null) : null) : null, statusError !== null
+                ? el('div', { className: 'oasub-notice error', role: 'alert' }, t(statusError), info !== null ? ' ' + t('status.stale') : null, el('button', { type: 'button', className: 'oasub-button quiet', disabled: statusLoading, onClick: reloadStatus }, t('action.retry'))) : null, el('button', { ref: reloadRef, type: 'button', className: 'oasub-button disclosure',
+                'aria-expanded': managementOpen, 'aria-controls': managementOpen ? 'oasub-management' : undefined,
+                onClick: () => setManagementOpen((open) => !open) }, t(managementOpen ? 'action.less' : 'action.more')), managementOpen ? el('section', { id: 'oasub-management', className: 'oasub-management', 'aria-label': t('action.more') }, configured && info?.credentialState === 'valid' ? el('div', { className: 'oasub-manage-row' }, el('div', { className: 'oasub-status-detail', id: 'oasub-refresh-help' }, t(info.refreshable ? 'manage.refresh.help' : 'manage.reconnect.help')), el('button', { type: 'button', className: 'oasub-button', disabled: busy || !ready,
+                'aria-describedby': 'oasub-refresh-help',
+                onClick: () => startAuthorization(info.refreshable ? 'refresh' : 'device_code') }, phase === 'starting' || phase === 'authorizing' ? t('action.refreshing') : t(info.refreshable ? 'action.refresh' : 'action.reconnect'))) : null, el('div', { className: 'oasub-manage-row' }, el('div', { className: 'oasub-status-detail', id: 'oasub-reload-help' }, t('manage.reload.help')), el('button', { type: 'button', className: 'oasub-button', disabled: statusLoading,
+                'aria-describedby': 'oasub-reload-help', onClick: reloadStatus }, t(statusLoading ? 'status.reloading' : 'action.reload'))), info?.cleanupAvailable ? el('div', { className: 'oasub-manage-row' }, el('div', { className: 'oasub-status-detail', id: 'oasub-disconnect-help' }, t('manage.disconnect.help')), el('button', { type: 'button', className: 'oasub-button', disabled: busy,
+                'aria-describedby': 'oasub-disconnect-help', onClick: () => openConfirm('disconnect') }, t(phase === 'disconnecting' ? 'action.disconnecting' : 'action.disconnect'))) : null) : null, device !== null
                 ? el('section', { className: 'oasub-card oasub-device', 'aria-label': t('device.title') }, el('div', { className: 'oasub-device-head' }, el('div', { className: 'oasub-status-title' }, t('device.title')), el('div', { className: 'oasub-status-detail' }, t('device.detail'))), el('input', { ref: codeRef, className: 'oasub-code', type: 'text', readOnly: true, value: device.code,
                     'aria-label': t('device.code'), autoComplete: 'off', spellCheck: false, onFocus: (event) => event.currentTarget.select() }), el('div', { className: 'oasub-actions' }, device.url !== null
                     ? el('a', { className: 'oasub-button primary', href: device.url, target: '_blank', rel: 'noopener noreferrer',
@@ -1060,6 +1250,7 @@ window.__ModuleLoader__.load({
                 id: 'openai-subscription',
                 order: 25,
                 label: () => t('nav'),
+                icon: OpenAIIcon,
                 locale: NS,
             }, () => React.createElement(Section, { connection: ctx.connection, timer: ctx.timer, t, subscribeReset })));
         }

package/dist/errors.d.ts

@@ -1,5 +1,5 @@
 /** Stable, non-sensitive failures shared by the host's public boundaries. */
-export declare const FAILURE_CODES: readonly ['credentials-unavailable', 'shell-unavailable', 'timer-unavailable', 'component-unavailable', 'runtime-unsupported', 'busy', 'invalid-method', 'not-connected', 'not-refreshable', 'device-auth-disabled', 'access-denied', 'authorization-expired', 'rate-limited', 'network', 'timeout', 'invalid-response', 'process-exited', 'credential-write-failed', 'credential-changed', 'settings-unavailable', 'models-unavailable', 'models-empty', 'models-confirmation-required', 'settings-conflict', 'settings-write-failed', 'ownership-save-failed', 'cancelled', 'unknown'];
+export declare const FAILURE_CODES: readonly ['credentials-unavailable', 'shell-unavailable', 'timer-unavailable', 'component-unavailable', 'runtime-unsupported', 'busy', 'invalid-method', 'not-connected', 'not-refreshable', 'device-auth-disabled', 'access-denied', 'authorization-expired', 'rate-limited', 'network', 'timeout', 'invalid-response', 'process-exited', 'credential-write-failed', 'credential-changed', 'settings-unavailable', 'models-unavailable', 'models-empty', 'models-confirmation-required', 'settings-conflict', 'settings-write-failed', 'ownership-save-failed', 'invalid-context-window', 'context-window-exceeded', 'model-not-found', 'cancelled', 'unknown'];
 export type FailureCode = typeof FAILURE_CODES[number];
 /** The marker survives RPC implementations which serialize only Error.message. */
 export declare class SubscriptionError extends Error {

package/dist/errors.js

@@ -6,7 +6,8 @@ export const FAILURE_CODES = [
     'network', 'timeout', 'invalid-response', 'process-exited', 'credential-write-failed',
     'credential-changed', 'settings-unavailable', 'models-unavailable', 'models-empty',
     'models-confirmation-required', 'settings-conflict', 'settings-write-failed',
-    'ownership-save-failed', 'cancelled', 'unknown',
+    'ownership-save-failed', 'invalid-context-window', 'context-window-exceeded', 'model-not-found',
+    'cancelled', 'unknown',
 ];
 /** The marker survives RPC implementations which serialize only Error.message. */
 export class SubscriptionError extends Error {