@router-ai/dsh-plugin-routerai 0.0.0-stage → 0.1.0

package/lib/client.js

@@ -0,0 +1,1352 @@
+window.__ModuleLoader__.load({
+	id: "@router-ai/dsh-plugin-routerai",
+	factory: function(require) {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		// src/links.ts
+		const KEYS_PAGE = "https://routerai.ru/settings/keys";
+		const BILLING_PAGE = "https://routerai.ru/settings/billing";
+		// src/client/logo.ts
+		const LOGO = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232d67f6%22%20d%3D%22M8.22%2021.06a4.09%204.09%200%200%200%207.55%200%204.1%204.1%200%200%200%205.34-5.32%204.08%204.08%200%200%200%200-7.53%204.07%204.07%200%200%200-5.34-5.33%204.09%204.09%200%200%200-7.55%200A4.1%204.1%200%200%200%202.9%208.21a4.08%204.08%200%200%200%200%207.53%204.07%204.07%200%200%200%205.33%205.32%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.25%2011.97a3.7%203.7%200%200%200-2.28-3.42l-.35-.14.14-.35a3.7%203.7%200%200%200-4.84-4.83l-.35.14-.14-.34A3.7%203.7%200%200%200%2012.29.76L12%20.75c-1.54%200-2.87.94-3.43%202.28l-.14.34-.35-.14a3.72%203.72%200%200%200-4.85%204.83l.15.35-.35.14a3.7%203.7%200%200%200-2.28%203.42v.29a3.7%203.7%200%200%200%202.28%203.13l.35.14-.15.35a3.7%203.7%200%200%200%204.85%204.83l.35-.14.14.35a3.71%203.71%200%200%200%206.86%200l.14-.35.35.14a3.72%203.72%200%200%200%204.85-4.83l-.15-.35.35-.14a3.7%203.7%200%200%200%202.28-3.42M12%201.97c1.03%200%201.91.63%202.29%201.53l.61%201.48%201.49-.61a2.48%202.48%200%200%201%203.23%203.23l-.6%201.47%201.47.62c.9.37%201.53%201.26%201.53%202.28v.09a2.5%202.5%200%200%201-1.53%202.2l-1.48.6.61%201.49a2.47%202.47%200%200%201-3.23%203.23l-1.49-.61-.61%201.47a2.48%202.48%200%200%201-4.58%200l-.61-1.47-1.49.6a2.48%202.48%200%200%201-3.23-3.22l.6-1.48-1.47-.62a2.5%202.5%200%200%201-1.53-2.28v-.09c.04-.99.66-1.83%201.53-2.2l1.48-.6-.61-1.48A2.47%202.47%200%200%201%207.6%204.37l1.49.6.61-1.47A2.5%202.5%200%200%201%2012%201.98m0%2015.8q-.36%200-.66.13l-1.6.66.66%201.6a1.73%201.73%200%200%200%203.2%200l.67-1.6-1.61-.66q-.3-.13-.66-.13m-6.93-1.14a1.72%201.72%200%200%200%202.26%202.25l1.6-.65-.66-1.6a1.7%201.7%200%200%200-.93-.93l-1.61-.67zm11.6-.93a1.7%201.7%200%200%200-.94.93l-.66%201.6%201.6.65a1.74%201.74%200%200%200%202.26-2.25l-.66-1.6zM6.18%2011.97q0-.36-.13-.66l-.66-1.6-1.6.67c-.61.25-1.04.84-1.07%201.52v.08c0%20.7.44%201.32%201.07%201.58l1.6.67.66-1.6q.13-.3.13-.66m8.89%200q0-.71.21-1.36a4.5%204.5%200%200%201-1.93-1.92%204.5%204.5%200%200%201-2.72%200A4.4%204.4%200%200%201%208.7%2010.6a4.4%204.4%200%200%201%200%202.72%204.5%204.5%200%200%201%201.93%201.92%204.5%204.5%200%200%201%202.72%200%204.4%204.4%200%200%201%201.93-1.92%204%204%200%200%201-.21-1.36M7.33%205.06A1.74%201.74%200%200%200%205.07%207.3l.66%201.6%201.6-.66a1.7%201.7%200%200%200%20.94-.93l.66-1.6zm11.22.37c-.5-.5-1.25-.63-1.88-.37l-1.6.66.66%201.6a1.7%201.7%200%200%200%20.93.93l1.61.66.66-1.6c.26-.63.13-1.37-.38-1.88M12%202.73c-.72%200-1.34.43-1.6%201.06l-.67%201.6%201.61.66a1.7%201.7%200%200%200%201.32%200l1.6-.67-.66-1.6A1.7%201.7%200%200%200%2012%202.74m-5.06%209.24q0%20.5-.19.94l-.61%201.48%201.48.62a2.5%202.5%200%200%201%201.34%201.33l.61%201.48%201.49-.61a2.5%202.5%200%200%201%201.88%200l1.49.6.61-1.47A2.5%202.5%200%200%201%2016.38%2015l1.48-.62-.61-1.48a2.5%202.5%200%200%201%200-1.88l.6-1.48-1.47-.61a2.5%202.5%200%200%201-1.34-1.34l-.61-1.47-1.49.6a2.5%202.5%200%200%201-1.88%200l-1.49-.6-.61%201.47a2.5%202.5%200%200%201-1.34%201.34l-1.48.61.61%201.48q.19.43.19.94m8.89%200q0%20.76.27%201.41l.15.35-.35.14a3.7%203.7%200%200%200-2%202l-.14.34-.35-.14a3.7%203.7%200%200%200-2.82%200l-.35.14-.14-.34a3.7%203.7%200%200%200-2-2l-.35-.14.15-.35a3.7%203.7%200%200%200%200-2.82l-.15-.34.35-.15a3.7%203.7%200%200%200%202-2l.14-.34.35.15a3.7%203.7%200%200%200%202.82%200l.35-.15.14.35a3.7%203.7%200%200%200%202%202l.35.14-.15.34q-.26.65-.27%201.41m1.98%200q0%20.36.13.66l.66%201.6%201.6-.67a1.7%201.7%200%200%200%201.07-1.52v-.2a1.7%201.7%200%200%200-1.07-1.46l-1.6-.67-.66%201.6q-.12.3-.13.66m6.19%200c0%201.73-.98%203.22-2.42%203.96a4.44%204.44%200%200%201-5.61%205.6%204.46%204.46%200%200%201-7.94%200%204.47%204.47%200%200%201-5.6-5.6A4.5%204.5%200%200%201%200%2012.14v-.17c0-1.72.98-3.22%202.42-3.96a4.44%204.44%200%200%201%205.61-5.6A4.5%204.5%200%200%201%2012%200h.17a4.5%204.5%200%200%201%203.8%202.41%204.47%204.47%200%200%201%205.6%205.6A4.5%204.5%200%200%201%2024%2011.97%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.44%208.22a4%204%200%200%200%203.12%200%204%204%200%200%200%202.2%202.2%204%204%200%200%200%200%203.1%204%204%200%200%200-2.2%202.2%204%204%200%200%200-3.12%200%204%204%200%200%200-2.2-2.2%204%204%200%200%200%200-3.1%204%204%200%200%200%202.2-2.2%22%2F%3E%3C%2Fsvg%3E";
+		// src/client/parts.tsx
+		function Logo({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				src: LOGO,
+				width: size,
+				height: size,
+				alt: "",
+				style: {
+					display: "block",
+					flexShrink: 0
+				}
+			});
+		}
+		const SHAPES = {
+			up: "M3.5 9.5 8 5l4.5 4.5",
+			down: "M3.5 6.5 8 11l4.5-4.5",
+			cross: "M4.5 4.5l7 7m0-7-7 7"
+		};
+		function Icon({ glyph }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				width: "14",
+				height: "14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: SHAPES[glyph] })
+			});
+		}
+		// src/client/remote.ts
+		async function request(path, body) {
+			const response = await fetch(new URL(`api/routerai/${path}`, document.baseURI), body === void 0 ? { headers: { accept: "application/json" } } : {
+				method: "POST",
+				headers: {
+					accept: "application/json",
+					"content-type": "application/json"
+				},
+				body: JSON.stringify(body)
+			});
+			const payload = await response.json().catch(() => null);
+			if (!response.ok || payload === null) throw new Error(payload?.error ?? `Сервер ответил ${response.status}`);
+			return payload;
+		}
+		const IDLE_REFRESH_MS = 45e3;
+		const WAITING_REFRESH_MS = 1200;
+		/** Состояние плагина в этой вкладке. Опрашивает сервер редко, а пока идёт вход — часто. */
+		var Remote = class {
+			view = {
+				overview: null,
+				failure: null
+			};
+			subscribers = /* @__PURE__ */ new Set();
+			timer;
+			catalogRequest;
+			stopped = false;
+			read = () => this.view;
+			subscribe = (subscriber) => {
+				this.subscribers.add(subscriber);
+				return () => {
+					this.subscribers.delete(subscriber);
+				};
+			};
+			/** Запустить опрос; возвращает остановку. */
+			run() {
+				this.pull();
+				return () => {
+					this.stopped = true;
+					clearTimeout(this.timer);
+				};
+			}
+			async pull(fresh = false) {
+				clearTimeout(this.timer);
+				try {
+					this.publish({
+						overview: await request(fresh ? "overview?fresh=1" : "overview"),
+						failure: null
+					});
+				} catch (error) {
+					this.publish({
+						...this.view,
+						failure: error instanceof Error ? error.message : String(error)
+					});
+				}
+				if (this.stopped) return;
+				const waiting = this.view.overview?.signIn.stage === "waiting";
+				this.timer = setTimeout(() => {
+					this.pull(waiting);
+				}, waiting ? WAITING_REFRESH_MS : IDLE_REFRESH_MS);
+			}
+			publish(view) {
+				this.view = view;
+				for (const subscriber of this.subscribers) subscriber();
+			}
+			async act(path, body, fresh = true) {
+				await request(path, body);
+				await this.pull(fresh);
+			}
+			signIn = () => this.act("sign-in", {}, false);
+			cancelSignIn = () => this.act("sign-in/cancel", {}, false);
+			signOut = () => this.act("sign-out", {});
+			saveKey = (key) => this.act("key", { key });
+			savePreferences = (patch) => this.act("preferences", patch, false);
+			/** Каталог запрашивается один раз за жизнь вкладки. */
+			catalog() {
+				this.catalogRequest ??= request("catalog").then((reply) => reply.models);
+				this.catalogRequest.catch(() => {
+					this.catalogRequest = void 0;
+				});
+				return this.catalogRequest;
+			}
+			async sessionCost(sessionId) {
+				return (await request(`session-cost?id=${encodeURIComponent(sessionId)}`)).cost;
+			}
+		};
+		function useRemote(remote) {
+			return (0, react.useSyncExternalStore)(remote.subscribe, remote.read);
+		}
+		function openTab(url) {
+			window.open(url, "_blank", "noopener,noreferrer");
+		}
+		// src/client/MoneyNotice.tsx
+		const HEADLINES = {
+			"no-funds": "problem_no_funds",
+			"key-cap": "problem_key_cap",
+			"key-off": "problem_key_off"
+		};
+		/** `message` и `dismiss` передаёт harness: текст ошибки и закрытие уведомления. */
+		function MoneyNotice({ t, remote, message, dismiss }) {
+			const problem = remote.read().overview?.problem ?? null;
+			const funds = problem === null || problem.kind === "no-funds";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "rai-banner",
+				role: "alert",
+				"data-routerai": "money-notice",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Logo, { size: 28 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: t(HEADLINES[problem?.kind ?? "no-funds"] ?? "problem_no_funds") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "rai-note",
+						children: problem?.text ?? message
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "sm",
+						onClick: () => {
+							openTab(funds ? BILLING_PAGE : KEYS_PAGE);
+						},
+						children: funds ? t("addFunds") : t("openKeys")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							remote.pull(true);
+							dismiss();
+						},
+						children: t("close")
+					})
+				]
+			});
+		}
+		// src/money.ts
+		/** Сколько знаков после запятой показать, чтобы сумма не выглядела нулём и не шумела копейками. */
+		function fractionDigits(amount) {
+			const size = Math.abs(amount);
+			if (size === 0 || size >= 100) return 0;
+			if (size >= 1) return 2;
+			if (size >= .01) return 3;
+			return 4;
+		}
+		function rub(amount) {
+			if (amount === null || amount === void 0 || !Number.isFinite(amount)) return "—";
+			const digits = fractionDigits(amount);
+			return `${new Intl.NumberFormat("ru-RU", {
+				minimumFractionDigits: digits,
+				maximumFractionDigits: digits
+			}).format(amount)} ₽`;
+		}
+		/** «216 ₽ / 1 079 ₽» — вход и выход за миллион токенов. */
+		function pricePair(price) {
+			return price === void 0 ? "" : `${rub(price.input)} / ${rub(price.output)}`;
+		}
+		/** Размер контекстного окна: 1048576 → «1M», 200000 → «200K». */
+		function windowLabel(tokens) {
+			if (tokens === void 0) return "";
+			if (tokens >= 1e6) return `${Math.round(tokens / 1e5) / 10}M`;
+			return `${Math.round(tokens / 1e3)}K`;
+		}
+		// src/client/SessionCost.tsx
+		const REFRESH_MS = 4e3;
+		const count = (value) => value.toLocaleString("ru-RU");
+		function SessionCost({ t, remote, sessionId }) {
+			const [cost, setCost] = (0, react.useState)(null);
+			const [open, setOpen] = (0, react.useState)(false);
+			const anchor = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				setCost(null);
+				if (sessionId === void 0) return;
+				let active = true;
+				const refresh = () => {
+					if (document.hidden) return;
+					remote.sessionCost(sessionId).then((next) => {
+						if (active) setCost(next);
+					}, () => {});
+				};
+				refresh();
+				const timer = setInterval(refresh, REFRESH_MS);
+				return () => {
+					active = false;
+					clearInterval(timer);
+				};
+			}, [remote, sessionId]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const outside = (event) => {
+					if (!anchor.current?.contains(event.target)) setOpen(false);
+				};
+				const escape = (event) => {
+					if (event.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("pointerdown", outside);
+				document.addEventListener("keydown", escape);
+				return () => {
+					document.removeEventListener("pointerdown", outside);
+					document.removeEventListener("keydown", escape);
+				};
+			}, [open]);
+			if (cost === null || cost.calls === 0) return null;
+			const models = Object.entries(cost.perModel).sort(([, a], [, b]) => b.rub - a.rub);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "rai-cost",
+				ref: anchor,
+				"data-routerai": "session-cost",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					"aria-expanded": open,
+					title: t("costTitle"),
+					onClick: () => {
+						setOpen((value) => !value);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Logo, { size: 13 }), rub(cost.total)]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "rai-sheet",
+					role: "dialog",
+					"aria-label": t("costTitle"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costTotal") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: rub(cost.total) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costLast") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: rub(cost.last?.rub) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costCalls") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: cost.calls }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costCached") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: cost.cachedShare === null ? "—" : `${Math.round(cost.cachedShare * 100)}%` }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costInput") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: count(cost.tokens.input + cost.tokens.cached) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costCacheWrites") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: count(cost.tokens.cacheWrites) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("costOutput") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: count(cost.tokens.output) })
+						] }),
+						models.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: models.map(([slug, share]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-clip",
+								children: slug
+							}),
+							share.calls,
+							"× ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: rub(share.rub) })
+						] }, slug)) }) : null,
+						cost.unpriced > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "rai-caution",
+							children: t("costUnpriced", { count: cost.unpriced })
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "rai-faint",
+							children: t("costNote")
+						})
+					]
+				}) : null]
+			});
+		}
+		// src/starter.ts
+		const MODEL_SETS = [
+			{
+				key: "everyday",
+				models: [
+					"anthropic/claude-sonnet-5.5",
+					"deepseek/deepseek-v4.1-flash",
+					"openai/gpt-6.1-sol",
+					"google/gemini-4-argon",
+					"anthropic/claude-opus-5.5",
+					"moonshotai/kimi-k3.1-pro",
+					"z-ai/glm-5.3-flash"
+				]
+			},
+			{
+				key: "coding",
+				models: [
+					"anthropic/claude-opus-5.5",
+					"google/gemini-4-argon",
+					"z-ai/glm-5.3-flash",
+					"openai/gpt-6.1-sol",
+					"moonshotai/kimi-k3.1-pro"
+				]
+			},
+			{
+				key: "budget",
+				models: ["deepseek/deepseek-v4.1-flash", "z-ai/glm-5.3-flash"]
+			}
+		];
+		MODEL_SETS[0].models;
+		// src/client/SettingsPage.tsx
+		/** Выполнить действие и показать его ошибку рядом с кнопкой, а не потерять в консоли. */
+		function useAction() {
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const run = (action) => {
+				setBusy(true);
+				setError(null);
+				action().catch((problem) => {
+					setError(problem instanceof Error ? problem.message : String(problem));
+				}).finally(() => {
+					setBusy(false);
+				});
+			};
+			return {
+				busy,
+				error,
+				run
+			};
+		}
+		function Panel({ title, hint, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "rai-panel",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: title }),
+					hint === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-note",
+						children: hint
+					}),
+					children
+				]
+			});
+		}
+		function Connect({ t, remote, overview }) {
+			const [draft, setDraft] = (0, react.useState)("");
+			const action = useAction();
+			const stage = overview.signIn;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Panel, {
+				title: t("connectTitle"),
+				hint: stage.stage === "waiting" ? t("connectWaiting") : t("connectHint"),
+				children: [
+					stage.stage === "waiting" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							onClick: () => {
+								openTab(stage.url);
+							},
+							children: t("connectReopen")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: () => {
+								action.run(remote.cancelSignIn);
+							},
+							children: t("connectAbort")
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "rai-line",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: action.busy,
+							onClick: () => {
+								action.run(remote.signIn);
+							},
+							children: t("connectButton")
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-note",
+								children: t("pasteLabel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: "rai-fill",
+								type: "password",
+								autoComplete: "off",
+								placeholder: t("pasteHolder"),
+								value: draft,
+								onChange: (event) => {
+									setDraft(event.target.value);
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								disabled: action.busy || draft.trim() === "",
+								onClick: () => {
+									action.run(() => remote.saveKey(draft.trim()).then(() => {
+										setDraft("");
+									}));
+								},
+								children: t("pasteButton")
+							})
+						]
+					}),
+					action.error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: action.error
+					}) : stage.stage === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: stage.reason
+					}) : null
+				]
+			});
+		}
+		function Account({ t, remote, overview }) {
+			const action = useAction();
+			const account = overview.account;
+			const key = account?.key;
+			const cap = key?.cap;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "rai-panel",
+				"data-routerai": "account",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-fill",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									className: "rai-clip",
+									style: {
+										margin: 0,
+										font: "var(--dsw-font-s-strong-14)"
+									},
+									children: key?.label || t("accountNoLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "rai-faint",
+									children: overview.keyMask
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								onClick: () => {
+									openTab(BILLING_PAGE);
+								},
+								children: t("addFunds")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								disabled: action.busy,
+								onClick: () => {
+									action.run(() => remote.pull(true));
+								},
+								children: t("reload")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								disabled: action.busy,
+								onClick: () => {
+									action.run(remote.signOut);
+								},
+								children: t("disconnect")
+							})
+						]
+					}),
+					account?.state === "rejected" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: t("keyRejected")
+					}) : null,
+					account?.state === "offline" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-caution",
+						children: t("offline")
+					}) : null,
+					key?.disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: t("keyDisabled")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-figures",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-figure rai-main",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "rai-note",
+									children: t("balance")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: rub(account?.balance) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-figure",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-note",
+										children: t("keyCap")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: cap === void 0 ? t("keyCapNone") : rub(cap.left) }),
+									cap === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-faint",
+										children: t("keyCapLeft", {
+											amount: rub(cap.amount),
+											period: t(`period_${cap.period}`)
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "rai-gauge",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { width: `${Math.round(100 * Math.min(1, Math.max(0, 1 - cap.left / cap.amount)))}%` } })
+									})] })
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-figure",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-note",
+										children: t("keySpent")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: rub(key?.spent ?? 0) }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-faint",
+										children: t("keySpentMonth", { amount: rub(key?.spentThisMonth ?? 0) })
+									})
+								]
+							})
+						]
+					}),
+					action.error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: action.error
+					}) : null
+				]
+			});
+		}
+		function modelFacts(entry) {
+			return [
+				entry.slug,
+				pricePair(entry.price),
+				windowLabel(entry.window)
+			].filter((part) => part !== "").join(" · ");
+		}
+		function Picker({ t, remote, overview, catalog }) {
+			const saved = overview.picker.models;
+			const savedKey = saved.join("|");
+			const [draft, setDraft] = (0, react.useState)(saved);
+			const [search, setSearch] = (0, react.useState)("");
+			const [maker, setMaker] = (0, react.useState)("");
+			const [toolsOnly, setToolsOnly] = (0, react.useState)(true);
+			const [justApplied, setJustApplied] = (0, react.useState)(false);
+			const action = useAction();
+			(0, react.useEffect)(() => {
+				setDraft(saved);
+			}, [savedKey]);
+			const bySlug = (0, react.useMemo)(() => new Map((catalog ?? []).map((entry) => [entry.slug, entry])), [catalog]);
+			const makers = (0, react.useMemo)(() => [...new Set((catalog ?? []).map((entry) => entry.maker))].sort((a, b) => a.localeCompare(b)), [catalog]);
+			const matches = (0, react.useMemo)(() => {
+				const needle = search.trim().toLowerCase();
+				return (catalog ?? []).filter((entry) => (maker === "" || entry.maker === maker) && (!toolsOnly || entry.tools) && (needle === "" || `${entry.slug} ${entry.maker} ${entry.title}`.toLowerCase().includes(needle)));
+			}, [
+				catalog,
+				search,
+				maker,
+				toolsOnly
+			]);
+			const changed = draft.join("|") !== savedKey;
+			const edit = (next) => {
+				setJustApplied(false);
+				setDraft(next);
+			};
+			const shift = (from, to) => {
+				const next = [...draft];
+				next.splice(to, 0, ...next.splice(from, 1));
+				edit(next);
+			};
+			const toggle = (slug) => {
+				edit(draft.includes(slug) ? draft.filter((item) => item !== slug) : [...draft, slug]);
+			};
+			const visible = matches.slice(0, 250);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Panel, {
+				title: t("pickerTitle"),
+				hint: t("pickerHint"),
+				children: [
+					draft.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-note",
+						children: t("pickerEmpty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "rai-rows",
+						"data-routerai": "picked",
+						children: draft.map((slug, position) => {
+							const entry = bySlug.get(slug);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-order",
+										children: position + 1
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: { minWidth: 0 },
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "rai-clip",
+											children: entry === void 0 ? slug : `${entry.maker} ${entry.title}`
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "rai-faint rai-clip",
+											children: entry === void 0 ? catalog === null ? slug : `${slug} · ${t("pickerUnknown")}` : modelFacts(entry)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "rai-tools",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												title: t("moveUp"),
+												"aria-label": t("moveUp"),
+												disabled: position === 0,
+												onClick: () => {
+													shift(position, position - 1);
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { glyph: "up" })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												title: t("moveDown"),
+												"aria-label": t("moveDown"),
+												disabled: position === draft.length - 1,
+												onClick: () => {
+													shift(position, position + 1);
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { glyph: "down" })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												title: t("drop"),
+												"aria-label": t("drop"),
+												onClick: () => {
+													toggle(slug);
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { glyph: "cross" })
+											})
+										]
+									})
+								]
+							}, slug);
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								disabled: !changed || action.busy,
+								onClick: () => {
+									action.run(() => remote.savePreferences({ models: draft }).then(() => {
+										setJustApplied(true);
+									}));
+								},
+								children: t("apply")
+							}),
+							changed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								onClick: () => {
+									edit(saved);
+								},
+								children: t("revert")
+							}) : null,
+							justApplied && !changed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-note",
+								role: "status",
+								children: t("applied")
+							}) : null,
+							action.error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-alert",
+								children: action.error
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "rai-note",
+							children: [t("sets"), ":"]
+						}), MODEL_SETS.map((set) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "sm",
+							disabled: catalog === null,
+							onClick: () => {
+								edit(set.models.filter((slug) => bySlug.has(slug)));
+							},
+							children: t(`set_${set.key}`)
+						}, set.key))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						style: {
+							margin: "6px 0 0",
+							font: "var(--dsw-font-s-strong-14)"
+						},
+						children: t("catalogTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							className: "rai-fill",
+							placeholder: t("catalogSearch"),
+							value: search,
+							onChange: (event) => {
+								setSearch(event.target.value);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "rai-choice",
+							value: maker,
+							"aria-label": t("catalogAnyMaker"),
+							onChange: (event) => {
+								setMaker(event.target.value);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("catalogAnyMaker")
+							}), makers.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: item,
+								children: item
+							}, item))]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "rai-line",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "rai-line rai-note",
+							style: { cursor: "pointer" },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: toolsOnly,
+								onChange: (event) => {
+									setToolsOnly(event.target.checked);
+								}
+							}), t("catalogToolsOnly")]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "rai-faint",
+							style: { marginLeft: "auto" },
+							children: catalog === null ? t("catalogLoading") : t("catalogShown", {
+								shown: visible.length,
+								total: matches.length
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "rai-rows rai-tall",
+						"data-routerai": "catalog",
+						children: visible.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "rai-row",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: draft.includes(entry.slug),
+									onChange: () => {
+										toggle(entry.slug);
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: { minWidth: 0 },
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "rai-clip",
+										children: [
+											entry.maker,
+											" ",
+											entry.title
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "rai-faint rai-clip",
+										children: modelFacts(entry)
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "rai-line",
+									children: [
+										entry.alias ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: "quiet",
+											children: t("tagAlias")
+										}) : null,
+										entry.reasoning ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: "quiet",
+											children: t("tagReasoning")
+										}) : null,
+										entry.vision ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: "quiet",
+											children: t("tagVision")
+										}) : null,
+										entry.tools ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: "warning",
+											children: t("tagNoTools")
+										})
+									]
+								})
+							]
+						}, entry.slug))
+					})
+				]
+			});
+		}
+		function Extras({ t, remote, overview, catalog }) {
+			const [threshold, setThreshold] = (0, react.useState)(String(overview.lowBalance));
+			const action = useAction();
+			const cheapestFirst = (0, react.useMemo)(() => (catalog ?? []).filter((entry) => entry.tools && entry.price !== void 0 && !entry.alias).sort((a, b) => (a.price?.input ?? 0) - (b.price?.input ?? 0)), [catalog]);
+			const current = overview.utilityModel;
+			const commitThreshold = () => {
+				const value = Number(threshold.replace(",", "."));
+				if (Number.isFinite(value) && value >= 0) action.run(() => remote.savePreferences({ lowBalance: value }));
+				else setThreshold(String(overview.lowBalance));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Panel, {
+				title: t("extrasTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						style: {
+							display: "grid",
+							gap: 6
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("utilityLabel") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "rai-choice",
+								value: current ?? "",
+								onChange: (event) => {
+									action.run(() => remote.savePreferences({ utilityModel: event.target.value === "" ? null : event.target.value }));
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("utilityOff")
+									}),
+									current !== null && !cheapestFirst.some((entry) => entry.slug === current) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: current,
+										children: current
+									}) : null,
+									cheapestFirst.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+										value: entry.slug,
+										children: [
+											entry.maker,
+											" ",
+											entry.title,
+											" · ",
+											pricePair(entry.price)
+										]
+									}, entry.slug))
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-note",
+								children: t("utilityHint")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "rai-line",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rai-fill",
+								children: t("lowBalanceLabel")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								style: { width: 96 },
+								inputMode: "decimal",
+								value: threshold,
+								onChange: (event) => {
+									setThreshold(event.target.value);
+								},
+								onBlur: commitThreshold
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "₽" })
+						]
+					}),
+					action.error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: action.error
+					}) : null
+				]
+			});
+		}
+		function SettingsPage({ t, remote }) {
+			const { overview, failure } = useRemote(remote);
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [catalogFailure, setCatalogFailure] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let current = true;
+				remote.catalog().then((entries) => {
+					if (current) setCatalog(entries);
+				}, (problem) => {
+					if (current) setCatalogFailure(problem instanceof Error ? problem.message : String(problem));
+				});
+				return () => {
+					current = false;
+				};
+			}, [remote]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "rai-page",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "rai-head",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Logo, { size: 40 }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("heading") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("lead") })
+						]
+					}),
+					failure !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "rai-alert",
+						children: failure
+					}) : null,
+					overview === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						overview.connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Account, {
+							t,
+							remote,
+							overview
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Connect, {
+							t,
+							remote,
+							overview
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Picker, {
+							t,
+							remote,
+							overview,
+							catalog
+						}),
+						catalogFailure !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "rai-alert",
+							children: catalogFailure
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Extras, {
+							t,
+							remote,
+							overview,
+							catalog
+						})
+					] })
+				]
+			});
+		}
+		// src/client/SidebarBalance.tsx
+		/** `wide` сообщает harness: развёрнута ли боковая панель. */
+		function SidebarBalance({ t, remote, wide }) {
+			const { overview } = useRemote(remote);
+			const [shown, setShown] = (0, react.useState)(false);
+			if (overview === null) return null;
+			const balance = overview.account?.balance;
+			const running = overview.problem !== null || balance !== void 0 && balance < overview.lowBalance;
+			const cap = overview.account?.key?.cap;
+			const classes = [
+				"rai-side",
+				wide ? "" : "rai-compact",
+				running ? "rai-warn" : ""
+			].join(" ").trim();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: classes,
+				"data-routerai": "sidebar-balance",
+				title: t("sidebarTitle"),
+				onClick: () => {
+					setShown(true);
+					remote.pull(true);
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Logo, { size: 16 }),
+					wide ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("sidebarTitle") }) : null,
+					wide ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: overview.connected ? rub(balance) : t("sidebarConnect") }) : null
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: shown,
+				onClose: () => {
+					setShown(false);
+				},
+				title: t("sidebarTitle"),
+				closeLabel: t("close"),
+				footer: overview.connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "primary",
+					onClick: () => {
+						openTab(BILLING_PAGE);
+					},
+					children: t("addFunds")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "primary",
+					onClick: () => {
+						remote.signIn();
+					},
+					children: t("connectButton")
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "grid",
+						gap: 12
+					},
+					children: [
+						overview.problem !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "rai-alert",
+							children: overview.problem.text
+						}) : running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "rai-caution",
+							children: t("sidebarLow")
+						}) : null,
+						overview.connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "rai-figures",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-figure rai-main",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "rai-note",
+									children: t("balance")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: rub(balance) })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "rai-figure",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-note",
+										children: t("keyCap")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: cap === void 0 ? t("keyCapNone") : rub(cap.left) }),
+									cap === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "rai-faint",
+										children: t("keyCapLeft", {
+											amount: rub(cap.amount),
+											period: t(`period_${cap.period}`)
+										})
+									})
+								]
+							})]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "rai-note",
+							children: t("connectHint")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "rai-faint",
+							children: t("sidebarHint")
+						})
+					]
+				})
+			})] });
+		}
+		// src/client/styles.ts
+		const ACCENT = "#2d67f6";
+		const SHEET = `
+.rai-page{display:grid;gap:18px;padding-bottom:28px;font:var(--dsw-font-s-14);color:var(--dsw-alias-label-primary)}
+.rai-head{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
+.rai-head h2{margin:0;font:var(--dsw-font-l-20)}
+.rai-head p{margin:0;grid-column:2;color:var(--dsw-alias-label-secondary)}
+.rai-panel{display:grid;gap:12px;padding:16px;border-radius:var(--dsw-radius-md);border:1px solid var(--dsw-alias-settings-card-stroke);background:var(--dsw-alias-settings-card-fill)}
+.rai-panel>h3{margin:0;font:var(--dsw-font-s-strong-14)}
+.rai-note{margin:0;font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-secondary)}
+.rai-faint{font:var(--dsw-font-xxs-12);color:var(--dsw-alias-label-tertiary)}
+.rai-alert{margin:0;font:var(--dsw-font-xs-13);color:var(--dsw-alias-state-error-primary)}
+.rai-caution{margin:0;font:var(--dsw-font-xs-13);color:var(--dsw-alias-state-warn-label)}
+.rai-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
+.rai-line>.rai-fill{flex:1 1 160px;min-width:0}
+.rai-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.rai-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
+.rai-figure{display:grid;gap:2px;padding:10px 12px;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l3)}
+.rai-figure>strong{font:var(--dsw-font-l-20)}
+.rai-figure.rai-main{border-color:${ACCENT}}
+.rai-gauge{height:3px;border-radius:2px;background:var(--dsw-alias-border-l2)}
+.rai-gauge>span{display:block;height:100%;border-radius:2px;background:${ACCENT}}
+.rai-rows{display:grid;border-radius:var(--dsw-radius-sm);border:1px solid var(--dsw-alias-border-l3);overflow:hidden}
+.rai-rows.rai-tall{max-height:380px;overflow-y:auto}
+.rai-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px}
+.rai-row+.rai-row{border-top:1px solid var(--dsw-alias-border-l2)}
+.rai-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+label.rai-row{cursor:pointer}
+.rai-row input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:${ACCENT}}
+.rai-order{width:1.5em;text-align:right;color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13)}
+.rai-tools{display:flex;gap:2px}
+.rai-tools button{all:unset;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;cursor:pointer;color:var(--dsw-alias-label-secondary)}
+.rai-tools button:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.rai-tools button:disabled{opacity:.3;cursor:default}
+.rai-choice{height:36px;padding:0 8px;font:inherit;color:inherit;border-radius:var(--dsw-radius-sm);border:1px solid var(--dsw-alias-border-l3);background:var(--dsw-alias-bg-layer-1)}
+.rai-side{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:var(--dsw-radius-sm);cursor:pointer;font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-secondary)}
+.rai-side:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.rai-side>span{flex:1}
+.rai-side>b{font-weight:500;color:var(--dsw-alias-label-primary)}
+.rai-side.rai-compact{width:auto;justify-content:center}
+.rai-side.rai-warn,.rai-side.rai-warn>b{color:var(--dsw-alias-state-warn-label)}
+.rai-cost{position:relative;display:inline-flex}
+.rai-cost>button{all:unset;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;cursor:pointer;white-space:nowrap;font:var(--dsw-font-xxs-12);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2)}
+.rai-cost>button:hover{color:var(--dsw-alias-label-primary)}
+.rai-sheet{position:absolute;z-index:60;right:0;bottom:calc(100% + 8px);width:300px;max-width:calc(100vw - 24px);box-sizing:border-box;display:grid;gap:8px;padding:12px 14px;border-radius:var(--dsw-radius-md);font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l3);box-shadow:0 12px 32px rgba(0,0,0,.18)}
+.rai-sheet dl{display:grid;grid-template-columns:1fr auto;gap:4px 14px;margin:0}
+.rai-sheet dt{color:var(--dsw-alias-label-secondary)}
+.rai-sheet dd{margin:0;text-align:right;font-weight:500}
+.rai-sheet ul{display:grid;gap:2px;margin:0;padding:6px 0 0;list-style:none;border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary)}
+.rai-sheet li{display:flex;gap:8px}
+.rai-sheet li>span{flex:1;min-width:0}
+.rai-banner{display:flex;align-items:center;gap:12px;max-width:540px;padding:12px 14px;border-radius:var(--dsw-radius-md);font:var(--dsw-font-s-14);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l3);box-shadow:0 8px 24px rgba(0,0,0,.14)}
+.rai-banner>div{flex:1;min-width:0;display:grid;gap:2px}
+`;
+		/** Подключить стили. Атрибуты data-plugin* — соглашение harness: по ним он снимает стили выгруженного плагина. */
+		function mountStyles(owner) {
+			const element = document.createElement("style");
+			element.dataset["plugin"] = owner;
+			element.dataset["pluginCss"] = `${owner}/styles`;
+			element.textContent = SHEET;
+			document.head.append(element);
+			return () => {
+				element.remove();
+			};
+		}
+		// src/client/texts.ts
+		const NAMESPACE = "routerai";
+		const russian = {
+			section: "RouterAI",
+			heading: "RouterAI",
+			lead: "Модели разных производителей по одному ключу, оплата в рублях.",
+			connectTitle: "Подключение",
+			connectHint: "Нажмите «Войти» — откроется routerai.ru, где вы подтвердите доступ и зададите лимит расходов. Ключ сохранится сам.",
+			connectButton: "Войти через RouterAI",
+			connectWaiting: "Подтвердите доступ во вкладке браузера, которая только что открылась.",
+			connectReopen: "Открыть вкладку снова",
+			connectAbort: "Прервать",
+			pasteLabel: "Уже есть ключ?",
+			pasteHolder: "sk-…",
+			pasteButton: "Сохранить",
+			accountNoLabel: "Ключ RouterAI",
+			balance: "На счёте",
+			keyCap: "Остаток лимита ключа",
+			keyCapLeft: "из {amount} {period}",
+			keyCapNone: "не задан",
+			keySpent: "Потрачено по ключу",
+			keySpentMonth: "{amount} за месяц",
+			addFunds: "Пополнить",
+			reload: "Обновить",
+			disconnect: "Выйти",
+			keyRejected: "RouterAI больше не принимает этот ключ. Войдите заново.",
+			keyDisabled: "Ключ отключён в кабинете RouterAI.",
+			offline: "Нет связи с RouterAI — данные аккаунта недоступны.",
+			pickerTitle: "Модели в пикере",
+			pickerHint: "Порядок здесь — порядок в пикере. Цены указаны в рублях за миллион токенов: вход / выход.",
+			pickerEmpty: "Ничего не выбрано. Отметьте модели в каталоге ниже.",
+			pickerUnknown: "в каталоге не найдена",
+			moveUp: "Поднять",
+			moveDown: "Опустить",
+			drop: "Убрать из пикера",
+			apply: "Применить",
+			applied: "Изменения сохранены",
+			revert: "Отменить правки",
+			sets: "Готовые наборы",
+			set_everyday: "На каждый день",
+			set_coding: "Для кода",
+			set_budget: "Экономный",
+			catalogTitle: "Каталог RouterAI",
+			catalogSearch: "Название, производитель или идентификатор",
+			catalogAnyMaker: "Любой производитель",
+			catalogToolsOnly: "Скрыть модели без инструментов",
+			catalogShown: "Показано {shown} из {total}",
+			catalogLoading: "Загружаю каталог…",
+			tagReasoning: "думает",
+			tagVision: "видит картинки",
+			tagNoTools: "без инструментов",
+			tagAlias: "всегда последняя версия",
+			extrasTitle: "Дополнительно",
+			utilityLabel: "Служебная модель",
+			utilityHint: "На ней придумываются названия сессий и сжимается длинный контекст. Дешёвая модель экономит деньги и не влияет на ответы.",
+			utilityOff: "Не использовать — всё делает модель разговора",
+			lowBalanceLabel: "Предупреждать о балансе ниже",
+			sidebarConnect: "Войти",
+			sidebarTitle: "RouterAI",
+			sidebarLow: "Баланс подходит к концу.",
+			sidebarHint: "Модели и ключ настраиваются в Настройках → RouterAI.",
+			close: "Закрыть",
+			costTitle: "Стоимость сессии",
+			costTotal: "Всего",
+			costLast: "Последний запрос",
+			costCalls: "Запросов к модели",
+			costCached: "Вход из кэша",
+			costInput: "Вход, токены",
+			costCacheWrites: "Записано в кэш, токены",
+			costOutput: "Выход, токены",
+			costUnpriced: "Запросов без цены в каталоге: {count}",
+			costNote: "Расчёт по числу токенов и ценам каталога. Точные списания — в кабинете RouterAI.",
+			problem_no_funds: "На балансе RouterAI закончились деньги",
+			problem_key_cap: "Ключ RouterAI исчерпал лимит расходов",
+			problem_key_off: "Ключ RouterAI отключён",
+			openKeys: "К ключам",
+			period_daily: "в сутки",
+			period_weekly: "в неделю",
+			period_monthly: "в месяц",
+			period_other: ""
+		};
+		const english = {
+			section: "RouterAI",
+			heading: "RouterAI",
+			lead: "Models from many vendors behind one key, billed in rubles.",
+			connectTitle: "Connection",
+			connectHint: "Press “Sign in”: routerai.ru opens, you approve access and set a spending limit. The key is saved for you.",
+			connectButton: "Sign in with RouterAI",
+			connectWaiting: "Approve access in the browser tab that has just opened.",
+			connectReopen: "Open the tab again",
+			connectAbort: "Stop",
+			pasteLabel: "Already have a key?",
+			pasteHolder: "sk-…",
+			pasteButton: "Save",
+			accountNoLabel: "RouterAI key",
+			balance: "Balance",
+			keyCap: "Key limit left",
+			keyCapLeft: "of {amount} {period}",
+			keyCapNone: "not set",
+			keySpent: "Spent with this key",
+			keySpentMonth: "{amount} this month",
+			addFunds: "Add funds",
+			reload: "Refresh",
+			disconnect: "Sign out",
+			keyRejected: "RouterAI no longer accepts this key. Sign in again.",
+			keyDisabled: "The key is disabled in the RouterAI dashboard.",
+			offline: "RouterAI is unreachable — account data is unavailable.",
+			pickerTitle: "Models in the picker",
+			pickerHint: "The order here is the order in the picker. Prices are rubles per million tokens: input / output.",
+			pickerEmpty: "Nothing selected. Tick models in the catalog below.",
+			pickerUnknown: "not found in the catalog",
+			moveUp: "Move up",
+			moveDown: "Move down",
+			drop: "Remove from the picker",
+			apply: "Apply",
+			applied: "Changes saved",
+			revert: "Discard edits",
+			sets: "Ready-made sets",
+			set_everyday: "Everyday",
+			set_coding: "Coding",
+			set_budget: "Budget",
+			catalogTitle: "RouterAI catalog",
+			catalogSearch: "Name, vendor or identifier",
+			catalogAnyMaker: "Any vendor",
+			catalogToolsOnly: "Hide models without tool calling",
+			catalogShown: "Showing {shown} of {total}",
+			catalogLoading: "Loading the catalog…",
+			tagReasoning: "reasoning",
+			tagVision: "reads images",
+			tagNoTools: "no tools",
+			tagAlias: "always the latest version",
+			extrasTitle: "More",
+			utilityLabel: "Utility model",
+			utilityHint: "It names sessions and compacts long context. A cheap model saves money and does not affect answers.",
+			utilityOff: "Off — the conversation model does everything",
+			lowBalanceLabel: "Warn when the balance is below",
+			sidebarConnect: "Sign in",
+			sidebarTitle: "RouterAI",
+			sidebarLow: "The balance is running out.",
+			sidebarHint: "Models and the key are configured in Settings → RouterAI.",
+			close: "Close",
+			costTitle: "Session cost",
+			costTotal: "Total",
+			costLast: "Last request",
+			costCalls: "Model requests",
+			costCached: "Input served from cache",
+			costInput: "Input tokens",
+			costCacheWrites: "Tokens written to cache",
+			costOutput: "Output tokens",
+			costUnpriced: "Requests with no catalog price: {count}",
+			costNote: "Calculated from token counts and catalog prices. Exact charges are in the RouterAI dashboard.",
+			problem_no_funds: "The RouterAI balance has run out",
+			problem_key_cap: "The RouterAI key has reached its spending limit",
+			problem_key_off: "The RouterAI key is disabled",
+			openKeys: "Open keys",
+			period_daily: "per day",
+			period_weekly: "per week",
+			period_monthly: "per month",
+			period_other: ""
+		};
+		const DICTIONARIES = {
+			ru: russian,
+			en: english,
+			zh: english
+		};
+		// src/client/main.tsx
+		const name = "routerai-client";
+		const inject = ["slots", "locale"];
+		const PACKAGE = "@router-ai/dsh-plugin-routerai";
+		function apply(ctx) {
+			const slots = ctx.slots;
+			const locale = ctx.locale;
+			ctx.effect(() => locale.register(NAMESPACE, DICTIONARIES), "routerai: texts");
+			ctx.effect(() => mountStyles(PACKAGE), "routerai: styles");
+			const t = locale.bind(NAMESPACE);
+			const remote = new Remote();
+			ctx.effect(() => remote.run(), "routerai: remote state");
+			const shared = () => ({ remote });
+			const placements = [
+				{
+					slot: "settings.section",
+					options: {
+						id: "routerai",
+						order: 5,
+						label: () => t("section"),
+						inject: shared
+					},
+					component: SettingsPage
+				},
+				{
+					slot: "settings.section.icon",
+					options: { id: "routerai" },
+					component: ({ size }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Logo, { size })
+				},
+				{
+					slot: "sidebar.footer.action",
+					options: {
+						id: "routerai-balance",
+						inject: shared
+					},
+					component: SidebarBalance
+				},
+				{
+					slot: "conversation.composer.dock",
+					options: {
+						id: "routerai-session-cost",
+						order: 5,
+						inject: (sessionId) => ({
+							remote,
+							sessionId
+						})
+					},
+					component: SessionCost
+				},
+				{
+					slot: "shell.quota-notice",
+					options: {
+						select: (owner) => owner.code === "QUOTA" && remote.read().overview?.problem != null ? owner : null,
+						inject: shared
+					},
+					component: MoneyNotice
+				}
+			];
+			for (const { slot, options, component } of placements) slots.inject(slot, () => slots.register({
+				name: slot,
+				locale: NAMESPACE,
+				...options
+			}, component));
+		}
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});