@rezti/dsh-rez-suite 0.1.4 → 0.1.6

package/lib/index.d.ts

@@ -1702,12 +1702,32 @@ interface RezMcpServerSpec {
   /** Per-tool-call timeout in milliseconds. */
   toolCallTimeoutMs?: number;
 }
+/** Company MCP endpoints persisted under ~/.dsh/dsh-rez-suite.json. Secrets are not stored here. */
+interface RezConnections {
+  odoo: {
+    enabled: boolean;
+    url: string;
+  };
+  nextcloud: {
+    enabled: boolean;
+    url: string;
+    username: string;
+  };
+  wechat: {
+    enabled: boolean;
+  };
+  homeassistant: {
+    enabled: boolean;
+    url: string;
+  };
+}
 /** Full plugin configuration persisted under ~/.dsh/dsh-rez-suite.json. */
 interface RezConfig {
   enabled: boolean;
   announceToAgent: boolean;
   role: RezRoleId;
   servers: Record<string, RezMcpServerSpec>;
+  connections: RezConnections;
   billing: {
     inputCostPer1k: number;
     outputCostPer1k: number;

package/lib/index.js

@@ -1,6 +1,7 @@
 import { createRequire } from "node:module";
 import { homedir } from "node:os";
 import { dirname, join } from "node:path";
+import { REZ_CREDENTIAL_REFS, REZ_DEFAULT_CONNECTIONS, REZ_SYSTEMS, mergeConnections, secretConfigured, writeManagedCredential } from "@rezti/dsh-rez-sso";
 import { mkdirSync, renameSync, writeFileSync } from "node:fs";
 import { DatabaseSync } from "node:sqlite";
 //#region ../../node_modules/.pnpm/@deepseek-ai+cosmokit@1.8.2/node_modules/@deepseek-ai/cosmokit/lib/index.js
@@ -2865,13 +2866,14 @@ const FORMAT_VERSION = 1;
 function rezStorePath() {
 	return join(homedir(), ".dsh", "dsh-rez-suite.json");
 }
-/** Defaults: panel-only. Company MCP rows live in cordis.patch.yml. */
+/** Defaults: company MCP endpoints. Secrets live in credentials.yaml / env. */
 function defaultConfig() {
 	return {
 		enabled: true,
 		announceToAgent: true,
 		role: "all",
 		servers: {},
+		connections: JSON.parse(JSON.stringify(REZ_DEFAULT_CONNECTIONS)),
 		billing: {
 			inputCostPer1k: .001,
 			outputCostPer1k: .002,
@@ -2896,10 +2898,37 @@ function maskServer(server) {
 function publicConfig(config) {
 	const servers = {};
 	for (const [id, server] of Object.entries(config.servers)) servers[id] = maskServer(server);
+	const connections = mergeConnections(config.connections);
 	return {
 		enabled: config.enabled,
 		role: config.role,
 		servers,
+		connections: {
+			odoo: {
+				enabled: connections.odoo.enabled,
+				url: connections.odoo.url,
+				secretConfigured: secretConfigured("odoo"),
+				secretRef: REZ_CREDENTIAL_REFS.odoo
+			},
+			nextcloud: {
+				enabled: connections.nextcloud.enabled,
+				url: connections.nextcloud.url,
+				username: connections.nextcloud.username,
+				secretConfigured: secretConfigured("nextcloud"),
+				secretRef: REZ_CREDENTIAL_REFS.nextcloud
+			},
+			wechat: {
+				enabled: connections.wechat.enabled,
+				secretConfigured: secretConfigured("wechat"),
+				secretRef: REZ_CREDENTIAL_REFS.wechat
+			},
+			homeassistant: {
+				enabled: connections.homeassistant.enabled,
+				url: connections.homeassistant.url,
+				secretConfigured: secretConfigured("homeassistant"),
+				secretRef: REZ_CREDENTIAL_REFS.homeassistant
+			}
+		},
 		billing: { ...config.billing }
 	};
 }
@@ -2911,6 +2940,7 @@ function mergeConfig(base, override) {
 	if (typeof value.enabled === "boolean") result.enabled = value.enabled;
 	if (typeof value.announceToAgent === "boolean") result.announceToAgent = value.announceToAgent;
 	if (value.role === "engineer" || value.role === "sales" || value.role === "operations" || value.role === "all") result.role = value.role;
+	result.connections = mergeConnections(value.connections ?? result.connections);
 	if (typeof value.servers === "object" && value.servers !== null) for (const [id, raw] of Object.entries(value.servers)) {
 		if (typeof raw !== "object" || raw === null) continue;
 		const incoming = raw;
@@ -3019,8 +3049,25 @@ function mergeMaskedRecord(base, incoming) {
 /** Apply a browser-safe public patch without overwriting masked secrets. */
 function applyPublicPatch(current, patch) {
 	const next = JSON.parse(JSON.stringify(current));
+	const secrets = [];
 	if (typeof patch.enabled === "boolean") next.enabled = patch.enabled;
 	if (patch.role === "engineer" || patch.role === "sales" || patch.role === "operations" || patch.role === "all") next.role = patch.role;
+	if (typeof patch.connections === "object" && patch.connections !== null) {
+		const incoming = patch.connections;
+		next.connections = mergeConnections({
+			...next.connections,
+			...incoming
+		});
+		for (const system of Object.keys(REZ_CREDENTIAL_REFS)) {
+			const row = incoming[system];
+			if (typeof row !== "object" || row === null) continue;
+			const secret = row.secret;
+			if (typeof secret === "string" && secret.length > 0 && secret !== SECRET_MASK) secrets.push({
+				system,
+				value: secret
+			});
+		}
+	}
 	if (typeof patch.servers === "object" && patch.servers !== null) for (const [id, raw] of Object.entries(patch.servers)) {
 		if (typeof raw !== "object" || raw === null) continue;
 		const incoming = raw;
@@ -3046,11 +3093,14 @@ function applyPublicPatch(current, patch) {
 		if (typeof value.outputCostPer1k === "number") next.billing.outputCostPer1k = value.outputCostPer1k;
 		if (typeof value.monthlyBudget === "number") next.billing.monthlyBudget = value.monthlyBudget;
 	}
-	return next;
+	return {
+		next,
+		secrets
+	};
 }
 /** Build every /api/dsh-rez-suite route (exact paths). */
 function makeRoutes(deps) {
-	const { getConfig, updateConfig, host, tokens } = deps;
+	const { getConfig, updateConfig, host, tokens, onCredentialWritten } = deps;
 	const guard = (req, res, method) => {
 		if (!isLoopbackRequest(req)) {
 			writeJson(res, 403, { error: "forbidden: loopback-only" });
@@ -3077,8 +3127,11 @@ function makeRoutes(deps) {
 					writeJson(res, 400, { error: "invalid JSON body" });
 					return;
 				}
-				const next = applyPublicPatch(getConfig(), body);
-				writeJson(res, 200, { config: publicConfig(await updateConfig(next)) });
+				const { next, secrets } = applyPublicPatch(getConfig(), body);
+				const saved = await updateConfig(next);
+				for (const item of secrets) writeManagedCredential(REZ_CREDENTIAL_REFS[item.system], item.value);
+				for (const system of REZ_SYSTEMS) onCredentialWritten?.(REZ_CREDENTIAL_REFS[system]);
+				writeJson(res, 200, { config: publicConfig(saved) });
 			}
 		},
 		{
@@ -7537,6 +7590,22 @@ const Config = Schema.object({
 		"all"
 	]).default("all"),
 	servers: Schema.dict(serverSchema).default({}),
+	connections: Schema.object({
+		odoo: Schema.object({
+			enabled: Schema.boolean().default(true),
+			url: Schema.string().default(REZ_DEFAULT_CONNECTIONS.odoo.url)
+		}).default(REZ_DEFAULT_CONNECTIONS.odoo),
+		nextcloud: Schema.object({
+			enabled: Schema.boolean().default(true),
+			url: Schema.string().default(REZ_DEFAULT_CONNECTIONS.nextcloud.url),
+			username: Schema.string().default(REZ_DEFAULT_CONNECTIONS.nextcloud.username)
+		}).default(REZ_DEFAULT_CONNECTIONS.nextcloud),
+		wechat: Schema.object({ enabled: Schema.boolean().default(true) }).default(REZ_DEFAULT_CONNECTIONS.wechat),
+		homeassistant: Schema.object({
+			enabled: Schema.boolean().default(true),
+			url: Schema.string().default(REZ_DEFAULT_CONNECTIONS.homeassistant.url)
+		}).default(REZ_DEFAULT_CONNECTIONS.homeassistant)
+	}).default(REZ_DEFAULT_CONNECTIONS),
 	billing: Schema.object({
 		inputCostPer1k: Schema.number().default(.001),
 		outputCostPer1k: Schema.number().default(.002),
@@ -7558,7 +7627,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("");
@@ -7572,13 +7641,19 @@ function delegatedHost() {
 		state: "disconnected",
 		toolCount: 0,
 		registeredTools: 0,
-		lastError: "owned by @deepseek-ai/dsh-mcp-client"
-	}));
-	const test = async () => COMPOSED_SERVERS.map((server) => ({
-		server,
-		ok: false,
-		error: "MCP is composed by dsh-mcp-client; set REZ_* credentials and check dsh logs"
+		lastError: secretConfigured(server) ? "owned by @deepseek-ai/dsh-mcp-client" : "missing " + REZ_CREDENTIAL_REFS[server]
 	}));
+	const test = async () => COMPOSED_SERVERS.map((server) => {
+		return secretConfigured(server) ? {
+			server,
+			ok: true,
+			serverInfo: REZ_CREDENTIAL_REFS[server] + " configured"
+		} : {
+			server,
+			ok: false,
+			error: "missing " + REZ_CREDENTIAL_REFS[server]
+		};
+	});
 	return {
 		status,
 		test,
@@ -7609,7 +7684,11 @@ function apply(ctx, config) {
 			return value;
 		},
 		host,
-		tokens
+		tokens,
+		onCredentialWritten: (ref) => {
+			const emit = ctx.emit;
+			emit("credentials/updated", ref);
+		}
 	});
 	let disposeRoutes;
 	let disposeTools;

package/lib/style.css

@@ -1,110 +1,83 @@
-[data-pane="conversation"] {
-  position: relative;
+.WRGRRW_shell {
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  display: flex;
 }
 
-[data-dsh-rez-view] {
-  z-index: 60;
-  background: var(--dsw-alias-bg-base);
-  display: none;
-  position: absolute;
-  inset: 0;
+.WRGRRW_card {
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-3);
+  border-radius: 12px;
+  list-style: none;
+  transition: border-color .16s, background .16s;
 }
 
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-rez-view] {
-  display: block;
+.WRGRRW_card:hover {
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane="conversation"] > :not([data-dsh-rez-view]), html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*="centerCol"] > :not([data-dsh-rez-view]) {
-  display: none !important;
+.WRGRRW_cardOpen {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-.WRGRRW_entry {
+.WRGRRW_header {
+  appearance: none;
   width: 100%;
-  height: 32px;
-  color: var(--dsw-alias-label-secondary);
+  font: inherit;
+  color: inherit;
+  text-align: left;
   cursor: pointer;
-  white-space: nowrap;
   background: none;
-  border: none;
-  border-radius: 8px;
+  border: 0;
+  border-radius: 12px;
   align-items: center;
-  gap: 8px;
-  padding: 0 12px;
-  font-size: 13px;
+  gap: 12px;
+  padding: 14px 16px;
   display: flex;
 }
 
-.WRGRRW_entry:hover {
-  background: var(--dsw-specific-sidebar-nav-item-hover);
-  color: var(--dsw-alias-label-primary);
-}
-
-.WRGRRW_entryIcon {
-  flex: none;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
-}
-
-.WRGRRW_entryLabel {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .WRGRRW_entry {
-  justify-content: center;
-  width: 100%;
-  padding: 0;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .WRGRRW_entryLabel {
-  display: none;
+.WRGRRW_header:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
 }
 
-.WRGRRW_view {
-  overflow: hidden;
+.WRGRRW_headText {
+  flex-direction: column;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+  display: flex;
 }
 
-.WRGRRW_panel {
-  background: var(--dsw-alias-bg-base);
-  min-width: 0;
-  height: 100%;
-  min-height: 0;
+.WRGRRW_name {
   color: var(--dsw-alias-label-primary);
-  font-family: var(--dsw-font-family);
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px 16px 16px;
-  display: flex;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
 }
 
-.WRGRRW_panelHeader {
-  flex: none;
-  align-items: center;
-  gap: 10px;
-  display: flex;
+.WRGRRW_description {
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 13px;
+  line-height: 1.5;
 }
 
-.WRGRRW_panelTitle {
-  flex: 1;
-  margin: 0;
-  font-size: 16px;
-  font-weight: 700;
+.WRGRRW_chevron {
+  color: var(--dsw-alias-label-tertiary);
+  flex: none;
+  transition: transform .16s;
 }
 
-.WRGRRW_iconButton {
-  color: var(--dsw-alias-label-secondary);
-  cursor: pointer;
-  background: none;
-  border: none;
-  border-radius: 6px;
-  padding: 4px 8px;
-  font-size: 14px;
+.WRGRRW_chevronOpen {
+  transform: rotate(180deg);
 }
 
-.WRGRRW_iconButton:hover {
-  background: var(--dsw-alias-interactive-bg-hover);
-  color: var(--dsw-alias-label-primary);
+.WRGRRW_body {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin: 0 16px 12px;
+  padding-top: 8px;
 }
 
 .WRGRRW_tabBar {
@@ -136,21 +109,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   font-weight: 600;
 }
 
-.WRGRRW_panelContent {
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  overflow: hidden;
-}
-
 .WRGRRW_tabBody {
   flex-direction: column;
-  flex: 1;
   gap: 12px;
-  min-height: 0;
+  min-width: 0;
+  padding: 12px 0 4px;
   display: flex;
-  overflow-y: auto;
 }
 
 .WRGRRW_section {
@@ -164,16 +128,17 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_sectionTitle {
+  color: var(--dsw-alias-label-primary);
   margin: 0;
   font-size: 13px;
   font-weight: 600;
 }
 
 .WRGRRW_field {
-  grid-template-columns: 140px 1fr;
-  align-items: center;
-  gap: 8px;
-  display: grid;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+  display: flex;
 }
 
 .WRGRRW_label {
@@ -183,7 +148,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 
 .WRGRRW_input, .WRGRRW_select {
   color: var(--dsw-alias-label-primary);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   border: 1px solid var(--dsw-alias-border-l2);
   border-radius: 8px;
   outline: none;
@@ -207,7 +172,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 
 .WRGRRW_button {
   border: 1px solid var(--dsw-alias-border-l2);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   color: var(--dsw-alias-label-primary);
   cursor: pointer;
   border-radius: 8px;
@@ -215,23 +180,19 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   font-size: 13px;
 }
 
-.WRGRRW_button:hover {
+.WRGRRW_button:hover:not(:disabled) {
   background: var(--dsw-alias-interactive-bg-hover);
 }
 
-.WRGRRW_qr {
-  background: #fff;
-  border-radius: 8px;
-  width: 240px;
-  height: 240px;
-  margin: 8px 0;
-  display: block;
+.WRGRRW_button:disabled {
+  opacity: .4;
+  cursor: default;
 }
 
 .WRGRRW_primaryButton {
-  background: var(--dsw-alias-state-business-primary);
-  border-color: var(--dsw-alias-state-business-primary);
-  color: #fff;
+  background: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-bg-layer-3);
 }
 
 .WRGRRW_dangerButton {
@@ -240,9 +201,20 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   color: #fff;
 }
 
+.WRGRRW_qr {
+  background: #fff;
+  border-radius: 8px;
+  width: 200px;
+  height: 200px;
+  margin: 8px 0;
+  display: block;
+}
+
 .WRGRRW_message {
   color: var(--dsw-alias-label-secondary);
+  margin: 0;
   font-size: 12.5px;
+  line-height: 1.5;
 }
 
 .WRGRRW_error {
@@ -252,8 +224,6 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 .WRGRRW_tableWrap {
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
-  flex: 1;
-  min-height: 0;
   overflow: auto;
 }
 
@@ -296,12 +266,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_cards {
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   gap: 8px;
   display: grid;
 }
 
-.WRGRRW_card {
+.WRGRRW_stat {
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
   padding: 10px;
@@ -313,6 +283,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_cardValue {
+  color: var(--dsw-alias-label-primary);
   font-size: 15px;
   font-weight: 600;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rezti/dsh-rez-suite",
   "description": "ReZ-TI employee plugin for DeepSeek Harness: one install enables company MCP (Odoo / Nextcloud / WeCom / Weixin-ClawBot / Home Assistant) and work identity.",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"
@@ -28,7 +28,9 @@
       "inject": [
         "@deepseek-ai/dsh-client-runtime",
         "@deepseek-ai/dsh-client-connection",
-        "@deepseek-ai/dsh-client-ui-settings"
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-ui-settings-plugins"
       ],
       "platform": "web"
     }
@@ -36,12 +38,12 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.30.0",
     "zod": "^4.4.3",
-    "@rezti/dsh-rez-ha-bridge": "0.1.4",
-    "@rezti/dsh-rez-odoo": "0.1.4",
-    "@rezti/dsh-rez-nextcloud": "0.1.4",
+    "@rezti/dsh-rez-nextcloud": "0.1.5",
+    "@rezti/dsh-rez-odoo": "0.1.5",
+    "@rezti/dsh-rez-sso": "0.1.5",
+    "@rezti/dsh-rez-ha-bridge": "0.1.5",
+    "@rezti/dsh-rez-wechat": "0.1.5",
     "@rezti/dsh-rez-token-manager": "0.1.3",
-    "@rezti/dsh-rez-sso": "0.1.4",
-    "@rezti/dsh-rez-wechat": "0.1.4",
     "@rezti/dsh-rez-intent": "0.1.3"
   },
   "peerDependencies": {

package/src/client/index.ts

@@ -1,17 +1,16 @@
 /**
- * Browser-half entry for dsh-rez-suite — runs inside the dsh web GUI.
- * Registers locale dictionaries and mounts the Rez Suite panel (sidebar entry
- * plus center-column view). DOM mounting problems are logged, never thrown.
+ * Browser-half entry for dsh-rez-suite.
+ * Registers locale dictionaries and contributes a native Settings card
+ * (设置 → 插件 → 插件配置) plus a Plugins tab. Do not mount a sidebar
+ * takeover over the conversation column.
  */
 
 import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
 import type {} from '@deepseek-ai/dsh-client-locale/client'
+import type {} from '@deepseek-ai/dsh-client-ui-settings/client'
 import type {} from '@deepseek-ai/dsh-client-ui-slots'
-import { RezApi } from './api.ts'
 import { en, zh, type RezKey } from './locales.ts'
-import { mountPanel } from './mount.tsx'
-import { PanelController } from './panel/controller.ts'
-import { mountSidebarEntry } from './sidebar-entry.ts'
+import { RezPluginCard, RezSettingsPage } from './settings-card.tsx'
 
 const NS = 'dsh-rez-suite'
 
@@ -19,27 +18,40 @@ declare module '@deepseek-ai/dsh-client-ui-slots' {
   interface LocaleNamespaceMap {
     'dsh-rez-suite': RezKey
   }
+  interface SlotMap {
+    'settings.plugin.item': {
+      kind: 'list'
+      scope: 'root'
+      owner: { children?: never }
+    }
+    'settings.plugins.tab': {
+      kind: 'list'
+      scope: 'root'
+      owner: { children?: never }
+    }
+  }
 }
 
 export const inject = ['slots', 'locale']
 
-export type { PanelControllerSnapshot } from './panel/controller.ts'
-export type { RezPanelProps } from './panel/RezPanel.tsx'
 export type { RezKey } from './locales.ts'
 
 export function apply(ctx: ClientContext): void {
+  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: Array<() => void> = []
-  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))
 }