@rezti/dsh-rez-suite 0.1.4 → 0.1.5

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": "微信",
@@ -174,6 +104,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",
@@ -265,6 +197,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 +289,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 +392,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 +402,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 +412,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 +422,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 +432,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 +442,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")
@@ -1090,9 +1095,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 +1118,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 +1139,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;

package/lib/index.js

@@ -7558,7 +7558,7 @@ const REZ_GUIDANCE = [
 	"本机已安装 ReZ-TI 套件（一次安装）：工作身份由 dsh-rez-sso 提供，MCP 由官方 dsh-mcp-client 接入 Odoo / Nextcloud / 企业微信 / Home Assistant。",
 	"工具名 mcp__odoo__*、mcp__nextcloud__*、mcp__wechat__*、mcp__homeassistant__*。",
 	"密钥：REZ_ODOO_TOKEN、REZ_NEXTCLOUD_PASSWORD、REZ_WECHAT_WEBHOOK、REZ_HA_TOKEN。",
-	"个人微信（QClaw/ClawBot）：打开 Rez 面板「微信」页扫码，然后直接在微信里说话，不必再跑命令、也不要调用微信 MCP 工具。",
+	"个人微信（QClaw/ClawBot）：打开 设置 → 插件 → ReZ-TI → 微信 扫码，然后直接在微信里说话，不必再跑命令、也不要调用微信 MCP 工具。",
 	"意图用 rez_set_intent（erp/files/chat/home/auto）。审计用 rez_audit。",
 	"涉及资金、对外发送、设备控制、生产写入时先征得用户批准。"
 ].join("");