dsh-superagent-console 0.1.1 → 0.1.3

package/lib/client.js

@@ -4,8 +4,31 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		// \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
 		let react = require("react");
 		let react_dom = require("react-dom");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		_deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
 		let react_jsx_runtime = require("react/jsx-runtime");
 		// src/vendor/navigation.ts
 		/**
@@ -1334,13 +1357,14 @@ window.__ModuleLoader__.load({
 			});
 		}
 		// src/client/plugins-page.tsx
-		/** 
-		* Plugins tab for the official panel, styled after the DSH native plugin
-		* manager: a header with refresh and add-plugin actions, an install dialog
-		* with guide and examples, classified install failures, an uninstall
-		* confirmation, and a restart notice. Backed by the console API
-		* (/superagent-console/api/plugins*) and rendered with the panel's own
-		* primitives (dt-* classes mirror DSH ui-primitives).
+		/**
+		* Plugins tab for the official panel. The install dialog is rebuilt on the
+		* desktop client's own ui-primitives (required at runtime — kept external by
+		* tsdown, resolved by the ModuleLoader registry exactly like the native
+		* manager does), so the modal shares the native plugin dialog's typography,
+		* colors, focus rings and animation. Page-level dialog rules are ported
+		* verbatim from the native manager's CSS module under sgc-* class names
+		* (widths, gaps, the safety footer, the anchored registry popover).
 		*
 		* Backend contract (src/plugins.ts): install/remove run
 		* dsh plugin --profile <name> add|remove server-side (single-flight,
@@ -1375,26 +1399,75 @@ window.__ModuleLoader__.load({
 			if (/\bENOTFOUND\b|\bECONNRESET\b|\bETIMEDOUT\b|\bECONNREFUSED\b|\bEAI_AGAIN\b|FETCH_ERROR|Could not resolve/i.test(log)) return "network";
 			return "generic";
 		}
-		const GUIDE_EXAMPLES = [
+		const GUIDE_ITEMS = [
 			{
 				key: "Npm",
-				example: "dsh-plugin-whale-pet"
+				example: "dsh-plugin-whale-pet",
+				titleKey: "plugins.installGuideNpm",
+				hintKey: "plugins.installGuideNpmHint"
 			},
 			{
 				key: "Git",
-				example: "github:owner/dsh-plugin-example"
+				example: "github:owner/dsh-plugin-example",
+				titleKey: "plugins.installGuideGit",
+				hintKey: "plugins.installGuideGitHint"
 			},
 			{
 				key: "Path",
-				example: "/Users/me/MyCode/dsh-plugin-example"
+				example: "/Users/me/MyCode/dsh-plugin-example",
+				titleKey: "plugins.installGuidePath",
+				hintKey: "plugins.installGuidePathHint"
 			}
 		];
-		function GuideText({ kind }) {
-			const { t } = usePanel();
-			if (kind === "Npm") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t("plugins.installGuideNpm") });
-			if (kind === "Git") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t("plugins.installGuideGit") });
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t("plugins.installGuidePath") });
-		}
+		/**
+		* Dialog rules ported from the native manager's PluginManagerPage CSS module
+		* (values verbatim; class names renamed to the sgc- prefix so they cannot
+		* collide with either the native or the engine-panel classes).
+		*/
+		const SGC_CSS = `
+.sgc-installDialog{width:min(560px,100%);max-height:min(800px,100%)}
+.sgc-installContent{min-height:0;overflow-y:auto}
+.sgc-installBody{flex-direction:column;gap:12px;min-width:0;display:flex}
+.sgc-installField{flex-direction:column;gap:6px;font-size:13px;display:flex}
+.sgc-installField input[type=text]{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);height:40px;font:inherit;color:var(--dsw-alias-label-primary);outline:none;padding:0 14px;font-size:13px}
+.sgc-installField input[type=text]:focus,.sgc-registryCustomField:focus{border-color:var(--dsw-alias-state-business-primary);box-shadow:inset 0 0 0 .5px var(--dsw-alias-state-business-primary)}
+.sgc-optionsRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}
+.sgc-guideToggle{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:12.5px;display:inline-flex}
+.sgc-guideToggle:hover{color:var(--dsw-alias-label-primary)}
+.sgc-guideChevron{transition:transform .16s}
+.sgc-guideToggle[aria-expanded=true] .sgc-guideChevron,.sgc-registryToggle[aria-expanded=true] .sgc-guideChevron{transform:rotate(180deg)}
+.sgc-guide{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-1);flex-direction:column;gap:10px;padding:8px 14px;display:flex}
+.sgc-guideList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}
+.sgc-guideItem{align-items:flex-start;gap:10px;padding:8px 0;display:flex}
+.sgc-guideItem>button{align-self:center}
+.sgc-guideMain{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}
+.sgc-guideTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:20px}
+.sgc-guideHint{color:var(--dsw-alias-label-tertiary);margin:6px 0 0;font-size:12px;line-height:18px}
+.sgc-guideExample{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;font-size:12px;line-height:20px}
+.sgc-guideExample code{font-family:var(--ds-font-family-code)}
+.sgc-guideExampleLabel{color:var(--dsw-alias-label-tertiary)}
+.sgc-registryToggle{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2);height:28px;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:12.5px;display:inline-flex}
+.sgc-registryToggle:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
+.sgc-registryToggle:disabled{cursor:default;opacity:.6}
+.sgc-registryToggle[aria-expanded=true]{border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-bg-layer-3)}
+.sgc-registryChosen{color:var(--dsw-alias-label-primary);font-weight:500}
+.sgc-registry{z-index:1100;box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);border-radius:var(--dsw-radius-lg);width:min(440px,calc(100vw - 24px));box-shadow:var(--dsw-elevation-prominent);border:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:4px;min-width:0;margin:0;padding:8px;display:flex;position:fixed}
+.sgc-registryOption{border-radius:var(--dsw-radius-md);cursor:pointer;border:0;flex-direction:column;gap:4px;padding:8px 10px;display:flex}
+.sgc-registryOption:hover{background:var(--dsw-alias-interactive-bg-hover)}
+label.sgc-registryOption{flex-direction:row;align-items:flex-start;gap:10px}
+.sgc-registryOption input[type=radio]{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);flex:none;margin:2px 0 0}
+.sgc-registryTitle{color:var(--dsw-alias-label-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}
+.sgc-registryHint{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;font-size:12px;line-height:18px}
+.sgc-registryCustomField{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);height:32px;font:inherit;color:var(--dsw-alias-label-primary);outline:none;margin-left:26px;padding:0 10px;font-size:13px}
+.sgc-registryCustomError{margin:0 0 0 26px}
+.sgc-installFooter{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}
+.sgc-installSafety{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-label-secondary);align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12px;line-height:18px;display:flex}
+.sgc-installSafety>svg{color:var(--dsw-alias-state-warn-primary);flex:none;margin-top:2px}
+.sgc-installSafetyText{flex-direction:column;gap:4px;min-width:0;display:flex}
+.sgc-wide{border-radius:var(--dsw-radius-md);justify-content:center;width:100%;height:40px}
+.sgc-inputError{color:var(--dsw-alias-state-error-primary);margin:-4px 0 0;font-size:12px;line-height:18px}
+.sgc-dialogActions{display:flex;justify-content:flex-end;gap:10px}
+`;
 		function OutputBlock({ output }) {
 			if (!output) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
@@ -1406,15 +1479,37 @@ window.__ModuleLoader__.load({
 				children: output
 			});
 		}
+		const REGISTRY_CHOICES = [
+			{
+				value: "",
+				titleKey: "plugins.registryDefault"
+			},
+			{
+				value: "official",
+				titleKey: "plugins.registryOfficial"
+			},
+			{
+				value: "npmmirror",
+				titleKey: "plugins.registryNpmmirror"
+			},
+			{
+				value: "custom",
+				titleKey: "plugins.registryCustom"
+			}
+		];
 		function InstallModal({ open, onClose, onSettled }) {
 			const { t, notify } = usePanel();
 			const [spec, setSpec] = (0, react.useState)("");
 			const [step, setStep] = (0, react.useState)({ kind: "editing" });
 			const [guideOpen, setGuideOpen] = (0, react.useState)(false);
-			const [detailsOpen, setDetailsOpen] = (0, react.useState)(false);
-			const [lastOp, setLastOp] = (0, react.useState)(null);
+			const [registryOpen, setRegistryOpen] = (0, react.useState)(false);
 			const [registry, setRegistry] = (0, react.useState)("");
 			const [customRegistry, setCustomRegistry] = (0, react.useState)("");
+			const [customInvalid, setCustomInvalid] = (0, react.useState)(false);
+			const [detailsOpen, setDetailsOpen] = (0, react.useState)(false);
+			const [lastOp, setLastOp] = (0, react.useState)(null);
+			const registryToggleRef = (0, react.useRef)(null);
+			const [registryPos, setRegistryPos] = (0, react.useState)(null);
 			const settled = (0, react.useRef)(onSettled);
 			settled.current = onSettled;
 			(0, react.useEffect)(() => {
@@ -1432,26 +1527,79 @@ window.__ModuleLoader__.load({
 				};
 				const timer = setInterval(() => {
 					tick();
-				}, 1500);
+				}, 800);
 				tick();
 				return () => {
 					active = false;
 					clearInterval(timer);
 				};
 			}, [step.kind]);
+			(0, react.useEffect)(() => {
+				if (!registryOpen) return;
+				const place = () => {
+					const el = registryToggleRef.current;
+					if (!el) return;
+					const rect = el.getBoundingClientRect();
+					const width = Math.min(440, window.innerWidth - 24);
+					const left = Math.max(12, Math.min(rect.left, window.innerWidth - width - 12));
+					const top = Math.min(rect.bottom + 6, window.innerHeight - 200);
+					setRegistryPos({
+						left,
+						top
+					});
+				};
+				place();
+				window.addEventListener("resize", place);
+				window.addEventListener("scroll", place, true);
+				return () => {
+					window.removeEventListener("resize", place);
+					window.removeEventListener("scroll", place, true);
+				};
+			}, [registryOpen]);
+			(0, react.useEffect)(() => {
+				if (!registryOpen) return;
+				const onDoc = (event) => {
+					const target = event.target;
+					if (registryToggleRef.current?.contains(target)) return;
+					if (target instanceof Element && target.closest("[data-sgc-registry]")) return;
+					setRegistryOpen(false);
+				};
+				const onKey = (event) => {
+					if (event.key === "Escape") setRegistryOpen(false);
+				};
+				document.addEventListener("mousedown", onDoc);
+				document.addEventListener("keydown", onKey);
+				return () => {
+					document.removeEventListener("mousedown", onDoc);
+					document.removeEventListener("keydown", onKey);
+				};
+			}, [registryOpen]);
 			const run = async () => {
 				let chosen = null;
 				if (registry === "official") chosen = "https://registry.npmjs.org/";
 				else if (registry === "npmmirror") chosen = "https://registry.npmmirror.com/";
 				else if (registry === "custom") {
-					chosen = customRegistry.trim();
-					if (!/^https?:\/\/\S+$/.test(chosen)) {
-						notify(t("plugins.registryCustomInvalid"));
+					const url = customRegistry.trim();
+					if (!/^https?:\/\/\S+$/.test(url)) {
+						setCustomInvalid(true);
 						return;
 					}
+					chosen = url;
 				}
+				setRegistryOpen(false);
 				setDetailsOpen(false);
 				setLastOp(null);
+				setStep({ kind: "checking" });
+				try {
+					const { problems } = await post("/superagent-console/api/plugins/check", { spec: spec.trim() });
+					if (problems.length > 0) {
+						setStep({
+							kind: "refused",
+							problems
+						});
+						return;
+					}
+				} catch {}
 				setStep({ kind: "running" });
 				try {
 					await post("/superagent-console/api/plugins/install", {
@@ -1463,224 +1611,283 @@ window.__ModuleLoader__.load({
 					setStep({ kind: "editing" });
 				}
 			};
-			const submit = (event) => {
-				event.preventDefault();
-				if (spec.trim() && step.kind === "editing") run();
+			/** 立即启用: mount every bundle the add introduced, then surface the restart notice. */
+			const enableNow = async () => {
+				const bundles = lastOp?.installed?.filter((item) => item.bundle) ?? [];
+				for (const item of bundles) try {
+					await post("/superagent-console/api/plugins/enable", {
+						name: item.name,
+						enabled: true
+					});
+				} catch (failure) {
+					notify(errorText(failure));
+					return;
+				}
+				settled.current(true);
+				onClose();
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Modal, {
+			const editing = step.kind === "editing";
+			const enableTargets = step.kind === "done" && (lastOp?.installed?.some((item) => item.bundle) ?? false);
+			const chosenTitle = t((REGISTRY_CHOICES.find((choice) => choice.value === registry) ?? REGISTRY_CHOICES[0]).titleKey);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: SGC_CSS }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 				open,
 				onClose,
-				className: "dt-plugins-modal",
+				className: "sgc-installDialog",
+				contentClassName: "sgc-installContent",
 				title: step.kind === "running" ? t("plugins.installingTitle") : step.kind === "failed" ? t("plugins.installFailedTitle") : t("plugins.installTitle"),
 				closeLabel: t("plugins.installClose"),
-				description: step.kind === "editing" ? t("plugins.installDescription") : void 0,
-				footer: step.kind === "editing" ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					step.kind === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-						variant: "ghost",
-						onClick: onClose,
-						children: t("plugins.installClose")
-					}),
-					step.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-						variant: "ghost",
-						onClick: onClose,
-						children: t("plugins.installClose")
-					}),
-					step.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				description: editing ? t("plugins.installDescription") : void 0,
+				footer: editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "sgc-installFooter",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "sgc-installSafety",
+						role: "note",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconWarningOutlineRegular, {
+							size: 14,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "sgc-installSafetyText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("plugins.installGuideSafety") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("plugins.installUpgradeNotice") })]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 						variant: "primary",
+						className: "sgc-wide",
+						disabled: !spec.trim(),
 						onClick: () => {
 							run();
 						},
-						children: t("plugins.installRetry")
-					}),
-					step.kind === "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-						variant: "primary",
-						onClick: onClose,
-						children: t("plugins.installClose")
-					})
-				] }),
+						children: t("plugins.installRun")
+					})]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "sgc-dialogActions",
+					children: [
+						(step.kind === "running" || step.kind === "failed") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: onClose,
+							children: t("plugins.installClose")
+						}),
+						step.kind === "refused" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => setStep({ kind: "editing" }),
+							children: t("plugins.installEdit")
+						}),
+						step.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: () => setStep({ kind: "editing" }),
+							children: t("plugins.installChangeRegistry")
+						}),
+						step.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => {
+								run();
+							},
+							children: t("plugins.installRetry")
+						}),
+						step.kind === "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: onClose,
+							children: t("plugins.installClose")
+						}),
+						step.kind === "done" && enableTargets && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => {
+								enableNow();
+							},
+							children: t("plugins.installEnableNow")
+						})
+					]
+				}),
 				children: [
-					step.kind === "editing" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-						onSubmit: submit,
+					editing && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "sgc-installBody",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
-								type: "text",
-								value: spec,
-								placeholder: t("plugins.installSpecPlaceholder"),
-								"aria-label": t("plugins.installSpecLabel"),
-								style: { width: "100%" },
-								onChange: (event) => {
-									setSpec(event.target.value);
-								}
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "sgc-installField",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									autoFocus: true,
+									"data-modal-autofocus": true,
+									value: spec,
+									placeholder: t("plugins.installSpecPlaceholder"),
+									"aria-label": t("plugins.installSpecLabel"),
+									onChange: (event) => {
+										setSpec(event.target.value);
+									},
+									onKeyDown: (event) => {
+										if (event.nativeEvent.isComposing) return;
+										if (event.key === "Enter" && spec.trim()) {
+											event.preventDefault();
+											run();
+										}
+									}
+								})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "space-between",
-									gap: 12,
-									marginTop: 12
-								},
+								className: "sgc-optionsRow",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
-									className: "dt-textlink",
+									className: "sgc-guideToggle",
 									"aria-expanded": guideOpen,
-									style: {
-										display: "inline-flex",
-										alignItems: "center",
-										gap: 4
-									},
 									onClick: () => setGuideOpen(!guideOpen),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-										name: guideOpen ? "chevron-up" : "chevron-down",
-										size: 14
-									}), guideOpen ? t("plugins.installGuideHide") : t("plugins.installGuideToggle")]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: {
-										display: "inline-flex",
-										alignItems: "center",
-										gap: 6,
-										border: "0.5px solid var(--dsw-alias-border-l4)",
-										borderRadius: 8,
-										padding: "0 10px",
-										height: 34
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: {
-											fontSize: 13,
-											opacity: .7,
-											whiteSpace: "nowrap"
-										},
-										children: t("plugins.registryTitle")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: "dt-select",
-										style: {
-											border: "none",
-											background: "transparent",
-											width: "auto",
-											height: "auto",
-											padding: 0
-										},
-										"aria-label": t("plugins.registryTitle"),
-										value: registry,
-										onChange: (event) => setRegistry(event.target.value),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "",
-												children: t("plugins.registryDefault")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "official",
-												children: t("plugins.registryOfficial")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "npmmirror",
-												children: t("plugins.registryNpmmirror")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "custom",
-												children: t("plugins.registryCustom")
-											})
-										]
-									})]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
+										className: "sgc-guideChevron",
+										size: 13,
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: guideOpen ? t("plugins.installGuideHide") : t("plugins.installGuideToggle") })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									ref: registryToggleRef,
+									type: "button",
+									className: "sgc-registryToggle",
+									"aria-expanded": registryOpen,
+									"aria-haspopup": "dialog",
+									onClick: () => setRegistryOpen(!registryOpen),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("plugins.registryTitle") }),
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "sgc-registryChosen",
+											children: chosenTitle
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
+											className: "sgc-guideChevron",
+											size: 12,
+											"aria-hidden": "true"
+										})
+									]
 								})]
 							}),
-							registry === "custom" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: { marginTop: 10 },
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+							guideOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "sgc-guide",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+									className: "sgc-guideList",
+									children: GUIDE_ITEMS.map(({ key, example, titleKey, hintKey }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+										className: "sgc-guideItem",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "sgc-guideMain",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "sgc-guideTitle",
+													children: t(titleKey)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "sgc-guideHint",
+													children: t(hintKey)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "sgc-guideExample",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "sgc-guideExampleLabel",
+														children: t("plugins.installGuideExampleLabel")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: example })]
+												})
+											]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											variant: "outline",
+											size: "sm",
+											"aria-label": t("plugins.fillExample", { example }),
+											onClick: () => setSpec(example),
+											children: t("plugins.installGuideFill")
+										})]
+									}, key))
+								})
+							}),
+							registryOpen && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+								className: "sgc-registry",
+								"data-sgc-registry": true,
+								"aria-label": t("plugins.registryLegend"),
+								style: registryPos ?? {
+									visibility: "hidden",
+									left: 0,
+									top: 0
+								},
+								children: [REGISTRY_CHOICES.map(({ value, titleKey }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "sgc-registryOption",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "radio",
+										name: "sgc-registry-choice",
+										checked: registry === value,
+										onChange: () => {
+											setRegistry(value);
+											if (value !== "custom") setCustomInvalid(false);
+										}
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "sgc-registryTitle",
+										children: t(titleKey)
+									})]
+								}, value || "default")), registry === "custom" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									type: "text",
+									className: "sgc-registryCustomField",
 									value: customRegistry,
 									placeholder: t("plugins.registryCustomPlaceholder"),
+									"aria-invalid": customInvalid || void 0,
 									"aria-label": t("plugins.registryCustom"),
-									style: { width: "100%" },
 									onChange: (event) => {
 										setCustomRegistry(event.target.value);
+										setCustomInvalid(false);
 									}
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dt-hint",
-									children: t("plugins.registryCustomHint")
-								})]
-							}),
-							guideOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dt-disclosure-body",
-								style: { marginTop: 12 },
-								children: GUIDE_EXAMPLES.map(({ key, example }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dt-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "idle" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dt-row-main",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: "dt-row-title dt-line-text",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GuideText, { kind: key })
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dt-row-meta",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-												className: "dt-code",
-												children: example
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "dt-textlink",
-												"aria-label": t("plugins.fillExample", { example }),
-												onClick: () => setSpec(example),
-												children: t("plugins.fill")
-											})]
-										})]
-									})]
-								}, key))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dt-banner",
-								style: { marginTop: 12 },
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: {
-										display: "inline-flex",
-										alignItems: "flex-start",
-										gap: 6
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-										name: "alert",
-										size: 14
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("plugins.installGuideSafety") })]
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-								variant: "primary",
-								style: {
-									width: "100%",
-									marginTop: 14,
-									display: "flex",
-									alignItems: "center",
-									justifyContent: "center"
-								},
-								disabled: !spec.trim(),
-								onClick: () => {
-									run();
-								},
-								children: t("plugins.installRun")
-							})
+									className: customInvalid ? "sgc-inputError sgc-registryCustomError" : "sgc-registryHint sgc-registryCustomError",
+									children: customInvalid ? t("plugins.registryCustomInvalid") : t("plugins.registryCustomHint")
+								})] })]
+							}), document.body)
 						]
 					}),
+					step.kind === "checking" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dt-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "ongoing" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dt-row-main",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dt-row-title",
+								children: t("plugins.installChecking")
+							})
+						})]
+					}),
+					step.kind === "refused" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dt-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "error" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dt-row-main",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dt-row-title",
+								children: t("plugins.installConfirmedRefused")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dt-row-meta",
+								children: step.problems.map((problem, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+									problem.kind === "invalid" && t("plugins.installProblemInvalid", { reason: problem.detail ?? "" }),
+									problem.kind === "installed" && t("plugins.installProblemInstalled"),
+									problem.kind === "links" && t("plugins.problemLinks")
+								] }, index))
+							})]
+						})]
+					}) }),
 					step.kind === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dt-row",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "ongoing" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dt-row-main",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dt-row-title",
-								children: t("plugins.installingTitle")
+								children: (lastOp?.output ?? "") === "" ? t("plugins.installStarting") : t("plugins.installingTitle")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dt-row-meta",
 								children: t("plugins.installBackground")
 							})]
 						})]
 					}), lastOp?.output && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutputBlock, { output: lastOp.output })] }),
-					step.kind === "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					step.kind === "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dt-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dt-row-main",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dt-row-title",
-								children: t("plugins.installDoneRestart")
-							})
+								children: t("plugins.installedTitle")
+							}), (lastOp?.installed?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dt-row-meta",
+								children: lastOp.installed.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [item.name, item.version ? " · " + t("plugins.installVersion", { version: item.version }) : ""] }, item.name))
+							})]
 						})]
-					}),
+					}), lastOp?.profileDir && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dt-row-meta",
+						children: t("plugins.installLocation", { dir: lastOp.profileDir })
+					})] }),
 					step.kind === "failed" && lastOp && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dt-row",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dot, { state: "error" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1705,7 +1912,7 @@ window.__ModuleLoader__.load({
 						})]
 					}) })
 				]
-			});
+			})] });
 		}
 		function PluginItem({ row, busy, onUninstall, onToggle }) {
 			const { t } = usePanel();
@@ -1810,7 +2017,6 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dt-form",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: ".dt-plugins-modal.dt-modal { width: min(680px, 100%); }" }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dt-status-head",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
@@ -4895,7 +5101,7 @@ window.__ModuleLoader__.load({
 			"plugins.uninstallTitle": ["卸载「{name}」？", "Uninstall \"{name}\"?"],
 			"plugins.uninstallDescription": ["卸载后它提供的功能会消失，重启引擎后生效。", "Its features disappear; the change applies when the engine restarts."],
 			"plugins.installTitle": ["添加插件", "Add plugin"],
-			"plugins.installDescription": ["输入插件的包名、Git 仓库地址或本地目录路径。", "Enter the plugin's package name, Git repository, or local directory path."],
+			"plugins.installDescription": ["输入插件的包名、GitHub 仓库地址或本地目录路径。", "Enter the plugin's package name, GitHub repository address, or local directory path."],
 			"plugins.installSpecLabel": ["包名或地址", "Package or address"],
 			"plugins.installSpecPlaceholder": ["例如 dsh-plugin-whale-pet", "e.g. dsh-plugin-whale-pet"],
 			"plugins.registryTitle": ["安装源", "Registry"],
@@ -4904,16 +5110,22 @@ window.__ModuleLoader__.load({
 			"plugins.registryNpmmirror": ["中国大陆镜像源", "China mirror registry"],
 			"plugins.registryCustom": ["自定义地址", "Custom URL"],
 			"plugins.registryCustomPlaceholder": ["https://npm.example.com/", "https://npm.example.com/"],
-			"plugins.registryCustomHint": ["自定义源需要登录时，把凭据放在本机的 ~/.npmrc 里。", "For a registry that requires login, keep its credentials in the local ~/.npmrc."],
+			"plugins.registryCustomHint": ["填写内网或私有 npm 源地址，以 http:// 或 https:// 开头。若为需要登录的源，请把凭据放在本机的 ~/.npmrc 里。", "Enter an internal or private npm registry address starting with http:// or https://. If it requires a login, store the credentials in ~/.npmrc on this machine."],
 			"plugins.registryCustomInvalid": ["请输入以 http:// 或 https:// 开头的地址", "Enter an address starting with http:// or https://"],
 			"plugins.installGuideToggle": ["插件安装引导和示例", "Install guide and examples"],
 			"plugins.installGuideHide": ["收起引导", "Hide guide"],
-			"plugins.installGuideNpm": ["npm 包名：插件包名即 npm 包名（如 dsh-xxx 或 @作者/插件名）。", "npm package: the plugin name is its npm name (dsh-xxx or @author/plugin)."],
-			"plugins.installGuideGit": ["Git 仓库：github:owner/repo、git URL 或 .git 地址。", "Git repository: github:owner/repo, a git URL, or a .git address."],
-			"plugins.installGuidePath": ["本地目录：本机插件 checkout 的绝对路径（以 link 方式安装）。", "Local directory: an absolute path to a local checkout (installed as a link)."],
-			"plugins.fill": ["填入", "Fill in"],
+			"plugins.installGuideNpm": ["npm 包名", "npm package name"],
+			"plugins.installGuideNpmHint": ["插件包名即 npm 包名（如 dsh-xxx 或 @作者/插件名）。", "The plugin name is its npm name (dsh-xxx or @author/plugin)."],
+			"plugins.installGuideGit": ["Git 仓库", "Git repository"],
+			"plugins.installGuideGitHint": ["github:owner/repo、git URL 或 .git 地址。", "github:owner/repo, a git URL, or a .git address."],
+			"plugins.installGuidePath": ["本地目录", "Local directory"],
+			"plugins.installGuidePathHint": ["本机插件 checkout 的绝对路径（以 link 方式安装）。", "An absolute path to a local checkout (installed as a link)."],
+			"plugins.installGuideExampleLabel": ["示例：", "Example:"],
+			"plugins.installGuideFill": ["填入示例", "Use example"],
 			"plugins.fillExample": ["填入示例 {example}", "Fill in the example {example}"],
-			"plugins.installGuideSafety": ["请确认插件来源可信。插件以你的权限在本机运行，来源不明的插件可能损坏引擎，或读取和泄露你的数据。", "Only add plugins you trust. Plugins run locally with your permissions; untrusted plugins can damage the engine or read and leak your data."],
+			"plugins.installGuideSafety": ["请确认插件来源可信。插件在本机以你的权限运行，来源不明的插件可能损坏 DeepSeek Harness，或读取和泄露你的数据。", "Install only plugins you trust: they run with your permissions and can damage DeepSeek Harness or leak your data."],
+			"plugins.installUpgradeNotice": ["按需安装的官方插件会在版本与 DSH 不同时提供“更新”。其他插件请先卸载再安装新版。", "On-demand Official plugins offer Update when their version differs from DSH. To update other plugins, uninstall and reinstall them."],
+			"plugins.registryLegend": ["从哪个 npm 源下载插件", "The npm registry the plugin is downloaded from"],
 			"plugins.installRun": ["安装", "Install"],
 			"plugins.installingTitle": ["插件安装中…", "Installing plugin…"],
 			"plugins.installBackground": ["可以关闭此窗口，安装会在后台继续；进度显示在列表上方的横幅里。", "You can close this dialog; the install continues in the background and its progress shows in the banner above the list."],
@@ -4923,6 +5135,18 @@ window.__ModuleLoader__.load({
 			"plugins.installDetailsHide": ["收起安装详情", "Hide install details"],
 			"plugins.installRetry": ["重试", "Retry"],
 			"plugins.installClose": ["完成", "Done"],
+			"plugins.installChecking": ["正在检查…", "Checking…"],
+			"plugins.installStarting": ["正在准备安装…", "Preparing installation…"],
+			"plugins.installedTitle": ["已安装", "Installed"],
+			"plugins.installEnableNow": ["立即启用", "Enable now"],
+			"plugins.installVersion": ["版本 {version}", "Version {version}"],
+			"plugins.installLocation": ["安装位置：{dir}", "Installs into {dir}"],
+			"plugins.installChangeRegistry": ["更换安装源", "Change registry"],
+			"plugins.installConfirmedRefused": ["无法安装此插件", "This plugin cannot be installed"],
+			"plugins.installProblemInstalled": ["该插件已安装。如需升级，请卸载后重新安装", "This plugin is already installed. To upgrade it, uninstall it and install it again"],
+			"plugins.installProblemInvalid": ["无法识别这个包名或地址：{reason}", "This is not a package name or address that can be installed: {reason}"],
+			"plugins.installEdit": ["编辑", "Edit"],
+			"plugins.problemLinks": ["引擎 profile 的 link: 依赖目标不存在，请先修复后再安装。", "A link dependency of the engine profile points to a missing target; repair it before installing."],
 			"plugins.failure.network": ["网络连接失败，请检查网络或代理后重试", "Network failed; check connectivity or proxy, then retry"],
 			"plugins.failure.notFound": ["未找到相关插件", "Plugin not found"],
 			"plugins.failure.version": ["没有匹配的版本", "No matching version"],
@@ -7852,7 +8076,12 @@ window.__ModuleLoader__.load({
 				children: props.label
 			});
 		}
-		function PrereqList({ prereqs, title }) {
+		function PrereqList({ prereqs, title, st }) {
+			const copy = (text) => {
+				const clip = navigator.clipboard;
+				if (!clip) return;
+				clip.writeText(text).catch(() => void 0);
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: { marginTop: 16 },
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -7865,13 +8094,45 @@ window.__ModuleLoader__.load({
 					},
 					children: prereqs.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 						style: { color: item.ok ? "inherit" : "var(--dsh-danger, #d64545)" },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-							style: monoStyle,
-							children: item.name
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							style: { opacity: .75 },
-							children: [" — ", item.detail]
-						})]
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+								style: monoStyle,
+								children: item.name
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: { opacity: .75 },
+								children: [" — ", item.detail]
+							}),
+							!item.ok && item.hint && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									gap: 6,
+									marginLeft: 8
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+									style: {
+										...monoStyle,
+										opacity: .85
+									},
+									children: item.hint
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => {
+										copy(item.hint ?? "");
+									},
+									style: {
+										...buttonStyle,
+										padding: "1px 8px",
+										fontSize: 11,
+										borderRadius: 6,
+										color: "inherit",
+										borderColor: "var(--dsh-border, rgba(128,128,128,.4))"
+									},
+									children: st("copyCommand")
+								})]
+							})
+						]
 					}, item.name))
 				})]
 			});
@@ -8084,7 +8345,8 @@ window.__ModuleLoader__.load({
 					}),
 					(status.state === "not-installed" || status.state === "prereq-missing" || installing) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrereqList, {
 						prereqs: status.prereqs,
-						title: st("prereqsTitle")
+						title: st("prereqsTitle"),
+						st
 					}),
 					(installing || status.setup.current || STAGES.some((id) => status.setup.stages[id]?.status !== "pending")) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StageList, {
 						setup: status.setup,
@@ -8166,7 +8428,7 @@ window.__ModuleLoader__.load({
 			descStopped: "引擎服务处于停止状态，可以一键拉起（tmux 会话由生命周期脚本托管）。",
 			descUnhealthy: "引擎进程存在但管理 API 不可达或组件报错，可尝试重启。",
 			descNotInstalled: "引擎运行在独立的 DSH profile 中。点击安装后，控制台会在线拉取官方源码、自动构建并部署到独立 profile（npm 上无此包，源码构建是官方唯一安装路径）。",
-			descPrereq: "在线安装需要以下工具，请先补齐后再安装（凭据类操作仍需本人完成）。",
+			descPrereq: "在线安装需要以下工具，红项按提示命令补齐后点「重试」（凭据类操作仍需本人完成）。",
 			install: "在线安装引擎",
 			installResume: "继续安装",
 			installing: "正在安装…",
@@ -8176,6 +8438,7 @@ window.__ModuleLoader__.load({
 			starting: "正在启动…",
 			restarting: "正在重启…",
 			prereqsTitle: "前置依赖",
+			copyCommand: "复制",
 			stageTitle: "安装进度",
 			setupWait: "引擎已启动，正在等待首次配置（Source 设置需在引擎面板完成）。",
 			manuallyStopped: "引擎带有手动停止标记，已按需忽略。",
@@ -8196,7 +8459,7 @@ window.__ModuleLoader__.load({
 			descStopped: "The engine service is stopped. Start it with one click (the tmux session is managed by the lifecycle script).",
 			descUnhealthy: "The engine process exists but the management API is unreachable or a component reports an error. Try a restart.",
 			descNotInstalled: "The engine runs in its own dedicated DSH profile. Installing fetches the official source online, builds it, and deploys it into that profile (the package is not published to npm; source build + link is the only official path).",
-			descPrereq: "The online installer needs the tools below. Install them first (credential steps stay yours).",
+			descPrereq: "The online installer needs the tools below — fix failing entries with the suggested command, then Retry (credential steps stay yours).",
 			install: "Install engine online",
 			installResume: "Resume install",
 			installing: "Installing…",
@@ -8206,6 +8469,7 @@ window.__ModuleLoader__.load({
 			starting: "Starting…",
 			restarting: "Restarting…",
 			prereqsTitle: "Prerequisites",
+			copyCommand: "Copy",
 			stageTitle: "Install progress",
 			setupWait: "Engine is up and waiting for first-time setup (Source configuration happens in the engine panel).",
 			manuallyStopped: "The engine carries a manual-stop marker; honored on demand.",