@xrkseek/harness-cli 0.0.1

package/product-web/plugins/@xrkseek/client-ui-model-selection/client.js

@@ -0,0 +1,804 @@
+window.__ModuleLoader__.load({
+	id: "@xrkseek/client-ui-model-selection",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _xrkseek_cordis = require("@xrkseek/cordis");
+		let _xrkseek_client_runtime_client = require("@xrkseek/client-runtime/client");
+		let react = require("react");
+		let _xrkseek_client_ui_primitives = require("@xrkseek/client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/directory.ts
+		/** One session's shared directory controller; disposed with the session scope. */
+		var ModelDirectory = class {
+			sessions;
+			sessionId;
+			available;
+			/** The shared snapshot both entries render from (uSES-safe store). */
+			store = (0, _xrkseek_client_runtime_client.createSnapshotStore)({
+				current: null,
+				routable: null,
+				groups: [],
+				failures: [],
+				status: "idle",
+				error: null
+			});
+			/** Latest operation wins; an older response never overwrites a newer one. */
+			generation = 0;
+			disposed = false;
+			/**
+			* @param sessions - the session wire face (captured from the plugin's root connection).
+			* @param sessionId - the owning session.
+			* @param available - whether this session may use Agent-bound model RPCs.
+			*/
+			constructor(sessions, sessionId, available) {
+				this.sessions = sessions;
+				this.sessionId = sessionId;
+				this.available = available;
+			}
+			/**
+			* Refresh the advisory directory (both entries call this on open).
+			* Failure preserves the last good groups and current selection.
+			* @returns the fresh directory value.
+			*/
+			async load() {
+				this.assertAvailable();
+				const generation = ++this.generation;
+				this.store.update((s) => {
+					s.status = "loading";
+					s.error = null;
+				});
+				const { result } = await this.sessions.models({ sessionId: this.sessionId });
+				if (this.disposed || generation !== this.generation) {
+					if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
+					return result.value;
+				}
+				if (!result.ok) {
+					this.store.update((s) => {
+						s.status = "error";
+						s.error = `${result.error.code}: ${result.error.message}`;
+					});
+					throw new Error(`session.models failed: ${result.error.code}: ${result.error.message}`);
+				}
+				const { current, routable, groups, failures } = result.value;
+				this.store.update((s) => {
+					s.current = current;
+					s.routable = routable;
+					s.groups = groups;
+					s.failures = failures;
+					s.status = "ready";
+					s.error = null;
+				});
+				return result.value;
+			}
+			/**
+			* Select the complete provider/model/reasoning selection (both entries submit through here). Success
+			* updates the shared current; failure surfaces on the store and throws so
+			* each entry's own retry surface engages.
+			* @param selection - provider, provider-owned model id, and optional adapter-owned effort.
+			*/
+			async select(selection) {
+				this.assertAvailable();
+				const generation = ++this.generation;
+				this.store.update((s) => {
+					s.status = "selecting";
+					s.error = null;
+				});
+				const { result } = await this.sessions.selectModel({
+					sessionId: this.sessionId,
+					provider: selection.provider,
+					model: selection.model,
+					...selection.reasoningEffort === void 0 ? {} : { reasoningEffort: selection.reasoningEffort }
+				});
+				if (this.disposed || generation !== this.generation) {
+					if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
+					return;
+				}
+				if (!result.ok) {
+					this.store.update((s) => {
+						s.status = "error";
+						s.error = `${result.error.code}: ${result.error.message}`;
+					});
+					throw new Error(`session.selectModel failed: ${result.error.code}: ${result.error.message}`);
+				}
+				this.store.update((s) => {
+					s.current = result.value.selected;
+					s.routable = true;
+					s.status = "ready";
+					s.error = null;
+				});
+			}
+			/**
+			* Drop the previous Host generation's projection and repull it. Clearing
+			* first prevents an unconsumed process-local selection from being displayed
+			* while the restarted Host has restored the last logged model selection.
+			*/
+			resetConnected() {
+				if (this.disposed) return;
+				++this.generation;
+				this.store.update((s) => {
+					s.current = null;
+					s.routable = null;
+					s.groups = [];
+					s.failures = [];
+					s.status = "idle";
+					s.error = null;
+				});
+				if (!this.available()) return;
+				this.load().catch(() => {});
+			}
+			/** Scope teardown: late settlements lose write access to the store. */
+			dispose() {
+				this.disposed = true;
+			}
+			assertAvailable() {
+				if (!this.available()) throw new Error("model selection is unavailable for addressed subagent sessions");
+			}
+		};
+		//#endregion
+		//#region src/client/service.ts
+		/**
+		* ModelDirectoryResolver (`ctx.modelDirectories`): the root owner of per-session
+		* {@link ModelDirectory} instances. Both selection entries (the /model popup
+		* and the composer model seat) resolve their session's directory through
+		* this service, which is what makes the dual entry one shared state.
+		*
+		* Per-session storage follows the client service pattern (InputTriggerService /
+		* CommandUiRuntime): a lazy service-internal map whose entry is deleted by the
+		* owning scope's disposer. The host `dsh-scope` ScopedLayers registry does
+		* does not belong here: it derives scope from the host carrier mechanism
+		* (object-keyed), while client scopes tag contexts with branded SessionId
+		* strings, and it models global+shadow named registries — this is a
+		* per-session singleton with no global layer to merge.
+		*/
+		/** The `ctx.modelDirectories` session model-selection service. */
+		var ModelDirectoryResolver = class extends _xrkseek_cordis.Service {
+			static inject = [
+				"connection",
+				"sessions",
+				"remote"
+			];
+			live = { directories: /* @__PURE__ */ new Map() };
+			/** Localized composer-block copy; this plugin owns the string it raises. */
+			blockReason;
+			/**
+			* @param ctx - owning root context (the service registers itself as `models`).
+			* @param config - the bound translator for this plugin's own dictionary.
+			*/
+			constructor(ctx, config) {
+				super(ctx, "modelDirectories");
+				this.blockReason = config.blockReason;
+				ctx.on("connection/reset", () => {
+					for (const directory of this.live.directories.values()) directory.resetConnected();
+				});
+				const refresh = () => {
+					for (const directory of this.live.directories.values()) directory.load().catch(() => void 0);
+				};
+				ctx.remote.$on("llm/adapters-updated", refresh);
+				ctx.remote.$on("settings/document-updated", refresh);
+			}
+			/**
+			* Resolve the per-session shared directory (lazy; the scope disposer
+			* removes and disposes it). Unknown sessions fail loud.
+			* @param sessionId - the owning session.
+			* @returns the resident directory both entries share.
+			*/
+			directoryFor(sessionId) {
+				const { live } = this;
+				const existing = live.directories.get(sessionId);
+				if (existing !== void 0) return existing;
+				const sessions = this.ctx.get("sessions");
+				const actx = sessions.scope(sessionId);
+				if (actx === void 0) throw new Error(`ui-model-selection: session "${String(sessionId)}" resolved no scope`);
+				const directory = new ModelDirectory(this.ctx.get("connection").api.sessions, sessionId, () => sessions.subagentAddress(sessionId) === void 0);
+				live.directories.set(sessionId, directory);
+				const conversation = this.ctx.get("conversation");
+				if (conversation !== void 0) {
+					const publish = () => {
+						conversation.blocks.set(sessionId, directory.store.getSnapshot().routable === false ? { reason: this.blockReason() } : void 0);
+					};
+					publish();
+					actx.effect(() => {
+						const stop = directory.store.subscribe(publish);
+						return () => {
+							stop();
+							conversation.blocks.set(sessionId, void 0);
+						};
+					}, "ui-model-selection: composer block");
+				}
+				actx.effect(() => () => {
+					directory.dispose();
+					live.directories.delete(sessionId);
+				}, "ui-model-selection: session directory");
+				return directory;
+			}
+		};
+		//#endregion
+		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		function r(e) {
+			var t, f, n = "";
+			if ("string" == typeof e || "number" == typeof e) n += e;
+			else if ("object" == typeof e) if (Array.isArray(e)) {
+				var o = e.length;
+				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+			} else for (f in e) e[f] && (n && (n += " "), n += f);
+			return n;
+		}
+		function clsx() {
+			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+			return n;
+		}
+		//#endregion
+		//#region \0xrk-css:C:\Users\sunflowerss\Desktop\XRKgrocery\XRK-harness\packages\client\ui-model-selection\src\client\ModelSelect.module.css.mjs
+		const css = ".TZv2bW_root{min-width:0;position:relative}.TZv2bW_trigger{min-width:0;max-width:220px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:24px;outline:none;align-items:center;gap:4px;padding:0 4px 0 8px;font-size:13px;font-weight:500;line-height:20px;display:flex}.TZv2bW_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.TZv2bW_trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.TZv2bW_trigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.TZv2bW_triggerLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.TZv2bW_triggerEffort{color:var(--dsw-alias-label-caption);flex:none}.TZv2bW_chevron{color:var(--dsw-alias-label-caption);flex:none;transition:transform .12s}.TZv2bW_chevronOpen{transform:rotate(180deg)}.TZv2bW_menu{z-index:20;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);width:min(240px,100vw - 32px);max-height:min(360px,100vh - 96px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}.TZv2bW_status,.TZv2bW_empty{color:var(--dsw-alias-label-tertiary);padding:10px;font-size:13px;line-height:20px}.TZv2bW_error,.TZv2bW_warning{background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;padding:7px 8px;font-size:12px;line-height:18px;display:flex}.TZv2bW_warning{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-state-warn-label)}.TZv2bW_retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-weight:600}.TZv2bW_groups{min-height:0;overflow-y:auto}.TZv2bW_group+.TZv2bW_group{margin-top:4px}.TZv2bW_groupTitle{z-index:1;background:var(--dsw-specific-menu);color:var(--dsw-alias-label-tertiary);padding:5px 8px 3px;font-size:12px;font-weight:500;line-height:18px;position:sticky;top:0}.TZv2bW_option{width:100%;min-height:38px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.TZv2bW_option:hover:not(:disabled),.TZv2bW_option:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.TZv2bW_selected{background:0 0}.TZv2bW_option:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.TZv2bW_optionCopy{flex-direction:column;flex:1;min-width:0;display:flex}.TZv2bW_modelName{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.TZv2bW_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.TZv2bW_check{color:var(--dsw-alias-label-primary);flex:0 0 18px;place-items:center;display:grid}.TZv2bW_cell{width:100%;height:40px;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 10px;font-size:14px;line-height:22px;display:flex}.TZv2bW_cell:hover{background:var(--dsw-alias-interactive-bg-hover)}.TZv2bW_cellLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.TZv2bW_cellValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:0 auto;overflow:hidden}.TZv2bW_cellChevron{color:var(--dsw-alias-label-tertiary);flex:none}";
+		const tagId = "@xrkseek/client-ui-model-selection/ModelSelect.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@xrkseek/client-ui-model-selection";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ModelSelect_module_css_default = {
+			"modelName": "TZv2bW_modelName",
+			"description": "TZv2bW_description",
+			"error": "TZv2bW_error",
+			"cellChevron": "TZv2bW_cellChevron",
+			"root": "TZv2bW_root",
+			"warning": "TZv2bW_warning",
+			"triggerLabel": "TZv2bW_triggerLabel",
+			"check": "TZv2bW_check",
+			"option": "TZv2bW_option",
+			"groups": "TZv2bW_groups",
+			"group": "TZv2bW_group",
+			"selected": "TZv2bW_selected",
+			"menu": "TZv2bW_menu",
+			"cellValue": "TZv2bW_cellValue",
+			"retry": "TZv2bW_retry",
+			"cellLabel": "TZv2bW_cellLabel",
+			"chevronOpen": "TZv2bW_chevronOpen",
+			"triggerEffort": "TZv2bW_triggerEffort",
+			"groupTitle": "TZv2bW_groupTitle",
+			"cell": "TZv2bW_cell",
+			"trigger": "TZv2bW_trigger",
+			"empty": "TZv2bW_empty",
+			"optionCopy": "TZv2bW_optionCopy",
+			"status": "TZv2bW_status",
+			"chevron": "TZv2bW_chevron"
+		};
+		//#endregion
+		//#region src/client/ModelSelect.tsx
+		/**
+		* ModelSelect: the composer's named model seat (`conversation.input.model`).
+		* Two-level selection per figma 496:26454's MenuDropdown: the root menu is
+		* the Model / Effort row pair (label + current value + a right chevron),
+		* each drilling into its own list — the provider-grouped model list over
+		* the shared directory, and the effort levels. The trigger (313:14108's
+		* ToggleButton) shows both: model name + effort in the caption tone.
+		* Data and submission ride the SAME per-session ModelDirectory as the
+		* /model popup; exact-model reasoning metadata and the selected effort come
+		* from the Host rather than a client-owned vocabulary. A rejected selection
+		* announces through the shared transient Toast anchored to the composer
+		* card; the in-menu strip with Retry remains the catalog-load surface.
+		*/
+		/**
+		* Render the composer model seat.
+		* @param props - owner share (locked) + injected face (shared directory
+		* store/verbs) + the standard locale seat.
+		* @returns the trigger and, while open, the two-level menu.
+		*/
+		function ModelSelect({ locked, available, directory, load, select, t }) {
+			const state = (0, react.useSyncExternalStore)((fn) => directory.subscribe(fn), () => directory.getSnapshot());
+			const [open, setOpen] = (0, react.useState)(false);
+			const [pane, setPane] = (0, react.useState)("root");
+			const lastActionRef = (0, react.useRef)("load");
+			const [toast, setToast] = (0, react.useState)(null);
+			const toastSeq = (0, react.useRef)(0);
+			const rootRef = (0, react.useRef)(null);
+			const triggerRef = (0, react.useRef)(null);
+			const itemRefs = (0, react.useRef)([]);
+			const id = (0, react.useId)();
+			const choices = (0, react.useMemo)(() => state.groups.flatMap((group) => group.models.map((model) => ({
+				group,
+				model,
+				selection: {
+					provider: group.id,
+					model: model.id,
+					...model.reasoning?.defaultEffort === void 0 ? {} : { reasoningEffort: model.reasoning.defaultEffort }
+				}
+			}))), [state.groups]);
+			const currentChoice = choices[state.current === null ? -1 : choices.findIndex((c) => c.selection.provider === state.current?.provider && c.selection.model === state.current.model)];
+			const reasoning = currentChoice?.model.reasoning;
+			const effectiveEffort = state.current?.reasoningEffort ?? reasoning?.defaultEffort;
+			const effortLabel = reasoning === void 0 ? void 0 : effectiveEffort === void 0 ? t("effort.providerDefault") : reasoning.efforts.find((level) => level.id === effectiveEffort)?.name ?? effectiveEffort;
+			const effortChoices = (0, react.useMemo)(() => reasoning === void 0 ? [] : [...reasoning.defaultEffort === void 0 ? [{
+				key: "provider-default",
+				effort: void 0,
+				label: t("effort.providerDefault")
+			}] : [], ...reasoning.efforts.map((effort) => ({
+				key: `effort:${effort.id}`,
+				effort: effort.id,
+				label: effort.name,
+				...effort.description === void 0 ? {} : { description: effort.description }
+			}))], [reasoning, t]);
+			const busy = state.status === "selecting";
+			const reload = () => {
+				lastActionRef.current = "load";
+				load();
+			};
+			(0, react.useEffect)(() => {
+				if (available) {
+					lastActionRef.current = "load";
+					load();
+				}
+			}, [available, load]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const closeOutside = (event) => {
+					if (!rootRef.current?.contains(event.target)) setOpen(false);
+				};
+				document.addEventListener("mousedown", closeOutside);
+				return () => {
+					document.removeEventListener("mousedown", closeOutside);
+				};
+			}, [open]);
+			if (!available) return null;
+			const show = () => {
+				setPane("root");
+				setOpen(true);
+				reload();
+			};
+			const close = (restoreFocus = false) => {
+				setOpen(false);
+				setPane("root");
+				if (restoreFocus) queueMicrotask(() => {
+					triggerRef.current?.focus();
+				});
+			};
+			const moveFocus = (offset) => {
+				const items = itemRefs.current.filter((item) => item !== null);
+				if (items.length === 0) return;
+				const active = items.findIndex((item) => item === document.activeElement);
+				items[(Math.max(active, 0) + offset + items.length) % items.length]?.focus();
+			};
+			const onRootKeyDown = (event) => {
+				if (event.key === "Escape" && open) {
+					event.preventDefault();
+					if (pane !== "root") setPane("root");
+					else close(true);
+					return;
+				}
+				if (!open) return;
+				if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+					event.preventDefault();
+					moveFocus(event.key === "ArrowDown" ? 1 : -1);
+				}
+			};
+			const onBlur = (event) => {
+				if (event.relatedTarget instanceof Node && rootRef.current?.contains(event.relatedTarget)) return;
+				close();
+			};
+			const settleSelection = (accepted) => {
+				if (accepted) {
+					if (rootRef.current !== null) close(true);
+					return;
+				}
+				const message = directory.getSnapshot().error;
+				if (message !== null) {
+					toastSeq.current += 1;
+					setToast({
+						seq: toastSeq.current,
+						text: t("error.action", { message })
+					});
+				}
+			};
+			const choose = (selection) => {
+				if (state.current?.provider === selection.provider && state.current.model === selection.model) {
+					close(true);
+					return;
+				}
+				lastActionRef.current = "select";
+				select(selection).then(settleSelection);
+			};
+			const chooseEffort = (effort) => {
+				if (state.current === null) return;
+				if (effectiveEffort === effort) {
+					close(true);
+					return;
+				}
+				const selection = {
+					provider: state.current.provider,
+					model: state.current.model,
+					...effort === void 0 ? {} : { reasoningEffort: effort }
+				};
+				lastActionRef.current = "select";
+				select(selection).then(settleSelection);
+			};
+			const modelLabel = currentChoice?.model.name ?? t("trigger.fallback");
+			const triggerLabel = effortLabel === void 0 ? modelLabel : `${modelLabel} · ${effortLabel}`;
+			const triggerAria = currentChoice === void 0 ? t("trigger.selectAria") : effortLabel === void 0 ? t("trigger.aria", { model: modelLabel }) : t("trigger.ariaEffort", {
+				model: modelLabel,
+				effort: effortLabel
+			});
+			itemRefs.current = [];
+			let itemIndex = 0;
+			const itemRef = () => {
+				const at = itemIndex++;
+				return (node) => {
+					itemRefs.current[at] = node;
+				};
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: ModelSelect_module_css_default.root,
+				onKeyDown: onRootKeyDown,
+				onBlur,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref: triggerRef,
+						type: "button",
+						className: ModelSelect_module_css_default.trigger,
+						"aria-label": triggerAria,
+						"aria-haspopup": "menu",
+						"aria-expanded": open,
+						"aria-controls": open ? `${id}-menu` : void 0,
+						title: triggerLabel,
+						disabled: locked,
+						onClick: () => {
+							if (open) close();
+							else show();
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ModelSelect_module_css_default.triggerLabel,
+								children: modelLabel
+							}),
+							effortLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ModelSelect_module_css_default.triggerEffort,
+								children: effortLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconChevronDownOutline14, { className: clsx(ModelSelect_module_css_default.chevron, open && ModelSelect_module_css_default.chevronOpen) })
+						]
+					}),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						id: `${id}-menu`,
+						className: ModelSelect_module_css_default.menu,
+						role: "menu",
+						"aria-label": t("menu.aria"),
+						"aria-busy": state.status === "loading" || busy,
+						children: [
+							pane === "root" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitem",
+								className: ModelSelect_module_css_default.cell,
+								onClick: () => {
+									setPane("model");
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.cellLabel,
+										children: t("menu.model")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.cellValue,
+										children: modelLabel
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconChevronRightOutline14, { className: ModelSelect_module_css_default.cellChevron })
+								]
+							}), reasoning !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitem",
+								className: ModelSelect_module_css_default.cell,
+								onClick: () => {
+									setPane("effort");
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.cellLabel,
+										children: t("menu.effort")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.cellValue,
+										children: effortLabel
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconChevronRightOutline14, { className: ModelSelect_module_css_default.cellChevron })
+								]
+							})] }),
+							pane === "model" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								state.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ModelSelect_module_css_default.status,
+									children: t("status.loading")
+								}),
+								state.error !== null && lastActionRef.current === "load" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: ModelSelect_module_css_default.error,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("error.action", { message: state.error }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: ModelSelect_module_css_default.retry,
+										onClick: reload,
+										children: t("retry")
+									})]
+								}),
+								state.failures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: ModelSelect_module_css_default.warning,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("warning.groupLoad", {
+										name: failure.name,
+										message: failure.message
+									}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: ModelSelect_module_css_default.retry,
+										onClick: reload,
+										children: t("retry")
+									})]
+								}, failure.id)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: clsx(ModelSelect_module_css_default.groups, "scrollable"),
+									children: state.groups.map((group) => {
+										const headingId = `${id}-${group.id}`;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											role: "group",
+											"aria-labelledby": headingId,
+											className: ModelSelect_module_css_default.group,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: ModelSelect_module_css_default.groupTitle,
+												id: headingId,
+												children: group.name
+											}), group.models.map((model) => {
+												const selected = state.current?.provider === group.id && state.current.model === model.id;
+												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													ref: itemRef(),
+													type: "button",
+													role: "menuitemradio",
+													"aria-checked": selected,
+													className: clsx(ModelSelect_module_css_default.option, selected && ModelSelect_module_css_default.selected),
+													title: model.name,
+													disabled: busy,
+													onClick: () => {
+														choose({
+															provider: group.id,
+															model: model.id
+														});
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: ModelSelect_module_css_default.optionCopy,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: ModelSelect_module_css_default.modelName,
+															children: model.name
+														}), model.description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: ModelSelect_module_css_default.description,
+															children: model.description
+														})]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: ModelSelect_module_css_default.check,
+														children: selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconCheckOutline16, {}) : null
+													})]
+												}, model.id);
+											})]
+										}, group.id);
+									})
+								}),
+								state.status === "ready" && choices.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ModelSelect_module_css_default.empty,
+									children: t("empty.models")
+								})
+							] }),
+							pane === "effort" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [state.error !== null && lastActionRef.current === "load" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: ModelSelect_module_css_default.error,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("error.action", { message: state.error }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: ModelSelect_module_css_default.retry,
+									onClick: reload,
+									children: t("action.reload")
+								})]
+							}), effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: ModelSelect_module_css_default.empty,
+								children: t("empty.efforts")
+							}) : effortChoices.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitemradio",
+								"aria-checked": effectiveEffort === level.effort,
+								className: clsx(ModelSelect_module_css_default.option, effectiveEffort === level.effort && ModelSelect_module_css_default.selected),
+								disabled: busy,
+								onClick: () => {
+									chooseEffort(level.effort);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: ModelSelect_module_css_default.optionCopy,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.modelName,
+										children: level.label
+									}), level.description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSelect_module_css_default.description,
+										children: level.description
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ModelSelect_module_css_default.check,
+									children: effectiveEffort === level.effort ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconCheckOutline16, {}) : null
+								})]
+							}, level.key))] })
+						]
+					}),
+					toast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.Toast, {
+						text: toast.text,
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_xrkseek_client_ui_primitives.IconWarningOutline16, {}),
+						anchor: rootRef.current?.closest("[data-composer-card]") ?? null,
+						onDone: () => {
+							setToast(null);
+						}
+					}, toast.seq)
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* `model` namespace dictionaries.
+		*
+		* `trigger.selectAria` reads identically to `trigger.fallback` today and is
+		* still a separate key: the visible fallback label and the accessible name of
+		* an unset trigger are free to diverge per locale, and folding it into
+		* `trigger.aria` would announce the degenerate "Select model, current Select
+		* model".
+		*/
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"command.description": "选择本会话使用的模型",
+			"option.loadError": "目录加载失败：{message}",
+			"trigger.fallback": "选择模型",
+			"trigger.selectAria": "选择模型",
+			"trigger.aria": "选择模型，当前 {model}",
+			"trigger.ariaEffort": "选择模型，当前 {model}，推理等级 {effort}",
+			"menu.aria": "模型与推理等级",
+			"menu.model": "模型",
+			"menu.effort": "推理等级",
+			"effort.providerDefault": "Default",
+			"status.loading": "正在刷新模型列表…",
+			"error.action": "模型操作失败：{message}",
+			"action.reload": "重新加载",
+			"warning.groupLoad": "{name} 加载失败：{message}",
+			"empty.models": "没有可用的模型。",
+			"blocked.composer": "当前模型不可用，请先选择模型",
+			"empty.efforts": "当前模型未提供推理等级。"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"command.description": "Select the model for this conversation",
+			"option.loadError": "Catalog failed to load: {message}",
+			"trigger.fallback": "Select model",
+			"trigger.selectAria": "Select model",
+			"trigger.aria": "Select model, current {model}",
+			"trigger.ariaEffort": "Select model, current {model}, reasoning effort {effort}",
+			"menu.aria": "Model and reasoning effort",
+			"menu.model": "Model",
+			"menu.effort": "Effort",
+			"effort.providerDefault": "Default",
+			"status.loading": "Refreshing model list…",
+			"error.action": "Model operation failed: {message}",
+			"action.reload": "Reload",
+			"warning.groupLoad": "{name} failed to load: {message}",
+			"empty.models": "No models available.",
+			"blocked.composer": "This model is unavailable — select one to continue",
+			"empty.efforts": "This model provides no reasoning effort levels."
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** One selectable row's id: an opaque row key (resolved by lookup, never parsed). */
+		function rowId(providerId, modelId) {
+			return `${providerId}/${modelId}`;
+		}
+		/** Flatten the directory into popup rows; failure rows are listed for visibility but never selectable. */
+		function optionsOf(directory, t) {
+			const rows = [];
+			for (const group of directory.groups) for (const model of group.models) rows.push({
+				id: rowId(group.id, model.id),
+				label: model.name,
+				detail: model.description !== void 0 ? `${group.name} · ${model.description}` : group.name,
+				...directory.current.provider === group.id && directory.current.model === model.id ? { active: true } : {}
+			});
+			for (const failure of directory.failures) rows.push({
+				id: `failure/${failure.id}`,
+				label: failure.name,
+				detail: t("option.loadError", { message: failure.message })
+			});
+			return rows;
+		}
+		/**
+		* Resolve a picked row back to its model selection by matching against the loaded
+		* groups (the same data the rows were built from — ids stay opaque).
+		* @param state - the session's directory snapshot.
+		* @param id - the picked row id.
+		* @returns the row's model selection, or undefined for failure rows / stale ids.
+		*/
+		function selectionOf(state, id) {
+			for (const group of state.groups) for (const model of group.models) {
+				if (rowId(group.id, model.id) !== id) continue;
+				const reasoningEffort = state.current?.provider === group.id && state.current.model === model.id ? state.current?.reasoningEffort ?? model.reasoning?.defaultEffort : model.reasoning?.defaultEffort;
+				return {
+					provider: group.id,
+					model: model.id,
+					...reasoningEffort === void 0 ? {} : { reasoningEffort }
+				};
+			}
+		}
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "model";
+		/** Required services: the contribution registry, the seat's slot registry, locale, and the service's own faces. */
+		const inject = [
+			"commandUi",
+			"connection",
+			"locale",
+			"sessions",
+			"slots",
+			"remote"
+		];
+		/**
+		* Client plugin body: mount ModelDirectoryResolver, register the `model` dictionaries,
+		* then register the /model popup contribution and the composer model seat
+		* over the service.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-model-selection: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.plugin(ModelDirectoryResolver, { blockReason: () => t("blocked.composer") });
+			ctx.inject(["commandUi", "modelDirectories"], (scope) => {
+				const command = scope.get("commandUi");
+				const models = scope.modelDirectories;
+				const sessions = scope.sessions;
+				scope.effect(() => command.register({
+					name: "model",
+					description: t("command.description"),
+					available: (session) => sessions.subagentAddress(session.sessionId) === void 0,
+					ui: {
+						kind: "popupSelect",
+						options: async (session) => {
+							if (sessions.subagentAddress(session.sessionId) !== void 0) throw new Error("model selection is unavailable for addressed subagent sessions");
+							return optionsOf(await models.directoryFor(session.sessionId).load(), t);
+						},
+						onSelect: async (option, session) => {
+							if (sessions.subagentAddress(session.sessionId) !== void 0) throw new Error("model selection is unavailable for addressed subagent sessions");
+							const directory = models.directoryFor(session.sessionId);
+							const selection = selectionOf(directory.store.getSnapshot(), option.id);
+							if (selection === void 0) throw new Error("this provider's catalog failed to load — pick a model from a loaded group");
+							await directory.select(selection);
+						}
+					}
+				}), "ui-model-selection: /model contribution");
+			});
+			ctx.inject(["slots", "modelDirectories"], (scope) => {
+				const models = scope.modelDirectories;
+				const sessions = scope.sessions;
+				scope.slots.inject("conversation.input.model", () => scope.slots.register({
+					name: "conversation.input.model",
+					locale: NS,
+					inject: (sessionId) => {
+						const directory = models.directoryFor(sessionId);
+						const available = sessions.subagentAddress(sessionId) === void 0;
+						return {
+							available,
+							directory: directory.store,
+							load: () => {
+								if (available) directory.load().catch(() => {});
+							},
+							select: (selection) => available ? directory.select(selection).then(() => true, () => false) : Promise.resolve(false)
+						};
+					}
+				}, ModelSelect));
+			});
+		}
+		//#endregion
+		exports.ModelDirectory = ModelDirectory;
+		exports.ModelDirectoryResolver = ModelDirectoryResolver;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map