dsh-remote-bridge 2.6.1 → 2.7.0

package/lib/client.cjs

@@ -236,6 +236,33 @@ window.__ModuleLoader__.load({
 					body: JSON.stringify({ subdir })
 				});
 			}
+			/**
+			* 读插件清单。
+			*
+			* `checkUpdates` 默认关：版本检查要打 npm registry，十次里九次用户只想看「装了啥」。
+			* 面板上那个「检查更新」按钮才把它打开。
+			*/
+			async pluginInventory(checkUpdates = false) {
+				return this.json(`/settings/plugins${checkUpdates ? "?checkUpdates=1" : ""}`);
+			}
+			/**
+			* 启用 / 停用插件。
+			*
+			* 只对 `toggleable` 的条目有效；官方包（`@deepseek-ai/`）会被宿主拒绝并回
+			* `PLUGIN_OFFICIAL_IMMUTABLE` —— 它们随 DSH 运行时安装，改 bundles 也加载不出来。
+			*
+			* 返回 `restartRequired: true` 是常态：bundles 只在启动时读一次，改了文件不等于
+			* 改了运行中的进程。界面必须把这句话说出来，别让用户以为点了没反应。
+			*/
+			async togglePlugin(name, loaded) {
+				return this.json("/settings/plugins", {
+					method: "PATCH",
+					body: JSON.stringify({
+						name,
+						loaded
+					})
+				});
+			}
 			async json(path, init = {}) {
 				const response = await this.fetch(path, init);
 				await ensureOk(response);
@@ -19567,7 +19594,7 @@ window.__ModuleLoader__.load({
 					key: "im3w4b"
 				}]
 			]);
-			createLucideIcon("Package", [
+			const Package = createLucideIcon("Package", [
 				["path", {
 					d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
 					key: "1a0edw"
@@ -21689,7 +21716,7 @@ window.__ModuleLoader__.load({
 					key: "1r8tn9"
 				}]
 			]);
-			createLucideIcon("RefreshCw", [
+			const RefreshCw = createLucideIcon("RefreshCw", [
 				["path", {
 					d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
 					key: "v9h5vc"
@@ -29804,6 +29831,8 @@ window.__ModuleLoader__.load({
 			exports.HardDrive = HardDrive;
 			exports.Image = Image;
 			exports.Languages = Languages;
+			exports.Package = Package;
+			exports.RefreshCw = RefreshCw;
 			exports.Smartphone = Smartphone;
 			exports.Trash2 = Trash2;
 			exports.Upload = Upload;
@@ -29951,6 +29980,34 @@ window.__ModuleLoader__.load({
 				pairedDevices: "已配对设备",
 				pluginTrash: "插件回收站",
 				pluginTrashHint: "这里只列出来自手机 App 或独立文件页（/dsh-workspace）的删除记录 —— 桌面端这个面板不含文件树，无法删除文件。文件先移到这里而不是直接消失，可以在这里恢复；永久清理也由你在此发起。",
+				pluginsTab: "插件",
+				pluginsTabDesc: "看装了哪些插件、启用或停用，以及检查更新。",
+				pluginsHint: "这里列出这台机器 profile 里装的所有插件。官方插件随 DSH 运行时安装、不能停用；其余可以在这里开关，改完要重启 DSH 才生效。",
+				pluginsEmpty: "这个 profile 里没有插件。",
+				pluginsUnavailable: "读不到插件清单：{reason}",
+				pluginsProblems: "{count} 项需要留意",
+				pluginsCheckUpdates: "检查更新",
+				pluginsChecking: "正在检查…",
+				pluginsOpenList: "打开插件列表",
+				pluginsOpenListUnavailable: "当前 DSH 版本还不支持直接跳转插件列表。",
+				pluginsEnable: "启用",
+				pluginsDisable: "停用",
+				pluginsEnabled: "已启用",
+				pluginsDisabled: "已停用",
+				pluginsToggled: "{name} {state}。",
+				pluginsRestartRequired: "改动已写进 profile 的 package.json（原文件已备份）。插件列表只在 DSH 启动时读一次，重启后生效。",
+				pluginsStateLoaded: "已加载",
+				pluginsStateRuntimeProvided: "运行时自带",
+				pluginsStateInstalledNotLoaded: "已安装未启用",
+				pluginsStateDeclaredMissing: "声明加载但缺失",
+				pluginsUpdateAvailable: "可更新到 {version}",
+				pluginsLatest: "已是最新",
+				pluginsNoDescription: "这个包没写描述",
+				pluginsErrorOfficial: "官方插件随 DSH 运行时安装，不能在这里停用。",
+				pluginsErrorNameInvalid: "插件名不合法。",
+				pluginsErrorProfileUnknown: "找不到当前 profile 的目录，无法修改插件列表。",
+				pluginsErrorManifestUnreadable: "读不懂 profile 的 package.json，为安全起见没有改动它。",
+				pluginsErrorNotInstalled: "这个插件没有装进 profile，先安装再启用。",
 				restore: "恢复",
 				deletePermanently: "永久删除",
 				purgeConfirm: "确定永久删除此回收项吗？此操作无法撤销。",
@@ -30182,6 +30239,34 @@ window.__ModuleLoader__.load({
 				pairedDevices: "Paired devices",
 				pluginTrash: "Plugin trash",
 				pluginTrashHint: "Only deletions made from the phone app or the standalone file page (/dsh-workspace) show up here — this desktop panel has no file tree and cannot delete anything. Files land here instead of vanishing, so they can be restored; permanent cleanup is also started from here.",
+				pluginsTab: "Plugins",
+				pluginsTabDesc: "See what is installed, enable or disable it, and check for updates.",
+				pluginsHint: "Every plugin installed in this machine's profile is listed here. Official plugins ship with the DSH runtime and cannot be disabled; the rest can be toggled — changes take effect after DSH restarts.",
+				pluginsEmpty: "No plugins in this profile.",
+				pluginsUnavailable: "Cannot read the plugin inventory: {reason}",
+				pluginsProblems: "{count} need attention",
+				pluginsCheckUpdates: "Check for updates",
+				pluginsChecking: "Checking…",
+				pluginsOpenList: "Open plugin list",
+				pluginsOpenListUnavailable: "This DSH version cannot jump to the plugin list yet.",
+				pluginsEnable: "Enable",
+				pluginsDisable: "Disable",
+				pluginsEnabled: "enabled",
+				pluginsDisabled: "disabled",
+				pluginsToggled: "{name} {state}.",
+				pluginsRestartRequired: "The change was written to the profile package.json (the original is backed up). The plugin list is read once at DSH startup, so restart to apply it.",
+				pluginsStateLoaded: "Loaded",
+				pluginsStateRuntimeProvided: "Shipped with the runtime",
+				pluginsStateInstalledNotLoaded: "Installed, not loaded",
+				pluginsStateDeclaredMissing: "Declared but missing",
+				pluginsUpdateAvailable: "Update to {version}",
+				pluginsLatest: "Up to date",
+				pluginsNoDescription: "This package has no description",
+				pluginsErrorOfficial: "Official plugins ship with the DSH runtime and cannot be disabled here.",
+				pluginsErrorNameInvalid: "That plugin name is not valid.",
+				pluginsErrorProfileUnknown: "The profile directory could not be found, so the plugin list was left untouched.",
+				pluginsErrorManifestUnreadable: "The profile package.json could not be parsed, so it was left untouched.",
+				pluginsErrorNotInstalled: "That plugin is not installed in this profile — install it before enabling it.",
 				restore: "Restore",
 				deletePermanently: "Delete permanently",
 				purgeConfirm: "Permanently delete this trash item? This cannot be undone.",
@@ -30826,82 +30911,6 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region src/client/styles.ts
-		const STYLE_ID = "dsh-workspace-style";
-		/**
-		* 插件的全部样式。
-		*
-		* 导出出来是为了让测试能守住一条容易失守的不变量：**CSS 变量块必须同时覆盖
-		* `.daw-root` 与 `.daw-settings-section`**。
-		*
-		* 这条防线来自一个真实发生过的隐形 bug：设置页内联渲染时，那一节没有 `.daw-root` 祖先，
-		* 于是 `var(--daw-accent)` 解析失败 → `.daw-command.primary` 的 `background` 失效变透明、
-		* 而 `color` 仍是 `#fff` → **白字落在白底上，按钮彻底看不见**。
-		* 类型检查、单测、构建全都发现不了，只有肉眼看渲染或量计算样式才抓得到。
-		*/
-		const WORKSPACE_CSS = `
-.daw-root,.daw-settings-section{--daw-bg:var(--dsw-alias-bg-base,var(--dsw-alias-bg-layer-2,#f7f8fa));--daw-panel:var(--dsw-alias-bg-layer-3,var(--dsw-alias-bg-layer-2,#fff));--daw-ink:var(--dsw-alias-label-primary,#18202a);--daw-muted:var(--dsw-alias-label-tertiary,#687381);--daw-line:var(--dsw-alias-border-l2,#dfe4e8);--daw-accent:var(--dsw-alias-brand-primary,#087f8c);--daw-accent-soft:var(--dsw-alias-bg-module-platform,#e5f5f6);--daw-good:var(--dsw-alias-state-success-primary,#2f7d4a);--daw-danger:var(--dsw-alias-state-error-primary,#b33a3a);color:var(--daw-ink);background:transparent;font:13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;min-width:0}
-.daw-root *,.daw-settings-section *{box-sizing:border-box;letter-spacing:0}
-/* 输入控件基线（UI-04）：此前只有 :focus-visible 一条，非聚焦态全靠浏览器默认（2px inset/Arial/灰底），
-   深色令牌下实测白底黑字与面板割裂。这里给齐边框/底/字/内边距，聚焦态只换描边。 */
-.daw-input{width:100%;min-width:0;height:30px;padding:4px 9px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));border-radius:6px;background:var(--dsw-alias-bg-layer-3,var(--daw-panel));color:var(--dsw-alias-label-primary,var(--daw-ink));font:inherit}
-.daw-input::placeholder{color:var(--dsw-alias-label-tertiary,var(--daw-muted))}
-.daw-input:focus-visible{border-color:var(--dsw-alias-brand-primary,var(--daw-accent));outline:none}
-.daw-input:disabled{opacity:.55;cursor:not-allowed}.daw-icon{width:30px;padding:0}
-.daw-icon:hover{background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft))}
-.daw-icon.danger{color:var(--daw-danger);border-color:transparent;background:transparent}
-.daw-icon:disabled{opacity:.45;cursor:not-allowed}
-/* 普通命令按钮基线（UI-04）：旧版写死 background:#fff/border:#cbd2d8，深色令牌下成了白块黑字。
-   全部改走 DSH 令牌；.primary 沿用面板底色做次按钮、真正的主操作由调用方加 .primary 配合。 */
-.daw-command{height:30px;padding:0 12px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-layer-3,var(--daw-panel));color:var(--dsw-alias-label-primary,var(--daw-ink));font:inherit;cursor:pointer}
-.daw-command:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
-.daw-command:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--daw-accent));outline-offset:1px}
-/* 禁用态（UI-05）：此前无任何 :disabled 样式，只剩浏览器默认的 30% 文字且仍是箭头手型。 */
-.daw-command:disabled{opacity:.5;cursor:not-allowed}
-.daw-command.primary{color:var(--dsw-alias-label-primary,var(--daw-ink));background:var(--dsw-alias-bg-module-platform,var(--daw-panel));border-color:var(--dsw-alias-border-l2,var(--daw-line));font-weight:500}
-.daw-command.primary:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2,var(--daw-panel));border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
-.daw-command.danger{color:var(--daw-danger)}
-.daw-command.danger:hover:not(:disabled){border-color:var(--daw-danger)}
-/* 图标+文字的小复制按钮：图标和文字对齐，窄屏只露图标也不改变按钮高度。 */
-.daw-command.icon-as-command{display:inline-flex;align-items:center;gap:6px;padding:0 10px;white-space:nowrap}
-.daw-copy-label{font-size:12px}
-.daw-empty{padding:14px 2px;text-align:center}
-.daw-admin{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.daw-admin h3{font-size:14px;margin:0 0 12px}
-.daw-card{border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-layer-3,var(--daw-panel));border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
-.daw-card:hover{border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
-.daw-card-open{background:var(--dsw-alias-bg-layer-2,var(--daw-panel));border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
-.daw-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
-.daw-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--daw-accent));outline-offset:-2px}
-.daw-card-icon{color:var(--dsw-alias-label-tertiary,var(--daw-muted));flex:none;display:flex;align-items:center}
-.daw-card-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
-.daw-card-name{color:var(--dsw-alias-label-primary,var(--daw-ink));font-size:15px;font-weight:600;line-height:1.4}
-.daw-card-desc{color:var(--dsw-alias-label-tertiary,var(--daw-muted));font-size:13px;line-height:1.5}
-.daw-card-chevron{color:var(--dsw-alias-label-tertiary,var(--daw-muted));flex:none;transition:transform .16s;font-size:12px;line-height:1}
-.daw-card-chevron-open{transform:rotate(180deg)}
-.daw-card-body{border-top:1px solid var(--dsw-alias-border-l2,var(--daw-line));margin:0 16px;padding-bottom:8px}.daw-settings-section{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;min-height:0}.daw-settings-section>.daw-list-meta{margin:0}.daw-settings-section .daw-admin{padding:14px 2px}.daw-qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.daw-qr-card{margin:0;display:grid;justify-items:center;gap:8px;padding:16px;border:1px solid var(--daw-line);border-radius:6px;background:var(--daw-panel)}.daw-qr-image{width:180px;height:180px;background:var(--dsw-alias-bg-layer-3,#fff);border-radius:4px}.daw-qr-site{font-weight:600}.daw-qr-url{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--daw-accent);text-decoration:none;overflow-wrap:anywhere;text-align:center}.daw-qr-url:hover{text-decoration:underline}.daw-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.45fr) auto;gap:8px;margin-bottom:14px}.daw-listener-form{display:grid;grid-template-columns:minmax(180px,1fr) 130px auto;gap:8px;align-items:end}.daw-field{display:grid;gap:5px;color:var(--dsw-alias-label-secondary,var(--daw-muted));font-size:12px}.daw-listener-status{display:flex;flex-wrap:wrap;gap:5px 18px;padding:9px 0;color:var(--daw-muted);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.daw-listener-hint{margin:0 0 8px}.daw-list{border-top:1px solid var(--daw-line)}.daw-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--daw-line);padding:7px 2px}.daw-list-title{font-weight:600;overflow-wrap:anywhere}
-.daw-list-title .daw-pill{margin-left:8px;vertical-align:middle}
-.daw-builtin-hint{text-align:right;align-self:center}
-.daw-builtin-notice{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft))}.daw-list-meta{font-size:12px;color:var(--daw-muted);overflow-wrap:anywhere}.daw-scope-grid{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 0}.daw-check{display:inline-flex;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary,var(--daw-muted))}.daw-code{font:600 22px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px!important;padding:14px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));border-radius:8px;text-align:center;margin:12px 0}.daw-warning{flex:none;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));padding:9px 11px;color:var(--daw-muted);margin-bottom:0}.daw-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));color:var(--dsw-alias-label-secondary,var(--daw-muted));font-size:11px;font-weight:500;line-height:17px}.daw-pill.on{background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));color:var(--dsw-alias-state-success-primary,var(--daw-good))}.daw-tunnel{margin-top:14px;border-top:1px dashed var(--dsw-alias-border-l2,var(--daw-line));padding-top:12px}.daw-tunnel-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.daw-tunnel-url{font:500 13px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;padding:9px 11px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));border-radius:8px}.daw-tunnel-progress{max-width:360px}.daw-progress-track{height:6px;border-radius:999px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));overflow:hidden}.daw-progress-fill{height:100%;border-radius:999px;background:var(--dsw-alias-state-info-primary,var(--daw-accent,var(--daw-line)));transition:width .25s ease}.daw-inline-command{margin-left:8px}
-/* 成功反馈条（UI-07）：与 .daw-warning 同形，但走成功色，操作成功不再静默。 */
-.daw-success{flex:none;border:1px solid var(--dsw-alias-state-success-primary,var(--daw-good));border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));padding:9px 11px;color:var(--dsw-alias-state-success-primary,var(--daw-good));margin-bottom:0}
-.daw-admin-topbar{display:flex;justify-content:flex-end;margin-bottom:8px}
-.daw-url-row{display:flex;align-items:center;gap:8px;margin-top:8px}.daw-url-row .daw-tunnel-url{flex:1 1 auto;margin:0;min-width:0}
-.daw-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.daw-code-row .daw-code{margin:0;flex:1 1 220px;min-width:0}.daw-copy-inline{flex:none}
-/* 隧道/监听进行中的流动条（UI-08）：percent=null 时铺一段高光在轨道里循环滑动，
-   不再把「未知进度」伪装成恒定 30%。 */
-.daw-progress-fill.indeterminate{width:40%;background:linear-gradient(90deg,transparent,var(--dsw-alias-state-info-primary,var(--daw-accent,var(--daw-line))),transparent);animation:daw-indeterminate 1.1s ease-in-out infinite}
-@keyframes daw-indeterminate{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
-@media (max-width:720px){.daw-form-row,.daw-listener-form{grid-template-columns:1fr}.daw-admin{padding:12px}.daw-qr-grid{grid-template-columns:1fr}.daw-qr-image{width:150px;height:150px}.daw-inline-command{margin:8px 0 0}}
-`;
-		function installWorkspaceStyles() {
-			if (document.getElementById(STYLE_ID) !== null) return;
-			const style = document.createElement("style");
-			style.id = STYLE_ID;
-			style.dataset.plugin = "dsh-workspace";
-			style.textContent = WORKSPACE_CSS;
-			document.head.appendChild(style);
-		}
-		//#endregion
 		//#region src/shared/contracts.ts
 		const DEVICE_SCOPES = [
 			"chat.read",
@@ -31006,6 +31015,7 @@ window.__ModuleLoader__.load({
 			devices: "devicesTabDesc",
 			image: "imageTabDesc",
 			trash: "trashTabDesc",
+			plugins: "pluginsTabDesc",
 			"app-download": "appDownloadTabDesc"
 		};
 		function tabDescKey(tab) {
@@ -31048,7 +31058,8 @@ window.__ModuleLoader__.load({
 		function PhoneSettingsBody(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdminPanel, {
 				api: props.api,
-				initialOpen: props.section
+				initialOpen: props.section,
+				onOpenPluginList: props.onOpenPluginList
 			});
 		}
 		/**
@@ -31956,6 +31967,12 @@ window.__ModuleLoader__.load({
 							}, item.id))
 						})]
 					}, "trash"),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginsSection, {
+						api: props.api,
+						open: isOpen("plugins"),
+						onToggle: () => toggleCard("plugins"),
+						onOpenPluginList: props.onOpenPluginList
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppDownloadSection, {
 						open: isOpen("app-download"),
 						onToggle: () => toggleCard("app-download")
@@ -31964,6 +31981,190 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* 插件卡片：这台机器 profile 里装了哪些插件、能不能停用、有没有更新。
+		*
+		* ## 为什么加这张卡
+		*
+		* 用户的反馈是「功能单调点，无法查看装的插件情况」—— 想知道装了哪些插件、有没有出问题的，
+		* 必须回到电脑前的 WebUI。宿主的 `GET /settings/plugins` 与 `PATCH /settings/plugins` 早就有，
+		* 只是浏览器半边从来没有消费它们；这张卡补的就是那半截。
+		*
+		* ## 三个必须说清楚的地方
+		*
+		* 1. **官方包不能停**（`toggleable === false`）。它们随 DSH 运行时安装、不由 profile 管理，
+		*    改 bundles 也加载不出来。服务端会拒绝并回 `PLUGIN_OFFICIAL_IMMUTABLE`，这里干脆不给按钮。
+		* 2. **`runtime-provided` 不是故障**。官方包出现在 `dsh.profile.bundles` 里但不在 profile 的
+		*    node_modules 下，早期实现把它误判成「声明加载但缺失」，真机上一次冒出 5 条假警报。
+		* 3. **改完要重启**。bundles 只在启动时读一次，所以成功提示不是「已停用」而是
+		*    「已写进 package.json，重启后生效」—— 否则用户会以为点了没反应，再点几次。
+		*
+		* ## 更新检查为什么是按钮而不是自动
+		*
+		* 它要打 npm registry，十次里九次用户只想看「装了啥」。默认不查，`updateAvailable` 因此是
+		* 三态（`null` = 没查），而不是压成 `false` 去谎称「已是最新」。
+		*/
+		function PluginsSection(props) {
+			const { t } = useWorkspaceI18n();
+			const [inventory, setInventory] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [checking, setChecking] = (0, react.useState)(false);
+			const [toggling, setToggling] = (0, react.useState)(void 0);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [restartRequired, setRestartRequired] = (0, react.useState)(false);
+			const [openListMissing, setOpenListMissing] = (0, react.useState)(false);
+			const load = (0, react.useCallback)(async (checkUpdates) => {
+				if (checkUpdates) setChecking(true);
+				else setBusy(true);
+				setError(void 0);
+				try {
+					setInventory(await props.api.pluginInventory(checkUpdates));
+				} catch (cause) {
+					setError(messageOf(cause, t));
+				} finally {
+					if (checkUpdates) setChecking(false);
+					else setBusy(false);
+				}
+			}, [props.api, t]);
+			(0, react.useEffect)(() => {
+				if (!props.open || inventory !== void 0) return;
+				load(false);
+			}, [
+				props.open,
+				inventory,
+				load
+			]);
+			const toggle = (0, react.useCallback)(async (entry) => {
+				setToggling(entry.name);
+				setError(void 0);
+				try {
+					await props.api.togglePlugin(entry.name, !entry.loaded);
+					setInventory(await props.api.pluginInventory(false));
+					setRestartRequired(true);
+				} catch (cause) {
+					setError(messageOf(cause, t));
+				} finally {
+					setToggling(void 0);
+				}
+			}, [props.api, t]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SettingsCard, {
+				tab: "plugins",
+				nameKey: tabLabelKey("plugins"),
+				descKey: tabDescKey("plugins"),
+				open: props.open,
+				onToggle: props.onToggle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "daw-list-meta",
+						children: t("pluginsHint")
+					}),
+					error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-warning",
+						role: "alert",
+						children: error
+					}),
+					restartRequired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-success",
+						role: "status",
+						children: t("pluginsRestartRequired")
+					}),
+					openListMissing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-warning",
+						role: "status",
+						children: t("pluginsOpenListUnavailable")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "daw-form-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "daw-command",
+							disabled: checking,
+							onClick: () => {
+								load(true);
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { size: 14 }),
+								" ",
+								checking ? t("pluginsChecking") : t("pluginsCheckUpdates")
+							]
+						}), props.onOpenPluginList !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "daw-command",
+							onClick: () => {
+								setOpenListMissing(props.onOpenPluginList?.() === false);
+							},
+							children: t("pluginsOpenList")
+						})]
+					}),
+					inventory === void 0 ? busy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-list-meta",
+						children: t("loading")
+					}) : null : !inventory.available ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-list-meta",
+						children: t("pluginsUnavailable", { reason: inventory.reason ?? "" })
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "daw-list-meta",
+						children: [
+							inventory.profile !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [inventory.profile, " · "] }),
+							inventory.loadedCount,
+							" / ",
+							inventory.items.length,
+							inventory.problemCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" · ", t("pluginsProblems", { count: inventory.problemCount })] })
+						]
+					}), inventory.items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-list-meta daw-empty",
+						children: t("pluginsEmpty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "daw-list",
+						children: inventory.items.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "daw-list-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "daw-list-title",
+									children: [entry.name, entry.installed !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "daw-list-meta",
+										children: [" · ", entry.installed]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "daw-list-meta",
+									children: entry.description ?? t("pluginsNoDescription")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "daw-list-meta",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: `daw-pill${entry.loaded ? " on" : ""}`,
+											children: t(pluginStateKey(entry.state))
+										}),
+										entry.updateAvailable === true && entry.latestVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "daw-pill",
+											children: t("pluginsUpdateAvailable", { version: entry.latestVersion })
+										})] }),
+										entry.updateAvailable === false && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" · ", t("pluginsLatest")] })
+									]
+								})
+							] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: entry.toggleable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "daw-command",
+								disabled: toggling === entry.name,
+								onClick: () => {
+									toggle(entry);
+								},
+								children: entry.loaded ? t("pluginsDisable") : t("pluginsEnable")
+							}) })]
+						}, entry.name))
+					})] })
+				]
+			});
+		}
+		/** 四种 `PluginState` 各自的中文/英文说法 —— 状态本身是产品语义，不该在界面上露出裸码。 */
+		function pluginStateKey(state) {
+			if (state === "loaded") return "pluginsStateLoaded";
+			if (state === "runtime-provided") return "pluginsStateRuntimeProvided";
+			if (state === "installed-not-loaded") return "pluginsStateInstalledNotLoaded";
+			return "pluginsStateDeclaredMissing";
+		}
+		/**
 		* The App download page: one QR card per release host.
 		*
 		* The codes come from `APP_QR_CODES` as inlined SVG data URLs, so this page makes **no network
@@ -32261,6 +32462,7 @@ window.__ModuleLoader__.load({
 			if (tab === "devices") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Smartphone, { size: 15 });
 			if (tab === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Image, { size: 15 });
 			if (tab === "trash") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Trash2, { size: 15 });
+			if (tab === "plugins") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Package, { size: 15 });
 			if (tab === "remote") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Upload, { size: 15 });
 			if (tab === "app-download") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.Download, { size: 15 });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.File, { size: 15 });
@@ -32295,6 +32497,11 @@ window.__ModuleLoader__.load({
 			if (error.code === "ADMIN_PROXY_FORWARDED") return "errorAdminProxyForwarded";
 			if (error.code === "ADMIN_HOST_NOT_LOOPBACK") return "errorAdminHostNotLoopback";
 			if (error.code === "ADMIN_LOOPBACK_REQUIRED") return "errorAdminLoopbackRequired";
+			if (error.code === "PLUGIN_OFFICIAL_IMMUTABLE") return "pluginsErrorOfficial";
+			if (error.code === "PLUGIN_NAME_INVALID") return "pluginsErrorNameInvalid";
+			if (error.code === "PROFILE_UNKNOWN") return "pluginsErrorProfileUnknown";
+			if (error.code === "MANIFEST_UNREADABLE") return "pluginsErrorManifestUnreadable";
+			if (error.code === "PLUGIN_NOT_INSTALLED") return "pluginsErrorNotInstalled";
 			if (error.code.includes("PATH") || error.code.includes("SYMLINK") || error.code.includes("REPARSE")) return "errorPathInvalid";
 			if (error.status === 403) return "errorForbidden";
 			if (error.status === 404) return "errorNotFound";
@@ -32309,9 +32516,329 @@ window.__ModuleLoader__.load({
 			return new Promise((resolve) => setTimeout(resolve, ms));
 		}
 		//#endregion
+		//#region src/client/plugins.tsx
+		/**
+		* 插件清单的右侧栏形态：一个真正的 `SidebarRightTabDefinition`。
+		*
+		* ## 为什么不是「再注册一个 slot」
+		*
+		* 报告里第 2 项讲的是 DSH 0.2.1-rc.3 的三处 pin 机制（`view-pins` / `panel-pins` /
+		* `guide-pins`）。pin 只作用于**注册了 panel / view / guide 的插件**——桥原来那两个座位
+		* （`conversation.chat.turnTail` 与 `settings.section`）都不在这三者的管辖内，所以哪怕把
+		* 三个新 slot 全注册一遍，桥自己的东西也一个都 pin 不到，只能消费别人的条目。
+		*
+		* 要真拿到 pin，唯一的路是**成为 tab 类型提供方**：往 `sidebarRightTabs` 注册一个
+		* definition，并在 `sidebar.right.pane.tab` / `.title` 两个 keyed seat 上按 `definition.id`
+		* 挂上 body 与标题。这样 guide 页会列出这张卡片，用户能在 rc.3 的 More 菜单里把它
+		* 固定 / 取消固定（`guide-pins.d.ts` 的 `FIXED_GUIDE_KIND = "files"` 只豁免文件卡片，
+		* 桥的 kind 不在豁免名单里）。
+		*
+		* ## 为什么单独一个文件
+		*
+		* `workspace.tsx` 已经 1200 多行，而 `docs/project/TECH-DEBT.md` 的行数预算写的是
+		* 600 行/文件、超预算要先登记。把新 UI 面拆出来既不加剧那笔债，也让「设置页里的折叠卡」
+		* 与「右侧栏的常驻 tab」这两种形态各自独立演进。
+		*
+		* ## rc.2 上的降级
+		*
+		* `sidebarRightTabs` 在 rc.2 与 rc.3 都提供，definition 契约两版一致，所以 tab 本身能用；
+		* 但 rc.2 的 `GuideBody` 没有 `entryPins` / `entryActions` / More 菜单，卡片会正常列出、
+		* 点开也正常，只是**不能 pin**。这是可接受的降级：能力随宿主版本生长，桥不做版本判断。
+		*/
+		/** definition 的 id：tab 系统的实现身份，同时是 body/title 两个 keyed seat 的 key。 */
+		const PLUGINS_TAB_ID = "dsh-remote-bridge-plugins";
+		/**
+		* tab 类型名。
+		*
+		* 必须与 DSH 内置类型不冲突 —— 内置的有 `guide` / `files` / `terminal` / `browser` /
+		* `plan` / `schedule` / `deliverables` 等。冲突时 `sidebarRightTabs.register` 会抛
+		* `sidebarRight: tab kind "…" is already registered`，整个插件起不来，所以带上插件前缀。
+		*/
+		const PLUGINS_TAB_KIND = "remote-bridge-plugins";
+		/**
+		* 构造 tab 类型定义。
+		*
+		* 文案用 thunk（`() => string`）而不是现取的字符串：契约里写明 thunk 每次使用都会重读，
+		* 所以切换语言不需要重新注册。`title` 是 tab chip 的初始文字，开 tab 的那一刻被捕获进
+		* layout record。
+		*
+		* `patterns` 故意省略 —— 省略即「page type」，只能按 kind 打开（guide 卡片点一下就是这条路），
+		* 不会被文件地址意外匹配到。`priority` 用默认的 `extension`。
+		*/
+		function pluginsTabDefinition() {
+			const label = () => translate(getWorkspaceLocale(), "pluginsTab");
+			const description = () => translate(getWorkspaceLocale(), "pluginsTabDesc");
+			return {
+				id: PLUGINS_TAB_ID,
+				kind: PLUGINS_TAB_KIND,
+				title: label,
+				guide: [{
+					id: "plugins",
+					order: 40,
+					title: label,
+					description,
+					icon: import_lucide_react.Package
+				}]
+			};
+		}
+		/**
+		* tab chip 里的文字。
+		*
+		* 不读 `useTabInfo` 是刻意的：标题在开 tab 时就被捕获了，跟着当前语言走没有意义；
+		* 而且 rc.2 / rc.3 的 hook 注入形状不同，少依赖一处就少一处版本耦合。
+		*/
+		function PluginsTabTitle() {
+			const { t } = useWorkspaceI18n();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t("pluginsTab") });
+		}
+		/**
+		* 右侧栏里的插件清单。
+		*
+		* 与设置页那张折叠卡读同一对端点（`GET/PATCH /settings/plugins`），但形态不同：
+		* 这里是**常驻面板**，没有卡片外壳，清单直接铺开；刷新按钮常驻而不是「展开才拉」——
+		* 用户既然把这张卡 pin 到了 guide 页，就是打算经常看。
+		*
+		* 三条与设置页一致的产品约束（详见 `workspace.tsx` 的 `PluginsSection` 注释）：
+		* 官方包不可停用、`runtime-provided` 不是故障、改完要重启才生效。
+		*/
+		function makePluginsTabBody(api) {
+			return function PluginsTabBody() {
+				const { t } = useWorkspaceI18n();
+				const [inventory, setInventory] = (0, react.useState)(void 0);
+				const [busy, setBusy] = (0, react.useState)(false);
+				const [checking, setChecking] = (0, react.useState)(false);
+				const [toggling, setToggling] = (0, react.useState)(void 0);
+				const [error, setError] = (0, react.useState)(void 0);
+				const [restartRequired, setRestartRequired] = (0, react.useState)(false);
+				const load = (0, react.useCallback)(async (checkUpdates) => {
+					if (checkUpdates) setChecking(true);
+					else setBusy(true);
+					setError(void 0);
+					try {
+						setInventory(await api.pluginInventory(checkUpdates));
+					} catch (cause) {
+						setError(messageOf(cause, t));
+					} finally {
+						if (checkUpdates) setChecking(false);
+						else setBusy(false);
+					}
+				}, [t]);
+				(0, react.useEffect)(() => {
+					load(false);
+				}, [load]);
+				const toggle = (0, react.useCallback)(async (entry) => {
+					setToggling(entry.name);
+					setError(void 0);
+					try {
+						await api.togglePlugin(entry.name, !entry.loaded);
+						setInventory(await api.pluginInventory(false));
+						setRestartRequired(true);
+					} catch (cause) {
+						setError(messageOf(cause, t));
+					} finally {
+						setToggling(void 0);
+					}
+				}, [t]);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "daw-plugins-tab",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "daw-list-meta",
+							children: t("pluginsHint")
+						}),
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-warning",
+							role: "alert",
+							children: error
+						}),
+						restartRequired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-success",
+							role: "status",
+							children: t("pluginsRestartRequired")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "daw-form-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "daw-command",
+								disabled: busy,
+								onClick: () => {
+									load(false);
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { size: 14 }),
+									" ",
+									busy ? t("loading") : t("refresh")
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "daw-command",
+								disabled: checking,
+								onClick: () => {
+									load(true);
+								},
+								children: checking ? t("pluginsChecking") : t("pluginsCheckUpdates")
+							})]
+						}),
+						inventory === void 0 ? busy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-list-meta",
+							children: t("loading")
+						}) : null : !inventory.available ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-list-meta",
+							children: t("pluginsUnavailable", { reason: inventory.reason ?? "" })
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "daw-list-meta",
+							children: [
+								inventory.profile !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [inventory.profile, " · "] }),
+								inventory.loadedCount,
+								" / ",
+								inventory.items.length,
+								inventory.problemCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" · ", t("pluginsProblems", { count: inventory.problemCount })] })
+							]
+						}), inventory.items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-list-meta daw-empty",
+							children: t("pluginsEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "daw-list",
+							children: inventory.items.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "daw-list-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "daw-list-title",
+										children: [entry.name, entry.installed !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "daw-list-meta",
+											children: [" · ", entry.installed]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "daw-list-meta",
+										children: entry.description ?? t("pluginsNoDescription")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "daw-list-meta",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: `daw-pill${entry.loaded ? " on" : ""}`,
+												children: t(pluginStateKey(entry.state))
+											}),
+											entry.updateAvailable === true && entry.latestVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "daw-pill",
+												children: t("pluginsUpdateAvailable", { version: entry.latestVersion })
+											})] }),
+											entry.updateAvailable === false && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" · ", t("pluginsLatest")] })
+										]
+									})
+								] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: entry.toggleable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "daw-command",
+									disabled: toggling === entry.name,
+									onClick: () => {
+										toggle(entry);
+									},
+									children: entry.loaded ? t("pluginsDisable") : t("pluginsEnable")
+								}) })]
+							}, entry.name))
+						})] })
+					]
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		const STYLE_ID = "dsh-workspace-style";
+		/**
+		* 插件的全部样式。
+		*
+		* 导出出来是为了让测试能守住一条容易失守的不变量：**CSS 变量块必须同时覆盖
+		* `.daw-root` 与 `.daw-settings-section`**。
+		*
+		* 这条防线来自一个真实发生过的隐形 bug：设置页内联渲染时，那一节没有 `.daw-root` 祖先，
+		* 于是 `var(--daw-accent)` 解析失败 → `.daw-command.primary` 的 `background` 失效变透明、
+		* 而 `color` 仍是 `#fff` → **白字落在白底上，按钮彻底看不见**。
+		* 类型检查、单测、构建全都发现不了，只有肉眼看渲染或量计算样式才抓得到。
+		*/
+		const WORKSPACE_CSS = `
+.daw-root,.daw-settings-section,.daw-plugins-tab{--daw-bg:var(--dsw-alias-bg-base,var(--dsw-alias-bg-layer-2,#f7f8fa));--daw-panel:var(--dsw-alias-bg-layer-3,var(--dsw-alias-bg-layer-2,#fff));--daw-ink:var(--dsw-alias-label-primary,#18202a);--daw-muted:var(--dsw-alias-label-tertiary,#687381);--daw-line:var(--dsw-alias-border-l2,#dfe4e8);--daw-accent:var(--dsw-alias-brand-primary,#087f8c);--daw-accent-soft:var(--dsw-alias-bg-module-platform,#e5f5f6);--daw-good:var(--dsw-alias-state-success-primary,#2f7d4a);--daw-danger:var(--dsw-alias-state-error-primary,#b33a3a);color:var(--daw-ink);background:transparent;font:13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;min-width:0}
+.daw-root *,.daw-settings-section *,.daw-plugins-tab *{box-sizing:border-box;letter-spacing:0}
+/* 输入控件基线（UI-04）：此前只有 :focus-visible 一条，非聚焦态全靠浏览器默认（2px inset/Arial/灰底），
+   深色令牌下实测白底黑字与面板割裂。这里给齐边框/底/字/内边距，聚焦态只换描边。 */
+.daw-input{width:100%;min-width:0;height:30px;padding:4px 9px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));border-radius:6px;background:var(--dsw-alias-bg-layer-3,var(--daw-panel));color:var(--dsw-alias-label-primary,var(--daw-ink));font:inherit}
+.daw-input::placeholder{color:var(--dsw-alias-label-tertiary,var(--daw-muted))}
+.daw-input:focus-visible{border-color:var(--dsw-alias-brand-primary,var(--daw-accent));outline:none}
+.daw-input:disabled{opacity:.55;cursor:not-allowed}.daw-icon{width:30px;padding:0}
+.daw-icon:hover{background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft))}
+.daw-icon.danger{color:var(--daw-danger);border-color:transparent;background:transparent}
+.daw-icon:disabled{opacity:.45;cursor:not-allowed}
+/* 普通命令按钮基线（UI-04）：旧版写死 background:#fff/border:#cbd2d8，深色令牌下成了白块黑字。
+   全部改走 DSH 令牌；.primary 沿用面板底色做次按钮、真正的主操作由调用方加 .primary 配合。 */
+.daw-command{height:30px;padding:0 12px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-layer-3,var(--daw-panel));color:var(--dsw-alias-label-primary,var(--daw-ink));font:inherit;cursor:pointer}
+.daw-command:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
+.daw-command:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--daw-accent));outline-offset:1px}
+/* 禁用态（UI-05）：此前无任何 :disabled 样式，只剩浏览器默认的 30% 文字且仍是箭头手型。 */
+.daw-command:disabled{opacity:.5;cursor:not-allowed}
+.daw-command.primary{color:var(--dsw-alias-label-primary,var(--daw-ink));background:var(--dsw-alias-bg-module-platform,var(--daw-panel));border-color:var(--dsw-alias-border-l2,var(--daw-line));font-weight:500}
+.daw-command.primary:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2,var(--daw-panel));border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
+.daw-command.danger{color:var(--daw-danger)}
+.daw-command.danger:hover:not(:disabled){border-color:var(--daw-danger)}
+/* 图标+文字的小复制按钮：图标和文字对齐，窄屏只露图标也不改变按钮高度。 */
+.daw-command.icon-as-command{display:inline-flex;align-items:center;gap:6px;padding:0 10px;white-space:nowrap}
+.daw-copy-label{font-size:12px}
+.daw-empty{padding:14px 2px;text-align:center}
+.daw-admin{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.daw-admin h3{font-size:14px;margin:0 0 12px}
+.daw-card{border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-layer-3,var(--daw-panel));border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
+.daw-card:hover{border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
+.daw-card-open{background:var(--dsw-alias-bg-layer-2,var(--daw-panel));border-color:var(--dsw-alias-label-dimmed,var(--daw-line))}
+.daw-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
+.daw-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,var(--daw-accent));outline-offset:-2px}
+.daw-card-icon{color:var(--dsw-alias-label-tertiary,var(--daw-muted));flex:none;display:flex;align-items:center}
+.daw-card-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
+.daw-card-name{color:var(--dsw-alias-label-primary,var(--daw-ink));font-size:15px;font-weight:600;line-height:1.4}
+.daw-card-desc{color:var(--dsw-alias-label-tertiary,var(--daw-muted));font-size:13px;line-height:1.5}
+.daw-card-chevron{color:var(--dsw-alias-label-tertiary,var(--daw-muted));flex:none;transition:transform .16s;font-size:12px;line-height:1}
+.daw-card-chevron-open{transform:rotate(180deg)}
+.daw-card-body{border-top:1px solid var(--dsw-alias-border-l2,var(--daw-line));margin:0 16px;padding-bottom:8px}.daw-settings-section{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;min-height:0}.daw-plugins-tab{overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.daw-settings-section>.daw-list-meta{margin:0}.daw-settings-section .daw-admin{padding:14px 2px}.daw-qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.daw-qr-card{margin:0;display:grid;justify-items:center;gap:8px;padding:16px;border:1px solid var(--daw-line);border-radius:6px;background:var(--daw-panel)}.daw-qr-image{width:180px;height:180px;background:var(--dsw-alias-bg-layer-3,#fff);border-radius:4px}.daw-qr-site{font-weight:600}.daw-qr-url{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--daw-accent);text-decoration:none;overflow-wrap:anywhere;text-align:center}.daw-qr-url:hover{text-decoration:underline}.daw-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.45fr) auto;gap:8px;margin-bottom:14px}.daw-listener-form{display:grid;grid-template-columns:minmax(180px,1fr) 130px auto;gap:8px;align-items:end}.daw-field{display:grid;gap:5px;color:var(--dsw-alias-label-secondary,var(--daw-muted));font-size:12px}.daw-listener-status{display:flex;flex-wrap:wrap;gap:5px 18px;padding:9px 0;color:var(--daw-muted);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.daw-listener-hint{margin:0 0 8px}.daw-list{border-top:1px solid var(--daw-line)}.daw-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--daw-line);padding:7px 2px}.daw-list-title{font-weight:600;overflow-wrap:anywhere}
+.daw-list-title .daw-pill{margin-left:8px;vertical-align:middle}
+.daw-builtin-hint{text-align:right;align-self:center}
+.daw-builtin-notice{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft))}.daw-list-meta{font-size:12px;color:var(--daw-muted);overflow-wrap:anywhere}.daw-scope-grid{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 0}.daw-check{display:inline-flex;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary,var(--daw-muted))}.daw-code{font:600 22px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px!important;padding:14px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));border-radius:8px;text-align:center;margin:12px 0}.daw-warning{flex:none;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));padding:9px 11px;color:var(--daw-muted);margin-bottom:0}.daw-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));color:var(--dsw-alias-label-secondary,var(--daw-muted));font-size:11px;font-weight:500;line-height:17px}.daw-pill.on{background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));color:var(--dsw-alias-state-success-primary,var(--daw-good))}.daw-tunnel{margin-top:14px;border-top:1px dashed var(--dsw-alias-border-l2,var(--daw-line));padding-top:12px}.daw-tunnel-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.daw-tunnel-url{font:500 13px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;padding:9px 11px;border:1px solid var(--dsw-alias-border-l2,var(--daw-line));background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));border-radius:8px}.daw-tunnel-progress{max-width:360px}.daw-progress-track{height:6px;border-radius:999px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));overflow:hidden}.daw-progress-fill{height:100%;border-radius:999px;background:var(--dsw-alias-state-info-primary,var(--daw-accent,var(--daw-line)));transition:width .25s ease}.daw-inline-command{margin-left:8px}
+/* 成功反馈条（UI-07）：与 .daw-warning 同形，但走成功色，操作成功不再静默。 */
+.daw-success{flex:none;border:1px solid var(--dsw-alias-state-success-primary,var(--daw-good));border-radius:8px;background:var(--dsw-alias-bg-module-platform,var(--daw-accent-soft));padding:9px 11px;color:var(--dsw-alias-state-success-primary,var(--daw-good));margin-bottom:0}
+.daw-admin-topbar{display:flex;justify-content:flex-end;margin-bottom:8px}
+.daw-url-row{display:flex;align-items:center;gap:8px;margin-top:8px}.daw-url-row .daw-tunnel-url{flex:1 1 auto;margin:0;min-width:0}
+.daw-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.daw-code-row .daw-code{margin:0;flex:1 1 220px;min-width:0}.daw-copy-inline{flex:none}
+/* 隧道/监听进行中的流动条（UI-08）：percent=null 时铺一段高光在轨道里循环滑动，
+   不再把「未知进度」伪装成恒定 30%。 */
+.daw-progress-fill.indeterminate{width:40%;background:linear-gradient(90deg,transparent,var(--dsw-alias-state-info-primary,var(--daw-accent,var(--daw-line))),transparent);animation:daw-indeterminate 1.1s ease-in-out infinite}
+@keyframes daw-indeterminate{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
+@media (max-width:720px){.daw-form-row,.daw-listener-form{grid-template-columns:1fr}.daw-admin{padding:12px}.daw-qr-grid{grid-template-columns:1fr}.daw-qr-image{width:150px;height:150px}.daw-inline-command{margin:8px 0 0}}
+`;
+		function installWorkspaceStyles() {
+			if (document.getElementById(STYLE_ID) !== null) return;
+			const style = document.createElement("style");
+			style.id = STYLE_ID;
+			style.dataset.plugin = "dsh-workspace";
+			style.textContent = WORKSPACE_CSS;
+			document.head.appendChild(style);
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		const DEFAULT_SECTION = DEFAULT_PANEL_SECTION;
 		const api = new WorkspaceApi("/dsh-workspace-api/api/v1", "/dsh-workspace-api/manage", void 0, true);
+		/**
+		* 打开 DSH 自己的插件主列表。
+		*
+		* **特性检测，不是版本判断**：`pluginNavigation.openList` 是 DSH 0.2.1-rc.3 才加的
+		* （rc.2 只有 `openBundle`），而服务本身在更早的版本就有了。写死版本号会在
+		* 自定义构建 / 未来版本上误判，直接看方法在不在更可靠。
+		*
+		* 返回 `false` 让调用方知道「这次没跳成」，卡片据此给出提示 —— 静默失败是最糟的
+		* 交互，用户会以为按钮坏了。
+		*/
+		function openPluginList(ctx) {
+			const navigation = ctx.get?.("pluginNavigation", false);
+			if (typeof navigation?.openList !== "function") return false;
+			navigation.openList();
+			return true;
+		}
 		const inject = ["slots", "uiConversation"];
 		function apply(ctx) {
 			installWorkspaceStyles();
@@ -32327,7 +32854,37 @@ window.__ModuleLoader__.load({
 				name: "settings.section",
 				id: "dsh-remote-bridge",
 				order: 2
-			}, SettingsSection, "phoneSettings"), "dsh remote bridge settings section");
+			}, makeSettingsSection(ctx), "phoneSettings"), "dsh remote bridge settings section");
+			registerPluginsTab(ctx);
+		}
+		/**
+		* 把插件清单注册成右侧栏的一个 tab 类型，并在 guide 页列出可 pin 的卡片。
+		*
+		* 三件事必须同时成立，少一件这张卡就「有入口、点开空白」或「根本不出现在 guide 页」：
+		*
+		* 1. `sidebarRightTabs.register(definition)` —— 声明类型身份与 guide 条目；
+		* 2. `sidebar.right.pane.tab` 按 `key = definition.id` 挂 body；
+		* 3. `sidebar.right.pane.tab.title` 同样按 `key` 挂标题。
+		*
+		* 两个 keyed seat 用的是 `definition?.id ?? tab.kind` 做 dispatch key，所以 `key` 必须等于
+		* definition 的 `id`（不是 `kind`）—— 写错的表现是点开 tab 显示「不可用」占位。
+		*
+		* 依赖走 `ctx.inject` 而不是静态 `inject`：`sidebarRightTabs` 来自可选安装的
+		* `@deepseek-ai/dsh-client-ui-sidebar-right`，宿主没装时这里整段静默不执行，
+		* 设置页那张卡与交接图集照常工作。
+		*/
+		function registerPluginsTab(ctx) {
+			ctx.inject?.(["sidebarRightTabs"], (scope) => {
+				scope.effect(() => scope.sidebarRightTabs.register(pluginsTabDefinition()), "dsh remote bridge plugins tab type");
+				scope.effect(() => scope.slots.inject("sidebar.right.pane.tab", () => scope.slots.register({
+					name: "sidebar.right.pane.tab",
+					key: PLUGINS_TAB_ID
+				}, makePluginsTabBody(api))), "dsh remote bridge plugins tab body");
+				scope.effect(() => scope.slots.inject("sidebar.right.pane.tab.title", () => scope.slots.register({
+					name: "sidebar.right.pane.tab.title",
+					key: PLUGINS_TAB_ID
+				}, PluginsTabTitle)), "dsh remote bridge plugins tab title");
+			});
 		}
 		/**
 		* DSH 设置页里的「手机设置」一节。
@@ -32341,20 +32898,24 @@ window.__ModuleLoader__.load({
 		* 用户的另一条要求也靠内联才落地：二维码要**单独一页**（`app-download`），
 		* 它是导航栏里可点的一项，而不是藏在按钮后面。
 		*/
-		function SettingsSection() {
-			const { t } = useWorkspaceI18n();
-			const [section, setSection] = (0, react.useState)(DEFAULT_SECTION);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "daw-settings-section",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "daw-list-meta",
-					children: t("phoneSettingsHint")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhoneSettingsBody, {
-					api,
-					section,
-					onSection: setSection
-				})]
-			});
+		function makeSettingsSection(ctx) {
+			return function SettingsSection() {
+				const { t } = useWorkspaceI18n();
+				const [section, setSection] = (0, react.useState)(DEFAULT_SECTION);
+				const openList = (0, react.useCallback)(() => openPluginList(ctx), [ctx]);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "daw-settings-section",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "daw-list-meta",
+						children: t("phoneSettingsHint")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhoneSettingsBody, {
+						api,
+						section,
+						onSection: setSection,
+						onOpenPluginList: openList
+					})]
+				});
+			};
 		}
 		function localizedSlot(ctx, name, options, component, labelKey) {
 			return ctx.slots.inject(name, () => {