@rezti/dsh-rez-suite 0.1.0

package/lib/client.js

@@ -0,0 +1,1190 @@
+window.__ModuleLoader__.load({
+	id: "@rezti/dsh-rez-suite",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react_dom_client = require("react-dom/client");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/protocol.ts
+const REZ_API = {
+	config: "/api/dsh-rez-suite/config",
+	test: "/api/dsh-rez-suite/test",
+	status: "/api/dsh-rez-suite/status",
+	audit: "/api/dsh-rez-suite/audit",
+	auditReset: "/api/dsh-rez-suite/audit/reset"
+};
+//#endregion
+//#region src/client/api.ts
+/**
+* Browser-side API client for /api/dsh-rez-suite. Plain same-origin fetch.
+*/
+var RezApiError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = "RezApiError";
+	}
+};
+async function readJson(response) {
+	let body;
+	try {
+		body = await response.json();
+	} catch {
+		throw new RezApiError("HTTP " + response.status + ": invalid JSON response");
+	}
+	if (!response.ok) throw new RezApiError(typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : "HTTP " + response.status);
+	return body;
+}
+var RezApi = class {
+	async getConfig() {
+		return (await readJson(await fetch(REZ_API.config))).config;
+	}
+	async saveConfig(patch) {
+		return (await readJson(await fetch(REZ_API.config, {
+			method: "PUT",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify(patch)
+		}))).config;
+	}
+	async test() {
+		return (await readJson(await fetch(REZ_API.test, { method: "POST" }))).results;
+	}
+	async status() {
+		return readJson(await fetch(REZ_API.status));
+	}
+	async audit() {
+		return (await readJson(await fetch(REZ_API.audit))).audit;
+	}
+	async resetAudit() {
+		await readJson(await fetch(REZ_API.auditReset, { method: "POST" }));
+	}
+};
+//#endregion
+//#region src/client/locales.ts
+/**
+* dsh-rez-suite surface copy: zh is the key source, en mirrors every key.
+*/
+const zh = {
+	"entry.label": "Rez",
+	"entry.tooltip": "Rez Suite 配置与审计面板",
+	"panel.title": "Rez Suite",
+	"tab.config": "配置",
+	"tab.status": "状态",
+	"tab.audit": "用量",
+	"config.role": "角色",
+	"config.roleHint": "决定注册给模型的 MCP 工具",
+	"role.all": "全部",
+	"role.engineer": "工程师",
+	"role.sales": "销售",
+	"role.operations": "运营",
+	"config.enabled": "启用插件",
+	"config.transport": "传输方式",
+	"config.command": "命令",
+	"config.args": "参数（每行一个）",
+	"config.url": "URL",
+	"config.env": "环境变量 (JSON)",
+	"config.headers": "Headers (JSON)",
+	"config.jsonInvalid": "JSON 格式错误：{error}",
+	"config.odoo": "Odoo",
+	"config.odoo.url": "Odoo URL",
+	"config.odoo.apiKey": "API Key",
+	"config.nextcloud": "Nextcloud",
+	"config.nextcloud.url": "Nextcloud URL",
+	"config.nextcloud.username": "用户名",
+	"config.nextcloud.appPassword": "App Password",
+	"config.wecom": "企业微信",
+	"config.wecom.botId": "Bot ID",
+	"config.wecom.secret": "Secret",
+	"config.fs": "本地文件 (fs-mcp-server)",
+	"config.fs.root": "根目录",
+	"config.sqlite": "SQLite (sqlite-mcp-server)",
+	"config.sqlite.path": "数据库路径",
+	"config.billing": "计费 / 审计",
+	"config.billing.input": "输入单价 / 1k token",
+	"config.billing.output": "输出单价 / 1k token",
+	"config.billing.budget": "月预算",
+	"config.save": "保存",
+	"config.test": "测试连接",
+	"config.testing": "测试中…",
+	"config.saved": "已保存并应用",
+	"config.testResult": "{server}: {status}",
+	"config.testOk": "成功（{tools} 个工具, {latency}ms）",
+	"config.testFail": "失败：{error}",
+	"status.total": "当前角色 {role}，共注册 {count} 个 MCP 工具",
+	"status.col.server": "Server",
+	"status.col.state": "状态",
+	"status.col.tools": "发现",
+	"status.col.registered": "已注册",
+	"status.col.error": "错误",
+	"status.none": "暂无状态",
+	"audit.totalCalls": "调用次数",
+	"audit.inputTokens": "输入 token",
+	"audit.outputTokens": "输出 token",
+	"audit.totalCost": "累计费用",
+	"audit.monthCost": "本月费用",
+	"audit.budget": "月预算",
+	"audit.byServer": "按服务统计",
+	"audit.recent": "最近记录",
+	"audit.col.time": "时间",
+	"audit.col.server": "服务",
+	"audit.col.tool": "工具",
+	"audit.col.tokens": "token",
+	"audit.col.cost": "费用",
+	"audit.col.status": "状态",
+	"audit.ok": "成功",
+	"audit.fail": "失败",
+	"audit.reset": "清空账本",
+	"audit.resetConfirm": "确定清空全部用量记录吗？",
+	"audit.empty": "暂无记录",
+	"common.close": "关闭",
+	"common.loading": "加载中…",
+	"common.error": "出错：{error}",
+	"common.refresh": "刷新"
+};
+const en = {
+	"entry.label": "Rez",
+	"entry.tooltip": "Rez Suite configuration and audit panel",
+	"panel.title": "Rez Suite",
+	"tab.config": "Config",
+	"tab.status": "Status",
+	"tab.audit": "Usage",
+	"config.role": "Role",
+	"config.roleHint": "Which MCP tools are registered for the model",
+	"role.all": "All",
+	"role.engineer": "Engineer",
+	"role.sales": "Sales",
+	"role.operations": "Operations",
+	"config.enabled": "Enable plugin",
+	"config.transport": "Transport",
+	"config.command": "Command",
+	"config.args": "Args (one per line)",
+	"config.url": "URL",
+	"config.env": "Env vars (JSON)",
+	"config.headers": "Headers (JSON)",
+	"config.jsonInvalid": "Invalid JSON: {error}",
+	"config.odoo": "Odoo",
+	"config.odoo.url": "Odoo URL",
+	"config.odoo.apiKey": "API Key",
+	"config.nextcloud": "Nextcloud",
+	"config.nextcloud.url": "Nextcloud URL",
+	"config.nextcloud.username": "Username",
+	"config.nextcloud.appPassword": "App Password",
+	"config.wecom": "WeCom",
+	"config.wecom.botId": "Bot ID",
+	"config.wecom.secret": "Secret",
+	"config.fs": "Local files (fs-mcp-server)",
+	"config.fs.root": "Root directory",
+	"config.sqlite": "SQLite (sqlite-mcp-server)",
+	"config.sqlite.path": "Database path",
+	"config.billing": "Billing / audit",
+	"config.billing.input": "Input price / 1k tokens",
+	"config.billing.output": "Output price / 1k tokens",
+	"config.billing.budget": "Monthly budget",
+	"config.save": "Save",
+	"config.test": "Test connections",
+	"config.testing": "Testing…",
+	"config.saved": "Saved and applied",
+	"config.testResult": "{server}: {status}",
+	"config.testOk": "OK ({tools} tools, {latency}ms)",
+	"config.testFail": "Failed: {error}",
+	"status.total": "Role {role}, {count} MCP tools registered",
+	"status.col.server": "Server",
+	"status.col.state": "State",
+	"status.col.tools": "Discovered",
+	"status.col.registered": "Registered",
+	"status.col.error": "Error",
+	"status.none": "No status yet",
+	"audit.totalCalls": "Calls",
+	"audit.inputTokens": "Input tokens",
+	"audit.outputTokens": "Output tokens",
+	"audit.totalCost": "Total cost",
+	"audit.monthCost": "Month cost",
+	"audit.budget": "Monthly budget",
+	"audit.byServer": "By server",
+	"audit.recent": "Recent records",
+	"audit.col.time": "Time",
+	"audit.col.server": "Server",
+	"audit.col.tool": "Tool",
+	"audit.col.tokens": "Tokens",
+	"audit.col.cost": "Cost",
+	"audit.col.status": "Status",
+	"audit.ok": "OK",
+	"audit.fail": "Failed",
+	"audit.reset": "Clear ledger",
+	"audit.resetConfirm": "Clear all usage records?",
+	"audit.empty": "No records",
+	"common.close": "Close",
+	"common.loading": "Loading…",
+	"common.error": "Error: {error}",
+	"common.refresh": "Refresh"
+};
+/** Minimal {name} interpolator shared by the panel helpers. */
+function t(dict, key, values) {
+	let text = dict[key] ?? key;
+	if (values !== void 0) for (const [name, value] of Object.entries(values)) text = text.replaceAll("{" + name + "}", String(value));
+	return text;
+}
+//#endregion
+//#region src/client/panel/helpers.ts
+/**
+* Shared panel helpers: active-language dictionary pick and error extraction.
+*/
+function dictionary() {
+	return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? { ...en } : { ...zh };
+}
+function tt(key, values) {
+	return t(dictionary(), key, values);
+}
+function errorMessage(error) {
+	if (error instanceof Error) return error.message;
+	return String(error);
+}
+//#endregion
+//#region src/client/panel/panel.module.css
+var panel_module_default = {
+	"badge": "WRGRRW_badge",
+	"badgeFail": "WRGRRW_badgeFail",
+	"badgeOk": "WRGRRW_badgeOk",
+	"button": "WRGRRW_button",
+	"card": "WRGRRW_card",
+	"cardLabel": "WRGRRW_cardLabel",
+	"cards": "WRGRRW_cards",
+	"cardValue": "WRGRRW_cardValue",
+	"checkbox": "WRGRRW_checkbox",
+	"dangerButton": "WRGRRW_dangerButton",
+	"entry": "WRGRRW_entry",
+	"entryIcon": "WRGRRW_entryIcon",
+	"entryLabel": "WRGRRW_entryLabel",
+	"error": "WRGRRW_error",
+	"field": "WRGRRW_field",
+	"iconButton": "WRGRRW_iconButton",
+	"input": "WRGRRW_input",
+	"label": "WRGRRW_label",
+	"message": "WRGRRW_message",
+	"panel": "WRGRRW_panel",
+	"panelContent": "WRGRRW_panelContent",
+	"panelHeader": "WRGRRW_panelHeader",
+	"panelTitle": "WRGRRW_panelTitle",
+	"primaryButton": "WRGRRW_primaryButton",
+	"section": "WRGRRW_section",
+	"sectionTitle": "WRGRRW_sectionTitle",
+	"select": "WRGRRW_select",
+	"tab": "WRGRRW_tab",
+	"tabBar": "WRGRRW_tabBar",
+	"tabBody": "WRGRRW_tabBody",
+	"table": "WRGRRW_table",
+	"tableWrap": "WRGRRW_tableWrap",
+	"toolbar": "WRGRRW_toolbar",
+	"view": "WRGRRW_view"
+};
+//#endregion
+//#region src/client/panel/AuditTab.tsx
+/**
+* Audit tab: token/cost summary and recent ledger rows.
+*/
+function AuditTab({ api }) {
+	const [audit, setAudit] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)("");
+	const [loading, setLoading] = (0, react.useState)(true);
+	const load = async () => {
+		setLoading(true);
+		setError("");
+		try {
+			setAudit(await api.audit());
+		} catch (err) {
+			setError(errorMessage(err));
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, react.useEffect)(() => {
+		load();
+	}, []);
+	const reset = async () => {
+		if (!window.confirm(tt("audit.resetConfirm"))) return;
+		try {
+			await api.resetAudit();
+			await load();
+		} catch (err) {
+			setError(errorMessage(err));
+		}
+	};
+	if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.message,
+		children: tt("common.loading")
+	});
+	if (audit === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.error,
+		children: error
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_default.tabBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.toolbar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.button,
+					onClick: () => {
+						load();
+					},
+					children: tt("common.refresh")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.button + " " + panel_module_default.dangerButton,
+					onClick: () => {
+						reset();
+					},
+					children: tt("audit.reset")
+				})]
+			}),
+			error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.error,
+				children: error
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.cards,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.totalCalls")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.totalCalls
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.inputTokens")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.totalInputTokens
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.outputTokens")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.totalOutputTokens
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.totalCost")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.totalCost.toFixed(4)
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.monthCost")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.monthCost.toFixed(4)
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_default.card,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardLabel,
+							children: tt("audit.budget")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_default.cardValue,
+							children: audit.monthlyBudget.toFixed(2)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.time") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.server") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.tool") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.tokens") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.cost") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("audit.col.status") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [audit.recent.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+						colSpan: 6,
+						children: tt("audit.empty")
+					}) }), audit.recent.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: new Date(row.ts).toLocaleString() }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.server }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.tool }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.inputTokens + row.outputTokens }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.cost.toFixed(4) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: row.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_default.badge + " " + panel_module_default.badgeOk,
+							children: tt("audit.ok")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_default.badge + " " + panel_module_default.badgeFail,
+							children: tt("audit.fail")
+						}) })
+					] }, row.id))] })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/ConfigTab.tsx
+/**
+* Config tab: role, billing rates, and a generic editor for every MCP server
+* in config.servers (stdio and streamable-http), with one-click tests.
+*/
+const ROLES = [
+	{
+		value: "all",
+		label: "role.all"
+	},
+	{
+		value: "engineer",
+		label: "role.engineer"
+	},
+	{
+		value: "sales",
+		label: "role.sales"
+	},
+	{
+		value: "operations",
+		label: "role.operations"
+	}
+];
+function Field({ label, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_default.field,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: panel_module_default.label,
+			children: label
+		}), children]
+	});
+}
+function Section({ title, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: panel_module_default.section,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: panel_module_default.sectionTitle,
+			children: title
+		}), children]
+	});
+}
+function parseRecord(text) {
+	const value = JSON.parse(text);
+	if (typeof value !== "object" || value === null || Array.isArray(value)) throw new Error("expected a JSON object");
+	const out = {};
+	for (const [key, item] of Object.entries(value)) out[key] = String(item);
+	return out;
+}
+function ConfigTab({ api }) {
+	const [config, setConfig] = (0, react.useState)(null);
+	const [loading, setLoading] = (0, react.useState)(true);
+	const [saving, setSaving] = (0, react.useState)(false);
+	const [testing, setTesting] = (0, react.useState)(false);
+	const [message, setMessage] = (0, react.useState)("");
+	const [error, setError] = (0, react.useState)("");
+	const [results, setResults] = (0, react.useState)([]);
+	const [argsText, setArgsText] = (0, react.useState)({});
+	const [envText, setEnvText] = (0, react.useState)({});
+	const [headerText, setHeaderText] = (0, react.useState)({});
+	const initTexts = (next) => {
+		const args = {};
+		const envs = {};
+		const headers = {};
+		for (const [id, server] of Object.entries(next.servers)) {
+			args[id] = (server.args ?? []).join("\n");
+			envs[id] = JSON.stringify(server.env ?? {}, null, 2);
+			headers[id] = JSON.stringify(server.headers ?? {}, null, 2);
+		}
+		setArgsText(args);
+		setEnvText(envs);
+		setHeaderText(headers);
+	};
+	const load = async () => {
+		try {
+			const next = await api.getConfig();
+			setConfig(next);
+			initTexts(next);
+		} catch (err) {
+			setError(errorMessage(err));
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, react.useEffect)(() => {
+		load();
+	}, []);
+	if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.message,
+		children: tt("common.loading")
+	});
+	if (config === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.error,
+		children: error
+	});
+	const setTop = (key, value) => {
+		setConfig((prev) => prev === null ? prev : {
+			...prev,
+			[key]: value
+		});
+	};
+	const updateServer = (id, patch) => {
+		setConfig((prev) => prev === null ? prev : {
+			...prev,
+			servers: {
+				...prev.servers,
+				[id]: {
+					...prev.servers[id],
+					...patch
+				}
+			}
+		});
+	};
+	const save = async () => {
+		setSaving(true);
+		setMessage("");
+		setError("");
+		try {
+			const saved = await api.saveConfig(config);
+			setConfig(saved);
+			initTexts(saved);
+			setMessage(tt("config.saved"));
+		} catch (err) {
+			setError(errorMessage(err));
+		} finally {
+			setSaving(false);
+		}
+	};
+	const test = async () => {
+		setTesting(true);
+		setMessage("");
+		setError("");
+		setResults([]);
+		try {
+			setResults(await api.test());
+		} catch (err) {
+			setError(errorMessage(err));
+		} finally {
+			setTesting(false);
+		}
+	};
+	const renderResult = (result) => {
+		if (result.ok) return tt("config.testOk", {
+			tools: result.toolCount ?? 0,
+			latency: result.latencyMs ?? 0
+		});
+		return tt("config.testFail", { error: result.error ?? "" });
+	};
+	const commitArgs = (id) => {
+		updateServer(id, { args: argsText[id] === "" ? [] : argsText[id].split("\n").map((line) => line.trim()).filter(Boolean) });
+	};
+	const commitRecord = (id, kind) => {
+		const text = kind === "env" ? envText[id] : headerText[id];
+		try {
+			const record = parseRecord(text ?? "{}");
+			updateServer(id, kind === "env" ? { env: record } : { headers: record });
+			setError("");
+		} catch (err) {
+			setError(tt("config.jsonInvalid", { error: errorMessage(err) }));
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_default.tabBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+				title: tt("config.role"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+					label: tt("config.role"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						className: panel_module_default.select,
+						value: config.role,
+						onChange: (event) => {
+							setTop("role", event.target.value);
+						},
+						children: ROLES.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: role.value,
+							children: tt(role.label)
+						}, role.value))
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+					label: tt("config.enabled"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_default.checkbox,
+						type: "checkbox",
+						checked: config.enabled,
+						onChange: (event) => {
+							setTop("enabled", event.target.checked);
+						}
+					})
+				})]
+			}),
+			Object.entries(config.servers).map(([id, server]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+				title: id,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.enabled"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_default.checkbox,
+							type: "checkbox",
+							checked: server.enabled,
+							onChange: (event) => {
+								updateServer(id, { enabled: event.target.checked });
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.transport"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: panel_module_default.select,
+							value: server.transport,
+							onChange: (event) => {
+								updateServer(id, { transport: event.target.value });
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "stdio",
+								children: "stdio"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "streamable-http",
+								children: "streamable-http"
+							})]
+						})
+					}),
+					server.transport === "stdio" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+							label: tt("config.command"),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_default.input,
+								value: server.command ?? "",
+								onChange: (event) => {
+									updateServer(id, { command: event.target.value });
+								}
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+							label: tt("config.args"),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: panel_module_default.input,
+								rows: 3,
+								value: argsText[id] ?? "",
+								onChange: (event) => {
+									setArgsText((prev) => ({
+										...prev,
+										[id]: event.target.value
+									}));
+								},
+								onBlur: () => {
+									commitArgs(id);
+								}
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+							label: tt("config.env"),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: panel_module_default.input,
+								rows: 4,
+								value: envText[id] ?? "{}",
+								onChange: (event) => {
+									setEnvText((prev) => ({
+										...prev,
+										[id]: event.target.value
+									}));
+								},
+								onBlur: () => {
+									commitRecord(id, "env");
+								}
+							})
+						})
+					] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.url"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_default.input,
+							value: server.url ?? "",
+							onChange: (event) => {
+								updateServer(id, { url: event.target.value });
+							}
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.headers"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							className: panel_module_default.input,
+							rows: 4,
+							value: headerText[id] ?? "{}",
+							onChange: (event) => {
+								setHeaderText((prev) => ({
+									...prev,
+									[id]: event.target.value
+								}));
+							},
+							onBlur: () => {
+								commitRecord(id, "headers");
+							}
+						})
+					})] })
+				]
+			}, id)),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+				title: tt("config.billing"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.billing.input"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_default.input,
+							type: "number",
+							step: "0.0001",
+							value: config.billing.inputCostPer1k,
+							onChange: (event) => {
+								setConfig((prev) => prev === null ? prev : {
+									...prev,
+									billing: {
+										...prev.billing,
+										inputCostPer1k: Number(event.target.value)
+									}
+								});
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.billing.output"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_default.input,
+							type: "number",
+							step: "0.0001",
+							value: config.billing.outputCostPer1k,
+							onChange: (event) => {
+								setConfig((prev) => prev === null ? prev : {
+									...prev,
+									billing: {
+										...prev.billing,
+										outputCostPer1k: Number(event.target.value)
+									}
+								});
+							}
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: tt("config.billing.budget"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_default.input,
+							type: "number",
+							step: "0.01",
+							value: config.billing.monthlyBudget,
+							onChange: (event) => {
+								setConfig((prev) => prev === null ? prev : {
+									...prev,
+									billing: {
+										...prev.billing,
+										monthlyBudget: Number(event.target.value)
+									}
+								});
+							}
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.toolbar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.button + " " + panel_module_default.primaryButton,
+					disabled: saving,
+					onClick: () => {
+						save();
+					},
+					children: tt("config.save")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.button,
+					disabled: testing,
+					onClick: () => {
+						test();
+					},
+					children: testing ? tt("config.testing") : tt("config.test")
+				})]
+			}),
+			message !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.message,
+				children: message
+			}),
+			error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.error,
+				children: error
+			}),
+			results.map((result) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: result.ok ? panel_module_default.message : panel_module_default.error,
+				children: tt("config.testResult", {
+					server: result.server,
+					status: renderResult(result)
+				})
+			}, result.server))
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/StatusTab.tsx
+/**
+* Status tab: live MCP server states and registered-tool counts.
+*/
+function StatusTab({ api }) {
+	const [status, setStatus] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)("");
+	const [loading, setLoading] = (0, react.useState)(true);
+	const load = async () => {
+		setLoading(true);
+		setError("");
+		try {
+			setStatus(await api.status());
+		} catch (err) {
+			setError(errorMessage(err));
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, react.useEffect)(() => {
+		load();
+	}, []);
+	if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.message,
+		children: tt("common.loading")
+	});
+	if (status === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: panel_module_default.error,
+		children: error
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_default.tabBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.toolbar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_default.message,
+					children: tt("status.total", {
+						role: status.role,
+						count: status.totalRegisteredTools
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.button,
+					onClick: () => {
+						load();
+					},
+					children: tt("common.refresh")
+				})]
+			}),
+			error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.error,
+				children: error
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.tableWrap,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+					className: panel_module_default.table,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("status.col.server") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("status.col.state") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("status.col.tools") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("status.col.registered") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { children: tt("status.col.error") })
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: status.servers.map((server) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: server.server }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_default.badge + " " + (server.state === "connected" ? panel_module_default.badgeOk : panel_module_default.badgeFail),
+							children: server.state
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: server.toolCount }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: server.registeredTools }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children: server.lastError ?? "" })
+					] }, server.server)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/panel/RezPanel.tsx
+/**
+* Rez Suite panel shell: header + three tabs (config/status/audit).
+*/
+const TABS = [
+	{
+		id: "config",
+		label: () => tt("tab.config")
+	},
+	{
+		id: "status",
+		label: () => tt("tab.status")
+	},
+	{
+		id: "audit",
+		label: () => tt("tab.audit")
+	}
+];
+function RezPanel({ controller, api }) {
+	const [activeTab, setActiveTab] = (0, react.useState)("config");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: panel_module_default.panel,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.panelHeader,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: panel_module_default.panelTitle,
+					children: tt("panel.title")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_default.iconButton,
+					title: tt("common.close"),
+					"aria-label": tt("common.close"),
+					onClick: () => {
+						controller.close();
+					},
+					children: "x"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_default.tabBar,
+				role: "tablist",
+				children: TABS.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": activeTab === tab.id,
+					"data-active": activeTab === tab.id ? "" : void 0,
+					className: panel_module_default.tab,
+					onClick: () => {
+						setActiveTab(tab.id);
+					},
+					children: tab.label()
+				}, tab.id))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.panelContent,
+				children: [
+					activeTab === "config" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigTab, { api }),
+					activeTab === "status" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusTab, { api }),
+					activeTab === "audit" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuditTab, { api })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/mount.tsx
+/**
+* Rez panel view mounting. Single-occupant center-column takeover, same
+* mechanism as the task board and ssh panels. The conversation subtree stays
+* mounted under the panel.
+*/
+const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"]";
+const ACTIVE_ATTR = "data-dsh-rez-active";
+const OTHER_ACTIVE_ATTRS = ["data-dsh-taskboard-active", "data-dsh-ssh-active"];
+const ACTIVATE_EVENT = "dsh-panel-activate";
+const PANEL_NAME = "rez";
+function conversationColumn() {
+	return document.querySelector(CONVERSATION_COLUMN_SELECTOR) ?? void 0;
+}
+function mountPanel(controller, api) {
+	let root;
+	let container;
+	const ensure = () => {
+		if (container !== void 0) {
+			if (container.isConnected) return;
+			root?.unmount();
+			root = void 0;
+			container.remove();
+			container = void 0;
+		}
+		const column = conversationColumn();
+		if (column === void 0) return;
+		container = document.createElement("div");
+		container.dataset.dshRezView = "";
+		container.className = panel_module_default.view;
+		column.appendChild(container);
+		root = (0, react_dom_client.createRoot)(container);
+		root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RezPanel, {
+			controller,
+			api
+		}));
+	};
+	const waitObserver = new MutationObserver(() => {
+		ensure();
+	});
+	waitObserver.observe(document.body, {
+		childList: true,
+		subtree: true
+	});
+	const retryTimer = window.setInterval(() => {
+		ensure();
+		if (container?.isConnected === true) window.clearInterval(retryTimer);
+	}, 250);
+	const applyActive = () => {
+		if (controller.getSnapshot().panelOpen) {
+			for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr);
+			document.documentElement.setAttribute(ACTIVE_ATTR, "");
+			document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }));
+		} else document.documentElement.removeAttribute(ACTIVE_ATTR);
+	};
+	const onOtherActivate = (event) => {
+		const detail = event.detail;
+		if ((detail === "taskboard" || detail === "ssh") && controller.getSnapshot().panelOpen) controller.close();
+	};
+	const SIDEBAR_ROW_SELECTOR = "[class*=\"sessionRow\"], [class*=\"projectRow\"], [class*=\"searchResultRow\"], [class*=\"searchResultWorkspace\"], [class*=\"newSession\"]";
+	const onClickSidebarRow = (event) => {
+		if (!controller.getSnapshot().panelOpen) return;
+		const target = event.target;
+		if (target === null) return;
+		if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close();
+	};
+	document.addEventListener("click", onClickSidebarRow, true);
+	document.addEventListener(ACTIVATE_EVENT, onOtherActivate);
+	const unsubscribe = controller.subscribe(applyActive);
+	applyActive();
+	ensure();
+	return () => {
+		window.clearInterval(retryTimer);
+		document.removeEventListener("click", onClickSidebarRow, true);
+		document.removeEventListener(ACTIVATE_EVENT, onOtherActivate);
+		waitObserver.disconnect();
+		unsubscribe();
+		document.documentElement.removeAttribute(ACTIVE_ATTR);
+		root?.unmount();
+		root = void 0;
+		container?.remove();
+		container = void 0;
+	};
+}
+//#endregion
+//#region src/client/panel/controller.ts
+var PanelController = class {
+	panelOpen = false;
+	listeners = /* @__PURE__ */ new Set();
+	getSnapshot() {
+		return { panelOpen: this.panelOpen };
+	}
+	subscribe(fn) {
+		this.listeners.add(fn);
+		return () => {
+			this.listeners.delete(fn);
+		};
+	}
+	open() {
+		if (this.panelOpen) return;
+		this.panelOpen = true;
+		this.notify();
+	}
+	close() {
+		if (!this.panelOpen) return;
+		this.panelOpen = false;
+		this.notify();
+	}
+	toggle() {
+		if (this.panelOpen) this.close();
+		else this.open();
+	}
+	notify() {
+		for (const fn of [...this.listeners]) fn();
+	}
+};
+//#endregion
+//#region src/client/sidebar-entry.ts
+function sidebarRoot() {
+	const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
+	if (column === null) return void 0;
+	return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
+}
+function newSessionButton(root) {
+	const nested = root.querySelector("button[class*=\"newSession\"]");
+	if (nested !== null) return nested;
+	for (const child of root.children) if (child.tagName === "BUTTON") return child;
+}
+function createEntry(controller) {
+	const entry = document.createElement("button");
+	entry.type = "button";
+	entry.dataset.dshRezEntry = "";
+	entry.className = panel_module_default.entry;
+	entry.setAttribute("aria-label", tt("entry.label"));
+	entry.setAttribute("title", tt("entry.tooltip"));
+	entry.innerHTML = "<span class=\"" + panel_module_default.entryIcon + "\"><svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"11\" height=\"11\" rx=\"2\"/><path d=\"M5 8l2 2 4-4\"/></svg></span><span class=\"" + panel_module_default.entryLabel + "\">" + tt("entry.label") + "</span>";
+	entry.addEventListener("click", () => {
+		controller.toggle();
+	});
+	return entry;
+}
+function placeEntry(root, entry) {
+	const button = newSessionButton(root);
+	if (button === void 0) return false;
+	if (entry.parentElement !== root) {
+		const row = button.closest("[class*=\"logoRow\"]");
+		const base = row !== null && row.parentElement === root ? row : button;
+		const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches("[data-dsh-taskboard-entry], [data-dsh-ssh-entry], [data-dsh-rez-entry]"));
+		const anchor = family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling;
+		root.insertBefore(entry, anchor);
+	}
+	return true;
+}
+function mountSidebarEntry(controller) {
+	const entry = createEntry(controller);
+	let root;
+	let placed = false;
+	const place = () => {
+		const next = sidebarRoot();
+		if (next === void 0) return;
+		if (root !== void 0 && root !== next) {
+			if (entry.parentElement === root) entry.remove();
+			placed = false;
+		}
+		root = next;
+		if (!placed) placed = placeEntry(root, entry);
+	};
+	const observer = new MutationObserver(place);
+	observer.observe(document.body, {
+		childList: true,
+		subtree: true
+	});
+	place();
+	return () => {
+		observer.disconnect();
+		entry.remove();
+	};
+}
+//#endregion
+//#region src/client/index.ts
+const NS = "dsh-rez-suite";
+const inject = ["slots", "locale"];
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(NS, {
+		zh,
+		en
+	}), "dsh-rez-suite: dictionaries");
+	const controller = new PanelController();
+	const api = new RezApi();
+	const disposers = [];
+	try {
+		disposers.push(mountSidebarEntry(controller));
+		disposers.push(mountPanel(controller, api));
+	} catch (error) {
+		console.warn("[dsh-rez-suite] mount failed:", error);
+	}
+	ctx.effect(() => () => {
+		for (const dispose of disposers.splice(0)) dispose();
+	}, "dsh-rez-suite: ui mounts");
+}
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+
+		return module.exports;
+	}
+});