@jxgame2020/dsh-token-quota 0.1.0

package/lib/client.js

@@ -0,0 +1,965 @@
+window.__ModuleLoader__.load({
+	id: "@jxgame2020/dsh-token-quota",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		//#region lib/types/client/store.js
+		/**
+		* Token-quota panel store: the shared, remount-surviving view state. The
+		* apply-world is the only writer — forwarded `token-quota/updated` snapshots
+		* and the model-directory loader feed it — while the panel reads through
+		* `useStore`. Display rows are derived data (pure function over the two
+		* sources), so the component builds them with `useMemo`, never a store scan.
+		*
+		* @module @deepseek-ai/dsh-client-ui-token-quota/client/store
+		*/
+		/** Build the stable per-model key shared by the counter, settings, and snapshot. */
+		function tokenQuotaKey(provider, model) {
+			return `${provider}/${model}`;
+		}
+		/**
+		* Declares the panel state and write surface.
+		* @returns the store handle.
+		*/
+		function createTokenQuotaPanelStore() {
+			return (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+				init: () => ({
+					snapshot: null,
+					groups: [],
+					current: null,
+					loading: false,
+					error: null,
+					monitored: null,
+					onFull: "stop",
+					dialogOpen: false,
+					fullNotice: null,
+					reset: null,
+					logOpen: false,
+					log: null
+				}),
+				actions: {
+					setSnapshot: (d, snapshot) => {
+						d.snapshot = snapshot;
+					},
+					setDirectory: (d, groups, current) => {
+						d.groups = groups;
+						d.current = current;
+					},
+					setLoading: (d, loading) => {
+						d.loading = loading;
+					},
+					setError: (d, error) => {
+						d.error = error;
+					},
+					setSettings: (d, monitored, onFull) => {
+						d.monitored = monitored;
+						d.onFull = onFull;
+					},
+					setDialogOpen: (d, open) => {
+						d.dialogOpen = open;
+					},
+					setFullNotice: (d, notice) => {
+						d.fullNotice = notice;
+					},
+					setReset: (d, reset) => {
+						d.reset = reset;
+					},
+					setLogOpen: (d, open) => {
+						d.logOpen = open;
+					},
+					setLog: (d, log) => {
+						d.log = log;
+					}
+				}
+			});
+		}
+		/**
+		* Merge the session's model directory with the quota snapshot into display
+		* rows. Every directory model gets a row (usage/limit fall back to
+		* `0`/`0`), and snapshot entries for routes missing from the directory are
+		* appended so no counter is ever hidden.
+		* @param groups - advisory provider groups of the current session.
+		* @param snapshot - latest quota snapshot, or null before the first one.
+		* @param current - current model selection reported by the Host.
+		* @returns rows sorted by key.
+		*/
+		function mergeModelRows(groups, snapshot, current) {
+			const entryByKey = new Map((snapshot?.entries ?? []).map((entry) => [entry.key, entry]));
+			const rows = /* @__PURE__ */ new Map();
+			for (const group of groups) for (const model of group.models) {
+				const key = tokenQuotaKey(group.id, model.id);
+				const entry = entryByKey.get(key);
+				rows.set(key, {
+					key,
+					provider: group.id,
+					model: model.id,
+					name: model.name,
+					used: entry?.used ?? 0,
+					limit: entry?.limit ?? 0,
+					current: current !== null && current.provider === group.id && current.model === model.id
+				});
+			}
+			for (const entry of snapshot?.entries ?? []) {
+				if (rows.has(entry.key)) continue;
+				rows.set(entry.key, {
+					key: entry.key,
+					provider: entry.provider,
+					model: entry.model,
+					name: entry.model,
+					used: entry.used,
+					limit: entry.limit,
+					current: current !== null && current.provider === entry.provider && current.model === entry.model
+				});
+			}
+			return [...rows.values()].sort((left, right) => left.key.localeCompare(right.key));
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/jxgame/Desktop/works/deepseek-harness-package/dsh-token-quota/packages/token-quota/src/client/TokenQuotaPanel.module.css.mjs
+		const css = ".NPLLIq_panel{box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);pointer-events:auto;z-index:40;border-radius:12px;flex-direction:column;width:320px;max-height:min(72vh,560px);display:flex;position:fixed;top:56px;right:12px;overflow:hidden;box-shadow:0 8px 28px #0000002e}.NPLLIq_header{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.NPLLIq_headerText{flex-direction:column;gap:2px;min-width:0;display:flex}.NPLLIq_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.NPLLIq_subtitle{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_collapse{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_collapse:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_body{padding:4px 0;overflow-y:auto}.NPLLIq_row{border-bottom:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.NPLLIq_rowHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.NPLLIq_rowName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.NPLLIq_currentBadge{color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-state-success-primary);border-radius:8px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_rowMeta{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.NPLLIq_bar{background:var(--dsw-alias-bg-layer-1);border-radius:3px;height:6px;overflow:hidden}.NPLLIq_fillIdle{background:var(--dsw-alias-brand-primary);height:100%;transition:width .2s}.NPLLIq_fillWarn{background:var(--dsw-alias-state-warn-primary);height:100%;transition:width .2s}.NPLLIq_fillOver{background:var(--dsw-alias-state-error-primary);height:100%;transition:width .2s}.NPLLIq_controls{align-items:center;gap:6px;display:flex}.NPLLIq_input{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;color:var(--dsw-alias-label-primary);border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.NPLLIq_input::placeholder{color:var(--dsw-alias-label-secondary)}.NPLLIq_save,.NPLLIq_switch{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;flex:none;padding:4px 10px;font-size:11px}.NPLLIq_save:hover,.NPLLIq_switch:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}.NPLLIq_switch:disabled{opacity:.5;cursor:default}.NPLLIq_notice,.NPLLIq_noticeError{color:var(--dsw-alias-label-secondary);padding:10px 12px;font-size:12px}.NPLLIq_noticeError{color:var(--dsw-alias-state-error-primary)}.NPLLIq_tab{background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);pointer-events:auto;cursor:pointer;z-index:40;border-right:none;border-radius:8px 0 0 8px;padding:10px 6px;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:0 4px 16px #0000001f}.NPLLIq_tab:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_tabLabel{writing-mode:vertical-rl;color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_headerActions{flex:none;align-items:center;gap:4px;display:flex}.NPLLIq_settingsBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:11px}.NPLLIq_settingsBtn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_selectBtn{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:1px 6px;font-size:10px}.NPLLIq_selectBtn:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_gearBtn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;flex:none;margin-left:6px;padding:0 2px;font-size:12px;line-height:1}.NPLLIq_gearBtn:hover{color:var(--dsw-alias-label-primary)}.NPLLIq_fullNotice{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-state-error-primary);border-radius:8px;margin:6px 12px;padding:8px 10px;font-size:12px}.NPLLIq_dialogBackdrop{z-index:50;background:#00000059;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.NPLLIq_dialog{box-sizing:border-box;background:var(--dsw-alias-bg-overlay);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;gap:12px;width:280px;max-height:80%;padding:14px;display:flex;overflow-y:auto;box-shadow:0 8px 28px #00000040}.NPLLIq_dialogTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.NPLLIq_dialogSection{flex-direction:column;gap:6px;display:flex}.NPLLIq_dialogLabel{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:500}.NPLLIq_monitorHint{color:var(--dsw-alias-label-secondary);font-size:11px}.NPLLIq_monitorList{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.NPLLIq_monitorRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;display:flex}.NPLLIq_monitorRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_monitorName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NPLLIq_radioRow{color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.NPLLIq_radioRow:hover{background:var(--dsw-alias-bg-layer-1)}.NPLLIq_dialogActions{justify-content:flex-end;gap:6px;display:flex}.NPLLIq_dialogBtn,.NPLLIq_dialogBtnPrimary{border:1px solid var(--dsw-alias-border-l1);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:11px}.NPLLIq_dialogBtn{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.NPLLIq_dialogBtnPrimary{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-overlay)}.NPLLIq_dialogHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.NPLLIq_dialogClose{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.NPLLIq_dialogClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}.NPLLIq_resetRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.NPLLIq_resetSelect{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:3px 6px;font-size:12px}.NPLLIq_logTable{border-collapse:collapse;width:100%;font-size:11px}.NPLLIq_logTable th{text-align:left;color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);padding:4px 6px;font-weight:500}.NPLLIq_logTable td{color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);font-variant-numeric:tabular-nums;padding:4px 6px}.NPLLIq_logDayCol{white-space:nowrap;color:var(--dsw-alias-label-secondary)}.NPLLIq_logModelCol{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.NPLLIq_logUsedCol{text-align:right}";
+		const tagId = "@jxgame2020/dsh-token-quota/TokenQuotaPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@jxgame2020/dsh-token-quota";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var TokenQuotaPanel_module_css_default = {
+			"save": "NPLLIq_save",
+			"row": "NPLLIq_row",
+			"dialog": "NPLLIq_dialog",
+			"dialogTitle": "NPLLIq_dialogTitle",
+			"controls": "NPLLIq_controls",
+			"monitorRow": "NPLLIq_monitorRow",
+			"bar": "NPLLIq_bar",
+			"fillIdle": "NPLLIq_fillIdle",
+			"switch": "NPLLIq_switch",
+			"dialogBackdrop": "NPLLIq_dialogBackdrop",
+			"currentBadge": "NPLLIq_currentBadge",
+			"header": "NPLLIq_header",
+			"dialogClose": "NPLLIq_dialogClose",
+			"logModelCol": "NPLLIq_logModelCol",
+			"panel": "NPLLIq_panel",
+			"fillWarn": "NPLLIq_fillWarn",
+			"headerActions": "NPLLIq_headerActions",
+			"resetSelect": "NPLLIq_resetSelect",
+			"logDayCol": "NPLLIq_logDayCol",
+			"notice": "NPLLIq_notice",
+			"monitorName": "NPLLIq_monitorName",
+			"tab": "NPLLIq_tab",
+			"dialogBtnPrimary": "NPLLIq_dialogBtnPrimary",
+			"logUsedCol": "NPLLIq_logUsedCol",
+			"settingsBtn": "NPLLIq_settingsBtn",
+			"headerText": "NPLLIq_headerText",
+			"dialogActions": "NPLLIq_dialogActions",
+			"monitorHint": "NPLLIq_monitorHint",
+			"subtitle": "NPLLIq_subtitle",
+			"rowHeader": "NPLLIq_rowHeader",
+			"input": "NPLLIq_input",
+			"dialogSection": "NPLLIq_dialogSection",
+			"monitorList": "NPLLIq_monitorList",
+			"fullNotice": "NPLLIq_fullNotice",
+			"dialogBtn": "NPLLIq_dialogBtn",
+			"dialogHeader": "NPLLIq_dialogHeader",
+			"body": "NPLLIq_body",
+			"noticeError": "NPLLIq_noticeError",
+			"selectBtn": "NPLLIq_selectBtn",
+			"collapse": "NPLLIq_collapse",
+			"rowMeta": "NPLLIq_rowMeta",
+			"radioRow": "NPLLIq_radioRow",
+			"resetRow": "NPLLIq_resetRow",
+			"fillOver": "NPLLIq_fillOver",
+			"logTable": "NPLLIq_logTable",
+			"dialogLabel": "NPLLIq_dialogLabel",
+			"title": "NPLLIq_title",
+			"tabLabel": "NPLLIq_tabLabel",
+			"gearBtn": "NPLLIq_gearBtn",
+			"rowName": "NPLLIq_rowName"
+		};
+		//#endregion
+		//#region lib/types/client/TokenQuotaPanel.js
+		/**
+		* Token-quota floating panel, registered into the frame-wide `shell.overlay`
+		* seat. Renders one row per MONITORED model of the current session's
+		* directory merged with the live quota snapshot: name, a compact `选择` action,
+		* `used / limit`, a progress bar, and an icon-folded limit editor. A settings
+		* dialog (header button) chooses which models are monitored and what to do
+		* when a capped model is full. The panel is pure presentation — every fact
+		* arrives through the props shares and every mutation through the injected
+		* callbacks.
+		*/
+		/** Compact a token count for display. */
+		function formatTokens(n) {
+			if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+			if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+			return String(n);
+		}
+		function barStateOf(row) {
+			if (row.limit <= 0) return row.used > 0 ? "warn" : "idle";
+			if (row.used >= row.limit) return "over";
+			if (row.used / row.limit >= .8) return "warn";
+			return "idle";
+		}
+		/** Full-quota strategy choices, in display order. */
+		const FULL_ACTIONS = [
+			{
+				value: "stop",
+				labelKey: "fullStop"
+			},
+			{
+				value: "switchQuota",
+				labelKey: "fullSwitchQuota"
+			},
+			{
+				value: "switchAll",
+				labelKey: "fullSwitchAll"
+			},
+			{
+				value: "switchPriority",
+				labelKey: "fullSwitchPriority"
+			}
+		];
+		/**
+		* Render the floating panel (or its collapsed tab).
+		* @param props - composed slot props.
+		* @returns the panel element tree.
+		*/
+		function TokenQuotaPanel({ t, load, setLimit, selectModel, setMonitored, setOnFull, setReset, useStore, actions, useSessions }) {
+			const [collapsed, setCollapsed] = (0, react.useState)(false);
+			const [drafts, setDrafts] = (0, react.useState)({});
+			const [editingKey, setEditingKey] = (0, react.useState)(null);
+			const sessionId = useSessions((s) => s.current);
+			const snapshot = useStore((s) => s.snapshot);
+			const groups = useStore((s) => s.groups);
+			const current = useStore((s) => s.current);
+			const monitored = useStore((s) => s.monitored);
+			const onFull = useStore((s) => s.onFull);
+			const reset = useStore((s) => s.reset);
+			const dialogOpen = useStore((s) => s.dialogOpen);
+			const logOpen = useStore((s) => s.logOpen);
+			const log = useStore((s) => s.log);
+			const fullNotice = useStore((s) => s.fullNotice);
+			const loading = useStore((s) => s.loading);
+			const error = useStore((s) => s.error);
+			(0, react.useEffect)(() => {
+				if (sessionId !== void 0) load(sessionId);
+			}, [sessionId, load]);
+			const rows = (0, react.useMemo)(() => mergeModelRows(groups, snapshot, current), [
+				groups,
+				snapshot,
+				current
+			]);
+			const allModels = (0, react.useMemo)(() => groups.flatMap((group) => group.models.map((model) => ({
+				key: `${group.id}/${model.id}`,
+				name: model.name
+			}))).sort((a, b) => a.key.localeCompare(b.key)), [groups]);
+			const isMonitoredKey = (key) => monitored === null || monitored.includes(key);
+			if (collapsed) return (0, react_jsx_runtime.jsx)("div", {
+				className: TokenQuotaPanel_module_css_default.tab,
+				role: "button",
+				tabIndex: 0,
+				title: t("title"),
+				onClick: () => {
+					setCollapsed(false);
+				},
+				children: (0, react_jsx_runtime.jsx)("span", {
+					className: TokenQuotaPanel_module_css_default.tabLabel,
+					children: t("expand")
+				})
+			});
+			const openSettings = () => {
+				actions.setDialogOpen(true);
+			};
+			(0, react.useEffect)(() => {
+				if (!logOpen) return;
+				let cancelled = false;
+				fetch("/token-quota/log", { headers: { accept: "application/json" } }).then((response) => response.json(), () => null).then((data) => {
+					if (!cancelled) actions.setLog(data);
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [logOpen, actions]);
+			const commitLimit = (row) => {
+				const raw = drafts[row.key]?.trim();
+				setDrafts((prev) => {
+					const { [row.key]: _dropped, ...rest } = prev;
+					return rest;
+				});
+				setEditingKey(null);
+				if (raw === void 0 || raw === "") return;
+				const parsed = Number(raw);
+				if (!Number.isFinite(parsed) || parsed < 0 || !Number.isInteger(parsed)) return;
+				setLimit(row.key, parsed);
+			};
+			const visibleRows = rows.filter((row) => isMonitoredKey(row.key) || row.current);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: TokenQuotaPanel_module_css_default.panel,
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: TokenQuotaPanel_module_css_default.header,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: TokenQuotaPanel_module_css_default.headerText,
+							children: [(0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.title,
+								children: t("title")
+							}), (0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.subtitle,
+								children: t("subtitle")
+							})]
+						}), (0, react_jsx_runtime.jsxs)("div", {
+							className: TokenQuotaPanel_module_css_default.headerActions,
+							children: [
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: TokenQuotaPanel_module_css_default.settingsBtn,
+									onClick: () => {
+										actions.setLogOpen(true);
+									},
+									children: t("logs")
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: TokenQuotaPanel_module_css_default.settingsBtn,
+									onClick: openSettings,
+									children: t("settings")
+								}),
+								(0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: TokenQuotaPanel_module_css_default.collapse,
+									onClick: () => {
+										setCollapsed(true);
+									},
+									children: t("collapse")
+								})
+							]
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: TokenQuotaPanel_module_css_default.body,
+						children: [
+							loading && (0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.notice,
+								children: t("loading")
+							}),
+							error !== null && (0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.noticeError,
+								children: error
+							}),
+							fullNotice !== null && (0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.fullNotice,
+								role: "alert",
+								children: fullNotice
+							}),
+							!loading && error === null && visibleRows.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+								className: TokenQuotaPanel_module_css_default.notice,
+								children: monitored !== null && monitored.length === 0 ? t("noMonitored") : t("waiting")
+							}),
+							visibleRows.map((row) => {
+								const state = barStateOf(row);
+								const pct = row.limit > 0 ? Math.min(100, Math.round(row.used / row.limit * 100)) : 0;
+								const barClass = state === "over" ? TokenQuotaPanel_module_css_default.fillOver : state === "warn" ? TokenQuotaPanel_module_css_default.fillWarn : TokenQuotaPanel_module_css_default.fillIdle;
+								const editing = editingKey === row.key;
+								return (0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.row,
+									children: [
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: TokenQuotaPanel_module_css_default.rowHeader,
+											children: [(0, react_jsx_runtime.jsxs)("span", {
+												className: TokenQuotaPanel_module_css_default.rowName,
+												title: row.key,
+												children: [
+													row.name,
+													row.current && (0, react_jsx_runtime.jsx)("span", {
+														className: TokenQuotaPanel_module_css_default.currentBadge,
+														children: t("current")
+													}),
+													sessionId !== void 0 && !row.current && (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: TokenQuotaPanel_module_css_default.selectBtn,
+														onClick: () => {
+															selectModel(sessionId, row.provider, row.model);
+														},
+														children: t("select")
+													})
+												]
+											}), (0, react_jsx_runtime.jsxs)("span", {
+												className: TokenQuotaPanel_module_css_default.rowMeta,
+												children: [row.limit > 0 ? `${formatTokens(row.used)} / ${formatTokens(row.limit)}` : `${formatTokens(row.used)} · ${t("unlimited")}`, (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: TokenQuotaPanel_module_css_default.gearBtn,
+													title: t("setLimitHint"),
+													onClick: () => {
+														setEditingKey(editing ? null : row.key);
+													},
+													children: "⚙"
+												})]
+											})]
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.bar,
+											children: (0, react_jsx_runtime.jsx)("div", {
+												className: barClass,
+												style: { width: `${pct}%` }
+											})
+										}),
+										editing && (0, react_jsx_runtime.jsxs)("div", {
+											className: TokenQuotaPanel_module_css_default.controls,
+											children: [(0, react_jsx_runtime.jsx)("input", {
+												className: TokenQuotaPanel_module_css_default.input,
+												type: "number",
+												min: 0,
+												step: 1e4,
+												placeholder: t("limitPlaceholder"),
+												value: drafts[row.key] ?? "",
+												onChange: (event) => {
+													setDrafts((prev) => ({
+														...prev,
+														[row.key]: event.target.value
+													}));
+												},
+												onKeyDown: (event) => {
+													if (event.key === "Enter") commitLimit(row);
+												}
+											}), (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: TokenQuotaPanel_module_css_default.save,
+												onClick: () => {
+													commitLimit(row);
+												},
+												children: t("save")
+											})]
+										})
+									]
+								}, row.key);
+							})
+						]
+					}),
+					dialogOpen && (0, react_jsx_runtime.jsx)("div", {
+						className: TokenQuotaPanel_module_css_default.dialogBackdrop,
+						onClick: () => {
+							actions.setDialogOpen(false);
+						},
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: TokenQuotaPanel_module_css_default.dialog,
+							onClick: (event) => {
+								event.stopPropagation();
+							},
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogHeader,
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: TokenQuotaPanel_module_css_default.dialogTitle,
+										children: t("settingsTitle")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: TokenQuotaPanel_module_css_default.dialogClose,
+										title: t("close"),
+										onClick: () => {
+											actions.setDialogOpen(false);
+										},
+										children: "×"
+									})]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogSection,
+									children: [
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.dialogLabel,
+											children: t("monitorLabel")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorHint,
+											children: t("monitorHint")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorList,
+											children: allModels.map((model) => (0, react_jsx_runtime.jsxs)("label", {
+												className: TokenQuotaPanel_module_css_default.monitorRow,
+												children: [(0, react_jsx_runtime.jsx)("input", {
+													type: "checkbox",
+													checked: monitored === null || monitored.includes(model.key),
+													onChange: (event) => {
+														const base = monitored === null ? allModels.map((m) => m.key) : monitored;
+														const next = new Set(base);
+														if (event.target.checked) next.add(model.key);
+														else next.delete(model.key);
+														setMonitored(next.size === allModels.length ? null : [...next]);
+													}
+												}), (0, react_jsx_runtime.jsx)("span", {
+													className: TokenQuotaPanel_module_css_default.monitorName,
+													title: model.key,
+													children: model.name
+												})]
+											}, model.key))
+										})
+									]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogSection,
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: TokenQuotaPanel_module_css_default.dialogLabel,
+										children: t("fullActionLabel")
+									}), FULL_ACTIONS.map((action) => (0, react_jsx_runtime.jsxs)("label", {
+										className: TokenQuotaPanel_module_css_default.radioRow,
+										children: [(0, react_jsx_runtime.jsx)("input", {
+											type: "radio",
+											name: "token-quota-onfull",
+											checked: onFull === action.value,
+											onChange: () => {
+												setOnFull(action.value);
+											}
+										}), (0, react_jsx_runtime.jsx)("span", { children: t(action.labelKey) })]
+									}, action.value))]
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogSection,
+									children: [
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.dialogLabel,
+											children: t("resetLabel")
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: TokenQuotaPanel_module_css_default.monitorHint,
+											children: t("resetHint")
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: TokenQuotaPanel_module_css_default.resetRow,
+											children: [
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
+													onChange: (event) => {
+														setReset({
+															offsetHours: Number(event.target.value),
+															hour: reset?.hour ?? 0,
+															minute: reset?.minute ?? 0
+														});
+													},
+													children: Array.from({ length: 27 }, (_, i) => i - 12).map((offset) => (0, react_jsx_runtime.jsxs)("option", {
+														value: offset,
+														children: ["UTC", offset >= 0 ? `+${offset}` : offset]
+													}, offset))
+												}),
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.hour ?? 0,
+													onChange: (event) => {
+														setReset({
+															offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
+															hour: Number(event.target.value),
+															minute: reset?.minute ?? 0
+														});
+													},
+													children: Array.from({ length: 24 }, (_, i) => i).map((hour) => (0, react_jsx_runtime.jsxs)("option", {
+														value: hour,
+														children: [String(hour).padStart(2, "0"), " 时"]
+													}, hour))
+												}),
+												(0, react_jsx_runtime.jsx)("select", {
+													className: TokenQuotaPanel_module_css_default.resetSelect,
+													value: reset?.minute ?? 0,
+													onChange: (event) => {
+														setReset({
+															offsetHours: reset?.offsetHours ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60,
+															hour: reset?.hour ?? 0,
+															minute: Number(event.target.value)
+														});
+													},
+													children: Array.from({ length: 12 }, (_, i) => i * 5).map((minute) => (0, react_jsx_runtime.jsxs)("option", {
+														value: minute,
+														children: [String(minute).padStart(2, "0"), " 分"]
+													}, minute))
+												})
+											]
+										})
+									]
+								})
+							]
+						})
+					}),
+					logOpen && (0, react_jsx_runtime.jsx)("div", {
+						className: TokenQuotaPanel_module_css_default.dialogBackdrop,
+						onClick: () => {
+							actions.setLogOpen(false);
+						},
+						children: (0, react_jsx_runtime.jsxs)("div", {
+							className: TokenQuotaPanel_module_css_default.dialog,
+							onClick: (event) => {
+								event.stopPropagation();
+							},
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: TokenQuotaPanel_module_css_default.dialogHeader,
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: TokenQuotaPanel_module_css_default.dialogTitle,
+										children: t("logsTitle")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: TokenQuotaPanel_module_css_default.dialogClose,
+										title: t("close"),
+										onClick: () => {
+											actions.setLogOpen(false);
+										},
+										children: "×"
+									})]
+								}),
+								log !== null && log.entries.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+									className: TokenQuotaPanel_module_css_default.notice,
+									children: t("logEmpty")
+								}),
+								(0, react_jsx_runtime.jsxs)("table", {
+									className: TokenQuotaPanel_module_css_default.logTable,
+									children: [(0, react_jsx_runtime.jsx)("thead", { children: (0, react_jsx_runtime.jsxs)("tr", { children: [
+										(0, react_jsx_runtime.jsx)("th", { children: t("logDay") }),
+										(0, react_jsx_runtime.jsx)("th", { children: t("logModel") }),
+										(0, react_jsx_runtime.jsx)("th", {
+											className: TokenQuotaPanel_module_css_default.logUsedCol,
+											children: t("logUsed")
+										})
+									] }) }), (0, react_jsx_runtime.jsx)("tbody", { children: log?.entries.map((entry) => (0, react_jsx_runtime.jsxs)("tr", { children: [
+										(0, react_jsx_runtime.jsx)("td", {
+											className: TokenQuotaPanel_module_css_default.logDayCol,
+											children: entry.day
+										}),
+										(0, react_jsx_runtime.jsx)("td", {
+											className: TokenQuotaPanel_module_css_default.logModelCol,
+											title: entry.key,
+											children: entry.key
+										}),
+										(0, react_jsx_runtime.jsx)("td", {
+											className: TokenQuotaPanel_module_css_default.logUsedCol,
+											children: formatTokens(entry.used)
+										})
+									] }, `${entry.day}/${entry.key}`)) })]
+								})
+							]
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/**
+		* Token-quota panel copy (zh + en). The panel is a product surface, so the
+		* primary copy is Chinese with an English pair, mirroring the shipped UI.
+		*
+		* @module @jxgame2020/dsh-token-quota/client/locales
+		*/
+		/** Simplified Chinese copy (primary). */
+		const zh = {
+			title: "每日 Token 限额",
+			subtitle: "按模型实时统计今天的 Token 消耗",
+			current: "当前",
+			unlimited: "不限",
+			usedToday: "今日已用",
+			limitLabel: "上限",
+			limitPlaceholder: "填数字，0=不限",
+			save: "保存",
+			select: "选择",
+			setLimitHint: "设置限额",
+			loading: "加载中…",
+			waiting: "等待数据…",
+			loadError: "加载失败",
+			empty: "暂无模型数据",
+			collapse: "收起",
+			expand: "展开",
+			settings: "设置",
+			settingsTitle: "限额设置",
+			monitorLabel: "监控模型",
+			monitorHint: "未勾选的模型不显示、不计入用量、不受限额限制",
+			monitorAll: "全部",
+			monitorNone: "无",
+			noMonitored: "未监控任何模型",
+			fullActionLabel: "满额后处理",
+			fullStop: "停止请求并提示",
+			fullSwitchQuota: "自动切换到其它限额模型",
+			fullSwitchAll: "自动切换到其它可用模型（含非限额）",
+			fullSwitchPriority: "自动切换（优先非限额，其次未监控）",
+			fullNotice: "当前模型今日额度已用尽，请求已停止。请选择其它模型或调整限额。",
+			fullSwitchFailed: "没有可切换的模型（所有限额模型均已满额）",
+			close: "关闭",
+			logs: "日志",
+			logsTitle: "用量日志",
+			logEmpty: "暂无记录",
+			logDay: "日期",
+			logModel: "模型",
+			logUsed: "用量",
+			resetLabel: "每日重置时间",
+			resetHint: "选择时区与时间，到点自动清零当日计数",
+			resetOffset: "时区",
+			resetTime: "时间"
+		};
+		/** English copy. */
+		const en = {
+			title: "Daily Token Quota",
+			subtitle: "Real-time per-model token usage today",
+			current: "current",
+			unlimited: "unlimited",
+			usedToday: "used today",
+			limitLabel: "limit",
+			limitPlaceholder: "number, 0 = unlimited",
+			save: "Save",
+			select: "Select",
+			setLimitHint: "Set limit",
+			loading: "Loading…",
+			waiting: "Waiting…",
+			loadError: "Load failed",
+			empty: "No model data",
+			collapse: "Collapse",
+			expand: "Expand",
+			settings: "Settings",
+			settingsTitle: "Quota Settings",
+			monitorLabel: "Monitored models",
+			monitorHint: "Unchecked models are hidden, not metered, and never capped",
+			monitorAll: "All",
+			monitorNone: "None",
+			noMonitored: "No model monitored",
+			fullActionLabel: "When a model is full",
+			fullStop: "Stop and prompt",
+			fullSwitchQuota: "Switch to another quota model",
+			fullSwitchAll: "Switch to any other model (incl. uncapped)",
+			fullSwitchPriority: "Prefer uncapped, then unmonitored",
+			fullNotice: "Today’s quota for the current model is exhausted; the request was stopped. Pick another model or raise its limit.",
+			fullSwitchFailed: "No switchable model (all quota models are full)",
+			close: "Close",
+			logs: "Logs",
+			logsTitle: "Usage Log",
+			logEmpty: "No records",
+			logDay: "Day",
+			logModel: "Model",
+			logUsed: "Used",
+			resetLabel: "Daily reset",
+			resetHint: "Pick a timezone and time; counters reset there",
+			resetOffset: "Timezone",
+			resetTime: "Time"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Dictionary namespace owning the panel copy. */
+		const NS = "token-quota";
+		/** Settings namespace the Host quota package owns. */
+		const TOKEN_QUOTA_NAMESPACE = "token-quota";
+		/** Snapshot pull cadence in milliseconds. */
+		const POLL_INTERVAL_MS = 3e3;
+		/** Required services: slot registry, connection RPC, locale, settings scope. */
+		const inject = [
+			"slots",
+			"connection",
+			"locale",
+			"settingsScope"
+		];
+		/**
+		* Client plugin body: poll the Host snapshot route, run the full-quota
+		* strategy, wire the injected face (directory load, limit write, model
+		* switch, preferences), and register the floating panel into `shell.overlay`.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "token-quota-ui: panel dictionaries");
+			const t = ctx.locale.bind(NS);
+			const scope = ctx.settingsScope.bind({ namespace: TOKEN_QUOTA_NAMESPACE });
+			const connection = ctx.get("connection");
+			const store = createTokenQuotaPanelStore();
+			let bound;
+			let lastGroups = [];
+			let lastCurrent = null;
+			let lastSessionId;
+			let lastMonitored = null;
+			let lastOnFull = "stop";
+			let lastReset = null;
+			const keyOf = (selection) => {
+				if (selection === null) return void 0;
+				return `${selection.provider}/${selection.model}`;
+			};
+			const isMonitoredKey = (key) => lastMonitored === null || lastMonitored.includes(key);
+			/** Pick an auto-switch target for the configured strategy. */
+			const pickSwitchTarget = (snapshot, currentKey) => {
+				const entryByKey = new Map(snapshot.entries.map((entry) => [entry.key, entry]));
+				const candidates = [];
+				for (const group of lastGroups) for (const model of group.models) {
+					const key = `${group.id}/${model.id}`;
+					if (key === currentKey) continue;
+					const entry = entryByKey.get(key);
+					candidates.push({
+						key,
+						provider: group.id,
+						model: model.id,
+						limit: entry?.limit ?? 0,
+						used: entry?.used ?? 0
+					});
+				}
+				const available = (candidate) => isMonitoredKey(candidate.key) && (candidate.limit <= 0 || candidate.used < candidate.limit);
+				if (lastOnFull === "switchQuota") return candidates.filter((candidate) => isMonitoredKey(candidate.key) && candidate.limit > 0 && candidate.used < candidate.limit).sort((a, b) => a.used / a.limit - b.used / b.limit)[0];
+				if (lastOnFull === "switchAll") return candidates.filter(available)[0];
+				const uncapped = candidates.find((candidate) => isMonitoredKey(candidate.key) && candidate.limit <= 0);
+				if (uncapped !== void 0) return uncapped;
+				const unmonitored = candidates.find((candidate) => !isMonitoredKey(candidate.key));
+				if (unmonitored !== void 0) return unmonitored;
+				return candidates.find(available);
+			};
+			/** Run the configured full-quota strategy once per exhausted model. */
+			const actOnFull = (snapshot) => {
+				const currentKey = keyOf(lastCurrent);
+				if (currentKey === void 0) return;
+				if (!isMonitoredKey(currentKey)) return;
+				const entry = snapshot.entries.find((candidate) => candidate.key === currentKey);
+				if (entry === void 0 || entry.limit <= 0 || entry.used < entry.limit) return;
+				if (lastOnFull === "stop" || lastSessionId === void 0) {
+					bound?.setFullNotice(t("fullNotice"));
+					return;
+				}
+				const target = pickSwitchTarget(snapshot, currentKey);
+				if (target === void 0) {
+					bound?.setFullNotice(t("fullSwitchFailed"));
+					return;
+				}
+				connection.api.sessions.selectModel({
+					sessionId: lastSessionId,
+					provider: target.provider,
+					model: target.model
+				}).then(({ result }) => {
+					if (result.ok) {
+						lastCurrent = result.value.selected;
+						bound?.setFullNotice(null);
+						pull();
+					} else bound?.setFullNotice(t("fullSwitchFailed"));
+				}, () => {
+					bound?.setFullNotice(t("fullSwitchFailed"));
+				});
+			};
+			let pullCount = 0;
+			const refreshCurrent = () => {
+				if (lastSessionId === void 0) return;
+				connection.api.sessions.models({ sessionId: lastSessionId }).then(({ result }) => {
+					if (result.ok) {
+						lastGroups = result.value.groups;
+						lastCurrent = result.value.current;
+						bound?.setDirectory(result.value.groups, result.value.current);
+					}
+				}, () => {});
+			};
+			const pull = () => {
+				pullCount += 1;
+				const doc = scope.getSnapshot().value;
+				lastMonitored = doc?.monitored !== void 0 && doc.monitored.length > 0 ? doc.monitored : null;
+				lastOnFull = doc?.onFull ?? "stop";
+				lastReset = doc?.reset !== void 0 && doc.reset !== null && typeof doc.reset === "object" && typeof doc.reset.offsetHours === "number" ? doc.reset : null;
+				bound?.setSettings(lastMonitored, lastOnFull);
+				bound?.setReset(lastReset);
+				fetch("/token-quota", { headers: { accept: "application/json" } }).then((response) => {
+					if (!response.ok) {
+						bound?.setError(`quota route: ${String(response.status)}`);
+						return;
+					}
+					return response.json();
+				}, () => {
+					bound?.setError("quota snapshot pull failed");
+				}).then((snapshot) => {
+					if (snapshot === void 0) return;
+					bound?.setSnapshot(snapshot);
+					actOnFull(snapshot);
+				});
+				if (pullCount % 4 === 0) refreshCurrent();
+			};
+			ctx.effect(() => {
+				pull();
+				const timer = setInterval(pull, POLL_INTERVAL_MS);
+				return () => {
+					clearInterval(timer);
+				};
+			}, "token-quota-ui: snapshot poll + full strategy");
+			const load = (sessionId) => {
+				lastSessionId = sessionId;
+				bound?.setLoading(true);
+				bound?.setError(null);
+				connection.api.sessions.models({ sessionId }).then(({ result }) => {
+					if (result.ok) {
+						lastGroups = result.value.groups;
+						lastCurrent = result.value.current;
+						bound?.setDirectory(result.value.groups, result.value.current);
+						bound?.setLoading(false);
+					} else {
+						bound?.setError(`${result.error.code}: ${result.error.message}`);
+						bound?.setLoading(false);
+					}
+				}, () => {
+					bound?.setLoading(false);
+					bound?.setError("directory load failed");
+				});
+			};
+			const setLimit = (key, limit) => {
+				const current = scope.getSnapshot().value?.limits ?? {};
+				scope.set("limits", {
+					...current,
+					[key]: limit
+				});
+			};
+			const setMonitored = (monitored) => {
+				lastMonitored = monitored;
+				bound?.setSettings(lastMonitored, lastOnFull);
+				scope.set("monitored", monitored ?? []);
+			};
+			const setOnFull = (action) => {
+				lastOnFull = action;
+				bound?.setSettings(lastMonitored, lastOnFull);
+				scope.set("onFull", action);
+			};
+			const setReset = (reset) => {
+				lastReset = reset;
+				bound?.setReset(reset);
+				scope.set("reset", reset);
+			};
+			const selectModel = (sessionId, provider, model) => {
+				connection.api.sessions.selectModel({
+					sessionId,
+					provider,
+					model
+				}).then(({ result }) => {
+					if (result.ok) {
+						lastCurrent = result.value.selected;
+						bound?.setDirectory(lastGroups, result.value.selected);
+						pull();
+					} else bound?.setError(`${result.error.code}: ${result.error.message}`);
+				}, () => {
+					bound?.setError("model switch failed");
+				});
+			};
+			const injected = (actions) => {
+				bound = actions;
+				return {
+					load,
+					setLimit,
+					selectModel,
+					setMonitored,
+					setOnFull,
+					setReset
+				};
+			};
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "token-quota",
+				order: 100,
+				label: () => t("title"),
+				store,
+				locale: NS,
+				inject: injected
+			}, TokenQuotaPanel));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.mergeModelRows = mergeModelRows;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map