dsh-plugin-discovery 1.1.1 → 1.2.4

package/client.js

@@ -49,6 +49,20 @@ window.__ModuleLoader__.load({
 			installLog: "安装输出：{text}",
 			installFailed: "安装失败",
 			retry: "重试",
+			copy: "复制",
+			copied: "已复制",
+			copyFailed: "复制失败",
+			riskInstall: "承担风险安装",
+			riskTitle: "版本不兼容，确认风险后安装？",
+			riskDesc:
+				"插件 {package} 与当前 DSH {runtime} 声明的 peer 不匹配。强行安装可能导致崩溃或数据丢失。仅在你明确愿意承担该风险时继续。",
+			riskAck: "我已了解风险，仍要为这对精确版本授予豁免并重试安装",
+			riskCancel: "取消",
+			riskConfirm: "确认豁免并安装",
+			riskWorking: "正在授权并重试…",
+			riskAltTitle: "推荐改用兼容插件",
+			riskAltDesc: "以下精选包更可能匹配当前 DSH 版本，可直接安装代替强行豁免：",
+			riskAltInstall: "安装推荐",
 			browseRecommend: "为你推荐",
 			browseCategory: "分类浏览",
 			browseSearch: "在线搜索",
@@ -64,6 +78,17 @@ window.__ModuleLoader__.load({
 			catalogOriginGithub: "GitHub",
 			catalogOriginRemote: "远程",
 			refreshCatalog: "刷新目录",
+			selfUpdateTitle: "发现插件有新版本",
+			selfUpdateDesc: "当前 {current} → 最新 {latest}（来源 {origin}）",
+			selfUpdateNow: "立即更新",
+			selfUpdateChecking: "正在检查更新…",
+			selfUpdateUpdating: "正在更新…",
+			selfUpdateLatest: "发现插件已是最新版 {version}",
+			selfUpdateDone: "已更新到 {version}，请刷新页面",
+			selfUpdateFileSkip: "本地开发安装，已跳过自动更新",
+			selfUpdateOriginNpm: "npm",
+			selfUpdateOriginGitee: "Gitee",
+			selfUpdateOriginGithub: "GitHub",
 			reasonFeatured: "精选",
 			reasonRelated: "与已装相关",
 			reasonPopular: "热门",
@@ -118,6 +143,20 @@ window.__ModuleLoader__.load({
 			installLog: "Output: {text}",
 			installFailed: "Install failed",
 			retry: "Retry",
+			copy: "Copy",
+			copied: "Copied",
+			copyFailed: "Copy failed",
+			riskInstall: "Install anyway",
+			riskTitle: "Incompatible version — install at your own risk?",
+			riskDesc:
+				"Plugin {package} does not match peers for DSH {runtime}. Forcing install may crash or lose data. Continue only if you accept that risk.",
+			riskAck: "I understand the risk and grant an exact-version exemption for this pair",
+			riskCancel: "Cancel",
+			riskConfirm: "Grant exemption and install",
+			riskWorking: "Granting and retrying…",
+			riskAltTitle: "Try a compatible plugin instead",
+			riskAltDesc: "These curated packages are more likely to match this DSH version:",
+			riskAltInstall: "Install recommended",
 			browseRecommend: "For you",
 			browseCategory: "Categories",
 			browseSearch: "Online search",
@@ -133,6 +172,17 @@ window.__ModuleLoader__.load({
 			catalogOriginGithub: "GitHub",
 			catalogOriginRemote: "remote",
 			refreshCatalog: "Refresh catalog",
+			selfUpdateTitle: "Discovery plugin update available",
+			selfUpdateDesc: "Current {current} → latest {latest} (via {origin})",
+			selfUpdateNow: "Update now",
+			selfUpdateChecking: "Checking for updates…",
+			selfUpdateUpdating: "Updating…",
+			selfUpdateLatest: "Discovery plugin is up to date ({version})",
+			selfUpdateDone: "Updated to {version}. Please refresh the page.",
+			selfUpdateFileSkip: "Local file: install — auto-update skipped",
+			selfUpdateOriginNpm: "npm",
+			selfUpdateOriginGitee: "Gitee",
+			selfUpdateOriginGithub: "GitHub",
 			reasonFeatured: "Featured",
 			reasonRelated: "Related to installed",
 			reasonPopular: "Popular",
@@ -571,7 +621,7 @@ window.__ModuleLoader__.load({
 			},
 			errorBox: {
 				display: "flex",
-				alignItems: "center",
+				alignItems: "flex-start",
 				justifyContent: "space-between",
 				gap: "12px",
 				padding: "12px 14px",
@@ -580,6 +630,136 @@ window.__ModuleLoader__.load({
 				background: "var(--dsw-alias-settings-card-fill, #ffffff)",
 				color: "var(--dsw-alias-state-warn-primary, var(--dsw-alias-label-secondary))",
 				fontSize: "13px",
+				lineHeight: "20px",
+			},
+			errorText: {
+				flex: 1,
+				minWidth: 0,
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				overflowWrap: "anywhere",
+			},
+			errorActions: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				flexShrink: 0,
+				flexWrap: "wrap",
+				justifyContent: "flex-end",
+			},
+			riskOverlay: {
+				position: "fixed",
+				inset: 0,
+				zIndex: 10000,
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				padding: "24px",
+				background: "rgba(15, 23, 42, 0.45)",
+			},
+			riskDialog: {
+				width: "min(520px, 100%)",
+				maxHeight: "90vh",
+				overflow: "auto",
+				borderRadius: "var(--dsw-radius-md, 12px)",
+				border: "1px solid var(--dsw-alias-border-l2, #d0d5dd)",
+				background: "var(--dsw-alias-settings-card-fill, #ffffff)",
+				color: "var(--dsw-alias-label-primary)",
+				padding: "20px",
+				boxShadow: "0 16px 40px rgba(15, 23, 42, 0.18)",
+			},
+			riskTitle: {
+				margin: "0 0 10px",
+				fontSize: "16px",
+				fontWeight: 600,
+				lineHeight: "24px",
+			},
+			riskDesc: {
+				margin: "0 0 14px",
+				fontSize: "13px",
+				lineHeight: "20px",
+				color: "var(--dsw-alias-label-secondary)",
+				whiteSpace: "pre-wrap",
+			},
+			riskAckRow: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: "10px",
+				margin: "0 0 16px",
+				fontSize: "13px",
+				lineHeight: "20px",
+			},
+			riskAltBox: {
+				margin: "0 0 16px",
+				padding: "12px",
+				borderRadius: "var(--dsw-radius-sm, 8px)",
+				border: "1px solid var(--dsw-alias-border-l2, #d0d5dd)",
+				background: "var(--dsw-alias-settings-card-fill-secondary, #f8fafc)",
+			},
+			riskAltTitle: {
+				margin: "0 0 6px",
+				fontSize: "13px",
+				fontWeight: 600,
+				lineHeight: "20px",
+			},
+			riskAltDesc: {
+				margin: "0 0 10px",
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-secondary)",
+			},
+			riskAltList: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "8px",
+			},
+			riskAltRow: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: "10px",
+			},
+			riskAltMeta: {
+				minWidth: 0,
+				flex: 1,
+			},
+			riskAltSpec: {
+				fontSize: "13px",
+				fontWeight: 500,
+				lineHeight: "18px",
+				wordBreak: "break-all",
+			},
+			riskAltHint: {
+				fontSize: "12px",
+				lineHeight: "16px",
+				color: "var(--dsw-alias-label-secondary)",
+			},
+			riskFooter: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: "8px",
+				flexWrap: "wrap",
+			},
+			updateBox: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: "12px",
+				flexWrap: "wrap",
+				padding: "12px 14px",
+				borderRadius: "var(--dsw-radius-sm, 8px)",
+				border: "1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary, #4176e6) 35%, transparent)",
+				background: "color-mix(in srgb, var(--dsw-alias-state-business-primary, #4176e6) 8%, transparent)",
+				color: "var(--dsw-alias-label-primary)",
+				fontSize: "13px",
+				lineHeight: "20px",
+			},
+			updateText: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "2px",
+				margin: 0,
+				flex: "1 1 220px",
 			},
 			pager: {
 				display: "flex",
@@ -708,12 +888,25 @@ window.__ModuleLoader__.load({
 				const err = result.error;
 				return {
 					ok: false,
-					message: (err && (err.message || err.code)) || fallbackMessage,
+					message: (err && (err.message || err.diagnostic || err.code)) || fallbackMessage,
 				};
 			}
 			return result.value;
 		}
 
+		function pickInstallError(res, fallback, lastDetail) {
+			const primary = String((res && (res.detail || res.message)) || "").trim();
+			const weak =
+				!primary ||
+				/^install failed$/i.test(primary) ||
+				/^安装失败([（(]failed[）)])?$/i.test(primary);
+			if (!weak) return primary;
+			const extra = String(lastDetail || "").trim();
+			const title = fallback || "安装失败";
+			if (extra && extra !== primary) return `${title}\n${extra}`;
+			return primary || title;
+		}
+
 		function Panel(props) {
 			const api = props.api;
 			const t = props.t;
@@ -725,11 +918,18 @@ window.__ModuleLoader__.load({
 			const [category, setCategory] = React.useState("beginner");
 			const [categories, setCategories] = React.useState([]);
 			const [catalogInfo, setCatalogInfo] = React.useState({ version: 0, origin: "bundled" });
+			const [selfUpdate, setSelfUpdate] = React.useState(null);
+			const [selfUpdateBusy, setSelfUpdateBusy] = React.useState(false);
 			const [query, setQuery] = React.useState(DEFAULT_QUERY);
 			const [source, setSource] = React.useState("all");
 			const [results, setResults] = React.useState([]);
 			const [message, setMessage] = React.useState("");
 			const [error, setError] = React.useState("");
+			const [copyHint, setCopyHint] = React.useState("");
+			const [riskPrompt, setRiskPrompt] = React.useState(null);
+			const [riskOpen, setRiskOpen] = React.useState(false);
+			const [riskAck, setRiskAck] = React.useState(false);
+			const [riskBusy, setRiskBusy] = React.useState(false);
 			const [busy, setBusy] = React.useState(false);
 			const [resolveInput, setResolveInput] = React.useState("");
 			const [installDetail, setInstallDetail] = React.useState("");
@@ -738,6 +938,7 @@ window.__ModuleLoader__.load({
 			const [page, setPage] = React.useState(1);
 			const jobsRef = React.useRef(jobs);
 			const installedNamesRef = React.useRef(installedNames);
+			const installDetailRef = React.useRef("");
 			React.useEffect(() => {
 				jobsRef.current = jobs;
 				writeJobCache(jobs);
@@ -745,6 +946,37 @@ window.__ModuleLoader__.load({
 			React.useEffect(() => {
 				installedNamesRef.current = installedNames;
 			}, [installedNames]);
+			React.useEffect(() => {
+				installDetailRef.current = installDetail;
+			}, [installDetail]);
+			React.useEffect(() => {
+				setCopyHint("");
+			}, [error]);
+
+			const openRiskPrompt = React.useCallback((res, item) => {
+				const rows = Array.isArray(res && res.incompatible) ? res.incompatible : [];
+				const first = rows[0];
+				if (!(res && res.needsRiskExemption) || !first) return;
+				const packageVersion = `${first.name}@${first.version}`;
+				const runtimeVersion = first.runtimeVersion || "unknown";
+				const recommendations = Array.isArray(res && res.recommendations) ? res.recommendations : [];
+				setRiskAck(false);
+				setRiskPrompt({
+					spec: (res && res.installSpec) || (item && (item.installSpec || item.spec)) || first.name,
+					item: item || null,
+					packageVersion,
+					runtimeVersion,
+					incompatible: rows,
+					recommendations,
+				});
+				setRiskOpen(true);
+			}, []);
+
+			const closeRiskPrompt = React.useCallback(() => {
+				if (riskBusy) return;
+				setRiskOpen(false);
+				setRiskAck(false);
+			}, [riskBusy]);
 
 			const refreshInstalled = React.useCallback(async () => {
 				if (!api || typeof api.listInstalled !== "function") return;
@@ -866,6 +1098,10 @@ window.__ModuleLoader__.load({
 								version: res.catalogVersion || 0,
 								origin: res.catalogOrigin || "bundled",
 							});
+							if (res.selfUpdate) setSelfUpdate(res.selfUpdate);
+							if (res.selfUpdated && res.selfUpdate?.latestVersion) {
+								setMessage(format(t("selfUpdateDone"), { version: res.selfUpdate.latestVersion }));
+							}
 							const list = res.results || [];
 							setResults(list);
 							setPage(1);
@@ -996,18 +1232,36 @@ window.__ModuleLoader__.load({
 								setMessage(res.message || t("installed"));
 								await refreshInstalled();
 							} else {
+								const lastDetail =
+									(jobsRef.current[job.requestId] && jobsRef.current[job.requestId].detail) ||
+									installDetailRef.current;
+								const errText = pickInstallError(res, t("installFailed"), lastDetail);
 								finishJob(job.requestId, {
 									status: "failed",
-									detail: (res && res.message) || t("installFailed"),
+									detail: errText,
+								});
+								setError(errText);
+								openRiskPrompt(res, {
+									spec: job.spec,
+									installSpec: job.spec,
+									title: job.packageName || job.spec,
 								});
-								setError((res && res.message) || t("installFailed"));
 							}
 						} catch (e) {
 							if (cancelled) return;
+							const lastDetail =
+								(jobsRef.current[job.requestId] && jobsRef.current[job.requestId].detail) ||
+								installDetailRef.current;
+							const errText = pickInstallError(
+								{ message: (e && e.message) || String(e) },
+								t("installFailed"),
+								lastDetail,
+							);
 							finishJob(job.requestId, {
 								status: "failed",
-								detail: (e && e.message) || String(e),
+								detail: errText,
 							});
+							setError(errText);
 						} finally {
 							if (!cancelled) setInstallDetail("");
 						}
@@ -1102,11 +1356,20 @@ window.__ModuleLoader__.load({
 							setMessage(installed.message || t("installed"));
 							await refreshInstalled();
 						} else {
+							const lastDetail =
+								(jobsRef.current[requestId] && jobsRef.current[requestId].detail) ||
+								installDetailRef.current;
+							const errText = pickInstallError(installed, t("installFailed"), lastDetail);
 							finishJob(requestId, {
 								status: "failed",
-								detail: (installed && installed.message) || t("inspectFailed"),
+								detail: errText,
+							});
+							setError(errText);
+							openRiskPrompt(installed, {
+								spec: res.spec,
+								installSpec: res.spec,
+								title: (res.inspection && res.inspection.name) || res.spec,
 							});
-							setError((installed && installed.message) || t("inspectFailed"));
 						}
 					} else {
 						setResults([]);
@@ -1155,23 +1418,79 @@ window.__ModuleLoader__.load({
 						await refreshInstalled();
 						setMessage(res.message || t("installed"));
 					} else {
+						const lastDetail =
+							(jobsRef.current[requestId] && jobsRef.current[requestId].detail) || installDetailRef.current;
+						const errText = pickInstallError(res, t("installFailed"), lastDetail);
 						finishJob(requestId, {
 							status: "failed",
-							detail: (res && res.message) || t("installFailed"),
+							detail: errText,
 						});
-						setError((res && res.message) || t("installFailed"));
+						setError(errText);
+						openRiskPrompt(res, item);
 					}
 				} catch (e) {
+					const lastDetail =
+						(jobsRef.current[requestId] && jobsRef.current[requestId].detail) || installDetailRef.current;
+					const errText = pickInstallError(
+						{ message: (e && e.message) || String(e) },
+						t("installFailed"),
+						lastDetail,
+					);
 					finishJob(requestId, {
 						status: "failed",
-						detail: (e && e.message) || String(e),
+						detail: errText,
 					});
-					setError((e && e.message) || String(e));
+					setError(errText);
 				} finally {
 					setInstallDetail("");
 				}
 			};
 
+			const confirmRiskInstall = async () => {
+				if (!riskPrompt || !riskAck || !api || typeof api.grantVersionExemption !== "function") return;
+				setRiskBusy(true);
+				setMessage("");
+				try {
+					const granted = await api.grantVersionExemption(
+						riskPrompt.packageVersion,
+						riskPrompt.runtimeVersion,
+						true,
+					);
+					if (!granted || !granted.ok) {
+						setError((granted && granted.message) || t("installFailed"));
+						return;
+					}
+					const item = riskPrompt.item || {
+						spec: riskPrompt.spec,
+						installSpec: riskPrompt.spec,
+						title: riskPrompt.packageVersion,
+					};
+					setRiskOpen(false);
+					setRiskAck(false);
+					setError("");
+					await onInstall(item);
+				} catch (e) {
+					setError((e && e.message) || String(e));
+				} finally {
+					setRiskBusy(false);
+				}
+			};
+
+			const installRecommendedAlt = async (alt) => {
+				if (!alt || riskBusy) return;
+				const item = {
+					spec: alt.installSpec || alt.spec,
+					installSpec: alt.installSpec || alt.spec,
+					title: alt.title || alt.spec,
+					source: alt.source || "catalog",
+					catalogId: alt.catalogId,
+				};
+				setRiskOpen(false);
+				setRiskAck(false);
+				setError("");
+				await onInstall(item);
+			};
+
 			const sourceOptions = [
 				{ value: "all", label: t("sourceAll") },
 				{ value: "npm", label: t("sourceNpm") },
@@ -1228,6 +1547,10 @@ window.__ModuleLoader__.load({
 									version: res.catalogVersion || 0,
 									origin: res.catalogOrigin || "bundled",
 								});
+								if (res.selfUpdate) setSelfUpdate(res.selfUpdate);
+								if (res.selfUpdated && res.selfUpdate?.latestVersion) {
+									setMessage(format(t("selfUpdateDone"), { version: res.selfUpdate.latestVersion }));
+								}
 								setResults(res.results || []);
 								setPage(1);
 							}
@@ -1238,7 +1561,52 @@ window.__ModuleLoader__.load({
 				})();
 			};
 
+			const onUpdateSelf = () => {
+				void (async () => {
+					if (!api || typeof api.updateSelf !== "function") return;
+					setSelfUpdateBusy(true);
+					setError("");
+					try {
+						const res = await api.updateSelf({
+							latestVersion: selfUpdate && selfUpdate.latestVersion,
+						});
+						if (res && res.update) setSelfUpdate(res.update);
+						if (res && res.ok && res.updated) {
+							setMessage(format(t("selfUpdateDone"), { version: res.version || res.update?.latestVersion }));
+							setSelfUpdate((prev) =>
+								prev
+									? {
+											...prev,
+											updateAvailable: false,
+											currentVersion: res.version || prev.latestVersion,
+											latestVersion: res.version || prev.latestVersion,
+										}
+									: prev,
+							);
+						} else if (res && res.skipped) {
+							setMessage(res.message || t("selfUpdateFileSkip"));
+						} else {
+							setError((res && res.message) || t("installFailed"));
+						}
+					} catch (e) {
+						setError((e && e.message) || String(e));
+					} finally {
+						setSelfUpdateBusy(false);
+					}
+				})();
+			};
+
+			const selfUpdateOriginLabel =
+				selfUpdate && selfUpdate.origin === "gitee"
+					? t("selfUpdateOriginGitee")
+					: selfUpdate && selfUpdate.origin === "github"
+						? t("selfUpdateOriginGithub")
+						: t("selfUpdateOriginNpm");
+
 			return h(
+				React.Fragment,
+				null,
+				h(
 				"div",
 				{ style: styles.page },
 				h(
@@ -1250,6 +1618,36 @@ window.__ModuleLoader__.load({
 						h("h1", { style: styles.title }, t("panel")),
 						h("p", { style: styles.intro }, t("intro")),
 					),
+					selfUpdate && selfUpdate.updateAvailable
+						? h(
+								"div",
+								{ style: styles.updateBox },
+								h(
+									"div",
+									{ style: styles.updateText },
+									h("strong", null, t("selfUpdateTitle")),
+									h(
+										"span",
+										null,
+										format(t("selfUpdateDesc"), {
+											current: selfUpdate.currentVersion || "?",
+											latest: selfUpdate.latestVersion || "?",
+											origin: selfUpdateOriginLabel,
+										}),
+									),
+									selfUpdate.isFileInstall ? h("span", null, t("selfUpdateFileSkip")) : null,
+								),
+								h(
+									Btn,
+									{
+										size: "sm",
+										disabled: selfUpdateBusy || busy || !!selfUpdate.isFileInstall,
+										onClick: onUpdateSelf,
+									},
+									selfUpdateBusy ? t("selfUpdateUpdating") : t("selfUpdateNow"),
+								),
+							)
+						: null,
 					h(
 						"div",
 						{ style: styles.card },
@@ -1376,16 +1774,67 @@ window.__ModuleLoader__.load({
 						? h(
 								"div",
 								{ style: styles.errorBox },
-								h("span", null, error),
+								h("div", { style: styles.errorText }, error),
 								h(
-									Btn,
-									{
-										size: "sm",
-										variant: "outline",
-										disabled: busy,
-										onClick: onSearch,
-									},
-									t("retry"),
+									"div",
+									{ style: styles.errorActions },
+									h(
+										Btn,
+										{
+											size: "sm",
+											variant: "outline",
+											disabled: busy || riskBusy,
+											onClick: async () => {
+												const text = String(error || "");
+												try {
+													if (navigator.clipboard && navigator.clipboard.writeText) {
+														await navigator.clipboard.writeText(text);
+													} else {
+														const ta = document.createElement("textarea");
+														ta.value = text;
+														ta.setAttribute("readonly", "");
+														ta.style.position = "fixed";
+														ta.style.left = "-9999px";
+														document.body.appendChild(ta);
+														ta.select();
+														document.execCommand("copy");
+														document.body.removeChild(ta);
+													}
+													setCopyHint(t("copied"));
+													window.setTimeout(() => setCopyHint(""), 1600);
+												} catch {
+													setCopyHint(t("copyFailed"));
+													window.setTimeout(() => setCopyHint(""), 1600);
+												}
+											},
+										},
+										copyHint || t("copy"),
+									),
+									riskPrompt
+										? h(
+												Btn,
+												{
+													size: "sm",
+													variant: "outline",
+													disabled: busy || riskBusy,
+													onClick: () => {
+														setRiskAck(false);
+														setRiskOpen(true);
+													},
+												},
+												t("riskInstall"),
+											)
+										: null,
+									h(
+										Btn,
+										{
+											size: "sm",
+											variant: "outline",
+											disabled: busy || riskBusy,
+											onClick: onSearch,
+										},
+										t("retry"),
+									),
 								),
 							)
 						: null,
@@ -1509,6 +1958,110 @@ window.__ModuleLoader__.load({
 							)
 						: null,
 				),
+				),
+				riskOpen && riskPrompt
+					? h(
+							"div",
+							{
+								style: styles.riskOverlay,
+								onClick: (e) => {
+									if (e.target === e.currentTarget) closeRiskPrompt();
+								},
+							},
+							h(
+								"div",
+								{
+									style: styles.riskDialog,
+									role: "dialog",
+									"aria-modal": "true",
+									onClick: (e) => e.stopPropagation(),
+								},
+								h("h2", { style: styles.riskTitle }, t("riskTitle")),
+								h(
+									"p",
+									{ style: styles.riskDesc },
+									format(t("riskDesc"), {
+										package: riskPrompt.packageVersion,
+										runtime: riskPrompt.runtimeVersion,
+									}),
+								),
+								Array.isArray(riskPrompt.recommendations) && riskPrompt.recommendations.length
+									? h(
+											"div",
+											{ style: styles.riskAltBox },
+											h("div", { style: styles.riskAltTitle }, t("riskAltTitle")),
+											h("p", { style: styles.riskAltDesc }, t("riskAltDesc")),
+											h(
+												"div",
+												{ style: styles.riskAltList },
+												...riskPrompt.recommendations.map((alt) =>
+													h(
+														"div",
+														{ key: alt.spec, style: styles.riskAltRow },
+														h(
+															"div",
+															{ style: styles.riskAltMeta },
+															h("div", { style: styles.riskAltSpec }, alt.title || alt.spec),
+															h(
+																"div",
+																{ style: styles.riskAltHint },
+																alt.spec === (alt.title || "")
+																	? alt.reason || ""
+																	: alt.spec,
+															),
+														),
+														h(
+															Btn,
+															{
+																size: "sm",
+																variant: "outline",
+																disabled: riskBusy,
+																onClick: () => void installRecommendedAlt(alt),
+															},
+															t("riskAltInstall"),
+														),
+													),
+												),
+											),
+										)
+									: null,
+								h(
+									"label",
+									{ style: styles.riskAckRow },
+									h("input", {
+										type: "checkbox",
+										checked: riskAck,
+										disabled: riskBusy,
+										onChange: (e) => setRiskAck(!!e.target.checked),
+									}),
+									h("span", null, t("riskAck")),
+								),
+								h(
+									"div",
+									{ style: styles.riskFooter },
+									h(
+										Btn,
+										{
+											size: "sm",
+											variant: "outline",
+											disabled: riskBusy,
+											onClick: closeRiskPrompt,
+										},
+										t("riskCancel"),
+									),
+									h(
+										Btn,
+										{
+											size: "sm",
+											disabled: riskBusy || !riskAck,
+											onClick: () => void confirmRiskInstall(),
+										},
+										riskBusy ? t("riskWorking") : t("riskConfirm"),
+									),
+								),
+							),
+						)
+					: null,
 			);
 		}
 
@@ -1517,11 +2070,19 @@ window.__ModuleLoader__.load({
 		const SEARCH_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/search:result");
 		const CATALOG_OPTIONS_CODEC = strictJson("dsh-plugin-discovery#pluginDiscovery/listCatalog:options");
 		const CATALOG_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/listCatalog:result");
+		const SELF_UPDATE_OPTIONS = strictJson("dsh-plugin-discovery#pluginDiscovery/checkSelfUpdate:options");
+		const SELF_UPDATE_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/checkSelfUpdate:result");
+		const SELF_UPDATE_APPLY_OPTIONS = strictJson("dsh-plugin-discovery#pluginDiscovery/updateSelf:options");
+		const SELF_UPDATE_APPLY_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/updateSelf:result");
 		const INPUT_CODEC = strictJson("dsh-plugin-discovery#pluginDiscovery/resolve:input");
 		const RESOLVE_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/resolve:result");
 		const SPEC_CODEC = strictJson("dsh-plugin-discovery#pluginDiscovery/installPlugin:spec");
 		const INSTALL_OPTIONS_CODEC = strictJson("dsh-plugin-discovery#pluginDiscovery/installPlugin:options");
 		const INSTALL_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/installPlugin:result");
+		const GRANT_PACKAGE = strictJson("dsh-plugin-discovery#pluginDiscovery/grantVersionExemption:packageVersion");
+		const GRANT_RUNTIME = strictJson("dsh-plugin-discovery#pluginDiscovery/grantVersionExemption:runtimeVersion");
+		const GRANT_ACCEPT = strictJson("dsh-plugin-discovery#pluginDiscovery/grantVersionExemption:acceptRisk");
+		const GRANT_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/grantVersionExemption:result");
 		const LIST_INSTALLED_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/listInstalled:result");
 		const WAIT_REQUEST_ID = strictJson("dsh-plugin-discovery#pluginDiscovery/waitInstall:requestId");
 		const WAIT_RESULT = strictJson("dsh-plugin-discovery#pluginDiscovery/waitInstall:result");
@@ -1564,6 +2125,40 @@ window.__ModuleLoader__.load({
 					],
 					result: CATALOG_RESULT,
 				},
+				{
+					id: "dsh-plugin-discovery#pluginDiscovery/checkSelfUpdate",
+					service: "pluginDiscovery",
+					namespace: "pluginDiscovery",
+					method: "checkSelfUpdate",
+					invocation: { kind: "direct" },
+					parameters: [
+						{
+							name: "options",
+							wire: "options",
+							source: "json",
+							acceptsUndefined: true,
+							codec: SELF_UPDATE_OPTIONS,
+						},
+					],
+					result: SELF_UPDATE_RESULT,
+				},
+				{
+					id: "dsh-plugin-discovery#pluginDiscovery/updateSelf",
+					service: "pluginDiscovery",
+					namespace: "pluginDiscovery",
+					method: "updateSelf",
+					invocation: { kind: "direct" },
+					parameters: [
+						{
+							name: "options",
+							wire: "options",
+							source: "json",
+							acceptsUndefined: true,
+							codec: SELF_UPDATE_APPLY_OPTIONS,
+						},
+					],
+					result: SELF_UPDATE_APPLY_RESULT,
+				},
 				{
 					id: "dsh-plugin-discovery#pluginDiscovery/resolve",
 					service: "pluginDiscovery",
@@ -1591,6 +2186,19 @@ window.__ModuleLoader__.load({
 					],
 					result: INSTALL_RESULT,
 				},
+				{
+					id: "dsh-plugin-discovery#pluginDiscovery/grantVersionExemption",
+					service: "pluginDiscovery",
+					namespace: "pluginDiscovery",
+					method: "grantVersionExemption",
+					invocation: { kind: "direct" },
+					parameters: [
+						{ name: "packageVersion", wire: "packageVersion", source: "json", codec: GRANT_PACKAGE },
+						{ name: "runtimeVersion", wire: "runtimeVersion", source: "json", codec: GRANT_RUNTIME },
+						{ name: "acceptRisk", wire: "acceptRisk", source: "json", codec: GRANT_ACCEPT },
+					],
+					result: GRANT_RESULT,
+				},
 				{
 					id: "dsh-plugin-discovery#pluginDiscovery/listInstalled",
 					service: "pluginDiscovery",
@@ -1657,6 +2265,35 @@ window.__ModuleLoader__.load({
 					}
 					return value;
 				},
+				checkSelfUpdate: async (opts) => {
+					if (mountError) return { ok: false, message: mountError };
+					const remote = remoteNs();
+					if (!remote || typeof remote.checkSelfUpdate !== "function") {
+						return { ok: false, message: "remote.pluginDiscovery.checkSelfUpdate unavailable" };
+					}
+					const wire = await remote.checkSelfUpdate(opts || {});
+					const value = unwrapRemote(wire, "checkSelfUpdate failed");
+					if (wire && wire.ok === false) return { ok: false, message: value.message, update: value.update };
+					return value;
+				},
+				updateSelf: async (opts) => {
+					if (mountError) return { ok: false, message: mountError };
+					const remote = remoteNs();
+					if (!remote || typeof remote.updateSelf !== "function") {
+						return { ok: false, message: "remote.pluginDiscovery.updateSelf unavailable" };
+					}
+					const wire = await remote.updateSelf(opts || {});
+					const value = unwrapRemote(wire, "updateSelf failed");
+					if (wire && wire.ok === false) {
+						return {
+							ok: false,
+							message: value.message,
+							skipped: !!(value && value.skipped),
+							update: value.update,
+						};
+					}
+					return value;
+				},
 				resolve: async (input) => {
 					if (mountError) return { ok: false, message: mountError };
 					const remote = remoteNs();
@@ -1683,10 +2320,27 @@ window.__ModuleLoader__.load({
 							packageName: value && value.packageName,
 							requestId: value && value.requestId,
 							message: value && value.message,
+							detail: value && value.detail,
+							code: value && value.code,
+							incompatible: value && value.incompatible,
+							needsRiskExemption: !!(value && value.needsRiskExemption),
+							recommendations: value && value.recommendations,
+							installSpec: (value && value.installSpec) || spec,
 						};
 					}
 					return value;
 				},
+				grantVersionExemption: async (packageVersion, runtimeVersion, acceptRisk) => {
+					if (mountError) return { ok: false, message: mountError };
+					const remote = remoteNs();
+					if (!remote || typeof remote.grantVersionExemption !== "function") {
+						return { ok: false, message: "remote.pluginDiscovery.grantVersionExemption unavailable" };
+					}
+					const wire = await remote.grantVersionExemption(packageVersion, runtimeVersion, acceptRisk);
+					const value = unwrapRemote(wire, "grantVersionExemption failed");
+					if (wire && wire.ok === false) return { ok: false, message: value.message };
+					return value;
+				},
 				listInstalled: async () => {
 					if (mountError) return { ok: false, names: [] };
 					const remote = remoteNs();
@@ -1706,7 +2360,20 @@ window.__ModuleLoader__.load({
 					}
 					const wire = await remote.waitInstall(requestId);
 					const value = unwrapRemote(wire, "waitInstall failed");
-					if (wire && wire.ok === false) return { ok: false, message: value.message || "waitInstall failed" };
+					if (wire && wire.ok === false) {
+						return {
+							ok: false,
+							message: (value && value.message) || "waitInstall failed",
+							detail: value && value.detail,
+							code: value && value.code,
+							incompatible: value && value.incompatible,
+							needsRiskExemption: !!(value && value.needsRiskExemption),
+							recommendations: value && value.recommendations,
+							installSpec: value && value.installSpec,
+							packageName: value && value.packageName,
+							pending: !!(value && value.pending),
+						};
+					}
 					return value;
 				},
 				subscribePluginChanged: (listener) => {