@lynn123411/dsh-model-submenu 0.1.0

package/README.md

@@ -0,0 +1,19 @@
+# @lynn123411/dsh-model-submenu
+
+给输入框里的模型选择器加上供应商层级：先在供应商里挑，再挑该供应商的模型。
+
+## 特性
+
+- **一级仍是原生两行**：根面板保持内置弹层的两行结构，「供应商」取代原来的「模型」，右侧显示当前供应商名；「推理等级」行原样保留。
+- **第二级按供应商**：点「供应商」进入供应商列表；当前供应商那行显示它正在使用的模型名并带勾选，其余行显示该供应商的模型数量，顺序沿用 Host 给出的顺序。
+- **第三级按模型**：点某个供应商，同一面板内换成它的模型列表，面板顶部是返回行；点模型立即提交并关闭。
+- **推理等级照原生**：根面板的「推理等级」行进入当前模型的等级列表，选中即提交，「Default」行表示跟随供应商默认；当前模型没有推理等级时不显示该行。
+- **失败与加载态照旧**：目录加载中显示刷新提示，加载失败与供应商加载失败都在供应商列表顶部给出提示与「重新加载」；提交被拒时弹出与内置同款的提示气泡。
+- **键鼠行为照旧**：方向键在行间移动、Tab 等同回车、Escape 与 Shift+Tab 先退回上一层、在根层才关闭；输入框过窄时触发器只显示图标。
+- **接管内置座位**：以 `priority: -100` 占据 `conversation.input.model`，外观沿用内置弹层与 `--dsw-*` 主题变量；`/model` 命令面板与设置页不受影响。
+
+## 安装
+
+```
+dsh plugin --profile web add @lynn123411/dsh-model-submenu
+```

package/cordis.patch.yml

@@ -0,0 +1,4 @@
+# Applied when this package appears in a profile's dsh.profile.bundles list.
+- insert:
+    - id: lynn-model-submenu
+      name: '@lynn123411/dsh-model-submenu'

package/lib/client.js

@@ -0,0 +1,620 @@
+window.__ModuleLoader__.load({
+	id: "@lynn123411/dsh-model-submenu",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_dom = require("react-dom");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region \0dsh-css:/Users/tny/Desktop/work/my-dsh/plugins/dsh-model-submenu/src/client/ModelSubmenu.module.css.mjs
+		const css = ".FOsK3a_root{min-width:0;position:relative}.FOsK3a_trigger{min-width:0;max-width:min(360px,45cqw);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}.FOsK3a_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.FOsK3a_trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.FOsK3a_trigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.FOsK3a_triggerLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.FOsK3a_triggerEffort{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-caption);flex-shrink:1000;overflow:hidden}.FOsK3a_triggerIcon{flex:none;display:none}@container (width<=360px){.FOsK3a_triggerIcon{display:block}.FOsK3a_triggerLabel,.FOsK3a_triggerEffort{display:none}}.FOsK3a_chevron{color:var(--dsw-alias-label-caption);flex:none;transition:transform .12s}.FOsK3a_chevronOpen{transform:rotate(180deg)}.FOsK3a_menu{z-index:1100;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(240px,100vw - 32px);max-width:min(420px,100vw - 32px);max-height:min(360px,100vh - 96px);box-shadow:var(--dsw-elevation-prominent);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:0;border-radius:20px;flex-direction:column;padding:4px;display:flex;position:fixed;overflow:hidden}.FOsK3a_status,.FOsK3a_empty{color:var(--dsw-alias-label-tertiary);padding:10px;font-size:13px;line-height:20px}.FOsK3a_error,.FOsK3a_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}.FOsK3a_warning{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-state-warn-label)}.FOsK3a_retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-weight:600}.FOsK3a_groups{min-height:0;overflow-y:auto}.FOsK3a_option{box-sizing:border-box;width:auto;min-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}.FOsK3a_option:hover:not(:disabled),.FOsK3a_option:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.FOsK3a_selected{background:0 0}.FOsK3a_option:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.FOsK3a_optionCopy{flex-direction:column;flex:1;min-width:0;display:flex}.FOsK3a_modelName{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.FOsK3a_check{color:var(--dsw-alias-label-primary);flex:0 0 18px;place-items:center;display:grid}.FOsK3a_cell{box-sizing:border-box;width:auto;min-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}.FOsK3a_cell:hover{background:var(--dsw-alias-interactive-bg-hover)}.FOsK3a_cellLabel{white-space:nowrap;flex:none}.FOsK3a_cellValue{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--dsw-alias-label-tertiary);flex:auto;overflow:hidden}.FOsK3a_cellChevron{color:var(--dsw-alias-label-tertiary);flex:none}";
+		const tagId = "@lynn123411/dsh-model-submenu/ModelSubmenu.module.css";
+		if (typeof document !== "undefined") {
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]");
+			if (tag === null) {
+				tag = document.createElement("style");
+				tag.dataset.plugin = "@lynn123411/dsh-model-submenu";
+				tag.dataset.pluginCss = tagId;
+				document.head.appendChild(tag);
+			}
+			tag.textContent = css;
+		}
+		var ModelSubmenu_module_css_default = {
+			"cell": "FOsK3a_cell",
+			"cellChevron": "FOsK3a_cellChevron",
+			"cellLabel": "FOsK3a_cellLabel",
+			"cellValue": "FOsK3a_cellValue",
+			"check": "FOsK3a_check",
+			"chevron": "FOsK3a_chevron",
+			"chevronOpen": "FOsK3a_chevronOpen",
+			"empty": "FOsK3a_empty",
+			"error": "FOsK3a_error",
+			"groups": "FOsK3a_groups",
+			"menu": "FOsK3a_menu",
+			"modelName": "FOsK3a_modelName",
+			"option": "FOsK3a_option",
+			"optionCopy": "FOsK3a_optionCopy",
+			"retry": "FOsK3a_retry",
+			"root": "FOsK3a_root",
+			"selected": "FOsK3a_selected",
+			"status": "FOsK3a_status",
+			"trigger": "FOsK3a_trigger",
+			"triggerEffort": "FOsK3a_triggerEffort",
+			"triggerIcon": "FOsK3a_triggerIcon",
+			"triggerLabel": "FOsK3a_triggerLabel",
+			"warning": "FOsK3a_warning"
+		};
+		//#endregion
+		//#region src/client/ModelSubmenu.tsx
+		/** Unplaced portal card: hidden but laid out at a fixed origin so offsetWidth/offsetHeight are real. */
+		const MEASURE_STYLE = {
+			visibility: "hidden",
+			left: 0,
+			top: 0
+		};
+		const cls = (...parts) => parts.filter((part) => part !== false && part !== void 0).join(" ");
+		/**
+		* The composer's model seat (`conversation.input.model`), taken over from the
+		* built-in occupant with a provider level: the root pane keeps the built-in's
+		* two cells — 供应商 in place of 模型, plus the native 推理等级 — the provider
+		* cell drills into the catalog's providers, and a provider drills into its
+		* models before submitting. The trigger, the menu surface, the keyboard
+		* contract (arrows move, Tab settles, Escape and Shift+Tab leave a drilled pane
+		* first), the effort list and the failure surfaces are the built-in ones.
+		*/
+		function ModelSubmenu({ 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 [providerId, setProviderId] = (0, react.useState)(null);
+			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 menuRef = (0, react.useRef)(null);
+			const [menuPos, setMenuPos] = (0, react.useState)(null);
+			const itemRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
+			const focusIntent = (0, react.useRef)(null);
+			const id = (0, react.useId)();
+			const groups = state.groups;
+			const current = state.current;
+			const currentGroup = current === null ? void 0 : groups.find((group) => group.id === current.provider);
+			const currentModel = currentGroup?.models.find((model) => model.id === current?.model);
+			const reasoning = currentModel?.reasoning;
+			const effectiveEffort = 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((level) => ({
+				key: `effort:${level.id}`,
+				effort: level.id,
+				label: level.name
+			}))], [reasoning, t]);
+			const shownGroup = pane === "models" && providerId !== null ? groups.find((group) => group.id === providerId) : void 0;
+			const busy = state.status === "selecting";
+			const reload = () => {
+				lastActionRef.current = "load";
+				load();
+			};
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const closeOutside = (event) => {
+					if (rootRef.current?.contains(event.target) === true) return;
+					if (menuRef.current?.contains(event.target) === true) return;
+					setOpen(false);
+					setPane("root");
+				};
+				document.addEventListener("mousedown", closeOutside);
+				return () => {
+					document.removeEventListener("mousedown", closeOutside);
+				};
+			}, [open]);
+			(0, react.useEffect)(() => {
+				const intent = focusIntent.current;
+				focusIntent.current = null;
+				if (!open || intent === null) return;
+				if (intent === "initial") {
+					const checked = menuRef.current?.querySelector("[role=\"menuitemradio\"][aria-checked=\"true\"]:not([disabled]), [role=\"menuitem\"][aria-current=\"true\"]:not([disabled])");
+					const first = [...itemRefs.current].find(([key]) => !key.startsWith("back:"))?.[1];
+					(checked ?? first ?? triggerRef.current)?.focus();
+					return;
+				}
+				(itemRefs.current.get(intent) ?? triggerRef.current)?.focus();
+			}, [open, pane]);
+			(0, react.useLayoutEffect)(() => {
+				if (!open) {
+					setMenuPos(null);
+					return;
+				}
+				const place = () => {
+					const rect = triggerRef.current?.getBoundingClientRect();
+					if (rect === void 0) return;
+					const MARGIN = 12;
+					const lw = menuRef.current?.offsetWidth ?? 0;
+					const lh = menuRef.current?.offsetHeight ?? 0;
+					let x = rect.right - lw;
+					let y = rect.top - 8 - lh;
+					if (lw > 0) x = Math.min(Math.max(x, MARGIN), window.innerWidth - lw - MARGIN);
+					if (lh > 0) y = Math.min(Math.max(y, MARGIN), window.innerHeight - lh - MARGIN);
+					setMenuPos({
+						left: x,
+						top: y
+					});
+				};
+				place();
+				window.addEventListener("scroll", place, true);
+				window.addEventListener("resize", place);
+				return () => {
+					window.removeEventListener("scroll", place, true);
+					window.removeEventListener("resize", place);
+				};
+			}, [
+				open,
+				pane,
+				state
+			]);
+			if (!available) return null;
+			const show = () => {
+				setPane("root");
+				setProviderId(null);
+				setOpen(true);
+				reload();
+			};
+			const close = (restoreFocus = false) => {
+				setOpen(false);
+				setPane("root");
+				setProviderId(null);
+				if (restoreFocus) queueMicrotask(() => {
+					triggerRef.current?.focus();
+				});
+			};
+			const drill = (next) => {
+				focusIntent.current = "initial";
+				setPane(next);
+			};
+			/** Leave the shown pane for its parent, handing the keyboard back to the row that opened it. */
+			const back = () => {
+				if (pane === "models") {
+					focusIntent.current = providerId === null ? null : `provider:${providerId}`;
+					setPane("providers");
+					return;
+				}
+				focusIntent.current = pane === "effort" ? "root:effort" : "root:provider";
+				setPane("root");
+			};
+			const moveFocus = (offset) => {
+				const items = [...itemRefs.current.values()];
+				if (items.length === 0) return;
+				const active = items.findIndex((item) => item === document.activeElement);
+				items[active === -1 ? offset > 0 ? 0 : items.length - 1 : (active + offset + items.length) % items.length]?.focus();
+			};
+			const onRootKeyDown = (event) => {
+				if (event.key === "Escape" && open) {
+					event.preventDefault();
+					if (pane !== "root") back();
+					else close(true);
+					return;
+				}
+				if (!open) return;
+				if (event.key === "Tab") {
+					if (event.shiftKey) {
+						event.preventDefault();
+						if (pane !== "root") back();
+						else close(true);
+						return;
+					}
+					const focused = document.activeElement;
+					const rows = [...itemRefs.current.values()];
+					if (focused instanceof HTMLButtonElement && rows.includes(focused)) {
+						event.preventDefault();
+						focused.click();
+						return;
+					}
+					if (focused !== triggerRef.current) return;
+					event.preventDefault();
+					(menuRef.current?.querySelector("[role=\"menuitemradio\"][aria-checked=\"true\"]:not([disabled]), [role=\"menuitem\"][aria-current=\"true\"]:not([disabled])") ?? rows.find((item) => !item.disabled))?.focus();
+					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) === true || menuRef.current?.contains(event.relatedTarget) === true)) return;
+				close();
+			};
+			const settleSelection = (result) => {
+				if (result === void 0) return;
+				if (result.ok) {
+					if (rootRef.current !== null) close(true);
+					return;
+				}
+				const { error } = result;
+				toastSeq.current += 1;
+				setToast({
+					seq: toastSeq.current,
+					text: error.code === "session/writer-held" ? t("error.sessionInUse") : t("error.action", { message: `${error.code}: ${error.message}` })
+				});
+			};
+			const submit = (selection) => {
+				lastActionRef.current = "select";
+				select(selection).then(settleSelection);
+			};
+			/** A model commits outright; its reasoning levels stay behind the root's effort cell. */
+			const chooseModel = (provider, model) => {
+				if (current?.provider === provider && current.model === model.id) {
+					close(true);
+					return;
+				}
+				submit({
+					provider,
+					model: model.id
+				});
+			};
+			const chooseEffort = (effort) => {
+				if (current === null) return;
+				if (effectiveEffort === effort) {
+					close(true);
+					return;
+				}
+				submit({
+					provider: current.provider,
+					model: current.model,
+					...effort === void 0 ? {} : { reasoningEffort: effort }
+				});
+			};
+			const waiting = current === null && state.status === "loading";
+			const modelLabel = waiting ? t("trigger.loading") : currentModel?.name ?? (current === null ? t("trigger.fallback") : `${current.provider}/${current.model}`);
+			const triggerLabel = effortLabel === void 0 ? modelLabel : `${modelLabel} · ${effortLabel}`;
+			const triggerAria = waiting ? t("trigger.loading") : current === null ? t("trigger.selectAria") : effortLabel === void 0 ? t("trigger.aria", { model: modelLabel }) : t("trigger.ariaEffort", {
+				model: modelLabel,
+				effort: effortLabel
+			});
+			itemRefs.current = /* @__PURE__ */ new Map();
+			const itemRef = (key) => (node) => {
+				if (node === null) itemRefs.current.delete(key);
+				else itemRefs.current.set(key, node);
+			};
+			const backRow = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: itemRef("back"),
+				type: "button",
+				role: "menuitem",
+				className: ModelSubmenu_module_css_default.cell,
+				onClick: back,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutline14, { className: ModelSubmenu_module_css_default.cellChevron }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: ModelSubmenu_module_css_default.cellLabel,
+					children: t("back")
+				})]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: ModelSubmenu_module_css_default.root,
+				onKeyDown: onRootKeyDown,
+				onBlur,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref: triggerRef,
+						type: "button",
+						className: ModelSubmenu_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)(_deepseek_ai_dsh_client_ui_primitives.IconDataOutline16, {
+								className: ModelSubmenu_module_css_default.triggerIcon,
+								size: 16
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ModelSubmenu_module_css_default.triggerLabel,
+								children: modelLabel
+							}),
+							effortLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: ModelSubmenu_module_css_default.triggerEffort,
+								children: effortLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: cls(ModelSubmenu_module_css_default.chevron, open && ModelSubmenu_module_css_default.chevronOpen) })
+						]
+					}),
+					open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: menuRef,
+						id: `${id}-menu`,
+						className: ModelSubmenu_module_css_default.menu,
+						style: menuPos ?? MEASURE_STYLE,
+						role: "menu",
+						"aria-label": pane === "models" && shownGroup !== void 0 ? shownGroup.name : pane === "effort" ? t("menu.effort") : t("menu.aria"),
+						"aria-busy": state.status === "loading" || busy,
+						children: [
+							pane === "root" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef("root:provider"),
+								type: "button",
+								role: "menuitem",
+								className: ModelSubmenu_module_css_default.cell,
+								onClick: () => drill("providers"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.cellLabel,
+										children: t("menu.provider")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.cellValue,
+										children: currentGroup?.name ?? current?.provider ?? ""
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { className: ModelSubmenu_module_css_default.cellChevron })
+								]
+							}), reasoning !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef("root:effort"),
+								type: "button",
+								role: "menuitem",
+								className: ModelSubmenu_module_css_default.cell,
+								onClick: () => drill("effort"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.cellLabel,
+										children: t("menu.effort")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.cellValue,
+										children: effortLabel
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { className: ModelSubmenu_module_css_default.cellChevron })
+								]
+							})] }),
+							pane === "providers" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
+								state.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ModelSubmenu_module_css_default.status,
+									children: t("status.loading")
+								}),
+								state.error !== null && lastActionRef.current === "load" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: ModelSubmenu_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: ModelSubmenu_module_css_default.retry,
+										onClick: reload,
+										children: t("action.reload")
+									})]
+								}),
+								state.failures.map((failure) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: ModelSubmenu_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: ModelSubmenu_module_css_default.retry,
+										onClick: reload,
+										children: t("action.reload")
+									})]
+								}, failure.id)),
+								state.status === "ready" && groups.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ModelSubmenu_module_css_default.empty,
+									children: t("empty.models")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: cls(ModelSubmenu_module_css_default.groups, "scrollable"),
+									children: groups.map((group) => {
+										const mine = current?.provider === group.id;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											ref: itemRef(`provider:${group.id}`),
+											type: "button",
+											role: "menuitem",
+											"aria-current": mine ? "true" : void 0,
+											className: ModelSubmenu_module_css_default.cell,
+											title: group.name,
+											onClick: () => {
+												setProviderId(group.id);
+												drill("models");
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: ModelSubmenu_module_css_default.cellLabel,
+													children: group.name
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: ModelSubmenu_module_css_default.cellValue,
+													children: mine ? currentModel?.name ?? current?.model ?? "" : t("provider.modelCount", { count: String(group.models.length) })
+												}),
+												mine && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: ModelSubmenu_module_css_default.check,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { className: ModelSubmenu_module_css_default.cellChevron })
+											]
+										}, group.id);
+									})
+								})
+							] }),
+							pane === "models" && shownGroup !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [backRow(), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: cls(ModelSubmenu_module_css_default.groups, "scrollable"),
+								children: shownGroup.models.map((model) => {
+									const selected = current?.provider === shownGroup.id && current.model === model.id;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										ref: itemRef(`model:${shownGroup.id}/${model.id}`),
+										type: "button",
+										role: "menuitemradio",
+										"aria-checked": selected,
+										className: cls(ModelSubmenu_module_css_default.option, selected && ModelSubmenu_module_css_default.selected),
+										title: model.name,
+										disabled: busy,
+										onClick: () => chooseModel(shownGroup.id, model),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: ModelSubmenu_module_css_default.optionCopy,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: ModelSubmenu_module_css_default.modelName,
+												children: model.name
+											})
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: ModelSubmenu_module_css_default.check,
+											children: selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {}) : null
+										})]
+									}, model.id);
+								})
+							})] }),
+							pane === "effort" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
+								backRow(),
+								state.error !== null && lastActionRef.current === "load" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: ModelSubmenu_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: ModelSubmenu_module_css_default.retry,
+										onClick: reload,
+										children: t("action.reload")
+									})]
+								}),
+								effortChoices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: ModelSubmenu_module_css_default.empty,
+									children: t("empty.efforts")
+								}) : effortChoices.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									ref: itemRef(`effort:${level.key}`),
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": effectiveEffort === level.effort,
+									className: cls(ModelSubmenu_module_css_default.option, effectiveEffort === level.effort && ModelSubmenu_module_css_default.selected),
+									disabled: busy,
+									onClick: () => chooseEffort(level.effort),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.optionCopy,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: ModelSubmenu_module_css_default.modelName,
+											children: level.label
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: ModelSubmenu_module_css_default.check,
+										children: effectiveEffort === level.effort ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {}) : null
+									})]
+								}, level.key))
+							] })
+						]
+					}), document.body),
+					toast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
+						text: toast.text,
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconWarningOutline16, {}),
+						anchor: rootRef.current?.closest("[data-composer-card]") ?? null,
+						onDone: () => {
+							setToast(null);
+						}
+					}, toast.seq)
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** Locale bundles for the composer model seat this plugin takes over. */
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "modelSubmenu";
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"back": "返回",
+			"provider.modelCount": "{count} 个模型",
+			"action.reload": "重新加载",
+			"trigger.fallback": "选择模型",
+			"trigger.loading": "正在加载模型…",
+			"trigger.selectAria": "选择模型",
+			"trigger.aria": "选择模型，当前 {model}",
+			"trigger.ariaEffort": "选择模型，当前 {model}，推理等级 {effort}",
+			"menu.aria": "供应商与推理等级",
+			"menu.provider": "供应商",
+			"menu.effort": "推理等级",
+			"effort.providerDefault": "Default",
+			"status.loading": "正在刷新模型列表…",
+			"error.action": "模型操作失败：{message}",
+			"error.sessionInUse": "当前会话已被占用，可能是其他正在运行的 DSH 导致的（如其他 dsh web、桌面端），请退出其他正在运行的 DSH 后重试。",
+			"warning.groupLoad": "{name} 加载失败：{message}",
+			"empty.models": "没有可用的模型。",
+			"empty.efforts": "当前模型未提供推理等级。"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"back": "Back",
+			"provider.modelCount": "{count} models",
+			"action.reload": "Reload",
+			"trigger.fallback": "Select model",
+			"trigger.loading": "Loading models…",
+			"trigger.selectAria": "Select model",
+			"trigger.aria": "Select model, current {model}",
+			"trigger.ariaEffort": "Select model, current {model}, reasoning effort {effort}",
+			"menu.aria": "Provider and reasoning effort",
+			"menu.provider": "Provider",
+			"menu.effort": "Effort",
+			"effort.providerDefault": "Default",
+			"status.loading": "Refreshing model list…",
+			"error.action": "Model operation failed: {message}",
+			"error.sessionInUse": "This session is already in use, possibly by another running DSH instance (such as dsh web or the desktop app). Quit other running DSH instances and try again.",
+			"warning.groupLoad": "{name} failed to load: {message}",
+			"empty.models": "No models available.",
+			"empty.efforts": "This model provides no reasoning effort levels."
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/**
+		* Cordis services required by the browser half. `slots` is the contribution
+		* registry, `sessions` tells whether a session may select a model, and
+		* `modelDirectories` owns the per-session catalog snapshot this seat renders
+		* from. `remote` / `remote.session` are declared because a service method runs
+		* on the calling context: `directoryFor` reads `this.ctx.remote.session` while
+		* building the directory, so the seat must carry that service too.
+		*/
+		const inject = [
+			"locale",
+			"modelDirectories",
+			"remote",
+			"remote.session",
+			"sessions",
+			"slots"
+		];
+		/**
+		* Client plugin body: register this plugin's dictionaries, then take over the
+		* composer model seat below the built-in occupant's priority so this menu
+		* renders in its place.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "dsh-model-submenu: dictionaries");
+			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",
+					priority: -100,
+					registrant: "@lynn123411/dsh-model-submenu",
+					locale: NS,
+					inject: (sessionId) => {
+						const key = sessionId;
+						const directory = models.directoryFor(key);
+						const available = sessions.subagentAddress(key) === void 0;
+						return {
+							available,
+							directory: directory.store,
+							load: () => {
+								if (available) directory.load().catch(() => {});
+							},
+							select: (selection) => available ? directory.select(selection) : Promise.resolve(void 0)
+						};
+					}
+				}, ModelSubmenu));
+			});
+		}
+		//#endregion
+		exports.ModelSubmenu = ModelSubmenu;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map