@goodandready/dsh-opencode-provider 0.0.0-stage → 0.5.1

package/lib/client.js

@@ -0,0 +1,2644 @@
+window.__ModuleLoader__.load({
+	id: "@goodandready/dsh-opencode-provider",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/locales.ts
+		const NS = "settings.opencode";
+		const dictionaries = {
+			en: {
+				nav: "OpenCode",
+				title: "OpenCode",
+				intro: "OpenCode Console and the OpenCode Go subscription share one adapter. The key is stored in the local credential service and never echoed back.",
+				key: "API key",
+				keyHint: "Paste a key from the OpenCode console, or import the key OpenCode already stored.",
+				keyConfigured: "Configured",
+				keyMissing: "Not configured",
+				keySource: "Source",
+				keyWritable: "Writable",
+				pasteKey: "Paste a key",
+				saveKey: "Save key",
+				clearKey: "Clear key",
+				importAuth: "Import from OpenCode",
+				imported: "Imported the OpenCode key",
+				testConnection: "Test connection",
+				testing: "Testing…",
+				testOk: "OK in {ms} ms",
+				testFailed: "Test failed",
+				markQuota: "Quota cooldown",
+				markRateLimit: "Rate limited",
+				markInvalid: "Invalid key",
+				markTransport: "Transport cooldown",
+				accounts: "Accounts",
+				accountsHint: "The first usable account serves requests; a 401/403/429 or an exhausted quota before the stream starts switches to the next one.",
+				accountLabel: "Name",
+				accountRef: "Credential ref",
+				accountSource: "Source",
+				addAccount: "Add account",
+				removeAccount: "Remove",
+				pinAccount: "Pin",
+				activeAccount: "Pinned account",
+				activeAccountNow: "Active account",
+				active: "active",
+				noActiveAccount: "No usable account",
+				modelAccountRules: "Model → account rules",
+				modelAccountRulesHint: "First matching glob pins that account for the request; the other accounts stay as fallbacks if it fails or is cooling. Use * and ?. An unknown account is ignored.",
+				rulePattern: "Model pattern (e.g. *free*)",
+				ruleAccount: "Account label",
+				addRule: "Add rule",
+				removeRule: "Remove",
+				auto: "Automatic",
+				quota: "Quota",
+				quotaTitle: "OpenCode Go quota",
+				quotaCardName: "OpenCode Go",
+				fiveHourWindow: "5-Hour Window",
+				weeklyWindow: "Weekly Window",
+				monthlyWindow: "Monthly Window",
+				remaining: "remaining",
+				quotaWarning: "Quota is above 80% in at least one window.",
+				quotaExhausted: "Quota is exhausted in at least one window; requests may be rejected until it resets.",
+				fiveHour: "5-hour",
+				weekly: "Weekly",
+				monthly: "Monthly",
+				noUsage: "Quota is unavailable.",
+				usageError: "Quota error",
+				refresh: "Refresh",
+				refreshed: "Refreshed",
+				loading: "Loading…",
+				failed: "Request failed",
+				save: "Save",
+				saving: "Saving…",
+				saved: "Saved",
+				saveFailed: "Save failed",
+				unsaved: "Unsaved changes",
+				models: "Models",
+				modelsHint: "All models are shown when the allowlist is empty. Unchecking a model keeps the rest.",
+				filterModelsByPlan: "Hide models outside the Go allowance",
+				filterModelsByPlanHint: "On the Go route, show only models covered by the Go table or free models. The allowlist and unfiltered settings views still show everything.",
+				limitsHint: "Request estimates come from the OpenCode Go pricing table (5h/week/month, Go and Go Plus); the gateway remains the authority.",
+				limitsTitle: "Subscription limits (Go / Go Plus)",
+				limitsWindow: "Each cell: monthly allowance, then estimated requests for 5h / week / month. ∞ = unlimited.",
+				model: "Model",
+				sessions: "Sessions",
+				usageAnalytics: "Usage analytics",
+				days: "Days",
+				date: "Date",
+				session: "Session",
+				requests: "Requests",
+				tokens: "Tokens",
+				successRate: "Success rate",
+				input: "Input",
+				output: "Output",
+				reasoning: "Reasoning",
+				cacheRead: "Cache read",
+				cacheWrite: "Cache write",
+				avgTtft: "Avg TTFT",
+				avgLatency: "Avg latency",
+				errors: "Errors",
+				requestHeatmap: "Request heatmap",
+				heatmapPeak: "Peak",
+				heatmapEmpty: "No requests recorded yet. Send a message or run Test connection.",
+				heatmapHint: "Local time. Counts requests made through this plugin; collection starts with this build.",
+				heatmapLess: "less",
+				heatmapMore: "more",
+				heatmapByHour: "By hour (all days)",
+				heatmapAllModels: "All models",
+				heatmapModel: "Model",
+				analyticsHint: "Aggregated from local session metadata by last activity. A session that switched models is counted under its last model; failures are not exposed by the projection.",
+				analyticsEmpty: "No OpenCode sessions in this window.",
+				showAll: "Show all",
+				modelSearch: "Search models…",
+				transport: "Transport",
+				transportAuto: "Auto",
+				free: "FREE",
+				vision: "Image",
+				sectionFree: "Free models",
+				sectionFreeHint: "No charge on any plan.",
+				sectionGo: "Go subscription",
+				sectionGoHint: "Covered by the Go / Go Plus allowance. N/5h is the estimated request limit; ∞ = unlimited.",
+				sectionZen: "Zen / pay-as-you-go",
+				sectionZenHint: "Available on the Console/Zen route; not included in the Go allowance.",
+				zenBadge: "Zen",
+				priceUnknown: "price n/a",
+				legendFree: "no charge",
+				legendPrice: "USD per 1M input/output tokens",
+				legendGo: "Go request estimate per 5h (∞ = unlimited)",
+				legendZen: "Console/Zen, not in the Go allowance",
+				legendImage: "image input",
+				legendUnknownPrice: "The catalog publishes no price for this model.",
+				modelsEmpty: "No models match the current search.",
+				advanced: "Connection",
+				apiKeyEnv: "Credential reference",
+				apiKeyEnvHint: "Environment / credential name resolved per request.",
+				openCodeAuthEntry: "OpenCode auth entry",
+				openCodeAuthEntryHint: "Entry in ~/.local/share/opencode/auth.json used as the last fallback.",
+				apiBase: "Console base",
+				goApiBase: "Go inference base",
+				goZenBase: "Go gateway base",
+				usageUrl: "Usage endpoint",
+				requestTimeoutMs: "Header timeout (ms)",
+				streamIdleTimeoutMs: "Stream idle timeout (ms)",
+				maxOutputTokens: "Output limit (empty = model default, 0 = omit)",
+				contextWindow: "Context override",
+				showSidebarQuota: "Show the quota card in the sidebar",
+				pluginUpdate: "Plugin update",
+				currentVersion: "Current version",
+				latestVersion: "Latest version",
+				upToDate: "Up to date",
+				updateAvailable: "Update available",
+				updateNow: "Update now",
+				updating: "Updating…",
+				restartRequired: "Restart DSH to load the new version.",
+				updateUnavailable: "Automatic update is unavailable in this runtime; use the DSH plugin manager.",
+				updateCheckFailed: "Could not check the registry.",
+				updateFailed: "Plugin update failed.",
+				checking: "Checking…",
+				close: "Close",
+				openQuota: "OpenCode Go quota",
+				settings: "Settings",
+				accountCount: "accounts",
+				modelCount: "models",
+				configured: "configured",
+				notConfigured: "not configured",
+				resets: "resets",
+				perMonth: "monthly"
+			},
+			zh: {
+				nav: "OpenCode",
+				title: "OpenCode",
+				intro: "OpenCode Console 与 OpenCode Go 订阅共用同一个适配器。密钥保存在本地凭据服务中，永远不会回显。",
+				key: "API 密钥",
+				keyHint: "粘贴 OpenCode 控制台的密钥，或导入 OpenCode 已保存的密钥。",
+				keyConfigured: "已配置",
+				keyMissing: "未配置",
+				keySource: "来源",
+				keyWritable: "可写",
+				pasteKey: "粘贴密钥",
+				saveKey: "保存密钥",
+				clearKey: "清除密钥",
+				importAuth: "从 OpenCode 导入",
+				imported: "已导入 OpenCode 密钥",
+				testConnection: "测试连接",
+				testing: "测试中…",
+				testOk: "成功，耗时 {ms} ms",
+				testFailed: "测试失败",
+				markQuota: "配额冷却",
+				markRateLimit: "触发限流",
+				markInvalid: "密钥无效",
+				markTransport: "传输冷却",
+				accounts: "账户",
+				accountsHint: "第一个可用账户处理请求；流开始前遇到 401/403/429 或配额耗尽时切换到下一个账户。",
+				accountLabel: "名称",
+				accountRef: "凭据引用",
+				accountSource: "来源",
+				addAccount: "添加账户",
+				removeAccount: "移除",
+				pinAccount: "固定",
+				activeAccount: "固定账户",
+				activeAccountNow: "当前账户",
+				active: "活动",
+				noActiveAccount: "无可用账户",
+				modelAccountRules: "模型 → 账户规则",
+				modelAccountRulesHint: "首个匹配的 glob 会为该请求固定账户；失败或冷却时其余账户作为回退。支持 * 和 ?。未知账户会被忽略。",
+				rulePattern: "模型模式（例如 *free*）",
+				ruleAccount: "账户名称",
+				addRule: "添加规则",
+				removeRule: "移除",
+				auto: "自动",
+				quota: "配额",
+				quotaTitle: "OpenCode Go 配额",
+				quotaCardName: "OpenCode Go",
+				fiveHourWindow: "5 小时窗口",
+				weeklyWindow: "每周窗口",
+				monthlyWindow: "每月窗口",
+				remaining: "剩余",
+				quotaWarning: "至少一个窗口的配额已超过 80%。",
+				quotaExhausted: "至少一个窗口的配额已耗尽；重置前请求可能被拒绝。",
+				fiveHour: "5 小时",
+				weekly: "每周",
+				monthly: "每月",
+				noUsage: "配额不可用。",
+				usageError: "配额错误",
+				refresh: "刷新",
+				refreshed: "已刷新",
+				loading: "加载中…",
+				failed: "请求失败",
+				save: "保存",
+				saving: "保存中…",
+				saved: "已保存",
+				saveFailed: "保存失败",
+				unsaved: "未保存的更改",
+				models: "模型",
+				modelsHint: "允许列表为空时显示全部模型。取消勾选某个模型会保留其余模型。",
+				filterModelsByPlan: "隐藏 Go 额度之外的模型",
+				filterModelsByPlanHint: "在 Go 路由上仅显示 Go 表格覆盖的模型或免费模型。允许列表和未过滤的设置视图仍显示全部。",
+				limitsHint: "请求估算来自 OpenCode Go 价格表（5 小时/周/月，Go 与 Go Plus）；网关仍是最终权威。",
+				limitsTitle: "订阅限制（Go / Go Plus）",
+				limitsWindow: "每个单元格：月度额度，然后是 5 小时/周/月的估算请求数。∞ = 无限制。",
+				model: "模型",
+				sessions: "会话",
+				usageAnalytics: "使用分析",
+				days: "天数",
+				date: "日期",
+				session: "会话",
+				requests: "请求",
+				tokens: "Token",
+				successRate: "成功率",
+				input: "输入",
+				output: "输出",
+				reasoning: "推理",
+				cacheRead: "缓存读取",
+				cacheWrite: "缓存写入",
+				avgTtft: "平均 TTFT",
+				avgLatency: "平均延迟",
+				errors: "错误",
+				requestHeatmap: "请求热力图",
+				heatmapPeak: "峰值",
+				heatmapEmpty: "尚无请求记录。发送消息或运行测试连接。",
+				heatmapHint: "本地时间。统计通过本插件发出的请求；从此版本开始收集。",
+				heatmapLess: "少",
+				heatmapMore: "多",
+				heatmapByHour: "按小时（全部日期）",
+				heatmapAllModels: "全部模型",
+				heatmapModel: "模型",
+				analyticsHint: "按最后活动时间聚合本地会话元数据。切换过模型的会话计入最后使用的模型；本地投影不暴露失败。",
+				analyticsEmpty: "此窗口内没有 OpenCode 会话。",
+				showAll: "显示全部",
+				modelSearch: "搜索模型…",
+				transport: "传输",
+				transportAuto: "自动",
+				free: "免费",
+				vision: "图片",
+				sectionFree: "免费模型",
+				sectionFreeHint: "任何计划均不收费。",
+				sectionGo: "Go 订阅",
+				sectionGoHint: "由 Go / Go Plus 额度覆盖。N/5h 是估算请求限制；∞ = 无限制。",
+				sectionZen: "Zen / 按量付费",
+				sectionZenHint: "在 Console/Zen 路由可用；不包含在 Go 额度中。",
+				zenBadge: "Zen",
+				priceUnknown: "价格不可用",
+				legendFree: "不收费",
+				legendPrice: "每 100 万输入/输出 Token 的美元价格",
+				legendGo: "每 5 小时 Go 请求估算（∞ = 无限制）",
+				legendZen: "Console/Zen，不在 Go 额度中",
+				legendImage: "图片输入",
+				legendUnknownPrice: "目录未发布此模型的价格。",
+				modelsEmpty: "没有匹配当前搜索的模型。",
+				advanced: "连接",
+				apiKeyEnv: "凭据引用",
+				apiKeyEnvHint: "按请求解析的环境变量 / 凭据名称。",
+				openCodeAuthEntry: "OpenCode 认证条目",
+				openCodeAuthEntryHint: "用作最后回退的 ~/.local/share/opencode/auth.json 条目。",
+				apiBase: "Console 基础 URL",
+				goApiBase: "Go 推理基础 URL",
+				goZenBase: "Go 网关基础 URL",
+				usageUrl: "用量端点",
+				requestTimeoutMs: "请求头超时（毫秒）",
+				streamIdleTimeoutMs: "流空闲超时（毫秒）",
+				maxOutputTokens: "输出上限（空 = 模型默认，0 = 省略）",
+				contextWindow: "上下文覆盖",
+				showSidebarQuota: "在侧边栏显示配额卡片",
+				pluginUpdate: "插件更新",
+				currentVersion: "当前版本",
+				latestVersion: "最新版本",
+				upToDate: "已是最新版本",
+				updateAvailable: "有可用更新",
+				updateNow: "立即更新",
+				updating: "更新中…",
+				restartRequired: "重启 DSH 以加载新版本。",
+				updateUnavailable: "当前运行环境不支持自动更新；请使用 DSH 插件管理器。",
+				updateCheckFailed: "无法检查 registry。",
+				updateFailed: "插件更新失败。",
+				checking: "检查中…",
+				close: "关闭",
+				openQuota: "OpenCode Go 配额",
+				settings: "设置",
+				accountCount: "个账户",
+				modelCount: "个模型",
+				configured: "已配置",
+				notConfigured: "未配置",
+				resets: "重置",
+				perMonth: "每月"
+			}
+		};
+		//#endregion
+		//#region src/client/api.ts
+		async function call(path, init) {
+			const response = await fetch(path, {
+				credentials: "same-origin",
+				...init,
+				headers: {
+					accept: "application/json",
+					...init?.body === void 0 ? {} : { "content-type": "application/json" },
+					...init?.headers ?? {}
+				}
+			});
+			const body = await response.json().catch(() => ({}));
+			if (!response.ok) throw new Error(body.error ?? `HTTP ${response.status}`);
+			return body;
+		}
+		function fetchState() {
+			return call("/dsh-opencode/state");
+		}
+		function refreshState() {
+			return call("/dsh-opencode/refresh", {
+				method: "POST",
+				body: "{}"
+			});
+		}
+		function refreshModels() {
+			return call("/dsh-opencode/models/refresh", {
+				method: "POST",
+				body: "{}"
+			});
+		}
+		function saveConfig(patch) {
+			return call("/dsh-opencode/config", {
+				method: "POST",
+				body: JSON.stringify({ patch })
+			});
+		}
+		function fetchUpdate() {
+			return call("/dsh-opencode/update");
+		}
+		function installUpdate() {
+			return call("/dsh-opencode/update", {
+				method: "POST",
+				headers: { "x-dsh-plugin-update": "1" },
+				body: "{}"
+			});
+		}
+		function saveKey(ref, key) {
+			return call("/dsh-opencode/key", {
+				method: "POST",
+				body: JSON.stringify({
+					ref,
+					key
+				})
+			});
+		}
+		function clearKey(ref) {
+			return call("/dsh-opencode/key/clear", {
+				method: "POST",
+				body: JSON.stringify({ ref })
+			});
+		}
+		function importAuth(entry) {
+			return call("/dsh-opencode/auth-import", {
+				method: "POST",
+				body: JSON.stringify({ entry })
+			});
+		}
+		function fetchAnalytics(days = 30) {
+			return call(`/dsh-opencode/analytics?days=${encodeURIComponent(String(days))}`);
+		}
+		function testConnection(model, provider = "opencode-go") {
+			return call("/dsh-opencode/test", {
+				method: "POST",
+				body: JSON.stringify({
+					model,
+					provider
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/heatmap.tsx
+		const DAYS = [
+			"Mon",
+			"Tue",
+			"Wed",
+			"Thu",
+			"Fri",
+			"Sat",
+			"Sun"
+		];
+		function cellColor(value, max) {
+			if (value === 0 || max <= 0) return "rgba(127,127,127,0.10)";
+			const ratio = Math.min(1, value / max);
+			return `rgba(79,191,134,${(.16 + .74 * Math.sqrt(ratio)).toFixed(3)})`;
+		}
+		function hourLabel(hour) {
+			return hour % 3 === 0 ? String(hour).padStart(2, "0") : "";
+		}
+		function pad(hour) {
+			return String(hour).padStart(2, "0");
+		}
+		function RequestHeatmapView(props) {
+			const { heatmap, t } = props;
+			const [selected, setSelected] = (0, react.useState)("all");
+			if (heatmap === void 0) return null;
+			const models = heatmap.models ?? [];
+			const selectedModel = models.find((entry) => `${entry.provider}/${entry.model}` === selected);
+			const view = selectedModel ?? heatmap;
+			const selectedKey = selectedModel === void 0 ? "all" : selected;
+			const max = Math.max(0, ...view.grid.flat());
+			const maxHours = Math.max(0, ...view.hours);
+			const peakHour = view.hours.reduce((best, value, hour) => value > (view.hours[best] ?? 0) ? hour : best, 0);
+			const peak = view.hours[peakHour] ?? 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-heat-wrap",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "oc-badge",
+								children: [
+									view.total,
+									" ",
+									t("requests")
+								]
+							}),
+							models.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "oc-select",
+								value: selectedKey,
+								title: t("heatmapModel"),
+								onChange: (event) => setSelected(event.target.value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: "all",
+									children: [
+										t("heatmapAllModels"),
+										" (",
+										heatmap.total,
+										")"
+									]
+								}), models.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: `${entry.provider}/${entry.model}`,
+									children: [
+										entry.model,
+										" (",
+										entry.total,
+										")"
+									]
+								}, `${entry.provider}/${entry.model}`))]
+							}) : null,
+							peak === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "oc-hint",
+								children: [
+									t("heatmapPeak"),
+									": ",
+									pad(peakHour),
+									":00 · ",
+									peak
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-heat-scroll",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-heat",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
+									view.hours.map((_, hour) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-heat-hour",
+										children: hourLabel(hour)
+									}, `h${hour}`)),
+									view.grid.map((row, day) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-heat-day",
+										children: DAYS[day] ?? ""
+									}), row.map((value, hour) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-heat-cell",
+										style: { background: cellColor(value, max) },
+										title: `${DAYS[day] ?? ""} ${pad(hour)}:00 — ${value}`
+									}, `c${day}-${hour}`))] }, `d${day}`))
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hour-strip-head",
+								children: t("heatmapByHour")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-hour-strip",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), view.hours.map((value, hour) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "oc-hour-col",
+									title: `${pad(hour)}:00 — ${value}`,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-hour-bar",
+										style: {
+											height: maxHours <= 0 ? "2px" : `${Math.max(2, Math.round(28 * value / maxHours))}px`,
+											background: cellColor(value, maxHours)
+										}
+									})
+								}, `s${hour}`))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-hour-labels",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), view.hours.map((_, hour) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: hourLabel(hour) }, `l${hour}`))]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-heat-legend",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("heatmapLess") }),
+							[
+								.1,
+								.3,
+								.5,
+								.7,
+								.9
+							].map((ratio) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "oc-heat-swatch",
+								style: { background: `rgba(79,191,134,${(.16 + .74 * ratio).toFixed(3)})` }
+							}, ratio)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("heatmapMore") })
+						]
+					}),
+					view.total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "oc-hint",
+						children: t("heatmapEmpty")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "oc-hint",
+						children: t("heatmapHint")
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/usage-analytics.tsx
+		function compact(value) {
+			if (!Number.isFinite(value) || value <= 0) return "0";
+			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}k`;
+			return String(Math.round(value));
+		}
+		function ms(value) {
+			return value === null || !Number.isFinite(value) ? "—" : `${Math.round(value)} ms`;
+		}
+		function Kpi(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-kpi",
+				title: props.title,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "oc-kpi-value",
+					children: props.value
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "oc-kpi-label",
+					children: props.label
+				})]
+			});
+		}
+		function modelRows(report, t) {
+			if (report.models.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "oc-hint",
+				children: t("analyticsEmpty")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "oc-table-scroll",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: "oc-table",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("model") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("requests") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("tokens") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("avgTtft") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: report.models.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.model }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.steps }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: compact(row.inputTokens + row.outputTokens) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: ms(row.ttftSteps > 0 ? row.ttftMs / row.ttftSteps : null) })
+					] }, `${row.provider}/${row.model}`)) })]
+				})
+			});
+		}
+		function dayRows(report, t) {
+			if (report.days.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "oc-hint",
+				children: t("analyticsEmpty")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "oc-table-scroll",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: "oc-table",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("date") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("sessions") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("requests") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("tokens") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("avgTtft") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: report.days.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.date }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.sessions }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.requests }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: compact(row.tokens) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: ms(row.avgTtftMs) })
+					] }, row.date)) })]
+				})
+			});
+		}
+		function sessionRows(report, t) {
+			if (report.sessions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "oc-hint",
+				children: t("analyticsEmpty")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "oc-table-scroll",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: "oc-table",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("session") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("model") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("requests") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("tokens") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("avgTtft") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: report.sessions.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+							title: row.id,
+							children: row.id.replace(/^session-/, "").slice(0, 10) || "—"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.model }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.requests }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: compact(row.tokens) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: ms(row.avgTtftMs) })
+					] }, `${row.id}-${row.at}`)) })]
+				})
+			});
+		}
+		function UsageAnalyticsView(props) {
+			const { analytics, t, days, onDays } = props;
+			const [tab, setTab] = (0, react.useState)("models");
+			const summary = analytics.summary;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "oc-analytics-head",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "oc-card-title",
+						children: t("usageAnalytics")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "oc-select",
+							value: String(days),
+							onChange: (event) => onDays(Number(event.target.value)),
+							"aria-label": t("days"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "7",
+									children: "7 days"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "30",
+									children: "30 days"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "90",
+									children: "90 days"
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "oc-tabs",
+							role: "tablist",
+							children: [
+								"models",
+								"days",
+								"sessions"
+							].map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": tab === entry,
+								className: `oc-tab${tab === entry ? " oc-tab-active" : ""}`,
+								onClick: () => setTab(entry),
+								children: t(entry)
+							}, entry))
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "oc-kpi-grid",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("requests"),
+							value: String(summary.requests)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("tokens"),
+							value: compact(summary.tokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("successRate"),
+							value: summary.successRate === null ? "—" : `${Math.round(summary.successRate)}%`,
+							title: "Recorded session steps; failed attempts are not exposed by the local projection."
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("input"),
+							value: compact(summary.inputTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("output"),
+							value: compact(summary.outputTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("reasoning"),
+							value: summary.reasoningTokens === null ? "—" : compact(summary.reasoningTokens),
+							title: "Reasoning tokens are not exposed by the local session projection."
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("cacheRead"),
+							value: compact(summary.cacheReadTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("cacheWrite"),
+							value: compact(summary.cacheWriteTokens)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("avgTtft"),
+							value: ms(summary.avgTtftMs)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("avgLatency"),
+							value: ms(summary.avgLatencyMs)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Kpi, {
+							label: t("errors"),
+							value: summary.errors === null ? "—" : String(summary.errors),
+							title: "The local projection does not expose failed attempts."
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "oc-hint",
+					children: t("analyticsHint")
+				}),
+				tab === "models" ? modelRows(analytics, t) : null,
+				tab === "days" ? dayRows(analytics, t) : null,
+				tab === "sessions" ? sessionRows(analytics, t) : null
+			] });
+		}
+		//#endregion
+		//#region src/client/usage-bars.tsx
+		function percentClass(percent) {
+			if (percent >= 90) return "oc-bar-fill oc-bar-fill-bad";
+			if (percent >= 75) return "oc-bar-fill oc-bar-fill-warn";
+			return "oc-bar-fill";
+		}
+		function reset(iso) {
+			if (iso === void 0) return "";
+			const date = new Date(iso);
+			if (Number.isNaN(date.getTime())) return "";
+			const delta = date.getTime() - Date.now();
+			const relative = delta <= 0 ? "now" : delta >= 864e5 ? `${Math.round(delta / 864e5)}d` : delta >= 36e5 ? `${Math.round(delta / 36e5)}h` : `${Math.max(1, Math.round(delta / 6e4))}m`;
+			return `${date.toLocaleString([], {
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit"
+			})} (${relative})`;
+		}
+		function Row(props) {
+			const { label, window } = props;
+			if (window === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-bar-row",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "oc-bar",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: percentClass(window.percentUsed),
+							style: { width: `${Math.max(0, Math.min(100, window.percentUsed))}%` }
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						title: window.resetsAt === void 0 ? void 0 : new Date(window.resetsAt).toLocaleString(),
+						children: [
+							window.percentUsed.toFixed(0),
+							"%",
+							window.resetsAt === void 0 ? "" : ` · ${reset(window.resetsAt)}`
+						]
+					})
+				]
+			});
+		}
+		function UsageBars(props) {
+			const { usage, t } = props;
+			if (usage === null || usage.report === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "oc-hint",
+				children: usage?.error === void 0 ? t("noUsage") : `${t("usageError")}: ${usage.error}`
+			});
+			const windows = usage.report.windows;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-bars",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+						label: t("fiveHour"),
+						window: windows.fiveHour
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+						label: t("weekly"),
+						window: windows.weekly
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+						label: t("monthly"),
+						window: windows.monthly
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/quota-card.tsx
+		const PANEL_EVENT = "dsh-opencode-panel-state";
+		function broadcastPanel(open) {
+			if (typeof window === "undefined") return;
+			window.dispatchEvent(new CustomEvent(PANEL_EVENT, { detail: open }));
+		}
+		function usePanelOpen() {
+			const [open, setOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				const onChange = (event) => {
+					if (event instanceof CustomEvent) setOpen(event.detail === true);
+				};
+				window.addEventListener(PANEL_EVENT, onChange);
+				return () => window.removeEventListener(PANEL_EVENT, onChange);
+			}, []);
+			return open;
+		}
+		function useHostState(intervalMs) {
+			const [state, setState] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				const load = () => {
+					fetchState().then((next) => {
+						if (!cancelled) setState(next);
+					}).catch(() => {});
+				};
+				load();
+				const timer = setInterval(load, intervalMs);
+				return () => {
+					cancelled = true;
+					clearInterval(timer);
+				};
+			}, [intervalMs]);
+			return state;
+		}
+		function percent(window) {
+			return window === void 0 ? 0 : Math.max(0, Math.min(100, window.percentUsed));
+		}
+		function remaining(window) {
+			return Math.max(0, 100 - Math.round(percent(window)));
+		}
+		function resetIn(iso) {
+			if (iso === void 0) return "";
+			const at = new Date(iso).getTime();
+			if (!Number.isFinite(at)) return "";
+			const delta = at - Date.now();
+			if (delta <= 0) return "now";
+			if (delta >= 864e5) return `${Math.round(delta / 864e5)}d`;
+			if (delta >= 36e5) return `${Math.round(delta / 36e5)}h`;
+			return `${Math.max(1, Math.round(delta / 6e4))}m`;
+		}
+		function usagePercent(window) {
+			return window === void 0 ? "—" : `${Math.round(window.percentUsed)}%`;
+		}
+		function accountStatus(account, t) {
+			if (account.mark !== "") {
+				const label = account.mark === "invalid-credential" ? t("markInvalid") : account.mark === "quota" ? t("markQuota") : account.mark === "rate-limit" ? t("markRateLimit") : t("markTransport");
+				return account.coolingUntil > 0 ? `${label} · ${resetIn(new Date(account.coolingUntil).toISOString())}` : label;
+			}
+			const windows = account.usage?.report?.windows;
+			return [
+				windows?.fiveHour,
+				windows?.weekly,
+				windows?.monthly
+			].map((window) => window?.status).find((value) => value !== void 0 && value !== "ok");
+		}
+		function fillClass(value) {
+			if (value >= 90) return "oc-footFill oc-footFillBad";
+			if (value >= 75) return "oc-footFill oc-footFillWarn";
+			return "oc-footFill";
+		}
+		function MiniRing(props) {
+			const radius = 7;
+			const circumference = 2 * Math.PI * radius;
+			const offset = circumference - Math.max(0, Math.min(100, props.percent)) / 100 * circumference;
+			const size = props.size ?? 16;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: "oc-ring",
+				width: size,
+				height: size,
+				viewBox: "0 0 20 20",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "10",
+					cy: "10",
+					r: radius,
+					stroke: "var(--dsw-alias-bg-layer-2, rgba(127,127,127,0.25))",
+					strokeWidth: "2.5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "10",
+					cy: "10",
+					r: radius,
+					stroke: props.warn ? "var(--dsw-alias-state-error-primary, #e07a7a)" : "var(--dsw-alias-brand-primary, #4fbf86)",
+					strokeWidth: "2.5",
+					strokeDasharray: circumference,
+					strokeDashoffset: offset,
+					strokeLinecap: "round",
+					transform: "rotate(-90 10 10)",
+					style: { transition: "stroke-dashoffset 0.3s ease" }
+				})]
+			});
+		}
+		function QuotaCard(props) {
+			const { t } = props;
+			const state = useHostState(6e4);
+			const expanded = usePanelOpen();
+			if (state === null || state.config.showSidebarQuota !== true) return null;
+			const windows = state.usage?.report?.windows;
+			const accountLabel = state.accounts.find((account) => account.active)?.label;
+			const rows = [
+				{
+					key: "fiveHour",
+					label: t("fiveHourWindow"),
+					window: windows?.fiveHour
+				},
+				{
+					key: "weekly",
+					label: t("weeklyWindow"),
+					window: windows?.weekly
+				},
+				{
+					key: "monthly",
+					label: t("monthlyWindow"),
+					window: windows?.monthly
+				}
+			].filter((row) => row.window !== void 0);
+			const worst = rows.reduce((value, row) => Math.max(value, percent(row.window)), 0);
+			const warn = worst >= 90;
+			const caution = worst >= 75;
+			const name = accountLabel === void 0 || accountLabel === "default" ? t("quotaCardName") : `${t("quotaCardName")} · ${accountLabel}`;
+			const detail = rows.map((row) => {
+				const reset = resetIn(row.window.resetsAt);
+				const status = row.window.status === void 0 || row.window.status === "ok" ? "" : ` · ${row.window.status}`;
+				return `${row.label}: ${remaining(row.window)}% ${t("remaining")}${reset === "" ? "" : ` · ${reset}`}${status}`;
+			}).join(" · ");
+			const title = `${name} — ${detail === "" ? state.usage?.error ?? t("noUsage") : detail}`;
+			const open = () => {
+				broadcastPanel(true);
+				props.open?.();
+			};
+			if (props.wide === false) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "oc-railButton",
+				title,
+				"aria-label": title,
+				"aria-haspopup": "dialog",
+				"aria-expanded": expanded,
+				onClick: open,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MiniRing, {
+					percent: worst,
+					warn,
+					size: 20
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: "oc-foot",
+				title,
+				"aria-label": title,
+				"aria-haspopup": "dialog",
+				"aria-expanded": expanded,
+				onClick: open,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "oc-footTop",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MiniRing, {
+							percent: worst,
+							warn,
+							size: 16
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "oc-footName",
+							children: name
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `oc-footPct${warn ? " oc-footPctBad" : caution ? " oc-footPctWarn" : ""}`,
+							children: rows.length === 0 ? "—" : `${Math.round(worst)}%`
+						})
+					]
+				}), rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "oc-footMessage",
+					children: state.usage?.error ?? t("noUsage")
+				}) : rows.map((row) => {
+					const used = percent(row.window);
+					const reset = resetIn(row.window.resetsAt);
+					const status = row.window.status === void 0 || row.window.status === "ok" ? "" : row.window.status;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "oc-footRow",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "oc-footHead",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "oc-footLabel",
+								children: row.label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "oc-footAmount",
+								children: [
+									remaining(row.window),
+									"% ",
+									t("remaining"),
+									reset === "" ? "" : ` · ${reset}`,
+									status === "" ? "" : ` · ${status}`
+								]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "oc-footBar",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: fillClass(used),
+								style: { width: `${used === 0 ? 0 : Math.max(2, used)}%` }
+							})
+						})]
+					}, row.key);
+				})]
+			});
+		}
+		function QuotaPanel(props) {
+			const { t } = props;
+			const [state, setState] = (0, react.useState)(null);
+			const [stateError, setStateError] = (0, react.useState)(null);
+			const [analytics, setAnalytics] = (0, react.useState)(null);
+			const [analyticsError, setAnalyticsError] = (0, react.useState)(null);
+			const [days, setDays] = (0, react.useState)(7);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const analyticsSeq = (0, react.useRef)(0);
+			const load = () => {
+				fetchState().then((next) => {
+					setState(next);
+					setStateError(null);
+				}).catch((caught) => {
+					setStateError(caught instanceof Error ? caught.message : "state failed");
+				});
+			};
+			const loadAnalytics = (windowDays) => {
+				const seq = analyticsSeq.current + 1;
+				analyticsSeq.current = seq;
+				setAnalyticsError(null);
+				fetchAnalytics(windowDays).then((next) => {
+					if (seq !== analyticsSeq.current) return;
+					setAnalytics(next);
+					setAnalyticsError(null);
+				}).catch((caught) => {
+					if (seq !== analyticsSeq.current) return;
+					setAnalytics(null);
+					setAnalyticsError(caught instanceof Error ? caught.message : "analytics failed");
+				});
+			};
+			(0, react.useEffect)(() => {
+				load();
+				loadAnalytics(days);
+				const timer = setInterval(load, 6e4);
+				return () => {
+					clearInterval(timer);
+					analyticsSeq.current += 1;
+				};
+			}, [days]);
+			(0, react.useEffect)(() => () => broadcastPanel(false), []);
+			const activeAccount = state?.accounts.find((account) => account.active);
+			const refresh = () => {
+				setBusy(true);
+				refreshState().then((next) => {
+					setState(next);
+					setStateError(null);
+				}).catch((caught) => {
+					setStateError(caught instanceof Error ? caught.message : "state failed");
+				}).finally(() => setBusy(false));
+				loadAnalytics(days);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-panel",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-panel-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "oc-title",
+							children: t("quotaTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "oc-row",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: "oc-select",
+									value: String(days),
+									onChange: (event) => setDays(Number(event.target.value)),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "7",
+											children: "7 days"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "30",
+											children: "30 days"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "90",
+											children: "90 days"
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "oc-button",
+									disabled: busy,
+									onClick: refresh,
+									children: busy ? t("loading") : t("refresh")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "oc-button",
+									onClick: () => {
+										broadcastPanel(false);
+										props.close?.();
+									},
+									children: t("close")
+								})
+							]
+						})]
+					}),
+					stateError === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "oc-hint",
+						children: [
+							t("failed"),
+							": ",
+							stateError
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "oc-row",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "oc-badge",
+								children: [
+									t("activeAccountNow"),
+									": ",
+									activeAccount?.label ?? t("noActiveAccount")
+								]
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBars, {
+							usage: state?.usage ?? null,
+							t
+						})]
+					}),
+					state === null || state.accounts.length < 2 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "oc-card-title",
+								children: t("accounts")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+								className: "oc-table",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("accountLabel") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("fiveHour") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("weekly") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("monthly") })
+								] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: state.accounts.map((account) => {
+									const accountWindows = account.usage?.report?.windows;
+									const status = accountStatus(account, t);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", { children: [
+											account.label,
+											account.active ? ` · ${t("active")}` : "",
+											status === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "oc-badge oc-badge-bad",
+												style: { marginLeft: 6 },
+												title: account.coolingUntil > 0 ? new Date(account.coolingUntil).toLocaleString() : void 0,
+												children: status
+											})
+										] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: usagePercent(accountWindows?.fiveHour) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: usagePercent(accountWindows?.weekly) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: usagePercent(accountWindows?.monthly) })
+									] }, account.label);
+								}) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("accountsHint")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "oc-row",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									children: [
+										state?.accounts.length ?? 0,
+										" ",
+										t("accountCount")
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									children: [
+										state?.models.length ?? 0,
+										" ",
+										t("modelCount")
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: `oc-badge ${state?.key.configured === true ? "oc-badge-ok" : "oc-badge-warn"}`,
+									children: state?.key.configured === true ? t("configured") : t("notConfigured")
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "oc-hint",
+							children: t("intro")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+						className: "oc-card",
+						children: analyticsError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "oc-card-title",
+								children: t("usageAnalytics")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "oc-hint",
+								children: [
+									t("failed"),
+									": ",
+									analyticsError
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "oc-button",
+								onClick: () => loadAnalytics(days),
+								children: t("refresh")
+							})
+						] }) : analytics === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "oc-card-title",
+							children: t("usageAnalytics")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "oc-hint",
+							children: t("loading")
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageAnalyticsView, {
+							analytics,
+							t,
+							days,
+							onDays: setDays
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "oc-card-title",
+							children: t("requestHeatmap")
+						}), analyticsError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "oc-hint",
+							children: [
+								t("failed"),
+								": ",
+								analyticsError
+							]
+						}) : analytics === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "oc-hint",
+							children: t("loading")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RequestHeatmapView, {
+							heatmap: analytics.heatmap,
+							t
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/settings-draft.ts
+		function draftOf(state) {
+			const allIds = state.models.map((model) => model.id);
+			return {
+				apiKeyEnv: state.config.apiKeyEnv,
+				apiBase: state.config.apiBase,
+				goApiBase: state.config.goApiBase,
+				goZenBase: state.config.goZenBase,
+				usageUrl: state.config.usageUrl,
+				openCodeAuthEntry: state.config.openCodeAuthEntry,
+				requestTimeoutMs: String(state.config.requestTimeoutMs),
+				streamIdleTimeoutMs: String(state.config.streamIdleTimeoutMs),
+				maxOutputTokens: state.config.maxOutputTokens === null ? "" : String(state.config.maxOutputTokens),
+				contextWindow: state.config.contextWindow === null ? "" : String(state.config.contextWindow),
+				showSidebarQuota: state.config.showSidebarQuota,
+				activeAccount: state.config.activeAccount,
+				accounts: state.config.accounts.map((account) => ({ ...account })),
+				modelAccountRules: state.config.modelAccountRules.map((rule) => ({ ...rule })),
+				visibleModels: state.config.visibleModels.length === 0 ? allIds : [...state.config.visibleModels],
+				filterModelsByPlan: state.config.filterModelsByPlan,
+				showAll: state.config.visibleModels.length === 0,
+				modelTransports: { ...state.config.modelTransports }
+			};
+		}
+		function numberOrNull(text) {
+			const trimmed = text.trim();
+			if (trimmed === "") return null;
+			const value = Number(trimmed);
+			if (!Number.isInteger(value) || value < 0) throw new Error(`Invalid number: ${text}`);
+			return value;
+		}
+		function patchOf(draft) {
+			return {
+				apiKeyEnv: draft.apiKeyEnv.trim(),
+				apiBase: draft.apiBase.trim(),
+				goApiBase: draft.goApiBase.trim(),
+				goZenBase: draft.goZenBase.trim(),
+				usageUrl: draft.usageUrl.trim(),
+				openCodeAuthEntry: draft.openCodeAuthEntry.trim(),
+				requestTimeoutMs: numberOrNull(draft.requestTimeoutMs) ?? 3e5,
+				streamIdleTimeoutMs: numberOrNull(draft.streamIdleTimeoutMs) ?? 3e5,
+				maxOutputTokens: numberOrNull(draft.maxOutputTokens),
+				contextWindow: numberOrNull(draft.contextWindow),
+				showSidebarQuota: draft.showSidebarQuota,
+				activeAccount: draft.activeAccount.trim(),
+				accounts: draft.accounts.map((account) => ({
+					label: account.label.trim(),
+					apiKeyEnv: account.apiKeyEnv.trim()
+				})).filter((account) => account.label !== "" || account.apiKeyEnv !== ""),
+				modelAccountRules: draft.modelAccountRules.map((rule) => ({
+					pattern: rule.pattern.trim(),
+					account: rule.account.trim()
+				})).filter((rule) => rule.pattern !== "" && rule.account !== ""),
+				visibleModels: draft.showAll ? [] : draft.visibleModels,
+				filterModelsByPlan: draft.filterModelsByPlan,
+				modelTransports: Object.fromEntries(Object.entries(draft.modelTransports).filter(([, value]) => value !== ""))
+			};
+		}
+		function same(a, b) {
+			return JSON.stringify(patchOf(a)) === JSON.stringify(patchOf(b));
+		}
+		function safeSame(a, b) {
+			try {
+				return same(a, b);
+			} catch {
+				return false;
+			}
+		}
+		/** Compact request estimate; `∞` for an unlimited window. */
+		function formatRequests(value) {
+			if (value === "unlimited") return "∞";
+			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+			return String(value);
+		}
+		function formatUsd(value) {
+			return value === "unlimited" ? "unlimited" : `$${value}`;
+		}
+		function planLine(label, limits) {
+			return `${label}: ${formatUsd(limits.monthlyUsd)}/mo · ${formatRequests(limits.fiveHour)}/${formatRequests(limits.weekly)}/${formatRequests(limits.monthly)} req (5h/wk/mo)`;
+		}
+		/** Full tooltip text for the settings row. */
+		function describeLimitsFull(limits) {
+			return `${planLine("Go", limits.go)} · ${planLine("Go Plus", limits.goPlus)}`;
+		}
+		//#endregion
+		//#region src/client/settings-widgets.tsx
+		function Field(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "oc-field",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "oc-label",
+						children: props.label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: "oc-input",
+						type: props.type ?? "text",
+						value: props.value,
+						placeholder: props.placeholder,
+						list: props.list,
+						onChange: (event) => props.onChange(event.target.value)
+					}),
+					props.hint === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "oc-hint",
+						children: props.hint
+					})
+				]
+			});
+		}
+		function limitsCell(plan) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				plan.monthlyUsd === "unlimited" ? "∞" : `$${plan.monthlyUsd}`,
+				"/mo",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
+				formatRequests(plan.fiveHour),
+				"/",
+				formatRequests(plan.weekly),
+				"/",
+				formatRequests(plan.monthly),
+				" req"
+			] });
+		}
+		function untilText(epoch) {
+			const delta = Math.max(0, epoch - Date.now());
+			if (delta >= 864e5) return `${Math.round(delta / 864e5)}d`;
+			if (delta >= 36e5) return `${Math.round(delta / 36e5)}h`;
+			return `${Math.max(1, Math.round(delta / 6e4))}m`;
+		}
+		function usageChip(label, window) {
+			if (window === void 0) return null;
+			const value = Math.round(window.percentUsed);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: `oc-badge ${value >= 90 ? "oc-badge-bad" : value >= 75 ? "oc-badge-warn" : "oc-badge-ok"}`,
+				children: [
+					label,
+					" ",
+					value,
+					"%"
+				]
+			});
+		}
+		function accountMark(account, t) {
+			if (account === void 0 || account.mark === "") return void 0;
+			if (account.mark === "invalid-credential") return t("markInvalid");
+			const label = account.mark === "quota" ? t("markQuota") : account.mark === "rate-limit" ? t("markRateLimit") : t("markTransport");
+			if (account.coolingUntil <= 0) return label;
+			return `${label} · ${untilText(account.coolingUntil)}`;
+		}
+		//#endregion
+		//#region src/client/update-card.tsx
+		function PluginUpdateCard(props) {
+			const { t } = props;
+			const [status, setStatus] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)(null);
+			const load = () => {
+				fetchUpdate().then((next) => {
+					setStatus(next);
+					setError(null);
+				}).catch((caught) => {
+					setError(caught instanceof Error ? caught.message : t("updateCheckFailed"));
+				});
+			};
+			(0, react.useEffect)(() => {
+				load();
+			}, []);
+			const update = () => {
+				setBusy(true);
+				setError(null);
+				setNotice(null);
+				installUpdate().then((next) => {
+					setStatus(next);
+					setNotice(next.restartRequired === true ? t("restartRequired") : t("upToDate"));
+				}).catch((caught) => {
+					setError(caught instanceof Error ? caught.message : t("updateFailed"));
+				}).finally(() => setBusy(false));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "oc-card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+						className: "oc-card-title",
+						children: [t("pluginUpdate"), status === null ? null : status.updateAvailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "oc-badge oc-badge-warn",
+							children: t("updateAvailable")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "oc-badge oc-badge-ok",
+							children: t("upToDate")
+						})]
+					}),
+					status === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "oc-hint",
+						children: error ?? t("checking")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "oc-badge",
+							children: [
+								t("currentVersion"),
+								": ",
+								status.currentVersion
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "oc-badge",
+							children: [
+								t("latestVersion"),
+								": ",
+								status.latestVersion ?? "—"
+							]
+						})]
+					}), status.canAutoUpdate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "oc-button",
+						disabled: busy || !status.updateAvailable || status.updatedVersion !== void 0,
+						onClick: update,
+						children: busy ? t("updating") : t("updateNow")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "oc-hint",
+						children: t("updateUnavailable")
+					})] }),
+					notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "oc-notice",
+						children: notice
+					}),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "oc-error",
+						children: error
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/settings-page.tsx
+		function OpenCodeSettingsPage(props) {
+			const { t } = props;
+			const [state, setState] = (0, react.useState)(null);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [keyDraft, setKeyDraft] = (0, react.useState)("");
+			const [keyDrafts, setKeyDrafts] = (0, react.useState)({});
+			const [search, setSearch] = (0, react.useState)("");
+			const [testModel, setTestModel] = (0, react.useState)("deepseek-v4.1-flash");
+			const [testing, setTesting] = (0, react.useState)(false);
+			const [testResult, setTestResult] = (0, react.useState)(null);
+			const load = (0, react.useCallback)(async () => {
+				setLoading(true);
+				try {
+					const next = await fetchState();
+					setState(next);
+					setDraft((current) => current ?? draftOf(next));
+					setTestModel((current) => next.models.some((model) => model.id === current) ? current : next.models[0]?.id ?? current);
+					setError(null);
+				} catch (caught) {
+					setError(caught instanceof Error ? caught.message : String(caught));
+				} finally {
+					setLoading(false);
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const update = (next) => {
+				setDraft((current) => current === null ? current : {
+					...current,
+					...next
+				});
+				setNotice(null);
+			};
+			const save = async () => {
+				if (draft === null) return;
+				setSaving(true);
+				setError(null);
+				try {
+					await saveConfig(patchOf(draft));
+					setNotice(t("saved"));
+					setState(null);
+					setDraft(null);
+					await load();
+				} catch (caught) {
+					setError(caught instanceof Error ? caught.message : t("saveFailed"));
+				} finally {
+					setSaving(false);
+				}
+			};
+			const refresh = async () => {
+				try {
+					const next = await refreshState();
+					setState(next);
+					setNotice(t("refreshed"));
+					setError(null);
+				} catch (caught) {
+					setError(caught instanceof Error ? caught.message : t("failed"));
+				}
+			};
+			if (loading && state === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "oc-hint",
+				children: t("loading")
+			});
+			if (state === null || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-page",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "oc-error",
+					children: error ?? t("failed")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "oc-button",
+					onClick: () => {
+						load();
+					},
+					children: t("refresh")
+				})]
+			});
+			const dirty = !safeSame(draft, draftOf(state));
+			const activeAccount = state.accounts.find((account) => account.active);
+			const defaultAccount = state.accounts.find((account) => account.default);
+			const models = state.models.filter((model) => {
+				const query = search.trim().toLowerCase();
+				return query === "" || model.id.toLowerCase().includes(query) || model.name.toLowerCase().includes(query);
+			});
+			const freeModels = models.filter((model) => model.free);
+			const goModels = models.filter((model) => !model.free && model.limits !== null);
+			const zenModels = models.filter((model) => !model.free && model.limits === null);
+			const toggleModel = (id) => {
+				if (draft.showAll || draft.visibleModels.includes(id)) {
+					const next = (draft.showAll ? state.models.map((model) => model.id) : draft.visibleModels).filter((modelId) => modelId !== id);
+					if (next.length === 0) {
+						update({
+							showAll: true,
+							visibleModels: state.models.map((model) => model.id)
+						});
+						return;
+					}
+					update({
+						showAll: false,
+						visibleModels: next
+					});
+				} else update({
+					showAll: false,
+					visibleModels: [...draft.visibleModels, id]
+				});
+			};
+			const renderModel = (model) => {
+				const checked = draft.showAll || draft.visibleModels.includes(model.id);
+				const hasPrice = model.cost.input > 0 || model.cost.output > 0;
+				const zen = !model.free && model.limits === null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "oc-model",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked,
+							onChange: () => toggleModel(model.id)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "oc-model-name",
+							title: model.name + " · " + model.description,
+							children: [
+								model.name,
+								model.free ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									title: t("legendFree"),
+									children: [" ", t("free")]
+								}) : null,
+								!model.free && hasPrice ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									title: t("legendPrice"),
+									children: [
+										" ",
+										"$",
+										model.cost.input,
+										"/",
+										"$",
+										model.cost.output
+									]
+								}) : null,
+								!model.free && !hasPrice ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "oc-badge",
+									title: t("legendUnknownPrice"),
+									children: t("priceUnknown")
+								}) : null,
+								model.limits === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									title: describeLimitsFull(model.limits),
+									children: [
+										"Go ",
+										formatRequests(model.limits.go.fiveHour),
+										"/5h"
+									]
+								}),
+								zen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "oc-badge",
+									title: t("legendZen"),
+									children: t("zenBadge")
+								}) : null,
+								model.input.includes("image") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "oc-badge",
+									title: t("legendImage"),
+									children: [" ", t("vision")]
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "oc-select",
+							value: draft.modelTransports[model.id] ?? "",
+							onChange: (event) => {
+								const value = event.target.value;
+								const modelTransports = { ...draft.modelTransports };
+								if (value === "") delete modelTransports[model.id];
+								else modelTransports[model.id] = value;
+								update({ modelTransports });
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: "",
+									children: [
+										t("transportAuto"),
+										" (",
+										model.transport,
+										")"
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "openai-chat",
+									children: "openai-chat"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "openai-responses",
+									children: "openai-responses"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "anthropic",
+									children: "anthropic"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "google",
+									children: "google"
+								})
+							]
+						})
+					]
+				}, model.id);
+			};
+			const renderSection = (title, hint, rows) => {
+				if (rows.length === 0) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "oc-model-section",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "oc-model-section-head",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "oc-badge",
+								children: rows.length
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "oc-hint",
+							children: hint
+						}),
+						rows.map(renderModel)
+					]
+				}, title);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "oc-page",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "oc-title",
+							children: t("title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "oc-hint",
+							children: t("intro")
+						})]
+					}),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "oc-error",
+						children: error
+					}),
+					notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "oc-notice",
+						children: notice
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginUpdateCard, { t }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: "oc-card-title",
+								children: [
+									t("key"),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: `oc-badge ${state.key.configured ? "oc-badge-ok" : "oc-badge-warn"}`,
+										children: state.key.configured ? t("keyConfigured") : t("keyMissing")
+									}),
+									state.key.source === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-badge",
+										children: state.key.source
+									}),
+									(() => {
+										const mark = accountMark(state.accounts.find((account) => account.default), t);
+										return mark === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge oc-badge-bad",
+											children: mark
+										});
+									})()
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("keyHint")
+							}),
+							(() => {
+								const windows = defaultAccount?.usage?.report?.windows;
+								if (windows === void 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "oc-row",
+									children: [
+										usageChip(t("fiveHour"), windows.fiveHour),
+										usageChip(t("weekly"), windows.weekly),
+										usageChip(t("monthly"), windows.monthly)
+									]
+								});
+							})(),
+							(() => {
+								const usageError = defaultAccount?.usage?.error;
+								return usageError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									className: "oc-hint",
+									children: [
+										t("usageError"),
+										": ",
+										usageError
+									]
+								});
+							})(),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "oc-input",
+										style: { flex: "1 1 260px" },
+										type: "password",
+										autoComplete: "off",
+										placeholder: t("pasteKey"),
+										value: keyDraft,
+										onChange: (event) => setKeyDraft(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button oc-button-primary",
+										disabled: keyDraft.trim() === "",
+										onClick: () => {
+											saveKey(draft.apiKeyEnv.trim() === "" ? state.config.apiKeyEnv : draft.apiKeyEnv.trim(), keyDraft.trim()).then(() => {
+												setKeyDraft("");
+												setNotice(t("saved"));
+												return load();
+											}).catch((caught) => setError(caught instanceof Error ? caught.message : t("failed")));
+										},
+										children: t("saveKey")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button oc-button-danger",
+										onClick: () => {
+											clearKey(draft.apiKeyEnv.trim() === "" ? state.config.apiKeyEnv : draft.apiKeyEnv.trim()).then(() => {
+												setNotice(t("saved"));
+												return load();
+											}).catch((caught) => setError(caught instanceof Error ? caught.message : t("failed")));
+										},
+										children: t("clearKey")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => {
+											importAuth(draft.openCodeAuthEntry.trim() === "" ? state.config.openCodeAuthEntry : draft.openCodeAuthEntry.trim()).then(() => {
+												setNotice(t("imported"));
+												return load();
+											}).catch((caught) => setError(caught instanceof Error ? caught.message : t("failed")));
+										},
+										children: t("importAuth")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+										className: "oc-select",
+										value: testModel,
+										onChange: (event) => setTestModel(event.target.value),
+										children: state.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: model.id,
+											children: model.name
+										}, model.id))
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										disabled: testing || testModel === "",
+										onClick: () => {
+											setTesting(true);
+											setTestResult(null);
+											testConnection(testModel).then(setTestResult).catch((caught) => setTestResult({
+												ok: false,
+												model: testModel,
+												provider: "opencode-go",
+												latencyMs: 0,
+												error: caught instanceof Error ? caught.message : t("failed")
+											})).finally(() => setTesting(false));
+										},
+										children: testing ? t("testing") : t("testConnection")
+									}),
+									testResult === null ? null : testResult.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "oc-notice",
+										children: [t("testOk").replace("{ms}", String(testResult.latencyMs)), testResult.text === void 0 || testResult.text === "" ? "" : ` · ${testResult.text.slice(0, 60)}`]
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "oc-error",
+										children: [
+											t("testFailed"),
+											": ",
+											testResult.error
+										]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: "oc-card-title",
+								children: [
+									t("quota"),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "oc-badge",
+										children: activeAccount?.label ?? t("noActiveAccount")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => {
+											refresh();
+										},
+										children: t("refresh")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBars, {
+								usage: state.usage,
+								t
+							}),
+							(() => {
+								const windows = state.usage?.report?.windows;
+								const worst = Math.max(windows?.fiveHour?.percentUsed ?? 0, windows?.weekly?.percentUsed ?? 0, windows?.monthly?.percentUsed ?? 0);
+								if (worst >= 95) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "oc-error",
+									children: t("quotaExhausted")
+								});
+								if (worst >= 80) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "oc-notice",
+									children: t("quotaWarning")
+								});
+								return null;
+							})()
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: "oc-card-title",
+								children: [
+									t("accounts"),
+									" ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "oc-badge",
+										children: [
+											draft.accounts.length,
+											" ",
+											t("accountCount")
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("accountsHint")
+							}),
+							draft.accounts.map((account, index) => {
+								const known = state.accounts.find((row) => account.apiKeyEnv !== "" && row.ref === account.apiKeyEnv || account.label !== "" && row.label === account.label);
+								const configured = known?.configured === true;
+								const draftKey = keyDrafts[index] ?? "";
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "oc-account-block",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "oc-account",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "oc-input",
+													placeholder: t("accountLabel"),
+													value: account.label,
+													onChange: (event) => {
+														const accounts = draft.accounts.map((entry, i) => i === index ? {
+															...entry,
+															label: event.target.value
+														} : entry);
+														update({ accounts });
+													}
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "oc-input",
+													placeholder: t("accountRef"),
+													value: account.apiKeyEnv,
+													onChange: (event) => {
+														const accounts = draft.accounts.map((entry, i) => i === index ? {
+															...entry,
+															apiKeyEnv: event.target.value
+														} : entry);
+														update({ accounts });
+													}
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: `oc-badge ${configured ? "oc-badge-ok" : "oc-badge-warn"}`,
+													children: configured ? t("keyConfigured") : t("keyMissing")
+												}),
+												known === void 0 || known.mark === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "oc-badge oc-badge-bad",
+													children: accountMark(known, t)
+												})
+											]
+										}),
+										known?.usage?.report === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "oc-row",
+											children: [
+												usageChip(t("fiveHour"), known.usage.report.windows.fiveHour),
+												usageChip(t("weekly"), known.usage.report.windows.weekly),
+												usageChip(t("monthly"), known.usage.report.windows.monthly)
+											]
+										}),
+										known?.usage?.error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+											className: "oc-hint",
+											children: [
+												t("usageError"),
+												": ",
+												known.usage.error
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "oc-row",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "oc-input",
+													style: { flex: "1 1 200px" },
+													type: "password",
+													autoComplete: "off",
+													placeholder: t("pasteKey"),
+													value: draftKey,
+													onChange: (event) => setKeyDrafts((current) => ({
+														...current,
+														[index]: event.target.value
+													}))
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "oc-button oc-button-primary",
+													disabled: draftKey.trim() === "" || account.apiKeyEnv.trim() === "",
+													onClick: () => {
+														saveKey(account.apiKeyEnv.trim(), draftKey.trim()).then(() => {
+															setKeyDrafts((current) => ({
+																...current,
+																[index]: ""
+															}));
+															setNotice(t("saved"));
+															return load();
+														}).catch((caught) => setError(caught instanceof Error ? caught.message : t("failed")));
+													},
+													children: t("saveKey")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "oc-button",
+													onClick: () => update({ activeAccount: account.label !== "" ? account.label : account.apiKeyEnv }),
+													children: t("pinAccount")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "oc-button oc-button-danger",
+													onClick: () => update({ accounts: draft.accounts.filter((_, i) => i !== index) }),
+													children: t("removeAccount")
+												})
+											]
+										})
+									]
+								}, index);
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => update({ accounts: [...draft.accounts, {
+											label: "",
+											apiKeyEnv: ""
+										}] }),
+										children: t("addAccount")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "oc-badge",
+										children: [
+											t("activeAccount"),
+											": ",
+											draft.activeAccount === "" ? t("auto") : draft.activeAccount
+										]
+									}),
+									draft.activeAccount === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => update({ activeAccount: "" }),
+										children: t("auto")
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "oc-card-title",
+								children: t("modelAccountRules")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("modelAccountRulesHint")
+							}),
+							draft.modelAccountRules.map((rule, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "oc-input",
+										placeholder: t("rulePattern"),
+										value: rule.pattern,
+										onChange: (event) => {
+											const modelAccountRules = draft.modelAccountRules.map((entry, i) => i === index ? {
+												...entry,
+												pattern: event.target.value
+											} : entry);
+											update({ modelAccountRules });
+										}
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "oc-input",
+										list: "oc-account-labels",
+										placeholder: t("ruleAccount"),
+										value: rule.account,
+										onChange: (event) => {
+											const modelAccountRules = draft.modelAccountRules.map((entry, i) => i === index ? {
+												...entry,
+												account: event.target.value
+											} : entry);
+											update({ modelAccountRules });
+										}
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button oc-button-danger",
+										onClick: () => update({ modelAccountRules: draft.modelAccountRules.filter((_, i) => i !== index) }),
+										children: t("removeRule")
+									})
+								]
+							}, index)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("datalist", {
+								id: "oc-account-labels",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: "default" }), draft.accounts.map((account, index) => account.label.trim() === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: account.label.trim() }, `label-${index}`))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "oc-button",
+								onClick: () => update({ modelAccountRules: [...draft.modelAccountRules, {
+									pattern: "",
+									account: ""
+								}] }),
+								children: t("addRule")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: "oc-card-title",
+								children: [
+									t("models"),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "oc-badge",
+										children: [
+											state.models.length,
+											" ",
+											t("modelCount")
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => update({
+											showAll: true,
+											visibleModels: state.models.map((model) => model.id)
+										}),
+										children: t("showAll")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "oc-button",
+										onClick: () => {
+											refreshModels().then((next) => {
+												setState(next);
+												setNotice(t("refreshed"));
+											}).catch((caught) => setError(caught instanceof Error ? caught.message : t("failed")));
+										},
+										children: t("refresh")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("modelsHint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "oc-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: draft.filterModelsByPlan,
+									onChange: (event) => update({ filterModelsByPlan: event.target.checked })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("filterModelsByPlan") })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("filterModelsByPlanHint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "oc-hint",
+								children: t("limitsHint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-model-legend",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge",
+											children: t("free")
+										}),
+										" ",
+										t("legendFree")
+									] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge",
+											children: "$in/$out"
+										}),
+										" ",
+										t("legendPrice")
+									] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge",
+											children: "Go N/5h"
+										}),
+										" ",
+										t("legendGo")
+									] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge",
+											children: t("zenBadge")
+										}),
+										" ",
+										t("legendZen")
+									] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "oc-badge",
+											children: t("vision")
+										}),
+										" ",
+										t("legendImage")
+									] })
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "oc-input",
+								placeholder: t("modelSearch"),
+								value: search,
+								onChange: (event) => setSearch(event.target.value)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "oc-models",
+								children: models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "oc-hint",
+									children: t("modelsEmpty")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									renderSection(t("sectionFree"), t("sectionFreeHint"), freeModels),
+									renderSection(t("sectionGo"), t("sectionGoHint"), goModels),
+									renderSection(t("sectionZen"), t("sectionZenHint"), zenModels)
+								] })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+								className: "oc-limits",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("limitsTitle") }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "oc-hint",
+										children: t("limitsWindow")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+										className: "oc-table",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: t("model") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "Go" }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: "Go Plus" })
+										] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: state.models.filter((model) => model.limits !== null).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: model.name }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: limitsCell(model.limits.go) }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: limitsCell(model.limits.goPlus) })
+										] }, model.id)) })]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "oc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "oc-card-title",
+								children: t("advanced")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "oc-grid",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("apiKeyEnv"),
+										hint: t("apiKeyEnvHint"),
+										value: draft.apiKeyEnv,
+										onChange: (value) => update({ apiKeyEnv: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("openCodeAuthEntry"),
+										hint: t("openCodeAuthEntryHint"),
+										value: draft.openCodeAuthEntry,
+										onChange: (value) => update({ openCodeAuthEntry: value }),
+										list: "oc-auth-entries"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
+										id: "oc-auth-entries",
+										children: state.auth.entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: entry }, entry))
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("apiBase"),
+										value: draft.apiBase,
+										onChange: (value) => update({ apiBase: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("goApiBase"),
+										value: draft.goApiBase,
+										onChange: (value) => update({ goApiBase: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("goZenBase"),
+										value: draft.goZenBase,
+										onChange: (value) => update({ goZenBase: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("usageUrl"),
+										value: draft.usageUrl,
+										onChange: (value) => update({ usageUrl: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("requestTimeoutMs"),
+										type: "number",
+										value: draft.requestTimeoutMs,
+										onChange: (value) => update({ requestTimeoutMs: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("streamIdleTimeoutMs"),
+										type: "number",
+										value: draft.streamIdleTimeoutMs,
+										onChange: (value) => update({ streamIdleTimeoutMs: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("maxOutputTokens"),
+										type: "number",
+										value: draft.maxOutputTokens,
+										onChange: (value) => update({ maxOutputTokens: value })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+										label: t("contextWindow"),
+										type: "number",
+										value: draft.contextWindow,
+										onChange: (value) => update({ contextWindow: value })
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "oc-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: draft.showSidebarQuota,
+									onChange: (event) => update({ showSidebarQuota: event.target.checked })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("showSidebarQuota") })]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "oc-row",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "oc-button oc-button-primary",
+								disabled: !dirty || saving,
+								onClick: () => {
+									save();
+								},
+								children: saving ? t("saving") : t("save")
+							}),
+							dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "oc-badge oc-badge-warn",
+								children: t("unsaved")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "oc-button",
+								onClick: () => {
+									if (props.close !== void 0) props.close();
+									else {
+										setDraft(draftOf(state));
+										setNotice(null);
+										setError(null);
+									}
+								},
+								children: t("close")
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		const CSS_ID = "dsh-opencode-provider";
+		const CSS = `
+:where(.oc-page, .oc-panel, .oc-card, .oc-foot, .oc-railButton) {
+  --oc-border: var(--dsw-alias-border-l3, rgba(127,127,127,0.25));
+  --oc-border-strong: var(--dsw-alias-border-l3, rgba(127,127,127,0.35));
+  --oc-border-soft: var(--dsw-alias-border-l3, rgba(127,127,127,0.18));
+  --oc-fill: var(--dsw-alias-settings-card-fill, rgba(127,127,127,0.06));
+  --oc-fill-soft: var(--dsw-alias-bg-layer-2, rgba(127,127,127,0.08));
+  --oc-fill-hover: var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,0.12));
+  --oc-text: var(--dsw-alias-label-primary, #e6e6e6);
+  --oc-text-secondary: var(--dsw-alias-label-secondary, #a0a0a0);
+  --oc-text-tertiary: var(--dsw-alias-label-tertiary, #7a7a7a);
+  --oc-accent: var(--dsw-alias-state-business-primary, #508cff);
+  --oc-accent-soft: color-mix(in srgb, var(--oc-accent) 16%, transparent);
+  --oc-accent-border: color-mix(in srgb, var(--oc-accent) 55%, transparent);
+  --oc-success: var(--dsw-alias-state-success-primary, #4fbf86);
+  --oc-success-border: color-mix(in srgb, var(--oc-success) 50%, transparent);
+  --oc-warning: var(--dsw-alias-state-warning-primary, #d9a24a);
+  --oc-warning-border: color-mix(in srgb, var(--oc-warning) 50%, transparent);
+  --oc-danger: var(--dsw-alias-state-error-primary, #e07a7a);
+  --oc-danger-soft: color-mix(in srgb, var(--oc-danger) 12%, transparent);
+  --oc-danger-border: color-mix(in srgb, var(--oc-danger) 35%, transparent);
+  --oc-focus: var(--dsw-focus-ring-color, var(--oc-accent));
+}
+.oc-page { display: flex; flex-direction: column; gap: 14px; padding: 4px 2px 24px; color: inherit; }
+.oc-head { display: flex; flex-direction: column; gap: 4px; }
+.oc-title { font-size: 18px; font-weight: 650; margin: 0; }
+.oc-hint { font-size: 12px; opacity: 0.72; line-height: 1.5; margin: 0; }
+.oc-card { border: 1px solid var(--oc-border); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; background: var(--oc-fill); }
+.oc-card-title { font-size: 13px; font-weight: 650; margin: 0; display: flex; align-items: center; gap: 8px; }
+.oc-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
+.oc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
+.oc-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+.oc-label { font-size: 12px; font-weight: 550; opacity: 0.86; }
+.oc-input, .oc-select { font: inherit; font-size: 13px; padding: 6px 8px; border-radius: 7px; border: 1px solid var(--oc-border-strong); background: var(--oc-fill-soft); color: inherit; min-width: 0; }
+.oc-input:focus, .oc-select:focus { outline: 2px solid var(--oc-focus); outline-offset: 1px; }
+.oc-button { font: inherit; font-size: 13px; padding: 6px 11px; border-radius: 7px; border: 1px solid var(--oc-border-strong); background: var(--oc-fill-hover); color: inherit; cursor: pointer; }
+.oc-button:hover:not(:disabled) { background: var(--oc-fill-hover); }
+.oc-button:disabled { opacity: 0.5; cursor: default; }
+.oc-button-primary { border-color: var(--oc-accent-border); background: var(--oc-accent-soft); }
+.oc-button-danger { border-color: var(--oc-danger-border); color: var(--oc-danger); }
+.oc-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; padding: 2px 7px; border-radius: 999px; border: 1px solid var(--oc-border-strong); background: var(--oc-fill-hover); }
+.oc-badge-ok { border-color: var(--oc-success-border); color: var(--oc-success); }
+.oc-badge-warn { border-color: var(--oc-warning-border); color: var(--oc-warning); }
+.oc-badge-bad { border-color: var(--oc-danger-border); color: var(--oc-danger); }
+.oc-heat-wrap { display: flex; flex-direction: column; gap: 8px; }
+.oc-analytics-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
+.oc-tabs { display: flex; gap: 4px; }
+.oc-tab { border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--oc-text-secondary); padding: 4px 11px; font: inherit; font-size: 12px; cursor: pointer; }
+.oc-tab:hover { background: var(--oc-fill-hover); color: var(--oc-text); }
+.oc-tab-active { border-color: var(--oc-border); background: var(--oc-fill-soft); color: var(--oc-text); }
+.oc-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
+.oc-kpi { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 12px; border: 1px solid var(--oc-border); border-radius: var(--dsw-radius-md, 8px); background: var(--oc-fill); }
+.oc-kpi-value { overflow: hidden; color: var(--oc-text); font-size: 18px; font-weight: 600; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
+.oc-kpi-label { color: var(--oc-text-tertiary); font-size: 11px; line-height: 16px; }
+.oc-table-scroll { overflow-x: auto; }
+@media (max-width: 720px) { .oc-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
+.oc-heat-scroll { overflow-x: auto; padding-bottom: 4px; }
+.oc-heat { display: grid; grid-template-columns: 32px repeat(24, minmax(12px, 1fr)); gap: 2px; align-items: center; min-width: 600px; }
+.oc-heat-hour { font-size: 9px; color: var(--oc-text-tertiary); text-align: center; }
+.oc-heat-day { font-size: 10px; color: var(--oc-text-secondary); }
+.oc-heat-cell { height: 14px; border-radius: 3px; }
+.oc-heat-legend { display: flex; align-items: center; gap: 4px; font-size: 10px; color: var(--oc-text-tertiary); }
+.oc-heat-swatch { width: 12px; height: 12px; border-radius: 2px; }
+.oc-hour-strip-head { margin: 10px 0 0; font-size: 10px; color: var(--oc-text-tertiary); }
+.oc-hour-strip { display: grid; grid-template-columns: 32px repeat(24, minmax(12px, 1fr)); gap: 2px; align-items: end; height: 30px; min-width: 600px; }
+.oc-hour-col { display: flex; align-items: flex-end; height: 100%; }
+.oc-hour-bar { display: block; width: 100%; min-height: 2px; border-radius: 2px 2px 0 0; }
+.oc-hour-labels { display: grid; grid-template-columns: 32px repeat(24, minmax(12px, 1fr)); gap: 2px; font-size: 9px; color: var(--oc-text-tertiary); text-align: center; min-width: 600px; }
+.oc-bars { display: flex; flex-direction: column; gap: 8px; }
+.oc-bar-row { display: grid; grid-template-columns: 72px 1fr auto; gap: 10px; align-items: center; font-size: 12px; }
+.oc-bar { height: 8px; border-radius: 999px; background: var(--oc-fill-hover); overflow: hidden; }
+.oc-bar-fill { height: 100%; border-radius: 999px; background: currentColor; opacity: 0.65; }
+.oc-bar-fill-warn { background: var(--oc-warning); opacity: 1; }
+.oc-bar-fill-bad { background: var(--oc-danger); opacity: 1; }
+.oc-models { display: flex; flex-direction: column; gap: 6px; max-height: 340px; overflow: auto; padding-right: 4px; }
+.oc-model { display: grid; grid-template-columns: 22px minmax(0,1fr) 120px; gap: 8px; align-items: center; font-size: 12px; padding: 3px 0; }
+.oc-model-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.oc-model-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; color: var(--oc-text-secondary); font-size: 11px; }
+.oc-model-legend > span { display: inline-flex; align-items: center; gap: 5px; }
+.oc-model-section { display: flex; flex-direction: column; gap: 4px; padding-top: 8px; border-top: 1px solid var(--oc-border-soft); }
+.oc-model-section:first-child { border-top: 0; padding-top: 0; }
+.oc-model-section-head { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 12px; font-weight: 650; }
+.oc-model-section-head .oc-badge { padding: 0 6px; font-size: 10px; }
+.oc-model-section .oc-hint { margin: 0 0 4px; }
+.oc-account { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 8px; align-items: center; }
+.oc-account-block { display: flex; flex-direction: column; gap: 6px; padding: 9px; border: 1px solid var(--oc-border-soft); border-radius: 8px; background: var(--oc-fill); }
+.oc-notice { font-size: 12px; padding: 7px 10px; border-radius: 7px; background: var(--oc-accent-soft); border: 1px solid var(--oc-accent-border); }
+.oc-error { font-size: 12px; padding: 7px 10px; border-radius: 7px; background: var(--oc-danger-soft); border: 1px solid var(--oc-danger-border); color: var(--oc-danger); }
+[class*="_footerActions"]:has(.oc-foot), [class*="_footerActions"]:has(.oc-railButton) { flex-direction: column; }
+.oc-foot { box-sizing: border-box; flex: 1 1 auto; width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 6px; margin: 0 0 4px; padding: 8px; border: 0.5px solid transparent; border-radius: var(--dsw-radius-md, 8px); background: transparent; color: var(--oc-text-secondary); font: inherit; text-align: left; cursor: pointer; }
+.oc-foot:hover { color: var(--oc-text); background: var(--oc-fill-hover); border-color: var(--oc-border); }
+.oc-foot:focus-visible { outline: var(--dsw-focus-ring-width, 2px) solid var(--oc-focus); outline-offset: -2px; }
+.oc-footTop { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.oc-footName { min-width: 0; overflow: hidden; color: var(--oc-text); font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; }
+.oc-footPct { flex: none; width: 34px; margin-left: auto; color: var(--oc-text-secondary); text-align: right; font-size: 12px; line-height: 16px; font-variant-numeric: tabular-nums; }
+.oc-footPctWarn { color: var(--oc-warning); }
+.oc-footPctBad { color: var(--oc-danger); }
+.oc-footRow { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+.oc-footHead { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
+.oc-footLabel { flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--oc-text-tertiary); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 16px; }
+.oc-footAmount { flex: 0 0 auto; max-width: 68%; overflow: hidden; color: var(--oc-text-secondary); text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 16px; font-variant-numeric: tabular-nums; }
+.oc-footBar { display: block; height: 4px; border-radius: var(--dsw-radius-xs, 3px); background: var(--oc-fill-hover); overflow: hidden; }
+.oc-footFill { display: block; height: 100%; border-radius: var(--dsw-radius-xs, 3px); background: var(--oc-success); transition: width 0.3s ease; }
+.oc-footFillWarn { background: var(--oc-warning); }
+.oc-footFillBad { background: var(--oc-danger); }
+.oc-footMessage { color: var(--oc-text-tertiary); font-size: 11px; line-height: 16px; }
+.oc-railButton { box-sizing: border-box; flex: none; display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin: 0 0 4px; padding: 0; border: 0.5px solid transparent; border-radius: var(--dsw-radius-md, 8px); background: transparent; color: var(--oc-text-secondary); cursor: pointer; }
+.oc-railButton:hover { color: var(--oc-text); background: var(--oc-fill-hover); }
+.oc-railButton:focus-visible { outline: var(--dsw-focus-ring-width, 2px) solid var(--oc-focus); outline-offset: -2px; }
+.oc-ring { flex: none; display: inline-flex; }
+.oc-panel { display: flex; flex-direction: column; gap: 14px; padding: 18px; max-width: 760px; margin: 0 auto; height: 100%; max-height: calc(100vh - 56px); min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
+.oc-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.oc-limits { margin-top: 8px; }
+.oc-limits summary { cursor: pointer; font-size: 12px; font-weight: 600; padding: 4px 0; }
+.oc-table { width: 100%; border-collapse: collapse; font-size: 12px; }
+.oc-table th, .oc-table td { text-align: left; padding: 5px 8px; border-bottom: 1px solid var(--oc-border-soft); vertical-align: top; }
+.oc-table th { font-weight: 600; opacity: 0.8; }
+`;
+		//#endregion
+		//#region src/client/index.tsx
+		function injectCss() {
+			if (typeof document === "undefined") return () => {};
+			if (document.querySelector(`style[data-plugin-css="dsh-opencode-provider"]`) !== null) return () => {};
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-opencode-provider";
+			tag.dataset.pluginCss = CSS_ID;
+			tag.textContent = CSS;
+			document.head.appendChild(tag);
+			return () => tag.remove();
+		}
+		const inject = ["slots", "locale"];
+		/**
+		* Browser half: the OpenCode settings section, a quota card at the bottom of
+		* the sidebar, and the center panel it opens.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, "en", dictionaries.en), "dsh-opencode-provider: en copy");
+			ctx.effect(() => ctx.locale.register(NS, "zh", dictionaries.zh), "dsh-opencode-provider: zh copy");
+			ctx.effect(() => injectCss(), "dsh-opencode-provider: styles");
+			const t = ctx.locale.bind(NS);
+			const slots = ctx.slots;
+			ctx.slots.inject("settings.section", () => slots.register({
+				name: "settings.section",
+				id: "opencode",
+				order: 20,
+				label: () => t("nav"),
+				locale: NS
+			}, OpenCodeSettingsPage));
+			ctx.slots.inject("main", () => slots.register({
+				name: "main",
+				key: "opencode-panel",
+				locale: NS,
+				inject: () => ({ close: () => ctx.get("layout")?.selectPanel(null) })
+			}, QuotaPanel));
+			ctx.inject(["layout"], (layoutCtx) => {
+				const layoutSlots = layoutCtx.slots;
+				layoutCtx.slots.inject("sidebar.footer.action", () => layoutSlots.register({
+					name: "sidebar.footer.action",
+					id: "opencode-quota",
+					order: 1,
+					locale: NS,
+					inject: () => ({ open: () => ctx.get("layout")?.selectPanel("opencode-panel") })
+				}, QuotaCard));
+			});
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map