dsh-plugin-shop 0.8.1 → 0.8.2

package/lib/client.js

@@ -4355,7 +4355,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		});
 		const dsh_plugin_shop_shop_installStart_result$schema = union([object({
 			"ok": literal(true),
-			"installId": string()
+			"installId": string(),
+			"state": union([
+				literal("downloading"),
+				literal("running"),
+				literal("done"),
+				literal("failed")
+			])
 		}), object({
 			"ok": literal(false),
 			"code": union([
@@ -4373,15 +4379,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const dsh_plugin_shop_shop_installStatus_result$schema = object({
 			"found": boolean(),
 			"state": union([
+				literal("downloading"),
 				literal("running"),
 				literal("done"),
 				literal("failed")
 			]),
 			"log": array(string()),
-			"needsRestart": union([
+			"activation": union([
 				_undefined(),
-				literal(false),
-				literal(true)
+				literal("live"),
+				literal("reload"),
+				literal("restart")
 			]).optional(),
 			"restartReason": union([
 				_undefined(),
@@ -4389,7 +4397,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				literal("not-simple"),
 				literal("host-unsupported"),
 				literal("timeout"),
-				literal("mount-failed")
+				literal("mount-failed"),
+				literal("client-half")
 			]).optional(),
 			"detail": union([_undefined(), string()]).optional()
 		});
@@ -4401,10 +4410,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"name": string(),
 			"enabled": boolean()
 		});
-		const dsh_plugin_shop_shop_setEnabled_result$schema = object({
-			"ok": boolean(),
-			"detail": union([_undefined(), string()]).optional()
-		});
+		const dsh_plugin_shop_shop_setEnabled_result$schema = union([object({
+			"ok": literal(true),
+			"activation": union([
+				literal("live"),
+				literal("reload"),
+				literal("restart")
+			])
+		}), object({
+			"ok": literal(false),
+			"detail": string()
+		})]);
 		const dsh_plugin_shop_shop_uninstallStart_parameter_0$schema = object({ "name": string() });
 		const dsh_plugin_shop_shop_uninstallStart_result$schema = union([object({
 			"ok": literal(true),
@@ -4416,7 +4432,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const dsh_plugin_shop_shop_updateStart_parameter_0$schema = object({ "version": string() });
 		const dsh_plugin_shop_shop_updateStart_result$schema = union([object({
 			"ok": literal(true),
-			"installId": string()
+			"installId": string(),
+			"state": union([
+				literal("downloading"),
+				literal("running"),
+				literal("done"),
+				literal("failed")
+			])
 		}), object({
 			"ok": literal(false),
 			"detail": string()
@@ -4425,7 +4447,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"installed": string(),
 			"latest": union([literal(null), string()]),
 			"outdated": boolean(),
-			"restartSupported": boolean()
+			"restartBlocked": union([
+				literal(null),
+				literal("windows"),
+				literal("systemd"),
+				literal("port-zero")
+			])
 		});
 		const TYPERT_REMOTE = {
 			package: "dsh-plugin-shop",
@@ -4454,7 +4481,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 733,
+						"line": 867,
 						"column": 9
 					}
 				},
@@ -4472,7 +4499,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 966,
+						"line": 1140,
 						"column": 9
 					}
 				},
@@ -4490,7 +4517,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 957,
+						"line": 1131,
 						"column": 9
 					}
 				},
@@ -4518,7 +4545,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 781,
+						"line": 915,
 						"column": 9
 					}
 				},
@@ -4545,7 +4572,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 933,
+						"line": 1107,
 						"column": 3
 					}
 				},
@@ -4563,7 +4590,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1124,
+						"line": 1311,
 						"column": 9
 					}
 				},
@@ -4590,7 +4617,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 590,
+						"line": 692,
 						"column": 9
 					}
 				},
@@ -4618,7 +4645,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1059,
+						"line": 1233,
 						"column": 9
 					}
 				},
@@ -4645,7 +4672,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1209,
+						"line": 1379,
 						"column": 9
 					}
 				},
@@ -4663,7 +4690,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1192,
+						"line": 1363,
 						"column": 9
 					}
 				}
@@ -6237,20 +6264,71 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return spec.length > HOLDER_SPEC_CAP ? `${spec.slice(0, 79)}…` : spec;
 		}
 		//#endregion
+		//#region src/shared/install-state.ts
+		/** Whether the host is done with this record: it will not change again, and a
+		* poller may stop. */
+		function isTerminalInstallState(state) {
+			return state === "done" || state === "failed";
+		}
+		//#endregion
 		//#region src/client/present.ts
-		/** Hot-mount reason code → locale key, so the notice reads in the language
-		* the person set in dsh. An absent (or unrecognized) reason keeps the generic
-		* restart line rather than showing a bare code. */
-		function restartReasonKey(reason) {
-			switch (reason) {
+		/** The done notice for one activation, as a locale key.
+		*
+		* A hot-mount reason code names WHY a restart is needed and is meaningful
+		* only under `restart`; `live` and `reload` ignore any reason riding along,
+		* because rendering one there would tell a reader their reload had failed.
+		* An absent or unrecognized reason keeps the generic restart line rather
+		* than showing a bare code. */
+		function activationNoticeKey(activation, restartReason) {
+			if (activation === "live") return "installedNoRestartNotice";
+			if (activation === "reload") return "installedReloadNotice";
+			switch (restartReason) {
 				case "no-patch": return "hotNoPatchNotice";
 				case "not-simple": return "hotNotSimpleNotice";
 				case "host-unsupported": return "hotHostUnsupportedNotice";
 				case "timeout": return "hotTimeoutNotice";
 				case "mount-failed": return "hotMountFailedNotice";
+				case "client-half": return "hotClientHalfNotice";
 				default: return "installedRestartNotice";
 			}
 		}
+		/** The same mapping for an UNINSTALL's done notice.
+		*
+		* A sibling rather than a `prefix` parameter on `activationNoticeKey`: the
+		* two key sets are not parallel — `installedNoRestartNotice` against
+		* `uninstalledLiveNotice` — so no prefix derives one from the other. It takes
+		* no reason code, because a hot-mount reason explains why a MOUNT could not
+		* happen and an uninstall mounts nothing.
+		*
+		* Here rather than in JSX because this is a pure Activation -> copy decision,
+		* and in a component no fixture can reach it: the install side was covered
+		* and this one was not, for the whole time both existed. */
+		function uninstallActivationNoticeKey(activation) {
+			if (activation === "restart") return "uninstalledRestartNotice";
+			return activation === "reload" ? "uninstalledReloadNotice" : "uninstalledLiveNotice";
+		}
+		/** The copy key for one install phase. A function rather than an inline
+		* ternary in the JSX so it is unit-testable: the tab's only test seam is a
+		* whole-tab render driven by injected RPCs, which cannot be handed one view. */
+		function installPhaseKey(phase) {
+			return phase === "downloading" ? "downloading" : "installing";
+		}
+		/** Why the shop cannot restart dsh, as a locale key.
+		*
+		* A sibling of `activationNoticeKey` and exhaustive for the same reason: the
+		* switch has no default, so a fourth reason added to `RestartBlockedReason` is
+		* a type error here rather than a card that silently keeps the third one's
+		* copy. That is the whole point of the type — the single boolean this replaced
+		* had ONE string for three causes, and it named systemd, so a Windows reader
+		* was told to restart a service they do not run and to set an override that
+		* could not have helped. */
+		function restartBlockedNoticeKey(reason) {
+			switch (reason) {
+				case "windows": return "restartBlockedWindowsNotice";
+				case "systemd": return "restartBlockedSystemdNotice";
+				case "port-zero": return "restartBlockedPortZeroNotice";
+			}
+		}
 		/** Tier → locale key, for the entry-card tier badge (§6.2). */
 		function tierKey(tier) {
 			switch (tier) {
@@ -6327,6 +6405,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function isCustomLicense(license) {
 			return license !== null && /^SEE LICENSE IN /i.test(license);
 		}
+		/** The phase a non-terminal state renders as: the WIRE state the host
+		* reported (`InstallState`) mapped onto the phase the view carries. Exported
+		* because every hook that turns a start or a poll result into a view spells
+		* this same mapping, and three hand-copied ternaries are three chances for
+		* one of them to drift.
+		*
+		* Not to be confused with `installPhaseKey`, which is the OTHER direction and
+		* a different pair of values: view phase → the locale key to render. They
+		* happen to share two spellings today and that is a coincidence of naming,
+		* not a reason to fuse them — the wire union and the locale key set are free
+		* to diverge. */
+		function phaseOf(state) {
+			return state === "downloading" ? "downloading" : "installing";
+		}
 		/** §7.2 once-per-second poll cadence, as a named constant. */
 		const INSTALL_POLL_MS = 1e3;
 		/** How long the check-update button reports "up to date" after a re-check
@@ -6345,7 +6437,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				case "started": return {
 					kind: "running",
 					installId: event.installId,
-					log: []
+					log: [],
+					phase: phaseOf(event.state)
 				};
 				case "rejected": return {
 					kind: "rejected",
@@ -6360,14 +6453,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						detail: status.detail ?? "install record lost",
 						log: status.log
 					};
-					if (status.state === "running") return {
+					if (!isTerminalInstallState(status.state)) return {
 						kind: "running",
 						installId: state.installId,
-						log: status.log
+						log: status.log,
+						phase: phaseOf(status.state)
 					};
 					if (status.state === "done") return {
 						kind: "done",
-						needsRestart: status.needsRestart ?? true,
+						activation: status.activation ?? "restart",
 						log: status.log,
 						...status.restartReason !== void 0 ? { restartReason: status.restartReason } : {}
 					};
@@ -6596,9 +6690,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			install: "安装",
 			confirm: "确认",
 			cancel: "取消",
+			dismiss: "知道了",
 			acknowledgementTitle: "需要确认",
 			acknowledgementBody: ACKNOWLEDGEMENT_ZH,
 			installing: "正在安装…",
+			downloading: "正在下载…",
 			installedRestartNotice: "已安装；重启 dsh 后生效",
 			incompatibleBadge: "不兼容",
 			incompatibleDetail: "缺少组件/插件：{modules}\n此插件可能是为其他版本的 DSH 设计的。",
@@ -6607,7 +6703,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			hotHostUnsupportedNotice: "当前环境不支持热挂载；重启 dsh 后生效",
 			hotTimeoutNotice: "热挂载超时；重启 dsh 后生效",
 			hotMountFailedNotice: "热挂载失败；重启 dsh 后生效",
+			hotClientHalfNotice: "已安装并在运行；它的界面要重启 dsh 才会更新——刷新页面取不到",
 			installedNoRestartNotice: "已安装并热挂载；现在即可使用，无需重启",
+			installedReloadNotice: "已生效；刷新页面即可看到",
+			reload: "刷新页面",
+			reloadNote: "服务器已经是新状态，当前页面显示的还是刷新前的内容。刷新会丢弃这个页面上未完成的内容。",
 			installFailed: "安装失败",
 			installTransportFailed: "安装请求未能送达。请稍后重试。",
 			refresh: "刷新",
@@ -6654,6 +6754,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			uninstallTransportFailed: "卸载请求未能送达。请稍后重试。",
 			uninstalledLiveNotice: "已卸载并立即停止。profile 的启动组合将在下次重启时应用该移除。",
 			uninstalledRestartNotice: "已卸载；重启 dsh 后生效",
+			uninstalledReloadNotice: "已卸载；刷新页面即可看到它消失。profile 的启动组合将在下次重启时应用该移除。",
 			restart: "重启 dsh",
 			restartTitle: "确认重启 dsh",
 			restartBody: "重启会断开当前页面与服务器的连接，正在进行的对话和任务会中断；浏览器会自动跳转到重启后的地址，稍等片刻即可继续使用。",
@@ -6661,7 +6762,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			restarting: "正在重启，服务器就绪后页面会自动刷新…",
 			restartFailedNotice: "重启后服务器没有回来。请手动启动：dsh web（新进程的日志在商店缓存目录的 restart.log）",
 			restartTransportFailed: "重启请求未能送达。请稍后重试。",
-			restartDisabledNotice: "当前 dsh 由 systemd 服务托管，商店无法安全地重启它。请手动重启服务，或在商店行配置中设置 allowRestart: true。",
+			restartBlockedWindowsNotice: "商店暂不支持在 Windows 上重启 dsh。请退出 dsh 后重新启动，以应用更改。",
+			restartBlockedSystemdNotice: "当前 dsh 由 systemd 服务托管，商店无法安全地重启它。请手动重启服务，或在商店行配置中设置 allowRestart: true。",
+			restartBlockedPortZeroNotice: "此 dsh 以 --port 0 启动，重启后会绑定到另一个端口，本页面无法跟上。请手动重启 dsh，以应用更改。",
 			updateFailed: "更新失败",
 			updateTransportFailed: "更新请求未能送达。请稍后重试。",
 			checkUpdate: "检查更新",
@@ -6670,7 +6773,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			github: "GitHub",
 			enabledSwitch: "启用",
 			toggleFailed: "设置失败，请重试。",
-			hotApplyNote: "无需重启，立即生效"
+			hotApplyNote: "已生效，无需重启"
 		};
 		/** English dictionary checked against the Chinese key set. */
 		const en = {
@@ -6699,9 +6802,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			install: "Install",
 			confirm: "Confirm",
 			cancel: "Cancel",
+			dismiss: "Dismiss",
 			acknowledgementTitle: "Acknowledgement required",
 			acknowledgementBody: ACKNOWLEDGEMENT_EN,
 			installing: "Installing…",
+			downloading: "Downloading…",
 			installedRestartNotice: "installed; restart dsh to activate",
 			incompatibleBadge: "Incompatible",
 			incompatibleDetail: "Missing components/plugins: {modules}\nThis plugin may be designed for another DSH version.",
@@ -6710,7 +6815,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			hotHostUnsupportedNotice: "this harness cannot hot-mount; restart dsh to activate",
 			hotTimeoutNotice: "hot-mount timed out; restart dsh to activate",
 			hotMountFailedNotice: "hot-mount failed; restart dsh to activate",
+			hotClientHalfNotice: "installed and running; its interface needs a restart of dsh — a reload cannot fetch it",
 			installedNoRestartNotice: "installed and hot-mounted; running now, no restart needed",
+			installedReloadNotice: "already applied; reload the page to see it",
+			reload: "Reload the page",
+			reloadNote: "The server is already in the new state; this page is still showing what came before. Reloading discards anything in flight on this page.",
 			installFailed: "Install failed",
 			installTransportFailed: "The install request could not be delivered. Please retry.",
 			refresh: "Refresh",
@@ -6752,6 +6861,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			uninstallTransportFailed: "The uninstall request could not be delivered. Please retry.",
 			uninstalledLiveNotice: "Removed and stopped immediately. The profile's boot composition picks up the removal at the next restart.",
 			uninstalledRestartNotice: "uninstalled; restart dsh to activate",
+			uninstalledReloadNotice: "removed; reload the page to see it gone. The profile's boot composition picks up the removal at the next restart.",
 			restart: "Restart dsh",
 			restartTitle: "Restart dsh?",
 			restartBody: "Restarting disconnects this page and interrupts any conversation or task in progress; the browser will jump to the restarted address automatically, so give it a few seconds.",
@@ -6759,7 +6869,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			restarting: "Restarting; the page will refresh once the server is back…",
 			restartFailedNotice: "The server did not come back after the restart. Start it manually: dsh web (see restart.log in the shop cache directory)",
 			restartTransportFailed: "The restart request could not be delivered. Please retry.",
-			restartDisabledNotice: "This dsh process runs as a systemd service, so the shop cannot restart it safely. Restart the service manually, or set allowRestart: true in the shop row config.",
+			restartBlockedWindowsNotice: "The shop cannot restart dsh on Windows yet. Quit dsh and start it again to apply the change.",
+			restartBlockedSystemdNotice: "This dsh process runs as a systemd service, so the shop cannot restart it safely. Restart the service manually, or set allowRestart: true in the shop row config.",
+			restartBlockedPortZeroNotice: "This dsh was launched with --port 0, so a restart would bind a different port and this page could not follow it. Restart dsh manually to apply the change.",
 			updateFailed: "Update failed",
 			updateTransportFailed: "The update request could not be delivered. Please retry.",
 			checkUpdate: "Check",
@@ -6768,40 +6880,45 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			github: "GitHub",
 			enabledSwitch: "Enable",
 			toggleFailed: "Failed to update. Please retry.",
-			hotApplyNote: "takes effect without a restart"
+			hotApplyNote: "applied without a restart"
 		};
 		//#endregion
-		//#region src/client/useInstall.ts
-		/** Install driving hook for one entry: start, poll to terminal, reset. */
-		/** The poll loop shared by the install and uninstall drivers: while the view
-		* is `running`, poll once per second and fold each status through the
-		* reducer. A poll failure is transient — the host retains the record, so the
-		* next tick finds it. The rejection handler must be present: an unhandled
-		* rejection here would escape the poll loop. */
-		function usePollStatus(view, setView, installStatus) {
-			(0, react.useEffect)(() => {
-				if (view.kind !== "running") return;
-				const timer = setInterval(() => {
-					installStatus({ installId: view.installId }).then((status) => {
-						setView((current) => reduceInstall(current, {
-							type: "status",
-							status
-						}));
-					}, () => {});
-				}, INSTALL_POLL_MS);
-				return () => clearInterval(timer);
-			}, [
-				view,
-				setView,
-				installStatus
-			]);
-		}
+		//#region src/client/useFlows.ts
 		/**
-		* Install flows owned by the tab and keyed by install identity. Keeping the
-		* state above individual cards preserves a running operation when filtering
-		* unmounts its card, and makes the shelf and Outdated panels agree.
+		* One keyed registry of install-shaped flows: start, poll to terminal, reset.
+		*
+		* Install and uninstall are the same machine. Both fold a
+		* `ShopInstallStatusResult` through `reduceInstall` into an `InstallView`,
+		* both poll every running identity from one interval, and both must keep a
+		* settled outcome after the installed projection that follows it drops the
+		* row the panel was mounted on (I-1, §7.2) — which is why the state is keyed
+		* by identity here rather than held by the card.
+		*
+		* They differ in exactly one place: what the STARTING RPC's answer means. An
+		* install refusal is a `rejected` view carrying the gate's code; an uninstall
+		* refusal is a `failed` view carrying the host's published detail, because
+		* `ShopUninstallResult`'s failure variant has no code to populate and those
+		* codes belong to the install gate. That difference is the `begin` parameter,
+		* and it is the whole of it.
+		*
+		* The two used to be hand-synced copies — 71 of 84 lines identical. The cost
+		* was not theoretical: a single review round had to make the same edit twice
+		* (the settle signature, and its call), and the `pending` set below was added
+		* to one of them and not the other before this module existed.
 		*/
-		function useInstallFlows(install, installStatus, onSettled) {
+		/** Shared empty set, so an idle registry hands out one stable identity. */
+		const NO_PENDING = /* @__PURE__ */ new Set();
+		/**
+		* @param begin the starting RPC and its answer, mapped to the first view.
+		*   Never rejects: a transport throw is the caller's to fold into a view,
+		*   because only the caller knows which localized line stands in for a detail
+		*   too private to render.
+		* @param onSettled called once per identity that reaches a terminal state,
+		*   with WHICH terminal state. The outcome is load-bearing: a failed flow
+		*   changed nothing on the server, so a caller acting on "settled" alone
+		*   discards outcomes that are still true.
+		*/
+		function useKeyedFlows(begin, installStatus, onSettled) {
 			const [views, setViews] = (0, react.useState)(() => /* @__PURE__ */ new Map());
 			const settled = (0, react.useRef)(onSettled);
 			settled.current = onSettled;
@@ -6824,29 +6941,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}, []);
 			const start = (0, react.useCallback)(async (key, args) => {
 				put(key, { kind: "idle" });
-				try {
-					const result = await install(args);
-					if (!result.ok) {
-						put(key, {
-							kind: "rejected",
-							code: result.code,
-							detail: result.detail
-						});
-						return;
-					}
-					put(key, {
-						kind: "running",
-						installId: result.installId,
-						log: []
-					});
-				} catch {
-					put(key, {
-						kind: "failed",
-						detail: "",
-						log: []
-					});
-				}
-			}, [install, put]);
+				put(key, await begin(args));
+			}, [begin, put]);
 			const reset = (0, react.useCallback)((key) => {
 				setViews((current) => {
 					if (!current.has(key)) return current;
@@ -6865,7 +6961,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							type: "status",
 							status
 						});
-						if (status.found && status.state !== "running") settled.current?.(key);
+						if (status.found && isTerminalInstallState(status.state)) settled.current?.(key, status.state);
 					}, () => {});
 				}, INSTALL_POLL_MS);
 				return () => clearInterval(timer);
@@ -6874,58 +6970,130 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				installStatus,
 				apply
 			]);
-			return { flowFor: (0, react.useCallback)((key) => ({
-				view: views.get(key) ?? { kind: "idle" },
-				start: (args) => start(key, args),
-				reset: () => reset(key)
-			}), [
-				views,
-				start,
-				reset
-			]) };
+			const pendingRef = (0, react.useRef)(NO_PENDING);
+			const pending = (0, react.useMemo)(() => {
+				const next = /* @__PURE__ */ new Set();
+				for (const [key, view] of views) if (view.kind !== "idle") next.add(key);
+				const previous = pendingRef.current;
+				if (previous.size === next.size && [...next].every((key) => previous.has(key))) return previous;
+				pendingRef.current = next;
+				return next;
+			}, [views]);
+			return {
+				flowFor: (0, react.useCallback)((key) => ({
+					view: views.get(key) ?? { kind: "idle" },
+					start: (args) => start(key, args),
+					reset: () => reset(key)
+				}), [
+					views,
+					start,
+					reset
+				]),
+				resetFlow: reset,
+				pending
+			};
+		}
+		//#endregion
+		//#region src/client/useInstall.ts
+		/** Install driving hooks: the shared poll loop, and the tab's keyed registry. */
+		/** The single-view poll loop: while the view is `running`, poll once per
+		* second and fold each status through the reducer. A poll failure is
+		* transient — the host retains the record, so the next tick finds it. The
+		* rejection handler must be present: an unhandled rejection here would
+		* escape the poll loop.
+		*
+		* Kept for the self-update (`useUpdateSelf`), which drives ONE flow with no
+		* identity to key it by. Everything per-plugin goes through `useKeyedFlows`,
+		* whose own loop polls every running identity from one interval. */
+		function usePollStatus(view, setView, installStatus) {
+			(0, react.useEffect)(() => {
+				if (view.kind !== "running") return;
+				const timer = setInterval(() => {
+					installStatus({ installId: view.installId }).then((status) => {
+						setView((current) => reduceInstall(current, {
+							type: "status",
+							status
+						}));
+					}, () => {});
+				}, INSTALL_POLL_MS);
+				return () => clearInterval(timer);
+			}, [
+				view,
+				setView,
+				installStatus
+			]);
+		}
+		/**
+		* Install flows owned by the tab and keyed by install identity. Keeping the
+		* state above individual cards preserves a running operation when filtering
+		* unmounts its card, and makes the shelf and Outdated panels agree.
+		*
+		* The registry itself is `useKeyedFlows`; this supplies the one thing that is
+		* install-specific — what the starting RPC's answer means.
+		*/
+		function useInstallFlows(install, installStatus, onSettled) {
+			return useKeyedFlows((0, react.useCallback)(async (args) => {
+				try {
+					const result = await install(args);
+					if (!result.ok) return {
+						kind: "rejected",
+						code: result.code,
+						detail: result.detail
+					};
+					return {
+						kind: "running",
+						installId: result.installId,
+						log: [],
+						phase: phaseOf(result.state)
+					};
+				} catch {
+					return {
+						kind: "failed",
+						detail: "",
+						log: []
+					};
+				}
+			}, [install]), installStatus, onSettled);
 		}
 		//#endregion
 		//#region src/client/useUninstall.ts
-		/** Uninstall driving hook for one entry: start, poll to terminal. Shares the
-		* install view machine and poll loop; the only difference is the start
-		* mapping — an uninstall business failure (not in the catalog / not
-		* installed) lands in the `failed` view with the host's published detail,
-		* never in the install `rejected` codes, which belong to the install gate
-		* (§7.2). */
-		/** Drive one uninstall: the host's business union, the shared polling loop,
-		* and terminal states. The `rejected` install state never occurs here. */
-		function useUninstall(uninstall, installStatus) {
-			const [view, setView] = (0, react.useState)({ kind: "idle" });
-			const start = (0, react.useCallback)(async (args) => {
-				setView({ kind: "idle" });
+		/** Uninstall driving hook: the tab's keyed registry, one start mapping. */
+		/**
+		* Uninstall flows owned by the tab and keyed by install identity. Lifting the
+		* state above individual cards is what lets a completed uninstall's outcome
+		* survive the installed-projection refresh that follows it — the row backing
+		* the card disappears, but the flow keyed by identity does not.
+		*
+		* The registry itself is `useKeyedFlows`; this supplies the one thing that is
+		* uninstall-specific — what the starting RPC's answer means. An uninstall
+		* business failure (not in the catalog / not installed) lands in the `failed`
+		* view with the host's published detail, never in the install `rejected`
+		* codes: those belong to the install gate, and `ShopUninstallResult`'s
+		* failure variant has no `code` field to populate.
+		*/
+		function useUninstallFlows(uninstall, installStatus, onSettled) {
+			return useKeyedFlows((0, react.useCallback)(async (args) => {
 				try {
 					const result = await uninstall(args);
-					if (!result.ok) {
-						setView({
-							kind: "failed",
-							detail: result.detail,
-							log: []
-						});
-						return;
-					}
-					setView({
+					if (!result.ok) return {
+						kind: "failed",
+						detail: result.detail,
+						log: []
+					};
+					return {
 						kind: "running",
 						installId: result.installId,
-						log: []
-					});
+						log: [],
+						phase: "installing"
+					};
 				} catch {
-					setView({
+					return {
 						kind: "failed",
 						detail: "",
 						log: []
-					});
+					};
 				}
-			}, [uninstall]);
-			usePollStatus(view, setView, installStatus);
-			return {
-				view,
-				start
-			};
+			}, [uninstall]), installStatus, onSettled);
 		}
 		//#endregion
 		//#region src/client/useUpdateSelf.ts
@@ -6953,7 +7121,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					setView({
 						kind: "running",
 						installId: result.installId,
-						log: []
+						log: [],
+						phase: phaseOf(result.state)
 					});
 				} catch {
 					setView({
@@ -6971,7 +7140,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		//#endregion
 		//#region \0dsh-plugin-shop-css:e3675a89
-		const css = "/* Shop tab styles — a market shelf inside the settings surface. The visual\n * language is the dsh theme's alias tokens ONLY (the four tokens the previous\n * styles referenced that do not exist — bg-layer-3, interactive-bg-hover,\n * state-error, state-success — are corrected to bg-layer-2 and the\n * state-*-primary set). The signature is the category spine: one HUE per\n * category (seven fixed hues, not the brand token — the brand resolves to\n * near-black in the light theme, so seven brand opacities read as seven\n * shades of gray), with the category name as the cover label in the same hue. Class names are mapped to content-derived names at bundle time\n * (tsdown.s8583e3_client.s942a79_config.s5f67aa_ts) and stubbed in tests; only the keys are relied\n * on.\n *\n * One token rule the theme forces: the background LAYERS do not carry\n * contrast. In the light theme bg-base, bg-layer-1, bg-layer-2 and\n * bg-layer-3 all resolve to the same white; only the dark theme spreads them\n * (950/875/850/800). So a layer-2 fill on a layer-1 ground is invisible for\n * half of all users, and anything whose fill is its ONLY affordance — the\n * loading skeleton, the borderless capability chips — derives its fill from\n * label-primary instead, which inverts with the theme by construction.\n * Elements that also carry a border or text may keep a layer fill.\n * `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts` pins this. */\n\n.s255e5a_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The shelf never scrolls sideways: a card too wide for its track wraps\n   * its badges rather than widening the panel.\n   *\n   * Clipped on BOTH axes, with a margin, because `.s232ec4_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.s646509_toolbar`, itself\n   * the first child here, and this rule carries no padding — so its focus\n   * ring paints ENTIRELY outside the panel.\n   *\n   * Both axes is the load-bearing part: `overflow-clip-margin` is inert\n   * unless the element clips on both. Clipping x alone left the margin doing\n   * nothing — measured against the live app on 0.7.1, the ring reached 0 of\n   * its 3px on the left at every device pixel ratio (1, 1.25, 1.5, 2), while\n   * keeping the full 3px on the right, where the 280px input stops short of\n   * the panel and never meets the clip edge. Raising the margin to 6px\n   * changed nothing; clipping both axes with the SAME 3px restored the whole\n   * ring. A test that reads declarations cannot see that difference, which is\n   * why the first attempt at this shipped broken.\n   *\n   * `clip` is not a scroll container, so this does not bring back the\n   * accidental scrolling `hidden` caused by coercing the other axis to\n   * `auto`. Nothing is lost vertically: the panel's scrollHeight equals its\n   * height and no descendant paints outside the clip rect (measured).\n   * `overflow-x: hidden` stays as the fallback for engines without `clip`,\n   * where the ring is clipped as it was before, never worse. */\n  overflow-x: hidden;\n  overflow: clip;\n  overflow-clip-margin: 3px;\n}\n\n.s44a3ec_stateLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* Visually hidden but screen-reader readable (the loading copy while the\n * skeleton stands in visually). */\n.s3a0ece_srOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* The loading shelf: ghost cards with the same geometry as the real grid, so\n * the swap to content is a same-shape handoff instead of a jump. */\n.se0c3b4_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s520416_skeletonCard {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n}\n\n/* The shimmer sweep: one gradient band travels across each ghost card while\n * the bars breathe, so the loading state reads as \"the shelf is scanning\". */\n.s520416_skeletonCard::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    100deg,\n    transparent 25%,\n    color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent) 50%,\n    transparent 75%\n  );\n  transform: translateX(-100%);\n  animation: dshShopSkeletonSweep 1.4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes dshShopSkeletonSweep {\n  to { transform: translateX(100%); }\n}\n\n.s8c7d6f_skeletonName {\n  width: 55%;\n  height: 14px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sf5179e_skeletonSummary {\n  width: 92%;\n  height: 12px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sbb0d25_skeletonSummaryShort {\n  width: 68%;\n  height: 12px;\n  margin: 6px 12px 10px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n/* The ghost of the action line, right where the real buttons land. */\n.s96e910_skeletonActions {\n  display: block;\n  width: 84px;\n  height: 24px;\n  margin: 0 12px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.s520416_skeletonCard span {\n  animation: dshShopSkeletonPulse 1.6s ease-in-out infinite;\n}\n\n@keyframes dshShopSkeletonPulse {\n  0%, 100% { opacity: 0.5; }\n  50% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s520416_skeletonCard span { animation: none; opacity: 0.75; }\n  .s520416_skeletonCard::after { content: none; }\n}\n\n.s73242a_actionButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s73242a_actionButton:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.s73242a_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s646509_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s745e3c_toolbarRight {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* The shop's own version, right of the search box: `v0.4.4`, plus the\n * update button when the version check found a newer release. */\n.s4fe61f_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.sb9b924_versionText {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa04455_updateSelfButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sa04455_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.sa04455_updateSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The on-demand re-check next to the version number: a quiet pill; the\n * border and text carry it in the light theme where bg layers are white. */\n.s614a38_checkUpdateButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.s614a38_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s614a38_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s614a38_checkUpdateButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The project's GitHub mark, right of the version row: a quiet icon link.\n * The octocat carries itself — color shift on hover, no text, no border. */\n.sa987f7_githubLink {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa987f7_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sa987f7_githubLink:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The self-update's expanded states (running log / done + restart /\n * failure detail) sit under the toolbar, above the category bar. */\n.sb81ba5_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.s232ec4_searchInput {\n  width: min(280px, 100%);\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n.s232ec4_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s3946f1_staleBadge {\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n  color: var(--dsw-alias-state-warn-primary);\n  font-size: 12px;\n}\n\n.sb2c859_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.s26d58e_categoryButton {\n  /* The hue this button carries when selected. `All` and `Installed` select by\n   * something other than a category and keep the brand token; the six category\n   * buttons override it from the shared hue table below, so a pressed Tool tab\n   * turns the same blue as a tool card's spine. */\n  --category-hue: var(--dsw-alias-brand-primary);\n  padding: 3px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Blend text with the theme foreground: darker on light backgrounds, lighter\n * on dark ones. The unblended category hue belongs on the border and fill. */\n.s26d58e_categoryButton:hover {\n  border-color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-border-l2));\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Selected. Written `.s26d58e_categoryButton.s5f68c4_categoryButtonOn` — TWO classes — so it\n * matches `.s26d58e_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s5f68c4_categoryButtonOn` it lost both `border-color` and `color` to the\n * hover rule for as long as the pointer stayed on the tab that had just been\n * clicked, which is precisely when a reader looks for confirmation.\n *\n * EVERY declaration here is a colour or a shadow: a pressed tab must occupy\n * exactly the same box as an unpressed one, so the bar does not reflow — and\n * with ~9 pills on a wrapping row, one that grows can push the rest onto\n * another line and move the tab out from under the pointer that just clicked\n * it. That is what `font-weight: 600` did (bold metrics are wider than\n * regular), and it is why nothing may be added here that resolves to a length:\n * no padding, no border-width, no font-size, no letter-spacing.\n * `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts` fails the build on one.\n *\n * `box-shadow` is the exception that earns its place: it paints outside the\n * layout box, so an inset ring doubles the border's weight at zero cost to the\n * metrics. It is what `font-weight: 600` used to be — a second, thickness-\n * based signal that hover does not also produce — and the `other` tab needs it\n * most: its hue IS the neutral gray this file uses for \"no category\", so on\n * the light theme hue alone barely separates pressed from unpressed. */\n.s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n  border-color: var(--category-hue);\n  background: color-mix(in srgb, var(--category-hue) 14%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n  box-shadow: inset 0 0 0 1px var(--category-hue);\n}\n\n/* Forced colours replace every colour above with the system palette, which\n * would leave the three colour declarations saying nothing and the pressed tab\n * indistinguishable from its neighbours. `box-shadow` is dropped in this mode\n * too, so the ring has to come back as an outline. */\n@media (forced-colors: active) {\n  .s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.s26d58e_categoryButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The incompatible filter, at the right edge of the category bar: `margin-left:\n * auto` pushes it past the pills, and the bar wraps, so on a narrow panel it\n * drops to its own line rather than squeezing them. It is a MODIFIER, not a\n * ninth category — the categories select what to show and this one subtracts\n * from whatever they selected — so it takes the error hue it filters on rather\n * than joining the hue table.\n *\n * And it is a SWITCH, which is the difference the shape now carries. It used\n * to wear `.s26d58e_categoryButton`: same pill, same row, same size as the eight tabs,\n * differing only in being red. That reads as a ninth tab, and it is not one —\n * the tabs are choose-one and this is on-or-off. So it drops the pill chrome\n * entirely (no border, no fill, nothing to compete with the row it sits\n * beside) and puts the state in a track, the same one every installed card\n * carries. Nothing here restates the switch geometry; `--switch-hue` is the\n * whole of what this control says about it, and it reaches the label too, so\n * one declaration keeps the word and the track the same colour. */\n.sfd887b_incompatibleFilter {\n  --switch-hue: var(--dsw-alias-state-error-primary);\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  /* Matches the pills' vertical padding so the bar keeps one line box whether\n   * this control wraps onto a row of its own or shares theirs. */\n  padding: 3px 0;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Hover lifts the word to full contrast and warms the track's border. Scoped\n * to the OFF track: `.sfd887b_incompatibleFilter:hover .s11c019_switch` outranks `.s7580e8_switchOn`\n * by two classes, so unscoped it would strip the hue from the border at\n * exactly the moment a reader has the pointer on it to check the state. */\n.sfd887b_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfd887b_incompatibleFilter:hover .s11c019_switch:not(.s7580e8_switchOn) {\n  border-color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-border-l2));\n}\n\n/* On. Written with both classes for the reason `.s26d58e_categoryButton.s5f68c4_categoryButtonOn`\n * is: it has to match `:hover`'s specificity and come after it, or the colour\n * reverts under a pointer that has not moved since the click. */\n.sfd887b_incompatibleFilter.s6e4cba_incompatibleFilterOn {\n  color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Off here means \"nothing is being taken away\" — the resting state — so the\n * knob steps back to the secondary label. The enable switch keeps the full\n * strength dot, where off means \"this plugin is disabled\" and is worth\n * noticing. In this bar it would be the heaviest mark in a row of hairline\n * pills, and on the light theme it is the WHOLE control: bg-layer-2 is the\n * same white as the panel there, so an off track is a hairline outline with a\n * near-black dot sitting in it. */\n.sfd887b_incompatibleFilter .s11c019_switch:not(.s7580e8_switchOn) .saab2b3_switchKnob {\n  background: var(--dsw-alias-label-secondary);\n}\n\n/* The ring has no border to trace, so it takes an offset and the pill radius\n * of the tabs it sits beside rather than hugging the text. */\n.sfd887b_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s668774_catalogHeading {\n  margin: 2px 0 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-primary);\n}\n\n.seb0a1e_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n.sccc4d1_catalogStats {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* Sits beside the 12px stats caption, so it is quieter than `.s73242a_actionButton`:\n * this is an affordance, not a call to action — the catalog reloads on its\n * own at mount and the shelf is already usable without it. */\n.s64a5ff_reloadButton {\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.s64a5ff_reloadButton:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.s64a5ff_reloadButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s64a5ff_reloadButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s4453f3_reloadFailed {\n  font-size: 11px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s6de1ab_emptyLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* The shelf: a responsive grid of cards. */\n/* Single-line rows: one full-width column, one plugin per line. */\n.sf657f5_cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  max-width: 100%;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  animation: dshShopCardsIn 220ms ease;\n}\n\n@keyframes dshShopCardsIn {\n  from { opacity: 0; transform: translateY(3px); }\n  to { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sf657f5_cards { animation: none; }\n}\n\n.s65f383_card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* A grid item's min-width is auto by default: its content would widen the\n   * 1fr track past the panel and overflow horizontally. */\n  min-width: 0;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;\n  /* Off-screen cards skip layout and paint; the placeholder keeps scrollbar\n   * estimation sane before the browser has measured the real height. */\n  content-visibility: auto;\n  contain-intrinsic-size: auto 140px;\n}\n\n/* The sentinel that triggers the next shelf batch: zero visual footprint. */\n.sd7ee01_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s705cc6_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s65f383_card:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l1));\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s65f383_card { transition: none; }\n  .s65f383_card:hover { transform: none; }\n}\n\n/* The signature: a spine and cover in the category's own hue. The hues are\n * fixed mid-bright colors that read on both themes; `other` deliberately\n * stays a neutral gray so the fallback category does not compete. */\n.s4ce25d_cardSpine {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 3px;\n  background: var(--category-hue, #8B8E96);\n}\n\n/* The hue table, keyed by `data-category` and read by BOTH surfaces that\n * speak in category colour: a card's spine and badge, and the category bar's\n * own tab. One table, so a tab can never disagree with the cards it filters to\n * — which is the whole point of colouring the tab. `.s26d58e_categoryButton` sets the\n * brand fallback for `All`/`Installed`; these attribute selectors are one\n * specificity step above it and win wherever the attribute is present. */\n.s65f383_card[data-category='tool'], .s26d58e_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.s65f383_card[data-category='provider'], .s26d58e_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.s65f383_card[data-category='ui'], .s26d58e_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.s65f383_card[data-category='workflow'], .s26d58e_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.s65f383_card[data-category='integration'], .s26d58e_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.s65f383_card[data-category='theme'], .s26d58e_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.s65f383_card[data-category='other'], .s26d58e_categoryButton[data-category='other'] { --category-hue: #8B8E96; }\n\n/* The category sits in the badge row as a quiet chip in the category's own\n * hue — the border carries it where the light theme's white layers cannot\n * (the same lesson as the check button). */\n.s9c8eaa_categoryBadge {\n  padding: 1px 7px;\n  border: 1px solid color-mix(in srgb, var(--category-hue, #8B8E96) 45%, transparent);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--category-hue, #8B8E96);\n  white-space: nowrap;\n}\n\n.sa97234_entryHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding: 8px 12px 2px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.sa97234_entryHeader:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n/* The name fills the row and truncates rather than wraps; the badges stay\n * intact beside it. */\n.sc3f149_name {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  font-weight: 600;\n  flex: 1 1 auto;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s513026_badges {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* The action line: buttons side by side; an active install/uninstall flow\n * (gate, log, notices) takes the full width below them. */\n.s9b5048_cardActions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px 10px;\n}\n\n.s9b5048_cardActions > .sc4f2ac_gate,\n.s9b5048_cardActions > .s4d374c_installPanel,\n.s9b5048_cardActions > .sf53ca0_installedActions {\n  flex-basis: 100%;\n}\n\n/* The entry's version, always visible on the card (the expanded detail\n * repeats it in the version row) — the same quiet mono as the toolbar. */\n.sc6ec6e_cardVersion {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The octocat marking a github-sourced entry, beside its short commit. */\n.s71f10f_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s5e82cb_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s5e82cb_tierBadge[data-tier='verified'] {\n  color: var(--dsw-alias-state-success-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='verified-stale'] {\n  color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='community'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n.s4bbe02_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent);\n}\n\n.sff43b4_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s73f7fb_chevron, .s61393c_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s61393c_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s73f7fb_chevron, .s61393c_chevronOpen { transition: none; }\n}\n\n.s820ebf_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sb8fbc8_summary {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.se507db_summaryZh {\n  margin: -4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Expanded cards show the full summary: the clamp is lifted, never raised —\n * a higher number would still truncate the author's text, just later. */\n.s10baf0_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sb9dba9_summaryZhExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n/* `white-space: pre-line` so the newline in the copy is the copy's own: the\n   dictionary decides where the line breaks, and a translator changes it\n   without touching the component. Collapses runs of spaces like `normal`, so\n   only the explicit \\n survives. */\n.s6eca19_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.s9d2029_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s3bdbd5_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s441702_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s441702_capabilities li {\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sde3f0c_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.se98179_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.sfb4d2f_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.sfb4d2f_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sfb4d2f_detailRow dd {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  overflow-wrap: anywhere;\n  text-align: right;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfb4d2f_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.sfb4d2f_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.sfb4d2f_detailRow a:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* What the entry IS rather than what you can do with it — how big it is and\n * who published it — at the right edge of the action row. `margin-left: auto`\n * is what pushes it there, and it lives on this wrapper rather than on either\n * label so the group stays flush right when only one of the two has a value:\n * a github entry has no npm size, and a packument that named no account has no\n * author. The row is a wrapping flex, so an active install flow (which claims\n * the full width) drops the whole group to the next line rather than squeezing\n * it. */\n.s5fbaf9_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The unpacked size, left of the author. Mono and tabular so the digits of one\n * figure line up with the digits of another WHEREVER the two land: `.s5fbaf9_cardMeta`\n * is flush right and the author sits outside the size, so a size's x position\n * moves with the author's width and is different again on the many entries\n * that carry no author at all. There is no column to align to, which is why\n * the reason given here is per-figure legibility rather than the column the\n * first version of this comment claimed. Secondary colour, because it\n * qualifies the entry rather than announcing it.\n *\n * `font-variant-numeric` is safe HERE and would not be on a pill: this element\n * has no state rules, so nothing it does can reflow a wrapping row. */\n.s2d3c05_size {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The publishing account, at the outer end of `.s5fbaf9_cardMeta` on the action row —\n * NOT beside the npm link in the expanded detail, which is where it used to\n * live and what this comment described until the accurate half was deleted\n * with the `margin-left: auto` that moved to `.s5fbaf9_cardMeta`. There is no middot:\n * `.s5fbaf9_cardMeta`'s 8px gap separates it from the size.\n *\n * Secondary label colour carries the distinction — never a background fill,\n * which is invisible in the light theme where every bg-layer token is the\n * same white. */\n.s1ff66f_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sd58c6d_reviewedLine {\n  margin: 8px 0 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n  font-size: 12px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n/* Install flow. */\n.s4d374c_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.se7aaed_installButton, .sb43a49_confirmButton, .s6e45d1_cancelButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.se7aaed_installButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.se7aaed_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sb43a49_confirmButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.sb43a49_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s6e45d1_cancelButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s6e45d1_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.se7aaed_installButton:focus-visible, .sb43a49_confirmButton:focus-visible, .s6e45d1_cancelButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The shelf card of a plugin that is installed and current carries this\n * non-interactive label instead of an install button. Border + text do the\n * work in the light theme, where every bg-layer token resolves to white. */\n.sb6fc74_installedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n/* An installed card's controls: the installed label or the update button,\n * plus the uninstall button. The install panel's running/failed states are\n * column layouts and sit as one item of this row. */\n.sf53ca0_installedActions {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* Uninstall revokes privilege; the quiet outline keeps it from competing\n * with the primary action, and the error tint says \"removes\". */\n.s96967f_uninstallButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 55%, transparent);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s96967f_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.s96967f_uninstallButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-error-primary);\n  outline-offset: 1px;\n}\n\n/* The restart dsh button on a done install: quiet outline, same rank as\n * the other secondary actions. */\n.sb00c36_restartSelfButton {\n  /* The version row's third state. Geometry matches .s614a38_checkUpdateButton and\n   * .sa04455_updateSelfButton exactly — the row is one evolving control and a\n   * different pill would read as a different kind of thing. It takes the\n   * emphasised fill rather than the neutral one because at that moment the\n   * restart is the only thing left to do, the same reason Update has it. */\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sb00c36_restartSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s6ac237_restartButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s6ac237_restartButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s6ac237_restartButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sc4f2ac_gate {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n.s559c38_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s3c0ace_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sc323e5_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.s4b2373_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s52b5a5_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s64ab71_log {\n  max-height: 160px;\n  overflow: auto;\n  margin: 0;\n  padding: 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  list-style: none;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.s1531a8_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sf20dda_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.seb9b08_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.sfd3021_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s50ba35_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.se75489_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* Installed section. */\n.sa276cf_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.sceae6e_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s8d2072_outdatedRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.s5c2545_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s5c2545_outdatedInfo strong {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s877c68_outdatedVersions {\n  /* Two inline labels with nothing between them in the markup ran together as\n   * `installed v1.0.0latest v2.0.0`: JSX drops the whitespace-only line, and\n   * the per-label class the markup asked for was never defined (singular\n   * against this rule's plural). The container owns the gap, the same idiom\n   * as .s513026_badges — the labels need no class of their own. */\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa1f556_outdatedActions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n/* The shop's one switch. It is worn by two controls that mean different\n * things — the enable/disable toggle on an installed card, and the shelf's\n * incompatible filter — so the geometry lives here once and each caller states\n * only its hue.\n *\n * `--switch-hue` is that knob, and it is read from the ANCESTOR rather than\n * declared per state: `.sfd887b_incompatibleFilter` sets it once and it reaches the\n * track and the label together, which is what keeps a red switch from sitting\n * under a neutral word. A declaration on `.s11c019_switch` itself would shadow the\n * inherited value (an element's own rule beats what it inherits), so the\n * default rides in the `var()` fallback and is resolved once into\n * `--track-hue` instead of being spelled out at each use.\n *\n * `box-sizing` and `padding` are stated because the two callers are different\n * elements — a `<button>`, which the UA gives padding, and a `<span>`, which\n * it does not. Without them the same class renders two sizes, and the knob\n * sits 2px above centre in the taller one. */\n.s11c019_switch {\n  --track-hue: var(--switch-hue, var(--dsw-alias-state-success-primary));\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 32px;\n  height: 18px;\n  padding: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n\n/* The knob's POSITION is the state, which is the reason this control needs no\n * `forced-colors` fallback the way the category pills do: a system palette\n * replaces every colour below and moves nothing. */\n.s7580e8_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.saab2b3_switchKnob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 999px;\n  background: var(--dsw-alias-label-primary);\n  transition: transform 120ms ease, background 120ms ease;\n}\n\n.s7580e8_switchOn .saab2b3_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.s11c019_switch:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s11c019_switch, .saab2b3_switchKnob { transition: none; }\n}\n\n/* The hot enable/disable switch on installed rows: the knob button plus the\n * §8 hot-apply / failure notices rendered beside it. */\n.sd9f9e4_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n";
+		const css = "/* Shop tab styles — a market shelf inside the settings surface. The visual\n * language is the dsh theme's alias tokens ONLY (the four tokens the previous\n * styles referenced that do not exist — bg-layer-3, interactive-bg-hover,\n * state-error, state-success — are corrected to bg-layer-2 and the\n * state-*-primary set). The signature is the category spine: one HUE per\n * category (seven fixed hues, not the brand token — the brand resolves to\n * near-black in the light theme, so seven brand opacities read as seven\n * shades of gray), with the category name as the cover label in the same hue. Class names are mapped to content-derived names at bundle time\n * (tsdown.s8583e3_client.s942a79_config.s5f67aa_ts) and stubbed in tests; only the keys are relied\n * on.\n *\n * One token rule the theme forces: the background LAYERS do not carry\n * contrast. In the light theme bg-base, bg-layer-1, bg-layer-2 and\n * bg-layer-3 all resolve to the same white; only the dark theme spreads them\n * (950/875/850/800). So a layer-2 fill on a layer-1 ground is invisible for\n * half of all users, and anything whose fill is its ONLY affordance — the\n * loading skeleton, the borderless capability chips — derives its fill from\n * label-primary instead, which inverts with the theme by construction.\n * Elements that also carry a border or text may keep a layer fill.\n * `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts` pins this. */\n\n.s255e5a_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The shelf never scrolls sideways: a card too wide for its track wraps\n   * its badges rather than widening the panel.\n   *\n   * Clipped on BOTH axes, with a margin, because `.s232ec4_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.s646509_toolbar`, itself\n   * the first child here, and this rule carries no padding — so its focus\n   * ring paints ENTIRELY outside the panel.\n   *\n   * Both axes is the load-bearing part: `overflow-clip-margin` is inert\n   * unless the element clips on both. Clipping x alone left the margin doing\n   * nothing — measured against the live app on 0.7.1, the ring reached 0 of\n   * its 3px on the left at every device pixel ratio (1, 1.25, 1.5, 2), while\n   * keeping the full 3px on the right, where the 280px input stops short of\n   * the panel and never meets the clip edge. Raising the margin to 6px\n   * changed nothing; clipping both axes with the SAME 3px restored the whole\n   * ring. A test that reads declarations cannot see that difference, which is\n   * why the first attempt at this shipped broken.\n   *\n   * `clip` is not a scroll container, so this does not bring back the\n   * accidental scrolling `hidden` caused by coercing the other axis to\n   * `auto`. Nothing is lost vertically: the panel's scrollHeight equals its\n   * height and no descendant paints outside the clip rect (measured).\n   * `overflow-x: hidden` stays as the fallback for engines without `clip`,\n   * where the ring is clipped as it was before, never worse. */\n  overflow-x: hidden;\n  overflow: clip;\n  overflow-clip-margin: 3px;\n}\n\n.s44a3ec_stateLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* Visually hidden but screen-reader readable (the loading copy while the\n * skeleton stands in visually). */\n.s3a0ece_srOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* The loading shelf: ghost cards with the same geometry as the real grid, so\n * the swap to content is a same-shape handoff instead of a jump. */\n.se0c3b4_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s520416_skeletonCard {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n}\n\n/* The shimmer sweep: one gradient band travels across each ghost card while\n * the bars breathe, so the loading state reads as \"the shelf is scanning\". */\n.s520416_skeletonCard::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    100deg,\n    transparent 25%,\n    color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent) 50%,\n    transparent 75%\n  );\n  transform: translateX(-100%);\n  animation: dshShopSkeletonSweep 1.4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes dshShopSkeletonSweep {\n  to { transform: translateX(100%); }\n}\n\n.s8c7d6f_skeletonName {\n  width: 55%;\n  height: 14px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sf5179e_skeletonSummary {\n  width: 92%;\n  height: 12px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sbb0d25_skeletonSummaryShort {\n  width: 68%;\n  height: 12px;\n  margin: 6px 12px 10px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n/* The ghost of the action line, right where the real buttons land. */\n.s96e910_skeletonActions {\n  display: block;\n  width: 84px;\n  height: 24px;\n  margin: 0 12px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.s520416_skeletonCard span {\n  animation: dshShopSkeletonPulse 1.6s ease-in-out infinite;\n}\n\n@keyframes dshShopSkeletonPulse {\n  0%, 100% { opacity: 0.5; }\n  50% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s520416_skeletonCard span { animation: none; opacity: 0.75; }\n  .s520416_skeletonCard::after { content: none; }\n}\n\n.s73242a_actionButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s73242a_actionButton:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.s73242a_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s646509_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s745e3c_toolbarRight {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* The shop's own version, right of the search box: `v0.4.4`, plus the\n * update button when the version check found a newer release. */\n.s4fe61f_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.sb9b924_versionText {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa04455_updateSelfButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sa04455_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.sa04455_updateSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The on-demand re-check next to the version number: a quiet pill; the\n * border and text carry it in the light theme where bg layers are white. */\n.s614a38_checkUpdateButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.s614a38_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s614a38_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s614a38_checkUpdateButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The project's GitHub mark, right of the version row: a quiet icon link.\n * The octocat carries itself — color shift on hover, no text, no border. */\n.sa987f7_githubLink {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa987f7_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sa987f7_githubLink:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The self-update's expanded states (running log / done + restart /\n * failure detail) sit under the toolbar, above the category bar. */\n.sb81ba5_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.s232ec4_searchInput {\n  width: min(280px, 100%);\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n.s232ec4_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s3946f1_staleBadge {\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n  color: var(--dsw-alias-state-warn-primary);\n  font-size: 12px;\n}\n\n.sb2c859_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.s26d58e_categoryButton {\n  /* The hue this button carries when selected. `All` and `Installed` select by\n   * something other than a category and keep the brand token; the six category\n   * buttons override it from the shared hue table below, so a pressed Tool tab\n   * turns the same blue as a tool card's spine. */\n  --category-hue: var(--dsw-alias-brand-primary);\n  padding: 3px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Blend text with the theme foreground: darker on light backgrounds, lighter\n * on dark ones. The unblended category hue belongs on the border and fill. */\n.s26d58e_categoryButton:hover {\n  border-color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-border-l2));\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Selected. Written `.s26d58e_categoryButton.s5f68c4_categoryButtonOn` — TWO classes — so it\n * matches `.s26d58e_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s5f68c4_categoryButtonOn` it lost both `border-color` and `color` to the\n * hover rule for as long as the pointer stayed on the tab that had just been\n * clicked, which is precisely when a reader looks for confirmation.\n *\n * EVERY declaration here is a colour or a shadow: a pressed tab must occupy\n * exactly the same box as an unpressed one, so the bar does not reflow — and\n * with ~9 pills on a wrapping row, one that grows can push the rest onto\n * another line and move the tab out from under the pointer that just clicked\n * it. That is what `font-weight: 600` did (bold metrics are wider than\n * regular), and it is why nothing may be added here that resolves to a length:\n * no padding, no border-width, no font-size, no letter-spacing.\n * `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts` fails the build on one.\n *\n * `box-shadow` is the exception that earns its place: it paints outside the\n * layout box, so an inset ring doubles the border's weight at zero cost to the\n * metrics. It is what `font-weight: 600` used to be — a second, thickness-\n * based signal that hover does not also produce — and the `other` tab needs it\n * most: its hue IS the neutral gray this file uses for \"no category\", so on\n * the light theme hue alone barely separates pressed from unpressed. */\n.s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n  border-color: var(--category-hue);\n  background: color-mix(in srgb, var(--category-hue) 14%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n  box-shadow: inset 0 0 0 1px var(--category-hue);\n}\n\n/* Forced colours replace every colour above with the system palette, which\n * would leave the three colour declarations saying nothing and the pressed tab\n * indistinguishable from its neighbours. `box-shadow` is dropped in this mode\n * too, so the ring has to come back as an outline. */\n@media (forced-colors: active) {\n  .s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.s26d58e_categoryButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The incompatible filter, at the right edge of the category bar: `margin-left:\n * auto` pushes it past the pills, and the bar wraps, so on a narrow panel it\n * drops to its own line rather than squeezing them. It is a MODIFIER, not a\n * ninth category — the categories select what to show and this one subtracts\n * from whatever they selected — so it takes the error hue it filters on rather\n * than joining the hue table.\n *\n * And it is a SWITCH, which is the difference the shape now carries. It used\n * to wear `.s26d58e_categoryButton`: same pill, same row, same size as the eight tabs,\n * differing only in being red. That reads as a ninth tab, and it is not one —\n * the tabs are choose-one and this is on-or-off. So it drops the pill chrome\n * entirely (no border, no fill, nothing to compete with the row it sits\n * beside) and puts the state in a track, the same one every installed card\n * carries. Nothing here restates the switch geometry; `--switch-hue` is the\n * whole of what this control says about it, and it reaches the label too, so\n * one declaration keeps the word and the track the same colour. */\n.sfd887b_incompatibleFilter {\n  --switch-hue: var(--dsw-alias-state-error-primary);\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  /* Matches the pills' vertical padding so the bar keeps one line box whether\n   * this control wraps onto a row of its own or shares theirs. */\n  padding: 3px 0;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Hover lifts the word to full contrast and warms the track's border. Scoped\n * to the OFF track: `.sfd887b_incompatibleFilter:hover .s11c019_switch` outranks `.s7580e8_switchOn`\n * by two classes, so unscoped it would strip the hue from the border at\n * exactly the moment a reader has the pointer on it to check the state. */\n.sfd887b_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfd887b_incompatibleFilter:hover .s11c019_switch:not(.s7580e8_switchOn) {\n  border-color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-border-l2));\n}\n\n/* On. Written with both classes for the reason `.s26d58e_categoryButton.s5f68c4_categoryButtonOn`\n * is: it has to match `:hover`'s specificity and come after it, or the colour\n * reverts under a pointer that has not moved since the click. */\n.sfd887b_incompatibleFilter.s6e4cba_incompatibleFilterOn {\n  color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Off here means \"nothing is being taken away\" — the resting state — so the\n * knob steps back to the secondary label. The enable switch keeps the full\n * strength dot, where off means \"this plugin is disabled\" and is worth\n * noticing. In this bar it would be the heaviest mark in a row of hairline\n * pills, and on the light theme it is the WHOLE control: bg-layer-2 is the\n * same white as the panel there, so an off track is a hairline outline with a\n * near-black dot sitting in it. */\n.sfd887b_incompatibleFilter .s11c019_switch:not(.s7580e8_switchOn) .saab2b3_switchKnob {\n  background: var(--dsw-alias-label-secondary);\n}\n\n/* The ring has no border to trace, so it takes an offset and the pill radius\n * of the tabs it sits beside rather than hugging the text. */\n.sfd887b_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s668774_catalogHeading {\n  margin: 2px 0 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-primary);\n}\n\n.seb0a1e_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n.sccc4d1_catalogStats {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* Sits beside the 12px stats caption, so it is quieter than `.s73242a_actionButton`:\n * this is an affordance, not a call to action — the catalog reloads on its\n * own at mount and the shelf is already usable without it. Named\n * `catalogRefresh*` (not `reload*`) so it cannot collide with the §4 page\n * reload offer below, which reloads the whole tab rather than refetching\n * the catalog data. */\n.sff243d_catalogRefreshButton {\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.sff243d_catalogRefreshButton:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.sff243d_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.sff243d_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s194168_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s6de1ab_emptyLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* The shelf: a responsive grid of cards. */\n/* Single-line rows: one full-width column, one plugin per line. */\n.sf657f5_cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  max-width: 100%;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  animation: dshShopCardsIn 220ms ease;\n}\n\n@keyframes dshShopCardsIn {\n  from { opacity: 0; transform: translateY(3px); }\n  to { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sf657f5_cards { animation: none; }\n}\n\n.s65f383_card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* A grid item's min-width is auto by default: its content would widen the\n   * 1fr track past the panel and overflow horizontally. */\n  min-width: 0;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;\n  /* Off-screen cards skip layout and paint; the placeholder keeps scrollbar\n   * estimation sane before the browser has measured the real height. */\n  content-visibility: auto;\n  contain-intrinsic-size: auto 140px;\n}\n\n/* The sentinel that triggers the next shelf batch: zero visual footprint. */\n.sd7ee01_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s705cc6_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s65f383_card:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l1));\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s65f383_card { transition: none; }\n  .s65f383_card:hover { transform: none; }\n}\n\n/* The signature: a spine and cover in the category's own hue. The hues are\n * fixed mid-bright colors that read on both themes; `other` deliberately\n * stays a neutral gray so the fallback category does not compete. */\n.s4ce25d_cardSpine {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 3px;\n  background: var(--category-hue, #8B8E96);\n}\n\n/* The hue table, keyed by `data-category` and read by BOTH surfaces that\n * speak in category colour: a card's spine and badge, and the category bar's\n * own tab. One table, so a tab can never disagree with the cards it filters to\n * — which is the whole point of colouring the tab. `.s26d58e_categoryButton` sets the\n * brand fallback for `All`/`Installed`; these attribute selectors are one\n * specificity step above it and win wherever the attribute is present. */\n.s65f383_card[data-category='tool'], .s26d58e_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.s65f383_card[data-category='provider'], .s26d58e_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.s65f383_card[data-category='ui'], .s26d58e_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.s65f383_card[data-category='workflow'], .s26d58e_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.s65f383_card[data-category='integration'], .s26d58e_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.s65f383_card[data-category='theme'], .s26d58e_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.s65f383_card[data-category='other'], .s26d58e_categoryButton[data-category='other'] { --category-hue: #8B8E96; }\n\n/* The category sits in the badge row as a quiet chip in the category's own\n * hue — the border carries it where the light theme's white layers cannot\n * (the same lesson as the check button). */\n.s9c8eaa_categoryBadge {\n  padding: 1px 7px;\n  border: 1px solid color-mix(in srgb, var(--category-hue, #8B8E96) 45%, transparent);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--category-hue, #8B8E96);\n  white-space: nowrap;\n}\n\n.sa97234_entryHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding: 8px 12px 2px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.sa97234_entryHeader:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n/* The name fills the row and truncates rather than wraps; the badges stay\n * intact beside it. */\n.sc3f149_name {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  font-weight: 600;\n  flex: 1 1 auto;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s513026_badges {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* The action line: buttons side by side; an active install/uninstall flow\n * (gate, log, notices) takes the full width below them. */\n.s9b5048_cardActions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px 10px;\n}\n\n.s9b5048_cardActions > .sc4f2ac_gate,\n.s9b5048_cardActions > .s4d374c_installPanel,\n.s9b5048_cardActions > .sf53ca0_installedActions {\n  flex-basis: 100%;\n}\n\n/* The entry's version, always visible on the card (the expanded detail\n * repeats it in the version row) — the same quiet mono as the toolbar. */\n.sc6ec6e_cardVersion {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The octocat marking a github-sourced entry, beside its short commit. */\n.s71f10f_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s5e82cb_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s5e82cb_tierBadge[data-tier='verified'] {\n  color: var(--dsw-alias-state-success-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='verified-stale'] {\n  color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='community'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n.s4bbe02_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--dsw-alias-state-error-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent);\n}\n\n.sff43b4_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s73f7fb_chevron, .s61393c_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s61393c_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s73f7fb_chevron, .s61393c_chevronOpen { transition: none; }\n}\n\n.s820ebf_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sb8fbc8_summary {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.se507db_summaryZh {\n  margin: -4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Expanded cards show the full summary: the clamp is lifted, never raised —\n * a higher number would still truncate the author's text, just later. */\n.s10baf0_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sb9dba9_summaryZhExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n/* `white-space: pre-line` so the newline in the copy is the copy's own: the\n   dictionary decides where the line breaks, and a translator changes it\n   without touching the component. Collapses runs of spaces like `normal`, so\n   only the explicit \\n survives. */\n.s6eca19_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.s9d2029_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s3bdbd5_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s441702_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s441702_capabilities li {\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sde3f0c_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.se98179_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.sfb4d2f_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.sfb4d2f_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sfb4d2f_detailRow dd {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  overflow-wrap: anywhere;\n  text-align: right;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfb4d2f_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.sfb4d2f_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.sfb4d2f_detailRow a:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* What the entry IS rather than what you can do with it — how big it is and\n * who published it — at the right edge of the action row. `margin-left: auto`\n * is what pushes it there, and it lives on this wrapper rather than on either\n * label so the group stays flush right when only one of the two has a value:\n * a github entry has no npm size, and a packument that named no account has no\n * author. The row is a wrapping flex, so an active install flow (which claims\n * the full width) drops the whole group to the next line rather than squeezing\n * it. */\n.s5fbaf9_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The unpacked size, left of the author. Mono and tabular so the digits of one\n * figure line up with the digits of another WHEREVER the two land: `.s5fbaf9_cardMeta`\n * is flush right and the author sits outside the size, so a size's x position\n * moves with the author's width and is different again on the many entries\n * that carry no author at all. There is no column to align to, which is why\n * the reason given here is per-figure legibility rather than the column the\n * first version of this comment claimed. Secondary colour, because it\n * qualifies the entry rather than announcing it.\n *\n * `font-variant-numeric` is safe HERE and would not be on a pill: this element\n * has no state rules, so nothing it does can reflow a wrapping row. */\n.s2d3c05_size {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The publishing account, at the outer end of `.s5fbaf9_cardMeta` on the action row —\n * NOT beside the npm link in the expanded detail, which is where it used to\n * live and what this comment described until the accurate half was deleted\n * with the `margin-left: auto` that moved to `.s5fbaf9_cardMeta`. There is no middot:\n * `.s5fbaf9_cardMeta`'s 8px gap separates it from the size.\n *\n * Secondary label colour carries the distinction — never a background fill,\n * which is invisible in the light theme where every bg-layer token is the\n * same white. */\n.s1ff66f_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sd58c6d_reviewedLine {\n  margin: 8px 0 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n  font-size: 12px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n/* Install flow. */\n.s4d374c_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.se7aaed_installButton, .sb43a49_confirmButton, .s6e45d1_cancelButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.se7aaed_installButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.se7aaed_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sb43a49_confirmButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.sb43a49_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s6e45d1_cancelButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s6e45d1_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.se7aaed_installButton:focus-visible, .sb43a49_confirmButton:focus-visible, .s6e45d1_cancelButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The shelf card of a plugin that is installed and current carries this\n * non-interactive label instead of an install button. Border + text do the\n * work in the light theme, where every bg-layer token resolves to white. */\n.sb6fc74_installedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n/* An installed card's controls: the installed label or the update button,\n * plus the uninstall button. The install panel's running/failed states are\n * column layouts and sit as one item of this row. */\n.sf53ca0_installedActions {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* Uninstall revokes privilege; the quiet outline keeps it from competing\n * with the primary action, and the error tint says \"removes\". */\n.s96967f_uninstallButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 55%, transparent);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s96967f_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.s96967f_uninstallButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-error-primary);\n  outline-offset: 1px;\n}\n\n/* The restart dsh button on a done install: quiet outline, same rank as\n * the other secondary actions. */\n.sb00c36_restartSelfButton {\n  /* The version row's third state. Geometry matches .s614a38_checkUpdateButton and\n   * .sa04455_updateSelfButton exactly — the row is one evolving control and a\n   * different pill would read as a different kind of thing. It takes the\n   * emphasised fill rather than the neutral one because at that moment the\n   * restart is the only thing left to do, the same reason Update has it. */\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sb00c36_restartSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The two activation offers share one recipe: a border in an alias token,\n * never a `bg-layer` fill alone — all four bg-layer tokens collapse to the\n * same white under `body` in the light theme, and a fill-only button would\n * vanish there. Grouped rather than copied, because a copy is a rule that\n * can be corrected on one button and left wrong on the other, silently. */\n.s6ac237_restartButton,\n.s64a5ff_reloadButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s6ac237_restartButton:hover,\n.s64a5ff_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s6ac237_restartButton:focus-visible,\n.s64a5ff_reloadButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The §4 reload offer: a notice plus its button, one item of\n * `.sf53ca0_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.sf79aef_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.sc4f2ac_gate {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n.s559c38_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s3c0ace_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sc323e5_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.s4b2373_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s52b5a5_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s64ab71_log {\n  max-height: 160px;\n  overflow: auto;\n  margin: 0;\n  padding: 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  list-style: none;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.s1531a8_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sf20dda_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.seb9b08_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.sfd3021_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s50ba35_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.se75489_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* Installed section. */\n.sa276cf_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.sceae6e_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s8d2072_outdatedRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.s5c2545_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s5c2545_outdatedInfo strong {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s877c68_outdatedVersions {\n  /* Two inline labels with nothing between them in the markup ran together as\n   * `installed v1.0.0latest v2.0.0`: JSX drops the whitespace-only line, and\n   * the per-label class the markup asked for was never defined (singular\n   * against this rule's plural). The container owns the gap, the same idiom\n   * as .s513026_badges — the labels need no class of their own. */\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa1f556_outdatedActions {\n  display: flex;\n  align-items: center;\n  /* The reload offer (§4) mounts inside the switch beside the Update button\n   * and is a two-line block, not a control: without wrapping, a row reading\n   * [switch][notice + Reload][Update] overflows the settings dialog. */\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n/* The shop's one switch. It is worn by two controls that mean different\n * things — the enable/disable toggle on an installed card, and the shelf's\n * incompatible filter — so the geometry lives here once and each caller states\n * only its hue.\n *\n * `--switch-hue` is that knob, and it is read from the ANCESTOR rather than\n * declared per state: `.sfd887b_incompatibleFilter` sets it once and it reaches the\n * track and the label together, which is what keeps a red switch from sitting\n * under a neutral word. A declaration on `.s11c019_switch` itself would shadow the\n * inherited value (an element's own rule beats what it inherits), so the\n * default rides in the `var()` fallback and is resolved once into\n * `--track-hue` instead of being spelled out at each use.\n *\n * `box-sizing` and `padding` are stated because the two callers are different\n * elements — a `<button>`, which the UA gives padding, and a `<span>`, which\n * it does not. Without them the same class renders two sizes, and the knob\n * sits 2px above centre in the taller one. */\n.s11c019_switch {\n  --track-hue: var(--switch-hue, var(--dsw-alias-state-success-primary));\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 32px;\n  height: 18px;\n  padding: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n\n/* The knob's POSITION is the state, which is the reason this control needs no\n * `forced-colors` fallback the way the category pills do: a system palette\n * replaces every colour below and moves nothing. */\n.s7580e8_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.saab2b3_switchKnob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 999px;\n  background: var(--dsw-alias-label-primary);\n  transition: transform 120ms ease, background 120ms ease;\n}\n\n.s7580e8_switchOn .saab2b3_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.s11c019_switch:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s11c019_switch, .saab2b3_switchKnob { transition: none; }\n}\n\n/* The hot enable/disable switch on installed rows: the knob button plus the\n * §8 hot-apply / failure notices rendered beside it. */\n.sd9f9e4_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.sa1f556_outdatedActions`: `.sf79aef_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.sf53ca0_installedActions` and not here until this line. */\n  flex-wrap: wrap;\n  gap: 8px;\n}\n";
 		if (typeof document !== "undefined" && !document.querySelector("style[data-plugin-css=\"e3675a89\"]")) {
 			const tag = document.createElement("style");
 			tag.dataset.pluginCss = "e3675a89";
@@ -7014,8 +7183,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"catalogHeading": "s668774_catalogHeading",
 			"catalogStatsRow": "seb0a1e_catalogStatsRow",
 			"catalogStats": "sccc4d1_catalogStats",
-			"reloadButton": "s64a5ff_reloadButton",
-			"reloadFailed": "s4453f3_reloadFailed",
+			"catalogRefreshButton": "sff243d_catalogRefreshButton",
+			"catalogRefreshFailed": "s194168_catalogRefreshFailed",
 			"emptyLine": "s6de1ab_emptyLine",
 			"cards": "sf657f5_cards",
 			"card": "s65f383_card",
@@ -7060,6 +7229,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"uninstallButton": "s96967f_uninstallButton",
 			"restartSelfButton": "sb00c36_restartSelfButton",
 			"restartButton": "s6ac237_restartButton",
+			"reloadButton": "s64a5ff_reloadButton",
+			"reloadPanel": "sf79aef_reloadPanel",
 			"gateTitle": "s559c38_gateTitle",
 			"gateBody": "s3c0ace_gateBody",
 			"gateWarning": "sc323e5_gateWarning",
@@ -7108,7 +7279,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* install controls. An installed plugin's card carries its installed row:
 		* current → the non-interactive installed label, behind → the update button;
 		* uninstalled → the install button. */
-		const EntryCard = (0, react.memo)(function EntryCard({ entry, stars, installed, missing, nameTakenBy, t, flowFor, installStatus, uninstall, restart, restartSupported, setEnabled, onSettled }) {
+		const EntryCard = (0, react.memo)(function EntryCard({ entry, stars, installed, missing, nameTakenBy, t, flowFor, uninstallFlowFor, restart, restartBlocked, reload, setEnabled, inInstalledView }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const blockers = blockersOf(missing, nameTakenBy, t);
 			const detailId = (0, react.useId)();
@@ -7125,10 +7296,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				subdir: entry.subdir
 			};
 			const flow = flowFor(entryKey(entry));
-			const uninstallSettled = (0, react.useCallback)(() => {
-				flow.reset();
-				onSettled();
-			}, [flow, onSettled]);
+			const uninstallFlow = uninstallFlowFor(entryKey(entry));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: _dsh_plugin_shop_css_e3675a89_default.card,
 				"data-shop-entry": entry.name,
@@ -7277,7 +7445,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: _dsh_plugin_shop_css_e3675a89_default.cardActions,
 						"data-shop-actions": true,
-						children: [installed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
+						children: [installed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!inInstalledView && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
 							target: installTarget,
 							tier: entry.tier,
 							missing,
@@ -7286,8 +7454,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							flow,
 							t,
 							restart,
-							restartSupported
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							restartBlocked,
+							reload
+						}), uninstallFlow.view.kind !== "idle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
+							name: entry.name,
+							t,
+							restart,
+							restartBlocked,
+							reload,
+							flow: uninstallFlow
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 							installed.outdated || flow.view.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
 								target: installTarget,
 								tier: entry.tier,
@@ -7298,7 +7474,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								flow,
 								t,
 								restart,
-								restartSupported
+								restartBlocked,
+								reload
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: _dsh_plugin_shop_css_e3675a89_default.installedLabel,
 								"data-shop-installed": true,
@@ -7310,16 +7487,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 								row: installed,
 								t,
-								setEnabled
+								setEnabled,
+								reload
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
 								name: entry.name,
 								t,
-								uninstall,
-								installStatus,
 								restart,
-								restartSupported,
-								onSettled: uninstallSettled
+								restartBlocked,
+								reload,
+								flow: uninstallFlow
 							})
 						] }), (size !== void 0 || author !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: _dsh_plugin_shop_css_e3675a89_default.cardMeta,
@@ -7380,17 +7557,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		/** One entry's install flow: the button, the §9.3 acknowledgement gate for
 		* community-tier entries, and the live view — running log, restart notice,
-		* failure detail, rejection detail — driven by `useInstall`. Shared by the
+		* failure detail, rejection detail — driven by `useInstallFlows`. Shared by the
 		* catalog cards (`variant: 'install'`) and the outdated rows' update button
 		* (`variant: 'update'`, which drives the same install flow for `name@latest`). */
-		function InstallPanel({ target, tier, missing, blockers, missingStated = false, variant = "install", flow, t, restart, restartSupported }) {
+		function InstallPanel({ target, tier, missing, blockers, missingStated = false, variant = "install", flow, t, restart, restartBlocked, reload }) {
 			const [gateOpen, setGateOpen] = (0, react.useState)(false);
 			const { view, start } = flow;
 			if (view.kind === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: _dsh_plugin_shop_css_e3675a89_default.installing,
-					children: t("installing")
+					children: t(installPhaseKey(view.phase))
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: _dsh_plugin_shop_css_e3675a89_default.log,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -7412,16 +7589,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: _dsh_plugin_shop_css_e3675a89_default.notice,
 						"data-shop-restart-notice": true,
-						children: view.needsRestart ? t(restartReasonKey(view.restartReason)) : t("installedNoRestartNotice")
+						children: t(activationNoticeKey(view.activation, view.restartReason))
 					}),
-					view.needsRestart && restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationOffer, {
+						activation: view.activation,
 						t,
-						restart
-					}),
-					view.needsRestart && !restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
-						"data-shop-restart-disabled": true,
-						children: t("restartDisabledNotice")
+						restart,
+						restartBlocked,
+						reload,
+						where: "install"
 					})
 				]
 			});
@@ -7521,13 +7697,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* §9.3 is about granting. A business failure (not in the catalog / not
 		* installed) lands in the failed view with the host's published detail; a
 		* transport failure carries the empty detail and the localized fallback. */
-		function UninstallPanel({ name, t, uninstall, installStatus, restart, restartSupported, onSettled }) {
-			const { view, start } = useUninstall(uninstall, installStatus);
-			const settled = (0, react.useRef)(onSettled);
-			settled.current = onSettled;
-			(0, react.useEffect)(() => {
-				if (view.kind === "done") settled.current();
-			}, [view.kind]);
+		function UninstallPanel({ name, t, restart, restartBlocked, reload, flow }) {
+			const { view, start, reset } = flow;
 			if (view.kind === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -7547,16 +7718,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: _dsh_plugin_shop_css_e3675a89_default.notice,
 						"data-shop-uninstall-done": true,
-						children: view.needsRestart ? t("uninstalledRestartNotice") : t("uninstalledLiveNotice")
+						children: t(uninstallActivationNoticeKey(view.activation))
 					}),
-					view.needsRestart && restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationOffer, {
+						activation: view.activation,
 						t,
-						restart
+						restart,
+						restartBlocked,
+						reload,
+						where: "uninstall"
 					}),
-					view.needsRestart && !restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
-						"data-shop-restart-disabled": true,
-						children: t("restartDisabledNotice")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+						"data-shop-uninstall-dismiss": true,
+						onClick: reset,
+						children: t("dismiss")
 					})
 				]
 			});
@@ -7577,6 +7754,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
 						children: view.detail === "" ? t("uninstallTransportFailed") : view.detail
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_e3675a89_default.uninstallButton,
+						"data-shop-uninstall-retry": true,
+						onClick: () => void start({ name }),
+						children: t("retry")
 					})
 				]
 			});
@@ -7692,15 +7876,64 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		/**
+		* The §4/§8 offer under a settled install, update or uninstall: a reload
+		* when the change is already live on the server and only this page is
+		* stale, a restart when the host actually needs one — and can restart at
+		* all (§C-1), otherwise the disabled notice says why — and neither when the
+		* change landed needing neither.
+		*
+		* One component rather than the same three lines in each panel. The
+		* precedence between the three values is a single rule, and it was written
+		* out twice: two places to find when a fourth activation value arrives or
+		* the `restartBlocked` gate changes, with nothing to make the second one
+		* fail if it were missed.
+		*/
+		function ActivationOffer({ activation, t, restart, restartBlocked, reload, where }) {
+			if (activation === "reload") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReloadPanel, {
+				t,
+				reload,
+				where
+			});
+			if (activation !== "restart") return null;
+			return restartBlocked === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
+				t,
+				restart
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: _dsh_plugin_shop_css_e3675a89_default.notice,
+				"data-shop-restart-disabled": true,
+				children: t(restartBlockedNoticeKey(restartBlocked))
+			});
+		}
+		/** The §4 reload offer: the server already holds the new state and this tab
+		* does not. Never automatic — a reload discards whatever the reader had in
+		* flight (a conversation, a form, an upload), and the shop knows a reload
+		* would help without knowing that now is a good time. */
+		function ReloadPanel({ t, reload, where }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: _dsh_plugin_shop_css_e3675a89_default.reloadPanel,
+				"data-shop-reload": where,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: _dsh_plugin_shop_css_e3675a89_default.notice,
+					children: t("reloadNote")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: _dsh_plugin_shop_css_e3675a89_default.reloadButton,
+					onClick: reload,
+					children: t("reload")
+				})]
+			});
+		}
+		/**
 		* The hot enable/disable switch (§8). The initial state is the Host's
 		* inventory verdict carried on the installed row; the click is optimistic
 		* (the value flips on success) and a success renders the §8 hot note. A
 		* transport throw renders the localized failure line — its private detail
 		* (which can name hosts and ports) never reaches the UI.
 		*/
-		function EnabledSwitch({ row, t, setEnabled }) {
+		function EnabledSwitch({ row, t, setEnabled, reload }) {
 			const [enabled, setEnabledState] = (0, react.useState)(row.enabled);
 			const [toggle, setToggle] = (0, react.useState)({ kind: "idle" });
+			const [needsReload, setNeedsReload] = (0, react.useState)(false);
 			const onToggle = async () => {
 				if (toggle.kind === "saving") return;
 				const next = !enabled;
@@ -7713,9 +7946,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					if (result.ok) {
 						setEnabledState(next);
 						setToggle({ kind: "saved" });
+						if (result.activation !== "live") setNeedsReload(true);
 					} else setToggle({
 						kind: "error",
-						detail: result.detail ?? t("toggleFailed")
+						detail: result.detail || t("toggleFailed")
 					});
 				} catch {
 					setToggle({
@@ -7739,11 +7973,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						disabled: toggle.kind === "saving",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.switchKnob })
 					}),
-					toggle.kind === "saved" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					toggle.kind === "saved" && !needsReload && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: _dsh_plugin_shop_css_e3675a89_default.notice,
 						"data-shop-hot-apply": true,
 						children: t("hotApplyNote")
 					}),
+					needsReload && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReloadPanel, {
+						t,
+						reload,
+						where: "toggle"
+					}),
 					toggle.kind === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
 						"data-shop-toggle-error": true,
@@ -7755,7 +7994,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		/** One outdated install row (§7.3): the name, the installed and latest
 		* versions, the hot enable/disable switch, and the update button (the
 		* install flow for `name@latest`, reusing `InstallPanel`). */
-		function OutdatedRow({ row, tier, missing, t, setEnabled, flowFor, restart, restartSupported }) {
+		function OutdatedRow({ row, tier, missing, t, setEnabled, flowFor, restart, restartBlocked, reload }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: _dsh_plugin_shop_css_e3675a89_default.outdatedRow,
 				"data-shop-outdated-entry": row.name,
@@ -7773,7 +8012,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 						row,
 						t,
-						setEnabled
+						setEnabled,
+						reload
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
 						target: {
 							name: row.name,
@@ -7789,7 +8029,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						flow: flowFor(identityKey(row)),
 						t,
 						restart,
-						restartSupported
+						restartBlocked,
+						reload
 					})]
 				})]
 			});
@@ -7801,7 +8042,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* tier for the update gate is looked up from the catalog by name (community →
 		* acknowledgement); an entry absent from the catalog defaults to the
 		* community gate (the safer read). */
-		function OutdatedSection({ state, entriesByKey, missingByKey, t, setEnabled, flowFor, restart, restartSupported }) {
+		function OutdatedSection({ state, entriesByKey, missingByKey, t, setEnabled, flowFor, restart, restartBlocked, reload }) {
 			if (state.kind === "loading") return null;
 			if (state.kind === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: _dsh_plugin_shop_css_e3675a89_default.stateLine,
@@ -7826,7 +8067,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						setEnabled,
 						flowFor,
 						restart,
-						restartSupported
+						restartBlocked,
+						reload
 					}) }, identityKey(row)))
 				})]
 			});
@@ -7834,7 +8076,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		/** The shop tab root: browse, search, refresh, and render one card per
 		* entry. Data attributes on the e2e-relevant nodes follow the Task 3 list. */
 		function ShopTab(props) {
-			const { t, catalog, install, installStatus, setEnabled, installed, installedSpecs, uninstall, restart, version, updateStart } = props;
+			const { t, catalog, install, installStatus, setEnabled, installed, installedSpecs, uninstall, restart, version, updateStart, reload: injectedReload } = props;
 			const [catalogState, setCatalogState] = (0, react.useState)({ kind: "loading" });
 			const [installedState, setInstalledState] = (0, react.useState)({ kind: "loading" });
 			/** The install gate's own input, or undefined while it is unknown — loading,
@@ -7843,7 +8085,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			* about a conflict it could not check. */
 			const [specs, setSpecs] = (0, react.useState)(void 0);
 			const [selfVersion, setSelfVersion] = (0, react.useState)(null);
-			const restartSupported = selfVersion?.restartSupported ?? true;
+			const restartBlocked = selfVersion?.restartBlocked ?? null;
+			const reload = (0, react.useMemo)(() => injectedReload ?? (() => {
+				globalThis.location.reload();
+			}), [injectedReload]);
 			const [selfRestartGate, setSelfRestartGate] = (0, react.useState)(false);
 			const selfUpdate = useUpdateSelf(updateStart, installStatus);
 			const [request, setRequest] = (0, react.useState)({ kind: "initial" });
@@ -7851,7 +8096,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const noteMutation = (0, react.useCallback)(() => {
 				setMutations((current) => current + 1);
 			}, []);
-			const flows = useInstallFlows(install, installStatus, noteMutation);
+			const uninstallResetRef = (0, react.useRef)(() => {});
+			const flows = useInstallFlows(install, installStatus, (0, react.useCallback)((key, outcome) => {
+				if (outcome === "done") uninstallResetRef.current(key);
+				noteMutation();
+			}, [noteMutation]));
+			const uninstallFlows = useUninstallFlows(uninstall, installStatus, (0, react.useCallback)((key, outcome) => {
+				if (outcome !== "done") return;
+				flows.flowFor(key).reset();
+				noteMutation();
+			}, [flows, noteMutation]));
+			uninstallResetRef.current = uninstallFlows.resetFlow;
 			const [reloading, setReloading] = (0, react.useState)(false);
 			const [reloadFailed, setReloadFailed] = (0, react.useState)(false);
 			const [query, setQuery] = (0, react.useState)("");
@@ -7974,7 +8229,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				const q = query.trim().toLowerCase();
 				return sortedBrowsable.filter((entry) => {
 					if (category === "installed") {
-						if (!installedByKey.has(entryKey(entry))) return false;
+						const key = entryKey(entry);
+						if (!installedByKey.has(key) && !uninstallFlows.pending.has(key)) return false;
 					} else if (category !== null && categoryKey(entry) !== categoryLocaleKey(category)) return false;
 					if (q === "") return true;
 					const summaryEn = entry.catalog?.summary.en ?? "";
@@ -7985,7 +8241,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				sortedBrowsable,
 				query,
 				category,
-				installedByKey
+				installedByKey,
+				uninstallFlows.pending
 			]);
 			const filtered = (0, react.useMemo)(() => hideIncompatible && category !== "installed" ? matched.filter((entry) => !badgedIncompatible(entryKey(entry))) : matched, [
 				matched,
@@ -8093,7 +8350,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 										className: _dsh_plugin_shop_css_e3675a89_default.versionText,
 										"data-shop-version": true,
 										children: ["v", selfVersion.installed]
-									}), selfUpdate.view.kind === "done" && restartSupported ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									}), selfUpdate.view.kind === "done" && restartBlocked === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: _dsh_plugin_shop_css_e3675a89_default.restartSelfButton,
 										"data-shop-restart": true,
@@ -8141,7 +8398,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						"data-shop-self-updating": true,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: _dsh_plugin_shop_css_e3675a89_default.installing,
-							children: t("installing")
+							children: t(installPhaseKey(selfUpdate.view.phase))
 						}), selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: _dsh_plugin_shop_css_e3675a89_default.log,
 							children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -8160,7 +8417,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									className: _dsh_plugin_shop_css_e3675a89_default.notice,
 									children: t("installedRestartNotice")
 								}),
-								restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
+								restartBlocked === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
 									t,
 									restart,
 									gate: {
@@ -8168,10 +8425,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 										close: () => setSelfRestartGate(false)
 									}
 								}),
-								!restartSupported && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								restartBlocked !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: _dsh_plugin_shop_css_e3675a89_default.notice,
 									"data-shop-restart-disabled": true,
-									children: t("restartDisabledNotice")
+									children: t(restartBlockedNoticeKey(restartBlocked))
 								})
 							]
 						})
@@ -8280,8 +8537,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								className: _dsh_plugin_shop_css_e3675a89_default.reloadButton,
-								"data-shop-reload": true,
+								className: _dsh_plugin_shop_css_e3675a89_default.catalogRefreshButton,
+								"data-shop-catalog-refresh": true,
 								disabled: reloading,
 								onClick: () => {
 									setReloading(true);
@@ -8291,8 +8548,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								children: reloading ? t("refreshing") : t("refresh")
 							}),
 							reloadFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_e3675a89_default.reloadFailed,
-								"data-shop-reload-failed": true,
+								className: _dsh_plugin_shop_css_e3675a89_default.catalogRefreshFailed,
+								"data-shop-catalog-refresh-failed": true,
 								children: t("refreshFailed")
 							})
 						]
@@ -8316,12 +8573,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								nameTakenBy: nameTakenByKey.get(key),
 								t,
 								flowFor: flows.flowFor,
-								installStatus,
-								uninstall,
+								uninstallFlowFor: uninstallFlows.flowFor,
 								restart,
-								restartSupported,
+								restartBlocked,
+								reload,
 								setEnabled,
-								onSettled: noteMutation
+								inInstalledView: category === "installed"
 							}) }, key);
 						}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 							ref: sentinelRef,
@@ -8345,7 +8602,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						setEnabled,
 						flowFor: flows.flowFor,
 						restart,
-						restartSupported
+						restartBlocked,
+						reload
 					})
 				]
 			});