dsh-subscriptions 0.1.4 → 0.2.0

package/lib/client.js

@@ -108,6 +108,7 @@ const en = {
 	usageRefresh: "Refresh",
 	usageLoading: "Loading usage…",
 	usageEmpty: "No usage windows reported.",
+	usageUnsupported: "This endpoint has no usage surface.",
 	usageError: "Usage lookup failed: {message}",
 	usageSession: "5-hour window",
 	usageWeekly: "Weekly",
@@ -233,7 +234,40 @@ const en = {
 	speedFast: "Fast",
 	speedFastDescription: "1.5x speed, more usage",
 	commandFast: "Switch the Codex speed tier (Standard/Fast)",
-	commandFastUnavailable: "The current model has no fast tier; /fast only works on Codex models whose catalog advertises one"
+	commandFastUnavailable: "The current model has no fast tier; /fast only works on Codex models whose catalog advertises one",
+	ollamaTitle: "Ollama Cloud",
+	ollamaStatus: "{count} model(s) in the picker",
+	ollamaStatusNone: "No models configured",
+	ollamaWebOn: "Web search/fetch enabled",
+	ollamaWebOff: "Web search/fetch off",
+	ollamaManageTitle: "Manage Ollama Cloud",
+	ollamaManageHint: "Fetch the Cloud list, tick the models this route serves, then Save. The picker shows the ticked models in order; the API key itself stays in DSH credentials.",
+	ollamaFetch: "Fetch cloud models",
+	ollamaFetching: "Fetching…",
+	ollamaKeyPlaceholder: "One-time API key (optional)",
+	ollamaKeyHint: "A key typed here is used for this fetch only and is never saved. Leave it blank to use the stored credential.",
+	ollamaFetchFailed: "Could not fetch cloud models: {message}",
+	ollamaCandidatesCount: "{count} returned",
+	ollamaCandidatesEmpty: "No cloud models returned.",
+	ollamaModelsEmpty: "No models configured. Fetch the cloud list and tick the ones to keep.",
+	ollamaModelsLoadFailed: "Could not load Ollama settings: {message}",
+	ollamaModelsSaveFailed: "Could not save Ollama settings: {message}",
+	ollamaConfigureHint: "No API key found at {ref}. Add it to the credentials file (~/.dsh/.credentials.yaml).",
+	ollamaDisplayName: "Display name",
+	ollamaRowDetails: "Details",
+	ollamaEffortsUnknown: "This model reasons; its level set will come from live discovery.",
+	ollamaMoveUp: "Move up",
+	ollamaMoveDown: "Move down",
+	ollamaBaseURL: "Base URL",
+	ollamaApiKeyRef: "API key reference",
+	ollamaConnectionHint: "The base URL receives this route's requests and the credential lookup; the reference names the DSH credential, not the key itself. Requests send the resolved key to that address, so point it only at a host you trust.",
+	ollamaWebHint: "Enables the Ollama Cloud web search and fetch providers. The host still has to select them before the web tools use them.",
+	ollamaCatalogOverride: "A profile pins this route's model list; the picker ignores store models until that override is removed.",
+	ollamaResetDefaults: "Restore deployment defaults",
+	ollamaResetConfirm: "Clear every saved Ollama override? The profile values and built-in defaults apply again.",
+	ollamaCapVision: "vision",
+	ollamaCapThinking: "thinking",
+	ollamaContext: "context {tokens}"
 };
 /** zh strings, one per {@link en} key. */
 const zh = {
@@ -309,6 +343,7 @@ const zh = {
 	usageRefresh: "刷新",
 	usageLoading: "用量加载中…",
 	usageEmpty: "服务商未返回任何用量窗口。",
+	usageUnsupported: "该端点不提供用量查询。",
 	usageError: "用量查询失败：{message}",
 	usageSession: "5 小时窗口",
 	usageWeekly: "每周",
@@ -434,7 +469,40 @@ const zh = {
 	speedFast: "快速",
 	speedFastDescription: "约 1.5 倍速度，消耗更多用量",
 	commandFast: "切换 Codex 速度档（标准/快速）",
-	commandFastUnavailable: "当前模型不支持快速档；/fast 仅对目录声明了 fast tier 的 Codex 模型可用"
+	commandFastUnavailable: "当前模型不支持快速档；/fast 仅对目录声明了 fast tier 的 Codex 模型可用",
+	ollamaTitle: "Ollama Cloud",
+	ollamaStatus: "选择器中 {count} 个模型",
+	ollamaStatusNone: "尚未配置模型",
+	ollamaWebOn: "网页搜索/抓取已启用",
+	ollamaWebOff: "网页搜索/抓取已关闭",
+	ollamaManageTitle: "管理 Ollama Cloud",
+	ollamaManageHint: "选择此路由提供的云端模型后保存。模型选择器按此顺序显示这份列表；API 密钥本身仍保存在 DSH 凭据中。",
+	ollamaFetch: "拉取云端模型",
+	ollamaFetching: "拉取中…",
+	ollamaKeyPlaceholder: "一次性 API 密钥（可选）",
+	ollamaKeyHint: "在此输入的密钥仅用于本次拉取，不会保存。留空则使用已存凭据。",
+	ollamaFetchFailed: "拉取云端模型失败：{message}",
+	ollamaCandidatesCount: "返回 {count} 个",
+	ollamaCandidatesEmpty: "未返回任何云端模型。",
+	ollamaModelsEmpty: "尚未配置模型。请拉取云端列表并勾选需要保留的模型。",
+	ollamaModelsLoadFailed: "Ollama 设置加载失败：{message}",
+	ollamaModelsSaveFailed: "Ollama 设置保存失败：{message}",
+	ollamaConfigureHint: "未在 {ref} 找到 API 密钥。请在凭据文件（~/.dsh/.credentials.yaml）中添加。",
+	ollamaDisplayName: "显示名",
+	ollamaRowDetails: "详情",
+	ollamaEffortsUnknown: "该模型支持思考，推理档位将由实时发现补充。",
+	ollamaMoveUp: "上移",
+	ollamaMoveDown: "下移",
+	ollamaBaseURL: "基础 URL",
+	ollamaApiKeyRef: "API 密钥引用",
+	ollamaConnectionHint: "基础 URL 用于此路由的请求与凭据查询；引用是 DSH 凭据的名称，不是密钥本身。请求会把解析出的密钥发往该地址，请只填写可信主机。",
+	ollamaWebHint: "启用 Ollama Cloud 的网页搜索与抓取能力。宿主仍需选择它们，网页工具才会使用。",
+	ollamaCatalogOverride: "配置档案固定了此路由的模型列表；在移除该覆盖前，选择器会忽略存储中的模型。",
+	ollamaResetDefaults: "恢复部署默认值",
+	ollamaResetConfirm: "清除全部已保存的 Ollama 覆盖项？将重新使用配置档案值与内置默认值。",
+	ollamaCapVision: "视觉",
+	ollamaCapThinking: "思考",
+	ollamaContext: "上下文 {tokens}"
 };
 
 //#endregion
@@ -521,8 +589,10 @@ function mergeAccountChanges(latest, changes) {
 
 //#endregion
 //#region src/client/ProviderModelEditor.tsx
-const border$1 = "0.5px solid var(--dsw-alias-border-l2, #ddd)";
-const actions$1 = {
+/** Providers whose runtime honours a local context-window override. */
+const supportsContext = (provider) => provider === "codex" || provider === "claude";
+const border$2 = "0.5px solid var(--dsw-alias-border-l2, #ddd)";
+const actions$2 = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 8,
@@ -595,7 +665,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 		setError("");
 		const { accounts: _accounts,...settings } = {
 			...draft,
-			...provider === "codex" ? { contextWindows: windows } : {}
+			...supportsContext(provider) ? { contextWindows: windows } : {}
 		};
 		return {
 			settings,
@@ -625,7 +695,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 	const selected = new Set(draft.visibleModels ?? allModels.map((model) => model.id));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		style: {
-			borderTop: border$1,
+			borderTop: border$2,
 			marginTop: 12,
 			paddingTop: 12
 		},
@@ -648,7 +718,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 					children: error
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: actions$1,
+					style: actions$2,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						className: "dsh-subscription-quiet",
@@ -688,7 +758,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 							t("modelsAutomatic")
 						] }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: actions$1,
+							style: actions$2,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									style: { flex: "1 1 180px" },
@@ -724,7 +794,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 							},
 							children: [models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								style: {
-									borderBottom: border$1,
+									borderBottom: border$2,
 									padding: "8px 2px",
 									display: "grid",
 									gap: 8
@@ -750,9 +820,9 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 										!known.has(model.id) && ` (${t("modelsUnavailable")})`
 									]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: actions$1,
+									style: actions$2,
 									children: [(model.efforts?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-										style: actions$1,
+										style: actions$2,
 										children: [t("modelDefaultsTitle"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 											"aria-label": `${model.name} ${t("modelDefaultsTitle")}`,
 											value: efforts[model.id] ?? "",
@@ -784,10 +854,10 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 												}, effort.id))
 											]
 										})]
-									}), provider === "codex" && model.maxContextWindow !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										style: actions$1,
+									}), supportsContext(provider) && model.maxContextWindow !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: actions$2,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-											style: actions$1,
+											style: actions$2,
 											children: [t("modelsContext"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 												style: { width: 140 },
 												inputMode: "numeric",
@@ -810,7 +880,7 @@ const ProviderModelEditor = (0, react.forwardRef)(function ProviderModelEditor$1
 								})]
 							}, model.id)), models.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("modelDefaultsFilterEmpty", { query }) })]
 						}),
-						provider === "codex" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("modelsContextHint") }),
+						supportsContext(provider) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("modelsContextHint") }),
 						catalog.tools.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							style: {
 								display: "grid",
@@ -1054,13 +1124,13 @@ const subscriptionChromeCss = `
 
 //#endregion
 //#region src/client/ProviderAccountManager.tsx
-const border = "0.5px solid var(--dsw-alias-border-l2)";
-const stack = {
+const border$1 = "0.5px solid var(--dsw-alias-border-l2)";
+const stack$1 = {
 	display: "grid",
 	gap: 12,
 	minWidth: 0
 };
-const actions = {
+const actions$1 = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 8,
@@ -1151,8 +1221,8 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 			if (alive.current) onClose();
 		} catch (error$1) {
 			if (alive.current) {
-				const message$1 = error$1 instanceof Error ? error$1.message : String(error$1);
-				setSaveError((savedEfforts ? t("modelsPartialSave") + " " : "") + t("accountsSaveFailed", { message: message$1 }));
+				const message$3 = error$1 instanceof Error ? error$1.message : String(error$1);
+				setSaveError((savedEfforts ? t("modelsPartialSave") + " " : "") + t("accountsSaveFailed", { message: message$3 }));
 			}
 		} finally {
 			saveLock.current = false;
@@ -1176,13 +1246,13 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 		},
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: providerSettingsCss }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			style: {
-				...stack,
+				...stack$1,
 				padding: 20
 			},
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 					style: {
-						...actions,
+						...actions$1,
 						justifyContent: "space-between"
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -1219,7 +1289,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 				catalog && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
 					disabled: saving || loading,
 					style: {
-						...stack,
+						...stack$1,
 						border: 0,
 						margin: 0,
 						padding: 0
@@ -1231,7 +1301,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 						}),
 						provider === "cursor-subscription" && catalog.accounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
 							style: {
-								border,
+								border: border$1,
 								borderRadius: "var(--dsw-radius-lg, 12px)",
 								padding: 14
 							},
@@ -1249,8 +1319,8 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 							const models = accountModelRows(account, preferences);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
 								style: {
-									...stack,
-									border,
+									...stack$1,
+									border: border$1,
 									borderRadius: "var(--dsw-radius-lg, 12px)",
 									padding: 14,
 									margin: 0
@@ -1270,7 +1340,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										style: {
-											...stack,
+											...stack$1,
 											gap: 6
 										},
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1327,7 +1397,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 										]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										style: {
-											...stack,
+											...stack$1,
 											marginTop: 12
 										},
 										children: [
@@ -1350,7 +1420,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 												t("accountsModelsAutomatic")
 											] }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												style: actions,
+												style: actions$1,
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													onClick: () => edit(account.key, {
@@ -1369,7 +1439,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												style: {
-													...stack,
+													...stack$1,
 													gap: 8,
 													maxHeight: 240,
 													overflowY: "auto"
@@ -1416,9 +1486,9 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
 					style: {
-						...stack,
+						...stack$1,
 						gap: 8,
-						borderTop: border,
+						borderTop: border$1,
 						padding: "14px 0 8px",
 						position: "sticky",
 						bottom: 0,
@@ -1429,7 +1499,7 @@ function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
 						children: saveError
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
-							...actions,
+							...actions$1,
 							justifyContent: "flex-end"
 						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1704,6 +1774,19 @@ function usageBarColor(used, elapsed, preset = "standard", fresh = true) {
 	const state = usageColorState(used, elapsed, preset, fresh);
 	return state === "red" ? "var(--dsw-alias-state-error-primary)" : state === "yellow" ? "var(--dsw-alias-state-warn-label)" : "var(--dsw-alias-state-success-primary)";
 }
+/**
+* Marker position from the window's display-only assumed start
+* (`displayStartsAt`): the reading and its age are irrelevant, exactly
+* like the verified marker. Returns undefined when the window carries no
+* assumed start or its reset has passed.
+*/
+function displayStartPercent(window$1, now = Date.now()) {
+	const end = window$1.resetsAt;
+	const start = window$1.displayStartsAt;
+	if (end === void 0 || !Number.isFinite(end) || end <= now) return void 0;
+	if (start === void 0 || !Number.isFinite(start) || start >= end || start > now) return void 0;
+	return Math.min(100, Math.max(0, (now - start) / (end - start) * 100));
+}
 
 //#endregion
 //#region src/client/usage-color-preferences.ts
@@ -1765,6 +1848,7 @@ function UsageMeter({ window: quota, t, style, observedAt, stale }) {
 		stale
 	}, current);
 	const elapsed = elapsedPercent(quota, current);
+	const marker = elapsed ?? displayStartPercent(quota, current);
 	const pace = fresh ? elapsed : void 0;
 	const state = usageColorState(quota.usedPercent, pace, preset, fresh);
 	const lead = pace === void 0 ? 0 : Math.round(used - pace);
@@ -1774,7 +1858,7 @@ function UsageMeter({ window: quota, t, style, observedAt, stale }) {
 			remaining: Math.round(100 - used)
 		}) : t("usageMeterInvalid"),
 		!valid ? "" : !fresh ? t("usageMeterStale") : state === "red" ? t("usageMeterNearLimit") : pace === void 0 && preset !== "remaining" ? t("usageMeterUnknownTime") : state === "yellow" ? t("usageMeterAhead") : t("usageMeterNoWarning"),
-		elapsed === void 0 ? "" : t("usageMeterPace", { elapsed: Math.round(elapsed) }),
+		marker === void 0 ? "" : t("usageMeterPace", { elapsed: Math.round(marker) }),
 		pace === void 0 ? "" : lead > 0 ? t("usageMeterPaceAhead", { points: lead }) : lead < 0 ? t("usageMeterPaceBehind", { points: -lead }) : t("usageMeterPaceEven"),
 		quota.resetsAt !== void 0 && quota.resetsAt > current ? t("usageMeterReset", { duration: resetCountdownParts(quota.resetsAt - current).map((part) => t(UNIT_KEYS[part.unit][part.count === 1 ? 0 : 1], { count: part.count })).join(" ") }) : ""
 	].filter(Boolean).join(" · ");
@@ -1797,12 +1881,12 @@ function UsageMeter({ window: quota, t, style, observedAt, stale }) {
 			borderRadius: "inherit",
 			width: `${used}%`,
 			background: usageBarColor(quota.usedPercent, pace, preset, fresh)
-		} }), elapsed !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		} }), marker !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			"aria-hidden": "true",
 			"data-usage-time-marker": true,
 			style: {
 				position: "absolute",
-				left: `clamp(0px, calc(${elapsed}% - 1px), calc(100% - 2px))`,
+				left: `clamp(0px, calc(${marker}% - 1px), calc(100% - 2px))`,
 				top: 0,
 				bottom: 0,
 				width: 2,
@@ -1981,6 +2065,10 @@ function ExternalUsageCards({ rpc, t }) {
 								style: subscriptionCardStyles.error,
 								children: t("usageError", { message: errors[id] })
 							}),
+							snapshot !== void 0 && snapshot.supported === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								style: subscriptionCardStyles.status,
+								children: t("usageUnsupported")
+							}),
 							snapshot?.windows?.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								style: subscriptionCardStyles.status,
 								children: t("usageEmpty")
@@ -2022,7 +2110,7 @@ function ExternalUsageCards({ rpc, t }) {
 
 //#endregion
 //#region src/client/CursorCard.tsx
-function message(error) {
+function message$2(error) {
 	return error instanceof Error ? error.message : String(error);
 }
 /** Cursor's single connected account, rendered with the same card and Manage dialog as the other providers. */
@@ -2047,7 +2135,7 @@ function CursorCard({ rpc, t }) {
 			if (value.authenticated) setAuthorizeUrl(void 0);
 			if (value.error) setError(value.error);
 		} catch (failure) {
-			setError(message(failure));
+			setError(message$2(failure));
 		}
 	}, [rpc]);
 	const refreshUsage = (0, react.useCallback)(async () => {
@@ -2060,7 +2148,7 @@ function CursorCard({ rpc, t }) {
 			setError(void 0);
 			window.dispatchEvent(new Event(USAGE_BADGE_REFRESH_EVENT));
 		} catch (failure) {
-			setError(message(failure));
+			setError(message$2(failure));
 			setUsageStale(true);
 		} finally {
 			setLoading(false);
@@ -2087,7 +2175,7 @@ function CursorCard({ rpc, t }) {
 			window.open(value.authorizeUrl, "_blank", "noopener");
 			await refreshStatus();
 		} catch (failure) {
-			setError(message(failure));
+			setError(message$2(failure));
 		}
 	};
 	const cancel = async () => {
@@ -2096,7 +2184,7 @@ function CursorCard({ rpc, t }) {
 			setAuthorizeUrl(void 0);
 			await refreshStatus();
 		} catch (failure) {
-			setError(message(failure));
+			setError(message$2(failure));
 		}
 	};
 	const logout = async () => {
@@ -2111,7 +2199,7 @@ function CursorCard({ rpc, t }) {
 			setUsageStale(false);
 			await refreshStatus();
 		} catch (failure) {
-			setError(message(failure));
+			setError(message$2(failure));
 		}
 	};
 	const connected = status?.authenticated === true;
@@ -2265,220 +2353,1267 @@ function CursorCard({ rpc, t }) {
 }
 
 //#endregion
-//#region src/client/reset-credits-view.tsx
-const STATE_KEYS = {
-	available: "resetCreditAvailable",
-	notUsable: "resetCreditNotUsable",
-	paused: "resetCreditPaused",
-	exhausted: "resetCreditExhausted",
-	expired: "resetCreditExpired"
-};
+//#region src/client/ollama-draft.ts
 /**
-* Classify one grant. Expired outranks every other flag. A future
-* `cooldownUntil` or `usableNow: false` is not usable even when `claimable`
-* is true. `claimable` does not change the word: it is not an action.
+* Append the checked candidates to the draft's model list. Existing rows are
+* never replaced or reordered, ids already present are skipped, and adopted
+* rows keep the candidate order. Optional fields are set only when the
+* candidate advertises a value, because `exactOptionalPropertyTypes` (and the
+* store) must not see an explicit `undefined`.
+* @param current - the draft list before adoption.
+* @param candidates - the cloud list as fetched, in display order.
+* @param selectedIds - ids the user checked.
+* @returns a new list; the input array is not mutated.
 */
-function resetCreditState(credit, now) {
-	if (credit.expiresAt !== void 0 && credit.expiresAt <= now) return "expired";
-	if (credit.paused === true) return "paused";
-	if (credit.resetsLeft === 0) return "exhausted";
-	if (credit.cooldownUntil !== void 0 && credit.cooldownUntil > now || credit.usableNow === false) return "notUsable";
-	return "available";
+function adoptCandidates(current, candidates, selectedIds) {
+	const models = [...current ?? []];
+	const present = new Set(models.map((model) => model.id));
+	const selected = new Set(selectedIds);
+	for (const candidate of candidates) {
+		if (!selected.has(candidate.id) || present.has(candidate.id)) continue;
+		present.add(candidate.id);
+		models.push({
+			id: candidate.id,
+			name: candidate.name,
+			...candidate.contextWindow === void 0 ? {} : { contextWindow: candidate.contextWindow },
+			...candidate.vision ? { vision: true } : {},
+			...candidate.thinking ? { thinking: true } : {},
+			...candidate.efforts.length ? { efforts: [...candidate.efforts] } : {}
+		});
+	}
+	return models;
 }
 /**
-* Headline count. Codex passes one entry per credit, so the count is the
-* list length. Claude passes one entry per grant, so the count is the sum of
-* `resetsLeft` on grants that are neither expired nor paused. A missing
-* `resetsLeft` adds nothing; the row says the count is unavailable.
+* Swap one model with its neighbour. An id that is absent or a move past
+* either end returns the same order.
+* @param models - the current list.
+* @param id - the row to move.
+* @param delta - `-1` moves up, `1` moves down.
+* @returns a new list; the input array is not mutated.
 */
-function resetCreditsAvailableCount(credits, now, mode) {
-	if (mode === "credits") return credits.length;
-	let sum = 0;
-	for (const credit of credits) {
-		const state = resetCreditState(credit, now);
-		if (state === "expired" || state === "paused") continue;
-		if (typeof credit.resetsLeft === "number" && Number.isFinite(credit.resetsLeft) && credit.resetsLeft > 0) sum += credit.resetsLeft;
+function moveModel(models, id, delta) {
+	const next = [...models];
+	const index = next.findIndex((model) => model.id === id);
+	const target = index + delta;
+	if (index === -1 || target < 0 || target >= next.length) return next;
+	const moved = next[index];
+	next[index] = next[target];
+	next[target] = moved;
+	return next;
+}
+/**
+* Drop one model from the list.
+* @param models - the current list.
+* @param id - the row to drop; an unknown id leaves the list unchanged.
+* @returns a new list; the input array is not mutated.
+*/
+function removeModel(models, id) {
+	return models.filter((model) => model.id !== id);
+}
+/**
+* Short context-window label for a model row.
+* @param contextWindow - the advertised window in tokens.
+* @returns `'1M'`, `'262K'`, the bare number below 1000, or `undefined` when unknown.
+*/
+function contextLabel(contextWindow) {
+	if (contextWindow === void 0) return void 0;
+	if (contextWindow < 1e3) return String(contextWindow);
+	if (contextWindow >= 1e6) {
+		const millions = contextWindow / 1e6;
+		return `${Number.isInteger(millions) ? millions : Number(millions.toFixed(1))}M`;
 	}
-	return sum;
+	return `${Math.round(contextWindow / 1e3)}K`;
 }
-function expiryText(t, credit) {
-	return credit.expiresAt === void 0 ? t("resetCreditExpiryUnknown") : t("resetCreditExpires", { date: new Date(credit.expiresAt).toLocaleString() });
+/**
+* Rename one model row. An empty display name deletes the field so the
+* validator keeps accepting the draft; a blank id leaves the list unchanged.
+* @param models - the current list.
+* @param id - the row to rename; an unknown id leaves the list unchanged.
+* @param name - the new display name; whitespace trims before storing.
+* @returns a new list; the input array is not mutated.
+*/
+function renameModel(models, id, name) {
+	return models.map((model) => {
+		if (model.id !== id) return model;
+		const next = { ...model };
+		if (name === "") delete next.name;
+		else next.name = name;
+		return next;
+	});
 }
-function remainingText(t, credit) {
-	const left = credit.resetsLeft;
-	const total = credit.resetsTotal;
-	const hasLeft = typeof left === "number" && Number.isFinite(left);
-	if (hasLeft && typeof total === "number" && Number.isFinite(total)) return t("resetCreditRemaining", {
-		left,
-		total
+/**
+* Set or clear one model row's default reasoning effort. An empty choice
+* deletes the field so the resolver falls back to the vendor or family
+* default.
+* @param models - the current list.
+* @param id - the row to edit; an unknown id leaves the list unchanged.
+* @param effort - the chosen level, or `''` to clear.
+* @returns a new list; the input array is not mutated.
+*/
+function setModelEffort(models, id, effort) {
+	return models.map((model) => {
+		if (model.id !== id) return model;
+		if (effort === "") {
+			const next = { ...model };
+			delete next.defaultEffort;
+			return next;
+		}
+		return {
+			...model,
+			defaultEffort: effort
+		};
 	});
-	if (hasLeft) return t("resetCreditLeft", { left });
-	return t("resetCreditRemainingUnknown");
 }
-/** Accessible name of one Claude grant row: state, remaining, and expiry, not a control name. */
-function resetCreditRowName(t, credit, now) {
-	const state = resetCreditState(credit, now);
-	const parts = [
-		t("resetCreditFull"),
-		t(STATE_KEYS[state]),
-		remainingText(t, credit),
-		expiryText(t, credit)
-	];
-	if (state === "notUsable" && credit.cooldownUntil !== void 0 && credit.cooldownUntil > now) parts.push(t("resetCreditCooldownUntil", { date: new Date(credit.cooldownUntil).toLocaleString() }));
-	return parts.join(", ");
+/**
+* Set or clear one model row's local context-window override. `undefined`
+* deletes the field so the model follows the endpoint again; the runtime
+* caps a stored value at the advertised window.
+* @param models - the current list.
+* @param id - the row to edit; an unknown id leaves the list unchanged.
+* @param tokens - a positive safe integer, or `undefined` to clear.
+* @returns a new list; the input array is not mutated.
+*/
+function setModelContext(models, id, tokens) {
+	return models.map((model) => {
+		if (model.id !== id) return model;
+		const next = { ...model };
+		if (tokens === void 0) delete next.contextOverride;
+		else next.contextOverride = tokens;
+		return next;
+	});
 }
-/** Claude omits an empty grant list; Codex still shows a defined, possibly empty, list. */
-function showsResetCredits(provider, credits) {
-	if (provider === "codex") return credits !== void 0;
-	return (credits?.length ?? 0) > 0;
+/**
+* Parse the context input's text. Only a positive safe integer is a value;
+* an empty string clears the override.
+* @param text - what the user typed.
+* @returns the number, `undefined` for blank, or `null` for text to reject.
+*/
+function parseContextInput(text) {
+	const trimmed = text.trim();
+	if (trimmed === "") return void 0;
+	if (!/^\d+$/.test(trimmed)) return null;
+	const value = Number(trimmed);
+	return Number.isSafeInteger(value) && value > 0 ? value : null;
 }
-/** The error line the settings card mounts. Claude never interpolates provider text. */
-function ResetCreditsErrorLine({ provider, message: message$1, t }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		style: subscriptionCardStyles.error,
-		children: resetCreditsErrorText(provider, message$1, t)
-	});
+/**
+* Untick one model: drop it from the list and keep its full row (display
+* name, default effort, context, ...) in the stash so ticking it again is
+* lossless, even when the cloud listing no longer carries the id.
+* @param models - the current list.
+* @param stash - the stash before this untick.
+* @param id - the row to untick; an absent id changes nothing.
+* @returns the new list and stash; neither input is mutated.
+*/
+function untickModel(models, stash, id) {
+	const row = models.find((model) => model.id === id);
+	if (row === void 0) return {
+		models: [...models],
+		stash
+	};
+	return {
+		models: removeModel(models, id),
+		stash: new Map(stash).set(id, row)
+	};
 }
-/** Fixed sentence for Claude. Codex may include the lookup message; Claude must not. */
-function resetCreditsErrorText(provider, message$1, t) {
-	return provider === "claude" ? t("resetCreditsErrorFixed") : t("resetCreditsError", { message: message$1 });
+/**
+* Tick one model: restore its stashed row when this dialog unticked it,
+* otherwise adopt it from the fetched candidates (which never copies the
+* vendor default effort). A model already in the list, or unknown to both
+* sources, leaves the list unchanged.
+* @param models - the current list.
+* @param stash - rows unticked earlier in this dialog.
+* @param candidates - the cloud list as fetched.
+* @param id - the row to tick.
+* @returns a new list and the stash without the restored row.
+*/
+function tickModel(models, stash, candidates, id) {
+	if (models.some((model) => model.id === id)) return {
+		models: [...models],
+		stash
+	};
+	const stashed = stash.get(id);
+	if (stashed === void 0) return {
+		models: adoptCandidates(models, candidates, [id]),
+		stash
+	};
+	const next = new Map(stash);
+	next.delete(id);
+	return {
+		models: [...models, stashed],
+		stash: next
+	};
 }
-const summaryStyle = {
-	...subscriptionCardStyles.usageMeta,
-	cursor: "pointer",
-	listStyle: "none",
-	justifyContent: "flex-start",
-	gap: 6
-};
 /**
-* The closed disclosure both providers share. Claude rows are plain text:
-* no button, no `role="button"`, and `cursor: default`, including when
-* `claimable` is true.
+* Tick every listed id in order. Rows already in the list stay where they
+* are; restored and adopted rows append in the given order.
+* @param models - the current list.
+* @param stash - rows unticked earlier in this dialog.
+* @param candidates - the cloud list as fetched.
+* @param ids - the ids to tick, typically the filtered view.
+* @returns the new list and stash; neither input is mutated.
 */
-function ResetCreditsDisclosure({ mode, credits, t, now = Date.now(), nextCredit, useAction, statusMessage }) {
-	const count = resetCreditsAvailableCount(credits, now, mode);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-		className: "subscriptions-reset-credits",
-		style: subscriptionCardStyles.usageRow,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
-				style: summaryStyle,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						"aria-hidden": "true",
-						width: "12",
-						height: "12",
-						viewBox: "0 0 16 16",
-						style: { flexShrink: 0 },
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "m6 3 5 5-5 5",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCreditsTitle") }),
-					mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCreditReadOnlyLabel") }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: { marginLeft: "auto" },
-						children: t("resetCreditsAvailable", { count })
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: ".subscriptions-reset-credits > summary::-webkit-details-marker { display: none; }.subscriptions-reset-credits[open] > summary > svg { transform: rotate(90deg); }" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: {
-					paddingLeft: 18,
-					marginTop: 6
-				},
-				children: [
-					mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: subscriptionCardStyles.status,
-						children: t("resetCreditReadOnly")
-					}),
-					credits.map((credit, index) => {
-						const state = resetCreditState(credit, now);
-						const showUse = mode === "credits" && useAction !== void 0 && credit === nextCredit;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							"data-reset-state": mode === "grants" ? state : void 0,
-							"data-reset-claimable": mode === "grants" && credit.claimable === true ? "true" : void 0,
-							role: mode === "grants" ? "group" : void 0,
-							"aria-label": mode === "grants" ? resetCreditRowName(t, credit, now) : void 0,
-							style: {
-								...subscriptionCardStyles.usageMeta,
-								minHeight: 28,
-								gap: 12,
-								cursor: mode === "grants" ? "default" : void 0
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: {
-									display: "inline-flex",
-									alignItems: "center",
-									gap: 8,
-									flexShrink: 0
-								},
-								children: [
-									t("resetCreditFull"),
-									mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										"aria-hidden": "true",
-										"data-reset-state-word": state,
-										children: t(STATE_KEYS[state])
-									}),
-									showUse && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										"aria-disabled": useAction.disabled,
-										title: useAction.title,
-										style: {
-											minHeight: 22,
-											height: 22,
-											padding: "0 7px",
-											borderRadius: 6,
-											opacity: useAction.disabled ? .35 : 1,
-											cursor: useAction.disabled ? "not-allowed" : "pointer"
-										},
-										onClick: () => {
-											if (!useAction.disabled) useAction.onUse();
-										},
-										children: useAction.busy ? t("resetUseChecking") : useAction.label
-									})
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: { textAlign: "right" },
-								children: [
-									mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										"aria-hidden": "true",
-										children: [remainingText(t, credit), " · "]
-									}),
-									mode === "grants" && state === "notUsable" && credit.cooldownUntil !== void 0 && credit.cooldownUntil > now && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										"aria-hidden": "true",
-										children: [t("resetCreditCooldownUntil", { date: new Date(credit.cooldownUntil).toLocaleString() }), " · "]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										"aria-hidden": mode === "grants" ? true : void 0,
-										children: expiryText(t, credit)
-									})
-								]
-							})]
-						}, credit.id ?? index);
-					}),
-					statusMessage !== void 0 && statusMessage !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						role: "status",
-						style: subscriptionCardStyles.status,
-						children: statusMessage
-					})
-				]
-			})
-		]
+function tickModels(models, stash, candidates, ids) {
+	let state = {
+		models: [...models],
+		stash
+	};
+	for (const id of ids) state = tickModel(state.models, state.stash, candidates, id);
+	return state;
+}
+/**
+* Untick every listed id, stashing each removed row. Ids outside the list,
+* such as filtered-out rows, are untouched.
+* @param models - the current list.
+* @param stash - the stash before this untick.
+* @param ids - the ids to untick, typically the filtered view.
+* @returns the new list and stash; neither input is mutated.
+*/
+function untickModels(models, stash, ids) {
+	let state = {
+		models: [...models],
+		stash
+	};
+	for (const id of ids) state = untickModel(state.models, state.stash, id);
+	return state;
+}
+/**
+* The effort choices for one ticked row. The row's own `efforts` decide the
+* ids because the store rejects a default outside them, so the selector must
+* never offer anything else. A snapshot of the endpoint (`labels`) may only
+* supply friendlier names for the same ids. A saved default the list no
+* longer contains is kept visible and marked unavailable instead of
+* silently reading as "follow the provider".
+* @param row - the draft row.
+* @param fetched - efforts from this dialog's latest fetch, when it returned the row.
+* @param labels - the opened dialog's snapshot of named efforts for the id.
+* @returns the options in picker order.
+*/
+function effortOptions(row, fetched, labels) {
+	const ids = row.efforts ?? fetched ?? labels?.map((entry) => entry.id) ?? [];
+	const options = ids.map((id) => ({
+		id,
+		name: labels?.find((entry) => entry.id === id)?.name ?? id
+	}));
+	if (row.defaultEffort !== void 0 && !ids.includes(row.defaultEffort)) options.push({
+		id: row.defaultEffort,
+		name: row.defaultEffort,
+		unavailable: true
 	});
+	return options;
 }
 
 //#endregion
-//#region src/client/UsageBadgeDisplaySetting.tsx
-/** Browser-local display preference; never changes provider or account settings. */
-function UsageBadgeDisplaySetting({ t }) {
-	const mode = useUsageBadgeMode();
+//#region src/client/OllamaSettingsManager.tsx
+const border = "0.5px solid var(--dsw-alias-border-l2)";
+const stack = {
+	display: "grid",
+	gap: 12,
+	minWidth: 0
+};
+const actions = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8,
+	alignItems: "center"
+};
+function message$1(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+/** `vision · thinking · context 262K`, dropping whatever the model does not advertise. */
+function capabilities(t, model) {
+	const context = contextLabel(model.contextWindow);
+	return [
+		model.vision === true ? t("ollamaCapVision") : false,
+		model.thinking === true ? t("ollamaCapThinking") : false,
+		context === void 0 ? false : t("ollamaContext", { tokens: context })
+	].filter(Boolean).join(" · ");
+}
+/**
+* Ollama Cloud settings dialog. It owns one draft (model list, web toggle,
+* base URL and credential reference) that Save writes in a single
+* `ollamaSetSettings` call, so a failure keeps every edit. Fetching the cloud
+* catalog is a read-only side trip, and a key typed for the fetch never
+* leaves this component. The model list follows the shared model editor: a
+* filter, select all/none over the filtered rows, and one checkbox per
+* model, where ticking edits the draft and enables Save. Ollama adds what the
+* shared editor lacks: a display name, ordering, and a local context window.
+* Unticking keeps the row's full settings in a dialog-local stash, so ticking
+* it again restores them even when the cloud listing no longer returns it.
+*/
+function OllamaSettingsManager({ rpc, t, onClose, onSaved }) {
+	const dialog = (0, react.useRef)(null);
+	const title = (0, react.useId)();
+	const description = (0, react.useId)();
+	const [view, setView] = (0, react.useState)();
+	const [draft, setDraft] = (0, react.useState)({});
+	const [dirty, setDirty] = (0, react.useState)(false);
+	const [loading, setLoading] = (0, react.useState)(true);
+	const [saving, setSaving] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)("");
+	const [saveError, setSaveError] = (0, react.useState)("");
+	const [attempt, setAttempt] = (0, react.useState)(0);
+	const [apiKey, setApiKey] = (0, react.useState)("");
+	const [candidates, setCandidates] = (0, react.useState)();
+	const [fetching, setFetching] = (0, react.useState)(false);
+	const [fetchError, setFetchError] = (0, react.useState)("");
+	const [query, setQuery] = (0, react.useState)("");
+	const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
+	const [stash, setStash] = (0, react.useState)(/* @__PURE__ */ new Map());
+	const [contextText, setContextText] = (0, react.useState)({});
+	const alive = (0, react.useRef)(true);
+	const saveLock = (0, react.useRef)(false);
+	const fetchLock = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		alive.current = true;
+		const element = dialog.current;
+		const previous = document.activeElement;
+		element.showModal();
+		return () => {
+			alive.current = false;
+			element.close();
+			if (previous instanceof HTMLElement && previous.isConnected) previous.focus();
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		let current = true;
+		setLoading(true);
+		setError("");
+		callSubscriptionsAuth(rpc, "ollamaSettings", {}).then((data) => {
+			if (!current) return;
+			setView(data);
+			setDraft({ ...data.settings });
+			setStash(/* @__PURE__ */ new Map());
+			setContextText({});
+			setDirty(false);
+		}).catch((failure) => {
+			if (current) setError(t("ollamaModelsLoadFailed", { message: message$1(failure) }));
+		}).finally(() => {
+			if (current) setLoading(false);
+		});
+		return () => {
+			current = false;
+		};
+	}, [rpc, attempt]);
+	function edit(next) {
+		setDraft(next);
+		setDirty(true);
+	}
+	/** Fetch the cloud catalog; a failure keeps the previous list and the draft. */
+	async function fetchCandidates() {
+		if (fetchLock.current) return;
+		fetchLock.current = true;
+		setFetching(true);
+		setFetchError("");
+		try {
+			const value = await callSubscriptionsAuth(rpc, "ollamaModels", {
+				...apiKey ? { apiKey } : {},
+				...draft.baseURL ? { baseURL: draft.baseURL } : {}
+			});
+			if (!alive.current) return;
+			setCandidates(value.models);
+		} catch (failure) {
+			if (alive.current) setFetchError(t("ollamaFetchFailed", { message: message$1(failure) }));
+		} finally {
+			fetchLock.current = false;
+			if (alive.current) setFetching(false);
+		}
+	}
+	/** Save the whole draft; a failure keeps the dialog open with every edit. */
+	async function save() {
+		if (saveLock.current) return;
+		saveLock.current = true;
+		setSaving(true);
+		setSaveError("");
+		try {
+			await callSubscriptionsAuth(rpc, "ollamaSetSettings", { settings: draft });
+			if (alive.current) {
+				onSaved();
+				onClose();
+			}
+		} catch (failure) {
+			if (alive.current) setSaveError(t("ollamaModelsSaveFailed", { message: message$1(failure) }));
+		} finally {
+			saveLock.current = false;
+			if (alive.current) setSaving(false);
+		}
+	}
+	/** Drop every stored override, then reload the draft from the deployment values. */
+	async function resetDefaults() {
+		if (saveLock.current) return;
+		if (!window.confirm(t("ollamaResetConfirm"))) return;
+		saveLock.current = true;
+		setSaving(true);
+		setSaveError("");
+		try {
+			await callSubscriptionsAuth(rpc, "ollamaSetSettings", { settings: {} });
+			if (alive.current) {
+				setAttempt((value) => value + 1);
+				onSaved();
+			}
+		} catch (failure) {
+			if (alive.current) setSaveError(t("ollamaModelsSaveFailed", { message: message$1(failure) }));
+		} finally {
+			saveLock.current = false;
+			if (alive.current) setSaving(false);
+		}
+	}
+	function editOverride(field, value) {
+		const next = { ...draft };
+		if (value.trim()) next[field] = value;
+		else delete next[field];
+		edit(next);
+	}
+	/**
+	* One list for both sources, like the shared editor: the ticked models in
+	* draft order first (so Move up/down is visible), then the unticked ones
+	* (stashed in this dialog, or fetched and not yet adopted). A kept model
+	* the fetch did not return stays listed, ticked or not.
+	*/
+	const fetchedById = new Map((candidates ?? []).map((candidate) => [candidate.id, candidate]));
+	const present = new Set((draft.models ?? []).map((model) => model.id));
+	const asRow = (model, ticked) => {
+		const fetched = fetchedById.get(model.id);
+		const contextWindow = fetched?.contextWindow ?? model.contextWindow;
+		return {
+			id: model.id,
+			name: model.name ?? fetched?.name ?? model.id,
+			ticked,
+			vision: model.vision === true || fetched?.vision === true,
+			thinking: model.thinking === true || fetched?.thinking === true,
+			...contextWindow === void 0 ? {} : { contextWindow },
+			efforts: model.efforts ?? fetched?.efforts ?? []
+		};
+	};
+	const shown = [
+		...(draft.models ?? []).map((model) => asRow(model, true)),
+		...[...stash.values()].filter((model) => !present.has(model.id)).map((model) => asRow(model, false)),
+		...(candidates ?? []).filter((candidate) => !present.has(candidate.id) && !stash.has(candidate.id)).map((candidate) => asRow({ id: candidate.id }, false))
+	].filter((row) => `${row.name} ${row.id}`.toLowerCase().includes(query.trim().toLowerCase()));
+	/** Rename and default-effort edits ride the tested draft helpers. */
+	function rename(id, name) {
+		edit({
+			...draft,
+			models: renameModel(draft.models ?? [], id, name)
+		});
+	}
+	function setEffort(id, effort) {
+		edit({
+			...draft,
+			models: setModelEffort(draft.models ?? [], id, effort)
+		});
+	}
+	/** Keep the typed text; only a valid number (or blank) reaches the draft. */
+	function setContext(id, text) {
+		setContextText((current) => ({
+			...current,
+			[id]: text
+		}));
+		const tokens = parseContextInput(text);
+		if (tokens !== null) edit({
+			...draft,
+			models: setModelContext(draft.models ?? [], id, tokens)
+		});
+	}
+	function applyTicks(next) {
+		setStash(next.stash);
+		edit({
+			...draft,
+			models: next.models
+		});
+	}
+	const invalidContext = Object.entries(contextText).filter(([id, text]) => present.has(id) && parseContextInput(text) === null).map(([id]) => id);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dialog", {
+		className: "dsh-subscription-manager",
+		ref: dialog,
+		"aria-labelledby": title,
+		"aria-describedby": description,
+		onCancel: (event) => {
+			if (saveLock.current) event.preventDefault();
+		},
+		onClose,
+		style: {
+			width: 620,
+			maxWidth: "calc(100vw - 32px)",
+			maxHeight: "calc(100dvh - 32px)",
+			overflow: "auto"
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: providerSettingsCss }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: {
+				...stack,
+				padding: 20
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					style: {
+						...actions,
+						justifyContent: "space-between"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						id: title,
+						style: { margin: 0 },
+						children: t("ollamaManageTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						autoFocus: true,
+						disabled: saving,
+						onClick: onClose,
+						children: t("imageClose")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					id: description,
+					className: "dsh-subscription-hint",
+					children: t("ollamaManageHint")
+				}),
+				view?.configOverridesModels === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-subscription-hint",
+					children: t("ollamaCatalogOverride")
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "alert",
+					children: error
+				}),
+				loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					className: "dsh-subscription-hint",
+					children: t("modelDefaultsLoading")
+				}),
+				!loading && !view && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => setAttempt((value) => value + 1),
+					children: t("modelDefaultsRetry")
+				}),
+				view && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+					disabled: saving,
+					style: {
+						...stack,
+						border: 0,
+						margin: 0,
+						padding: 0,
+						minWidth: 0
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								borderTop: border,
+								paddingTop: 12,
+								display: "grid",
+								gap: 12
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									style: { margin: 0 },
+									children: t("modelsEdit")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: actions,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "password",
+											autoComplete: "off",
+											style: { flex: "1 1 180px" },
+											"aria-label": t("ollamaKeyPlaceholder"),
+											placeholder: t("ollamaKeyPlaceholder"),
+											value: apiKey,
+											onChange: (event) => setApiKey(event.target.value)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-subscription-quiet",
+											disabled: fetching,
+											onClick: () => {
+												fetchCandidates();
+											},
+											children: fetching ? t("ollamaFetching") : t("ollamaFetch")
+										}),
+										candidates !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-subscription-hint",
+											children: t("ollamaCandidatesCount", { count: candidates.length })
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-subscription-hint",
+									children: t("ollamaKeyHint")
+								}),
+								fetchError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									role: "alert",
+									children: fetchError
+								}),
+								candidates?.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-subscription-hint",
+									children: t("ollamaCandidatesEmpty")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: actions,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: { flex: "1 1 180px" },
+											value: query,
+											onChange: (event) => setQuery(event.target.value),
+											placeholder: t("modelDefaultsFilterPlaceholder"),
+											"aria-label": t("modelDefaultsFilterPlaceholder")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => applyTicks(tickModels(draft.models ?? [], stash, candidates ?? [], shown.map((row) => row.id))),
+											children: t("modelsSelectAll")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => applyTicks(untickModels(draft.models ?? [], stash, shown.map((row) => row.id))),
+											children: t("modelsSelectNone")
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										maxHeight: 360,
+										overflowY: "auto",
+										display: "grid",
+										gap: 8
+									},
+									children: [shown.map((row) => {
+										const stored = (draft.models ?? []).find((entry) => entry.id === row.id);
+										const index = (draft.models ?? []).findIndex((entry) => entry.id === row.id);
+										const open = expanded.has(row.id);
+										const details = `${row.id}-details`;
+										const efforts = stored === void 0 ? [] : effortOptions(stored, fetchedById.get(row.id)?.efforts, view.models.find((entry) => entry.id === row.id)?.efforts);
+										const contextProblem = invalidContext.includes(row.id);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												borderBottom: border,
+												padding: "8px 2px",
+												display: "grid",
+												gap: 8
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+													style: { overflowWrap: "anywhere" },
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+															type: "checkbox",
+															checked: row.ticked,
+															onChange: (event) => {
+																applyTicks(event.target.checked ? tickModel(draft.models ?? [], stash, candidates ?? [], row.id) : untickModel(draft.models ?? [], stash, row.id));
+															}
+														}),
+														" ",
+														row.name,
+														" ",
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: subscriptionCardStyles.status,
+															children: capabilities(t, row)
+														})
+													]
+												}),
+												stored !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													style: actions,
+													children: [
+														row.thinking && efforts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+															style: actions,
+															children: [t("modelDefaultsTitle"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																"aria-label": `${row.name} ${t("modelDefaultsTitle")}`,
+																value: stored.defaultEffort ?? "",
+																onChange: (event) => setEffort(row.id, event.target.value),
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																	value: "",
+																	children: t("modelDefaultsFollowProvider")
+																}), efforts.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																	value: effort.id,
+																	disabled: effort.unavailable === true,
+																	children: effort.unavailable === true ? `${effort.name} (${t("modelsUnavailable")})` : effort.name
+																}, effort.id))]
+															})]
+														}),
+														row.thinking && efforts.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("ollamaEffortsUnknown") }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+															style: actions,
+															children: [t("modelsContext"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																style: { width: 140 },
+																inputMode: "numeric",
+																"aria-invalid": contextProblem,
+																value: contextText[row.id] ?? (stored.contextOverride === void 0 ? "" : String(stored.contextOverride)),
+																"aria-label": `${row.name} ${t("modelsContext")}`,
+																placeholder: row.contextWindow === void 0 ? "" : String(row.contextWindow),
+																onChange: (event) => setContext(row.id, event.target.value)
+															})]
+														}),
+														row.contextWindow !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("modelsContextBounds", {
+															default: row.contextWindow,
+															max: row.contextWindow
+														}) }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+															type: "button",
+															className: "dsh-subscription-quiet",
+															"aria-expanded": open,
+															"aria-controls": details,
+															"aria-label": `${row.name} ${t("ollamaRowDetails")}`,
+															onClick: () => {
+																const next = new Set(expanded);
+																if (open) next.delete(row.id);
+																else next.add(row.id);
+																setExpanded(next);
+															},
+															children: [
+																t("ollamaRowDetails"),
+																" ",
+																open ? "▾" : "▸"
+															]
+														})
+													]
+												}),
+												contextProblem && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													role: "alert",
+													children: t("modelsContextInvalid", { model: row.name })
+												}),
+												stored !== void 0 && open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													id: details,
+													style: actions,
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+															style: actions,
+															children: [t("ollamaDisplayName"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																value: stored.name ?? "",
+																placeholder: row.id,
+																"aria-label": `${row.name} ${t("ollamaDisplayName")}`,
+																onChange: (event) => rename(row.id, event.target.value),
+																onBlur: (event) => rename(row.id, event.target.value.trim())
+															})]
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															disabled: index === 0,
+															"aria-label": `${row.name} ${t("ollamaMoveUp")}`,
+															onClick: () => edit({
+																...draft,
+																models: moveModel(draft.models ?? [], row.id, -1)
+															}),
+															children: t("ollamaMoveUp")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															disabled: index === (draft.models ?? []).length - 1,
+															"aria-label": `${row.name} ${t("ollamaMoveDown")}`,
+															onClick: () => edit({
+																...draft,
+																models: moveModel(draft.models ?? [], row.id, 1)
+															}),
+															children: t("ollamaMoveDown")
+														})
+													]
+												})
+											]
+										}, row.id);
+									}), shown.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-subscription-hint",
+										children: query.trim() ? t("modelDefaultsFilterEmpty", { query }) : t("ollamaModelsEmpty")
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("modelsContextHint") })
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: {
+								...stack,
+								gap: 6
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-subscription-label",
+								children: t("ollamaBaseURL")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								value: draft.baseURL ?? "",
+								placeholder: view.effective.baseURL,
+								onChange: (event) => editOverride("baseURL", event.target.value)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: {
+								...stack,
+								gap: 6
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-subscription-label",
+								children: t("ollamaApiKeyRef")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								value: draft.apiKeyRef ?? "",
+								placeholder: view.effective.apiKeyRef,
+								onChange: (event) => editOverride("apiKeyRef", event.target.value)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-subscription-hint",
+							children: t("ollamaConnectionHint")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: (draft.web ?? view.effective.web) === true,
+								onChange: (event) => edit({
+									...draft,
+									web: event.target.checked
+								})
+							}),
+							" ",
+							t("modelsWebSearch")
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-subscription-hint",
+							children: t("ollamaWebHint")
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+					style: {
+						...stack,
+						gap: 8,
+						borderTop: border,
+						padding: "14px 0 8px",
+						position: "sticky",
+						bottom: 0,
+						background: "var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1))"
+					},
+					children: [saveError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						children: saveError
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							...actions,
+							justifyContent: "flex-end"
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: { marginRight: "auto" },
+								disabled: loading || saving,
+								onClick: () => {
+									resetDefaults();
+								},
+								children: t("ollamaResetDefaults")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								disabled: saving,
+								onClick: onClose,
+								children: t("cancel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-subscription-primary",
+								disabled: loading || saving || !dirty || invalidContext.length > 0,
+								onClick: () => {
+									save();
+								},
+								children: saving ? t("modelDefaultsSaving") : t("modelsSave")
+							})
+						]
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/OllamaCard.tsx
+function message(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+/**
+* Ollama Cloud route card: the catalog the model picker shows, the web
+* capability toggle, and the API-key usage row. The settings dialog owns
+* every write; the card only reads, so a save is reflected by re-reading.
+*/
+function OllamaCard({ rpc, t }) {
+	const [view, setView] = (0, react.useState)();
+	const [configured, setConfigured] = (0, react.useState)();
+	const [usage, setUsage] = (0, react.useState)();
+	const [observedAt, setObservedAt] = (0, react.useState)();
+	const [usageStale, setUsageStale] = (0, react.useState)(false);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [statusError, setStatusError] = (0, react.useState)();
+	const [usageError, setUsageError] = (0, react.useState)();
+	const [manage, setManage] = (0, react.useState)(false);
+	const refreshUsage = (0, react.useCallback)(async () => {
+		setLoading(true);
+		try {
+			const value = await callSubscriptionsAuth(rpc, "externalUsage", { source: "ollama-cloud" });
+			setUsage(value);
+			setObservedAt(value.observedAt ?? Date.now());
+			setUsageStale(value.stale === true);
+			setUsageError(void 0);
+			window.dispatchEvent(new Event(USAGE_BADGE_REFRESH_EVENT));
+		} catch (failure) {
+			setUsageError(message(failure));
+			setUsageStale(true);
+		} finally {
+			setLoading(false);
+		}
+	}, [rpc]);
+	const refreshStatus = (0, react.useCallback)(async () => {
+		try {
+			const [settings, status] = await Promise.all([callSubscriptionsAuth(rpc, "ollamaSettings", {}), callSubscriptionsAuth(rpc, "externalStatus", {})]);
+			setView(settings);
+			setStatusError(void 0);
+			const isConfigured = status["ollama-cloud"]?.configured === true;
+			setConfigured(isConfigured);
+			if (isConfigured) refreshUsage();
+		} catch (failure) {
+			setStatusError(message(failure));
+		}
+	}, [rpc, refreshUsage]);
+	(0, react.useEffect)(() => {
+		refreshStatus();
+	}, [refreshStatus]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: subscriptionCardStyles.card,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: subscriptionCardStyles.header,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+					...subscriptionCardStyles.dot,
+					background: configured === true ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-label-dimmed)"
+				} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: subscriptionCardStyles.name,
+					children: t("ollamaTitle")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: subscriptionCardStyles.status,
+				children: view === void 0 ? t("checking") : view.models.length > 0 ? t("ollamaStatus", { count: view.models.length }) : t("ollamaStatusNone")
+			}),
+			view !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: subscriptionCardStyles.status,
+				children: view.effective.web ? t("ollamaWebOn") : t("ollamaWebOff")
+			}),
+			statusError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: subscriptionCardStyles.error,
+				children: t("ollamaModelsLoadFailed", { message: statusError })
+			}),
+			view !== void 0 && configured === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: subscriptionCardStyles.status,
+				children: t("ollamaConfigureHint", { ref: view.effective.apiKeyRef })
+			}),
+			configured === true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: subscriptionCardStyles.account,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: subscriptionCardStyles.accountHeader,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: subscriptionCardStyles.defaultStar,
+						title: t("defaultBadge"),
+						children: "★"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: subscriptionCardStyles.accountName,
+						children: t("externalUsageApiKey")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: subscriptionCardStyles.usage,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: subscriptionCardStyles.usageHeader,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: subscriptionCardStyles.usageTitle,
+									children: t("usageTitle")
+								}),
+								usage?.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: subscriptionCardStyles.usagePlan,
+									children: t("usagePlan", { plan: usage.plan })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: subscriptionCardStyles.usageRefresh,
+									disabled: loading,
+									onClick: () => {
+										refreshUsage();
+									},
+									children: t("usageRefresh")
+								})
+							]
+						}),
+						loading && usage === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: subscriptionCardStyles.status,
+							children: t("usageLoading")
+						}),
+						usageError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: subscriptionCardStyles.error,
+							children: t("usageError", { message: usageError })
+						}),
+						usage !== void 0 && usage.supported === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: subscriptionCardStyles.status,
+							children: t("usageUnsupported")
+						}),
+						usage?.windows?.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: subscriptionCardStyles.status,
+							children: t("usageEmpty")
+						}),
+						usage?.windows?.map((window$1, index) => {
+							const percent = displayUsedPercent(window$1.usedPercent);
+							const label = externalUsageWindowLabel(t, window$1);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: subscriptionCardStyles.usageRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: subscriptionCardStyles.usageMeta,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [percent === void 0 ? t("usageMeterInvalid") : `${percent}%`, window$1.resetsAt === void 0 ? "" : ` · ${t("usageResets", { date: new Date(window$1.resetsAt).toLocaleString() })}`] })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageMeter, {
+									window: window$1,
+									t,
+									observedAt,
+									stale: usageStale
+								})]
+							}, index);
+						})
+					]
+				})]
+			}),
+			view?.configOverridesModels === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: subscriptionCardStyles.status,
+				children: t("ollamaCatalogOverride")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: subscriptionCardStyles.actions,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: subscriptionCardStyles.button,
+					"aria-haspopup": "dialog",
+					onClick: () => setManage(true),
+					children: t("accountsManage")
+				}), configured !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style: subscriptionCardStyles.button,
+					onClick: () => {
+						refreshStatus();
+					},
+					children: t("usageRefresh")
+				})]
+			}),
+			manage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OllamaSettingsManager, {
+				rpc,
+				t,
+				onClose: () => setManage(false),
+				onSaved: () => {
+					refreshStatus();
+				}
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/reset-credits-view.tsx
+const STATE_KEYS = {
+	available: "resetCreditAvailable",
+	notUsable: "resetCreditNotUsable",
+	paused: "resetCreditPaused",
+	exhausted: "resetCreditExhausted",
+	expired: "resetCreditExpired"
+};
+/**
+* Classify one grant. Expired outranks every other flag. A future
+* `cooldownUntil` or `usableNow: false` is not usable even when `claimable`
+* is true. `claimable` does not change the word: it is not an action.
+*/
+function resetCreditState(credit, now) {
+	if (credit.expiresAt !== void 0 && credit.expiresAt <= now) return "expired";
+	if (credit.paused === true) return "paused";
+	if (credit.resetsLeft === 0) return "exhausted";
+	if (credit.cooldownUntil !== void 0 && credit.cooldownUntil > now || credit.usableNow === false) return "notUsable";
+	return "available";
+}
+/**
+* Headline count. Codex passes one entry per credit, so the count is the
+* list length. Claude passes one entry per grant, so the count is the sum of
+* `resetsLeft` on grants that are neither expired nor paused. A missing
+* `resetsLeft` adds nothing; the row says the count is unavailable.
+*/
+function resetCreditsAvailableCount(credits, now, mode) {
+	if (mode === "credits") return credits.length;
+	let sum = 0;
+	for (const credit of credits) {
+		const state = resetCreditState(credit, now);
+		if (state === "expired" || state === "paused") continue;
+		if (typeof credit.resetsLeft === "number" && Number.isFinite(credit.resetsLeft) && credit.resetsLeft > 0) sum += credit.resetsLeft;
+	}
+	return sum;
+}
+function expiryText(t, credit) {
+	return credit.expiresAt === void 0 ? t("resetCreditExpiryUnknown") : t("resetCreditExpires", { date: new Date(credit.expiresAt).toLocaleString() });
+}
+function remainingText(t, credit) {
+	const left = credit.resetsLeft;
+	const total = credit.resetsTotal;
+	const hasLeft = typeof left === "number" && Number.isFinite(left);
+	if (hasLeft && typeof total === "number" && Number.isFinite(total)) return t("resetCreditRemaining", {
+		left,
+		total
+	});
+	if (hasLeft) return t("resetCreditLeft", { left });
+	return t("resetCreditRemainingUnknown");
+}
+/** Accessible name of one Claude grant row: state, remaining, and expiry, not a control name. */
+function resetCreditRowName(t, credit, now) {
+	const state = resetCreditState(credit, now);
+	const parts = [
+		t("resetCreditFull"),
+		t(STATE_KEYS[state]),
+		remainingText(t, credit),
+		expiryText(t, credit)
+	];
+	if (state === "notUsable" && credit.cooldownUntil !== void 0 && credit.cooldownUntil > now) parts.push(t("resetCreditCooldownUntil", { date: new Date(credit.cooldownUntil).toLocaleString() }));
+	return parts.join(", ");
+}
+/** Claude omits an empty grant list; Codex still shows a defined, possibly empty, list. */
+function showsResetCredits(provider, credits) {
+	if (provider === "codex") return credits !== void 0;
+	return (credits?.length ?? 0) > 0;
+}
+/** The error line the settings card mounts. Claude never interpolates provider text. */
+function ResetCreditsErrorLine({ provider, message: message$3, t }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		style: subscriptionCardStyles.error,
+		children: resetCreditsErrorText(provider, message$3, t)
+	});
+}
+/** Fixed sentence for Claude. Codex may include the lookup message; Claude must not. */
+function resetCreditsErrorText(provider, message$3, t) {
+	return provider === "claude" ? t("resetCreditsErrorFixed") : t("resetCreditsError", { message: message$3 });
+}
+const summaryStyle = {
+	...subscriptionCardStyles.usageMeta,
+	cursor: "pointer",
+	listStyle: "none",
+	justifyContent: "flex-start",
+	gap: 6
+};
+/**
+* The closed disclosure both providers share. Claude rows are plain text:
+* no button, no `role="button"`, and `cursor: default`, including when
+* `claimable` is true.
+*/
+function ResetCreditsDisclosure({ mode, credits, t, now = Date.now(), nextCredit, useAction, statusMessage }) {
+	const count = resetCreditsAvailableCount(credits, now, mode);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+		className: "subscriptions-reset-credits",
+		style: subscriptionCardStyles.usageRow,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+				style: summaryStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						"aria-hidden": "true",
+						width: "12",
+						height: "12",
+						viewBox: "0 0 16 16",
+						style: { flexShrink: 0 },
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "m6 3 5 5-5 5",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCreditsTitle") }),
+					mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCreditReadOnlyLabel") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { marginLeft: "auto" },
+						children: t("resetCreditsAvailable", { count })
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: ".subscriptions-reset-credits > summary::-webkit-details-marker { display: none; }.subscriptions-reset-credits[open] > summary > svg { transform: rotate(90deg); }" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					paddingLeft: 18,
+					marginTop: 6
+				},
+				children: [
+					mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: subscriptionCardStyles.status,
+						children: t("resetCreditReadOnly")
+					}),
+					credits.map((credit, index) => {
+						const state = resetCreditState(credit, now);
+						const showUse = mode === "credits" && useAction !== void 0 && credit === nextCredit;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							"data-reset-state": mode === "grants" ? state : void 0,
+							"data-reset-claimable": mode === "grants" && credit.claimable === true ? "true" : void 0,
+							role: mode === "grants" ? "group" : void 0,
+							"aria-label": mode === "grants" ? resetCreditRowName(t, credit, now) : void 0,
+							style: {
+								...subscriptionCardStyles.usageMeta,
+								minHeight: 28,
+								gap: 12,
+								cursor: mode === "grants" ? "default" : void 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									gap: 8,
+									flexShrink: 0
+								},
+								children: [
+									t("resetCreditFull"),
+									mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										"data-reset-state-word": state,
+										children: t(STATE_KEYS[state])
+									}),
+									showUse && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										"aria-disabled": useAction.disabled,
+										title: useAction.title,
+										style: {
+											minHeight: 22,
+											height: 22,
+											padding: "0 7px",
+											borderRadius: 6,
+											opacity: useAction.disabled ? .35 : 1,
+											cursor: useAction.disabled ? "not-allowed" : "pointer"
+										},
+										onClick: () => {
+											if (!useAction.disabled) useAction.onUse();
+										},
+										children: useAction.busy ? t("resetUseChecking") : useAction.label
+									})
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: { textAlign: "right" },
+								children: [
+									mode === "grants" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										"aria-hidden": "true",
+										children: [remainingText(t, credit), " · "]
+									}),
+									mode === "grants" && state === "notUsable" && credit.cooldownUntil !== void 0 && credit.cooldownUntil > now && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										"aria-hidden": "true",
+										children: [t("resetCreditCooldownUntil", { date: new Date(credit.cooldownUntil).toLocaleString() }), " · "]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": mode === "grants" ? true : void 0,
+										children: expiryText(t, credit)
+									})
+								]
+							})]
+						}, credit.id ?? index);
+					}),
+					statusMessage !== void 0 && statusMessage !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						style: subscriptionCardStyles.status,
+						children: statusMessage
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/UsageBadgeDisplaySetting.tsx
+/** Browser-local display preference; never changes provider or account settings. */
+function UsageBadgeDisplaySetting({ t }) {
+	const mode = useUsageBadgeMode();
 	const preset = useUsageColorPreset();
 	const [failed, setFailed] = (0, react.useState)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2872,12 +4007,12 @@ function SubscriptionsSection(props) {
 	const usageInflightRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 	const usageRosterSignatureRef = (0, react.useRef)();
 	const [managedProvider, setManagedProvider] = (0, react.useState)();
-	const setProviderError = (0, react.useCallback)((provider, message$1) => {
+	const setProviderError = (0, react.useCallback)((provider, message$3) => {
 		if (!mountedRef.current) return;
 		setErrors((prev) => {
 			const next = { ...prev };
-			if (message$1 === void 0) delete next[provider];
-			else next[provider] = message$1;
+			if (message$3 === void 0) delete next[provider];
+			else next[provider] = message$3;
 			return next;
 		});
 	}, []);
@@ -2895,8 +4030,8 @@ function SubscriptionsSection(props) {
 		try {
 			response = await callSubscriptionsAuth(rpc, "status", {});
 		} catch (error) {
-			const message$1 = error instanceof Error ? error.message : String(error);
-			for (const { id } of PROVIDERS) setProviderError(id, message$1);
+			const message$3 = error instanceof Error ? error.message : String(error);
+			for (const { id } of PROVIDERS) setProviderError(id, message$3);
 			return;
 		}
 		if (!mountedRef.current) return;
@@ -3466,6 +4601,10 @@ function SubscriptionsSection(props) {
 				rpc,
 				t
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OllamaCard, {
+				rpc,
+				t
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExternalUsageCards, {
 				rpc,
 				t
@@ -4573,7 +5712,8 @@ const PROVIDER_NAMES = {
 	"opencode-go": "OpenCode Go",
 	"kimi-coding": "Kimi Code",
 	"minimax": "MiniMax",
-	"minimax-cn": "MiniMax CN"
+	"minimax-cn": "MiniMax CN",
+	"ollama-cloud": "Ollama Cloud"
 };
 /** Key of one account's cached windows: `provider:accountKey`. */
 function usageKeyOf(provider, account) {
@@ -4649,7 +5789,8 @@ async function loadBadgeRoster(rpc) {
 		["opencode-go", "opencode-go"],
 		["kimi-code", "kimi-coding"],
 		["minimax", "minimax"],
-		["minimax-cn", "minimax-cn"]
+		["minimax-cn", "minimax-cn"],
+		["ollama-cloud", "ollama-cloud"]
 	]) {
 		refreshed.add(provider);
 		if (external.value[source]?.configured) roster.push({
@@ -4667,7 +5808,7 @@ async function loadBadgeRoster(rpc) {
 }
 async function usageOf(rpc, { provider, account }) {
 	if (provider === "cursor-subscription") return callSubscriptionsAuth(rpc, "cursorUsage", {});
-	if (provider === "opencode-go" || provider === "kimi-coding" || provider === "minimax" || provider === "minimax-cn") return callSubscriptionsAuth(rpc, "externalUsage", { source: provider === "kimi-coding" ? "kimi-code" : provider });
+	if (provider === "opencode-go" || provider === "kimi-coding" || provider === "minimax" || provider === "minimax-cn" || provider === "ollama-cloud") return callSubscriptionsAuth(rpc, "externalUsage", { source: provider === "kimi-coding" ? "kimi-code" : provider });
 	return callSubscriptionsAuth(rpc, "usage", {
 		provider,
 		account: account.key