dsh-model-visibility 0.1.1 → 0.2.0

package/lib/client.js

@@ -1,218 +1,237 @@
-window.__ModuleLoader__.load({
-	id: "dsh-model-visibility",
-	factory: (require) => {
-		var module = { exports: {} };
-		var exports = module.exports;
-		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
-		let react = require("react");
-		let react_jsx_runtime = require("react/jsx-runtime");
-		//#region src/client/controller.ts
-		/**
-		* The model-visibility card's controller: React-free state over two sources —
-		* the (already filtered) Host model catalog and the `model-visibility`
-		* settings scope. The rendered list is their union: catalog rows are visible
-		* models; hidden entries restate the models the filter removed, labeled by
-		* the name snapshot each entry carries. Beyond the reference shape, the
-		* controller exposes provider-level batch writes and a whole-list write so
-		* the card can offer search + bulk actions.
-		*/
-		const EMPTY = {
-			phase: "loading",
-			writable: false,
-			groups: [],
-			total: 0,
-			visible: 0
-		};
-		/** Mint one wire id (the brand is client-side nominal typing only). */
-		function rpcRequest(payload) {
-			return {
-				rpcId: crypto.randomUUID(),
-				payload
-			};
-		}
-		var ModelVisibilityCardController = class {
-			scope;
-			api;
-			/** Exposed: the section contribution passes the store through its face as `hooks.snapshot`. */
-			store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(EMPTY);
-			catalog;
-			loadError;
-			generation = 0;
-			constructor(scope, api) {
-				this.scope = scope;
-				this.api = api;
-				scope.subscribe(() => {
-					this.recompute();
-				});
+window.__ModuleLoader__.load({ id: "dsh-model-visibility", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const __deepseek_ai_dsh_client_store = __toESM(require("@deepseek-ai/dsh-client-store"));
+const react = __toESM(require("react"));
+const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
+
+//#region src/namespace.ts
+const MODEL_VISIBILITY_NS = "model-visibility";
+
+//#endregion
+//#region src/client/controller.ts
+const EMPTY = {
+	phase: "loading",
+	writable: false,
+	groups: [],
+	total: 0,
+	visible: 0
+};
+var ModelVisibilityCardController = class {
+	/** Exposed: the section contribution passes the store through its face as `hooks.snapshot`. */
+	store = (0, __deepseek_ai_dsh_client_store.createSnapshotStore)(EMPTY);
+	catalog;
+	loadError;
+	generation = 0;
+	unsubscribe;
+	constructor(form, catalogReader) {
+		this.form = form;
+		this.catalogReader = catalogReader;
+		this.unsubscribe = form.subscribe(() => {
+			this.recompute();
+		});
+		this.load();
+	}
+	/** The registration-side inject face. */
+	face() {
+		return {
+			hooks: { modelVisibility: this.store },
+			toggle: (provider, model, name$1, hidden) => {
+				this.toggle(provider, model, name$1, hidden);
+			},
+			toggleProvider: (provider, hidden) => {
+				this.toggleProvider(provider, hidden);
+			},
+			resetAll: () => {
+				this.resetAll();
+			},
+			reload: () => {
 				this.load();
 			}
-			/** The registration-side inject face. */
-			face() {
-				return {
-					hooks: { modelVisibility: this.store },
-					toggle: (provider, model, name, hidden) => {
-						this.toggle(provider, model, name, hidden);
-					},
-					toggleProvider: (provider, hidden) => {
-						this.toggleProvider(provider, hidden);
-					},
-					resetAll: () => {
-						this.resetAll();
-					},
-					reload: () => {
-						this.load();
-					}
+		};
+	}
+	/** Re-read the catalog; an older response never overwrites a newer one. */
+	async load() {
+		const generation = ++this.generation;
+		if (this.catalog === void 0) this.store.update((draft) => {
+			draft.phase = "loading";
+		});
+		try {
+			const groups = await this.catalogReader.read();
+			if (generation !== this.generation) return;
+			this.catalog = groups.map((group) => ({
+				id: group.id,
+				name: group.name,
+				models: group.models.map((model) => ({
+					id: model.id,
+					name: model.name
+				}))
+			}));
+			this.loadError = void 0;
+		} catch (error) {
+			if (generation !== this.generation) return;
+			this.loadError = error instanceof Error ? error.message : String(error);
+		}
+		this.recompute();
+	}
+	/** Stop following the settings form (plugin unload). */
+	dispose() {
+		this.unsubscribe();
+	}
+	/** Compute the next hidden list from the current one plus one model's flip. */
+	nextHidden(current, provider, model, name$1, hidden) {
+		const rest = current.filter((entry) => !(entry.provider === provider && entry.model === model));
+		return hidden ? [...rest, {
+			provider,
+			model,
+			name: name$1
+		}] : rest;
+	}
+	/** Write the next hidden list, then re-pull the catalog the filter changed. */
+	async write(next) {
+		try {
+			await this.form.set("hidden", next);
+		} catch {}
+		await this.load();
+	}
+	/** Flip one model's visibility (public API — the section card calls it directly). */
+	async toggle(provider, model, name$1, hidden) {
+		const current = this.form.getSnapshot().value?.hidden ?? [];
+		await this.write(this.nextHidden(current, provider, model, name$1, hidden));
+	}
+	/**
+	
+	* Batch flip for one provider. Models are taken from the union of the
+	
+	* (filtered) catalog rows and existing hidden entries so a provider with
+	
+	* every model already hidden still flips back fully.
+	
+	*/
+	/** Batch flip for one provider (public API). */
+	async toggleProvider(provider, hidden) {
+		const current = this.form.getSnapshot().value?.hidden ?? [];
+		const providerRows = this.stateRows().find((group) => group.id === provider);
+		const ids = new Set([...providerRows ? providerRows.models.map((model) => model.id) : [], ...current.filter((entry) => entry.provider === provider).map((entry) => entry.model)]);
+		if (ids.size === 0) return;
+		let next = current.filter((entry) => entry.provider !== provider);
+		if (hidden) {
+			const nameOf = (id) => providerRows?.models.find((model) => model.id === id)?.name ?? id;
+			next = [...next, ...[...ids].map((id) => ({
+				provider,
+				model: id,
+				name: nameOf(id)
+			}))];
+		}
+		await this.write(next);
+	}
+	/** Clear the hidden list entirely (public API). */
+	async resetAll() {
+		await this.write([]);
+	}
+	/** Current union rows (catalog ∪ hidden) without touching the store. */
+	stateRows() {
+		const snapshot = this.form.getSnapshot();
+		const hidden = snapshot.value?.hidden ?? [];
+		if (this.catalog === void 0) return [];
+		const hiddenKeys = new Set(hidden.map((entry) => `${entry.provider}\u0000${entry.model}`));
+		const groups = this.catalog.map((group) => ({
+			id: group.id,
+			name: group.name,
+			models: group.models.map((model) => ({
+				id: model.id,
+				name: model.name,
+				hidden: hiddenKeys.has(`${group.id}\u0000${model.id}`)
+			}))
+		}));
+		const groupsById = new Map(groups.map((group) => [group.id, group]));
+		for (const entry of hidden) {
+			const group = groupsById.get(entry.provider);
+			if (group?.models.some((model) => model.id === entry.model)) continue;
+			const row = {
+				id: entry.model,
+				name: entry.name ?? entry.model,
+				hidden: true
+			};
+			if (group !== void 0) group.models.push(row);
+			else {
+				const created = {
+					id: entry.provider,
+					name: entry.provider,
+					models: [row]
 				};
+				groupsById.set(entry.provider, created);
+				groups.push(created);
 			}
-			/** Re-read the catalog; an older response never overwrites a newer one. */
-			async load() {
-				const generation = ++this.generation;
-				if (this.catalog === void 0) this.store.update((draft) => {
-					draft.phase = "loading";
-				});
-				try {
-					const response = await this.api.llm.models(rpcRequest({}));
-					if (generation !== this.generation) return;
-					if (response.result.ok) {
-						this.catalog = response.result.value.groups;
-						this.loadError = void 0;
-					} else this.loadError = response.result.error.message;
-				} catch (error) {
-					if (generation !== this.generation) return;
-					this.loadError = error instanceof Error ? error.message : String(error);
-				}
-				this.recompute();
-			}
-			/** Compute the next hidden list from the current one plus one model's flip. */
-			nextHidden(current, provider, model, name, hidden) {
-				const rest = current.filter((entry) => !(entry.provider === provider && entry.model === model));
-				return hidden ? [...rest, {
-					provider,
-					model,
-					name
-				}] : rest;
-			}
-			/** Write the next hidden list, then re-pull the catalog the filter changed. */
-			async write(next) {
-				try {
-					await this.scope.set("hidden", next);
-				} catch {}
-				await this.load();
-			}
-			/** Flip one model's visibility (public API — the section card calls it directly). */
-			async toggle(provider, model, name, hidden) {
-				const current = this.scope.getSnapshot().value?.hidden ?? [];
-				await this.write(this.nextHidden(current, provider, model, name, hidden));
-			}
-			/**
-			* Batch flip for one provider. Models are taken from the union of the
-			* (filtered) catalog rows and existing hidden entries so a provider with
-			* every model already hidden still flips back fully.
-			*/
-			/** Batch flip for one provider (public API). */
-			async toggleProvider(provider, hidden) {
-				const current = this.scope.getSnapshot().value?.hidden ?? [];
-				const providerRows = this.stateRows().find((group) => group.id === provider);
-				const ids = /* @__PURE__ */ new Set([...providerRows ? providerRows.models.map((model) => model.id) : [], ...current.filter((entry) => entry.provider === provider).map((entry) => entry.model)]);
-				if (ids.size === 0) return;
-				let next = current.filter((entry) => entry.provider !== provider);
-				if (hidden) {
-					const nameOf = (id) => providerRows?.models.find((model) => model.id === id)?.name ?? id;
-					next = [...next, ...[...ids].map((id) => ({
-						provider,
-						model: id,
-						name: nameOf(id)
-					}))];
-				}
-				await this.write(next);
-			}
-			/** Clear the hidden list entirely (public API). */
-			async resetAll() {
-				await this.write([]);
-			}
-			/** Current union rows (catalog ∪ hidden) without touching the store. */
-			stateRows() {
-				const hidden = this.scope.getSnapshot().value?.hidden ?? [];
-				if (this.catalog === void 0) return [];
-				const hiddenKeys = new Set(hidden.map((entry) => `${entry.provider}\u0000${entry.model}`));
-				const groups = this.catalog.map((group) => ({
-					id: group.id,
-					name: group.name,
-					models: group.models.map((model) => ({
-						id: model.id,
-						name: model.name,
-						hidden: hiddenKeys.has(`${group.id}\u0000${model.id}`)
-					}))
-				}));
-				const groupsById = new Map(groups.map((group) => [group.id, group]));
-				for (const entry of hidden) {
-					const group = groupsById.get(entry.provider);
-					if (group?.models.some((model) => model.id === entry.model)) continue;
-					const row = {
-						id: entry.model,
-						name: entry.name ?? entry.model,
-						hidden: true
-					};
-					if (group !== void 0) group.models.push(row);
-					else {
-						const created = {
-							id: entry.provider,
-							name: entry.provider,
-							models: [row]
-						};
-						groupsById.set(entry.provider, created);
-						groups.push(created);
-					}
-				}
-				return groups;
-			}
-			/** Union the filtered catalog with the hidden entries into render rows. */
-			recompute() {
-				const snapshot = this.scope.getSnapshot();
-				if (this.catalog === void 0 && this.loadError !== void 0) {
-					this.store.set({
-						...EMPTY,
-						phase: "error",
-						error: this.loadError,
-						writable: snapshot.writable
-					});
-					return;
-				}
-				if (this.catalog === void 0 || snapshot.status === "loading") {
-					this.store.set({
-						...EMPTY,
-						writable: snapshot.writable
-					});
-					return;
-				}
-				const groups = this.stateRows();
-				const total = groups.reduce((count, group) => count + group.models.length, 0);
-				const visible = groups.reduce((count, group) => count + group.models.filter((model) => !model.hidden).length, 0);
-				this.store.set({
-					phase: "ready",
-					writable: snapshot.writable,
-					groups,
-					total,
-					visible
-				});
-			}
-		};
-		//#endregion
-		//#region src/client/ModelVisibilityCard.tsx
-		/**
-		* The model-visibility settings section, styled to mirror the official
-		* settings pages: big page title + muted intro, a controls row, then one
-		* bordered rounded card per provider (like the provider cards on the
-		* 模型 page) with pill action buttons and token-style switches.
-		*
-		* Consumes the `settings.section` contribution contract exactly like the
-		* official ModelsSection: props = spread inject face, where `hooks.snapshot`
-		* arrives as the `useSnapshot` selector hook; all three seats are undefined
-		* while the shell has not injected yet (render null then).
-		*/
-		const STYLE_ID = "dsh-model-visibility-styles";
-		const STYLES = `
+		}
+		return groups;
+	}
+	/** Union the filtered catalog with the hidden entries into render rows. */
+	recompute() {
+		const snapshot = this.form.getSnapshot();
+		if (snapshot.status === "unavailable") {
+			this.store.set({
+				...EMPTY,
+				phase: "unavailable",
+				writable: snapshot.writable
+			});
+			return;
+		}
+		if (this.catalog === void 0 && this.loadError !== void 0) {
+			this.store.set({
+				...EMPTY,
+				phase: "error",
+				error: this.loadError,
+				writable: snapshot.writable
+			});
+			return;
+		}
+		if (this.catalog === void 0 || snapshot.status === "loading") {
+			this.store.set({
+				...EMPTY,
+				writable: snapshot.writable
+			});
+			return;
+		}
+		const groups = this.stateRows();
+		const total = groups.reduce((count, group) => count + group.models.length, 0);
+		const visible = groups.reduce((count, group) => count + group.models.filter((model) => !model.hidden).length, 0);
+		this.store.set({
+			phase: "ready",
+			writable: snapshot.writable,
+			groups,
+			total,
+			visible
+		});
+	}
+};
+
+//#endregion
+//#region src/client/ModelVisibilityCard.tsx
+const STYLE_ID = "dsh-model-visibility-styles";
+const STYLES = `
 .dsh-mvw { display:flex; flex-direction:column; gap:16px; }
 .dsh-mvw .mvw-title { font-size:20px; font-weight:700; letter-spacing:.01em; }
 .dsh-mvw .mvw-sub { font-size:13px; color:inherit; opacity:.62; margin-top:6px; max-width:64ch; line-height:1.55; }
@@ -266,279 +285,307 @@ window.__ModuleLoader__.load({
 .dsh-mvw .mvw-warn { font-size:12.5px; color:#c77700; }
 .dsh-mvw .mvw-seats-off { font-size:12.5px; opacity:.66; }
 `;
-		function ensureStyles() {
-			if (typeof document === "undefined") return;
-			if (document.getElementById(STYLE_ID)) return;
-			const el = document.createElement("style");
-			el.id = STYLE_ID;
-			el.textContent = STYLES;
-			document.head.appendChild(el);
-		}
-		function ModelVisibilityCard(props) {
-			const { controller, useSnapshot, t } = props;
-			const state = (useSnapshot ?? ((_selector) => void 0))((snapshot) => snapshot);
-			const [query, setQuery] = (0, react.useState)("");
-			(0, react.useMemo)(() => {
-				ensureStyles();
-			}, []);
-			const filteredGroups = (0, react.useMemo)(() => {
-				const q = query.trim().toLowerCase();
-				if (q === "") return state?.groups ?? [];
-				return (state?.groups ?? []).map((group) => ({
-					...group,
-					models: group.models.filter((model) => model.id.toLowerCase().includes(q) || model.name.toLowerCase().includes(q) || group.id.toLowerCase().includes(q))
-				})).filter((group) => group.models.length > 0);
-			}, [state, query]);
-			if (controller === void 0 || useSnapshot === void 0 || t === void 0) return null;
-			if (state === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-				className: "dsh-mvw",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "mvw-note",
-					children: t("loading")
-				})
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: "dsh-mvw",
+function ensureStyles() {
+	if (typeof document === "undefined") return;
+	if (document.getElementById(STYLE_ID)) return;
+	const el = document.createElement("style");
+	el.id = STYLE_ID;
+	el.textContent = STYLES;
+	document.head.appendChild(el);
+}
+function ModelVisibilityCard(props) {
+	const { controller, useSnapshot, t } = props;
+	const state = (useSnapshot ?? ((_selector) => void 0))((snapshot) => snapshot);
+	const [query, setQuery] = (0, react.useState)("");
+	(0, react.useMemo)(() => {
+		ensureStyles();
+	}, []);
+	const filteredGroups = (0, react.useMemo)(() => {
+		const q = query.trim().toLowerCase();
+		if (q === "") return state?.groups ?? [];
+		return (state?.groups ?? []).map((group) => ({
+			...group,
+			models: group.models.filter((model) => model.id.toLowerCase().includes(q) || model.name.toLowerCase().includes(q) || group.id.toLowerCase().includes(q))
+		})).filter((group) => group.models.length > 0);
+	}, [state, query]);
+	if (controller === void 0 || useSnapshot === void 0 || t === void 0) return null;
+	if (state === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		className: "dsh-mvw",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mvw-note",
+			children: t("loading")
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "dsh-mvw",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-title",
+				children: t("title")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mvw-sub",
+				children: t("intro")
+			})] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mvw-controls",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mvw-title",
-						children: t("title")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "mvw-sub",
-						children: t("intro")
-					})] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "mvw-controls",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "search",
-								className: "mvw-search",
-								value: query,
-								placeholder: t("searchPlaceholder"),
-								onChange: (event) => {
-									setQuery(event.target.value);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "search",
+						className: "mvw-search",
+						value: query,
+						placeholder: t("searchPlaceholder"),
+						onChange: (event) => {
+							setQuery(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "mvw-pill",
+						disabled: !state.writable || state.total === state.visible,
+						onClick: () => {
+							controller.resetAll();
+						},
+						children: t("showAllProviders")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "mvw-count",
+						children: t("visibleCount", {
+							visible: state.visible,
+							total: state.total
+						})
+					})
+				]
+			}),
+			state.phase === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mvw-warn",
+				children: [
+					t("loadFailed", { message: state.error ?? "" }),
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "mvw-mini",
+						onClick: () => {
+							controller.load();
+						},
+						children: t("retry")
+					})
+				]
+			}),
+			state.phase === "unavailable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-note",
+				children: t("unavailable")
+			}),
+			state.phase === "ready" && !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-note",
+				children: t("readOnly")
+			}),
+			state.phase === "ready" && state.groups.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-note",
+				children: t("empty")
+			}),
+			state.phase === "ready" && state.total > 0 && state.visible === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-warn",
+				children: t("allHiddenWarning")
+			}),
+			state.phase === "ready" && filteredGroups.length === 0 && state.groups.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mvw-note",
+				children: t("noMatch")
+			}),
+			state.phase === "ready" && filteredGroups.map((group) => {
+				const groupVisible = group.models.filter((model) => !model.hidden).length;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mvw-card",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mvw-prov-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "mvw-prov-name",
+							children: group.name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "mvw-prov-count",
+							children: t("providerRow", {
+								visible: groupVisible,
+								total: group.models.length
+							})
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "mvw-prov-btns",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								className: "mvw-pill",
-								disabled: !state.writable || state.total === state.visible,
+								className: "mvw-mini",
+								disabled: !state.writable || groupVisible === 0,
 								onClick: () => {
-									controller.resetAll();
+									controller.toggleProvider(group.id, true);
 								},
-								children: t("showAllProviders")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "mvw-count",
-								children: t("visibleCount", {
-									visible: state.visible,
-									total: state.total
-								})
-							})
-						]
-					}),
-					state.phase === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "mvw-warn",
-						children: [
-							t("loadFailed", { message: state.error ?? "" }),
-							" ",
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								children: t("hideAll")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "mvw-mini",
+								disabled: !state.writable || groupVisible === group.models.length,
 								onClick: () => {
-									controller.load();
+									controller.toggleProvider(group.id, false);
 								},
-								children: t("retry")
-							})
-						]
-					}),
-					state.phase === "ready" && !state.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mvw-note",
-						children: t("readOnly")
-					}),
-					state.phase === "ready" && state.groups.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mvw-note",
-						children: t("empty")
-					}),
-					state.phase === "ready" && state.total > 0 && state.visible === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mvw-warn",
-						children: t("allHiddenWarning")
-					}),
-					state.phase === "ready" && filteredGroups.length === 0 && state.groups.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mvw-note",
-						children: t("noMatch")
-					}),
-					state.phase === "ready" && filteredGroups.map((group) => {
-						const groupVisible = group.models.filter((model) => !model.hidden).length;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "mvw-card",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "mvw-prov-head",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "mvw-prov-name",
-									children: group.name
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "mvw-prov-count",
-									children: t("providerRow", {
-										visible: groupVisible,
-										total: group.models.length
-									})
-								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "mvw-prov-btns",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "mvw-mini",
-										disabled: !state.writable || groupVisible === 0,
-										onClick: () => {
-											controller.toggleProvider(group.id, true);
-										},
-										children: t("hideAll")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "mvw-mini",
-										disabled: !state.writable || groupVisible === group.models.length,
-										onClick: () => {
-											controller.toggleProvider(group.id, false);
-										},
-										children: t("showAll")
-									})]
+								children: t("showAll")
+							})]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						style: {
+							listStyle: "none",
+							margin: 0,
+							padding: 0
+						},
+						children: group.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: "mvw-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "mvw-name",
+								children: [model.name, model.name !== model.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "mvw-id",
+									children: model.id
 								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-								style: {
-									listStyle: "none",
-									margin: 0,
-									padding: 0
-								},
-								children: group.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-									className: "mvw-row",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "mvw-name",
-										children: [model.name, model.name !== model.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "mvw-id",
-											children: model.id
-										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
-										on: !model.hidden,
-										disabled: !state.writable,
-										label: model.name,
-										onChange: (visible) => {
-											controller.toggle(group.id, model.id, model.name, !visible);
-										}
-									})]
-								}, model.id))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
+								on: !model.hidden,
+								disabled: !state.writable,
+								label: model.name,
+								onChange: (visible) => {
+									controller.toggle(group.id, model.id, model.name, !visible);
+								}
 							})]
-						}, group.id);
-					})
-				]
-			});
-		}
-		function Switch(props) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				role: "switch",
-				"aria-checked": props.on,
-				"aria-label": props.label,
-				disabled: props.disabled,
-				onClick: () => {
-					props.onChange(!props.on);
-				},
-				style: {
-					width: 40,
-					height: 22,
-					borderRadius: 11,
-					border: "none",
-					padding: 2,
-					cursor: props.disabled ? "not-allowed" : "pointer",
-					background: props.on ? "#4c8bf5" : "rgba(128,128,128,.45)",
-					opacity: props.disabled ? .5 : 1,
-					display: "inline-flex",
-					justifyContent: props.on ? "flex-end" : "flex-start",
-					transition: "background .15s",
-					flex: "none"
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
-					width: 18,
-					height: 18,
-					borderRadius: "50%",
-					background: "#fff",
-					display: "block"
-				} })
-			});
-		}
-		//#endregion
-		//#region src/client/locales.ts
-		const LOCALE_NS = "settings.modelVisibility";
-		const zh = {
-			nav: "模型可见性",
-			title: "模型可见性",
-			intro: "控制各模型是否出现在对话界面的模型选择菜单中。隐藏一个正在使用的模型不会中断该会话，也不会改动 Provider 配置。",
-			loading: "正在读取模型目录…",
-			loadFailed: "模型目录读取失败：{message}",
-			retry: "重试",
-			empty: "没有任何 Provider 提供模型。",
-			allHiddenWarning: "所有模型都已隐藏，模型选择菜单将是空的。",
-			readOnly: "设置文档不可写，开关已禁用。",
-			visibleCount: "{visible} / {total} 可见",
-			searchPlaceholder: "搜索模型…",
-			noMatch: "没有匹配的模型。",
-			hideAll: "全部隐藏",
-			showAll: "全部显示",
-			showAllProviders: "恢复全部",
-			providerRow: "该渠道 {visible} / {total} 可见"
-		};
-		const en = {
-			nav: "Model visibility",
-			title: "Model visibility",
-			intro: "Control which models appear in the conversation model selector. Hiding a model a session already uses never interrupts that session or touches your provider config.",
-			loading: "Loading the model catalog…",
-			loadFailed: "Failed to load the model catalog: {message}",
-			retry: "Retry",
-			empty: "No provider advertises any model.",
-			allHiddenWarning: "Every model is hidden; the model selector will be empty.",
-			readOnly: "The settings document is read-only; toggles are disabled.",
-			visibleCount: "{visible} / {total} visible",
-			searchPlaceholder: "Search models…",
-			noMatch: "No model matches.",
-			hideAll: "Hide all",
-			showAll: "Show all",
-			showAllProviders: "Reset all",
-			providerRow: "{visible} / {total} visible in this provider"
+						}, model.id))
+					})]
+				}, group.id);
+			})
+		]
+	});
+}
+function Switch(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": props.on,
+		"aria-label": props.label,
+		disabled: props.disabled,
+		onClick: () => {
+			props.onChange(!props.on);
+		},
+		style: {
+			width: 40,
+			height: 22,
+			borderRadius: 11,
+			border: "none",
+			padding: 2,
+			cursor: props.disabled ? "not-allowed" : "pointer",
+			background: props.on ? "#4c8bf5" : "rgba(128,128,128,.45)",
+			opacity: props.disabled ? .5 : 1,
+			display: "inline-flex",
+			justifyContent: props.on ? "flex-end" : "flex-start",
+			transition: "background .15s",
+			flex: "none"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+			width: 18,
+			height: 18,
+			borderRadius: "50%",
+			background: "#fff",
+			display: "block"
+		} })
+	});
+}
+
+//#endregion
+//#region src/client/locales.ts
+const LOCALE_NS = "settings.modelVisibility";
+const zh = {
+	nav: "模型可见性",
+	title: "模型可见性",
+	intro: "控制各模型是否出现在对话界面的模型选择菜单中。隐藏一个正在使用的模型不会中断该会话，也不会改动 Provider 配置。",
+	loading: "正在读取模型目录…",
+	loadFailed: "模型目录读取失败：{message}",
+	retry: "重试",
+	unavailable: "此连接不共享宿主设置，模型可见性不可用。",
+	empty: "没有任何 Provider 提供模型。",
+	allHiddenWarning: "所有模型都已隐藏，模型选择菜单将是空的。",
+	readOnly: "设置文档不可写，开关已禁用。",
+	visibleCount: "{visible} / {total} 可见",
+	searchPlaceholder: "搜索模型…",
+	noMatch: "没有匹配的模型。",
+	hideAll: "全部隐藏",
+	showAll: "全部显示",
+	showAllProviders: "恢复全部",
+	providerRow: "该渠道 {visible} / {total} 可见"
+};
+const en = {
+	nav: "Model visibility",
+	title: "Model visibility",
+	intro: "Control which models appear in the conversation model selector. Hiding a model a session already uses never interrupts that session or touches your provider config.",
+	loading: "Loading the model catalog…",
+	loadFailed: "Failed to load the model catalog: {message}",
+	retry: "Retry",
+	unavailable: "Model visibility is unavailable: this connection does not share the Host settings.",
+	empty: "No provider advertises any model.",
+	allHiddenWarning: "Every model is hidden; the model selector will be empty.",
+	readOnly: "The settings document is read-only; toggles are disabled.",
+	visibleCount: "{visible} / {total} visible",
+	searchPlaceholder: "Search models…",
+	noMatch: "No model matches.",
+	hideAll: "Hide all",
+	showAll: "Show all",
+	showAllProviders: "Reset all",
+	providerRow: "{visible} / {total} visible in this provider"
+};
+
+//#endregion
+//#region src/client/index.ts
+const name = "dsh-model-visibility";
+const inject = [
+	"slots",
+	"locale",
+	"configForms",
+	"remote",
+	"remote.session"
+];
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(LOCALE_NS, {
+		zh,
+		en
+	}), "model-visibility: copy dictionaries");
+	const form = ctx.configForms.get(MODEL_VISIBILITY_NS);
+	const catalog = { async read() {
+		const response = await ctx.remote.session.modelCatalog();
+		if (!response.ok) throw new Error(`${response.error.code}: ${response.error.message}`);
+		return response.value.groups;
+	} };
+	const controller = new ModelVisibilityCardController(form, catalog);
+	ctx.effect(() => () => {
+		controller.dispose();
+	}, "model-visibility: card controller");
+	ctx.effect(() => {
+		const offAdapters = ctx.remote.$on("llm/adapters-updated", () => {
+			controller.load();
+		});
+		const offSettings = ctx.remote.$on("settings/document-updated", (ns) => {
+			if (ns !== MODEL_VISIBILITY_NS) controller.load();
+		});
+		return () => {
+			offAdapters();
+			offSettings();
 		};
-		//#endregion
-		//#region src/client/index.ts
-		const name = "dsh-model-visibility";
-		const inject = [
-			"slots",
-			"locale",
-			"connection",
-			"settingsScope"
-		];
-		function apply(ctx) {
-			ctx.locale.register(LOCALE_NS, {
-				zh,
-				en
-			});
-			const controller = new ModelVisibilityCardController(ctx.settingsScope.bind({ namespace: "model-visibility" }), ctx.connection.api);
-			const t = ctx.locale.bind(LOCALE_NS);
-			const injected = () => ({
-				controller,
-				t,
-				hooks: { snapshot: controller.store }
-			});
-			ctx.slots.inject("settings.section", () => ctx.slots.register({
-				name: "settings.section",
-				id: "model-visibility",
-				order: 11,
-				label: () => t("nav"),
-				inject: injected
-			}, ModelVisibilityCard));
-		}
-		//#endregion
-		exports.apply = apply;
-		exports.inject = inject;
-		exports.name = name;
-		return module.exports;
-	}
-});
+	}, "model-visibility: catalog invalidation");
+	const t = ctx.locale.bind(LOCALE_NS);
+	const injected = () => ({
+		controller,
+		t,
+		hooks: { snapshot: controller.store }
+	});
+	ctx.effect(() => ctx.configForms.whileServed([MODEL_VISIBILITY_NS], () => ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: "model-visibility",
+		order: 11,
+		label: () => t("nav"),
+		inject: injected
+	}, ModelVisibilityCard))), "model-visibility: settings section");
+}
 
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+exports.name = name;
+return module.exports; } });
 //# sourceMappingURL=client.js.map