@rezti/dsh-rez-suite 0.1.4 → 0.1.6

package/lib/client.js

@@ -4,82 +4,10 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+(function(){var id="dsh-rez-suite-css";if(typeof document==="undefined"||document.getElementById(id))return;var s=document.createElement("style");s.id=id;s.textContent=".WRGRRW_shell {\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.WRGRRW_card {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3);\n  border-radius: 12px;\n  list-style: none;\n  transition: border-color .16s, background .16s;\n}\n\n.WRGRRW_card:hover {\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n.WRGRRW_cardOpen {\n  background: var(--dsw-alias-bg-layer-2);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n\n.WRGRRW_header {\n  appearance: none;\n  width: 100%;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: none;\n  border: 0;\n  border-radius: 12px;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  display: flex;\n}\n\n.WRGRRW_header:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n.WRGRRW_headText {\n  flex-direction: column;\n  flex: 1;\n  gap: 4px;\n  min-width: 0;\n  display: flex;\n}\n\n.WRGRRW_name {\n  color: var(--dsw-alias-label-primary);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.WRGRRW_description {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.WRGRRW_chevron {\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n  transition: transform .16s;\n}\n\n.WRGRRW_chevronOpen {\n  transform: rotate(180deg);\n}\n\n.WRGRRW_body {\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  margin: 0 16px 12px;\n  padding-top: 8px;\n}\n\n.WRGRRW_tabBar {\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n  flex: none;\n  gap: 2px;\n  display: flex;\n}\n\n.WRGRRW_tab {\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  background: none;\n  border: none;\n  border-bottom: 2px solid #0000;\n  border-radius: 6px 6px 0 0;\n  padding: 7px 14px;\n  font-size: 13px;\n}\n\n.WRGRRW_tab:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.WRGRRW_tab[data-active] {\n  color: var(--dsw-alias-label-primary);\n  border-bottom-color: var(--dsw-alias-state-business-primary);\n  font-weight: 600;\n}\n\n.WRGRRW_tabBody {\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n  padding: 12px 0 4px;\n  display: flex;\n}\n\n.WRGRRW_section {\n  border: 1px solid var(--dsw-alias-border-l1);\n  background: var(--dsw-alias-bg-layer-1, var(--dsw-alias-bg-base));\n  border-radius: 10px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  display: flex;\n}\n\n.WRGRRW_sectionTitle {\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.WRGRRW_field {\n  flex-direction: column;\n  align-items: stretch;\n  gap: 4px;\n  display: flex;\n}\n\n.WRGRRW_label {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12.5px;\n}\n\n.WRGRRW_input, .WRGRRW_select {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  outline: none;\n  padding: 6px 8px;\n  font-size: 13px;\n}\n\n.WRGRRW_checkbox {\n  justify-self: start;\n  width: 15px;\n  height: 15px;\n}\n\n.WRGRRW_toolbar {\n  flex-wrap: wrap;\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.WRGRRW_button {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  border-radius: 8px;\n  padding: 7px 12px;\n  font-size: 13px;\n}\n\n.WRGRRW_button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.WRGRRW_button:disabled {\n  opacity: .4;\n  cursor: default;\n}\n\n.WRGRRW_primaryButton {\n  background: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-bg-layer-3);\n}\n\n.WRGRRW_dangerButton {\n  background: var(--dsw-alias-state-danger, #c62828);\n  border-color: var(--dsw-alias-state-danger, #c62828);\n  color: #fff;\n}\n\n.WRGRRW_qr {\n  background: #fff;\n  border-radius: 8px;\n  width: 200px;\n  height: 200px;\n  margin: 8px 0;\n  display: block;\n}\n\n.WRGRRW_message {\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n.WRGRRW_error {\n  color: var(--dsw-alias-state-danger, #c62828);\n}\n\n.WRGRRW_tableWrap {\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  overflow: auto;\n}\n\n.WRGRRW_table {\n  border-collapse: collapse;\n  width: 100%;\n  font-size: 12.5px;\n}\n\n.WRGRRW_table th {\n  z-index: 1;\n  text-align: left;\n  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1));\n  padding: 8px 10px;\n  position: sticky;\n  top: 0;\n}\n\n.WRGRRW_table td {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  vertical-align: top;\n  padding: 8px 10px;\n}\n\n.WRGRRW_badge {\n  border-radius: 999px;\n  padding: 2px 8px;\n  font-size: 11px;\n  display: inline-block;\n}\n\n.WRGRRW_badgeOk {\n  color: #229a55;\n  background: #229a5524;\n}\n\n.WRGRRW_badgeFail {\n  color: #c62828;\n  background: #c6282824;\n}\n\n.WRGRRW_cards {\n  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n  gap: 8px;\n  display: grid;\n}\n\n.WRGRRW_stat {\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  padding: 10px;\n}\n\n.WRGRRW_cardLabel {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n\n.WRGRRW_cardValue {\n  color: var(--dsw-alias-label-primary);\n  font-size: 15px;\n  font-weight: 600;\n}\n";document.head.appendChild(s);})();
 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",
-	weixin: "/api/dsh-rez-suite/weixin",
-	weixinVerify: "/api/dsh-rez-suite/weixin/verify"
-};
-//#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" }));
-	}
-	async weixinStatus() {
-		return readJson(await fetch(REZ_API.weixin));
-	}
-	async weixinLogin() {
-		return readJson(await fetch(REZ_API.weixin, { method: "POST" }));
-	}
-	async weixinVerify(code) {
-		return readJson(await fetch(REZ_API.weixinVerify, {
-			method: "POST",
-			headers: { "content-type": "application/json" },
-			body: JSON.stringify({ code })
-		}));
-	}
-	async weixinLogout() {
-		return readJson(await fetch(REZ_API.weixin, { method: "DELETE" }));
-	}
-};
-//#endregion
 //#region src/client/locales.ts
 /**
 * dsh-rez-suite surface copy: zh is the key source, en mirrors every key.
@@ -87,6 +15,8 @@ var RezApi = class {
 const zh = {
 	"entry.label": "Rez",
 	"entry.tooltip": "Rez Suite 配置与审计面板",
+	"settings.title": "ReZ-TI",
+	"settings.description": "公司 MCP（Odoo / Nextcloud / 企微 / HA）与个人微信扫码通道。",
 	"panel.title": "Rez Suite",
 	"tab.config": "配置",
 	"tab.weixin": "微信",
@@ -106,16 +36,23 @@ const zh = {
 	"config.env": "环境变量 (JSON)",
 	"config.headers": "Headers (JSON)",
 	"config.jsonInvalid": "JSON 格式错误：{error}",
+	"config.mcpHint": "四个公司 MCP 在这里配。密钥写入 ~/.dsh/.credentials.yaml（REZ_*）。新填的密钥会立刻拉起连接；改 URL 后如果已经连上，需要重启 dsh web。",
+	"config.secretConfigured": "已配置（留空则保持）",
+	"config.secretMissing": "未配置",
 	"config.odoo": "Odoo",
-	"config.odoo.url": "Odoo URL",
-	"config.odoo.apiKey": "API Key",
+	"config.odoo.url": "Odoo MCP URL",
+	"config.odoo.apiKey": "API Token",
 	"config.nextcloud": "Nextcloud",
-	"config.nextcloud.url": "Nextcloud URL",
+	"config.nextcloud.url": "Nextcloud 主机",
 	"config.nextcloud.username": "用户名",
 	"config.nextcloud.appPassword": "App Password",
 	"config.wecom": "企业微信",
 	"config.wecom.botId": "Bot ID",
 	"config.wecom.secret": "Secret",
+	"config.wecom.webhook": "群机器人 Webhook",
+	"config.ha": "Home Assistant",
+	"config.ha.url": "HA MCP URL",
+	"config.ha.token": "长期访问令牌",
 	"config.fs": "本地文件 (fs-mcp-server)",
 	"config.fs.root": "根目录",
 	"config.sqlite": "SQLite (sqlite-mcp-server)",
@@ -174,6 +111,8 @@ const zh = {
 const en = {
 	"entry.label": "Rez",
 	"entry.tooltip": "Rez Suite configuration and audit panel",
+	"settings.title": "ReZ-TI",
+	"settings.description": "Company MCP (Odoo / Nextcloud / WeCom / HA) and personal WeChat scan-and-chat.",
 	"panel.title": "Rez Suite",
 	"tab.config": "Config",
 	"tab.weixin": "WeChat",
@@ -193,16 +132,23 @@ const en = {
 	"config.env": "Env vars (JSON)",
 	"config.headers": "Headers (JSON)",
 	"config.jsonInvalid": "Invalid JSON: {error}",
+	"config.mcpHint": "Company MCP lives here. Secrets go to ~/.dsh/.credentials.yaml (REZ_*). A newly saved secret starts the connection immediately; URL changes after a live connection need a dsh web restart.",
+	"config.secretConfigured": "Configured (leave blank to keep)",
+	"config.secretMissing": "Not configured",
 	"config.odoo": "Odoo",
-	"config.odoo.url": "Odoo URL",
-	"config.odoo.apiKey": "API Key",
+	"config.odoo.url": "Odoo MCP URL",
+	"config.odoo.apiKey": "API token",
 	"config.nextcloud": "Nextcloud",
-	"config.nextcloud.url": "Nextcloud URL",
+	"config.nextcloud.url": "Nextcloud host",
 	"config.nextcloud.username": "Username",
-	"config.nextcloud.appPassword": "App Password",
+	"config.nextcloud.appPassword": "App password",
 	"config.wecom": "WeCom",
 	"config.wecom.botId": "Bot ID",
 	"config.wecom.secret": "Secret",
+	"config.wecom.webhook": "Group bot webhook",
+	"config.ha": "Home Assistant",
+	"config.ha.url": "HA MCP URL",
+	"config.ha.token": "Long-lived access token",
 	"config.fs": "Local files (fs-mcp-server)",
 	"config.fs.root": "Root directory",
 	"config.sqlite": "SQLite (sqlite-mcp-server)",
@@ -265,6 +211,78 @@ function t(dict, key, values) {
 	return text;
 }
 //#endregion
+//#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",
+	weixin: "/api/dsh-rez-suite/weixin",
+	weixinVerify: "/api/dsh-rez-suite/weixin/verify"
+};
+//#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" }));
+	}
+	async weixinStatus() {
+		return readJson(await fetch(REZ_API.weixin));
+	}
+	async weixinLogin() {
+		return readJson(await fetch(REZ_API.weixin, { method: "POST" }));
+	}
+	async weixinVerify(code) {
+		return readJson(await fetch(REZ_API.weixinVerify, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ code })
+		}));
+	}
+	async weixinLogout() {
+		return readJson(await fetch(REZ_API.weixin, { method: "DELETE" }));
+	}
+};
+//#endregion
 //#region src/client/panel/helpers.ts
 /**
 * Shared panel helpers: active-language dictionary pick and error extraction.
@@ -285,38 +303,39 @@ var panel_module_default = {
 	"badge": "WRGRRW_badge",
 	"badgeFail": "WRGRRW_badgeFail",
 	"badgeOk": "WRGRRW_badgeOk",
+	"body": "WRGRRW_body",
 	"button": "WRGRRW_button",
 	"card": "WRGRRW_card",
 	"cardLabel": "WRGRRW_cardLabel",
+	"cardOpen": "WRGRRW_cardOpen",
 	"cards": "WRGRRW_cards",
 	"cardValue": "WRGRRW_cardValue",
 	"checkbox": "WRGRRW_checkbox",
+	"chevron": "WRGRRW_chevron",
+	"chevronOpen": "WRGRRW_chevronOpen",
 	"dangerButton": "WRGRRW_dangerButton",
-	"entry": "WRGRRW_entry",
-	"entryIcon": "WRGRRW_entryIcon",
-	"entryLabel": "WRGRRW_entryLabel",
+	"description": "WRGRRW_description",
 	"error": "WRGRRW_error",
 	"field": "WRGRRW_field",
-	"iconButton": "WRGRRW_iconButton",
+	"header": "WRGRRW_header",
+	"headText": "WRGRRW_headText",
 	"input": "WRGRRW_input",
 	"label": "WRGRRW_label",
 	"message": "WRGRRW_message",
-	"panel": "WRGRRW_panel",
-	"panelContent": "WRGRRW_panelContent",
-	"panelHeader": "WRGRRW_panelHeader",
-	"panelTitle": "WRGRRW_panelTitle",
+	"name": "WRGRRW_name",
 	"primaryButton": "WRGRRW_primaryButton",
 	"qr": "WRGRRW_qr",
 	"section": "WRGRRW_section",
 	"sectionTitle": "WRGRRW_sectionTitle",
 	"select": "WRGRRW_select",
+	"shell": "WRGRRW_shell",
+	"stat": "WRGRRW_stat",
 	"tab": "WRGRRW_tab",
 	"tabBar": "WRGRRW_tabBar",
 	"tabBody": "WRGRRW_tabBody",
 	"table": "WRGRRW_table",
 	"tableWrap": "WRGRRW_tableWrap",
-	"toolbar": "WRGRRW_toolbar",
-	"view": "WRGRRW_view"
+	"toolbar": "WRGRRW_toolbar"
 };
 //#endregion
 //#region src/client/panel/AuditTab.tsx
@@ -387,7 +406,7 @@ function AuditTab({ api }) {
 				className: panel_module_default.cards,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.totalCalls")
@@ -397,7 +416,7 @@ function AuditTab({ api }) {
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.inputTokens")
@@ -407,7 +426,7 @@ function AuditTab({ api }) {
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.outputTokens")
@@ -417,7 +436,7 @@ function AuditTab({ api }) {
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.totalCost")
@@ -427,7 +446,7 @@ function AuditTab({ api }) {
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.monthCost")
@@ -437,7 +456,7 @@ function AuditTab({ api }) {
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_default.card,
+						className: panel_module_default.stat,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_default.cardLabel,
 							children: tt("audit.budget")
@@ -484,8 +503,8 @@ function AuditTab({ api }) {
 //#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.
+* Config tab: company MCP connections (Odoo / Nextcloud / WeCom / HA),
+* role, and billing. Secrets are write-only and land in credentials.yaml.
 */
 const ROLES = [
 	{
@@ -505,6 +524,12 @@ const ROLES = [
 		label: "role.operations"
 	}
 ];
+const EMPTY_SECRETS = {
+	odoo: "",
+	nextcloud: "",
+	wechat: "",
+	homeassistant: ""
+};
 function Field({ label, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: panel_module_default.field,
@@ -523,42 +548,81 @@ function Section({ title, children }) {
 		}), 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 SecretField({ label, configured, value, onChange }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+		label,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			className: panel_module_default.input,
+			type: "password",
+			autoComplete: "off",
+			value,
+			placeholder: configured ? tt("config.secretConfigured") : tt("config.secretMissing"),
+			onChange: (event) => {
+				onChange(event.target.value);
+			}
+		})
+	});
+}
+function McpSection({ title, row, secret, onEnabled, onUrl, onUsername, onSecret, urlLabel, secretLabel, usernameLabel }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
+		title,
+		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: row.enabled,
+					onChange: (event) => {
+						onEnabled(event.target.checked);
+					}
+				})
+			}),
+			onUrl !== void 0 && urlLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+				label: urlLabel,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: panel_module_default.input,
+					value: row.url ?? "",
+					onChange: (event) => {
+						onUrl(event.target.value);
+					}
+				})
+			}),
+			onUsername !== void 0 && usernameLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+				label: usernameLabel,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: panel_module_default.input,
+					value: row.username ?? "",
+					onChange: (event) => {
+						onUsername(event.target.value);
+					}
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
+				label: secretLabel,
+				configured: row.secretConfigured,
+				value: secret,
+				onChange: onSecret
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: panel_module_default.message,
+				children: row.secretRef
+			})
+		]
+	});
 }
 function ConfigTab({ api }) {
 	const [config, setConfig] = (0, react.useState)(null);
+	const [secrets, setSecrets] = (0, react.useState)(EMPTY_SECRETS);
 	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);
+			setConfig(await api.getConfig());
 		} catch (err) {
 			setError(errorMessage(err));
 		} finally {
@@ -582,13 +646,13 @@ function ConfigTab({ api }) {
 			[key]: value
 		});
 	};
-	const updateServer = (id, patch) => {
+	const patchConnection = (id, patch) => {
 		setConfig((prev) => prev === null ? prev : {
 			...prev,
-			servers: {
-				...prev.servers,
+			connections: {
+				...prev.connections,
 				[id]: {
-					...prev.servers[id],
+					...prev.connections[id],
 					...patch
 				}
 			}
@@ -599,9 +663,32 @@ function ConfigTab({ api }) {
 		setMessage("");
 		setError("");
 		try {
-			const saved = await api.saveConfig(config);
+			const payload = {
+				enabled: config.enabled,
+				role: config.role,
+				billing: config.billing,
+				connections: {
+					odoo: {
+						...config.connections.odoo,
+						secret: secrets.odoo || void 0
+					},
+					nextcloud: {
+						...config.connections.nextcloud,
+						secret: secrets.nextcloud || void 0
+					},
+					wechat: {
+						...config.connections.wechat,
+						secret: secrets.wechat || void 0
+					},
+					homeassistant: {
+						...config.connections.homeassistant,
+						secret: secrets.homeassistant || void 0
+					}
+				}
+			};
+			const saved = await api.saveConfig(payload);
 			setConfig(saved);
-			initTexts(saved);
+			setSecrets(EMPTY_SECRETS);
 			setMessage(tt("config.saved"));
 		} catch (err) {
 			setError(errorMessage(err));
@@ -623,28 +710,22 @@ function ConfigTab({ api }) {
 		}
 	};
 	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) }));
+		if (result.ok) {
+			if (result.serverInfo !== void 0) return result.serverInfo;
+			return tt("config.testOk", {
+				tools: result.toolCount ?? 0,
+				latency: result.latencyMs ?? 0
+			});
 		}
+		return tt("config.testFail", { error: result.error ?? "" });
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: panel_module_default.tabBody,
 		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: panel_module_default.message,
+				children: tt("config.mcpHint")
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 				title: tt("config.role"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
@@ -672,110 +753,82 @@ function ConfigTab({ api }) {
 					})
 				})]
 			}),
-			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.jsx)(McpSection, {
+				title: tt("config.odoo"),
+				row: config.connections.odoo,
+				secret: secrets.odoo,
+				onEnabled: (enabled) => {
+					patchConnection("odoo", { enabled });
+				},
+				onUrl: (url) => {
+					patchConnection("odoo", { url });
+				},
+				onSecret: (value) => {
+					setSecrets((prev) => ({
+						...prev,
+						odoo: value
+					}));
+				},
+				urlLabel: tt("config.odoo.url"),
+				secretLabel: tt("config.odoo.apiKey")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(McpSection, {
+				title: tt("config.nextcloud"),
+				row: config.connections.nextcloud,
+				secret: secrets.nextcloud,
+				onEnabled: (enabled) => {
+					patchConnection("nextcloud", { enabled });
+				},
+				onUrl: (url) => {
+					patchConnection("nextcloud", { url });
+				},
+				onUsername: (username) => {
+					patchConnection("nextcloud", { username });
+				},
+				onSecret: (value) => {
+					setSecrets((prev) => ({
+						...prev,
+						nextcloud: value
+					}));
+				},
+				urlLabel: tt("config.nextcloud.url"),
+				usernameLabel: tt("config.nextcloud.username"),
+				secretLabel: tt("config.nextcloud.appPassword")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(McpSection, {
+				title: tt("config.wecom"),
+				row: config.connections.wechat,
+				secret: secrets.wechat,
+				onEnabled: (enabled) => {
+					patchConnection("wechat", { enabled });
+				},
+				onSecret: (value) => {
+					setSecrets((prev) => ({
+						...prev,
+						wechat: value
+					}));
+				},
+				secretLabel: tt("config.wecom.webhook")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(McpSection, {
+				title: tt("config.ha"),
+				row: config.connections.homeassistant,
+				secret: secrets.homeassistant,
+				onEnabled: (enabled) => {
+					patchConnection("homeassistant", { enabled });
+				},
+				onUrl: (url) => {
+					patchConnection("homeassistant", { url });
+				},
+				onSecret: (value) => {
+					setSecrets((prev) => ({
+						...prev,
+						homeassistant: value
+					}));
+				},
+				urlLabel: tt("config.ha.url"),
+				secretLabel: tt("config.ha.token")
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Section, {
 				title: tt("config.billing"),
 				children: [
@@ -1090,9 +1143,10 @@ function WeixinTab({ api }) {
 	});
 }
 //#endregion
-//#region src/client/panel/RezPanel.tsx
+//#region src/client/settings-card.tsx
 /**
-* Rez Suite panel shell: header + three tabs (config/status/audit).
+* ReZ settings pages: one accordion card in 设置 → 插件 → 插件配置,
+* plus a dedicated Plugins tab for the same content.
 */
 const TABS = [
 	{
@@ -1112,27 +1166,12 @@ const TABS = [
 		label: () => tt("tab.audit")
 	}
 ];
-function RezPanel({ controller, api }) {
+function RezSettingsPage() {
+	const api = (0, react.useMemo)(() => new RezApi(), []);
 	const [activeTab, setActiveTab] = (0, react.useState)("config");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: panel_module_default.panel,
+		className: panel_module_default.shell,
 		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",
@@ -1148,218 +1187,76 @@ function RezPanel({ controller, api }) {
 					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 === "weixin" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WeixinTab, { api }),
-					activeTab === "status" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusTab, { api }),
-					activeTab === "audit" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuditTab, { api })
-				]
-			})
+			activeTab === "config" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigTab, { api }),
+			activeTab === "weixin" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WeixinTab, { 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
+function RezPluginCard() {
+	const [open, setOpen] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: panel_module_default.card + (open ? " " + panel_module_default.cardOpen : ""),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: panel_module_default.header,
+			onClick: () => {
+				setOpen(!open);
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_default.headText,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_default.name,
+					children: tt("settings.title")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_default.description,
+					children: tt("settings.description")
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: panel_module_default.chevron + (open ? " " + panel_module_default.chevronOpen : ""),
+				viewBox: "0 0 14 14",
+				width: "14",
+				height: "14",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3 5l4 4 4-4",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.4",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: panel_module_default.body,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RezSettingsPage, {})
+		}) : null]
 	});
-	place();
-	return () => {
-		observer.disconnect();
-		entry.remove();
-	};
 }
 //#endregion
 //#region src/client/index.ts
 const NS = "dsh-rez-suite";
 const inject = ["slots", "locale"];
 function apply(ctx) {
+	const t = ctx.locale.bind(NS);
 	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");
+	ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+		name: "settings.plugin.item",
+		id: "rez-suite",
+		order: 40,
+		locale: NS
+	}, RezPluginCard));
+	ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
+		name: "settings.plugins.tab",
+		id: "rez",
+		order: 20,
+		label: () => t("settings.title"),
+		locale: NS
+	}, RezSettingsPage));
 }
 //#endregion
 exports.apply = apply;