@klarkxy/dsh-model-hub 0.1.2 → 0.1.3

package/README.md

@@ -4,7 +4,7 @@
 
 [简体中文](docs/README.zh-CN.md)
 
-See and change the models used by your DeepSeek Harness plugins from one page, and manage which models subagents may use.
+See and change the models used by your DeepSeek Harness plugins from one page, manage which models subagents may use, and watch which model and reasoning effort each running subagent is on.
 
 ## Install
 
@@ -18,13 +18,17 @@ Replace `web` with your profile name and restart the profile.
 
 Open **Plugins → Model Hub**.
 
-- **Fields**: every model setting exposed by installed plugins, such as Auto Title, Git Commit, Safe Auto, and ChatGPT. Search by plugin, purpose, or current model, then pick a new model. Changes are saved by the plugin that owns the setting.
-- **Subagent Cast**: turn the subagent model allowlist on or off and add, replace, or remove models. You can give each model a short task tendency; the main agent reads it as a hint when choosing a subagent model, not as a rule.
+- **Fields**: every model setting exposed by installed plugins, such as Auto Title, Git Commit, and Safe Auto. Search by plugin, purpose, or current model, then pick a new model. Changes are saved by the plugin that owns the setting.
+- **Subagent Cast**: turn the subagent model allowlist on or off and add, replace, or remove models. When enabled with at least one model, it guides the agent to discover the models available in the current conversation and explicitly choose one when delegating. For independent reviews and alternative approaches, it encourages a different model when suitable, while allowing the same model when it fits better. You can add your own task tendencies for individual models; they remain optional hints, and no model-specific tendencies are supplied by default. Below the list, a live view shows each running subagent with the model and reasoning effort it is currently using; an effort marked as adapter default comes from the adapter rather than an explicit choice.
 
 ## Limits
 
 - Only plugins that expose model settings appear.
 - If a setting changed elsewhere, refresh and choose again.
+- If the model list cannot load, use **Retry**. The last available list stays visible; warnings identify providers that could not be loaded while other providers remain usable.
+- Model selection guidance requires host tools that support choosing a subagent model. Existing conversations retain their saved model lists; start a new conversation to use an updated list.
+- Guidance does not force a model choice or add extra subtasks solely for variety.
+- Remote subagents and finished runs have no readable route; the live list covers only live local subagents.
 - No usage statistics.
 
 ## License

package/docs/README.zh-CN.md

@@ -4,7 +4,7 @@
 
 [English](../README.md)
 
-在一个页面查看并修改各个 DeepSeek Harness 插件使用的模型，也可以管理子代理可用的模型。
+在一个页面查看并修改各个 DeepSeek Harness 插件使用的模型，管理子代理可用的模型，并查看运行中子代理当前使用的模型与思考强度。
 
 ## 安装
 
@@ -18,13 +18,17 @@ dsh plugin --profile web add @klarkxy/dsh-model-hub
 
 打开「插件 → 模型枢纽」。
 
-- **字段总览**：列出已安装插件提供的模型设置，例如自动标题、Git 提交、安全自动和 ChatGPT。可以按插件、用途或当前模型搜索，再选择新模型；改动由对应插件保存。
-- **子代理阵容**：开关子代理模型白名单，添加、替换或移除模型。每个模型可以写一句「任务倾向」，主智能体选择子代理模型时会参考它，但不强制。
+- **字段总览**：列出已安装插件提供的模型设置，例如自动标题、Git 提交和安全自动。可以按插件、用途或当前模型搜索，再选择新模型；改动由对应插件保存。
+- **子代理阵容**：开关子代理模型白名单，添加、替换或移除模型。开启且至少有一个模型时，会引导智能体发现当前会话可用的模型，并在派发时显式选择。独立复核和方案对比会优先考虑合适的不同模型，同模型更适合时仍可使用。你可以自行填写各模型的「任务倾向」作为可选参考；插件不预置模型专用倾向。页面下方实时列出运行中的子代理及各自当前使用的模型和思考强度；标注「适配器默认」的强度来自适配器而非显式选择。
 
 ## 限制
 
 - 只显示提供了模型设置的插件。
 - 设置在别处被改动时，刷新后重新选择。
+- 模型列表读取失败时，点击「重试」。上次可用的列表会保留；部分提供方读取失败时会显示提示，其他提供方仍可使用。
+- 选模引导需要宿主工具支持选择子代理模型。已有会话保留各自的模型名单；修改名单后，新建会话才能使用更新后的名单。
+- 引导不强制模型选择，也不要求仅为增加模型种类而新增子任务。
+- 远程子代理和已结束的子代理没有可读取的路由；运行列表只覆盖存活的本地子代理。
 - 不提供用量统计。
 
 ## 许可证

package/lib/client.inner.cjs

@@ -61,12 +61,68 @@ function normalizeModelRoute(value) {
 }
 //#endregion
 //#region ../dsh-model-route/src/catalog.ts
+/** Both services are required: Cordis checks the nested namespace separately. */
+const MODEL_CATALOG_INJECT = ["remote", "remote.session"];
 function asRecord(value) {
 	return value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
 }
 function asText(value) {
 	return typeof value === "string" && value.trim() ? value.trim() : void 0;
 }
+/** A useful diagnostic even when a transport rejects with a plain object. */
+function modelCatalogErrorMessage(value) {
+	if (value instanceof Error && value.message) return value.message;
+	return asText(asRecord(value)?.message) ?? asText(value) ?? "Unable to load the model catalog.";
+}
+/**
+* Validate and unwrap a successful catalog without discarding provider failures
+* or newer host metadata. Names and metadata remain optional for older hosts.
+* A broken response is never presented as a successfully loaded empty menu.
+*/
+function checkedModelCatalog(value) {
+	const envelope = asRecord(value);
+	if (envelope?.ok === false) throw new Error(modelCatalogErrorMessage(envelope.error ?? envelope));
+	const root = envelope?.ok === true ? asRecord(envelope.value) : envelope;
+	const malformed = (field) => {
+		throw new Error(`Invalid model catalog: ${field}.`);
+	};
+	if (!root || !Array.isArray(root.groups)) return malformed("groups must be an array");
+	for (const value of root.groups) {
+		const group = asRecord(value);
+		if (!group || !asText(group.id) || !Array.isArray(group.models)) return malformed("each group needs an id and models array");
+		for (const value of group.models) {
+			const model = asRecord(value);
+			if (!model || !asText(model.id)) return malformed("each model needs an id");
+			if (model.reasoning !== void 0) {
+				const reasoning = asRecord(model.reasoning);
+				if (!reasoning || !Array.isArray(reasoning.efforts) || reasoning.efforts.some((value) => !parseEffort(value))) return malformed("reasoning efforts must be an array of identified efforts");
+			}
+		}
+	}
+	if (root.failures !== void 0 && (!Array.isArray(root.failures) || root.failures.some((value) => {
+		const failure = asRecord(value);
+		return !failure || !asText(failure.id) || typeof failure.name !== "string" || typeof failure.message !== "string";
+	}))) return malformed("failures must be an array of provider failures");
+	return root;
+}
+/** Read through the injected session namespace; absence and rejection are errors. */
+async function readModelCatalog(client) {
+	const session = client.remote?.session;
+	if (typeof session?.modelCatalog !== "function") throw new Error("Model catalog unavailable: inject both remote and remote.session.");
+	return checkedModelCatalog(await session.modelCatalog());
+}
+/** Provider failures are partial results, not a transport failure. */
+function modelCatalogFailures(value) {
+	try {
+		return checkedModelCatalog(value).failures ?? [];
+	} catch {
+		return [];
+	}
+}
+/** Text adapter for existing model-hub status messages. */
+function catalogFailures(value) {
+	return modelCatalogFailures(value).map((failure) => `${failure.name || failure.id}: ${failure.message}`);
+}
 function parseEffort(value) {
 	const row = asRecord(value);
 	const id = row ? asText(row.id) : void 0;
@@ -163,6 +219,59 @@ function groupModelMenuChoices(choices, query) {
 	return groups;
 }
 //#endregion
+//#region ../dsh-model-route/src/catalog-ui.tsx
+/** Also accepts a mapped state from a caller that owns broader async orchestration. */
+function ModelCatalogStatus({ state, locale }) {
+	const zh = locale?.toLowerCase().startsWith("zh") === true;
+	const copy = zh ? {
+		loading: "正在加载模型…",
+		error: "模型列表加载失败",
+		partial: "部分提供商的模型未能加载",
+		retry: "重试"
+	} : {
+		loading: "Loading models…",
+		error: "Unable to load models",
+		partial: "Some providers could not load their models",
+		retry: "Retry"
+	};
+	if (!state.loading && !state.error && state.failures.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsh-model-catalog-status",
+		lang: zh ? "zh" : "en",
+		children: [
+			state.loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				children: copy.loading
+			}) : null,
+			state.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				role: "alert",
+				children: [
+					copy.error,
+					": ",
+					state.error
+				]
+			}) : null,
+			state.failures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "status",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: copy.partial }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: state.failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+					failure.name || failure.id,
+					": ",
+					failure.message
+				] }, `${failure.id}:${index}`)) })]
+			}) : null,
+			state.error || state.failures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				type: "button",
+				size: "sm",
+				disabled: state.loading,
+				onClick: () => {
+					state.refresh();
+				},
+				children: copy.retry
+			}) : null
+		]
+	});
+}
+//#endregion
 //#region ../dsh-model-route/src/ui.tsx
 /**
 * ModelMenu: the standard editor of one model-route field — the visible half
@@ -1172,6 +1281,29 @@ ${scope} {
 & .dsh-ui-select:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
 & .dsh-ui-select[aria-invalid='true'] { border-color: var(--dsw-alias-state-error-primary); }
 
+/* --- Native textarea. The primitives ship no textarea either, so a settings
+ * prompt keeps the platform element and the same field shell as the select:
+ * 0.5px l4, radius-md, layer-3, 13/1.5 type. It grows vertically instead of
+ * locking to the select's 34px row. --- */
+& .dsh-ui-textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  resize: vertical;
+  padding: 8px 12px;
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+& .dsh-ui-textarea:focus-visible { outline: none; border-color: var(--dsw-alias-state-business-primary); }
+& .dsh-ui-textarea:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+& .dsh-ui-textarea::placeholder { color: var(--dsw-alias-label-dimmed); }
+& .dsh-ui-textarea[aria-invalid='true'] { border-color: var(--dsw-alias-state-error-primary); }
+
 /* Long panels scroll inside themselves instead of growing the host page. */
 & .dsh-ui-panel { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
 & .dsh-ui-panel-wide { max-width: 100%; }
@@ -1429,20 +1561,6 @@ function messageOf(error) {
 	if (error && typeof error === "object" && "message" in error) return String(error.message);
 	return String(error);
 }
-function checkedCatalog(value) {
-	if (value && typeof value === "object" && "ok" in value && value.ok === false) throw new Error("error" in value ? messageOf(value.error) : "Request failed");
-	return value;
-}
-function catalogFailures(value) {
-	if (!value || typeof value !== "object") return [];
-	const root = "ok" in value && value.ok === true && "value" in value ? value.value : value;
-	if (!root || typeof root !== "object" || !("failures" in root) || !Array.isArray(root.failures)) return [];
-	return root.failures.map((failure) => {
-		if (!failure || typeof failure !== "object") return messageOf(failure);
-		const provider = "name" in failure ? failure.name : "id" in failure ? failure.id : "provider" in failure ? failure.provider : "";
-		return provider ? `${provider}: ${messageOf(failure)}` : messageOf(failure);
-	});
-}
 //#endregion
 //#region src/client-copy.ts
 function hubText(value, language) {
@@ -1547,7 +1665,6 @@ const TEXT$1 = {
 		loading: "正在读取…",
 		failed: (message) => `读取失败：${message}`,
 		syncFailed: (message) => `自动同步不可用：${message}`,
-		catalogFailed: (message) => `模型列表读取失败：${message}`,
 		writeFailed: (message) => `未保存：${message}。请刷新后重试。`,
 		saved: "已保存，正在刷新…",
 		savedRefreshFailed: (message) => `已保存；阵容刷新失败：${message}。请刷新以读取最新设置。`,
@@ -1570,7 +1687,13 @@ const TEXT$1 = {
 		effortDefault: "默认",
 		searchModels: "搜索模型…",
 		noModels: "没有匹配的模型",
-		clearSearch: "清除搜索"
+		clearSearch: "清除搜索",
+		runningTitle: "运行中的子代理",
+		runningEmpty: "当前没有运行中的子代理。",
+		runningPending: "尚未发起模型请求",
+		runningRemote: "远程子代理，无法读取路由",
+		runningFailed: (message) => `运行状态读取失败：${message}`,
+		effortAdapterDefault: (effort) => `${effort}（适配器默认）`
 	},
 	en: {
 		title: "Subagent Cast",
@@ -1579,7 +1702,6 @@ const TEXT$1 = {
 		loading: "Loading…",
 		failed: (message) => `Load failed: ${message}`,
 		syncFailed: (message) => `Live sync unavailable: ${message}`,
-		catalogFailed: (message) => `Model list failed: ${message}`,
 		writeFailed: (message) => `Not saved: ${message}. Refresh, then try again.`,
 		saved: "Saved; refreshing…",
 		savedRefreshFailed: (message) => `Saved; cast refresh failed: ${message}. Refresh to read the latest settings.`,
@@ -1602,7 +1724,13 @@ const TEXT$1 = {
 		effortDefault: "Default",
 		searchModels: "Search models…",
 		noModels: "No matching models",
-		clearSearch: "Clear search"
+		clearSearch: "Clear search",
+		runningTitle: "Running subagents",
+		runningEmpty: "No subagents are running.",
+		runningPending: "No model request yet",
+		runningRemote: "Remote subagent; route unavailable",
+		runningFailed: (message) => `Running state failed: ${message}`,
+		effortAdapterDefault: (effort) => `${effort} (adapter default)`
 	}
 };
 function useText$1(locale) {
@@ -1625,6 +1753,11 @@ const castCss = `
 .dsh-model-hub .cast-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
 .dsh-model-hub .cast-add{display:flex}
 .dsh-model-hub .cast-add .dsh-model-menu-root{max-width:100%}
+.dsh-model-hub .cast-running{margin-top:16px}
+.dsh-model-hub .cast-running-title{font-size:14px;line-height:22px;font-weight:600;margin:0 0 4px;color:var(--dsw-alias-label-primary)}
+.dsh-model-hub .cast-running-row{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:6px 0;border-bottom:.5px solid var(--dsw-alias-border-l1)}
+.dsh-model-hub .cast-running-label{font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;min-width:0}
+.dsh-model-hub .cast-running-route{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;min-width:0}
 @media(max-width:520px){.dsh-model-hub .cast-row{grid-template-columns:minmax(0,1fr);gap:8px}}
 `;
 /** CAS rejections all carry a refresh hint in either language. */
@@ -1648,6 +1781,14 @@ function routeInput(route) {
 		model: normalized.model
 	};
 }
+/** One live subagent row: label (or short id) plus its effective route. */
+function runningRouteText(entry, t) {
+	if (!entry.local) return t("runningRemote");
+	const route = entry.route;
+	if (!route) return t("runningPending");
+	const effort = route.reasoningEffort ? entry.effortIsAdapterDefault ? t("effortAdapterDefault", route.reasoningEffort) : route.reasoningEffort : "";
+	return `${route.provider} / ${route.model}${effort ? ` · ${effort}` : ""}`;
+}
 /** One cast entry: model picker, tendency input saved on blur, remove button. */
 function CastRow({ t, catalog, route, tendencyRevision, draftReview, disabled, tendencyDisabled, menuDisabled, onSetRoute, onSetTendency, onRemove }) {
 	const label = `${route.provider} / ${route.model}`;
@@ -1731,6 +1872,8 @@ function CastPage({ api, locale }) {
 	const t = useText$1(locale);
 	const [cast, setCast] = (0, react.useState)(null);
 	const [catalog, setCatalog] = (0, react.useState)(null);
+	const [running, setRunning] = (0, react.useState)(null);
+	const [runningError, setRunningError] = (0, react.useState)("");
 	const [loadError, setLoadError] = (0, react.useState)("");
 	const [catalogError, setCatalogError] = (0, react.useState)("");
 	const [syncError, setSyncError] = (0, react.useState)("");
@@ -1750,7 +1893,11 @@ function CastPage({ api, locale }) {
 		scope.queued = false;
 		scope.busy = true;
 		setRefreshing(true);
-		const [castResult, models] = await Promise.allSettled([Promise.resolve().then(() => scope.api.getCast()), Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedCatalog)]);
+		const [castResult, models, live] = await Promise.allSettled([
+			Promise.resolve().then(() => scope.api.getCast()),
+			Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedModelCatalog),
+			Promise.resolve().then(() => scope.api.listRunning())
+		]);
 		if (!scope.active) return;
 		if (castResult.status === "fulfilled") {
 			setCast(castResult.value);
@@ -1764,6 +1911,10 @@ function CastPage({ api, locale }) {
 			setCatalog(models.value);
 			setCatalogError("");
 		} else setCatalogError(messageOf(models.reason));
+		if (live.status === "fulfilled") {
+			setRunning(live.value);
+			setRunningError("");
+		} else setRunningError(messageOf(live.reason));
 		scope.busy = false;
 		setRefreshing(false);
 		if (scope.queued) refresh(scope);
@@ -1785,6 +1936,8 @@ function CastPage({ api, locale }) {
 		setSyncError("");
 		setCast(null);
 		setCatalog(null);
+		setRunning(null);
+		setRunningError("");
 		refresh(scope);
 		const unsubscribe = api.subscribeChanges?.(() => {
 			if (!scope.active) return;
@@ -1827,12 +1980,17 @@ function CastPage({ api, locale }) {
 			}
 		});
 	};
-	const refreshNow = () => {
+	const refreshNow = async () => {
 		const scope = scopeRef.current;
-		if (scope?.api === api) refresh(scope, true);
+		if (scope?.api === api && !scope.busy) await refresh(scope, true);
 	};
 	const disabled = saving !== "" || refreshing || writeError !== "" || saved && loadError !== "";
-	const failures = catalogFailures(catalog);
+	const catalogStatus = {
+		loading: refreshing,
+		error: catalogError ? hubMessage(catalogError, t.language) : "",
+		failures: modelCatalogFailures(catalog),
+		refresh: refreshNow
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "cast-root dsh-ui-stack",
 		"aria-label": t("title"),
@@ -1877,16 +2035,10 @@ function CastPage({ api, locale }) {
 				className: "dsh-ui-error dsh-ui-wrap",
 				children: t("syncFailed", hubMessage(syncError, t.language))
 			}) : null,
-			catalogError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				role: "alert",
-				className: "dsh-ui-error dsh-ui-wrap",
-				children: t("catalogFailed", hubMessage(catalogError, t.language))
-			}) : null,
-			failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				role: "alert",
-				className: "dsh-ui-error dsh-ui-wrap",
-				children: t("catalogFailed", hubMessage(failure, t.language))
-			}, index)),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+				state: catalogStatus,
+				locale: t.language
+			}),
 			writeError ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-ui-banner dsh-ui-banner--danger cast-banner",
 				role: "alert",
@@ -1963,7 +2115,40 @@ function CastPage({ api, locale }) {
 						expectedRevision: cast.revision
 					}))
 				})
-			}) : null
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "cast-running",
+				"aria-label": t("runningTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "cast-running-title",
+						children: t("runningTitle")
+					}),
+					runningError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t("runningFailed", hubMessage(runningError, t.language))
+					}) : null,
+					running === null && !runningError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-loading",
+						children: t("loading")
+					}) : null,
+					running !== null && running.entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-help",
+						children: t("runningEmpty")
+					}) : null,
+					running?.entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "cast-running-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cast-running-label",
+							children: entry.label || entry.id
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cast-running-route",
+							children: runningRouteText(entry, t)
+						})]
+					}, entry.id))
+				]
+			})
 		]
 	});
 }
@@ -1981,8 +2166,7 @@ const name = "dsh-model-hub-client";
 const inject = [
 	"slots",
 	"connection",
-	"remote",
-	"remote.session",
+	...MODEL_CATALOG_INJECT,
 	"locale"
 ];
 const CHANNEL = "/dsh-model-hub";
@@ -2114,7 +2298,7 @@ function HubPage({ view, api, locale, initialEntries = null, initialCatalog = nu
 		scope.queued = false;
 		scope.busy = true;
 		setRefreshing(true);
-		const [fields, models] = await Promise.allSettled([Promise.resolve().then(() => scope.api.list()), Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedCatalog)]);
+		const [fields, models] = await Promise.allSettled([Promise.resolve().then(() => scope.api.list()), Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedModelCatalog)]);
 		if (!scope.active) return;
 		if (fields.status === "fulfilled") {
 			setEntries(fields.value);
@@ -2227,7 +2411,16 @@ function HubPage({ view, api, locale, initialEntries = null, initialCatalog = nu
 		})
 	})).filter((entry) => entry.fields.length > 0 || (entry.error || entry.catalogError) && (!needle || [entry.ns, pluginTitle(entry, t)].some((text) => text.toLocaleLowerCase().includes(needle))));
 	const disabled = writing !== "" || refreshing || writeError !== "" || saved && listError !== "";
-	const failures = catalogFailures(catalog);
+	const refreshNow = async () => {
+		const scope = scopeRef.current;
+		if (scope?.api === api && !scope.busy) await refresh(scope);
+	};
+	const catalogStatus = {
+		loading: refreshing,
+		error: catalogError ? hubMessage(catalogError, t.language) : "",
+		failures: modelCatalogFailures(catalog),
+		refresh: refreshNow
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: "dsh-model-hub dsh-ui-stack",
 		lang: t.language,
@@ -2271,10 +2464,7 @@ function HubPage({ view, api, locale, initialEntries = null, initialCatalog = nu
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 							variant: "ghost",
 							disabled: writing !== "" || refreshing,
-							onClick: () => {
-								const scope = scopeRef.current;
-								if (scope?.api === api) refresh(scope);
-							},
+							onClick: refreshNow,
 							children: refreshing ? t("refreshing") : t("refresh")
 						})]
 					}),
@@ -2288,16 +2478,10 @@ function HubPage({ view, api, locale, initialEntries = null, initialCatalog = nu
 						className: "dsh-ui-error dsh-ui-wrap",
 						children: t("syncFailed", hubMessage(syncError, t.language))
 					}) : null,
-					catalogError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						role: "alert",
-						className: "dsh-ui-error dsh-ui-wrap",
-						children: t("catalogFailed", hubMessage(catalogError, t.language))
-					}) : null,
-					failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						role: "alert",
-						className: "dsh-ui-error dsh-ui-wrap",
-						children: t("catalogFailed", hubMessage(failure, t.language))
-					}, index)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+						state: catalogStatus,
+						locale: t.language
+					}),
 					writeError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						role: "alert",
 						className: "dsh-ui-error dsh-ui-wrap",
@@ -2417,14 +2601,15 @@ async function apply(ctx) {
 	const api = Object.freeze({
 		list: () => call("fields.list", {}),
 		setField: (payload) => call("fields.set", payload),
-		modelCatalog: () => client.remote.session.modelCatalog(),
+		modelCatalog: () => readModelCatalog(client),
 		subscribeChanges: changes.subscribe,
 		getCast: () => call("cast.get", {}),
 		setCastEnabled: (payload) => call("cast.setEnabled", payload),
 		addCastRoute: (payload) => call("cast.addRoute", payload),
 		setCastRoute: (payload) => call("cast.setRoute", payload),
 		removeCastRoute: (payload) => call("cast.removeRoute", payload),
-		setCastTendency: (payload) => call("cast.setTendency", payload)
+		setCastTendency: (payload) => call("cast.setTendency", payload),
+		listRunning: () => call("cast.running", {})
 	});
 	client.slots.inject("plugins.bundle.config", () => client.slots.register({
 		name: "plugins.bundle.config",