dsh-plugin-shop 0.8.7 → 0.9.0-beta.1

package/lib/client.js

@@ -4761,17 +4761,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		};
 		//#endregion
 		//#region src/client/locales.ts
-		/** Copy dictionaries for the shop's Settings section. */
+		/** Copy dictionaries for the shop's page in dsh's main column, its row in the
+		* sidebar, and its two buttons on dsh's Plugins page. */
 		/** Simplified Chinese dictionary and key source of truth. */
 		const zh = {
-			/** The shop's name in Settings (design §5.1, amended 2026-10-15): its nav
-			* entry and its page title, one key so the two cannot drift apart. */
+			/** The shop's name: its sidebar row and its page title (design
+			* 2026-10-16-shop-sidebar-page §4.1), one key so the two cannot drift
+			* apart. */
 			title: "插件商店",
-			/** The shop's Settings page intro line (design §5.1, amended 2026-10-15),
-			* as the built-in Models and 内置插件 pages carry one under their title. */
+			/** The page's intro line, under its title, as dsh's own pages carry one. */
 			intro: "浏览、安装和更新目录中的插件。",
+			/** The Plugins page's button on the shop's own bundle page (design
+			* 2026-10-16-shop-sidebar-page §7). */
+			openShop: "打开插件商店",
+			/** Its button on a page of a bundle the shelf lists. */
+			viewInShop: "在插件商店中查看",
 			loading: "正在读取目录…",
 			error: "暂时无法读取目录。",
+			installedLoading: "正在读取已安装列表…",
 			installedError: "暂时无法读取已安装列表。",
 			retry: "重试",
 			/** The shop's own error boundary caught a render error; the error's message
@@ -4960,8 +4967,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const en = {
 			title: "Plugin shop",
 			intro: "Browse, install, and update plugins from the catalog.",
+			openShop: "Open Plugin shop",
+			viewInShop: "View in Plugin shop",
 			loading: "Reading the catalog…",
 			error: "The catalog is temporarily unavailable.",
+			installedLoading: "Reading the installed list…",
 			installedError: "The installed list is temporarily unavailable.",
 			retry: "Retry",
 			tabCrashed: "The plugin shop hit an error while showing this page.",
@@ -5284,6 +5294,57 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return refineIncompatible(incompatible, withRemoved, timeoutMs);
 		}
 		//#endregion
+		//#region src/shared/install-state.ts
+		/** Whether the host is done with this record: it will not change again, and a
+		* poller may stop. */
+		function isTerminalInstallState(state) {
+			return state === "done" || state === "failed";
+		}
+		//#endregion
+		//#region src/client/listeners.ts
+		/**
+		* The listener plumbing the client's external stores share: the page store
+		* and its owed notices (page-store.ts), the flow registries
+		* (flow-registry.ts) and the restart monitor (restart-monitor.ts). Each keeps
+		* its listeners in a plain `Set`. React subscribes through `listen`, as
+		* `useSyncExternalStore` asks, and a change reaches every listener through
+		* `notify`.
+		*
+		* Functions over that `Set`, never an object a store keeps in its place. The
+		* restart monitor's store lives on `globalThis`, and a 0.8.x shop hands it
+		* over (design 2026-10-16-shop-sidebar-page §6). Its `listeners` is a plain
+		* `Set` that the predecessor's own code adds to, deletes from and iterates,
+		* so the field's shape is a contract across versions, and these functions
+		* take that `Set` as it is.
+		*/
+		/** The sets a disposed store forgot (`forget`). Held here, never as a mark
+		* on the `Set` itself: a store's `Set` is its own, and the restart monitor's
+		* is a 0.8.x predecessor's too (above). */
+		const forgotten = /* @__PURE__ */ new WeakSet();
+		/** Add `listener`, and hand back what removes it. A forgotten set takes
+		* none: its store tells nobody anything more, so a listener subscribing in
+		* a hot swap's window would only be held. */
+		function listen(listeners, listener) {
+			if (forgotten.has(listeners)) return () => {};
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		/** Call every listener as the set stands when the call begins. Over a copy,
+		* so a listener that subscribes or unsubscribes one while it runs (React
+		* re-subscribing in the render the change caused) changes the next notify,
+		* never this one. */
+		function notify(listeners) {
+			for (const listener of [...listeners]) listener();
+		}
+		/** Drop every listener, and take none again: a disposed store tells nobody
+		* anything more. */
+		function forget(listeners) {
+			listeners.clear();
+			forgotten.add(listeners);
+		}
+		//#endregion
 		//#region src/shared/shop-like.ts
 		/**
 		* Whether a package name reads as a competing plugin marketplace.
@@ -6851,13 +6912,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return spec.length > HOLDER_SPEC_CAP ? `${spec.slice(0, 79)}…` : spec;
 		}
 		//#endregion
-		//#region src/shared/install-state.ts
-		/** Whether the host is done with this record: it will not change again, and a
-		* poller may stop. */
-		function isTerminalInstallState(state) {
-			return state === "done" || state === "failed";
-		}
-		//#endregion
 		//#region src/client/present.ts
 		/** The done notice for one activation, as a locale key.
 		*
@@ -7187,11 +7241,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return previous.installed !== next.installed;
 		}
 		/**
+		* Whether an update of the shop has landed and waits for a restart: the
+		* profile holds a version other than the one running. A host older than the
+		* field sends none, and that reads as waiting: a client newer than its host
+		* exists only because the disk holds a newer shop than the process running
+		* (design §7.3, 2026-09-27 amendment). The tab's restart offer and the
+		* hand-over after a hot swap (design 2026-10-16-shop-sidebar-page §6) read
+		* it alike.
+		*/
+		function updateAwaitsRestart(version) {
+			return version.pendingVersion !== null;
+		}
+		/**
 		* Whether dsh restarting under the page settles this receipt: a change that
-		* landed and was waiting for exactly that. The tab clears these once the
-		* answers come from another process, and nothing else — a reload is still
-		* owed by a page nobody reloaded, a failure still happened, and a flow still
-		* running settles by its own poll.
+		* landed and was waiting for exactly that. The page store clears these
+		* (page-store.ts, `noteRestarted`) once the answers come from another
+		* process, and nothing else — a reload is still owed by a page nobody
+		* reloaded, a failure still happened, and a flow still running settles by
+		* its own poll.
 		*/
 		function settledByRestart(view) {
 			return view.kind === "done" && view.activation === "restart";
@@ -7380,6 +7447,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return identityKey(entry);
 		}
 		/**
+		* Whether the shelf lists `entry`: a name the catalog's `notAShop` clears,
+		* or one whose name and repository `isShopLike` leaves alone. One rule for
+		* the shelf and for the Plugins page's "View in Plugin shop" (design
+		* 2026-10-16-shop-sidebar-page §7), so that button never sends a reader to a
+		* shelf that hides the plugin.
+		*/
+		function listedOnShelf(entry, cleared) {
+			return cleared.has(entry.name) || !isShopLike(entry.name) && (entry.repo === void 0 || !isShopLike(entry.repo));
+		}
+		/**
 		* One entry's star count from the sidecar, or undefined when it has none.
 		*
 		* The sidecar keys a github entry by its repo full name and an npm entry by
@@ -7534,28 +7611,258 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			return `${value.toFixed(1)} ${unit}`;
 		}
 		//#endregion
+		//#region src/client/flow-registry.ts
+		/** The one idle view, so a key the registry holds no flow for and a key it
+		* reset to idle hand a memoized consumer the same object. */
+		const IDLE_VIEW = { kind: "idle" };
+		/** `map` without every entry `drop` selects, or null when it selects none.
+		* The copy is made at the first match, so a prune that matches nothing
+		* copies nothing, and its caller, handed null, publishes nothing. The
+		* registry's `resetWhere` and the page store's owed notices share this
+		* contract, so a fourth prune cannot return an empty map instead. */
+		function pruned(map, drop) {
+			let next = null;
+			for (const [key, value] of map) {
+				if (!drop(value, key)) continue;
+				next ??= new Map(map);
+				next.delete(key);
+			}
+			return next;
+		}
+		/**
+		* @param deps read on every call, so an owner can hand over its latest
+		*   functions without rebuilding the registry.
+		*/
+		function createFlowRegistry(deps, options) {
+			let snapshot = {
+				views: /* @__PURE__ */ new Map(),
+				starting: /* @__PURE__ */ new Set()
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			const startedWith = /* @__PURE__ */ new Map();
+			let timer = null;
+			let disposed = false;
+			const syncTimer = () => {
+				const wanted = !disposed && (options.pollUnwatched || listeners.size > 0) && [...snapshot.views.values()].some((view) => view.kind === "running");
+				if (wanted && timer === null) timer = setInterval(poll, INSTALL_POLL_MS);
+				else if (!wanted && timer !== null) {
+					clearInterval(timer);
+					timer = null;
+				}
+			};
+			const publish = (next) => {
+				if (disposed) return;
+				snapshot = next;
+				syncTimer();
+				notify(listeners);
+			};
+			const withView = (key, view) => {
+				const views = new Map(snapshot.views);
+				views.set(key, view);
+				return views;
+			};
+			let asked = 0;
+			const folded = /* @__PURE__ */ new Map();
+			function poll() {
+				for (const [key, view] of snapshot.views) {
+					if (view.kind !== "running") continue;
+					const { installId } = view;
+					asked += 1;
+					const number = asked;
+					deps().installStatus({ installId }).then((status) => {
+						const current = snapshot.views.get(key);
+						if (disposed || current === void 0 || current.kind !== "running" || current.installId !== installId) return;
+						if (number <= (folded.get(key) ?? 0)) return;
+						folded.set(key, number);
+						const next = reduceInstall(current, {
+							type: "status",
+							status
+						});
+						if (next !== current) publish({
+							views: withView(key, next),
+							starting: snapshot.starting
+						});
+						if (next.kind === "running") return;
+						folded.delete(key);
+						const args = startedWith.get(key);
+						startedWith.delete(key);
+						if (status.found && isTerminalInstallState(status.state) && args !== void 0) deps().onSettled?.(key, status.state, args);
+					}, () => {});
+				}
+			}
+			return {
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => {
+					const unlisten = listen(listeners, listener);
+					syncTimer();
+					return () => {
+						unlisten();
+						syncTimer();
+					};
+				},
+				start: async (key, args) => {
+					if (disposed || snapshot.starting.has(key)) return;
+					startedWith.set(key, args);
+					folded.delete(key);
+					publish({
+						views: withView(key, IDLE_VIEW),
+						starting: new Set(snapshot.starting).add(key)
+					});
+					try {
+						const view = await deps().begin(args);
+						if (view.kind !== "running") startedWith.delete(key);
+						publish({
+							views: withView(key, view),
+							starting: snapshot.starting
+						});
+					} finally {
+						if (snapshot.starting.has(key)) {
+							const starting = new Set(snapshot.starting);
+							starting.delete(key);
+							publish({
+								views: snapshot.views,
+								starting
+							});
+						}
+					}
+				},
+				reset: (key) => {
+					if (!snapshot.starting.has(key)) startedWith.delete(key);
+					folded.delete(key);
+					if (!snapshot.views.has(key)) return;
+					const views = new Map(snapshot.views);
+					views.delete(key);
+					publish({
+						views,
+						starting: snapshot.starting
+					});
+				},
+				resetWhere: (predicate) => {
+					const views = pruned(snapshot.views, predicate);
+					if (views === null) return;
+					for (const key of snapshot.views.keys()) {
+						if (views.has(key)) continue;
+						folded.delete(key);
+						if (!snapshot.starting.has(key)) startedWith.delete(key);
+					}
+					publish({
+						views,
+						starting: snapshot.starting
+					});
+				},
+				dispose: () => {
+					disposed = true;
+					startedWith.clear();
+					folded.clear();
+					forget(listeners);
+					syncTimer();
+				}
+			};
+		}
+		/** The transport rule the three mappings share: a thrown start is a TRANSPORT
+		* failure (index.ts's `unwrap` throws the prefixed wire code and message), not a
+		* business rejection — `rejected` stays reserved for the host's ShopInstallResult
+		* union (§7.2). The transport detail is private (it can name hosts and ports) and
+		* never rendered, so the view carries an EMPTY detail and the surface falls back
+		* to its localized transport line. Nothing else can reach these catches, because
+		* every business union is a resolved value, never a throw. */
+		const transportFailed = () => ({
+			kind: "failed",
+			detail: "",
+			log: []
+		});
+		/** An install's start: the host's business union mapped to the first view. */
+		function beginInstall(install) {
+			return async (args) => {
+				try {
+					const result = await install(args);
+					if (!result.ok) return {
+						kind: "rejected",
+						code: result.code,
+						detail: result.detail
+					};
+					return {
+						kind: "running",
+						installId: result.installId,
+						log: [],
+						phase: phaseOf(result.state)
+					};
+				} catch {
+					return transportFailed();
+				}
+			};
+		}
+		/** A business start: the uninstall's and the shop's own update's. Its
+		* refusal is a `failed` view with the host's published detail, never an
+		* install `rejected` code: those belong to the install gate, and these
+		* unions' refusals carry none. A throw is the transport rule above. The two
+		* starts differ only in the phase they open on, which is `phaseFor`. */
+		function beginBusiness(rpc, phaseFor) {
+			return async (args) => {
+				try {
+					const result = await rpc(args);
+					if (!result.ok) return {
+						kind: "failed",
+						detail: result.detail,
+						log: []
+					};
+					return {
+						kind: "running",
+						installId: result.installId,
+						log: [],
+						phase: phaseFor(result)
+					};
+				} catch {
+					return transportFailed();
+				}
+			};
+		}
+		/** An uninstall's start. Its refusals: not in the catalog, not installed.
+		* The host reports no phase for an uninstall, which opens on `installing`. */
+		function beginUninstall(uninstall) {
+			return beginBusiness(uninstall, () => "installing");
+		}
+		/** The shop's own update's start. Its refusal: a version that is not plain
+		* semver. */
+		function beginUpdate(updateStart) {
+			return beginBusiness(updateStart, (started) => phaseOf(started.state));
+		}
+		//#endregion
 		//#region src/client/restart-monitor.ts
 		/** Registry symbol, so every module instance on the page finds the same store. */
-		const STORE_KEY = Symbol.for("dsh-plugin-shop.restart-monitor");
+		const STORE_KEY$1 = Symbol.for("dsh-plugin-shop.restart-monitor");
 		function monitorStore() {
 			const page = globalThis;
-			let stored = page[STORE_KEY];
+			let stored = page[STORE_KEY$1];
 			if (stored === void 0) {
 				stored = {
 					state: null,
 					listeners: /* @__PURE__ */ new Set(),
 					stop: null
 				};
-				page[STORE_KEY] = stored;
+				page[STORE_KEY$1] = stored;
 			}
 			return Object.assign(stored, {
 				carriers: stored.carriers ?? [],
 				attempt: stored.attempt ?? null
 			});
 		}
+		/**
+		* Whether a shop instance on this page has registered its restart path:
+		* every `apply` since 0.8.4 does so before anything can ask for a restart.
+		* Read before this instance's own `apply` registers one, a store here names
+		* a predecessor — a 0.8.x shop when no page store sits beside it
+		* (page-store.ts `readPredecessor`; design 2026-10-16-shop-sidebar-page §6).
+		* The store outlives a carrier's withdrawal: a predecessor's teardown
+		* withdraws its carrier and leaves the store, and the store is what names it.
+		* Only a read: unlike `monitorStore`, it never creates the store.
+		*/
+		function hasRestartMonitorStore() {
+			return globalThis[STORE_KEY$1] !== void 0;
+		}
 		function settle(store, state) {
 			store.state = state;
-			for (const listener of [...store.listeners]) listener();
+			notify(store.listeners);
 		}
 		/** sessionStorage key of the restart this tab last saw committed. Not the
 		* page store: the verdict belongs to the page the reload produces, and a
@@ -7606,11 +7913,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		/** Be told when the page's restart changes state. */
 		function subscribeRestartMonitor(listener) {
-			const store = monitorStore();
-			store.listeners.add(listener);
-			return () => {
-				store.listeners.delete(listener);
-			};
+			return listen(monitorStore().listeners, listener);
 		}
 		/**
 		* Watch the origin for the restarted server and reload into it: probe once
@@ -7823,9 +8126,518 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (store.state?.kind === "not-restarted") settle(store, null);
 		}
 		//#endregion
+		//#region src/client/page-store.ts
+		/** The owed map's key for one switch: `<surface>:<identity>`. */
+		function switchKey(surface, identity) {
+			return `${surface}:${identity}`;
+		}
+		/** The identity a switch key names. A surface holds no colon, so it is
+		* everything after the first. */
+		const identityOf = (key) => key.slice(key.indexOf(":") + 1);
+		/** Selects `key`'s receipt: its view, unless that is a flow still running.
+		* A running flow settles by its own poll, and resetting it would drop every
+		* later answer for it — its settle with them. */
+		const receiptOf = (key) => (view, each) => each === key && view.kind !== "running";
+		/** The shelf a page opens on: the star order, every category, one batch. */
+		const INITIAL_VIEW = {
+			query: "",
+			category: null,
+			order: "stars",
+			hideIncompatible: false,
+			visibleCount: 48
+		};
+		/** Whether going from one view to the other changes which cards the shelf
+		* shows, or their order. Growing the shelf and opening a card change
+		* neither. */
+		function reshelves(before, after) {
+			return before.query !== after.query || before.category !== after.category || before.order !== after.order || before.hideIncompatible !== after.hideIncompatible;
+		}
+		/**
+		* @param deps read on every call, so the owner can hand over its latest
+		*   functions without rebuilding the store.
+		* @param options the page's own store polls unwatched; a store a tab builds
+		*   for itself does not, and stops with the tab (ShopTab).
+		*/
+		function createPageStore(deps, options) {
+			let snapshot = {
+				view: INITIAL_VIEW,
+				reverdictPending: false,
+				reverdicts: 0,
+				settled: 0
+			};
+			let scrollTop = 0;
+			let scrollAnchor = null;
+			let pageMounted = false;
+			let handover = { showing: false };
+			let disposed = false;
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = (next) => {
+				if (disposed) return;
+				snapshot = {
+					...snapshot,
+					...next
+				};
+				notify(listeners);
+			};
+			/** The view with `patch` applied, published only when it differs: the
+			* view's fields are primitives, so a field-by-field compare is the
+			* whole question. One that refilters or reorders the shelf forgets the
+			* card the reader was at: the restore then sets the position, which is
+			* what the reader last saw, and their next scroll writes a card again. */
+			const showView = (patch) => {
+				const view = {
+					...snapshot.view,
+					...patch
+				};
+				if (Object.keys(view).every((field) => view[field] === snapshot.view[field])) return;
+				if (reshelves(snapshot.view, view)) scrollAnchor = null;
+				publish({ view });
+			};
+			let expanded = /* @__PURE__ */ new Set();
+			const expandedListeners = /* @__PURE__ */ new Set();
+			const publishExpanded = (next) => {
+				if (disposed) return;
+				expanded = next;
+				notify(expandedListeners);
+			};
+			/** Open one card, and leave it open: a card's own header toggles it, and
+			* `expand` opens one from outside it (design
+			* 2026-10-16-shop-sidebar-page §5.6). */
+			const openCard = (key) => {
+				if (!expanded.has(key)) publishExpanded(new Set(expanded).add(key));
+			};
+			let owed = /* @__PURE__ */ new Map();
+			const owedListeners = /* @__PURE__ */ new Set();
+			const publishOwed = (next) => {
+				if (disposed) return;
+				owed = next;
+				notify(owedListeners);
+			};
+			/** A reverdict raised: pending, and counted. */
+			const raisedReverdict = () => ({
+				reverdictPending: true,
+				reverdicts: snapshot.reverdicts + 1
+			});
+			/** One settle the page reacts to: re-read the installed list and, when the
+			* catalog's verdicts may have moved, judge them again. */
+			const settle = (reverdict) => {
+				publish({
+					settled: snapshot.settled + 1,
+					...reverdict ? raisedReverdict() : {}
+				});
+			};
+			/** The owed map without one notice kind, or null when it holds none of
+			* them (`pruned`), so a caller publishes nothing for an unchanged map. */
+			const withoutOwed = (kind) => pruned(owed, (value) => value === kind);
+			/** The owed map without any switch of `identities`, on every surface, or
+			* null when it holds none. */
+			const withoutSwitchesOf = (identities) => pruned(owed, (_, key) => identities.has(identityOf(key)));
+			let drops = 0;
+			/** By identity: the stamp of the last drop because it left the profile. */
+			const leftAt = /* @__PURE__ */ new Map();
+			/** The identities the installed list a page last read held: the switches
+			* on screen are theirs, and so is any toggle still out. */
+			let listed = /* @__PURE__ */ new Set();
+			/** `identities` left the profile: their switches owe nothing, and a toggle
+			* of one still out re-creates nothing. */
+			const leave = (identities) => {
+				if (identities.size === 0) return;
+				drops += 1;
+				for (const identity of identities) leftAt.set(identity, drops);
+				const next = withoutSwitchesOf(identities);
+				if (next !== null) publishOwed(next);
+			};
+			const installs = createFlowRegistry(() => ({
+				begin: beginInstall(deps().install),
+				installStatus: deps().installStatus,
+				onSettled: (key, outcome) => {
+					if (outcome === "done") uninstalls.resetWhere(receiptOf(key));
+					settle(outcome === "done");
+				}
+			}), options);
+			const uninstalls = createFlowRegistry(() => ({
+				begin: beginUninstall(deps().uninstall),
+				installStatus: deps().installStatus,
+				onSettled: (key, outcome, args) => {
+					if (outcome !== "done") return;
+					installs.resetWhere(receiptOf(key));
+					leave(/* @__PURE__ */ new Set([key]));
+					deps().noteUninstalled?.(args.name);
+					settle(true);
+				}
+			}), options);
+			const self = createFlowRegistry(() => ({
+				begin: beginUpdate(deps().updateStart),
+				installStatus: deps().installStatus
+			}), options);
+			return {
+				schema: 1,
+				installs,
+				uninstalls,
+				self,
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => listen(listeners, listener),
+				setView: (patch) => {
+					showView(patch);
+				},
+				updateView: (update) => {
+					showView(update(snapshot.view));
+				},
+				isExpanded: (key) => expanded.has(key),
+				subscribeExpanded: (listener) => listen(expandedListeners, listener),
+				toggleExpanded: (key) => {
+					const next = new Set(expanded);
+					if (!next.delete(key)) next.add(key);
+					publishExpanded(next);
+				},
+				expand: openCard,
+				focus: (name, card) => {
+					scrollTop = 0;
+					scrollAnchor = null;
+					showView({
+						query: name,
+						category: null,
+						hideIncompatible: false,
+						visibleCount: 48
+					});
+					if (card !== null) openCard(card);
+				},
+				getOwed: (key) => owed.get(key),
+				subscribeOwed: (listener) => listen(owedListeners, listener),
+				owedEpoch: () => drops,
+				setOwed: (key, notice, since) => {
+					if ((leftAt.get(identityOf(key)) ?? 0) > since) return;
+					const current = owed.get(key);
+					if (current === "restart" || current === notice) return;
+					publishOwed(new Map(owed).set(key, notice));
+				},
+				noteInstalled: (identities) => {
+					const held = new Set(identities);
+					const gone = /* @__PURE__ */ new Set();
+					for (const identity of listed) if (!held.has(identity)) gone.add(identity);
+					for (const key of owed.keys()) if (!held.has(identityOf(key))) gone.add(identityOf(key));
+					listed = held;
+					leave(gone);
+				},
+				clearReverdict: (asked) => {
+					if (snapshot.reverdictPending && asked === snapshot.reverdicts) publish({ reverdictPending: false });
+				},
+				noteRestarted: () => {
+					self.resetWhere(settledByRestart);
+					installs.resetWhere(settledByRestart);
+					uninstalls.resetWhere(settledByRestart);
+					const next = withoutOwed("restart");
+					if (next !== null) publishOwed(next);
+					settle(true);
+				},
+				recordScroll: (top, anchor = null) => {
+					scrollTop = top;
+					scrollAnchor = anchor;
+				},
+				readScroll: () => scrollTop,
+				readAnchor: () => scrollAnchor,
+				notePageMounted: (mounted) => {
+					pageMounted = mounted;
+				},
+				recordTeardown: () => {
+					handover = { showing: pageMounted };
+				},
+				handover: () => handover,
+				dispose: () => {
+					disposed = true;
+					installs.dispose();
+					uninstalls.dispose();
+					self.dispose();
+					forget(listeners);
+					forget(owedListeners);
+					forget(expandedListeners);
+				}
+			};
+		}
+		/** Registry symbol, so every module instance on the page finds one store. */
+		const STORE_KEY = Symbol.for("dsh-plugin-shop.page");
+		function occupantOf(held) {
+			if (held === void 0) return { kind: "none" };
+			if (typeof held === "object" && held !== null && held.schema === 1) return {
+				kind: "store",
+				store: held
+			};
+			return {
+				kind: "other",
+				occupant: held
+			};
+		}
+		/** What a shop applied earlier left on this page: nothing, a store of this
+		* schema, or another schema's object. */
+		function readPageStore() {
+			return occupantOf(globalThis[STORE_KEY]);
+		}
+		/** Make `store` the page's. Returns what it replaces. */
+		function installPageStore(store) {
+			const page = globalThis;
+			const previous = occupantOf(page[STORE_KEY]);
+			page[STORE_KEY] = store;
+			return previous;
+		}
+		/** Read at the very start of `apply`, before this instance puts its own
+		* stores on the page. */
+		function readPredecessor() {
+			const previous = readPageStore();
+			if (previous.kind === "none") return hasRestartMonitorStore() ? { kind: "section" } : { kind: "none" };
+			if (previous.kind === "other") return {
+				kind: "page",
+				showing: false
+			};
+			if (typeof previous.store.handover !== "function") return { kind: "section" };
+			return {
+				kind: "page",
+				showing: previous.store.handover().showing
+			};
+		}
+		/** Stop what the page key held, through the `dispose` it has and no other:
+		* an object that claims this schema and lacks one is stopped no more than a
+		* schema-2 object is, and neither can throw the shop off the page. */
+		function disposeOccupant(occupant) {
+			if (occupant.kind === "none") return;
+			const held = occupant.kind === "store" ? occupant.store : occupant.occupant;
+			if (typeof held?.dispose === "function") held.dispose();
+		}
+		//#endregion
+		//#region \0dsh-plugin-shop-css:5f753521
+		const css = "/* Shop styles — the shop's own page with its market shelf, and the shop's two\n * buttons on dsh's Plugins page. Every variable read here is a dsh theme\n * alias token (`--dsw-alias-*`), one of the shop's own properties declared in\n * this file (`--shop-*`, `--category-hue`, `--switch-hue`, `--track-hue`), or\n * one of two dsh variables outside the alias set, each read where the shop\n * copies dsh: `--dsh-frame-top-clearance`, so the page head clears the\n * desktop frame as dsh's own pages do, and `--dsw-radius-sm`, because the\n * Plugins page buttons copy dsh's Button (0.1.5-rc.3 lacks that token, and\n * has no Plugins page to draw them on). `state-error` and\n * `state-success` do not exist, so the state-*-primary set stands in for\n * them (measured 2026-10-17 on dsh 0.1.5-rc.3, 0.1.7-rc.2 and 0.2.0-rc.2,\n * which do define `bg-layer-3` and `interactive-bg-hover`, once listed here\n * as missing). 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.sa85938_client.s94d4e5_config.s91da2e_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.sa85938_client.sbb5706_spec.s91da2e_ts` pins this. */\n\n.s6a01b8_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The two reds every red text in this tab is painted with. dsh's error red\n   * is #ec1313 in the light theme, which measures 4.498:1 as text on white —\n   * a miss of two thousandths — and 3.57:1 on the badge's own 14% red fill\n   * (4.00:1 in dark). Mixing it toward label-primary fixes both, because\n   * label-primary is the theme's foreground pole: it darkens the red on light\n   * surfaces and lightens it on dark ones. Measured in the live app: 90% of\n   * the red is 5.30:1 on white and 5.29:1 on the dark card, and 80% is\n   * 4.98:1 on the badge's tint, 4.92:1 in dark. Computed: 90% is 6.14:1 on\n   * the dark page itself (#151517, `bg-base`), where the self-update's\n   * failure heading sits (4.69:1 on Settings' #2c2c2e, its ground through\n   * 0.8.7), and 80% is 5.23:1 on the uninstall button's 10% hover fill.\n   * Declared here, on the tab root, because a custom property inherits: one\n   * declaration reaches every red element, and a new one cannot be\n   * forgotten. */\n  --shop-error: color-mix(in srgb, var(--dsw-alias-state-error-primary) 90%, var(--dsw-alias-label-primary));\n  --shop-error-on-tint: color-mix(in srgb, var(--dsw-alias-state-error-primary) 80%, var(--dsw-alias-label-primary));\n  /* The amber and the green, mixed the same way for the same reason. dsh's\n   * warn #f59e0b and success #22c55e are one value in both themes and pass\n   * in the dark one, but as text on white they measure 2.15:1 and 2.28:1.\n   * Each derived colour keeps the largest multiple of ten of its hue that\n   * clears every surface it paints, as the reds do. Computed from the live\n   * tokens over every bg layer in both themes: amber at 60% is 4.95:1 on a\n   * plain surface but 4.44:1 on its own 14% tint, so text on an amber tint\n   * takes 50% (5.66:1); green at 60% is 5.18:1 plain and 4.60:1 on its 14%\n   * tint, so one green serves both. */\n  --shop-warn: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 60%, var(--dsw-alias-label-primary));\n  --shop-warn-on-tint: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 50%, var(--dsw-alias-label-primary));\n  --shop-success: color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary));\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 `.sa16cbe_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.sbc1497_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/* The shop's own page in dsh's main column (design\n * 2026-10-16-shop-sidebar-page §4.2), framed as dsh 0.2.0-rc.2 frames its\n * Plugins page — read from that page's stylesheet: the page is the scroll\n * container, its children one centred column of at most 960px, and the head\n * clears the desktop title bar. One declaration is the shop's own, `color`:\n * dsh's `.s61d354_page` inherits its colour from the shell around it, and the shop's\n * root is not inside dsh's panel stylesheet, so the shop's page states it. */\n.s61d354_page {\n  box-sizing: border-box;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 0 clamp(24px, 4vw, 48px) 48px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s61d354_page > * {\n  width: 100%;\n  max-width: 960px;\n}\n\n.s9331e8_pageHead {\n  box-sizing: border-box;\n  padding-top: calc(28px + var(--dsh-frame-top-clearance, 0px));\n}\n\n.sb4f89f_pageTitle {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n/* Secondary, as dsh's own intro: 5.80:1 on the light theme's white. */\n.s5b1bea_pageIntro {\n  margin: 4px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The two buttons on dsh's Plugins page (design 2026-10-16-shop-sidebar-page\n * §7), drawn as that page draws its own small outline buttons beside them —\n * dsh 0.2.0-rc.2's Button, sm + outline: 28px tall, 12px text on an 18px\n * line, 10px of side padding, the small radius, the neutral stroke. That\n * stroke is 0.5px in dsh and 1px here: every border in this stylesheet is,\n * and Chromium paints 0.5px as 1px at every ratio measured. */\n.s591d55_detailAction {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.s591d55_detailAction:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.s591d55_detailAction:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s352f7a_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.s60f2f5_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.s34d5f5_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s11e315_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.s11e315_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.s227d7c_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.s83025b_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.sdb7845_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.sa61117_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.s11e315_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  .s11e315_skeletonCard span { animation: none; opacity: 0.75; }\n  .s11e315_skeletonCard::after { content: none; }\n}\n\n.s757132_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.s757132_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.s757132_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sbc1497_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s22d15d_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.s76d3c9_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.s390e34_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.s79450a_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.s79450a_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.s79450a_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.sb48cbc_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.sb48cbc_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.sb48cbc_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.sb48cbc_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.s946346_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.s946346_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.s946346_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.s861599_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.sa16cbe_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.sa16cbe_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* Subdued line under the search box when a dictionary intent fired (design\n * 2026-10-08-search-query-expansion §4). One fact, no badge. */\n.seb8329_expansionNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s31a2f0_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(--shop-warn-on-tint);\n  font-size: 12px;\n}\n\n.sab4844_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.s512425_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.s512425_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 `.s512425_categoryButton.s598384_categoryButtonOn` — TWO classes — so it\n * matches `.s512425_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s598384_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: a pressed tab must occupy exactly the\n * same box as an unpressed one, so the bar does not reflow — and with ~9 pills\n * on a wrapping row, one that grows can push the rest onto another line and\n * move the tab out from under the pointer that just clicked it. That is what\n * `font-weight: 600` did (bold metrics are wider than regular), and it is why\n * nothing may be added here that resolves to a length: no padding, no\n * border-width, no font-size, no letter-spacing. `css-tokens.sa85938_client.sbb5706_spec.s91da2e_ts`\n * fails the build on one.\n *\n * Nor a second line. An inset ring once doubled this border, and every control\n * in the stylesheet now draws exactly one 1px line, which is also the thinnest\n * the host paints (Chromium draws 0.5px as 1px). What separates pressed from\n * unpressed is lightness instead of thickness: the border is the hue mixed 30%\n * toward label-primary, the theme's foreground pole, so it clears 3:1 against\n * the bar in both themes for every hue — the raw hue measured 1.86:1 on white\n * for `ui` — and the fill under it is 22% of the hue. The `other` tab is the\n * case this is for: its hue IS the neutral gray this file uses for \"no\n * category\", so on the light theme the hue alone barely separates the two. */\n.s512425_categoryButton.s598384_categoryButtonOn {\n  border-color: color-mix(in srgb, var(--category-hue) 70%, var(--dsw-alias-label-primary));\n  background: color-mix(in srgb, var(--category-hue) 22%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\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, so this mode alone gets an outline. */\n@media (forced-colors: active) {\n  .s512425_categoryButton.s598384_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.s512425_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 `.s512425_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.s7ce437_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: `.s7ce437_incompatibleFilter:hover .s3a8382_switch` outranks `.s1e392e_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.s7ce437_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.s7ce437_incompatibleFilter:hover .s3a8382_switch:not(.s1e392e_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 `.s512425_categoryButton.s598384_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.s7ce437_incompatibleFilter.sd9fa8d_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.s7ce437_incompatibleFilter .s3a8382_switch:not(.s1e392e_switchOn) .s419ba1_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.s7ce437_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s320079_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.s923c82_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  /* The row holds the catalog line, the refresh button and the shelf order's\n   * three pills (design 2026-10-12-shelf-orders §4). Without wrapping, the\n   * last of them overflows the tab at a narrow width. */\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n/* The shelf's order control, at the right end of the stats row. `margin-left:\n * auto` is what puts it there while the line and the refresh button stay\n * left — and it is safe on a wrapping row, unlike a width. */\n.s3edd9f_sortGroup {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.s73feb1_sortLabel {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sad5aba_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 `.s757132_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.s4cca13_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.s4cca13_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.s4cca13_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s4cca13_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sc24c97_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--shop-warn);\n}\n\n.s1aa6bf_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.sa036b0_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  .sa036b0_cards { animation: none; }\n}\n\n.s88b200_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.s853040_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s239c39_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s88b200_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  .s88b200_card { transition: none; }\n  .s88b200_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.sc1c25e_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. `.s512425_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.s88b200_card[data-category='tool'], .s512425_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.s88b200_card[data-category='provider'], .s512425_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.s88b200_card[data-category='ui'], .s512425_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.s88b200_card[data-category='workflow'], .s512425_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.s88b200_card[data-category='integration'], .s512425_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.s88b200_card[data-category='theme'], .s512425_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.s88b200_card[data-category='other'], .s512425_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.s433c76_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.s6bc968_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.s6bc968_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.s704f0d_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.sba9311_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.s9b33f4_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.s9b33f4_cardActions > .sc99cff_gate,\n.s9b33f4_cardActions > .sbd0905_installPanel,\n.s9b33f4_cardActions > .sd562d9_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.s83e5d6_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  /* A release tag prints as tagged, never cut to seven characters (market\n   * borrowings §11), and a tag can run to any length. The cap keeps every\n   * tag of up to fourteen characters whole, prerelease suffix included\n   * (`v0.1.0-alpha.0`): fourteen glyphs plus the letter-spacing above come to\n   * about 14.5ch, so the cap is 15ch, not 14. A longer tag ends in an ellipsis,\n   * and the tooltip carries the whole of it. */\n  max-width: 15ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The octocat marking a source the reader can read on GitHub, beside the\n * card's version. */\n.s93d06c_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s1fe784_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s1fe784_tierBadge[data-tier='verified'] {\n  color: var(--shop-success);\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.s1fe784_tierBadge[data-tier='verified-stale'] {\n  color: var(--shop-warn-on-tint);\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.s1fe784_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/* The §C10 shadowed badge: an installed github entry the catalog refuses\n * shadowed-by-npm. Subdued/secondary rather than a warn tint — nothing is\n * wrong with the install itself; the shelf just cannot show it. */\n.s1fe784_tierBadge[data-tier='shadowed'] {\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/* The §C5 archived badge: a github repository the owner has frozen.\n * Subdued register, same as shadowed — nothing is wrong with the install;\n * the pinned commit still serves, so the mark is informational only. */\n.s1fe784_tierBadge[data-tier='archived'] {\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.s2f456e_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  /* On the tint, not on the plain surface: this text reads on its own 14% red\n   * fill, where the 90% red would measure 4.21:1 (light) and 4.43:1 (dark). */\n  color: var(--shop-error-on-tint);\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.sc6c968_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s287fda_chevron, .s20b60f_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s20b60f_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s287fda_chevron, .s20b60f_chevronOpen { transition: none; }\n}\n\n.s87fcee_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sf5d0d8_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.sa0923f_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.s20eea8_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sb53b34_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.sc2cc78_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n/* Block layout rather than flex: Firefox 153 will not line-clamp a container\n * that holds a display:flex child (Chromium 151 does), and the fold's\n * measured goal — \"the whole red block, remedy included, as one unit\" —\n * needs the container to clamp in BOTH engines the shop targets. The 4px\n * rhythm between the lead-in and the command is kept by the margins of the\n * children. */\n.sc7602c_remedy {\n  display: block;\n}\n\n.sc7602c_remedy > * + * { margin-top: 4px; }\n\n/* The fold under a card's whole red block: two lines by default, a small\n * Refresh-pill-shaped toggle under it. Two containers, one rhythm: the shelf\n * uses `.s895dae_foldBlock` collapsed and `.s6b136d_foldBlockExpanded` open, and they share\n * one `display: block` (Firefox clamps no flex child inside a -webkit-box).\n * The clamp is on the BLOCK rather than any one line, so a 43-line remedy\n * counts as a unit instead of squashing the harness-peers line to a sliver\n * and hiding the command the reader actually came for. Both containers\n * still render the full block to a screen reader — `white-space: normal`\n * instead of pre-line keeps the copy's own `\\n` visible without forcing the\n * browser to lay the block's pieces like a text node. */\n.s895dae_foldBlock {\n  display: block;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.s6b136d_foldBlockExpanded { display: block; }\n\n/* The toggle. Geometry and quiet voice are the Refresh pill's\n * (`catalogStatsRow` right beside it on the same screen): one 1px border,\n * 11px text, secondary label, no fill. It is the only one of its kind here,\n * so a class of its own means one function of its own. */\n.s8c3792_foldToggle {\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.s8c3792_foldToggle:hover { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2)); }\n.s8c3792_foldToggle:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }\n\n.s935bd9_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.se75f45_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 * refused label, the command that clears dsh's refusal included. Block,\n * rather than flex: Firefox will not line-clamp a -webkit-box that holds a\n * display:flex child, and the fold this element can sit inside of carries\n * that clamp. The 6px rhythm between the block's lines is carried by the\n * children's margins. */\n.se69fd7_refusal {\n  display: block;\n  flex-basis: 100%;\n}\n\n.se69fd7_refusal > * + * { margin-top: 6px; }\n\n.sb2edea_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.sa5c8b2_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sb95e1e_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.sb95e1e_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.s1f4436_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.sf6f153_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.sbfe178_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.sbfe178_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sbfe178_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.sbfe178_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.sbfe178_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.sbfe178_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 * `.s9b33f4_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.s92d907_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: `.s92d907_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 *\n * `.s6119f4_shelfDate` shares this rule because it is the same kind of fact — a\n * fixed-width figure a reader compares down the shelf (design\n * 2026-10-12-shelf-orders §4) — and two copies of these declarations would\n * drift. */\n.s5889e2_size,\n.s6119f4_shelfDate {\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 `.s92d907_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 `.s92d907_cardMeta`. There is no middot:\n * `.s92d907_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.s5efcbe_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sdd3957_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(--shop-warn-on-tint);\n}\n\n/* Install flow. */\n.sbd0905_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n/* ONE geometry for everything that occupies the install button's place: the\n * button itself, the confirm/cancel pair beside the restart gate, the installed\n * label, and the refused label. Stated once because a refused label HAS to look\n * like the button it replaces apart from its colour and its text, and four\n * copies of the same five declarations is how they stop looking alike.\n * `cursor: pointer` is NOT here: only the controls that can be pressed take it,\n * while a label renders with the default cursor. */\n.se20cee_installButton,\n.sdf88f9_confirmButton,\n.s330a03_cancelButton,\n.sad029f_installedLabel,\n.s7b7f2d_refusedLabel {\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}\n\n.se20cee_installButton, .sdf88f9_confirmButton, .s330a03_cancelButton {\n  cursor: pointer;\n}\n\n.se20cee_installButton {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n/* Between the click and the host's answer. The flow ignores a repeat start for\n * the same identity, so this is the visible half of the same fact: a control\n * that says \"not now\" rather than one that looks ready to send a second\n * install. Only the button can be in this state — a label is never pressed. */\n.se20cee_installButton:disabled {\n  cursor: wait;\n}\n\n.se20cee_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sdf88f9_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.sdf88f9_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s330a03_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.s330a03_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.se20cee_installButton:focus-visible, .sdf88f9_confirmButton:focus-visible, .s330a03_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.sad029f_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/* The refused Install/Update button's replacement: the same box as the button\n * (the geometry rule above), filled solid red, not pressable. The fill is the\n * derived red rather than the raw token because text sits on it — bg-base on\n * `--shop-error` measures 5.31:1 light and 6.14:1 dark — and the raw error red\n * under bg-base text measures 4.498:1, the miss this whole family of fixes\n * exists for. Nothing here changes on hover: it is a statement, not a control,\n * so it keeps the default cursor and its colours. */\n.s7b7f2d_refusedLabel {\n  border-color: var(--shop-error);\n  background: var(--shop-error);\n  color: var(--dsw-alias-bg-base);\n  white-space: nowrap;\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.sd562d9_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.s1ef16e_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  /* The on-tint red: hovering this button paints a 10% red fill under the\n   * word, where the plain red measures 4.50:1 (light) — the same two\n   * thousandths short of the floor the raw token shipped at. */\n  color: var(--shop-error-on-tint);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s1ef16e_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.s1ef16e_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.s912ec7_restartSelfButton {\n  /* The version row's third state. Geometry matches .sb48cbc_checkUpdateButton and\n   * .s79450a_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.s912ec7_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.sa5d8c1_restartButton,\n.se5bd2c_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.sa5d8c1_restartButton:hover,\n.se5bd2c_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.sa5d8c1_restartButton:focus-visible,\n.se5bd2c_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 * `.sd562d9_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.s76690e_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.sc99cff_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.s58fe9b_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--shop-warn-on-tint);\n}\n\n.sd510f5_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s943dbd_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n.sb2e35c_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s407016_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s56c1a5_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.s3d7aca_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s3e1ea0_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--shop-success);\n}\n\n.s71965d_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.s41bb43_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s3b880d_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.s465924_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.sfccf6f_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s403f9e_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.sd9cb61_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.s7b2d89_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s7b2d89_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.sc33878_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 .sba9311_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/* The §C10 shadowed section. Reuses the outdated list's visual language; only\n * the section spacing and the per-row explanation paragraph are its own. */\n.sa88998_shadowedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s98799e_shadowedDetail {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.saaf7ce_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] overflowed the Settings dialog the shop\n   * sat in through 0.8.7, and the page's column narrows with the window. */\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: `.s7ce437_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 `.s3a8382_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.s3a8382_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.s1e392e_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.s419ba1_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.s1e392e_switchOn .s419ba1_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.s3a8382_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  .s3a8382_switch, .s419ba1_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.saa9c93_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.saaf7ce_outdatedActions`: `.s76690e_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.sd562d9_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=\"5f753521\"]")) {
+			const tag = document.createElement("style");
+			tag.dataset.pluginCss = "5f753521";
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var _dsh_plugin_shop_css_5f753521_default = {
+			"client": "sa85938_client",
+			"config": "s94d4e5_config",
+			"ts": "s91da2e_ts",
+			"spec": "sbb5706_spec",
+			"panel": "s6a01b8_panel",
+			"searchInput": "sa16cbe_searchInput",
+			"toolbar": "sbc1497_toolbar",
+			"page": "s61d354_page",
+			"pageHead": "s9331e8_pageHead",
+			"pageTitle": "sb4f89f_pageTitle",
+			"pageIntro": "s5b1bea_pageIntro",
+			"detailAction": "s591d55_detailAction",
+			"stateLine": "s352f7a_stateLine",
+			"srOnly": "s60f2f5_srOnly",
+			"skeletonGrid": "s34d5f5_skeletonGrid",
+			"skeletonCard": "s11e315_skeletonCard",
+			"skeletonName": "s227d7c_skeletonName",
+			"skeletonSummary": "s83025b_skeletonSummary",
+			"skeletonSummaryShort": "sdb7845_skeletonSummaryShort",
+			"skeletonActions": "sa61117_skeletonActions",
+			"actionButton": "s757132_actionButton",
+			"toolbarRight": "s22d15d_toolbarRight",
+			"versionBlock": "s76d3c9_versionBlock",
+			"versionText": "s390e34_versionText",
+			"updateSelfButton": "s79450a_updateSelfButton",
+			"checkUpdateButton": "sb48cbc_checkUpdateButton",
+			"githubLink": "s946346_githubLink",
+			"selfUpdatePanel": "s861599_selfUpdatePanel",
+			"expansionNote": "seb8329_expansionNote",
+			"staleBadge": "s31a2f0_staleBadge",
+			"categoryBar": "sab4844_categoryBar",
+			"categoryButton": "s512425_categoryButton",
+			"categoryButtonOn": "s598384_categoryButtonOn",
+			"incompatibleFilter": "s7ce437_incompatibleFilter",
+			"switch": "s3a8382_switch",
+			"switchOn": "s1e392e_switchOn",
+			"incompatibleFilterOn": "sd9fa8d_incompatibleFilterOn",
+			"switchKnob": "s419ba1_switchKnob",
+			"updatableHeading": "s320079_updatableHeading",
+			"catalogStatsRow": "s923c82_catalogStatsRow",
+			"sortGroup": "s3edd9f_sortGroup",
+			"sortLabel": "s73feb1_sortLabel",
+			"catalogStats": "sad5aba_catalogStats",
+			"catalogRefreshButton": "s4cca13_catalogRefreshButton",
+			"catalogRefreshFailed": "sc24c97_catalogRefreshFailed",
+			"emptyLine": "s1aa6bf_emptyLine",
+			"cards": "sa036b0_cards",
+			"card": "s88b200_card",
+			"cardsSentry": "s853040_cardsSentry",
+			"showingLine": "s239c39_showingLine",
+			"cardSpine": "sc1c25e_cardSpine",
+			"categoryBadge": "s433c76_categoryBadge",
+			"entryHeader": "s6bc968_entryHeader",
+			"name": "s704f0d_name",
+			"badges": "sba9311_badges",
+			"cardActions": "s9b33f4_cardActions",
+			"gate": "sc99cff_gate",
+			"installPanel": "sbd0905_installPanel",
+			"installedActions": "sd562d9_installedActions",
+			"cardVersion": "s83e5d6_cardVersion",
+			"sourceBadge": "s93d06c_sourceBadge",
+			"tierBadge": "s1fe784_tierBadge",
+			"incompatibleBadge": "s2f456e_incompatibleBadge",
+			"starsBadge": "sc6c968_starsBadge",
+			"chevron": "s287fda_chevron",
+			"chevronOpen": "s20b60f_chevronOpen",
+			"body": "s87fcee_body",
+			"summary": "sf5d0d8_summary",
+			"summaryZh": "sa0923f_summaryZh",
+			"summaryExpanded": "s20eea8_summaryExpanded",
+			"summaryZhExpanded": "sb53b34_summaryZhExpanded",
+			"incompatibleDetail": "sc2cc78_incompatibleDetail",
+			"remedy": "sc7602c_remedy",
+			"foldBlock": "s895dae_foldBlock",
+			"foldBlockExpanded": "s6b136d_foldBlockExpanded",
+			"foldToggle": "s8c3792_foldToggle",
+			"remedyLead": "s935bd9_remedyLead",
+			"allowCommand": "se75f45_allowCommand",
+			"refusal": "se69fd7_refusal",
+			"capabilitiesBlock": "sb2edea_capabilitiesBlock",
+			"capabilitiesNote": "sa5c8b2_capabilitiesNote",
+			"capabilities": "sb95e1e_capabilities",
+			"detail": "s1f4436_detail",
+			"detailRows": "sf6f153_detailRows",
+			"detailRow": "sbfe178_detailRow",
+			"cardMeta": "s92d907_cardMeta",
+			"shelfDate": "s6119f4_shelfDate",
+			"size": "s5889e2_size",
+			"author": "s5efcbe_author",
+			"reviewedLine": "sdd3957_reviewedLine",
+			"installButton": "se20cee_installButton",
+			"confirmButton": "sdf88f9_confirmButton",
+			"cancelButton": "s330a03_cancelButton",
+			"installedLabel": "sad029f_installedLabel",
+			"refusedLabel": "s7b7f2d_refusedLabel",
+			"uninstallButton": "s1ef16e_uninstallButton",
+			"restartSelfButton": "s912ec7_restartSelfButton",
+			"restartButton": "sa5d8c1_restartButton",
+			"reloadButton": "se5bd2c_reloadButton",
+			"reloadPanel": "s76690e_reloadPanel",
+			"gateTitle": "s58fe9b_gateTitle",
+			"gateBody": "sd510f5_gateBody",
+			"gateWarning": "s943dbd_gateWarning",
+			"gateActions": "sb2e35c_gateActions",
+			"installing": "s407016_installing",
+			"log": "s56c1a5_log",
+			"logLine": "s3d7aca_logLine",
+			"notice": "s3e1ea0_notice",
+			"failedHeading": "s71965d_failedHeading",
+			"failedDetail": "s41bb43_failedDetail",
+			"rejectedCode": "s3b880d_rejectedCode",
+			"rejectedDetail": "s465924_rejectedDetail",
+			"outdatedSection": "sfccf6f_outdatedSection",
+			"outdatedList": "s403f9e_outdatedList",
+			"outdatedRow": "sd9cb61_outdatedRow",
+			"outdatedInfo": "s7b2d89_outdatedInfo",
+			"outdatedVersions": "sc33878_outdatedVersions",
+			"shadowedSection": "sa88998_shadowedSection",
+			"shadowedDetail": "s98799e_shadowedDetail",
+			"outdatedActions": "saaf7ce_outdatedActions",
+			"switchWrap": "saa9c93_switchWrap"
+		};
+		//#endregion
+		//#region src/client/ShopDetailAction.tsx
+		/**
+		* The shop's two buttons on dsh's Plugins page (design
+		* 2026-10-16-shop-sidebar-page §7), in the head of a detail page, before the
+		* page's own switch and uninstall (`plugins.detail.actions`, dsh 0.1.7-rc.2
+		* and later): "Open Plugin shop" on the shop's own bundle page, and "View in
+		* Plugin shop" on the page of any bundle the shelf lists. Any other subject
+		* renders nothing, as the slot's contract asks of an entry.
+		*
+		* It renders inside dsh's page, so it carries its own error boundary: a
+		* throw here costs the reader a button, never dsh's page.
+		*/
+		/** The shop's own package, whose bundle page gets "Open Plugin shop". */
+		const OWN_PACKAGE = "dsh-plugin-shop";
+		function ShopDetailAction(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailActionBoundary, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailActionBody, { ...props }) });
+		}
+		/** Renders nothing once a child throws: a lost button, never a lost page. A
+		* class, because React offers error boundaries in no other form. */
+		var DetailActionBoundary = class extends react.Component {
+			state = { failed: false };
+			static getDerivedStateFromError() {
+				return { failed: true };
+			}
+			componentDidCatch(error, info) {
+				console.error("dsh-plugin-shop: the Plugins page button crashed", error, info.componentStack);
+			}
+			render() {
+				return this.state.failed ? null : this.props.children;
+			}
+		};
+		function DetailActionBody({ subject, t, listing, canOpen, openShop, page }) {
+			const name = subject.kind === "bundle" ? subject.pkg.name : null;
+			const own = name === OWN_PACKAGE;
+			const [listed, setListed] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (name === null || own) return;
+				let cancelled = false;
+				listing().then((result) => {
+					if (cancelled) return;
+					const cleared = new Set(result.notAShop ?? []);
+					setListed({
+						name,
+						keys: result.plugins.filter((entry) => entry.name === name && listedOnShelf(entry, cleared)).map(entryKey)
+					});
+				}).catch(() => {});
+				return () => {
+					cancelled = true;
+				};
+			}, [
+				name,
+				own,
+				listing
+			]);
+			if (name === null || !canOpen()) return null;
+			if (own) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: _dsh_plugin_shop_css_5f753521_default.detailAction,
+				"data-shop-open-shop": true,
+				onClick: openShop,
+				children: t("openShop")
+			});
+			if (listed === null || listed.name !== name || listed.keys.length === 0) return null;
+			const only = listed.keys.length === 1 ? listed.keys[0] ?? null : null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: _dsh_plugin_shop_css_5f753521_default.detailAction,
+				"data-shop-view-in-shop": true,
+				onClick: () => {
+					page.focus(name, only);
+					openShop();
+				},
+				children: t("viewInShop")
+			});
+		}
+		//#endregion
+		//#region src/client/ShopGlyph.tsx
+		function ShopGlyph({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				"data-shop-glyph": true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.7 5.5H11.3Q12.5 5.5 12.632 6.693L13.368 13.307Q13.5 14.5 12.3 14.5H3.7Q2.5 14.5 2.632 13.307L3.368 6.693Q3.5 5.5 4.7 5.5Z" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.75 5.5V4.25a2.25 2.25 0 0 1 4.5 0V5.5" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 12.75V11.25" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 11.25C7.4 10.2 6.6 9.8 5.75 9.75" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 11.25C8.6 10.2 9.4 9.8 10.25 9.75" })
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/useFlows.ts
 		/**
-		* One keyed registry of install-shaped flows: start, poll to terminal, reset.
+		* React's view of a keyed registry of install-shaped flows (flow-registry.ts):
+		* start, poll to terminal, reset.
 		*
 		* Install and uninstall are the same machine. Both fold a
 		* `ShopInstallStatusResult` through `reduceInstall` into an `InstallView`,
@@ -7838,108 +8650,33 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* install refusal is a `rejected` view carrying the gate's code; an uninstall
 		* refusal is a `failed` view carrying the host's published detail, because
 		* `ShopUninstallResult`'s failure variant has no code to populate and those
-		* codes belong to the install gate. That difference is the `begin` parameter,
-		* and it is the whole of it.
+		* codes belong to the install gate. That difference is the registry's
+		* `begin`, and it is the whole of it.
 		*
 		* The two used to be hand-synced copies — 71 of 84 lines identical. The cost
 		* was not theoretical: a single review round had to make the same edit twice
 		* (the settle signature, and its call), and the `pending` set below was added
 		* to one of them and not the other before this module existed.
+		*
+		* Since 2026-10-16 the registry is its own module, framework-free, and the
+		* polling belongs to it: a component's effect stopped the moment the shop left
+		* the screen (design 2026-10-16-shop-sidebar-page §5). This module only
+		* renders one, through `useRegistryFlows`.
 		*/
 		/** Shared empty set, so an idle registry hands out one stable identity. */
 		const NO_PENDING = /* @__PURE__ */ new Set();
-		/** Shared idle view, so every key WITHOUT a flow yields one object rather
-		* than a fresh literal per call. That is what lets `flowFor` below answer
-		* "did this key change?" by identity. */
-		const IDLE_VIEW = { kind: "idle" };
-		/**
-		* @param begin the starting RPC and its answer, mapped to the first view.
-		*   Never rejects: a transport throw is the caller's to fold into a view,
-		*   because only the caller knows which localized line stands in for a detail
-		*   too private to render.
-		* @param onSettled called once per identity that reaches a terminal state,
-		*   with WHICH terminal state. The outcome is load-bearing: a failed flow
-		*   changed nothing on the server, so a caller acting on "settled" alone
-		*   discards outcomes that are still true.
-		*/
-		function useKeyedFlows(begin, installStatus, onSettled) {
-			const [views, setViews] = (0, react.useState)(() => /* @__PURE__ */ new Map());
-			const [starting, setStarting] = (0, react.useState)(() => /* @__PURE__ */ new Set());
-			const inFlight = (0, react.useRef)(/* @__PURE__ */ new Set());
-			const settled = (0, react.useRef)(onSettled);
-			settled.current = onSettled;
-			const put = (0, react.useCallback)((key, view) => {
-				setViews((current) => {
-					const next = new Map(current);
-					next.set(key, view);
-					return next;
-				});
-			}, []);
-			const apply = (0, react.useCallback)((key, event) => {
-				setViews((current) => {
-					const before = current.get(key) ?? { kind: "idle" };
-					const after = reduceInstall(before, event);
-					if (after === before) return current;
-					const next = new Map(current);
-					next.set(key, after);
-					return next;
-				});
-			}, []);
-			const start = (0, react.useCallback)(async (key, args) => {
-				if (inFlight.current.has(key)) return;
-				inFlight.current.add(key);
-				setStarting((current) => new Set(current).add(key));
-				try {
-					put(key, { kind: "idle" });
-					put(key, await begin(args));
-				} finally {
-					inFlight.current.delete(key);
-					setStarting((current) => {
-						if (!current.has(key)) return current;
-						const next = new Set(current);
-						next.delete(key);
-						return next;
-					});
-				}
-			}, [begin, put]);
+		/** The keyed-flow face over any registry: one of the page store's, which
+		* outlives the component, or one of the store a tab builds for itself when
+		* none is handed over (ShopTab). */
+		function useRegistryFlows(registry) {
+			const { views, starting } = (0, react.useSyncExternalStore)(registry.subscribe, registry.getSnapshot);
+			const start = (0, react.useCallback)((key, args) => registry.start(key, args), [registry]);
 			const reset = (0, react.useCallback)((key) => {
-				setViews((current) => {
-					if (!current.has(key)) return current;
-					const next = new Map(current);
-					next.delete(key);
-					return next;
-				});
-			}, []);
+				registry.reset(key);
+			}, [registry]);
 			const resetWhere = (0, react.useCallback)((predicate) => {
-				setViews((current) => {
-					let next = null;
-					for (const [key, view] of current) {
-						if (!predicate(view)) continue;
-						next ??= new Map(current);
-						next.delete(key);
-					}
-					return next ?? current;
-				});
-			}, []);
-			(0, react.useEffect)(() => {
-				const running = [];
-				for (const [key, view] of views) if (view.kind === "running") running.push([key, view.installId]);
-				if (running.length === 0) return;
-				const timer = setInterval(() => {
-					for (const [key, installId] of running) installStatus({ installId }).then((status) => {
-						apply(key, {
-							type: "status",
-							status
-						});
-						if (status.found && isTerminalInstallState(status.state)) settled.current?.(key, status.state);
-					}, () => {});
-				}, INSTALL_POLL_MS);
-				return () => clearInterval(timer);
-			}, [
-				views,
-				installStatus,
-				apply
-			]);
+				registry.resetWhere(predicate);
+			}, [registry]);
 			const pendingRef = (0, react.useRef)(NO_PENDING);
 			const pending = (0, react.useMemo)(() => {
 				const next = /* @__PURE__ */ new Set();
@@ -7981,154 +8718,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					start,
 					reset
 				]),
-				resetFlow: reset,
 				resetWhere,
 				pending
 			};
 		}
 		//#endregion
-		//#region src/client/useInstall.ts
-		/** Install driving hooks: the shared poll loop, and the tab's keyed registry. */
-		/** The single-view poll loop: while the view is `running`, poll once per
-		* second and fold each status through the reducer. A poll failure is
-		* transient — the host retains the record, so the next tick finds it. The
-		* rejection handler must be present: an unhandled rejection here would
-		* escape the poll loop.
-		*
-		* Kept for the self-update (`useUpdateSelf`), which drives ONE flow with no
-		* identity to key it by. Everything per-plugin goes through `useKeyedFlows`,
-		* whose own loop polls every running identity from one interval. */
-		function usePollStatus(view, setView, installStatus) {
-			(0, react.useEffect)(() => {
-				if (view.kind !== "running") return;
-				const timer = setInterval(() => {
-					installStatus({ installId: view.installId }).then((status) => {
-						setView((current) => reduceInstall(current, {
-							type: "status",
-							status
-						}));
-					}, () => {});
-				}, INSTALL_POLL_MS);
-				return () => clearInterval(timer);
-			}, [
-				view,
-				setView,
-				installStatus
-			]);
-		}
-		/**
-		* Install flows owned by the tab and keyed by install identity. Keeping the
-		* state above individual cards preserves a running operation when filtering
-		* unmounts its card, and makes the shelf and Outdated panels agree.
-		*
-		* The registry itself is `useKeyedFlows`; this supplies the one thing that is
-		* install-specific — what the starting RPC's answer means.
-		*/
-		function useInstallFlows(install, installStatus, onSettled) {
-			return useKeyedFlows((0, react.useCallback)(async (args) => {
-				try {
-					const result = await install(args);
-					if (!result.ok) return {
-						kind: "rejected",
-						code: result.code,
-						detail: result.detail
-					};
-					return {
-						kind: "running",
-						installId: result.installId,
-						log: [],
-						phase: phaseOf(result.state)
-					};
-				} catch {
-					return {
-						kind: "failed",
-						detail: "",
-						log: []
-					};
-				}
-			}, [install]), installStatus, onSettled);
-		}
-		//#endregion
-		//#region src/client/useUninstall.ts
-		/** Uninstall driving hook: the tab's keyed registry, one start mapping. */
-		/**
-		* Uninstall flows owned by the tab and keyed by install identity. Lifting the
-		* state above individual cards is what lets a completed uninstall's outcome
-		* survive the installed-projection refresh that follows it — the row backing
-		* the card disappears, but the flow keyed by identity does not.
-		*
-		* The registry itself is `useKeyedFlows`; this supplies the one thing that is
-		* uninstall-specific — what the starting RPC's answer means. An uninstall
-		* business failure (not in the catalog / not installed) lands in the `failed`
-		* view with the host's published detail, never in the install `rejected`
-		* codes: those belong to the install gate, and `ShopUninstallResult`'s
-		* failure variant has no `code` field to populate.
-		*/
-		function useUninstallFlows(uninstall, installStatus, onSettled) {
-			return useKeyedFlows((0, react.useCallback)(async (args) => {
-				try {
-					const result = await uninstall(args);
-					if (!result.ok) return {
-						kind: "failed",
-						detail: result.detail,
-						log: []
-					};
-					return {
-						kind: "running",
-						installId: result.installId,
-						log: [],
-						phase: "installing"
-					};
-				} catch {
-					return {
-						kind: "failed",
-						detail: "",
-						log: []
-					};
-				}
-			}, [uninstall]), installStatus, onSettled);
-		}
-		//#endregion
 		//#region src/client/useUpdateSelf.ts
-		/** Self-update driving hook for the shop itself: start, poll to terminal.
-		* Shares the install view machine and poll loop; the start mapping is the
-		* uninstall one — a business refusal (a non-semver version) lands in the
-		* `failed` view with the host's detail, never in the install `rejected`
-		* codes. */
-		/** Drive one self-update: the host's business union, the shared polling
-		* loop, and terminal states. The `rejected` install state never occurs. */
-		function useUpdateSelf(updateStart, installStatus) {
-			const [view, setView] = (0, react.useState)({ kind: "idle" });
-			const start = (0, react.useCallback)(async (args) => {
-				setView({ kind: "idle" });
-				try {
-					const result = await updateStart(args);
-					if (!result.ok) {
-						setView({
-							kind: "failed",
-							detail: result.detail,
-							log: []
-						});
-						return;
-					}
-					setView({
-						kind: "running",
-						installId: result.installId,
-						log: [],
-						phase: phaseOf(result.state)
-					});
-				} catch {
-					setView({
-						kind: "failed",
-						detail: "",
-						log: []
-					});
-				}
-			}, [updateStart]);
-			const resetWhere = (0, react.useCallback)((predicate) => {
-				setView((current) => predicate(current) ? { kind: "idle" } : current);
-			}, []);
-			usePollStatus(view, setView, installStatus);
+		/** The one key the self-update registry holds: the shop has one update. */
+		const SELF_UPDATE_KEY = "self";
+		/** The self-update face over a registry: the keyed-flow face
+		* (`useRegistryFlows`) at its one key, so the subscription and the flow's
+		* identity are that hook's and nothing here can drift from it. */
+		function useRegistrySelf(registry) {
+			const { flowFor, resetWhere } = useRegistryFlows(registry);
+			const { view, start } = flowFor(SELF_UPDATE_KEY);
 			return {
 				view,
 				start,
@@ -9312,148 +9915,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			};
 		}
 		//#endregion
-		//#region \0dsh-plugin-shop-css:c4b688e1
-		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.s3ce4ec_client.s2bd96f_config.s26cef9_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.s3ce4ec_client.sfb0a9a_spec.s26cef9_ts` pins this. */\n\n.s8d78da_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The two reds every red text in this tab is painted with. dsh's error red\n   * is #ec1313 in the light theme, which measures 4.498:1 as text on white —\n   * a miss of two thousandths — and 3.57:1 on the badge's own 14% red fill\n   * (4.00:1 in dark). Mixing it toward label-primary fixes both, because\n   * label-primary is the theme's foreground pole: it darkens the red on light\n   * surfaces and lightens it on dark ones. Measured in the live app: 90% of\n   * the red is 5.30:1 on white and 5.29:1 on the dark card, and 80% is\n   * 4.98:1 on the badge's tint, 4.92:1 in dark. Computed: 90% is 4.69:1 on\n   * the dark panel itself (#2c2c2e), where the self-update's failure heading\n   * sits, and 80% is 5.23:1 on the uninstall button's 10% hover fill.\n   * Declared here, on the tab root, because a custom property inherits: one\n   * declaration reaches every red element, and a new one cannot be\n   * forgotten. */\n  --shop-error: color-mix(in srgb, var(--dsw-alias-state-error-primary) 90%, var(--dsw-alias-label-primary));\n  --shop-error-on-tint: color-mix(in srgb, var(--dsw-alias-state-error-primary) 80%, var(--dsw-alias-label-primary));\n  /* The amber and the green, mixed the same way for the same reason. dsh's\n   * warn #f59e0b and success #22c55e are one value in both themes and pass\n   * in the dark one, but as text on white they measure 2.15:1 and 2.28:1.\n   * Each derived colour keeps the largest multiple of ten of its hue that\n   * clears every surface it paints, as the reds do. Computed from the live\n   * tokens over every bg layer in both themes: amber at 60% is 4.95:1 on a\n   * plain surface but 4.44:1 on its own 14% tint, so text on an amber tint\n   * takes 50% (5.66:1); green at 60% is 5.18:1 plain and 4.60:1 on its 14%\n   * tint, so one green serves both. */\n  --shop-warn: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 60%, var(--dsw-alias-label-primary));\n  --shop-warn-on-tint: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 50%, var(--dsw-alias-label-primary));\n  --shop-success: color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary));\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 `.se2e462_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.s8c0536_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/* The shop's Settings page (design §5.1, amended 2026-10-15): the frame dsh's\n * Built-in plugins page draws around its body, where the shop sat as a tab,\n * measured from dsh 0.2.0-rc.2 — a 760px column, 12px gaps, an 18px semibold\n * title and a 13px intro line. The intro takes label-secondary, not the\n * label-tertiary dsh's own intro lines use: tertiary measures 3.71:1 on the\n * light theme's white, secondary 5.80:1. */\n.s2318c0_section {\n  max-width: 760px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sf8f08d_sectionTitle {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n}\n\n.s73f38e_sectionIntro {\n  margin: 0;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa2fe9b_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.s3d84d8_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.s23fd5f_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.se54361_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.se54361_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.sf859c5_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.sb926ac_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.s2196b0_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.s9cc9e0_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.se54361_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  .se54361_skeletonCard span { animation: none; opacity: 0.75; }\n  .se54361_skeletonCard::after { content: none; }\n}\n\n.s67a61e_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.s67a61e_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.s67a61e_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s8c0536_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s5d1722_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.s18aa1e_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.s59f33b_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.sab9c34_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.sab9c34_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.sab9c34_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.sbc6d1e_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.sbc6d1e_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.sbc6d1e_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.sbc6d1e_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.s2bb87e_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.s2bb87e_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.s2bb87e_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.s86377e_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.se2e462_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.se2e462_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* Subdued line under the search box when a dictionary intent fired (design\n * 2026-10-08-search-query-expansion §4). One fact, no badge. */\n.sbc236e_expansionNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sbbc122_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(--shop-warn-on-tint);\n  font-size: 12px;\n}\n\n.s127242_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.sc61628_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.sc61628_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 `.sc61628_categoryButton.sd09021_categoryButtonOn` — TWO classes — so it\n * matches `.sc61628_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.sd09021_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: a pressed tab must occupy exactly the\n * same box as an unpressed one, so the bar does not reflow — and with ~9 pills\n * on a wrapping row, one that grows can push the rest onto another line and\n * move the tab out from under the pointer that just clicked it. That is what\n * `font-weight: 600` did (bold metrics are wider than regular), and it is why\n * nothing may be added here that resolves to a length: no padding, no\n * border-width, no font-size, no letter-spacing. `css-tokens.s3ce4ec_client.sfb0a9a_spec.s26cef9_ts`\n * fails the build on one.\n *\n * Nor a second line. An inset ring once doubled this border, and every control\n * in the stylesheet now draws exactly one 1px line, which is also the thinnest\n * the host paints (Chromium draws 0.5px as 1px). What separates pressed from\n * unpressed is lightness instead of thickness: the border is the hue mixed 30%\n * toward label-primary, the theme's foreground pole, so it clears 3:1 against\n * the bar in both themes for every hue — the raw hue measured 1.86:1 on white\n * for `ui` — and the fill under it is 22% of the hue. The `other` tab is the\n * case this is for: its hue IS the neutral gray this file uses for \"no\n * category\", so on the light theme the hue alone barely separates the two. */\n.sc61628_categoryButton.sd09021_categoryButtonOn {\n  border-color: color-mix(in srgb, var(--category-hue) 70%, var(--dsw-alias-label-primary));\n  background: color-mix(in srgb, var(--category-hue) 22%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\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, so this mode alone gets an outline. */\n@media (forced-colors: active) {\n  .sc61628_categoryButton.sd09021_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.sc61628_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 `.sc61628_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.s917a01_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: `.s917a01_incompatibleFilter:hover .se85a58_switch` outranks `.s7b2df9_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.s917a01_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.s917a01_incompatibleFilter:hover .se85a58_switch:not(.s7b2df9_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 `.sc61628_categoryButton.sd09021_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.s917a01_incompatibleFilter.s438aff_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.s917a01_incompatibleFilter .se85a58_switch:not(.s7b2df9_switchOn) .s894f35_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.s917a01_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s6d0e29_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.s81108c_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  /* The row holds the catalog line, the refresh button and the shelf order's\n   * three pills (design 2026-10-12-shelf-orders §4). Without wrapping, the\n   * last of them overflows the tab at a narrow width. */\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n/* The shelf's order control, at the right end of the stats row. `margin-left:\n * auto` is what puts it there while the line and the refresh button stay\n * left — and it is safe on a wrapping row, unlike a width. */\n.s6ca63b_sortGroup {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.sb4b816_sortLabel {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sb4fd92_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 `.s67a61e_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.s8745d6_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.s8745d6_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.s8745d6_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s8745d6_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s8ac1d5_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--shop-warn);\n}\n\n.s5bfb21_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.sa7e6b4_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  .sa7e6b4_cards { animation: none; }\n}\n\n.sc86593_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.s1ecd69_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.sc06acb_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sc86593_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  .sc86593_card { transition: none; }\n  .sc86593_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.s7480b4_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. `.sc61628_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.sc86593_card[data-category='tool'], .sc61628_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.sc86593_card[data-category='provider'], .sc61628_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.sc86593_card[data-category='ui'], .sc61628_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.sc86593_card[data-category='workflow'], .sc61628_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.sc86593_card[data-category='integration'], .sc61628_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.sc86593_card[data-category='theme'], .sc61628_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.sc86593_card[data-category='other'], .sc61628_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.s91e3d3_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.s7c9d85_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.s7c9d85_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.sc94f56_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.s6ae450_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.s3529d3_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.s3529d3_cardActions > .s202471_gate,\n.s3529d3_cardActions > .sd26f3f_installPanel,\n.s3529d3_cardActions > .sff3c46_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.sf1425b_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  /* A release tag prints as tagged, never cut to seven characters (market\n   * borrowings §11), and a tag can run to any length. The cap keeps every\n   * tag of up to fourteen characters whole, prerelease suffix included\n   * (`v0.1.0-alpha.0`): fourteen glyphs plus the letter-spacing above come to\n   * about 14.5ch, so the cap is 15ch, not 14. A longer tag ends in an ellipsis,\n   * and the tooltip carries the whole of it. */\n  max-width: 15ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The octocat marking a source the reader can read on GitHub, beside the\n * card's version. */\n.s8e3025_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s71e1b7_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s71e1b7_tierBadge[data-tier='verified'] {\n  color: var(--shop-success);\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.s71e1b7_tierBadge[data-tier='verified-stale'] {\n  color: var(--shop-warn-on-tint);\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.s71e1b7_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/* The §C10 shadowed badge: an installed github entry the catalog refuses\n * shadowed-by-npm. Subdued/secondary rather than a warn tint — nothing is\n * wrong with the install itself; the shelf just cannot show it. */\n.s71e1b7_tierBadge[data-tier='shadowed'] {\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/* The §C5 archived badge: a github repository the owner has frozen.\n * Subdued register, same as shadowed — nothing is wrong with the install;\n * the pinned commit still serves, so the mark is informational only. */\n.s71e1b7_tierBadge[data-tier='archived'] {\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.s36b613_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  /* On the tint, not on the plain surface: this text reads on its own 14% red\n   * fill, where the 90% red would measure 4.21:1 (light) and 4.43:1 (dark). */\n  color: var(--shop-error-on-tint);\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.s63d9f6_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s1faef8_chevron, .s7a4b1f_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s7a4b1f_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s1faef8_chevron, .s7a4b1f_chevronOpen { transition: none; }\n}\n\n.sc53619_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.s617f51_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.se22e0f_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.s12a8f7_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sf04c34_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.s8f5da6_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n/* Block layout rather than flex: Firefox 153 will not line-clamp a container\n * that holds a display:flex child (Chromium 151 does), and the fold's\n * measured goal — \"the whole red block, remedy included, as one unit\" —\n * needs the container to clamp in BOTH engines the shop targets. The 4px\n * rhythm between the lead-in and the command is kept by the margins of the\n * children. */\n.sb71cf3_remedy {\n  display: block;\n}\n\n.sb71cf3_remedy > * + * { margin-top: 4px; }\n\n/* The fold under a card's whole red block: two lines by default, a small\n * Refresh-pill-shaped toggle under it. Two containers, one rhythm: the shelf\n * uses `.se8b041_foldBlock` collapsed and `.sd5e94d_foldBlockExpanded` open, and they share\n * one `display: block` (Firefox clamps no flex child inside a -webkit-box).\n * The clamp is on the BLOCK rather than any one line, so a 43-line remedy\n * counts as a unit instead of squashing the harness-peers line to a sliver\n * and hiding the command the reader actually came for. Both containers\n * still render the full block to a screen reader — `white-space: normal`\n * instead of pre-line keeps the copy's own `\\n` visible without forcing the\n * browser to lay the block's pieces like a text node. */\n.se8b041_foldBlock {\n  display: block;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.sd5e94d_foldBlockExpanded { display: block; }\n\n/* The toggle. Geometry and quiet voice are the Refresh pill's\n * (`catalogStatsRow` right beside it on the same screen): one 1px border,\n * 11px text, secondary label, no fill. It is the only one of its kind here,\n * so a class of its own means one function of its own. */\n.sd63d48_foldToggle {\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.sd63d48_foldToggle:hover { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2)); }\n.sd63d48_foldToggle:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }\n\n.s9e108c_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.s51d415_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 * refused label, the command that clears dsh's refusal included. Block,\n * rather than flex: Firefox will not line-clamp a -webkit-box that holds a\n * display:flex child, and the fold this element can sit inside of carries\n * that clamp. The 6px rhythm between the block's lines is carried by the\n * children's margins. */\n.sf48b40_refusal {\n  display: block;\n  flex-basis: 100%;\n}\n\n.sf48b40_refusal > * + * { margin-top: 6px; }\n\n.s24b64d_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s1cdba4_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s4bc6d7_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s4bc6d7_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.se00d68_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.seadb7e_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.s80932b_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.s80932b_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s80932b_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.s80932b_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.s80932b_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.s80932b_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 * `.s3529d3_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.s2c7916_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: `.s2c7916_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 *\n * `.sa2b5c4_shelfDate` shares this rule because it is the same kind of fact — a\n * fixed-width figure a reader compares down the shelf (design\n * 2026-10-12-shelf-orders §4) — and two copies of these declarations would\n * drift. */\n.s983d76_size,\n.sa2b5c4_shelfDate {\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 `.s2c7916_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 `.s2c7916_cardMeta`. There is no middot:\n * `.s2c7916_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.s787e2e_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.se111f0_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(--shop-warn-on-tint);\n}\n\n/* Install flow. */\n.sd26f3f_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n/* ONE geometry for everything that occupies the install button's place: the\n * button itself, the confirm/cancel pair beside the restart gate, the installed\n * label, and the refused label. Stated once because a refused label HAS to look\n * like the button it replaces apart from its colour and its text, and four\n * copies of the same five declarations is how they stop looking alike.\n * `cursor: pointer` is NOT here: only the controls that can be pressed take it,\n * while a label renders with the default cursor. */\n.s62735d_installButton,\n.s53e10c_confirmButton,\n.sd2236a_cancelButton,\n.s9eb0bd_installedLabel,\n.s6c656b_refusedLabel {\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}\n\n.s62735d_installButton, .s53e10c_confirmButton, .sd2236a_cancelButton {\n  cursor: pointer;\n}\n\n.s62735d_installButton {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n/* Between the click and the host's answer. The flow ignores a repeat start for\n * the same identity, so this is the visible half of the same fact: a control\n * that says \"not now\" rather than one that looks ready to send a second\n * install. Only the button can be in this state — a label is never pressed. */\n.s62735d_installButton:disabled {\n  cursor: wait;\n}\n\n.s62735d_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s53e10c_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.s53e10c_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sd2236a_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.sd2236a_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s62735d_installButton:focus-visible, .s53e10c_confirmButton:focus-visible, .sd2236a_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.s9eb0bd_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/* The refused Install/Update button's replacement: the same box as the button\n * (the geometry rule above), filled solid red, not pressable. The fill is the\n * derived red rather than the raw token because text sits on it — bg-base on\n * `--shop-error` measures 5.31:1 light and 6.14:1 dark — and the raw error red\n * under bg-base text measures 4.498:1, the miss this whole family of fixes\n * exists for. Nothing here changes on hover: it is a statement, not a control,\n * so it keeps the default cursor and its colours. */\n.s6c656b_refusedLabel {\n  border-color: var(--shop-error);\n  background: var(--shop-error);\n  color: var(--dsw-alias-bg-base);\n  white-space: nowrap;\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.sff3c46_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.sd20046_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  /* The on-tint red: hovering this button paints a 10% red fill under the\n   * word, where the plain red measures 4.50:1 (light) — the same two\n   * thousandths short of the floor the raw token shipped at. */\n  color: var(--shop-error-on-tint);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.sd20046_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.sd20046_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.sac213f_restartSelfButton {\n  /* The version row's third state. Geometry matches .sbc6d1e_checkUpdateButton and\n   * .sab9c34_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.sac213f_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.s34ad1e_restartButton,\n.s234464_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.s34ad1e_restartButton:hover,\n.s234464_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s34ad1e_restartButton:focus-visible,\n.s234464_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 * `.sff3c46_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.s55782e_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.s202471_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.s656d08_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--shop-warn-on-tint);\n}\n\n.s83f089_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s26dca1_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n.sda785e_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.sf3a5fc_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s941e64_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.sc0d45c_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s2ddb67_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--shop-success);\n}\n\n.sff109f_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.sb51cd3_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s7287ac_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.sa26465_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.s438beb_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s6e16fa_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s46b13b_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.sc25007_outdatedInfo {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.sc25007_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.s1b342c_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 .s6ae450_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/* The §C10 shadowed section. Reuses the outdated list's visual language; only\n * the section spacing and the per-row explanation paragraph are its own. */\n.s6eace4_shadowedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s653245_shadowedDetail {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s7d34ef_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: `.s917a01_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 `.se85a58_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.se85a58_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.s7b2df9_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.s894f35_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.s7b2df9_switchOn .s894f35_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.se85a58_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  .se85a58_switch, .s894f35_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.sf25027_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.s7d34ef_outdatedActions`: `.s55782e_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.sff3c46_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=\"c4b688e1\"]")) {
-			const tag = document.createElement("style");
-			tag.dataset.pluginCss = "c4b688e1";
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
-		var _dsh_plugin_shop_css_c4b688e1_default = {
-			"client": "s3ce4ec_client",
-			"config": "s2bd96f_config",
-			"ts": "s26cef9_ts",
-			"spec": "sfb0a9a_spec",
-			"panel": "s8d78da_panel",
-			"searchInput": "se2e462_searchInput",
-			"toolbar": "s8c0536_toolbar",
-			"section": "s2318c0_section",
-			"sectionTitle": "sf8f08d_sectionTitle",
-			"sectionIntro": "s73f38e_sectionIntro",
-			"stateLine": "sa2fe9b_stateLine",
-			"srOnly": "s3d84d8_srOnly",
-			"skeletonGrid": "s23fd5f_skeletonGrid",
-			"skeletonCard": "se54361_skeletonCard",
-			"skeletonName": "sf859c5_skeletonName",
-			"skeletonSummary": "sb926ac_skeletonSummary",
-			"skeletonSummaryShort": "s2196b0_skeletonSummaryShort",
-			"skeletonActions": "s9cc9e0_skeletonActions",
-			"actionButton": "s67a61e_actionButton",
-			"toolbarRight": "s5d1722_toolbarRight",
-			"versionBlock": "s18aa1e_versionBlock",
-			"versionText": "s59f33b_versionText",
-			"updateSelfButton": "sab9c34_updateSelfButton",
-			"checkUpdateButton": "sbc6d1e_checkUpdateButton",
-			"githubLink": "s2bb87e_githubLink",
-			"selfUpdatePanel": "s86377e_selfUpdatePanel",
-			"expansionNote": "sbc236e_expansionNote",
-			"staleBadge": "sbbc122_staleBadge",
-			"categoryBar": "s127242_categoryBar",
-			"categoryButton": "sc61628_categoryButton",
-			"categoryButtonOn": "sd09021_categoryButtonOn",
-			"incompatibleFilter": "s917a01_incompatibleFilter",
-			"switch": "se85a58_switch",
-			"switchOn": "s7b2df9_switchOn",
-			"incompatibleFilterOn": "s438aff_incompatibleFilterOn",
-			"switchKnob": "s894f35_switchKnob",
-			"updatableHeading": "s6d0e29_updatableHeading",
-			"catalogStatsRow": "s81108c_catalogStatsRow",
-			"sortGroup": "s6ca63b_sortGroup",
-			"sortLabel": "sb4b816_sortLabel",
-			"catalogStats": "sb4fd92_catalogStats",
-			"catalogRefreshButton": "s8745d6_catalogRefreshButton",
-			"catalogRefreshFailed": "s8ac1d5_catalogRefreshFailed",
-			"emptyLine": "s5bfb21_emptyLine",
-			"cards": "sa7e6b4_cards",
-			"card": "sc86593_card",
-			"cardsSentry": "s1ecd69_cardsSentry",
-			"showingLine": "sc06acb_showingLine",
-			"cardSpine": "s7480b4_cardSpine",
-			"categoryBadge": "s91e3d3_categoryBadge",
-			"entryHeader": "s7c9d85_entryHeader",
-			"name": "sc94f56_name",
-			"badges": "s6ae450_badges",
-			"cardActions": "s3529d3_cardActions",
-			"gate": "s202471_gate",
-			"installPanel": "sd26f3f_installPanel",
-			"installedActions": "sff3c46_installedActions",
-			"cardVersion": "sf1425b_cardVersion",
-			"sourceBadge": "s8e3025_sourceBadge",
-			"tierBadge": "s71e1b7_tierBadge",
-			"incompatibleBadge": "s36b613_incompatibleBadge",
-			"starsBadge": "s63d9f6_starsBadge",
-			"chevron": "s1faef8_chevron",
-			"chevronOpen": "s7a4b1f_chevronOpen",
-			"body": "sc53619_body",
-			"summary": "s617f51_summary",
-			"summaryZh": "se22e0f_summaryZh",
-			"summaryExpanded": "s12a8f7_summaryExpanded",
-			"summaryZhExpanded": "sf04c34_summaryZhExpanded",
-			"incompatibleDetail": "s8f5da6_incompatibleDetail",
-			"remedy": "sb71cf3_remedy",
-			"foldBlock": "se8b041_foldBlock",
-			"foldBlockExpanded": "sd5e94d_foldBlockExpanded",
-			"foldToggle": "sd63d48_foldToggle",
-			"remedyLead": "s9e108c_remedyLead",
-			"allowCommand": "s51d415_allowCommand",
-			"refusal": "sf48b40_refusal",
-			"capabilitiesBlock": "s24b64d_capabilitiesBlock",
-			"capabilitiesNote": "s1cdba4_capabilitiesNote",
-			"capabilities": "s4bc6d7_capabilities",
-			"detail": "se00d68_detail",
-			"detailRows": "seadb7e_detailRows",
-			"detailRow": "s80932b_detailRow",
-			"cardMeta": "s2c7916_cardMeta",
-			"shelfDate": "sa2b5c4_shelfDate",
-			"size": "s983d76_size",
-			"author": "s787e2e_author",
-			"reviewedLine": "se111f0_reviewedLine",
-			"installButton": "s62735d_installButton",
-			"confirmButton": "s53e10c_confirmButton",
-			"cancelButton": "sd2236a_cancelButton",
-			"installedLabel": "s9eb0bd_installedLabel",
-			"refusedLabel": "s6c656b_refusedLabel",
-			"uninstallButton": "sd20046_uninstallButton",
-			"restartSelfButton": "sac213f_restartSelfButton",
-			"restartButton": "s34ad1e_restartButton",
-			"reloadButton": "s234464_reloadButton",
-			"reloadPanel": "s55782e_reloadPanel",
-			"gateTitle": "s656d08_gateTitle",
-			"gateBody": "s83f089_gateBody",
-			"gateWarning": "s26dca1_gateWarning",
-			"gateActions": "sda785e_gateActions",
-			"installing": "sf3a5fc_installing",
-			"log": "s941e64_log",
-			"logLine": "sc0d45c_logLine",
-			"notice": "s2ddb67_notice",
-			"failedHeading": "sff109f_failedHeading",
-			"failedDetail": "sb51cd3_failedDetail",
-			"rejectedCode": "s7287ac_rejectedCode",
-			"rejectedDetail": "sa26465_rejectedDetail",
-			"outdatedSection": "s438beb_outdatedSection",
-			"outdatedList": "s6e16fa_outdatedList",
-			"outdatedRow": "s46b13b_outdatedRow",
-			"outdatedInfo": "sc25007_outdatedInfo",
-			"outdatedVersions": "s1b342c_outdatedVersions",
-			"shadowedSection": "s6eace4_shadowedSection",
-			"shadowedDetail": "s653245_shadowedDetail",
-			"outdatedActions": "s7d34ef_outdatedActions",
-			"switchWrap": "sf25027_switchWrap"
-		};
-		//#endregion
 		//#region src/client/FoldableRedBlock.tsx
 		function FoldableRedBlock({ children, t, attrName }) {
 			const { rootRef, expandable, expanded, toggle } = useFoldableRedBlock();
 			const kindName = attrName.replace(/^data-shop-/, "");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: expanded ? _dsh_plugin_shop_css_c4b688e1_default.foldBlockExpanded : _dsh_plugin_shop_css_c4b688e1_default.foldBlock,
+				className: expanded ? _dsh_plugin_shop_css_5f753521_default.foldBlockExpanded : _dsh_plugin_shop_css_5f753521_default.foldBlock,
 				[attrName]: true,
 				ref: rootRef,
 				children
 			}), expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_c4b688e1_default.foldToggle,
+				className: _dsh_plugin_shop_css_5f753521_default.foldToggle,
 				"data-shop-fold": kindName,
 				"aria-expanded": expanded,
 				onClick: toggle,
@@ -9475,14 +9948,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_c4b688e1_default.panel} notranslate`;
+		const PANEL_ROOT = `${_dsh_plugin_shop_css_5f753521_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_c4b688e1_default.chevronOpen : _dsh_plugin_shop_css_c4b688e1_default.chevron,
+				className: open ? _dsh_plugin_shop_css_5f753521_default.chevronOpen : _dsh_plugin_shop_css_5f753521_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"
@@ -9495,8 +9968,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* install controls. An installed plugin's card carries its installed row:
 		* current → the non-interactive installed label, behind → the update button;
 		* uninstalled → the install button. */
-		const EntryCard = (0, react.memo)(function EntryCard({ entry, stars, order, shelfDay, installed, missing, harness, nameTakenBy, t, flow, uninstallFlow, restart, restartBlocked, reload, setEnabled, inInstalledView, restarts }) {
-			const [open, setOpen] = (0, react.useState)(false);
+		const EntryCard = (0, react.memo)(function EntryCard({ entry, stars, order, shelfDay, installed, missing, harness, nameTakenBy, t, flow, uninstallFlow, restart, restartBlocked, reload, setEnabled, inInstalledView, page }) {
+			const key = entryKey(entry);
+			const open = (0, react.useSyncExternalStore)(page.subscribeExpanded, () => page.isExpanded(key));
+			const [, rerender] = (0, react.useReducer)((count) => count + 1, 0);
 			const blockers = stateBlockers(blockersOf(missing, harness, nameTakenBy), t);
 			const detailId = (0, react.useId)();
 			const summary = entry.catalog?.summary;
@@ -9514,32 +9989,35 @@ 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_c4b688e1_default.card,
+				className: _dsh_plugin_shop_css_5f753521_default.card,
 				"data-shop-entry": entry.name,
 				"data-category": category,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.cardSpine,
+						className: _dsh_plugin_shop_css_5f753521_default.cardSpine,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_c4b688e1_default.entryHeader,
+						className: _dsh_plugin_shop_css_5f753521_default.entryHeader,
 						"aria-expanded": open,
 						"aria-controls": detailId,
-						onClick: () => setOpen((current) => !current),
+						onClick: () => {
+							page.toggleExpanded(key);
+							rerender();
+						},
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.name,
+							className: _dsh_plugin_shop_css_5f753521_default.name,
 							children: entry.name
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.badges,
+							className: _dsh_plugin_shop_css_5f753521_default.badges,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.categoryBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.categoryBadge,
 									children: t(categoryKey(entry))
 								}),
 								entry.source === "npm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.sourceBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.sourceBadge,
 									"data-shop-source-npm": true,
 									role: "img",
 									"aria-label": t("npmSource"),
@@ -9556,7 +10034,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_c4b688e1_default.sourceBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.sourceBadge,
 									"data-shop-source-github": true,
 									role: "img",
 									"aria-label": t("githubSource"),
@@ -9570,7 +10048,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									})
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.cardVersion,
+									className: _dsh_plugin_shop_css_5f753521_default.cardVersion,
 									"data-card-version": true,
 									role: "img",
 									"aria-label": versionName,
@@ -9578,17 +10056,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									children: version.text
 								}),
 								entry.tier !== "community" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.tierBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.tierBadge,
 									"data-tier": entry.tier,
 									children: t(tierKey(entry.tier))
 								}),
 								entry.archived === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.tierBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.tierBadge,
 									"data-tier": "archived",
 									children: t("archivedBadge")
 								}),
 								stars !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.starsBadge,
+									className: _dsh_plugin_shop_css_5f753521_default.starsBadge,
 									role: "img",
 									"aria-label": t("stars", { count: stars }),
 									children: ["★ ", formatStars(stars)]
@@ -9598,14 +10076,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.body,
+						className: _dsh_plugin_shop_css_5f753521_default.body,
 						children: [
 							summary !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_c4b688e1_default.summary} ${_dsh_plugin_shop_css_c4b688e1_default.summaryExpanded}` : _dsh_plugin_shop_css_c4b688e1_default.summary,
+								className: open ? `${_dsh_plugin_shop_css_5f753521_default.summary} ${_dsh_plugin_shop_css_5f753521_default.summaryExpanded}` : _dsh_plugin_shop_css_5f753521_default.summary,
 								children: summary.en
 							}),
 							summary?.zh !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_c4b688e1_default.summaryZh} ${_dsh_plugin_shop_css_c4b688e1_default.summaryZhExpanded}` : _dsh_plugin_shop_css_c4b688e1_default.summaryZh,
+								className: open ? `${_dsh_plugin_shop_css_5f753521_default.summaryZh} ${_dsh_plugin_shop_css_5f753521_default.summaryZhExpanded}` : _dsh_plugin_shop_css_5f753521_default.summaryZh,
 								children: summary.zh
 							}),
 							blockers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldableRedBlock, {
@@ -9613,28 +10091,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								attrName: "data-shop-remedy",
 								children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 									blocker,
-									className: _dsh_plugin_shop_css_c4b688e1_default.incompatibleDetail,
+									className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.capabilitiesBlock,
+								className: _dsh_plugin_shop_css_5f753521_default.capabilitiesBlock,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.capabilitiesNote,
+									className: _dsh_plugin_shop_css_5f753521_default.capabilitiesNote,
 									children: t("capabilitiesNote")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.capabilities,
+									className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.detail,
+								className: _dsh_plugin_shop_css_5f753521_default.detail,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.detailRows,
+									className: _dsh_plugin_shop_css_5f753521_default.detailRows,
 									children: [
 										npmUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_c4b688e1_default.detailRow,
+											className: _dsh_plugin_shop_css_5f753521_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,
@@ -9644,7 +10122,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_c4b688e1_default.detailRow,
+											className: _dsh_plugin_shop_css_5f753521_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",
@@ -9653,12 +10131,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_c4b688e1_default.detailRow,
+											className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.reviewedLine,
+									className: _dsh_plugin_shop_css_5f753521_default.reviewedLine,
 									children: entry.review.reviewedVersion !== void 0 ? t("reviewedVersionLine", {
 										reviewed: versionLabel("npm", entry.review.reviewedVersion).text,
 										current: version.text
@@ -9671,7 +10149,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_c4b688e1_default.cardActions,
+						className: _dsh_plugin_shop_css_5f753521_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,
@@ -9703,7 +10181,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_c4b688e1_default.installedLabel,
+								className: _dsh_plugin_shop_css_5f753521_default.installedLabel,
 								"data-shop-installed": true,
 								children: t("installed")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerBadge, {
@@ -9712,12 +10190,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							})] }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 								row: installed,
+								surface: "card",
+								page,
 								t,
 								setEnabled,
 								restart,
 								restartBlocked,
-								reload,
-								restarts
+								reload
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
 								name: entry.name,
@@ -9728,15 +10207,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								flow: uninstallFlow
 							})
 						] }), (size !== void 0 || author !== null || shelfDay !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.cardMeta,
+							className: _dsh_plugin_shop_css_5f753521_default.cardMeta,
 							children: [
 								shelfDay !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.shelfDate,
+									className: _dsh_plugin_shop_css_5f753521_default.shelfDate,
 									"data-shop-shelf-date": true,
 									children: t(order === "added" ? "listedOn" : "updatedOn", { date: shelfDay })
 								}),
 								size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.size,
+									className: _dsh_plugin_shop_css_5f753521_default.size,
 									"data-shop-size": true,
 									role: "img",
 									"aria-label": t("sizeLabel", { size }),
@@ -9744,7 +10223,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									children: size
 								}),
 								author !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.author,
+									className: _dsh_plugin_shop_css_5f753521_default.author,
 									"data-shop-author": true,
 									children: t("authorLine", { author })
 								})
@@ -9794,13 +10273,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_c4b688e1_default.remedy,
+				className: _dsh_plugin_shop_css_5f753521_default.remedy,
 				"data-shop-remedy": blocker.kind,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.remedyLead,
+					className: _dsh_plugin_shop_css_5f753521_default.remedyLead,
 					children: blocker.remedy.lead
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.allowCommand,
+					className: _dsh_plugin_shop_css_5f753521_default.allowCommand,
 					"data-shop-allow-command": true,
 					children: blocker.remedy.command
 				})]
@@ -9838,7 +10317,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_c4b688e1_default.incompatibleBadge,
+				className: _dsh_plugin_shop_css_5f753521_default.incompatibleBadge,
 				"data-shop-blocker": lead.kind,
 				role: "img",
 				"aria-label": detail,
@@ -9848,51 +10327,59 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		/** One entry's install flow: the button (or the refused LABEL that stands in
 		* its place), and the live view — running log, restart notice, failure detail,
-		* rejection detail — driven by `useInstallFlows`. Shared by the catalog cards
-		* (`variant: 'install'`) and the outdated rows' update button (`variant:
-		* 'update'`, which drives the same install flow for `name@latest`).
+		* rejection detail — driven by the page store's install registry. Shared by
+		* the catalog cards (`variant: 'install'`) and the outdated rows' update
+		* button (`variant: 'update'`, which drives the same install flow for
+		* `name@latest`).
 		*
 		* There is no §9.3 dialog. Until 2026-10-14 a community entry opened an
 		* acknowledgement gate first, and that gate was also the only thing standing
 		* between a second press and a second RPC — it reopened instead of asking
 		* again. What replaced it is one click that carries `acknowledged: true`, and
-		* the in-flight guard in `useKeyedFlows`, which keeps a second press from
-		* becoming a second RPC. The page states the dialog's facts nowhere since
-		* 2026-10-15 (the shop design's §7 amendment of that date). */
+		* the flow registry's in-flight guard (flow-registry.ts, `starting`), which
+		* keeps a second press from becoming a second RPC. The page states the
+		* dialog's facts nowhere since 2026-10-15 (the shop design's §7 amendment of
+		* that date). */
 		function InstallPanel({ target, tier, blockers, blockersStated = false, variant = "install", flow, t, restart, restartBlocked, reload }) {
-			const { view, start, starting } = flow;
+			const { view, start, starting, reset } = flow;
+			const request = {
+				...target,
+				acknowledged: tier === "verified" ? void 0 : true
+			};
+			const refused = refusesInstall(blockers);
+			const word = blockerBadgeKey(blockers);
 			if (view.kind === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.installPanel,
+				className: _dsh_plugin_shop_css_5f753521_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.installing,
+					className: _dsh_plugin_shop_css_5f753521_default.installing,
 					children: t(installPhaseKey(view.phase))
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.log,
+					className: _dsh_plugin_shop_css_5f753521_default.log,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+						className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.installedActions,
+				className: _dsh_plugin_shop_css_5f753521_default.installedActions,
 				children: [
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.log,
+						className: _dsh_plugin_shop_css_5f753521_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+							className: _dsh_plugin_shop_css_5f753521_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+						className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.notice,
+						className: _dsh_plugin_shop_css_5f753521_default.notice,
 						"data-shop-done-note": true,
 						children: view.detail
 					}),
@@ -9903,46 +10390,77 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						restartBlocked,
 						reload,
 						where: "install"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
+						"data-shop-install-dismiss": true,
+						onClick: reset,
+						children: t("dismiss")
 					})
 				]
 			});
 			if (view.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.installPanel,
+				className: _dsh_plugin_shop_css_5f753521_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.failedHeading,
+						className: _dsh_plugin_shop_css_5f753521_default.failedHeading,
 						children: t("installFailed")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.log,
+						className: _dsh_plugin_shop_css_5f753521_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+							className: _dsh_plugin_shop_css_5f753521_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+						className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 						children: view.detail === "" ? t("installTransportFailed") : view.detail
+					}),
+					refused && word !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
+						"data-shop-install-dismiss": true,
+						onClick: reset,
+						children: t("dismiss")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_5f753521_default.installButton,
+						"data-shop-install-retry": true,
+						disabled: starting,
+						onClick: () => {
+							start(request);
+						},
+						children: t("retry")
 					})
 				]
 			});
 			if (view.kind === "rejected") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.installPanel,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.rejectedCode,
-					children: t(rejectionCodeKey(view.code))
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.rejectedDetail,
-					children: view.detail
-				})]
+				className: _dsh_plugin_shop_css_5f753521_default.installPanel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_default.rejectedCode,
+						children: t(rejectionCodeKey(view.code))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_default.rejectedDetail,
+						children: view.detail
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
+						"data-shop-install-dismiss": true,
+						onClick: reset,
+						children: t("dismiss")
+					})
+				]
 			});
 			const update = variant === "update";
-			const refused = refusesInstall(blockers);
-			const word = blockerBadgeKey(blockers);
 			const detail = blockers.map((blocker) => blocker.text).join("\n");
 			if (refused && word !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.refusedLabel,
+				className: _dsh_plugin_shop_css_5f753521_default.refusedLabel,
 				"data-shop-refused": true,
 				"data-shop-blocker-kind": blockers[0]?.kind,
 				role: "img",
@@ -9954,21 +10472,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				attrName: "data-shop-refusal",
 				children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 					blocker,
-					className: _dsh_plugin_shop_css_c4b688e1_default.gateWarning,
+					className: _dsh_plugin_shop_css_5f753521_default.gateWarning,
 					surface: "warning"
 				}, blocker.kind))
 			})] });
 			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_c4b688e1_default.installButton,
+					className: _dsh_plugin_shop_css_5f753521_default.installButton,
 					disabled: starting,
 					...update ? { "data-shop-update": true } : { "data-shop-install": true },
 					onClick: () => {
-						start({
-							...target,
-							acknowledged: tier === "verified" ? void 0 : true
-						});
+						start(request);
 					},
 					children: t(update ? "update" : "install")
 				}),
@@ -9981,7 +10496,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					attrName: "data-shop-blocker-lines",
 					children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 						blocker,
-						className: _dsh_plugin_shop_css_c4b688e1_default.gateWarning,
+						className: _dsh_plugin_shop_css_5f753521_default.gateWarning,
 						surface: "warning"
 					}, blocker.kind))
 				})
@@ -9996,32 +10511,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_c4b688e1_default.installPanel,
+				className: _dsh_plugin_shop_css_5f753521_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.installing,
+					className: _dsh_plugin_shop_css_5f753521_default.installing,
 					children: t("uninstalling")
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.log,
+					className: _dsh_plugin_shop_css_5f753521_default.log,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+						className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.installedActions,
+				className: _dsh_plugin_shop_css_5f753521_default.installedActions,
 				children: [
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.log,
+						className: _dsh_plugin_shop_css_5f753521_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+							className: _dsh_plugin_shop_css_5f753521_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+						className: _dsh_plugin_shop_css_5f753521_default.notice,
 						"data-shop-uninstall-done": true,
 						children: t(uninstallActivationNoticeKey(view.activation))
 					}),
@@ -10035,7 +10550,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_c4b688e1_default.cancelButton,
+						className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
 						"data-shop-uninstall-dismiss": true,
 						onClick: reset,
 						children: t("dismiss")
@@ -10043,37 +10558,44 @@ 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_c4b688e1_default.installPanel,
+				className: _dsh_plugin_shop_css_5f753521_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.failedHeading,
+						className: _dsh_plugin_shop_css_5f753521_default.failedHeading,
 						children: t("uninstallFailed")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.log,
+						className: _dsh_plugin_shop_css_5f753521_default.log,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+							className: _dsh_plugin_shop_css_5f753521_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+						className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 						children: view.detail === "" ? t("uninstallTransportFailed") : view.detail
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_c4b688e1_default.uninstallButton,
+						className: _dsh_plugin_shop_css_5f753521_default.uninstallButton,
 						"data-shop-uninstall-retry": true,
 						onClick: () => void start({ name }),
 						children: t("retry")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
+						"data-shop-uninstall-dismiss": true,
+						onClick: reset,
+						children: t("dismiss")
 					})
 				]
 			});
 			if (view.kind !== "idle") return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_c4b688e1_default.uninstallButton,
+				className: _dsh_plugin_shop_css_5f753521_default.uninstallButton,
 				"data-shop-uninstall": true,
 				onClick: () => void start({ name }),
 				children: t("uninstall")
@@ -10114,39 +10636,39 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				else if (outcome.kind === "unreachable") setRefusal(t("restartTransportFailed"));
 			};
 			if (monitor?.kind === "requesting" || monitor?.kind === "restarting") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+				className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.failedDetail,
+				className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 				"data-shop-restart-error": true,
 				children: monitor.logFile === void 0 ? t("restartFailedNotice") : t("restartFailedLogNotice", { log: monitor.logFile })
 			});
 			if (monitor?.kind === "not-restarted") return null;
 			if (gateOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.gate,
+				className: _dsh_plugin_shop_css_5f753521_default.gate,
 				"data-shop-restart-gate": true,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.gateTitle,
+						className: _dsh_plugin_shop_css_5f753521_default.gateTitle,
 						children: t("restartTitle")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.gateBody,
+						className: _dsh_plugin_shop_css_5f753521_default.gateBody,
 						children: t("restartBody")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.gateActions,
+						className: _dsh_plugin_shop_css_5f753521_default.gateActions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4b688e1_default.confirmButton,
+							className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.cancelButton,
+							className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
 							onClick: () => setGateOpen(false),
 							children: t("cancel")
 						})]
@@ -10154,14 +10676,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			const refused = refusal === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+				className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.restartButton,
+				className: _dsh_plugin_shop_css_5f753521_default.restartButton,
 				"data-shop-restart": true,
 				onClick: () => setGateOpen(true),
 				children: t("restart")
@@ -10179,13 +10701,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		*/
 		function NotRestartedNotice({ t, pid, logFile }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.selfUpdatePanel,
+				className: _dsh_plugin_shop_css_5f753521_default.selfUpdatePanel,
 				"data-shop-not-restarted": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+					className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 					children: pid === void 0 ? t("notRestartedNotice") : t("notRestartedPidNotice", { pid: String(pid) })
 				}), logFile !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+					className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 					children: t("notRestartedLogNotice", { log: logFile })
 				})]
 			});
@@ -10215,7 +10737,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_c4b688e1_default.notice,
+				className: _dsh_plugin_shop_css_5f753521_default.notice,
 				"data-shop-restart-disabled": true,
 				children: t(restartBlockedNoticeKey(restartBlocked))
 			});
@@ -10226,14 +10748,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_c4b688e1_default.reloadPanel,
+				className: _dsh_plugin_shop_css_5f753521_default.reloadPanel,
 				"data-shop-reload": where,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+					className: _dsh_plugin_shop_css_5f753521_default.notice,
 					children: t("reloadNote")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_c4b688e1_default.reloadButton,
+					className: _dsh_plugin_shop_css_5f753521_default.reloadButton,
 					onClick: reload,
 					children: t("reload")
 				})]
@@ -10246,21 +10768,15 @@ 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, restart, restartBlocked, reload, restarts }) {
+		function EnabledSwitch({ row, surface, page, t, setEnabled, restart, restartBlocked, reload }) {
 			const [enabled, setEnabledState] = (0, react.useState)(row.enabled);
 			const [toggle, setToggle] = (0, react.useState)({ kind: "idle" });
-			const [owed, setOwed] = (0, react.useState)("nothing");
-			const restartsSeen = (0, react.useRef)(restarts);
-			(0, react.useEffect)(() => {
-				if (restartsSeen.current === restarts) return;
-				restartsSeen.current = restarts;
-				if (owed !== "restart") return;
-				setOwed("nothing");
-				setToggle((current) => current.kind === "saved" ? { kind: "idle" } : current);
-			}, [restarts, owed]);
+			const owedKey = switchKey(surface, identityKey(row));
+			const owed = (0, react.useSyncExternalStore)(page.subscribeOwed, () => page.getOwed(owedKey) ?? "nothing");
 			const onToggle = async () => {
 				if (toggle.kind === "saving") return;
 				const next = !enabled;
+				const since = page.owedEpoch();
 				setToggle({ kind: "saving" });
 				try {
 					const result = await setEnabled({
@@ -10269,9 +10785,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					});
 					if (result.ok) {
 						setEnabledState(next);
-						setToggle({ kind: "saved" });
-						if (result.activation === "restart") setOwed("restart");
-						else if (result.activation !== "live") setOwed((previous) => previous === "restart" ? previous : "reload");
+						setToggle({
+							kind: "saved",
+							live: result.activation === "live"
+						});
+						if (result.activation === "restart") page.setOwed(owedKey, "restart", since);
+						else if (result.activation !== "live") page.setOwed(owedKey, "reload", since);
 					} else setToggle({
 						kind: "error",
 						detail: result.detail || t("toggleFailed")
@@ -10284,7 +10803,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_c4b688e1_default.switchWrap,
+				className: _dsh_plugin_shop_css_5f753521_default.switchWrap,
 				"data-shop-enabled-switch": row.name,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -10293,18 +10812,18 @@ 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_c4b688e1_default.switch} ${enabled ? _dsh_plugin_shop_css_c4b688e1_default.switchOn : ""}`,
+						className: `${_dsh_plugin_shop_css_5f753521_default.switch} ${enabled ? _dsh_plugin_shop_css_5f753521_default.switchOn : ""}`,
 						onClick: () => void onToggle(),
 						disabled: toggle.kind === "saving",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.switchKnob })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.switchKnob })
 					}),
-					toggle.kind === "saved" && owed === "nothing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+					toggle.kind === "saved" && toggle.live && owed === "nothing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_default.notice,
 						"data-shop-hot-apply": true,
 						children: t("hotApplyNote")
 					}),
 					owed === "restart" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+						className: _dsh_plugin_shop_css_5f753521_default.notice,
 						"data-shop-toggle-restart": true,
 						children: t("toggleRestartNote")
 					}),
@@ -10317,7 +10836,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						where: "toggle"
 					}),
 					toggle.kind === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+						className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 						"data-shop-toggle-error": true,
 						children: toggle.detail
 					})
@@ -10330,29 +10849,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* carry a `latest` string — a catalog truth to compare against; §C10's
 		* shadowed rows hold `latest: null` and never reach this control, so the
 		* field is narrowed at the parameter. */
-		function OutdatedRow({ row, tier, missing, harness, t, setEnabled, flowFor, restart, restartBlocked, reload, restarts }) {
+		function OutdatedRow({ row, tier, missing, harness, t, setEnabled, flowFor, restart, restartBlocked, reload, page }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.outdatedRow,
+				className: _dsh_plugin_shop_css_5f753521_default.outdatedRow,
 				"data-shop-outdated-entry": row.name,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.outdatedInfo,
+					className: _dsh_plugin_shop_css_5f753521_default.outdatedInfo,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.name,
+						className: _dsh_plugin_shop_css_5f753521_default.name,
 						children: row.name
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.outdatedVersions,
+						className: _dsh_plugin_shop_css_5f753521_default.outdatedVersions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("installedVersion", { version: versionLabel(row.source, row.installed).text }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("latestVersion", { version: versionLabel(row.source, row.latest).text }) })]
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.outdatedActions,
+					className: _dsh_plugin_shop_css_5f753521_default.outdatedActions,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 						row,
+						surface: "row",
+						page,
 						t,
 						setEnabled,
 						restart,
 						restartBlocked,
-						reload,
-						restarts
+						reload
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallPanel, {
 						target: {
 							name: row.name,
@@ -10392,25 +10912,25 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* community entry's does); an entry absent from the catalog is read as
 		* community, so its request acknowledges, which the host accepts for any
 		* tier. */
-		function OutdatedSection({ state, entriesByKey, missingByKey, harnessVerdicts, t, setEnabled, flowFor, restart, restartBlocked, reload, restarts }) {
+		function OutdatedSection({ state, entriesByKey, missingByKey, harnessVerdicts, t, setEnabled, flowFor, restart, restartBlocked, reload, page }) {
 			if (state.kind === "loading") return null;
 			if (state.kind === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.stateLine,
+				className: _dsh_plugin_shop_css_5f753521_default.stateLine,
 				"data-shop-outdated-error": true,
 				children: t("installedError")
 			});
 			const outdated = state.entries.filter((entry) => entry.outdated && entry.latest !== null);
 			if (outdated.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.outdatedSection,
+				className: _dsh_plugin_shop_css_5f753521_default.outdatedSection,
 				"data-shop-outdated": true,
 				"aria-labelledby": UPDATABLE_HEADING_ID,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.updatableHeading,
+					className: _dsh_plugin_shop_css_5f753521_default.updatableHeading,
 					id: UPDATABLE_HEADING_ID,
 					children: t("updatableSection")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.outdatedList,
+					className: _dsh_plugin_shop_css_5f753521_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",
@@ -10422,7 +10942,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						restart,
 						restartBlocked,
 						reload,
-						restarts
+						page
 					}) }, identityKey(row)))
 				})]
 			});
@@ -10438,37 +10958,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const shadowed = entries.filter((entry) => entry.shadowed === true);
 			if (shadowed.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.shadowedSection,
+				className: _dsh_plugin_shop_css_5f753521_default.shadowedSection,
 				"data-shop-shadowed": true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.outdatedList,
+					className: _dsh_plugin_shop_css_5f753521_default.outdatedList,
 					children: shadowed.map((row) => {
 						const key = identityKey(row);
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.outdatedRow,
+							className: _dsh_plugin_shop_css_5f753521_default.outdatedRow,
 							"data-shop-shadowed-entry": row.name,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.outdatedInfo,
+								className: _dsh_plugin_shop_css_5f753521_default.outdatedInfo,
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_c4b688e1_default.name,
+										className: _dsh_plugin_shop_css_5f753521_default.name,
 										children: row.name
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_c4b688e1_default.badges,
+										className: _dsh_plugin_shop_css_5f753521_default.badges,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: _dsh_plugin_shop_css_c4b688e1_default.tierBadge,
+											className: _dsh_plugin_shop_css_5f753521_default.tierBadge,
 											"data-tier": "shadowed",
 											children: t("shadowedBadge")
 										})
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: _dsh_plugin_shop_css_c4b688e1_default.shadowedDetail,
+										className: _dsh_plugin_shop_css_5f753521_default.shadowedDetail,
 										children: t("shadowedDetail")
 									})
 								]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.outdatedActions,
+								className: _dsh_plugin_shop_css_5f753521_default.outdatedActions,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
 									name: row.name,
 									t,
@@ -10518,16 +11038,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_c4b688e1_default.stateLine,
+							className: _dsh_plugin_shop_css_5f753521_default.stateLine,
 							children: say("tabCrashed", en.tabCrashed)
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+							className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 							children: error.message
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_c4b688e1_default.actionButton,
+							className: _dsh_plugin_shop_css_5f753521_default.actionButton,
 							onClick: () => this.setState({ error: null }),
 							children: say("retry", en.retry)
 						})
@@ -10535,10 +11055,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				});
 			}
 		};
-		/** The shop body inside its own error boundary, as `ShopSection` renders it
-		* below the page's title and intro (the settings slot registers `ShopSection`,
-		* `index.ts`). Exported under the name the body used to carry, so nothing can
-		* render the body without the boundary. */
+		/** The shop body inside its own error boundary, as `ShopPage` renders it
+		* below the page's head (index.ts registers `ShopPage` in the main column).
+		* Exported under the name the body used to carry, so nothing can render the
+		* body without the boundary. */
 		function ShopTab(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopErrorBoundary, {
 				t: props.t,
@@ -10548,7 +11068,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		/** The shop tab body: browse, search, refresh, and render one card per
 		* entry. Data attributes on the e2e-relevant nodes follow the Task 3 list. */
 		function ShopTabBody(props) {
-			const { t, catalog, install, installStatus, setEnabled, installed, installedSpecs, uninstall, noteUninstalled, restart, version, onRestarted, updateStart, reload: injectedReload } = props;
+			const { t, catalog, install, installStatus, setEnabled, installed, installedSpecs, uninstall, noteUninstalled, restart, version, onRestarted, updateStart, reload: injectedReload, page: injectedPage, onShelfReady } = props;
 			const [catalogState, setCatalogState] = (0, react.useState)({ kind: "loading" });
 			const [installedState, setInstalledState] = (0, react.useState)({ kind: "loading" });
 			/** The install gate's own input, or undefined while it is unknown — loading,
@@ -10562,63 +11082,64 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				globalThis.location.reload();
 			}), [injectedReload]);
 			const [selfRestartGate, setSelfRestartGate] = (0, react.useState)(false);
-			const selfUpdate = useUpdateSelf(updateStart, installStatus);
+			const ownDeps = (0, react.useRef)({
+				install,
+				uninstall,
+				updateStart,
+				installStatus,
+				noteUninstalled
+			});
+			ownDeps.current = {
+				install,
+				uninstall,
+				updateStart,
+				installStatus,
+				noteUninstalled
+			};
+			const [ownPage] = (0, react.useState)(() => injectedPage === void 0 ? createPageStore(() => ownDeps.current, { pollUnwatched: false }) : null);
+			const page = injectedPage ?? ownPage;
+			if (page === null) throw new Error("dsh-plugin-shop: the shop face stopped handing over the page store the tab mounted with");
+			const pageState = (0, react.useSyncExternalStore)(page.subscribe, page.getSnapshot);
+			const { query, category, order, hideIncompatible, visibleCount } = pageState.view;
+			const selfUpdate = useRegistrySelf(page.self);
 			const restartMonitor = useRestartMonitor();
-			const hostPending = selfVersion !== null && selfVersion.pendingVersion !== null;
+			const hostPending = selfVersion !== null && updateAwaitsRestart(selfVersion);
 			const selfPending = selfUpdate.view.kind === "done" || selfUpdate.view.kind === "idle" && hostPending;
-			const [request, setRequest] = (0, react.useState)({ kind: "initial" });
+			const [request, setRequest] = (0, react.useState)(() => {
+				const { reverdictPending, reverdicts } = page.getSnapshot();
+				return reverdictPending ? {
+					kind: "reverdict",
+					reverdicts
+				} : { kind: "initial" };
+			});
+			const askedFor = (0, react.useRef)(request.kind === "reverdict" ? request.reverdicts : null);
+			(0, react.useEffect)(() => {
+				if (!pageState.reverdictPending || askedFor.current === pageState.reverdicts) return;
+				askedFor.current = pageState.reverdicts;
+				setRequest({
+					kind: "reverdict",
+					reverdicts: pageState.reverdicts
+				});
+			}, [pageState.reverdictPending, pageState.reverdicts]);
+			const pendingReverdict = () => {
+				const { reverdictPending, reverdicts } = page.getSnapshot();
+				return reverdictPending ? reverdicts : null;
+			};
 			const [versionReload, setVersionReload] = (0, react.useState)(0);
-			const [mutations, setMutations] = (0, react.useState)(0);
-			const noteMutation = (0, react.useCallback)(() => {
-				setMutations((current) => current + 1);
-			}, []);
-			const uninstallResetRef = (0, react.useRef)(() => {});
-			const flows = useInstallFlows(install, installStatus, (0, react.useCallback)((key, outcome) => {
-				if (outcome === "done") uninstallResetRef.current(key);
-				noteMutation();
-				if (outcome === "done") setRequest({ kind: "reverdict" });
-			}, [noteMutation]));
-			const uninstallFlows = useUninstallFlows(uninstall, installStatus, (0, react.useCallback)((key, outcome) => {
-				if (outcome !== "done") return;
-				flows.flowFor(key).reset();
-				noteMutation();
-				const name = catalogState.kind === "ready" ? catalogState.result.plugins.find((entry) => entryKey(entry) === key)?.name : void 0;
-				if (name !== void 0) noteUninstalled?.(name);
-				setRequest({ kind: "reverdict" });
-			}, [
-				flows,
-				noteMutation,
-				catalogState,
-				noteUninstalled
-			]));
-			uninstallResetRef.current = uninstallFlows.resetFlow;
-			const [restarts, setRestarts] = (0, react.useState)(0);
-			const resetSelfUpdate = selfUpdate.resetWhere;
-			const resetInstalls = flows.resetWhere;
-			const resetUninstalls = uninstallFlows.resetWhere;
+			const { settled } = pageState;
+			const flows = useRegistryFlows(page.installs);
+			const uninstallFlows = useRegistryFlows(page.uninstalls);
 			(0, react.useEffect)(() => onRestarted?.((fresh) => {
 				setSelfVersion(fresh);
-				resetSelfUpdate(settledByRestart);
-				resetInstalls(settledByRestart);
-				resetUninstalls(settledByRestart);
-				setRestarts((current) => current + 1);
-				noteMutation();
-				setRequest({ kind: "reverdict" });
+				if (injectedPage === void 0) page.noteRestarted();
 			}), [
 				onRestarted,
-				resetSelfUpdate,
-				resetInstalls,
-				resetUninstalls,
-				noteMutation
+				page,
+				injectedPage
 			]);
 			const [reloading, setReloading] = (0, react.useState)(false);
 			const [reloadFailed, setReloadFailed] = (0, react.useState)(false);
-			const [query, setQuery] = (0, react.useState)("");
-			const [category, setCategory] = (0, react.useState)(null);
-			const [order, setOrder] = (0, react.useState)("stars");
-			const [hideIncompatible, setHideIncompatible] = (0, react.useState)(false);
 			const incremental = typeof IntersectionObserver !== "undefined";
-			const [visibleCount, setVisibleCount] = (0, react.useState)(48);
 			const sentinelRef = (0, react.useRef)(null);
 			const filteredLenRef = (0, react.useRef)(0);
 			const sortLabelId = (0, react.useId)();
@@ -10630,17 +11151,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				const load = async () => {
 					try {
 						const result = await catalog(request.kind === "refresh" ? { refresh: true } : request.kind === "reverdict" ? { reverdict: true } : void 0);
-						if (!cancelled) setCatalogState({
-							kind: "ready",
-							result
-						});
+						if (!cancelled) {
+							setCatalogState({
+								kind: "ready",
+								result
+							});
+							if (request.kind !== "initial" && request.reverdicts !== null) page.clearReverdict(request.reverdicts);
+						}
 					} catch {
 						if (cancelled) {
 							if (request.kind === "refresh" && pendingRefreshRef.current === request) setReloadFailed(true);
 							return;
 						}
 						setCatalogState((current) => current.kind === "ready" ? current : { kind: "error" });
-						if (request.kind !== "reverdict") setReloadFailed(true);
+						if (request.kind === "reverdict") page.clearReverdict(request.reverdicts);
+						else {
+							setReloadFailed(true);
+							if (request.kind !== "initial" && request.reverdicts !== null) setRequest({
+								kind: "reverdict",
+								reverdicts: request.reverdicts
+							});
+						}
 					} finally {
 						if (pendingRefreshRef.current === request) pendingRefreshRef.current = null;
 						if (!cancelled) setReloading(false);
@@ -10650,7 +11181,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				return () => {
 					cancelled = true;
 				};
-			}, [catalog, request]);
+			}, [
+				catalog,
+				request,
+				page
+			]);
+			const shelfShown = (0, react.useRef)(false);
+			(0, react.useLayoutEffect)(() => {
+				if (shelfShown.current || catalogState.kind !== "ready" || installedState.kind === "loading") return;
+				shelfShown.current = true;
+				onShelfReady?.();
+			}, [
+				catalogState,
+				installedState,
+				onShelfReady
+			]);
 			(0, react.useEffect)(() => {
 				let cancelled = false;
 				const load = async () => {
@@ -10694,6 +11239,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							entries
 						});
 						setSpecs(held ?? void 0);
+						page.noteInstalled(entries.map(identityKey));
 					} catch {
 						if (cancelled) return;
 						setInstalledState({ kind: "error" });
@@ -10707,8 +11253,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}, [
 				installed,
 				installedSpecs,
-				request,
-				mutations
+				versionReload,
+				settled,
+				page
 			]);
 			const installedByKey = (0, react.useMemo)(() => {
 				const map = /* @__PURE__ */ new Map();
@@ -10726,7 +11273,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const browsable = (0, react.useMemo)(() => {
 				if (catalogState.kind !== "ready") return [];
 				const cleared = new Set(catalogState.result.notAShop ?? []);
-				return sortedCatalog.filter((entry) => cleared.has(entry.name) || !isShopLike(entry.name) && (entry.repo === void 0 || !isShopLike(entry.repo)));
+				return sortedCatalog.filter((entry) => listedOnShelf(entry, cleared));
 			}, [catalogState, sortedCatalog]);
 			const missingByKey = (0, react.useMemo)(() => {
 				const map = /* @__PURE__ */ new Map();
@@ -10785,14 +11332,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				const node = sentinelRef.current;
 				if (node === null) return;
 				const observer = new IntersectionObserver((entries) => {
-					if (entries.some((entry) => entry.isIntersecting)) setVisibleCount((current) => nextVisibleCount(current, filteredLenRef.current, 48));
+					if (entries.some((entry) => entry.isIntersecting)) page.updateView((view) => ({ visibleCount: nextVisibleCount(view.visibleCount, filteredLenRef.current, 48) }));
 				}, { rootMargin: "0px 0px 1200px 0px" });
 				observer.observe(node);
 				return () => observer.disconnect();
 			}, [
 				incremental,
 				visibleCount,
-				filtered.length
+				filtered.length,
+				page
 			]);
 			const visible = incremental ? filtered.slice(0, visibleCount) : filtered;
 			/** The date a card shows under the current order, or undefined under the
@@ -10825,19 +11373,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_c4b688e1_default.srOnly,
+					className: _dsh_plugin_shop_css_5f753521_default.srOnly,
 					children: t("loading")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_c4b688e1_default.skeletonGrid,
+					className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.skeletonCard,
+						className: _dsh_plugin_shop_css_5f753521_default.skeletonCard,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.skeletonName }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.skeletonSummary }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.skeletonSummaryShort }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.skeletonActions })
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.skeletonName }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.skeletonSummary }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.skeletonSummaryShort }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.skeletonActions })
 						]
 					}, i))
 				})]
@@ -10847,13 +11395,16 @@ 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_c4b688e1_default.stateLine,
+					className: _dsh_plugin_shop_css_5f753521_default.stateLine,
 					children: t("error")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_c4b688e1_default.actionButton,
+					className: _dsh_plugin_shop_css_5f753521_default.actionButton,
 					onClick: () => {
-						setRequest({ kind: "retry" });
+						setRequest({
+							kind: "retry",
+							reverdicts: pendingReverdict()
+						});
 						setVersionReload((current) => current + 1);
 					},
 					children: t("retry")
@@ -10866,46 +11417,48 @@ 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_c4b688e1_default.toolbar,
+						className: _dsh_plugin_shop_css_5f753521_default.toolbar,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								type: "search",
-								className: _dsh_plugin_shop_css_c4b688e1_default.searchInput,
+								className: _dsh_plugin_shop_css_5f753521_default.searchInput,
 								"aria-label": t("search"),
 								placeholder: t("search"),
 								value: query,
 								onChange: (event) => {
-									setQuery(event.target.value);
-									setVisibleCount(48);
+									page.setView({
+										query: event.target.value,
+										visibleCount: 48
+									});
 								}
 							}),
 							expansionMemo.intents.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								"data-shop-expansion-note": true,
-								className: _dsh_plugin_shop_css_c4b688e1_default.expansionNote,
+								className: _dsh_plugin_shop_css_5f753521_default.expansionNote,
 								children: t("zhExpansionNote", { terms: expansionMemo.terms.slice(1).map((term) => term.startsWith("#") ? term.slice(1) : term).join(", ") })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.toolbarRight,
+								className: _dsh_plugin_shop_css_5f753521_default.toolbarRight,
 								children: [
 									result.stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_c4b688e1_default.staleBadge,
+										className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.versionBlock,
+										className: _dsh_plugin_shop_css_5f753521_default.versionBlock,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: _dsh_plugin_shop_css_c4b688e1_default.versionText,
+											className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.restartSelfButton,
+											className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.updateSelfButton,
+											className: _dsh_plugin_shop_css_5f753521_default.updateSelfButton,
 											"data-shop-update-self": true,
 											onClick: () => {
 												if (selfVersion.latest !== null) selfUpdate.start({ version: selfVersion.latest });
@@ -10913,7 +11466,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_c4b688e1_default.checkUpdateButton,
+											className: _dsh_plugin_shop_css_5f753521_default.checkUpdateButton,
 											"data-shop-check-update": true,
 											title: t("checkUpdateTitle"),
 											disabled: checkState !== "idle",
@@ -10922,7 +11475,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_c4b688e1_default.githubLink,
+										className: _dsh_plugin_shop_css_5f753521_default.githubLink,
 										href: SHOP_REPO_URL,
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -10947,28 +11500,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						logFile: restartMonitor.logFile
 					}),
 					selfUpdate.view.kind === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_5f753521_default.selfUpdatePanel,
 						"data-shop-self-updating": true,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.installing,
+							className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.log,
+							className: _dsh_plugin_shop_css_5f753521_default.log,
 							children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+								className: _dsh_plugin_shop_css_5f753521_default.logLine,
 								"data-shop-log-line": true,
 								children: line
 							}, index))
 						})]
 					}),
 					selfPending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_5f753521_default.selfUpdatePanel,
 						"data-shop-self-update-done": true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_c4b688e1_default.installedActions,
+							className: _dsh_plugin_shop_css_5f753521_default.installedActions,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.notice,
+									className: _dsh_plugin_shop_css_5f753521_default.notice,
 									children: t("installedRestartNotice")
 								}),
 								restartBlocked === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
@@ -10981,7 +11534,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_c4b688e1_default.notice,
+									className: _dsh_plugin_shop_css_5f753521_default.notice,
 									"data-shop-restart-disabled": true,
 									children: t(restartBlockedNoticeKey(restartBlocked))
 								})
@@ -10989,39 +11542,50 @@ 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_c4b688e1_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_5f753521_default.selfUpdatePanel,
 						"data-shop-self-update-failed": true,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.failedHeading,
+								className: _dsh_plugin_shop_css_5f753521_default.failedHeading,
 								children: t("updateFailed")
 							}),
 							selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.log,
+								className: _dsh_plugin_shop_css_5f753521_default.log,
 								children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.logLine,
+									className: _dsh_plugin_shop_css_5f753521_default.logLine,
 									"data-shop-log-line": true,
 									children: line
 								}, index))
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.failedDetail,
+								className: _dsh_plugin_shop_css_5f753521_default.failedDetail,
 								children: selfUpdate.view.detail === "" ? t("updateTransportFailed") : selfUpdate.view.detail
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: _dsh_plugin_shop_css_5f753521_default.cancelButton,
+								"data-shop-update-self-dismiss": true,
+								onClick: () => {
+									selfUpdate.resetWhere((current) => current.kind === "failed");
+								},
+								children: t("dismiss")
 							})
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.categoryBar,
+						className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.categoryButton} ${_dsh_plugin_shop_css_c4b688e1_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4b688e1_default.categoryButton,
+								className: category === null ? `${_dsh_plugin_shop_css_5f753521_default.categoryButton} ${_dsh_plugin_shop_css_5f753521_default.categoryButtonOn}` : _dsh_plugin_shop_css_5f753521_default.categoryButton,
 								"aria-pressed": category === null,
 								onClick: () => {
-									setCategory(null);
-									setVisibleCount(48);
+									page.setView({
+										category: null,
+										visibleCount: 48
+									});
 								},
 								"data-shop-category-all": true,
 								children: [
@@ -11032,13 +11596,15 @@ 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_c4b688e1_default.categoryButton} ${_dsh_plugin_shop_css_c4b688e1_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4b688e1_default.categoryButton,
+								className: category === key ? `${_dsh_plugin_shop_css_5f753521_default.categoryButton} ${_dsh_plugin_shop_css_5f753521_default.categoryButtonOn}` : _dsh_plugin_shop_css_5f753521_default.categoryButton,
 								"aria-pressed": category === key,
 								"data-category": key,
 								"data-shop-category-tab": key,
 								onClick: () => {
-									setCategory(key);
-									setVisibleCount(48);
+									page.setView({
+										category: key,
+										visibleCount: 48
+									});
 								},
 								children: [
 									t(categoryLocaleKey(key)),
@@ -11048,12 +11614,14 @@ 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_c4b688e1_default.categoryButton} ${_dsh_plugin_shop_css_c4b688e1_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4b688e1_default.categoryButton,
+								className: category === "installed" ? `${_dsh_plugin_shop_css_5f753521_default.categoryButton} ${_dsh_plugin_shop_css_5f753521_default.categoryButtonOn}` : _dsh_plugin_shop_css_5f753521_default.categoryButton,
 								"aria-pressed": category === "installed",
 								"data-shop-category-installed": true,
 								onClick: () => {
-									setCategory("installed");
-									setVisibleCount(48);
+									page.setView({
+										category: "installed",
+										visibleCount: 48
+									});
 								},
 								children: [
 									t("installed"),
@@ -11065,26 +11633,28 @@ 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_c4b688e1_default.incompatibleFilter} ${_dsh_plugin_shop_css_c4b688e1_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_c4b688e1_default.incompatibleFilter,
+								className: hideIncompatible ? `${_dsh_plugin_shop_css_5f753521_default.incompatibleFilter} ${_dsh_plugin_shop_css_5f753521_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_5f753521_default.incompatibleFilter,
 								title: t(hideIncompatible ? "showIncompatibleTitle" : "incompatibleFilterTitle"),
 								"data-shop-hide-incompatible": true,
 								onClick: () => {
-									setHideIncompatible((current) => !current);
-									setVisibleCount(48);
+									page.updateView((view) => ({
+										hideIncompatible: !view.hideIncompatible,
+										visibleCount: 48
+									}));
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: hideIncompatible ? `${_dsh_plugin_shop_css_c4b688e1_default.switch} ${_dsh_plugin_shop_css_c4b688e1_default.switchOn}` : _dsh_plugin_shop_css_c4b688e1_default.switch,
+									className: hideIncompatible ? `${_dsh_plugin_shop_css_5f753521_default.switch} ${_dsh_plugin_shop_css_5f753521_default.switchOn}` : _dsh_plugin_shop_css_5f753521_default.switch,
 									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_c4b688e1_default.switchKnob })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_5f753521_default.switchKnob })
 								}), t("hideIncompatible", { count: incompatibleCount })]
 							})
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.catalogStatsRow,
+						className: _dsh_plugin_shop_css_5f753521_default.catalogStatsRow,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.catalogStats,
+								className: _dsh_plugin_shop_css_5f753521_default.catalogStats,
 								"data-shop-catalog-stats": true,
 								children: t("catalogStats", {
 									count: String(browsable.length),
@@ -11093,39 +11663,44 @@ 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_c4b688e1_default.catalogRefreshButton,
+								className: _dsh_plugin_shop_css_5f753521_default.catalogRefreshButton,
 								"data-shop-catalog-refresh": true,
 								disabled: reloading,
 								onClick: () => {
 									setReloading(true);
 									setReloadFailed(false);
-									setRequest({ kind: "refresh" });
+									setRequest({
+										kind: "refresh",
+										reverdicts: pendingReverdict()
+									});
 									setVersionReload((current) => current + 1);
 								},
 								children: reloading ? t("refreshing") : t("refresh")
 							}),
 							reloadFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.catalogRefreshFailed,
+								className: _dsh_plugin_shop_css_5f753521_default.catalogRefreshFailed,
 								"data-shop-catalog-refresh-failed": true,
 								children: t("refreshFailed")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: _dsh_plugin_shop_css_c4b688e1_default.sortGroup,
+								className: _dsh_plugin_shop_css_5f753521_default.sortGroup,
 								role: "group",
 								"aria-labelledby": sortLabelId,
 								"data-shop-sort": true,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_c4b688e1_default.sortLabel,
+									className: _dsh_plugin_shop_css_5f753521_default.sortLabel,
 									id: sortLabelId,
 									children: t("sortLabel")
 								}), SHELF_ORDERS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: order === name ? `${_dsh_plugin_shop_css_c4b688e1_default.categoryButton} ${_dsh_plugin_shop_css_c4b688e1_default.categoryButtonOn}` : _dsh_plugin_shop_css_c4b688e1_default.categoryButton,
+									className: order === name ? `${_dsh_plugin_shop_css_5f753521_default.categoryButton} ${_dsh_plugin_shop_css_5f753521_default.categoryButtonOn}` : _dsh_plugin_shop_css_5f753521_default.categoryButton,
 									"aria-pressed": order === name,
 									"data-shop-order": name,
 									onClick: () => {
-										setOrder(name);
-										setVisibleCount(48);
+										page.setView({
+											order: name,
+											visibleCount: 48
+										});
 									},
 									children: t(shelfOrderLocaleKey(name))
 								}, name))]
@@ -11133,43 +11708,50 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						]
 					}),
 					result.plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.emptyLine,
+						className: _dsh_plugin_shop_css_5f753521_default.emptyLine,
 						children: t("empty")
-					}) : filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.emptyLine,
+					}) : filtered.length === 0 ? category === "installed" && installedState.kind !== "ready" ? installedState.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_default.emptyLine,
+						"data-shop-installed-loading": true,
+						children: t("installedLoading")
+					}) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.cards,
+						className: _dsh_plugin_shop_css_5f753521_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, {
-								entry,
-								stars: starsOf(entry, stars),
-								order,
-								shelfDay: shelfDayOf(entry),
-								installed: installedByKey.get(key),
-								missing: missingByKey.get(key) ?? [],
-								harness: harnessVerdictOf(harnessVerdicts, key),
-								nameTakenBy: nameTakenByKey.get(key),
-								t,
-								flow: flows.flowFor(key),
-								uninstallFlow: uninstallFlows.flowFor(key),
-								restart,
-								restartBlocked,
-								reload,
-								setEnabled,
-								inInstalledView: category === "installed",
-								restarts
-							}) }, key);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+								"data-shop-identity": key,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryCard, {
+									entry,
+									stars: starsOf(entry, stars),
+									order,
+									shelfDay: shelfDayOf(entry),
+									installed: installedByKey.get(key),
+									missing: missingByKey.get(key) ?? [],
+									harness: harnessVerdictOf(harnessVerdicts, key),
+									nameTakenBy: nameTakenByKey.get(key),
+									t,
+									flow: flows.flowFor(key),
+									uninstallFlow: uninstallFlows.flowFor(key),
+									restart,
+									restartBlocked,
+									reload,
+									setEnabled,
+									inInstalledView: category === "installed",
+									page
+								})
+							}, key);
 						}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 							ref: sentinelRef,
-							className: _dsh_plugin_shop_css_c4b688e1_default.cardsSentry,
+							className: _dsh_plugin_shop_css_5f753521_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_c4b688e1_default.showingLine,
+						className: _dsh_plugin_shop_css_5f753521_default.showingLine,
 						"aria-live": "polite",
 						children: t("showing", {
 							shown: String(visibleCount),
@@ -11187,7 +11769,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						restart,
 						restartBlocked,
 						reload,
-						restarts
+						page
 					}),
 					category === "installed" && installedState.kind === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShadowedSection, {
 						entries: installedState.entries,
@@ -11201,35 +11783,172 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		//#endregion
-		//#region src/client/ShopSection.tsx
-		function ShopSection(props) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_c4b688e1_default.section,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.sectionTitle,
-						"data-shop-section-title": true,
-						children: props.t("title")
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_c4b688e1_default.sectionIntro,
-						"data-shop-section-intro": true,
-						children: props.t("intro")
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopTab, { ...props })
-				]
+		//#region src/client/ShopPage.tsx
+		/**
+		* The shop's own page in dsh's main column (design
+		* 2026-10-16-shop-sidebar-page §4.2), framed as dsh frames its Plugins page:
+		* the page is its own scroll container, its head carries the title and the
+		* one intro line and clears the desktop title bar, and the body below is
+		* `ShopTab`, unchanged.
+		*
+		* It keeps the reader's scroll position in the page store (design
+		* 2026-10-16-shop-sidebar-page §5.7). The position is written on every
+		* scroll event — a browser fires at most one a frame, and the store takes it
+		* without telling anyone — with the card at the page's top edge. The page
+		* goes back there once, when the shelf is on screen again and the installed
+		* list has answered, unless the reader moved first: the same card at the
+		* same height, held there for a moment while the cards around it render, or
+		* the position when that card is no longer on the shelf or the shelf was
+		* refiltered since.
+		*/
+		/** What each card on the shelf carries: its identity (ShopTab), not its
+		* name, which two listed entries can share — a fork and its original. */
+		const IDENTITY = "data-shop-identity";
+		/** The shelf's cards in document order: the children of the one list that
+		* holds them, a live collection reached through the first card, so a scroll
+		* event never walks the cards' own subtrees. Null while no card is on the
+		* page. */
+		function cardsOf(scroller) {
+			return scroller.querySelector(`[${IDENTITY}]`)?.parentElement?.children ?? null;
+		}
+		/** The shelf's gap between two cards, in px: `.cards`' `gap` in
+		* ShopTab.module.css, as the list's computed row gap reads it. */
+		function gapOf(list) {
+			const gap = list === null ? NaN : Number.parseFloat(getComputedStyle(list).rowGap);
+			return Number.isFinite(gap) ? gap : 0;
+		}
+		/**
+		* Where the reader is on the shelf: the first card whose bottom lies below
+		* the page's top edge, and its top relative to that edge. The cards stand one
+		* per row in document order, so their bottoms rise with their index, and a
+		* binary search reads a handful of their rects on each scroll event, never
+		* one per card.
+		*
+		* A card whose top lies below the edge counts only while it lies no further
+		* below than the shelf's gap between cards, as when the edge falls in that
+		* gap. Further down, the reader is above the shelf, in the head or the
+		* toolbar: nothing there lays out at a placeholder height, so the position
+		* alone is exact, while a card would pull them down the page whenever the
+		* content above the shelf grows meanwhile.
+		*/
+		function anchorAt(scroller) {
+			const cards = cardsOf(scroller);
+			if (cards === null) return null;
+			const edge = scroller.getBoundingClientRect().top;
+			let low = 0;
+			let high = cards.length;
+			while (low < high) {
+				const middle = Math.floor((low + high) / 2);
+				if ((cards.item(middle)?.getBoundingClientRect().bottom ?? edge) > edge) high = middle;
+				else low = middle + 1;
+			}
+			const card = cards.item(low);
+			const key = card?.getAttribute(IDENTITY) ?? null;
+			if (card === null || key === null) return null;
+			const offset = card.getBoundingClientRect().top - edge;
+			if (offset > 0 && offset > gapOf(card.parentElement)) return null;
+			return {
+				key,
+				offset
+			};
+		}
+		/** The card with `key` on the shelf, matched by iteration: an identity
+		* carries `:`, `/` and `#`, which a selector would have to escape. */
+		function cardWith(scroller, key) {
+			const cards = cardsOf(scroller);
+			if (cards === null) return null;
+			for (const card of cards) if (card.getAttribute(IDENTITY) === key) return card;
+			return null;
+		}
+		function ShopPage(props) {
+			const { t, page } = props;
+			const scroller = (0, react.useRef)(null);
+			const moved = (0, react.useRef)(false);
+			const holding = (0, react.useRef)(null);
+			(0, react.useEffect)(() => () => {
+				if (holding.current !== null) cancelAnimationFrame(holding.current);
+			}, []);
+			const restore = (0, react.useCallback)(() => {
+				const node = scroller.current;
+				if (node === null || moved.current || page === void 0) return;
+				const anchor = page.readAnchor();
+				const card = anchor === null ? null : cardWith(node, anchor.key);
+				if (anchor === null || card === null) {
+					node.scrollTop = page.readScroll();
+					return;
+				}
+				const drift = () => card.getBoundingClientRect().top - node.getBoundingClientRect().top - anchor.offset;
+				node.style.overflowAnchor = "none";
+				node.scrollTop += drift();
+				let held = node.scrollTop;
+				const until = performance.now() + 500;
+				const hold = () => {
+					holding.current = null;
+					if (moved.current || Math.abs(node.scrollTop - held) >= 1 || !card.isConnected || performance.now() > until) {
+						node.style.overflowAnchor = "";
+						return;
+					}
+					const off = drift();
+					if (Math.abs(off) >= 1) {
+						node.scrollTop += off;
+						held = node.scrollTop;
+					}
+					holding.current = requestAnimationFrame(hold);
+				};
+				holding.current = requestAnimationFrame(hold);
+			}, [page]);
+			const cancelRestore = () => {
+				moved.current = true;
+			};
+			(0, react.useEffect)(() => {
+				page?.notePageMounted(true);
+				return () => {
+					page?.notePageMounted(false);
+				};
+			}, [page]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: scroller,
+				className: `${_dsh_plugin_shop_css_5f753521_default.page} notranslate`,
+				translate: "no",
+				"data-shop-page": true,
+				onScroll: (event) => {
+					page?.recordScroll(event.currentTarget.scrollTop, anchorAt(event.currentTarget));
+				},
+				onWheel: cancelRestore,
+				onTouchStart: cancelRestore,
+				onKeyDown: cancelRestore,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: _dsh_plugin_shop_css_5f753521_default.pageHead,
+					"data-shop-page-head": true,
+					"data-window-drag": true,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: _dsh_plugin_shop_css_5f753521_default.pageTitle,
+						"data-shop-page-title": true,
+						children: t("title")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: _dsh_plugin_shop_css_5f753521_default.pageIntro,
+						"data-shop-page-intro": true,
+						children: t("intro")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopTab, {
+					...props,
+					onShelfReady: restore
+				})]
 			});
 		}
 		//#endregion
 		//#region src/client/index.ts
 		/** Dictionary namespace owned by this plugin. */
 		const NS = "settings.shop";
+		/** The id the shop's sidebar row and its main-column page share (design
+		* 2026-10-16-shop-sidebar-page §4.1). */
+		const SHOP_PANEL = "shop";
 		/** How long a stashed catalog may satisfy a plain open. The host applies the
 		* same five-minute freshness window, so the client stash must not outlive it. */
 		const WARM_TTL_MS = 3e5;
 		/** The boot-time warm fetch: the catalog the tab wants on its first open.
 		* Started in apply — the client bundle boots with the web app, long before
-		* the user reaches Settings — so the host's slow network fetch runs while
+		* the user opens the shop — so the host's slow network fetch runs while
 		* nobody is looking at the shop, and the tab's mount consumes this promise
 		* instead of starting its own fetch. A rejection stays stored (the injected
 		* catalog falls back to a fresh call); the extra catch keeps the
@@ -11247,7 +11966,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* uninstall made from another tab, another window, or the CLI is never added
 		* here and stays unknown to this page until it reloads. */
 		let pageRemoved = /* @__PURE__ */ new Set();
-		/** Services required by the tab registration and the Remote mount.
+		/** Services required by the page, row and Plugins page button registrations
+		* and the Remote mount.
 		*
 		* `remote.shop` is deliberately ABSENT: this package both mounts its own
 		* Remote (the assembly does not know it, §7.3) and consumes it, and cordis
@@ -11262,8 +11982,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"slots",
 			"locale"
 		];
-		/** Mount the shop Remote and contribute the shop's Settings section. */
+		/** Mount the shop Remote and contribute the shop's page, its sidebar row and
+		* its buttons on dsh's Plugins page. */
 		async function apply(ctx) {
+			const predecessor = readPredecessor();
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
 				en
@@ -11302,7 +12024,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				}
 				return result;
 			};
-			version().catch(() => {});
+			const firstAnswer = version();
+			firstAnswer.catch(() => {});
 			ctx.on("connection/reset", () => {
 				version().catch(() => {});
 			});
@@ -11335,29 +12058,62 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				};
 				return fresh;
 			};
+			let listingRead = null;
+			const listing = async () => {
+				const warm = warmCatalog;
+				if (warm !== null) try {
+					return await warm.result;
+				} catch {}
+				listingRead ??= hostCatalog().finally(() => {
+					listingRead = null;
+				});
+				return listingRead;
+			};
 			const handOver = async (result) => ({
 				...result,
 				incompatible: await refineAgainstModuleTable(result.incompatible ?? {}, ctx.get("modules"), pageRemoved)
 			});
 			const restart = async () => unwrap(await ns.restart());
 			withdrawRestart = registerRestartCarrier(restart);
+			const install = async (args) => {
+				warmCatalog = null;
+				return unwrap(await ns.installStart(args));
+			};
+			const installStatus = async (args) => unwrap(await ns.installStatus(args));
+			const uninstall = async (args) => {
+				warmCatalog = null;
+				return unwrap(await ns.uninstallStart(args));
+			};
+			const updateStart = async (args) => {
+				warmCatalog = null;
+				return unwrap(await ns.updateStart(args));
+			};
+			const noteUninstalled = (name) => {
+				pageRemoved.add(name);
+			};
+			const page = createPageStore(() => ({
+				install,
+				uninstall,
+				updateStart,
+				installStatus,
+				noteUninstalled
+			}), { pollUnwatched: true });
+			disposeOccupant(installPageStore(page));
+			ctx.effect(() => () => {
+				page.dispose();
+			}, "dsh-plugin-shop: page store");
+			restartListeners.add(() => {
+				page.noteRestarted();
+			});
 			const injected = () => ({
 				catalog: async (args) => handOver(await hostCatalog(args)),
-				install: async (args) => {
-					warmCatalog = null;
-					return unwrap(await ns.installStart(args));
-				},
-				installStatus: async (args) => unwrap(await ns.installStatus(args)),
+				install,
+				installStatus,
 				setEnabled: async (args) => unwrap(await ns.setEnabled(args)),
 				installed: async () => unwrap(await ns.installed()),
 				installedSpecs: async () => unwrap(await ns.installedSpecs()),
-				uninstall: async (args) => {
-					warmCatalog = null;
-					return unwrap(await ns.uninstallStart(args));
-				},
-				noteUninstalled: (name) => {
-					pageRemoved.add(name);
-				},
+				uninstall,
+				noteUninstalled,
 				restart,
 				version,
 				onRestarted: (listener) => {
@@ -11366,22 +12122,51 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						restartListeners.delete(listener);
 					};
 				},
-				updateStart: async (args) => {
-					warmCatalog = null;
-					return unwrap(await ns.updateStart(args));
-				}
+				updateStart,
+				page
 			});
-			ctx.slots.inject("settings.section", () => ctx.slots.register({
-				name: "settings.section",
-				id: "shop",
-				order: 17,
-				label: () => ctx.locale.bind(NS)("title"),
+			const layout = () => ctx.get("layout");
+			const selectShopPage = () => {
+				const service = layout();
+				if (typeof service?.selectPanel !== "function") return;
+				try {
+					service.selectPanel(SHOP_PANEL);
+				} catch {}
+			};
+			ctx.slots.inject("main", () => [ctx.slots.register({
+				name: "main",
+				key: SHOP_PANEL,
 				locale: NS,
 				inject: injected
-			}, ShopSection));
+			}, ShopPage), () => {
+				page.recordTeardown();
+			}]);
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: SHOP_PANEL,
+				order: 5,
+				label: () => ctx.locale.bind(NS)("title"),
+				locale: NS
+			}, ShopGlyph));
+			ctx.slots.inject("plugins.detail.actions", () => ctx.slots.register({
+				name: "plugins.detail.actions",
+				id: SHOP_PANEL,
+				order: 0,
+				locale: NS,
+				inject: () => ({
+					listing,
+					canOpen: () => typeof layout()?.selectPanel === "function",
+					openShop: selectShopPage,
+					page
+				})
+			}, ShopDetailAction));
+			if (predecessor.kind === "section" || predecessor.kind === "page" && predecessor.showing) firstAnswer.then((answer) => {
+				if (updateAwaitsRestart(answer)) selectShopPage();
+			}, () => {});
 		}
 		//#endregion
 		exports.NS = NS;
+		exports.SHOP_PANEL = SHOP_PANEL;
 		exports.WARM_TTL_MS = WARM_TTL_MS;
 		exports.apply = apply;
 		exports.inject = inject;