@mars-sea/dsh-commandcode-provider 0.14.1 → 0.14.2

package/CHANGELOG.md

@@ -4,7 +4,7 @@ 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).
 
-## [Unreleased]
+## [0.14.2] - 2026-10-18
 
 ### Changed
 
@@ -21,6 +21,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 - 复核**无变化**的项：峰谷计价仍是 5 个 DeepSeek 模型、窗口 `01–04 & 06–10 UTC, Mon–Fri` 与本地常量逐值一致；订阅条目与每月额度零变化；`reflection/beam:free` 支持图像输入这一点未被目录宣告，图像能力表保持 70 条；effort 词汇表仍是 `off｜low｜medium｜high｜xhigh｜max`。
 
 - **证据边界**：本轮 `scripts/` 巡检工具的状态为 `incomplete`、`readyToApply=false`、`protocol=not-verified`；唯一一条 error 是 `reflection/beam:free: absent from CLI registry`——该模型只出现在两个目录视图里，`1.84.0` 产物注册表完全不认它，因此 `KNOWN_EFFORTS` 与 `KNOWN_NON_ZDR_MODELS` 里这一行属**目录侧单源证据**（与 `1.82.4` 时 `stealth/cat-jam:free` 的处境相同）。16 个数据源全部返回 HTTP 200。**未做**：真实账号登录、付费生成、浏览器渲染验证，也没有在真实账号上验证价格与订阅额度的页面读数；`?view=client` 与定价页均为公开数据采集。
+- **设置页「模型与上下文」分组改为可折叠，默认收起（issue #94）。**该分组是页面上最长的一组（套餐过滤开关 → 可见模型白名单 → 自定义上下文长度 → 按模型覆盖行），折起后「隐私与安全」与「集成与显示」两个分组不必翻过白名单即可到达。折叠头与「高级设置」共用同一实现（`DisclosureHead`／`CollapsibleGroup`），三条行为两边逐字一致：整行可点、箭头在行尾、状态不跨刷新记忆（组件内 `useState`，既不进配置文档也不进 localStorage——折叠是呈现偏好，不该由设置文档承载）。**「高级设置」呈现与交互零变化**，只是换成共用实现；`cc-groupHead`／`cc-disclosure`／`cc-chevron`／`cc-badgeWarn` 四个既有类原样复用，样式表零改动。**边界：纯呈现层开关**——`filterModelsByPlan`／`visibleModels`／`contextWindow`／`maxOutputTokens`／`contextWindowOverrides` 五个字段的暂存、校验、整批提交与写入所有权一律不变（沿用[《决策记录》第六章第1、2条](docs/决策记录.md#六设置写入所有权)），收起只决定组内 DOM 是否渲染，已暂存的编辑不会丢。**连带处理**：默认收起会把组内的无效数字一并藏起，而保存按钮会因此禁用，故折叠时在标题行显示警告徽标（新 locale 键 `modelsInvalid`，与「高级设置」的既有徽标同形）；不新增「已选 N 个模型」式摘要徽标——诉求只是可收起，「非默认」口径需要另行定义。**已知取舍**：折叠头的标题仍是 `span` 而非 `h3`（该分组在标题导航里不再是一个 heading），沿用「高级设置」的既有写法（`button` 内不能放 heading），以换取与它逐字一致的 DOM 与零 CSS 布局风险。新增 `tests/section.test.ts` 12 项 React-free 用例固定两个分组「组内是否有未填好的数字」的判定（含按模型覆盖行分支）；检查集与保存守卫走的**同一份 staged plan** 对齐——连 UI 上填不错的 `filterModelsByPlan` 开关也纳入，免得呈现判定比保存条件窄。两组变异对照（删 rows 分支、删 `filterModelsByPlan`）各自精准命中对应用例、恢复后 12／12 全通过，证明用例有判别力。
+
+- **设置页「自定义上下文长度」与「单轮输出上限」的界面说明精简约一半。**两段 hint 只留「填什么 → 会怎样」：中文 124 → 61 字、240 → 98 字，英文 325 → 228、686 → 223 字符；删掉的是机制叙述（为何影响压缩与选择器标注、`0` 的动机、二进制换算示例、宿主限定预算的辅助调用），这些在 README 的对应段落里原样保留（**用户选定：README 保持不动**）。**两个信息点不可删**——「影响上下文计量与自动压缩」与「`0` 只在 CLI 与 OpenAI 传输生效，Claude 的 Messages 端点必填该字段」；后者由 `tests/settings.test.ts` 的既有文案护栏守着：首轮精简把它删掉后护栏立即失败（`zh hint names the route that requires the field`），遂以精简措辞加回，同组英文断言随之从 `/sends no such field/` 改为 `/omits the field/`（断言语义不变：文案必须说明 `0` 不发送该字段）。顺带去掉 hint 里的反引号——它经 `.cc-rowDesc` 纯文本渲染，反引号会在界面上原样显示。
 
 ## [0.14.1] - 2026-10-18
 

package/README.md

@@ -210,7 +210,7 @@ llm-commandcode:
 
 ## Configure
 
-**Settings → Command Code** is organized as **Accounts** (keys, sign-in, live quota, pinning, dedicated models), **Models & context** (hide out-of-plan models, visible models, then the **Custom context length** field and the **Per-model overrides** rows right after the allowlist — global and per model, see below), **Privacy & security** (zero data retention, off by default, see below), **Integrations & display** (serve web search with Command Code, show the quota card in the sidebar, off by default), and a collapsed **Advanced** section (API base URL, request/stream timeouts, transport retries, cache-aware image offload). The working directory is no longer on the page; `workingDir` in config still works.
+**Settings → Command Code** is organized as **Accounts** (keys, sign-in, live quota, pinning, dedicated models), a collapsed **Models & context** group (click its heading to unfold: hide out-of-plan models, visible models, then the **Custom context length** field and the **Per-model overrides** rows right after the allowlist — global and per model, see below), **Privacy & security** (zero data retention, off by default, see below), **Integrations & display** (serve web search with Command Code, show the quota card in the sidebar, off by default), and a collapsed **Advanced** section (API base URL, request/stream timeouts, transport retries, cache-aware image offload). Both foldable groups toggle from their whole heading row, and neither remembers its expanded state across visits. The working directory is no longer on the page; `workingDir` in config still works.
 
 The same options live in `$DSH_HOME/settings.yaml` (changes apply immediately, no restart):
 

package/README.zh-CN.md

@@ -191,7 +191,7 @@ llm-commandcode:
 
 ## 配置
 
-**设置 → Command Code** 分为：**账户**（密钥、网页登录、实时额度、固定账户、专用模型）、**模型与上下文**（隐藏套餐外模型、可见模型，以及紧随白名单之后的**自定义上下文长度**字段与**按模型覆盖**列表，全局与按模型，见下）、**隐私与安全**（零数据保留 ZDR，默认关闭，见下）、**集成与显示**（用 Command Code 承载联网搜索、在侧边栏显示额度卡片，默认关闭），以及默认折叠的**高级设置**（API 地址、请求/流超时、传输重试次数、历史图片缓存优化）。工作目录已不在页面上显示，配置中的 `workingDir` 仍然有效。
+**设置 → Command Code** 分为：**账户**（密钥、网页登录、实时额度、固定账户、专用模型）、**模型与上下文**（默认折叠，点标题展开：隐藏套餐外模型、可见模型，以及紧随白名单之后的**自定义上下文长度**字段与**按模型覆盖**列表，全局与按模型，见下）、**隐私与安全**（零数据保留 ZDR，默认关闭，见下）、**集成与显示**（用 Command Code 承载联网搜索、在侧边栏显示额度卡片，默认关闭），以及默认折叠的**高级设置**（API 地址、请求/流超时、传输重试次数、历史图片缓存优化）。两个可折叠分组都点标题整行展开/收起，展开状态不跨刷新记忆。工作目录已不在页面上显示，配置中的 `workingDir` 仍然有效。
 
 同一组选项也位于 `$DSH_HOME/settings.yaml`（修改即刻生效，无需重启）：
 

package/lib/client.js

@@ -3129,7 +3129,7 @@ window.__ModuleLoader__.load({
 			visibleModelsStaleHint: "有 {count} 个已选模型在目录中找不到了（可能已下架），不影响其他模型；可清理或保留。",
 			visibleModelsCleanStale: "清理失效（{count}）",
 			contextWindow: "自定义上下文长度",
-			contextWindowHint: "覆盖模型目录公布的上下文窗口（token）：上下文计量、自动压缩时机与模型选择器的上下文标注都按此值计算，对未单独设置的模型生效。留空则跟随目录；支持 32K、1M 这样的简写（二进制换算：32K = 32 768，1M = 1 048 576）。",
+			contextWindowHint: "覆盖模型目录公布的上下文窗口（对未单独覆盖的模型生效），影响上下文计量与自动压缩；留空跟随目录。支持 32K、1M 简写。",
 			contextOverridesTitle: "按模型覆盖",
 			contextOverridesHint: "为单个模型单独设置上下文长度，优先于上面的全局值；模型下拉只列出模型白名单中的可见模型（显示全部时即整个目录）。",
 			contextOverrideAdd: "添加模型",
@@ -3141,7 +3141,7 @@ window.__ModuleLoader__.load({
 			contextWindowTooLarge: "上下文长度不能大于 10,000,000",
 			contextWindowInvalid: "请输入有效的整数 token 数",
 			maxOutputTokens: "单轮输出上限",
-			maxOutputTokensHint: "每次请求发送的输出预算（token）。留空＝按模型自身输出上限推导（默认，行为不变）；填正整数＝与推导值取较小者，永远不会超过模型上限或网关上限 131072。填 `0`＝请求中不发送该字段，把单轮输出规模交回平台自行限制——这是「长回答被硬切」的解法，但仅 CLI 与 OpenAI 两条传输支持；Claude 走的 Messages 端点必填该字段，因此那里仍按推导值发送，填 0 对它无效。会话标题这类由宿主明确限定预算的辅助调用也不受此设置影响。支持 64K 这样的简写。",
+			maxOutputTokensHint: "留空＝按模型推导（默认）；正整数＝不超过模型上限与网关上限 131072；0＝不发送该字段（仅 CLI 与 OpenAI 有效，Claude 的 Messages 端点必填）。支持 64K 简写。",
 			maxOutputTokensTooSmall: "输出上限不能小于 0（0 表示不发送该字段）",
 			maxOutputTokensTooLarge: "输出上限不能大于 131072（网关上限）",
 			maxOutputTokensInvalid: "请输入 0 或有效的整数 token 数",
@@ -3279,6 +3279,7 @@ window.__ModuleLoader__.load({
 			modelCount: "已选 {count} 个模型",
 			modelCatalogFailed: "模型目录获取失败，暂时无法选择模型；已保存的设置仍会生效。",
 			modelsTitle: "模型与上下文",
+			modelsInvalid: "模型与上下文中有未填好的数字，请展开修正后再保存。",
 			privacyTitle: "隐私与安全",
 			integrationsTitle: "集成与显示",
 			enrollmentCreating: "正在创建账号",
@@ -3354,7 +3355,7 @@ window.__ModuleLoader__.load({
 			visibleModelsStaleHint: "{count} selected model(s) are no longer in the catalog (possibly retired); other models are unaffected. Clean them up or keep them.",
 			visibleModelsCleanStale: "Clean stale ({count})",
 			contextWindow: "Custom context length",
-			contextWindowHint: "Overrides the context window published by the model catalog (in tokens): the context meter, auto-compaction timing and the model-picker annotation all follow it, for every model without a per-model override below. Empty follows the catalog; shorthand like 32K or 1M is accepted (binary units: 32K is 32,768, 1M is 1,048,576).",
+			contextWindowHint: "Overrides the context window published by the model catalog, for every model without an override of its own below; the context meter and auto-compaction follow it. Empty follows the catalog. Shorthand like 32K or 1M is accepted.",
 			contextOverridesTitle: "Per-model overrides",
 			contextOverridesHint: "Set a context length for one model; it wins over the global value above. The picker lists only the models kept by the visible-models allowlist (the whole catalog while showing all).",
 			contextOverrideAdd: "Add model",
@@ -3366,7 +3367,7 @@ window.__ModuleLoader__.load({
 			contextWindowTooLarge: "Context length must not exceed 10,000,000",
 			contextWindowInvalid: "Enter a valid whole-token count",
 			maxOutputTokens: "Output limit per turn",
-			maxOutputTokensHint: "The output budget sent with each request, in tokens. Empty derives it from the model’s own ceiling (the default; nothing changes). A positive number is taken as a cap alongside that derived value, so it can never exceed the model ceiling or the gateway’s 131,072. `0` sends no such field at all and leaves the per-turn output size to the platform — the fix for answers being cut short — but only the CLI and OpenAI transports support it: the Messages endpoint Claude uses requires the field, so Claude keeps its derived budget and `0` has no effect there. Auxiliary calls whose budget the host fixes itself, such as the session title, are unaffected too. Shorthand like 64K is accepted.",
+			maxOutputTokensHint: "Empty derives it from the model (default). A positive number never exceeds the model ceiling or the gateway’s 131,072. 0 omits the field (CLI and OpenAI only; Claude’s Messages endpoint requires it). 64K shorthand accepted.",
 			maxOutputTokensTooSmall: "Output limit must be at least 0 (0 omits the field)",
 			maxOutputTokensTooLarge: "Output limit must not exceed 131,072 (the gateway cap)",
 			maxOutputTokensInvalid: "Enter 0 or a valid whole-token count",
@@ -3504,6 +3505,7 @@ window.__ModuleLoader__.load({
 			modelCount: "{count} models selected",
 			modelCatalogFailed: "The model catalog could not be loaded; saved settings still apply.",
 			modelsTitle: "Models & context",
+			modelsInvalid: "A number in Models & context is not ready to save; expand to fix it.",
 			privacyTitle: "Privacy & security",
 			integrationsTitle: "Integrations & display",
 			enrollmentCreating: "Creating the account",
@@ -3702,7 +3704,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region package.json
-		var version = "0.14.1";
+		var version = "0.14.2";
 		var repository = {
 			"type": "git",
 			"url": "git+https://github.com/Mars-Sea/dsh-commandcode-provider.git"
@@ -3892,6 +3894,13 @@ window.__ModuleLoader__.load({
 		* below Accounts is a flat group of rows (title/description left, control
 		* right) inside the staged form the floating save bar writes.
 		*
+		* Two of those groups fold from their own heading — Models & context (issue
+		* #94) and Advanced — and both start collapsed on every visit, with no
+		* remembered state. While a group is collapsed its rows are not on screen, so
+		* anything inside it that blocks the save is reported on the heading itself
+		* (see `CollapsibleGroup`); the save bar alone would leave the disabled Save
+		* button unexplained.
+		*
 		* Styles are injected once by the client entry (see src/client/index.ts) and
 		* class-prefixed `cc-` to stay local.
 		*/
@@ -3902,6 +3911,28 @@ window.__ModuleLoader__.load({
 			"transportMaxRetries",
 			"offloadSeenImagesForCache"
 		];
+		const MODELS_FIELDS = [
+			"filterModelsByPlan",
+			"contextWindow",
+			"maxOutputTokens"
+		];
+		/**
+		* Whether anything the collapsed Advanced card owns is blocking the save. The
+		* card is folded on arrival, so this drives the warning badge on its heading.
+		*/
+		function advancedGroupInvalid(state) {
+			return ADVANCED_FIELDS.some((field) => state[field].invalid);
+		}
+		/**
+		* Whether anything the collapsed Models & context group owns is blocking the
+		* save (issue #94). Besides its staged drafts — the plan switch and the two
+		* numbers — that group owns the per-model context rows, whose drafts are
+		* validated one by one: a bad row must surface on the heading just like a bad
+		* number, or Save would sit disabled with nothing on screen explaining why.
+		*/
+		function modelsGroupInvalid(state) {
+			return MODELS_FIELDS.some((field) => state[field].invalid) || state.contextWindowOverrides.some((row) => row.invalid);
+		}
 		/** The "customized" tag and reset link a staged field shows once it differs from the default. */
 		function FieldOverride({ label, state, disabled, t, onReset }) {
 			if (!state.overridden && !state.clear) return null;
@@ -4453,17 +4484,86 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* The heading of a foldable group: the whole row is the toggle and the chevron
+		* sits at its trailing edge. Shared by Models & context (issue #94: the
+		* reporter asked for it to fold "like Advanced below") and Advanced itself, so
+		* the two cannot drift apart in either markup or behaviour.
+		*
+		* The title is a `span`, not the `h3` a static group uses, because a heading
+		* element cannot sit inside a button — the same trade-off Advanced has always
+		* made on its own.
+		*/
+		function DisclosureHead({ title, bodyId, expanded, onToggle, badges }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: "cc-groupHead cc-disclosure",
+				"aria-expanded": expanded,
+				"aria-controls": bodyId,
+				onClick: onToggle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cc-groupTitle",
+						children: title
+					}),
+					badges?.(expanded),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "cc-spacer" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: expanded ? "cc-chevron cc-chevronUp" : "cc-chevron",
+						"aria-hidden": "true"
+					})
+				]
+			});
+		}
+		/**
+		* A titled group that folds from its own heading and starts collapsed. The
+		* state is deliberately component-local — not persisted, not lifted into the
+		* controller — so every visit opens at the same, predictable page length, and
+		* folding can never turn into a stored preference the settings document would
+		* have to carry.
+		*/
+		function CollapsibleGroup({ title, bodyId, divided = false, badges, footer, children }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: divided ? "cc-group cc-groupDivided" : "cc-group",
+				"aria-label": title,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureHead, {
+						title,
+						bodyId,
+						expanded,
+						onToggle: () => setExpanded((value) => !value),
+						badges
+					}),
+					expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						id: bodyId,
+						className: "cc-rows",
+						children
+					}) : null,
+					expanded ? footer : null
+				]
+			});
+		}
+		/**
 		* Models & context: the plan filter and the allowlist sit together because both
 		* decide what the model picker lists (the allowlist applies after the plan
 		* filter), and the context-length fields follow them because they are the same
 		* subject seen from the other side — the window each listed model advertises.
 		* Those fields carry no heading or divider of their own: they are rows of this
-		* group, not a section inside it.
+		* group, not a section inside it. The group folds from its heading and starts
+		* collapsed (issue #94, "same as Advanced below"): it is the longest group on
+		* the page and its rows are set-and-forget, so folding keeps Accounts and the
+		* two switches below it reachable without scrolling past the allowlist.
 		*/
 		function ModelsCard({ state, disabled, t, onEdit, onReset, onSelect, onClear, onOverrides }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SettingsGroup, {
+			const invalid = modelsGroupInvalid(state);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleGroup, {
 				title: t("modelsTitle"),
+				bodyId: "cc-models-body",
 				divided: true,
+				badges: (expanded) => !expanded && invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "cc-badge cc-badgeWarn",
+					children: t("modelsInvalid")
+				}) : null,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleField, {
 						id: "cc-filter-models-by-plan",
@@ -4699,116 +4799,92 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* The collapsed "Advanced" card: the API base and the network limits. Starts
-		* collapsed on every visit; while collapsed, a badge names the customized
+		* The collapsed "Advanced" card: the API base and the network limits. Folds
+		* through the same `CollapsibleGroup` the Models & context group uses, so the
+		* two disclosures stay identical; while collapsed, a badge names the customized
 		* count and an invalid number (which blocks save) is surfaced on the header.
 		*/
 		function AdvancedSection({ state, disabled, t, onEdit, onReset }) {
-			const [expanded, setExpanded] = (0, react.useState)(false);
 			const overridden = ADVANCED_FIELDS.filter((field) => state[field].overridden).length;
-			const invalid = ADVANCED_FIELDS.some((field) => state[field].invalid);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: "cc-group cc-groupDivided",
-				"aria-label": t("advancedSettings"),
+			const invalid = advancedGroupInvalid(state);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleGroup, {
+				title: t("advancedSettings"),
+				bodyId: "cc-advanced-body",
+				divided: true,
+				badges: (expanded) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [overridden > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "cc-badge",
+					children: overridden === 1 ? t("advancedOverriddenOne") : t("advancedOverriddenMany", { count: overridden })
+				}) : null, !expanded && invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "cc-badge cc-badgeWarn",
+					children: t("advancedInvalid")
+				}) : null] }),
+				footer: invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "cc-rowError",
+					role: "status",
+					children: t("advancedInvalid")
+				}) : null,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "cc-groupHead cc-disclosure",
-						"aria-expanded": expanded,
-						"aria-controls": "cc-advanced-body",
-						onClick: () => setExpanded((value) => !value),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "cc-groupTitle",
-								children: t("advancedSettings")
-							}),
-							overridden > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "cc-badge",
-								children: overridden === 1 ? t("advancedOverriddenOne") : t("advancedOverriddenMany", { count: overridden })
-							}) : null,
-							!expanded && invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "cc-badge cc-badgeWarn",
-								children: t("advancedInvalid")
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "cc-spacer" }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: expanded ? "cc-chevron cc-chevronUp" : "cc-chevron",
-								"aria-hidden": "true"
-							})
-						]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-groupDesc",
+						children: t("advancedSettingsHint")
 					}),
-					expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						id: "cc-advanced-body",
-						className: "cc-rows",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "cc-groupDesc",
-								children: t("advancedSettingsHint")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-								id: "cc-api-base",
-								label: t("apiBase"),
-								hint: t("apiBaseHint"),
-								state: state.apiBase,
-								disabled,
-								wide: true,
-								onEdit: (text) => onEdit("apiBase", text),
-								onReset: () => onReset("apiBase"),
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-								id: "cc-request-timeout",
-								label: t("requestTimeoutMs"),
-								hint: t("requestTimeoutMsHint"),
-								state: state.requestTimeoutMs,
-								disabled,
-								numeric: true,
-								decimal: true,
-								onEdit: (text) => onEdit("requestTimeoutMs", text),
-								onReset: () => onReset("requestTimeoutMs"),
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-								id: "cc-stream-idle-timeout",
-								label: t("streamIdleTimeoutMs"),
-								hint: t("streamIdleTimeoutMsHint"),
-								state: state.streamIdleTimeoutMs,
-								disabled,
-								numeric: true,
-								decimal: true,
-								onEdit: (text) => onEdit("streamIdleTimeoutMs", text),
-								onReset: () => onReset("streamIdleTimeoutMs"),
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
-								id: "cc-transport-max-retries",
-								label: t("transportMaxRetries"),
-								hint: t("transportMaxRetriesHint"),
-								state: state.transportMaxRetries,
-								disabled,
-								numeric: true,
-								onEdit: (text) => onEdit("transportMaxRetries", text),
-								onReset: () => onReset("transportMaxRetries"),
-								t
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleField, {
-								id: "cc-offload-seen-images-for-cache",
-								label: t("offloadSeenImagesForCache"),
-								hint: t("offloadSeenImagesForCacheHint"),
-								state: state.offloadSeenImagesForCache,
-								disabled,
-								defaultChecked: false,
-								onEdit: (text) => onEdit("offloadSeenImagesForCache", text),
-								onReset: () => onReset("offloadSeenImagesForCache"),
-								t
-							})
-						]
-					}) : null,
-					expanded && invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "cc-rowError",
-						role: "status",
-						children: t("advancedInvalid")
-					}) : null
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						id: "cc-api-base",
+						label: t("apiBase"),
+						hint: t("apiBaseHint"),
+						state: state.apiBase,
+						disabled,
+						wide: true,
+						onEdit: (text) => onEdit("apiBase", text),
+						onReset: () => onReset("apiBase"),
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						id: "cc-request-timeout",
+						label: t("requestTimeoutMs"),
+						hint: t("requestTimeoutMsHint"),
+						state: state.requestTimeoutMs,
+						disabled,
+						numeric: true,
+						decimal: true,
+						onEdit: (text) => onEdit("requestTimeoutMs", text),
+						onReset: () => onReset("requestTimeoutMs"),
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						id: "cc-stream-idle-timeout",
+						label: t("streamIdleTimeoutMs"),
+						hint: t("streamIdleTimeoutMsHint"),
+						state: state.streamIdleTimeoutMs,
+						disabled,
+						numeric: true,
+						decimal: true,
+						onEdit: (text) => onEdit("streamIdleTimeoutMs", text),
+						onReset: () => onReset("streamIdleTimeoutMs"),
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						id: "cc-transport-max-retries",
+						label: t("transportMaxRetries"),
+						hint: t("transportMaxRetriesHint"),
+						state: state.transportMaxRetries,
+						disabled,
+						numeric: true,
+						onEdit: (text) => onEdit("transportMaxRetries", text),
+						onReset: () => onReset("transportMaxRetries"),
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleField, {
+						id: "cc-offload-seen-images-for-cache",
+						label: t("offloadSeenImagesForCache"),
+						hint: t("offloadSeenImagesForCacheHint"),
+						state: state.offloadSeenImagesForCache,
+						disabled,
+						defaultChecked: false,
+						onEdit: (text) => onEdit("offloadSeenImagesForCache", text),
+						onReset: () => onReset("offloadSeenImagesForCache"),
+						t
+					})
 				]
 			});
 		}