dsh-plugin-shop 0.8.4-beta.0 → 0.8.4-beta.1

package/lib/client.js

@@ -4515,7 +4515,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1134,
+						"line": 1253,
 						"column": 9
 					}
 				},
@@ -4534,7 +4534,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1494,
+						"line": 1720,
 						"column": 9
 					}
 				},
@@ -4553,7 +4553,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1485,
+						"line": 1711,
 						"column": 9
 					}
 				},
@@ -4583,7 +4583,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1260,
+						"line": 1379,
 						"column": 9
 					}
 				},
@@ -4612,7 +4612,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1461,
+						"line": 1687,
 						"column": 3
 					}
 				},
@@ -4631,7 +4631,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1680,
+						"line": 1916,
 						"column": 9
 					}
 				},
@@ -4660,7 +4660,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 887,
+						"line": 924,
 						"column": 9
 					}
 				},
@@ -4690,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": 1601,
+						"line": 1827,
 						"column": 9
 					}
 				},
@@ -4719,7 +4719,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1777,
+						"line": 2020,
 						"column": 9
 					}
 				},
@@ -4738,7 +4738,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					},
 					sourceLocation: {
 						"file": "packages/dsh-plugin-shop/src/host/index.ts",
-						"line": 1735,
+						"line": 1978,
 						"column": 9
 					}
 				}
@@ -6630,7 +6630,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						kind: "done",
 						activation: status.activation ?? "restart",
 						log: status.log,
-						...status.restartReason !== void 0 ? { restartReason: status.restartReason } : {}
+						...status.restartReason !== void 0 ? { restartReason: status.restartReason } : {},
+						...status.detail !== void 0 ? { detail: status.detail } : {}
 					};
 					return {
 						kind: "failed",
@@ -6984,7 +6985,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			github: "GitHub",
 			enabledSwitch: "启用",
 			toggleFailed: "设置失败，请重试。",
-			hotApplyNote: "已生效，无需重启"
+			hotApplyNote: "已生效，无需重启",
+			toggleRestartNote: "已保存，重启 dsh 后生效"
 		};
 		/** English dictionary checked against the Chinese key set. */
 		const en = {
@@ -7100,7 +7102,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			github: "GitHub",
 			enabledSwitch: "Enable",
 			toggleFailed: "Failed to update. Please retry.",
-			hotApplyNote: "applied without a restart"
+			hotApplyNote: "applied without a restart",
+			toggleRestartNote: "saved; it takes effect after dsh restarts"
 		};
 		//#endregion
 		//#region src/client/module-table.ts
@@ -7291,40 +7294,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		//#endregion
 		//#region src/client/restart-monitor.ts
-		/**
-		* The restart handoff's browser half (design §8), held by the page rather
-		* than by the tab that confirmed the restart.
-		*
-		* It lived in a RestartPanel effect until 2026-09-27, and a self-update
-		* killed it. dsh's client HMR (`@deepseek-ai/dsh-client-hmr`, mounted by the
-		* web bundle unconditionally) stat-polls every client bundle and hot-swaps
-		* one whose file changed; a self-update rewrites this package's own
-		* `lib/client.js`, so the swap disposes the tab's fiber and mounts a fresh
-		* instance of a freshly imported module. The effect's cleanup then stopped
-		* the probe, and once the restart finished nothing reloaded the page: it sat
-		* on the old process's answers while dsh's socket quietly reconnected to the
-		* new one. Measured on dsh 0.1.5-rc.3 updating 0.8.2 to 0.8.3; with the
-		* `/plugins/events` channel blocked the same flow reloaded.
-		*
-		* So the state sits on `globalThis` under a registry symbol — the one thing a
-		* swapped-in module instance shares with the one it replaced — and the probe
-		* loop is plain timers owned by no fiber. Any tab reads the state, so the
-		* replacement renders the restart under way instead of offering another.
-		*/
 		/** Registry symbol, so every module instance on the page finds the same store. */
 		const STORE_KEY = Symbol.for("dsh-plugin-shop.restart-monitor");
 		function monitorStore() {
 			const page = globalThis;
-			let store = page[STORE_KEY];
-			if (store === void 0) {
-				store = {
+			let stored = page[STORE_KEY];
+			if (stored === void 0) {
+				stored = {
 					state: null,
 					listeners: /* @__PURE__ */ new Set(),
 					stop: null
 				};
-				page[STORE_KEY] = store;
+				page[STORE_KEY] = stored;
 			}
-			return store;
+			return Object.assign(stored, {
+				carriers: stored.carriers ?? [],
+				attempt: stored.attempt ?? null
+			});
 		}
 		function settle(store, state) {
 			store.state = state;
@@ -7410,6 +7396,114 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				logFile
 			});
 		}
+		/**
+		* Register one module instance's path to the host; the client half's apply
+		* does, with the `restart` it hands the tab. The returned function withdraws
+		* it, and has to run BEFORE the mount it rides is disposed: a request still in
+		* flight on it is then asked again through the newest live path — at once if
+		* one is registered, or as soon as one is — rather than waiting on a call the
+		* dispose is about to abort.
+		*/
+		function registerRestartCarrier(restart) {
+			const store = monitorStore();
+			const carrier = {
+				restart,
+				live: true
+			};
+			store.carriers.push(carrier);
+			const attempt = store.attempt;
+			if (attempt !== null && !attempt.carrier.live) ask(store, attempt, carrier);
+			return () => {
+				if (!carrier.live) return;
+				carrier.live = false;
+				const current = monitorStore();
+				current.carriers = current.carriers.filter((each) => each !== carrier);
+				const orphaned = current.attempt;
+				const next = current.carriers.at(-1);
+				if (orphaned !== null && orphaned.carrier === carrier && next !== void 0) ask(current, orphaned, next);
+			};
+		}
+		/**
+		* Ask the host to restart, for the page (design §8). The request is the
+		* page's from the confirm on, not from the answer: every offer renders it as
+		* under way, and a second press joins it rather than asking twice. It rides
+		* the newest path a module instance registered, or — where no client half
+		* registered one — the pressing tab's own `restart`.
+		*
+		* Resolves, never rejects, with what the press should show. A commit starts
+		* the monitor and is `started`. A refusal and an unreachable host leave
+		* nothing under way. A path withdrawn mid-call decides nothing but a commit;
+		* the ask on the path that replaced it decides the rest, and that ask
+		* finding no host is followed as a restart, since the first ask may have
+		* committed and taken its host down with it.
+		*/
+		function requestRestart(options) {
+			const store = monitorStore();
+			if (store.state?.kind === "restarting") return Promise.resolve({ kind: "started" });
+			return new Promise((resolve) => {
+				const pending = store.attempt;
+				if (pending !== null) {
+					pending.waiters.push(resolve);
+					return;
+				}
+				const carrier = store.carriers.at(-1) ?? {
+					restart: options.restart,
+					live: true
+				};
+				const attempt = {
+					carrier,
+					reload: options.reload,
+					reissued: false,
+					waiters: [resolve]
+				};
+				store.attempt = attempt;
+				settle(store, { kind: "requesting" });
+				ask(store, attempt, carrier);
+			});
+		}
+		/** Carry the request on one path. Its answer decides only while the request
+		* is still the page's and that path still carries it — a commit excepted. */
+		function ask(store, attempt, carrier) {
+			if (attempt.carrier !== carrier) {
+				attempt.carrier = carrier;
+				attempt.reissued = true;
+			}
+			(async () => carrier.restart())().then((result) => {
+				if (store.attempt !== attempt) return;
+				if (result.ok) {
+					finish(store, attempt, { kind: "started" });
+					startRestartMonitor({
+						reload: attempt.reload,
+						...typeof result.logFile === "string" ? { logFile: result.logFile } : {}
+					});
+					return;
+				}
+				if (superseded(attempt, carrier)) return;
+				finish(store, attempt, {
+					kind: "refused",
+					detail: result.detail
+				});
+				settle(store, null);
+			}, () => {
+				if (store.attempt !== attempt || superseded(attempt, carrier)) return;
+				if (attempt.reissued) {
+					finish(store, attempt, { kind: "started" });
+					startRestartMonitor({ reload: attempt.reload });
+					return;
+				}
+				finish(store, attempt, { kind: "unreachable" });
+				settle(store, null);
+			});
+		}
+		/** Whether a path's answer is one the request has moved past: the path was
+		* withdrawn, so the dispose aborted it or the ask that replaced it decides. */
+		function superseded(attempt, carrier) {
+			return !carrier.live || attempt.carrier !== carrier;
+		}
+		function finish(store, attempt, outcome) {
+			store.attempt = null;
+			for (const waiter of attempt.waiters) waiter(outcome);
+		}
 		//#endregion
 		//#region src/client/useFlows.ts
 		/**
@@ -7690,121 +7784,121 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			};
 		}
 		//#endregion
-		//#region \0dsh-plugin-shop-css:c4028823
-		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.sc389ac_client.sc41672_config.s8eefa1_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.sc389ac_client.sfe36ad_spec.s8eefa1_ts` pins this. */\n\n.s688753_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 `.s9f28cb_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.sbc2e10_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.s7237a9_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.s601d42_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.sa26d1f_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.sceffd1_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.sceffd1_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.s6f1efd_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.s4db475_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.se9c3a9_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.s3cbb84_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.sceffd1_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  .sceffd1_skeletonCard span { animation: none; opacity: 0.75; }\n  .sceffd1_skeletonCard::after { content: none; }\n}\n\n.se4623a_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.se4623a_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.se4623a_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sbc2e10_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.sb9d854_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.s17e39d_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.sff4480_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.sf22160_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.sf22160_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.sf22160_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.s1abadc_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.s1abadc_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s1abadc_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s1abadc_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.se9af4e_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.se9af4e_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.se9af4e_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.s11efce_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.s9f28cb_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.s9f28cb_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.scfe278_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.sfd2800_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.saa7982_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.saa7982_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 `.saa7982_categoryButton.s47a604_categoryButtonOn` — TWO classes — so it\n * matches `.saa7982_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s47a604_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.sc389ac_client.sfe36ad_spec.s8eefa1_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.saa7982_categoryButton.s47a604_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  .saa7982_categoryButton.s47a604_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.saa7982_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 `.saa7982_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.s6000bb_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: `.s6000bb_incompatibleFilter:hover .s21d1d6_switch` outranks `.sfaf305_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.s6000bb_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.s6000bb_incompatibleFilter:hover .s21d1d6_switch:not(.sfaf305_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 `.saa7982_categoryButton.s47a604_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.s6000bb_incompatibleFilter.s9fb743_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.s6000bb_incompatibleFilter .s21d1d6_switch:not(.sfaf305_switchOn) .s3e9566_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.s6000bb_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s3627e7_updatableHeading {\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.s879949_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n.s7f1200_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 `.se4623a_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.s7f50e0_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.s7f50e0_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.s7f50e0_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s7f50e0_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s284f4c_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s894d35_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.s73be4c_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  .s73be4c_cards { animation: none; }\n}\n\n.s7ce0b5_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.se9f199_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s571a2d_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s7ce0b5_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  .s7ce0b5_card { transition: none; }\n  .s7ce0b5_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.s3afd93_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. `.saa7982_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.s7ce0b5_card[data-category='tool'], .saa7982_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.s7ce0b5_card[data-category='provider'], .saa7982_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.s7ce0b5_card[data-category='ui'], .saa7982_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.s7ce0b5_card[data-category='workflow'], .saa7982_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.s7ce0b5_card[data-category='integration'], .saa7982_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.s7ce0b5_card[data-category='theme'], .saa7982_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.s7ce0b5_card[data-category='other'], .saa7982_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.sda4302_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.sf9a029_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.sf9a029_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.scde6f0_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.s5b12f5_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.sbfb66e_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.sbfb66e_cardActions > .sbf0f49_gate,\n.sbfb66e_cardActions > .se45c46_installPanel,\n.sbfb66e_cardActions > .s6a7b50_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.sa3f608_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.s908192_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sda8b40_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.sda8b40_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.sda8b40_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.sda8b40_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.s6eb4e5_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.s3e85ad_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sef80ea_chevron, .sc0d8c8_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.sc0d8c8_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .sef80ea_chevron, .sc0d8c8_chevronOpen { transition: none; }\n}\n\n.safe8c4_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sbd2517_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.s15225a_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.s273e04_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.s20dbc5_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.s927eb9_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/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n.sa35ed7_remedy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s2fcacb_remedyLead {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The exemption command, bound for a terminal unchanged: one click selects\n * all of it, and it wraps anywhere rather than widening the card. A border,\n * not a fill, marks the box: the bg layers are one white in the light theme. */\n.se87ea1_allowCommand {\n  display: block;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-all;\n  user-select: all;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* A refused install on a surface that does not state its blockers — the\n * outdated row — writes them out on their own full-width line under the\n * disabled button, the command that clears dsh's refusal included. */\n.sbccf5d_refusal {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex-basis: 100%;\n}\n\n.sca4074_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s3ed23b_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sbd7053_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.sbd7053_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.se69ccd_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.s71ed47_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.s488064_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.s488064_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s488064_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.s488064_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.s488064_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.s488064_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 packument that named no account has no author, and an entry the registry\n * could not measure honestly has no size. Rarer than it was (every live entry\n * now carries a size, github included), but the wrapper is not what makes it\n * rare: without one, an EMPTY meta group still costs 8px, because\n * `.sbfb66e_cardActions` is a flex row with `gap: 8px` and a zero-width item is still\n * an item. 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.sd941dc_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The on-disk 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: `.sd941dc_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.sff4055_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 `.sd941dc_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 `.sd941dc_cardMeta`. There is no middot:\n * `.sd941dc_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.s74b808_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.s5a1b52_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.se45c46_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.s7bcc5e_installButton, .sb977c6_confirmButton, .s3cfd9a_cancelButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s7bcc5e_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.s7bcc5e_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sb977c6_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.sb977c6_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s3cfd9a_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.s3cfd9a_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s7bcc5e_installButton:focus-visible, .sb977c6_confirmButton:focus-visible, .s3cfd9a_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.sfaf388_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.s6a7b50_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.sb0c03c_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.sb0c03c_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.sb0c03c_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.se1e373_restartSelfButton {\n  /* The version row's third state. Geometry matches .s1abadc_checkUpdateButton and\n   * .sf22160_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.se1e373_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.s785196_restartButton,\n.s578d0b_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.s785196_restartButton:hover,\n.s578d0b_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s785196_restartButton:focus-visible,\n.s578d0b_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 * `.s6a7b50_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.s168719_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.sbf0f49_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.s62b4ea_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s8a8304_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s9a546e_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.secbb11_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s2fe11f_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s597ed4_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.s2fbc07_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.se1ef74_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.s878e49_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.scaf26f_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sb46af7_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.se50b2b_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The Updatable section. The class keeps the Host's field name; only the\n   heading the reader sees was renamed. */\n.s103f71_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s2ba5be_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s2283c2_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.se41dca_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.se41dca_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.s970b51_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 .s5b12f5_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.sfe5725_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: `.s6000bb_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 `.s21d1d6_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.s21d1d6_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.sfaf305_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.s3e9566_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.sfaf305_switchOn .s3e9566_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.s21d1d6_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  .s21d1d6_switch, .s3e9566_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.s98de45_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.sfe5725_outdatedActions`: `.s168719_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.s6a7b50_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=\"c4028823\"]")) {
+		//#region \0dsh-plugin-shop-css:201c343a
+		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.se24648_client.s4c8568_config.s64bf36_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.se24648_client.scd01a1_spec.s64bf36_ts` pins this. */\n\n.sa18b47_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 `.seba6a3_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.s7df13e_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.sd85001_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.se60107_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.sba4a38_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s5aa954_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.s5aa954_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.s7a0318_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.s7a5df4_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.s8d4020_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.sbc0e1a_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.s5aa954_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  .s5aa954_skeletonCard span { animation: none; opacity: 0.75; }\n  .s5aa954_skeletonCard::after { content: none; }\n}\n\n.s4a2332_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.s4a2332_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.s4a2332_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s7df13e_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s20709b_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.s98c547_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.s2b9f1d_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.s394a1f_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.s394a1f_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.s394a1f_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.s511e9b_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.s511e9b_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s511e9b_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s511e9b_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.se3bcc2_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.se3bcc2_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.se3bcc2_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.s8c6b17_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.seba6a3_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.seba6a3_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sc9d2d3_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.sb4e3b8_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.s85e01e_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.s85e01e_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 `.s85e01e_categoryButton.s833fec_categoryButtonOn` — TWO classes — so it\n * matches `.s85e01e_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s833fec_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.se24648_client.scd01a1_spec.s64bf36_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.s85e01e_categoryButton.s833fec_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  .s85e01e_categoryButton.s833fec_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.s85e01e_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 `.s85e01e_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.sab8b1c_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: `.sab8b1c_incompatibleFilter:hover .sc4c0fe_switch` outranks `.s383bcc_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.sab8b1c_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.sab8b1c_incompatibleFilter:hover .sc4c0fe_switch:not(.s383bcc_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 `.s85e01e_categoryButton.s833fec_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.sab8b1c_incompatibleFilter.s6dac80_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.sab8b1c_incompatibleFilter .sc4c0fe_switch:not(.s383bcc_switchOn) .s43a686_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.sab8b1c_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.sefee3c_updatableHeading {\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.sff4c1e_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n.s927a53_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 `.s4a2332_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.s68cab8_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.s68cab8_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.s68cab8_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s68cab8_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s6dceed_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s5748b0_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.sb2eae9_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  .sb2eae9_cards { animation: none; }\n}\n\n.sa1c2f7_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.s203f20_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s795be6_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa1c2f7_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  .sa1c2f7_card { transition: none; }\n  .sa1c2f7_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.sb00bbe_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. `.s85e01e_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.sa1c2f7_card[data-category='tool'], .s85e01e_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.sa1c2f7_card[data-category='provider'], .s85e01e_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.sa1c2f7_card[data-category='ui'], .s85e01e_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.sa1c2f7_card[data-category='workflow'], .s85e01e_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.sa1c2f7_card[data-category='integration'], .s85e01e_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.sa1c2f7_card[data-category='theme'], .s85e01e_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.sa1c2f7_card[data-category='other'], .s85e01e_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.see02fd_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.sd53924_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.sd53924_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.sc2b129_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.scd0548_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.s4f6385_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.s4f6385_cardActions > .sc1afc6_gate,\n.s4f6385_cardActions > .s65b9eb_installPanel,\n.s4f6385_cardActions > .s4fbfe0_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.s4b6469_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.s5a7549_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s23bf0e_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s23bf0e_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.s23bf0e_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.s23bf0e_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.sadc37f_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.s6ba7cc_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s80dda2_chevron, .sde820b_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.sde820b_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s80dda2_chevron, .sde820b_chevronOpen { transition: none; }\n}\n\n.sa4ad4d_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.s7a8821_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.seab456_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.s5ab512_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.seca366_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.sa6eb0b_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/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n.s92e71f_remedy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.sb320b4_remedyLead {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The exemption command, bound for a terminal unchanged: one click selects\n * all of it, and it wraps anywhere rather than widening the card. A border,\n * not a fill, marks the box: the bg layers are one white in the light theme. */\n.s2c3062_allowCommand {\n  display: block;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-all;\n  user-select: all;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* A refused install on a surface that does not state its blockers — the\n * outdated row — writes them out on their own full-width line under the\n * disabled button, the command that clears dsh's refusal included. */\n.s5fe511_refusal {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex-basis: 100%;\n}\n\n.scaa43b_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s121391_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s57f233_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s57f233_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.sbcd943_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.s59866d_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.s4662cb_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.s4662cb_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s4662cb_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.s4662cb_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.s4662cb_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.s4662cb_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 packument that named no account has no author, and an entry the registry\n * could not measure honestly has no size. Rarer than it was (every live entry\n * now carries a size, github included), but the wrapper is not what makes it\n * rare: without one, an EMPTY meta group still costs 8px, because\n * `.s4f6385_cardActions` is a flex row with `gap: 8px` and a zero-width item is still\n * an item. 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.s6e38b0_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The on-disk 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: `.s6e38b0_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.s51bec8_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 `.s6e38b0_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 `.s6e38b0_cardMeta`. There is no middot:\n * `.s6e38b0_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.s7503fc_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sf73a51_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.s65b9eb_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.sd07a79_installButton, .s1e8df4_confirmButton, .saa2e75_cancelButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.sd07a79_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.sd07a79_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s1e8df4_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.s1e8df4_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.saa2e75_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.saa2e75_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.sd07a79_installButton:focus-visible, .s1e8df4_confirmButton:focus-visible, .saa2e75_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.s849adb_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.s4fbfe0_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.sd93778_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.sd93778_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.sd93778_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.s3d7804_restartSelfButton {\n  /* The version row's third state. Geometry matches .s511e9b_checkUpdateButton and\n   * .s394a1f_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.s3d7804_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.s66e9a9_restartButton,\n.s4ca1f6_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.s66e9a9_restartButton:hover,\n.s4ca1f6_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s66e9a9_restartButton:focus-visible,\n.s4ca1f6_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 * `.s4fbfe0_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.s42eadb_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.sc1afc6_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.sbbe486_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.s119e47_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sadd68a_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.s7ac0e2_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.scee95e_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s7bfdc8_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.s4bc9ba_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s8692d7_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.s537eee_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.scdb145_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sdaa6f0_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.s1c1027_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The Updatable section. The class keeps the Host's field name; only the\n   heading the reader sees was renamed. */\n.sc8d6dc_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.se27588_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s46601e_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.s54c287_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s54c287_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.sa02632_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 .scd0548_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.s59c2df_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: `.sab8b1c_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 `.sc4c0fe_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.sc4c0fe_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.s383bcc_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.s43a686_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.s383bcc_switchOn .s43a686_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.sc4c0fe_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  .sc4c0fe_switch, .s43a686_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.sd9a4e2_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.s59c2df_outdatedActions`: `.s42eadb_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.s4fbfe0_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=\"201c343a\"]")) {
 			const tag = document.createElement("style");
-			tag.dataset.pluginCss = "c4028823";
+			tag.dataset.pluginCss = "201c343a";
 			tag.textContent = css;
 			document.head.appendChild(tag);
 		}
-		var _dsh_plugin_shop_css_c4028823_default = {
-			"client": "sc389ac_client",
-			"config": "sc41672_config",
-			"ts": "s8eefa1_ts",
-			"spec": "sfe36ad_spec",
-			"panel": "s688753_panel",
-			"searchInput": "s9f28cb_searchInput",
-			"toolbar": "sbc2e10_toolbar",
-			"stateLine": "s7237a9_stateLine",
-			"srOnly": "s601d42_srOnly",
-			"skeletonGrid": "sa26d1f_skeletonGrid",
-			"skeletonCard": "sceffd1_skeletonCard",
-			"skeletonName": "s6f1efd_skeletonName",
-			"skeletonSummary": "s4db475_skeletonSummary",
-			"skeletonSummaryShort": "se9c3a9_skeletonSummaryShort",
-			"skeletonActions": "s3cbb84_skeletonActions",
-			"actionButton": "se4623a_actionButton",
-			"toolbarRight": "sb9d854_toolbarRight",
-			"versionBlock": "s17e39d_versionBlock",
-			"versionText": "sff4480_versionText",
-			"updateSelfButton": "sf22160_updateSelfButton",
-			"checkUpdateButton": "s1abadc_checkUpdateButton",
-			"githubLink": "se9af4e_githubLink",
-			"selfUpdatePanel": "s11efce_selfUpdatePanel",
-			"staleBadge": "scfe278_staleBadge",
-			"categoryBar": "sfd2800_categoryBar",
-			"categoryButton": "saa7982_categoryButton",
-			"categoryButtonOn": "s47a604_categoryButtonOn",
-			"incompatibleFilter": "s6000bb_incompatibleFilter",
-			"switch": "s21d1d6_switch",
-			"switchOn": "sfaf305_switchOn",
-			"incompatibleFilterOn": "s9fb743_incompatibleFilterOn",
-			"switchKnob": "s3e9566_switchKnob",
-			"updatableHeading": "s3627e7_updatableHeading",
-			"catalogStatsRow": "s879949_catalogStatsRow",
-			"catalogStats": "s7f1200_catalogStats",
-			"catalogRefreshButton": "s7f50e0_catalogRefreshButton",
-			"catalogRefreshFailed": "s284f4c_catalogRefreshFailed",
-			"emptyLine": "s894d35_emptyLine",
-			"cards": "s73be4c_cards",
-			"card": "s7ce0b5_card",
-			"cardsSentry": "se9f199_cardsSentry",
-			"showingLine": "s571a2d_showingLine",
-			"cardSpine": "s3afd93_cardSpine",
-			"categoryBadge": "sda4302_categoryBadge",
-			"entryHeader": "sf9a029_entryHeader",
-			"name": "scde6f0_name",
-			"badges": "s5b12f5_badges",
-			"cardActions": "sbfb66e_cardActions",
-			"gate": "sbf0f49_gate",
-			"installPanel": "se45c46_installPanel",
-			"installedActions": "s6a7b50_installedActions",
-			"cardVersion": "sa3f608_cardVersion",
-			"sourceBadge": "s908192_sourceBadge",
-			"tierBadge": "sda8b40_tierBadge",
-			"incompatibleBadge": "s6eb4e5_incompatibleBadge",
-			"starsBadge": "s3e85ad_starsBadge",
-			"chevron": "sef80ea_chevron",
-			"chevronOpen": "sc0d8c8_chevronOpen",
-			"body": "safe8c4_body",
-			"summary": "sbd2517_summary",
-			"summaryZh": "s15225a_summaryZh",
-			"summaryExpanded": "s273e04_summaryExpanded",
-			"summaryZhExpanded": "s20dbc5_summaryZhExpanded",
-			"incompatibleDetail": "s927eb9_incompatibleDetail",
-			"remedy": "sa35ed7_remedy",
-			"remedyLead": "s2fcacb_remedyLead",
-			"allowCommand": "se87ea1_allowCommand",
-			"refusal": "sbccf5d_refusal",
-			"capabilitiesBlock": "sca4074_capabilitiesBlock",
-			"capabilitiesNote": "s3ed23b_capabilitiesNote",
-			"capabilities": "sbd7053_capabilities",
-			"detail": "se69ccd_detail",
-			"detailRows": "s71ed47_detailRows",
-			"detailRow": "s488064_detailRow",
-			"cardMeta": "sd941dc_cardMeta",
-			"size": "sff4055_size",
-			"author": "s74b808_author",
-			"reviewedLine": "s5a1b52_reviewedLine",
-			"installButton": "s7bcc5e_installButton",
-			"confirmButton": "sb977c6_confirmButton",
-			"cancelButton": "s3cfd9a_cancelButton",
-			"installedLabel": "sfaf388_installedLabel",
-			"uninstallButton": "sb0c03c_uninstallButton",
-			"restartSelfButton": "se1e373_restartSelfButton",
-			"restartButton": "s785196_restartButton",
-			"reloadButton": "s578d0b_reloadButton",
-			"reloadPanel": "s168719_reloadPanel",
-			"gateTitle": "s62b4ea_gateTitle",
-			"gateBody": "s8a8304_gateBody",
-			"gateWarning": "s9a546e_gateWarning",
-			"gateActions": "secbb11_gateActions",
-			"installing": "s2fe11f_installing",
-			"log": "s597ed4_log",
-			"logLine": "s2fbc07_logLine",
-			"notice": "se1ef74_notice",
-			"failedHeading": "s878e49_failedHeading",
-			"failedDetail": "scaf26f_failedDetail",
-			"rejectedCode": "sb46af7_rejectedCode",
-			"rejectedDetail": "se50b2b_rejectedDetail",
-			"outdatedSection": "s103f71_outdatedSection",
-			"outdatedList": "s2ba5be_outdatedList",
-			"outdatedRow": "s2283c2_outdatedRow",
-			"outdatedInfo": "se41dca_outdatedInfo",
-			"outdatedVersions": "s970b51_outdatedVersions",
-			"outdatedActions": "sfe5725_outdatedActions",
-			"switchWrap": "s98de45_switchWrap"
+		var _dsh_plugin_shop_css_201c343a_default = {
+			"client": "se24648_client",
+			"config": "s4c8568_config",
+			"ts": "s64bf36_ts",
+			"spec": "scd01a1_spec",
+			"panel": "sa18b47_panel",
+			"searchInput": "seba6a3_searchInput",
+			"toolbar": "s7df13e_toolbar",
+			"stateLine": "sd85001_stateLine",
+			"srOnly": "se60107_srOnly",
+			"skeletonGrid": "sba4a38_skeletonGrid",
+			"skeletonCard": "s5aa954_skeletonCard",
+			"skeletonName": "s7a0318_skeletonName",
+			"skeletonSummary": "s7a5df4_skeletonSummary",
+			"skeletonSummaryShort": "s8d4020_skeletonSummaryShort",
+			"skeletonActions": "sbc0e1a_skeletonActions",
+			"actionButton": "s4a2332_actionButton",
+			"toolbarRight": "s20709b_toolbarRight",
+			"versionBlock": "s98c547_versionBlock",
+			"versionText": "s2b9f1d_versionText",
+			"updateSelfButton": "s394a1f_updateSelfButton",
+			"checkUpdateButton": "s511e9b_checkUpdateButton",
+			"githubLink": "se3bcc2_githubLink",
+			"selfUpdatePanel": "s8c6b17_selfUpdatePanel",
+			"staleBadge": "sc9d2d3_staleBadge",
+			"categoryBar": "sb4e3b8_categoryBar",
+			"categoryButton": "s85e01e_categoryButton",
+			"categoryButtonOn": "s833fec_categoryButtonOn",
+			"incompatibleFilter": "sab8b1c_incompatibleFilter",
+			"switch": "sc4c0fe_switch",
+			"switchOn": "s383bcc_switchOn",
+			"incompatibleFilterOn": "s6dac80_incompatibleFilterOn",
+			"switchKnob": "s43a686_switchKnob",
+			"updatableHeading": "sefee3c_updatableHeading",
+			"catalogStatsRow": "sff4c1e_catalogStatsRow",
+			"catalogStats": "s927a53_catalogStats",
+			"catalogRefreshButton": "s68cab8_catalogRefreshButton",
+			"catalogRefreshFailed": "s6dceed_catalogRefreshFailed",
+			"emptyLine": "s5748b0_emptyLine",
+			"cards": "sb2eae9_cards",
+			"card": "sa1c2f7_card",
+			"cardsSentry": "s203f20_cardsSentry",
+			"showingLine": "s795be6_showingLine",
+			"cardSpine": "sb00bbe_cardSpine",
+			"categoryBadge": "see02fd_categoryBadge",
+			"entryHeader": "sd53924_entryHeader",
+			"name": "sc2b129_name",
+			"badges": "scd0548_badges",
+			"cardActions": "s4f6385_cardActions",
+			"gate": "sc1afc6_gate",
+			"installPanel": "s65b9eb_installPanel",
+			"installedActions": "s4fbfe0_installedActions",
+			"cardVersion": "s4b6469_cardVersion",
+			"sourceBadge": "s5a7549_sourceBadge",
+			"tierBadge": "s23bf0e_tierBadge",
+			"incompatibleBadge": "sadc37f_incompatibleBadge",
+			"starsBadge": "s6ba7cc_starsBadge",
+			"chevron": "s80dda2_chevron",
+			"chevronOpen": "sde820b_chevronOpen",
+			"body": "sa4ad4d_body",
+			"summary": "s7a8821_summary",
+			"summaryZh": "seab456_summaryZh",
+			"summaryExpanded": "s5ab512_summaryExpanded",
+			"summaryZhExpanded": "seca366_summaryZhExpanded",
+			"incompatibleDetail": "sa6eb0b_incompatibleDetail",
+			"remedy": "s92e71f_remedy",
+			"remedyLead": "sb320b4_remedyLead",
+			"allowCommand": "s2c3062_allowCommand",
+			"refusal": "s5fe511_refusal",
+			"capabilitiesBlock": "scaa43b_capabilitiesBlock",
+			"capabilitiesNote": "s121391_capabilitiesNote",
+			"capabilities": "s57f233_capabilities",
+			"detail": "sbcd943_detail",
+			"detailRows": "s59866d_detailRows",
+			"detailRow": "s4662cb_detailRow",
+			"cardMeta": "s6e38b0_cardMeta",
+			"size": "s51bec8_size",
+			"author": "s7503fc_author",
+			"reviewedLine": "sf73a51_reviewedLine",
+			"installButton": "sd07a79_installButton",
+			"confirmButton": "s1e8df4_confirmButton",
+			"cancelButton": "saa2e75_cancelButton",
+			"installedLabel": "s849adb_installedLabel",
+			"uninstallButton": "sd93778_uninstallButton",
+			"restartSelfButton": "s3d7804_restartSelfButton",
+			"restartButton": "s66e9a9_restartButton",
+			"reloadButton": "s4ca1f6_reloadButton",
+			"reloadPanel": "s42eadb_reloadPanel",
+			"gateTitle": "sbbe486_gateTitle",
+			"gateBody": "s119e47_gateBody",
+			"gateWarning": "sadd68a_gateWarning",
+			"gateActions": "s7ac0e2_gateActions",
+			"installing": "scee95e_installing",
+			"log": "s7bfdc8_log",
+			"logLine": "s4bc9ba_logLine",
+			"notice": "s8692d7_notice",
+			"failedHeading": "s537eee_failedHeading",
+			"failedDetail": "scdb145_failedDetail",
+			"rejectedCode": "sdaa6f0_rejectedCode",
+			"rejectedDetail": "s1c1027_rejectedDetail",
+			"outdatedSection": "sc8d6dc_outdatedSection",
+			"outdatedList": "se27588_outdatedList",
+			"outdatedRow": "s46601e_outdatedRow",
+			"outdatedInfo": "s54c287_outdatedInfo",
+			"outdatedVersions": "sa02632_outdatedVersions",
+			"outdatedActions": "s59c2df_outdatedActions",
+			"switchWrap": "sd9a4e2_switchWrap"
 		};
 		//#endregion
 		//#region src/client/ShopTab.tsx
@@ -7821,14 +7915,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* those nodes, and React's next commit throws on the ones it no longer finds
 		* (design 2026-09-26-market-borrowings §4). The tab renders no portals, so its
 		* root is its whole surface. */
-		const PANEL_ROOT = `${_dsh_plugin_shop_css_c4028823_default.panel} notranslate`;
+		const PANEL_ROOT = `${_dsh_plugin_shop_css_201c343a_default.panel} notranslate`;
 		function ChevronIcon({ open }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				viewBox: "0 0 16 16",
 				width: "14",
 				height: "14",
 				"aria-hidden": "true",
-				className: open ? _dsh_plugin_shop_css_c4028823_default.chevronOpen : _dsh_plugin_shop_css_c4028823_default.chevron,
+				className: open ? _dsh_plugin_shop_css_201c343a_default.chevronOpen : _dsh_plugin_shop_css_201c343a_default.chevron,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 					fill: "currentColor",
 					d: "M3.5 6 8 10.5 12.5 6l1 1L8 12.5 2.5 7l1-1Z"
@@ -7858,32 +7952,32 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				subdir: entry.subdir
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.card,
+				className: _dsh_plugin_shop_css_201c343a_default.card,
 				"data-shop-entry": entry.name,
 				"data-category": category,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: _dsh_plugin_shop_css_c4028823_default.cardSpine,
+						className: _dsh_plugin_shop_css_201c343a_default.cardSpine,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_c4028823_default.entryHeader,
+						className: _dsh_plugin_shop_css_201c343a_default.entryHeader,
 						"aria-expanded": open,
 						"aria-controls": detailId,
 						onClick: () => setOpen((current) => !current),
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: _dsh_plugin_shop_css_c4028823_default.name,
+							className: _dsh_plugin_shop_css_201c343a_default.name,
 							children: entry.name
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_c4028823_default.badges,
+							className: _dsh_plugin_shop_css_201c343a_default.badges,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.categoryBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.categoryBadge,
 									children: t(categoryKey(entry))
 								}),
 								entry.source === "npm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.sourceBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.sourceBadge,
 									"data-shop-source-npm": true,
 									role: "img",
 									"aria-label": t("npmSource"),
@@ -7900,7 +7994,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									})
 								}),
 								hasGithubHome(entry) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.sourceBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.sourceBadge,
 									"data-shop-source-github": true,
 									role: "img",
 									"aria-label": t("githubSource"),
@@ -7914,17 +8008,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									})
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.cardVersion,
+									className: _dsh_plugin_shop_css_201c343a_default.cardVersion,
 									"data-card-version": true,
 									children: ["v", displayVersion(entry)]
 								}),
 								entry.tier !== "community" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.tierBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.tierBadge,
 									"data-tier": entry.tier,
 									children: t(tierKey(entry.tier))
 								}),
 								stars !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.starsBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.starsBadge,
 									role: "img",
 									"aria-label": t("stars", { count: stars }),
 									children: ["★ ", formatStars(stars)]
@@ -7934,39 +8028,39 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.body,
+						className: _dsh_plugin_shop_css_201c343a_default.body,
 						children: [
 							summary !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_c4028823_default.summary} ${_dsh_plugin_shop_css_c4028823_default.summaryExpanded}` : _dsh_plugin_shop_css_c4028823_default.summary,
+								className: open ? `${_dsh_plugin_shop_css_201c343a_default.summary} ${_dsh_plugin_shop_css_201c343a_default.summaryExpanded}` : _dsh_plugin_shop_css_201c343a_default.summary,
 								children: summary.en
 							}),
 							summary?.zh !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_c4028823_default.summaryZh} ${_dsh_plugin_shop_css_c4028823_default.summaryZhExpanded}` : _dsh_plugin_shop_css_c4028823_default.summaryZh,
+								className: open ? `${_dsh_plugin_shop_css_201c343a_default.summaryZh} ${_dsh_plugin_shop_css_201c343a_default.summaryZhExpanded}` : _dsh_plugin_shop_css_201c343a_default.summaryZh,
 								children: summary.zh
 							}),
 							blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 								blocker,
-								className: _dsh_plugin_shop_css_c4028823_default.incompatibleDetail,
+								className: _dsh_plugin_shop_css_201c343a_default.incompatibleDetail,
 								surface: "detail"
 							}, blocker.kind)),
 							open && entry.catalog !== void 0 && entry.catalog.capabilities.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_c4028823_default.capabilitiesBlock,
+								className: _dsh_plugin_shop_css_201c343a_default.capabilitiesBlock,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4028823_default.capabilitiesNote,
+									className: _dsh_plugin_shop_css_201c343a_default.capabilitiesNote,
 									children: t("capabilitiesNote")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									className: _dsh_plugin_shop_css_c4028823_default.capabilities,
+									className: _dsh_plugin_shop_css_201c343a_default.capabilities,
 									children: entry.catalog.capabilities.map((capability) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: capability }, capability))
 								})]
 							}),
 							open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								id: detailId,
-								className: _dsh_plugin_shop_css_c4028823_default.detail,
+								className: _dsh_plugin_shop_css_201c343a_default.detail,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-									className: _dsh_plugin_shop_css_c4028823_default.detailRows,
+									className: _dsh_plugin_shop_css_201c343a_default.detailRows,
 									children: [
 										npmUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_c4028823_default.detailRow,
+											className: _dsh_plugin_shop_css_201c343a_default.detailRow,
 											"data-shop-npm": true,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("npmPage") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 												href: npmUrl,
@@ -7976,7 +8070,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 											}) })]
 										}),
 										entry.repository !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_c4028823_default.detailRow,
+											className: _dsh_plugin_shop_css_201c343a_default.detailRow,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("repository") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /^https?:\/\//.test(entry.repository) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 												href: entry.repository,
 												target: "_blank",
@@ -7985,12 +8079,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 											}) : entry.repository })]
 										}),
 										entry.license !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_c4028823_default.detailRow,
+											className: _dsh_plugin_shop_css_201c343a_default.detailRow,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("license") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: isCustomLicense(entry.license) ? t("customLicense") : entry.license })]
 										})
 									]
 								}), entry.tier === "verified-stale" && entry.review !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4028823_default.reviewedLine,
+									className: _dsh_plugin_shop_css_201c343a_default.reviewedLine,
 									children: entry.review.reviewedVersion !== void 0 ? t("reviewedVersionLine", {
 										reviewed: entry.review.reviewedVersion,
 										current: entry.version
@@ -8003,7 +8097,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_c4028823_default.cardActions,
+						className: _dsh_plugin_shop_css_201c343a_default.cardActions,
 						"data-shop-actions": true,
 						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,
@@ -8035,7 +8129,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								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_c4028823_default.installedLabel,
+								className: _dsh_plugin_shop_css_201c343a_default.installedLabel,
 								"data-shop-installed": true,
 								children: t("installed")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerBadge, {
@@ -8046,6 +8140,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								row: installed,
 								t,
 								setEnabled,
+								restart,
+								restartBlocked,
 								reload
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
@@ -8057,16 +8153,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								flow: uninstallFlow
 							})
 						] }), (size !== void 0 || author !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_c4028823_default.cardMeta,
+							className: _dsh_plugin_shop_css_201c343a_default.cardMeta,
 							children: [size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_c4028823_default.size,
+								className: _dsh_plugin_shop_css_201c343a_default.size,
 								"data-shop-size": true,
 								role: "img",
 								"aria-label": t("sizeLabel", { size }),
 								title: t("sizeLabel", { size }),
 								children: size
 							}), author !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_c4028823_default.author,
+								className: _dsh_plugin_shop_css_201c343a_default.author,
 								"data-shop-author": true,
 								children: t("authorLine", { author })
 							})]
@@ -8115,13 +8211,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				...attribute,
 				children: blocker.text
 			}), blocker.remedy !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.remedy,
+				className: _dsh_plugin_shop_css_201c343a_default.remedy,
 				"data-shop-remedy": blocker.kind,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.remedyLead,
+					className: _dsh_plugin_shop_css_201c343a_default.remedyLead,
 					children: blocker.remedy.lead
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-					className: _dsh_plugin_shop_css_c4028823_default.allowCommand,
+					className: _dsh_plugin_shop_css_201c343a_default.allowCommand,
 					"data-shop-allow-command": true,
 					children: blocker.remedy.command
 				})]
@@ -8159,7 +8255,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (lead === void 0 || word === null) return null;
 			const detail = blockers.map((blocker) => blocker.text).join("\n");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: _dsh_plugin_shop_css_c4028823_default.incompatibleBadge,
+				className: _dsh_plugin_shop_css_201c343a_default.incompatibleBadge,
 				"data-shop-blocker": lead.kind,
 				role: "img",
 				"aria-label": detail,
@@ -8176,33 +8272,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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_c4028823_default.installPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.installing,
+					className: _dsh_plugin_shop_css_201c343a_default.installing,
 					children: t(installPhaseKey(view.phase))
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.log,
+					className: _dsh_plugin_shop_css_201c343a_default.log,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.logLine,
+						className: _dsh_plugin_shop_css_201c343a_default.logLine,
+						"data-shop-log-line": true,
 						children: line
 					}, index))
 				})]
 			});
 			if (view.kind === "done") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.installedActions,
+				className: _dsh_plugin_shop_css_201c343a_default.installedActions,
 				children: [
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.log,
+						className: _dsh_plugin_shop_css_201c343a_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.logLine,
+							className: _dsh_plugin_shop_css_201c343a_default.logLine,
+							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.notice,
+						className: _dsh_plugin_shop_css_201c343a_default.notice,
 						"data-shop-restart-notice": true,
 						children: t(activationNoticeKey(view.activation, view.restartReason))
 					}),
+					view.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_201c343a_default.notice,
+						"data-shop-done-note": true,
+						children: view.detail
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationOffer, {
 						activation: view.activation,
 						t,
@@ -8214,56 +8317,57 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			if (view.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.installPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.failedHeading,
+						className: _dsh_plugin_shop_css_201c343a_default.failedHeading,
 						children: t("installFailed")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.log,
+						className: _dsh_plugin_shop_css_201c343a_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.logLine,
+							className: _dsh_plugin_shop_css_201c343a_default.logLine,
+							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+						className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 						children: view.detail === "" ? t("installTransportFailed") : view.detail
 					})
 				]
 			});
 			if (view.kind === "rejected") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.installPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.rejectedCode,
+					className: _dsh_plugin_shop_css_201c343a_default.rejectedCode,
 					children: t(rejectionCodeKey(view.code))
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.rejectedDetail,
+					className: _dsh_plugin_shop_css_201c343a_default.rejectedDetail,
 					children: view.detail
 				})]
 			});
 			if (gateOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.gate,
+				className: _dsh_plugin_shop_css_201c343a_default.gate,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateTitle,
+						className: _dsh_plugin_shop_css_201c343a_default.gateTitle,
 						children: t("acknowledgementTitle")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateBody,
+						className: _dsh_plugin_shop_css_201c343a_default.gateBody,
 						children: t("acknowledgementBody")
 					}),
 					!blockersStated && blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 						blocker,
-						className: _dsh_plugin_shop_css_c4028823_default.gateWarning,
+						className: _dsh_plugin_shop_css_201c343a_default.gateWarning,
 						surface: "warning"
 					}, blocker.kind)),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateActions,
+						className: _dsh_plugin_shop_css_201c343a_default.gateActions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4028823_default.confirmButton,
+							className: _dsh_plugin_shop_css_201c343a_default.confirmButton,
 							"data-shop-confirm": true,
 							onClick: () => {
 								setGateOpen(false);
@@ -8275,7 +8379,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							children: t("confirm")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4028823_default.cancelButton,
+							className: _dsh_plugin_shop_css_201c343a_default.cancelButton,
 							onClick: () => setGateOpen(false),
 							children: t("cancel")
 						})]
@@ -8287,7 +8391,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_c4028823_default.installButton,
+					className: _dsh_plugin_shop_css_201c343a_default.installButton,
 					disabled: refused,
 					...refused ? { "data-shop-refused": true } : {},
 					...update ? { "data-shop-update": true } : { "data-shop-install": true },
@@ -8305,11 +8409,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					t
 				}),
 				refused && !blockersStated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.refusal,
+					className: _dsh_plugin_shop_css_201c343a_default.refusal,
 					"data-shop-refusal": true,
 					children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 						blocker,
-						className: _dsh_plugin_shop_css_c4028823_default.gateWarning,
+						className: _dsh_plugin_shop_css_201c343a_default.gateWarning,
 						surface: "warning"
 					}, blocker.kind))
 				})
@@ -8324,23 +8428,32 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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_c4028823_default.installPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.installing,
+					className: _dsh_plugin_shop_css_201c343a_default.installing,
 					children: t("uninstalling")
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.log,
+					className: _dsh_plugin_shop_css_201c343a_default.log,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.logLine,
+						className: _dsh_plugin_shop_css_201c343a_default.logLine,
+						"data-shop-log-line": true,
 						children: line
 					}, index))
 				})]
 			});
 			if (view.kind === "done") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.installedActions,
+				className: _dsh_plugin_shop_css_201c343a_default.installedActions,
 				children: [
+					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: _dsh_plugin_shop_css_201c343a_default.log,
+						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: _dsh_plugin_shop_css_201c343a_default.logLine,
+							"data-shop-log-line": true,
+							children: line
+						}, index))
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.notice,
+						className: _dsh_plugin_shop_css_201c343a_default.notice,
 						"data-shop-uninstall-done": true,
 						children: t(uninstallActivationNoticeKey(view.activation))
 					}),
@@ -8354,7 +8467,7 @@ 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_c4028823_default.cancelButton,
+						className: _dsh_plugin_shop_css_201c343a_default.cancelButton,
 						"data-shop-uninstall-dismiss": true,
 						onClick: reset,
 						children: t("dismiss")
@@ -8362,26 +8475,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			if (view.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.installPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.failedHeading,
+						className: _dsh_plugin_shop_css_201c343a_default.failedHeading,
 						children: t("uninstallFailed")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.log,
+						className: _dsh_plugin_shop_css_201c343a_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.logLine,
+							className: _dsh_plugin_shop_css_201c343a_default.logLine,
+							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+						className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 						children: view.detail === "" ? t("uninstallTransportFailed") : view.detail
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_c4028823_default.uninstallButton,
+						className: _dsh_plugin_shop_css_201c343a_default.uninstallButton,
 						"data-shop-uninstall-retry": true,
 						onClick: () => void start({ name }),
 						children: t("retry")
@@ -8391,7 +8505,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (view.kind !== "idle") return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_c4028823_default.uninstallButton,
+				className: _dsh_plugin_shop_css_201c343a_default.uninstallButton,
 				"data-shop-uninstall": true,
 				onClick: () => void start({ name }),
 				children: t("uninstall")
@@ -8406,12 +8520,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		/** The §8 restart flow (amendment 2026-08-27): after an install, update, or
 		* uninstall reports done, this panel offers a restart of dsh. The
 		* confirmation gate states the cost — the page disconnects and in-flight
-		* conversations/tasks are interrupted — and on confirm the restart RPC
-		* commits the two-phase handoff: the host exits, a helper re-runs dsh, and
-		* the page's restart monitor (restart-monitor.ts) polls the origin after a
-		* grace period, refreshing the page once the NEW server keeps answering.
-		* A refused restart renders the host's published detail; a server that
-		* never comes back names the manual command. */
+		* conversations/tasks are interrupted — and on confirm the page asks the host
+		* (restart-monitor.ts), which commits the two-phase handoff: the host exits,
+		* a helper re-runs dsh, and the page's monitor polls the origin after a grace
+		* period, refreshing the page once the NEW server keeps answering. A refused
+		* restart renders the host's published detail above the offer, which stays;
+		* a server that never comes back names the manual command. */
 		function RestartPanel({ t, restart, reload, gate }) {
 			const [ownGateOpen, setOwnGateOpen] = (0, react.useState)(false);
 			const gateOpen = gate === void 0 ? ownGateOpen : gate.open;
@@ -8423,71 +8537,65 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const monitor = useRestartMonitor();
 			const onConfirm = async () => {
 				setGateOpen(false);
-				try {
-					const result = await restart();
-					if (!result.ok) {
-						setRefusal(result.detail);
-						return;
-					}
-					startRestartMonitor({
-						reload,
-						...typeof result.logFile === "string" ? { logFile: result.logFile } : {}
-					});
-				} catch {
-					setRefusal(t("restartTransportFailed"));
-				}
+				setRefusal(null);
+				const outcome = await requestRestart({
+					reload,
+					restart
+				});
+				if (outcome.kind === "refused") setRefusal(outcome.detail);
+				else if (outcome.kind === "unreachable") setRefusal(t("restartTransportFailed"));
 			};
-			if (monitor?.kind === "restarting") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4028823_default.notice,
+			if (monitor?.kind === "requesting" || monitor?.kind === "restarting") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: _dsh_plugin_shop_css_201c343a_default.notice,
 				"data-shop-restarting": true,
 				children: t("restarting")
 			});
 			if (monitor?.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+				className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 				"data-shop-restart-error": true,
 				children: monitor.logFile === void 0 ? t("restartFailedNotice") : t("restartFailedLogNotice", { log: monitor.logFile })
 			});
-			if (refusal !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
-				"data-shop-restart-error": true,
-				children: refusal
-			});
 			if (gateOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.gate,
+				className: _dsh_plugin_shop_css_201c343a_default.gate,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateTitle,
+						className: _dsh_plugin_shop_css_201c343a_default.gateTitle,
 						children: t("restartTitle")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateBody,
+						className: _dsh_plugin_shop_css_201c343a_default.gateBody,
 						children: t("restartBody")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.gateActions,
+						className: _dsh_plugin_shop_css_201c343a_default.gateActions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4028823_default.confirmButton,
+							className: _dsh_plugin_shop_css_201c343a_default.confirmButton,
 							"data-shop-restart-confirm": true,
 							onClick: () => void onConfirm(),
 							children: t("restartConfirm")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4028823_default.cancelButton,
+							className: _dsh_plugin_shop_css_201c343a_default.cancelButton,
 							onClick: () => setGateOpen(false),
 							children: t("cancel")
 						})]
 					})
 				]
 			});
-			if (gate !== void 0) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			const refused = refusal === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
+				"data-shop-restart-error": true,
+				children: refusal
+			});
+			if (gate !== void 0) return refused;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [refused, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_c4028823_default.restartButton,
+				className: _dsh_plugin_shop_css_201c343a_default.restartButton,
 				"data-shop-restart": true,
 				onClick: () => setGateOpen(true),
 				children: t("restart")
-			});
+			})] });
 		}
 		/**
 		* The §4/§8 offer under a settled install, update or uninstall: a reload
@@ -8514,7 +8622,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				restart,
 				reload
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4028823_default.notice,
+				className: _dsh_plugin_shop_css_201c343a_default.notice,
 				"data-shop-restart-disabled": true,
 				children: t(restartBlockedNoticeKey(restartBlocked))
 			});
@@ -8525,14 +8633,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* 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_c4028823_default.reloadPanel,
+				className: _dsh_plugin_shop_css_201c343a_default.reloadPanel,
 				"data-shop-reload": where,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.notice,
+					className: _dsh_plugin_shop_css_201c343a_default.notice,
 					children: t("reloadNote")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_c4028823_default.reloadButton,
+					className: _dsh_plugin_shop_css_201c343a_default.reloadButton,
 					onClick: reload,
 					children: t("reload")
 				})]
@@ -8545,10 +8653,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* 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, reload }) {
+		function EnabledSwitch({ row, t, setEnabled, restart, restartBlocked, 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 [owed, setOwed] = (0, react.useState)("nothing");
 			const onToggle = async () => {
 				if (toggle.kind === "saving") return;
 				const next = !enabled;
@@ -8561,7 +8669,8 @@ 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);
+						if (result.activation === "restart") setOwed("restart");
+						else if (result.activation !== "live") setOwed((previous) => previous === "restart" ? previous : "reload");
 					} else setToggle({
 						kind: "error",
 						detail: result.detail || t("toggleFailed")
@@ -8574,7 +8683,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				}
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.switchWrap,
+				className: _dsh_plugin_shop_css_201c343a_default.switchWrap,
 				"data-shop-enabled-switch": row.name,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -8583,23 +8692,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						"aria-checked": enabled,
 						"aria-label": t("enabledSwitch"),
 						"data-shop-toggle": true,
-						className: `${_dsh_plugin_shop_css_c4028823_default.switch} ${enabled ? _dsh_plugin_shop_css_c4028823_default.switchOn : ""}`,
+						className: `${_dsh_plugin_shop_css_201c343a_default.switch} ${enabled ? _dsh_plugin_shop_css_201c343a_default.switchOn : ""}`,
 						onClick: () => void onToggle(),
 						disabled: toggle.kind === "saving",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.switchKnob })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.switchKnob })
 					}),
-					toggle.kind === "saved" && !needsReload && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.notice,
+					toggle.kind === "saved" && owed === "nothing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_201c343a_default.notice,
 						"data-shop-hot-apply": true,
 						children: t("hotApplyNote")
 					}),
-					needsReload && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReloadPanel, {
+					owed === "restart" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_201c343a_default.notice,
+						"data-shop-toggle-restart": true,
+						children: t("toggleRestartNote")
+					}),
+					owed !== "nothing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationOffer, {
+						activation: owed,
 						t,
+						restart,
+						restartBlocked,
 						reload,
 						where: "toggle"
 					}),
 					toggle.kind === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+						className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 						"data-shop-toggle-error": true,
 						children: toggle.detail
 					})
@@ -8611,23 +8728,25 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* install flow for `name@latest`, reusing `InstallPanel`). */
 		function OutdatedRow({ row, tier, missing, harness, t, setEnabled, flowFor, restart, restartBlocked, reload }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4028823_default.outdatedRow,
+				className: _dsh_plugin_shop_css_201c343a_default.outdatedRow,
 				"data-shop-outdated-entry": row.name,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.outdatedInfo,
+					className: _dsh_plugin_shop_css_201c343a_default.outdatedInfo,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: _dsh_plugin_shop_css_c4028823_default.name,
+						className: _dsh_plugin_shop_css_201c343a_default.name,
 						children: row.name
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: _dsh_plugin_shop_css_c4028823_default.outdatedVersions,
+						className: _dsh_plugin_shop_css_201c343a_default.outdatedVersions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("installedVersion", { version: row.source === "github" ? row.installed.slice(0, 7) : row.installed }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("latestVersion", { version: row.latest }) })]
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.outdatedActions,
+					className: _dsh_plugin_shop_css_201c343a_default.outdatedActions,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 						row,
 						t,
 						setEnabled,
+						restart,
+						restartBlocked,
 						reload
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
 						target: {
@@ -8669,22 +8788,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function OutdatedSection({ state, entriesByKey, missingByKey, harnessVerdicts, 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_c4028823_default.stateLine,
+				className: _dsh_plugin_shop_css_201c343a_default.stateLine,
 				"data-shop-outdated-error": true,
 				children: t("installedError")
 			});
 			const outdated = state.entries.filter((entry) => entry.outdated);
 			if (outdated.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: _dsh_plugin_shop_css_c4028823_default.outdatedSection,
+				className: _dsh_plugin_shop_css_201c343a_default.outdatedSection,
 				"data-shop-outdated": true,
 				"aria-labelledby": UPDATABLE_HEADING_ID,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: _dsh_plugin_shop_css_c4028823_default.updatableHeading,
+					className: _dsh_plugin_shop_css_201c343a_default.updatableHeading,
 					id: UPDATABLE_HEADING_ID,
 					children: t("updatableSection")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: _dsh_plugin_shop_css_c4028823_default.outdatedList,
+					className: _dsh_plugin_shop_css_201c343a_default.outdatedList,
 					children: outdated.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutdatedRow, {
 						row,
 						tier: entriesByKey.get(identityKey(row))?.tier ?? "community",
@@ -8735,16 +8854,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					role: "alert",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_c4028823_default.stateLine,
+							className: _dsh_plugin_shop_css_201c343a_default.stateLine,
 							children: say("tabCrashed", en.tabCrashed)
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+							className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 							children: error.message
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4028823_default.actionButton,
+							className: _dsh_plugin_shop_css_201c343a_default.actionButton,
 							onClick: () => this.setState({ error: null }),
 							children: say("retry", en.retry)
 						})
@@ -9001,19 +9120,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"data-shop-tab": true,
 				"aria-busy": "true",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.srOnly,
+					className: _dsh_plugin_shop_css_201c343a_default.srOnly,
 					children: t("loading")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4028823_default.skeletonGrid,
+					className: _dsh_plugin_shop_css_201c343a_default.skeletonGrid,
 					"data-shop-skeleton": true,
 					"aria-hidden": "true",
 					children: Array.from({ length: 8 }, (_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.skeletonCard,
+						className: _dsh_plugin_shop_css_201c343a_default.skeletonCard,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.skeletonName }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.skeletonSummary }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.skeletonSummaryShort }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.skeletonActions })
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.skeletonName }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.skeletonSummary }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.skeletonSummaryShort }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.skeletonActions })
 						]
 					}, i))
 				})]
@@ -9023,11 +9142,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				translate: "no",
 				"data-shop-tab": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4028823_default.stateLine,
+					className: _dsh_plugin_shop_css_201c343a_default.stateLine,
 					children: t("error")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_c4028823_default.actionButton,
+					className: _dsh_plugin_shop_css_201c343a_default.actionButton,
 					onClick: () => {
 						setRequest({ kind: "retry" });
 						setVersionReload((current) => current + 1);
@@ -9042,10 +9161,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"data-shop-tab": true,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.toolbar,
+						className: _dsh_plugin_shop_css_201c343a_default.toolbar,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "search",
-							className: _dsh_plugin_shop_css_c4028823_default.searchInput,
+							className: _dsh_plugin_shop_css_201c343a_default.searchInput,
 							"aria-label": t("search"),
 							placeholder: t("search"),
 							value: query,
@@ -9054,27 +9173,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								setVisibleCount(48);
 							}
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.toolbarRight,
+							className: _dsh_plugin_shop_css_201c343a_default.toolbarRight,
 							children: [
 								result.stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4028823_default.staleBadge,
+									className: _dsh_plugin_shop_css_201c343a_default.staleBadge,
 									children: t("staleLabel", { date: result.builtAt.slice(0, 10) })
 								}),
 								selfVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: _dsh_plugin_shop_css_c4028823_default.versionBlock,
+									className: _dsh_plugin_shop_css_201c343a_default.versionBlock,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: _dsh_plugin_shop_css_c4028823_default.versionText,
+										className: _dsh_plugin_shop_css_201c343a_default.versionText,
 										"data-shop-version": true,
 										children: ["v", selfVersion.installed]
 									}), restartMonitor !== null ? null : selfPending && restartBlocked === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
-										className: _dsh_plugin_shop_css_c4028823_default.restartSelfButton,
+										className: _dsh_plugin_shop_css_201c343a_default.restartSelfButton,
 										"data-shop-restart": true,
 										onClick: () => setSelfRestartGate(true),
 										children: t("restart")
 									}) : !selfPending && selfVersion.outdated && selfVersion.latest !== null && selfUpdate.view.kind === "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
-										className: _dsh_plugin_shop_css_c4028823_default.updateSelfButton,
+										className: _dsh_plugin_shop_css_201c343a_default.updateSelfButton,
 										"data-shop-update-self": true,
 										onClick: () => {
 											if (selfVersion.latest !== null) selfUpdate.start({ version: selfVersion.latest });
@@ -9082,7 +9201,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 										children: t("update")
 									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
-										className: _dsh_plugin_shop_css_c4028823_default.checkUpdateButton,
+										className: _dsh_plugin_shop_css_201c343a_default.checkUpdateButton,
 										"data-shop-check-update": true,
 										title: t("checkUpdateTitle"),
 										disabled: checkState !== "idle",
@@ -9091,7 +9210,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-									className: _dsh_plugin_shop_css_c4028823_default.githubLink,
+									className: _dsh_plugin_shop_css_201c343a_default.githubLink,
 									href: SHOP_REPO_URL,
 									target: "_blank",
 									rel: "noopener noreferrer",
@@ -9110,27 +9229,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						})]
 					}),
 					selfUpdate.view.kind === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_201c343a_default.selfUpdatePanel,
 						"data-shop-self-updating": true,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_c4028823_default.installing,
+							className: _dsh_plugin_shop_css_201c343a_default.installing,
 							children: t(installPhaseKey(selfUpdate.view.phase))
 						}), selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.log,
+							className: _dsh_plugin_shop_css_201c343a_default.log,
 							children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_c4028823_default.logLine,
+								className: _dsh_plugin_shop_css_201c343a_default.logLine,
+								"data-shop-log-line": true,
 								children: line
 							}, index))
 						})]
 					}),
 					selfPending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_201c343a_default.selfUpdatePanel,
 						"data-shop-self-update-done": true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_c4028823_default.installedActions,
+							className: _dsh_plugin_shop_css_201c343a_default.installedActions,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4028823_default.notice,
+									className: _dsh_plugin_shop_css_201c343a_default.notice,
 									children: t("installedRestartNotice")
 								}),
 								restartBlocked === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
@@ -9143,7 +9263,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									}
 								}),
 								restartBlocked !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4028823_default.notice,
+									className: _dsh_plugin_shop_css_201c343a_default.notice,
 									"data-shop-restart-disabled": true,
 									children: t(restartBlockedNoticeKey(restartBlocked))
 								})
@@ -9151,34 +9271,35 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						})
 					}),
 					selfUpdate.view.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_201c343a_default.selfUpdatePanel,
 						"data-shop-self-update-failed": true,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4028823_default.failedHeading,
+								className: _dsh_plugin_shop_css_201c343a_default.failedHeading,
 								children: t("updateFailed")
 							}),
 							selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_c4028823_default.log,
+								className: _dsh_plugin_shop_css_201c343a_default.log,
 								children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: _dsh_plugin_shop_css_c4028823_default.logLine,
+									className: _dsh_plugin_shop_css_201c343a_default.logLine,
+									"data-shop-log-line": true,
 									children: line
 								}, index))
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4028823_default.failedDetail,
+								className: _dsh_plugin_shop_css_201c343a_default.failedDetail,
 								children: selfUpdate.view.detail === "" ? t("updateTransportFailed") : selfUpdate.view.detail
 							})
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.categoryBar,
+						className: _dsh_plugin_shop_css_201c343a_default.categoryBar,
 						role: "group",
 						"aria-label": t("catalog"),
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: category === null ? `${_dsh_plugin_shop_css_c4028823_default.categoryButton} ${_dsh_plugin_shop_css_c4028823_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4028823_default.categoryButton,
+								className: category === null ? `${_dsh_plugin_shop_css_201c343a_default.categoryButton} ${_dsh_plugin_shop_css_201c343a_default.categoryButtonOn}` : _dsh_plugin_shop_css_201c343a_default.categoryButton,
 								"aria-pressed": category === null,
 								onClick: () => {
 									setCategory(null);
@@ -9193,7 +9314,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}),
 							CATEGORY_ORDER.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: category === key ? `${_dsh_plugin_shop_css_c4028823_default.categoryButton} ${_dsh_plugin_shop_css_c4028823_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4028823_default.categoryButton,
+								className: category === key ? `${_dsh_plugin_shop_css_201c343a_default.categoryButton} ${_dsh_plugin_shop_css_201c343a_default.categoryButtonOn}` : _dsh_plugin_shop_css_201c343a_default.categoryButton,
 								"aria-pressed": category === key,
 								"data-category": key,
 								"data-shop-category-tab": key,
@@ -9209,7 +9330,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}, key)),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: category === "installed" ? `${_dsh_plugin_shop_css_c4028823_default.categoryButton} ${_dsh_plugin_shop_css_c4028823_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4028823_default.categoryButton,
+								className: category === "installed" ? `${_dsh_plugin_shop_css_201c343a_default.categoryButton} ${_dsh_plugin_shop_css_201c343a_default.categoryButtonOn}` : _dsh_plugin_shop_css_201c343a_default.categoryButton,
 								"aria-pressed": category === "installed",
 								"data-shop-category-installed": true,
 								onClick: () => {
@@ -9226,7 +9347,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								type: "button",
 								role: "switch",
 								"aria-checked": hideIncompatible,
-								className: hideIncompatible ? `${_dsh_plugin_shop_css_c4028823_default.incompatibleFilter} ${_dsh_plugin_shop_css_c4028823_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_c4028823_default.incompatibleFilter,
+								className: hideIncompatible ? `${_dsh_plugin_shop_css_201c343a_default.incompatibleFilter} ${_dsh_plugin_shop_css_201c343a_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_201c343a_default.incompatibleFilter,
 								title: t(hideIncompatible ? "showIncompatibleTitle" : "incompatibleFilterTitle"),
 								"data-shop-hide-incompatible": true,
 								onClick: () => {
@@ -9234,18 +9355,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									setVisibleCount(48);
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: hideIncompatible ? `${_dsh_plugin_shop_css_c4028823_default.switch} ${_dsh_plugin_shop_css_c4028823_default.switchOn}` : _dsh_plugin_shop_css_c4028823_default.switch,
+									className: hideIncompatible ? `${_dsh_plugin_shop_css_201c343a_default.switch} ${_dsh_plugin_shop_css_201c343a_default.switchOn}` : _dsh_plugin_shop_css_201c343a_default.switch,
 									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4028823_default.switchKnob })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_201c343a_default.switchKnob })
 								}), t("hideIncompatible", { count: incompatibleCount })]
 							})
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4028823_default.catalogStatsRow,
+						className: _dsh_plugin_shop_css_201c343a_default.catalogStatsRow,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4028823_default.catalogStats,
+								className: _dsh_plugin_shop_css_201c343a_default.catalogStats,
 								"data-shop-catalog-stats": true,
 								children: t("catalogStats", {
 									count: String(browsable.length),
@@ -9254,7 +9375,7 @@ 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_c4028823_default.catalogRefreshButton,
+								className: _dsh_plugin_shop_css_201c343a_default.catalogRefreshButton,
 								"data-shop-catalog-refresh": true,
 								disabled: reloading,
 								onClick: () => {
@@ -9266,21 +9387,21 @@ 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_c4028823_default.catalogRefreshFailed,
+								className: _dsh_plugin_shop_css_201c343a_default.catalogRefreshFailed,
 								"data-shop-catalog-refresh-failed": true,
 								children: t("refreshFailed")
 							})
 						]
 					}),
 					result.plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.emptyLine,
+						className: _dsh_plugin_shop_css_201c343a_default.emptyLine,
 						children: t("empty")
 					}) : filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.emptyLine,
+						className: _dsh_plugin_shop_css_201c343a_default.emptyLine,
 						"data-shop-empty": true,
 						children: matched.length > 0 ? t("emptyIncompatibleFiltered") : t("emptySearch")
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
-						className: _dsh_plugin_shop_css_c4028823_default.cards,
+						className: _dsh_plugin_shop_css_201c343a_default.cards,
 						children: [visible.map((entry) => {
 							const key = entryKey(entry);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryCard, {
@@ -9301,12 +9422,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}) }, key);
 						}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 							ref: sentinelRef,
-							className: _dsh_plugin_shop_css_c4028823_default.cardsSentry,
+							className: _dsh_plugin_shop_css_201c343a_default.cardsSentry,
 							"data-shop-sentry": true,
 							"aria-hidden": "true"
 						})]
 					}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4028823_default.showingLine,
+						className: _dsh_plugin_shop_css_201c343a_default.showingLine,
 						"aria-live": "polite",
 						children: t("showing", {
 							shown: String(visibleCount),
@@ -9377,7 +9498,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				en
 			}), "dsh-plugin-shop: dictionaries");
 			const dispose = await ctx.remote.$mount(TYPERT_REMOTE);
-			ctx.effect(() => dispose, "dsh-plugin-shop: shop remote mount");
+			let withdrawRestart = () => {};
+			ctx.effect(() => () => {
+				withdrawRestart();
+				return dispose();
+			}, "dsh-plugin-shop: shop remote mount");
 			const ns = ctx.get("remote.shop");
 			if (ns === void 0) throw new Error("dsh-plugin-shop: the shop remote did not register (service \"remote.shop\" missing after $mount)");
 			const unwrap = (result) => {
@@ -9427,6 +9552,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				...result,
 				incompatible: await refineAgainstModuleTable(result.incompatible ?? {}, ctx.get("modules"), pageRemoved)
 			});
+			const restart = async () => unwrap(await ns.restart());
+			withdrawRestart = registerRestartCarrier(restart);
 			const injected = () => ({
 				catalog: async (args) => handOver(await hostCatalog(args)),
 				install: async (args) => {
@@ -9444,7 +9571,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				noteUninstalled: (name) => {
 					pageRemoved.add(name);
 				},
-				restart: async () => unwrap(await ns.restart()),
+				restart,
 				version: async () => unwrap(await ns.version()),
 				updateStart: async (args) => {
 					warmCatalog = null;