dsh-connect-workbuddy 5.9.0 → 5.11.0

package/lib/client.js

@@ -50,6 +50,18 @@ window.__ModuleLoader__.load({
 		const WORKBUDDY_BENEFIT_CLAIM_PATH = "/plugins/dsh-connect-workbuddy/benefit/claim";
 		/** Plugin-owned live model refresh endpoint. */
 		const WORKBUDDY_MODELS_REFRESH_PATH = "/plugins/dsh-connect-workbuddy/models/refresh";
+		/**
+		* Plugin-owned MEDIA model list endpoint (image + video, read from the region's
+		* `/v3/config`).
+		*
+		* Separate from {@link WORKBUDDY_MODELS_REFRESH_PATH} because it answers a
+		* different question from a different document projection: the refresh route
+		* returns the CHAT roster, from which `selectCliModels` drops every media
+		* entry, while this one keeps the `text-to-image`/`image-to-image`/
+		* `text-to-video`/`image-to-video` rows the card lists. Read-only and free —
+		* it is the same GET the image tool already performs.
+		*/
+		const WORKBUDDY_MEDIA_MODELS_PATH = "/plugins/dsh-connect-workbuddy/media-models";
 		/** Plugin-owned local account rescan endpoint. */
 		const WORKBUDDY_ACCOUNTS_REFRESH_PATH = "/plugins/dsh-connect-workbuddy/accounts/refresh";
 		/**
@@ -466,6 +478,44 @@ window.__ModuleLoader__.load({
 		function regionImageToolEnabledOf(value, region) {
 			return regionSlotOf(value, region)["imageToolEnabled"] === true;
 		}
+		function regionVideoToolEnabledOf(value, region) {
+			return regionSlotOf(value, region)["videoToolEnabled"] === true;
+		}
+		/**
+		* The video model pinned per tag in one region, or an empty record.
+		*
+		* A PIN, not an authorisation: reading it grants nothing, and an absent entry
+		* merely means the tool takes that tag group's first model. Values are model ids
+		* from the same region's catalog. A stale id is tolerated on purpose — a catalog
+		* can drop a model the user had pinned, and that must not turn into a failed
+		* generation (the tool falls back to the group's first model).
+		*/
+		function regionPreferredVideoModelsOf(value, region) {
+			const raw = regionSlotOf(value, region)["preferredVideoModels"];
+			if (typeof raw !== "object" || raw === null) return {};
+			const out = {};
+			for (const [tag, id] of Object.entries(raw)) if (typeof id === "string" && id !== "") out[tag] = id;
+			return out;
+		}
+		/**
+		* Build the next `regions` settings value for one pinned video model.
+		*
+		* `modelId` of `undefined` or `''` CLEARS that tag's pin, which is why this is
+		* a three-state write rather than a boolean: the card's picker has a "no pin"
+		* row, and deleting the key is what makes the absence mean "nothing pinned"
+		* again (an empty string would be a value the tool would have to special-case).
+		*
+		* Same merge rule as the switches above: only this region's field changes.
+		*/
+		function nextRegionPreferredVideoModels(value, region, tag, modelId) {
+			const pinned = { ...regionPreferredVideoModelsOf(value, region) };
+			if (modelId === void 0 || modelId === "") delete pinned[tag];
+			else pinned[tag] = modelId;
+			return nextRegionSlots(regionsMapOf(value), region, {
+				...regionSlotOf(value, region),
+				preferredVideoModels: pinned
+			});
+		}
 		/** The seat a region's readout uses, defaulting to the composer row. */
 		function regionCreditPositionOf(value, region) {
 			return regionSlotOf(value, region)["creditPosition"] === "stats" ? "stats" : "composer";
@@ -508,6 +558,12 @@ window.__ModuleLoader__.load({
 				imageToolEnabled: enabled
 			});
 		}
+		function nextRegionVideoToolEnabled(value, region, enabled) {
+			return nextRegionSlots(regionsMapOf(value), region, {
+				...regionSlotOf(value, region),
+				videoToolEnabled: enabled
+			});
+		}
 		/**
 		* Project one card row into its persisted `lastCatalog` shape: the native
 		* context window becomes the stored `contextWindow`, and the card-only
@@ -1150,6 +1206,33 @@ window.__ModuleLoader__.load({
 				return stored !== null && stored !== void 0 && stored["imageToolEnabled"] === enabled;
 			});
 		}
+		async function writeRegionVideoToolEnabled(scope, region, enabled, slot) {
+			await writeField(scope, "regions", region, slot, (readBack) => {
+				const stored = readBack;
+				return stored !== null && stored !== void 0 && stored["videoToolEnabled"] === enabled;
+			});
+		}
+		/**
+		* Pin (or clear) one region's video model for ONE mode tag, verifying it landed.
+		*
+		* `modelId` of `undefined`/`''` clears the pin, so the landed check accepts an
+		* ABSENT key as success for that case — writing an empty string instead would
+		* leave a value the tool has to keep special-casing forever.
+		*
+		* Routed through `writeField` like every other settings write (Host endpoint
+		* first, then the landed read-back): on the affected 0.1.7 deployments a direct
+		* `scope.set()` settles without storing anything, and a picker that silently
+		* reverted would be worse than no picker at all.
+		*/
+		async function writeRegionPreferredVideoModels(scope, region, tag, modelId, slot) {
+			await writeField(scope, "regions", region, slot, (readBack) => {
+				const stored = readBack;
+				if (stored === null || stored === void 0) return false;
+				const pinned = stored["preferredVideoModels"];
+				const current = typeof pinned === "object" && pinned !== null ? pinned[tag] : void 0;
+				return modelId === void 0 || modelId === "" ? current === void 0 || current === "" : current === modelId;
+			});
+		}
 		async function writeRegionCreditsShown(scope, region, shown, slot) {
 			await writeField(scope, "regions", region, slot, (readBack) => {
 				const stored = readBack;
@@ -4958,7 +5041,7 @@ window.__ModuleLoader__.load({
    CONTRAST colour, so a ticked box painted itself as a heavy black pill — the
    loudest object in a section made of plain 13px text. */
 .dsm-workbuddy-pref input{flex:none;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
-.dsm-workbuddy-pref-check,.dsm-workbuddy-image-tool-check,.dsm-workbuddy-cli-bridge-check,.dsm-workbuddy-upstream-check{inline-size:15px;block-size:15px;margin:3px 0 0}
+.dsm-workbuddy-pref-check,.dsm-workbuddy-image-tool-check,.dsm-workbuddy-video-tool-check,.dsm-workbuddy-cli-bridge-check,.dsm-workbuddy-upstream-check{inline-size:15px;block-size:15px;margin:3px 0 0}
 /* The upstream-identity switches are their own group, so they get a divider
    above them instead of relying on spacing alone: they change the request the
    whole plugin sends, not a per-region display choice, and reading them as the
@@ -4981,6 +5064,31 @@ window.__ModuleLoader__.load({
 .dsm-workbuddy-pref-lead{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
 .dsm-workbuddy-pref-lead .dsm-workbuddy-pref-label{flex:none}
 .dsm-workbuddy-pref-hint{color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:17px}
+/* The media roster: a READ-ONLY list, so it is drawn as quiet rows rather than
+   as a table — it answers "what can this tab draw with" in passing, and must
+   not compete with the switches above it for attention. The id is monospace
+   and dimmer than the name because it is the string a tool call has to pass,
+   not the thing a human reads; the tag chips carry the only colour, one hue
+   per direction (text→image vs image→image), so the grouping is visible
+   without a legend. */
+/* Aligned with the indented rows above it, but under its OWN class: the
+   credit position picker owns .dsm-workbuddy-pref-indent, and the card suite
+   resolves that selector expecting the picker. This block is a block (lead
+   row + hint + list), not a single indented line. */
+.dsm-workbuddy-media{padding-left:25px}
+.dsm-workbuddy-media-list{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
+.dsm-workbuddy-media-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-width:0}
+.dsm-workbuddy-media-name{color:var(--dsw-alias-label-secondary,#b8bcc4);font-size:12px}
+.dsm-workbuddy-media-id{color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
+.dsm-workbuddy-media-tags{display:inline-flex;flex-wrap:wrap;gap:4px}
+.dsm-workbuddy-media-tag{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:0 6px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#8b8f98)}
+/* The per-mode video-model picker. It reuses .dsm-workbuddy-media-row so the
+   tag chip and the select sit on one baseline, like a roster row does. */
+.dsm-workbuddy-video-model-select{font:inherit;font-size:12px;color:var(--dsw-alias-label-secondary,#b8bcc4);background:var(--dsw-alias-bg-l1,transparent);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:1px 6px;max-width:100%;min-width:0}
+.dsm-workbuddy-video-model-select:disabled{opacity:.6}
+.dsm-workbuddy-media-empty,.dsm-workbuddy-media-error{font-size:12px;line-height:17px}
+.dsm-workbuddy-media-empty{color:var(--dsw-alias-label-tertiary,#8b8f98)}
+.dsm-workbuddy-media-error{color:var(--dsw-alias-label-error,#e5675f)}
 /* The supplement to the host's fixed quota sentence (issue #63). The plugin no
    longer claims the host's shell.quota-notice chain seat, so this no longer
    paints into shell.overlay — that seat is the reason the previous build's
@@ -6062,6 +6170,32 @@ window.__ModuleLoader__.load({
 		* text-only model and an unverified one look identically broken next to their
 		* checked siblings.
 		*/
+		/**
+		* The media roster from the Host's JSON, tolerantly.
+		*
+		* Anything that is not a row with a string id and a name is DROPPED, never
+		* rendered: this is a read-only list, and a half-shaped entry is not worth an
+		* exception that would take down the whole card. A Host older than the route
+		* (or any other answer without `models`) yields an empty list, which the block
+		* shows as "this tab publishes none" instead of as a failure.
+		*/
+		function readMediaRoster(value) {
+			const models = value?.models;
+			if (!Array.isArray(models)) return void 0;
+			const rows = [];
+			for (const entry of models) {
+				const record = entry;
+				if (record === null || typeof record !== "object") continue;
+				if (typeof record.id !== "string" || record.id === "") continue;
+				const tags = Array.isArray(record.tags) ? record.tags.filter((tag) => typeof tag === "string") : [];
+				rows.push({
+					id: record.id,
+					name: typeof record.name === "string" ? record.name : record.id,
+					tags
+				});
+			}
+			return rows;
+		}
 		function imageCheckboxHint(model, t) {
 			switch (nativeModalityOf(model.id)) {
 				case "multimodal": return t("row.modelImage");
@@ -6443,6 +6577,18 @@ window.__ModuleLoader__.load({
 			const [saveError, setSaveError] = (0, react.useState)(void 0);
 			const [switchingAccount, setSwitchingAccount] = (0, react.useState)(false);
 			/**
+			* The region's MEDIA model roster (read-only), keyed by region.
+			*
+			* NOT part of `statusByRegion`: the usage document is the editable model
+			* directory, and folding media rows into it would put them in the saved
+			* `lastCatalog` — where the adapter would offer an image model as a chat
+			* model. It is a separate, cheap, read-only read that only the capability
+			* panel needs.
+			*/
+			const [mediaByRegion, setMediaByRegion] = (0, react.useState)({});
+			const [mediaError, setMediaError] = (0, react.useState)(void 0);
+			const [mediaBusy, setMediaBusy] = (0, react.useState)(false);
+			/**
 			* Whether the account pool's save is in flight. Both sections write into one
 			* region slot and the Host merges per-region, so two concurrent saves can
 			* interleave on a stale base and revert each other while both report success
@@ -6462,6 +6608,15 @@ window.__ModuleLoader__.load({
 			*/
 			const [togglingCredits, setTogglingCredits] = (0, react.useState)(void 0);
 			/**
+			* Which video-model pin is being written right now: the tag string, or
+			* undefined.
+			*
+			* A SEPARATE state from {@link togglingCredits} for the same reason those two
+			* switches keep separate busy flags: the pin lives in a different field of the
+			* same region slot, so one in-flight write must not disable the other control.
+			*/
+			const [pinningVideoModel, setPinningVideoModel] = (0, react.useState)(void 0);
+			/**
 			* The OPTIONAL CodeBuddy CLI route switch (global: one switch, one budget).
 			*
 			* `undefined` until the first Host answer arrives, so the box renders the
@@ -6843,6 +6998,35 @@ window.__ModuleLoader__.load({
 				return regionImageToolEnabledOf(settingsScope?.getSnapshot().value, item);
 			};
 			/**
+			* Whether the model may call the video tool in this region. Mirrors
+			* imageToolOn: read off the Host answer first, so a stale mirror cannot
+			* leave the spending capability on. Absent is NOT consent.
+			*/
+			const videoToolOn = (item) => {
+				const usage = statusByRegion[item];
+				if (typeof usage?.videoToolEnabled === "boolean") return usage.videoToolEnabled;
+				return regionVideoToolEnabledOf(settingsScope?.getSnapshot().value, item);
+			};
+			/**
+			* The video model pinned for one mode tag in this region, or `''` for "no pin".
+			*
+			* Same read order as {@link videoToolOn} and for the same measured reason: the
+			* Host's answer first, because this namespace's browser mirror is stale on the
+			* affected 0.1.7 deployments — a picker reading the mirror alone would keep
+			* showing a pin the tool no longer uses.
+			*
+			* `''` rather than `undefined` because that is what the `<select>` needs for its
+			* "default" row; the write path turns it back into "remove the key".
+			*/
+			const preferredVideoModelOf = (item, tag) => {
+				const fromHost = statusByRegion[item]?.preferredVideoModels;
+				if (typeof fromHost === "object" && fromHost !== null) {
+					const pinned = fromHost[tag];
+					if (typeof pinned === "string") return pinned;
+				}
+				return regionPreferredVideoModelsOf(settingsScope?.getSnapshot().value, item)[tag] ?? "";
+			};
+			/**
 			* Switch one region's provider off or on. The write carries the region's
 			* whole slot through untouched — only `enabled` changes — so the user's
 			* directory, model picks, image opt-ins and budgets survive a round trip.
@@ -7112,6 +7296,107 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setTogglingCredits(void 0);
 				}
 			};
+			const toggleVideoTool = async (item, enabled) => {
+				if (settingsScope === void 0) return;
+				setTogglingCredits(item);
+				try {
+					const slot = nextRegionVideoToolEnabled(settingsScope.getSnapshot().value, item, enabled)[item];
+					await writeRegionVideoToolEnabled(settingsScope, item, enabled, typeof slot === "object" && slot !== null ? slot : {});
+					await refreshUsage(item);
+				} catch (error) {
+					if (mounted.current) setAccountError(error instanceof Error ? error.message : t("row.requestFailed"));
+				} finally {
+					if (mounted.current) setTogglingCredits(void 0);
+				}
+			};
+			/**
+			* Pin (or clear) one region's video model for one mode tag.
+			*
+			* `undefined` means "no pin": the picker's default row, which the tool reads as
+			* "take the first model of that group". Both directions go through the same
+			* landed-checked write as every other settings control, then re-read the Host —
+			* a pin that reverted silently would leave the user believing the tool would
+			* use a model it never picks.
+			*/
+			const pinVideoModel = async (item, tag, modelId) => {
+				if (settingsScope === void 0) return;
+				setPinningVideoModel(tag);
+				try {
+					const slot = nextRegionPreferredVideoModels(settingsScope.getSnapshot().value, item, tag, modelId)[item];
+					await writeRegionPreferredVideoModels(settingsScope, item, tag, modelId, typeof slot === "object" && slot !== null ? slot : {});
+					await refreshUsage(item);
+				} catch (error) {
+					if (mounted.current) setAccountError(error instanceof Error ? error.message : t("row.requestFailed"));
+				} finally {
+					if (mounted.current) setPinningVideoModel(void 0);
+				}
+			};
+			/**
+			* Read the active region's media roster. Read-only and free (the same GET the
+			* image tool performs), so it is safe to run whenever the capability panel is
+			* shown; `refresh` bypasses the Host's 5-minute cache for the explicit
+			* button, because a user who just enabled an image model upstream should not
+			* have to wait out a TTL to see it.
+			*
+			* A failure lands in `mediaError` INSIDE the block and nowhere else: it must
+			* not touch `statusByRegion`, or one unreachable roster would replace the
+			* whole panel with an error screen.
+			*/
+			const loadMediaModels = (0, react.useCallback)(async (region, refresh, signal) => {
+				try {
+					const url = refresh ? `${withWorkBuddyRegion(WORKBUDDY_MEDIA_MODELS_PATH, region)}&refresh=1` : withWorkBuddyRegion(WORKBUDDY_MEDIA_MODELS_PATH, region);
+					const response = await fetch(url, {
+						method: "POST",
+						headers: { accept: "application/json" },
+						credentials: "same-origin",
+						...signal === void 0 ? {} : { signal }
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}`);
+					const models = readMediaRoster(await response.json().catch(() => void 0));
+					if (models === void 0) throw new Error(`HTTP ${response.status}`);
+					if (!mounted.current || signal?.aborted === true) return;
+					setMediaByRegion((prev) => ({
+						...prev,
+						[region]: models
+					}));
+					setMediaError(void 0);
+				} catch (error) {
+					if (!mounted.current || signal?.aborted === true) return;
+					setMediaError(error instanceof Error ? error.message : t("row.requestFailed"));
+				}
+			}, [t]);
+			/**
+			* Regions whose media roster has already been asked for, so showing the
+			* capability panel does not re-read the roster on every render — and so a
+			* FAILED read is not retried in a loop. The explicit "re-read" button is the
+			* only thing that asks twice, because a user who just enabled a model
+			* upstream is the one case where a fresh answer is the point.
+			*/
+			const mediaRequested = (0, react.useRef)(/* @__PURE__ */ new Set());
+			/**
+			* Read the media roster once per region, when the capability panel is opened.
+			*
+			* Lazy rather than alongside the usage fetch: the roster is only visible in
+			* this one panel, and the usage fetch runs for BOTH regions on every open. If
+			* the secret store happens to hold a credential for the region the user is not
+			* looking at, an eager read would spend a request nobody asked for.
+			*/
+			(0, react.useEffect)(() => {
+				if (!open || panel !== "capabilities" || !hasAccounts) return;
+				if (mediaRequested.current.has(activeRegion)) return;
+				mediaRequested.current.add(activeRegion);
+				const controller = new AbortController();
+				loadMediaModels(activeRegion, false, controller.signal);
+				return () => {
+					controller.abort();
+				};
+			}, [
+				open,
+				panel,
+				activeRegion,
+				hasAccounts,
+				loadMediaModels
+			]);
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
@@ -7601,12 +7886,14 @@ window.__ModuleLoader__.load({
 			*
 			* It sits first because it is the only preference here that authorizes SPEND
 			* rather than display: the credit line is a readout, this one lets the model
-			* buy an image (about 5.71 credits) without asking again. CN-only, because the
-			* upstream publishes a `text-to-image` model on the CN gateway and none at all
-			* internationally — showing the box on the global tab would offer a control
-			* that can never do anything.
+			* buy an image without asking again. Shown on BOTH tabs: each gateway now
+			* publishes its own `text-to-image` model (CN `hunyuan-image-alpha`,
+			* international `hy-image-3.5`, measured 2026-10-25), so the global box is no
+			* longer a control that can never do anything. The flag is per-region and the
+			* tool uses whichever region is BOTH enabled and switched on (CN first), so
+			* ticking it here only ever authorizes spending on THIS tab.
 			*/
-			const imageToolPreference = activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			const imageToolPreference = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 				className: "dsm-workbuddy-pref",
 				title: t("row.imageToolHint"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -7627,7 +7914,158 @@ window.__ModuleLoader__.load({
 						children: t("row.imageToolHint")
 					})]
 				})]
-			}) : null;
+			});
+			/**
+			* The video-tool opt-in. Same shape and same stakes as imageToolPreference:
+			* per-region, off means the tool is NOT registered at all (not "registered
+			* but refusing"), so a tick here only ever authorizes spending on THIS tab.
+			* The tool is an async task that runs tens of seconds to minutes.
+			*/
+			const videoToolPreference = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "dsm-workbuddy-pref",
+				title: t("row.videoToolHint"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					className: "dsm-workbuddy-video-tool-check",
+					checked: activeRegionOn ? videoToolOn(activeRegion) : false,
+					disabled: !activeRegionOn || togglingCredits === activeRegion || !canWrite || saving || poolBusy,
+					onChange: (event) => {
+						toggleVideoTool(activeRegion, event.target.checked);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsm-workbuddy-pref-copy",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-workbuddy-pref-label",
+						children: t("row.videoToolLabel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-workbuddy-pref-hint",
+						children: t("row.videoToolHint")
+					})]
+				})]
+			});
+			/**
+			* What this region can actually draw. The IMAGE rows stay read-only; the
+			* VIDEO rows are pinnable in `videoModelPreference` below.
+			*
+			* The roster used to be read-only because every tag group held exactly one
+			* model in both regions (measured 2026-10-25), so a dropdown would have been a
+			* choice of one. That stopped being true for VIDEO: CN publishes two models
+			* per video tag (`kling-video-v3` and `minimax-video-h3`) — the very
+			* "两个模型能不能挑" question. The pin therefore lives in its own block below,
+			* and the roster keeps answering "can this tab draw at all, and with what".
+			*
+			* Indented like the position picker, because it is a property of the switch
+			* above it rather than a fourth independent setting.
+			*/
+			const mediaTagLabels = {
+				"text-to-image": t("row.mediaTagTextToImage"),
+				"image-to-image": t("row.mediaTagImageToImage"),
+				"text-to-video": t("row.mediaTagTextToVideo"),
+				"image-to-video": t("row.mediaTagImageToVideo")
+			};
+			const activeMedia = mediaByRegion[activeRegion];
+			const videoModelPreference = !(activeRegionOn && videoToolOn(activeRegion)) || activeMedia === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-workbuddy-pref dsm-workbuddy-media",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsm-workbuddy-pref-copy",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-pref-label",
+							children: t("row.videoModelLabel")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-pref-hint",
+							children: t("row.videoModelHint")
+						}),
+						["text-to-video", "image-to-video"].map((tag) => {
+							const group = activeMedia.filter((model) => model.tags.includes(tag));
+							if (group.length === 0) return null;
+							const pinned = preferredVideoModelOf(activeRegion, tag);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "dsm-workbuddy-media-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsm-workbuddy-media-tag",
+									children: mediaTagLabels[tag] ?? tag
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: "dsm-workbuddy-video-model-select",
+									value: group.some((model) => model.id === pinned) ? pinned : "",
+									disabled: !canWrite || saving || poolBusy || pinningVideoModel !== void 0,
+									onChange: (event) => {
+										const next = event.target.value;
+										pinVideoModel(activeRegion, tag, next === "" ? void 0 : next);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("row.videoModelDefault")
+									}), group.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: model.id,
+										children: model.name
+									}, model.id))]
+								})]
+							}, tag);
+						})
+					]
+				})
+			});
+			const mediaModelsPreference = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-workbuddy-pref dsm-workbuddy-media",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "dsm-workbuddy-pref-copy",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsm-workbuddy-pref-lead",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-workbuddy-pref-label",
+								children: t("row.mediaModelsLabel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsm-btn dsm-btn-outline",
+								disabled: mediaBusy || !activeRegionOn,
+								onClick: () => {
+									setMediaBusy(true);
+									loadMediaModels(activeRegion, true).finally(() => {
+										if (mounted.current) setMediaBusy(false);
+									});
+								},
+								children: mediaBusy ? t("row.mediaModelsRefreshing") : t("row.mediaModelsRefresh")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-pref-hint",
+							children: t("row.mediaModelsHint")
+						}),
+						mediaError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-media-error",
+							children: t("row.mediaModelsError", { message: mediaError })
+						}) : activeMedia === void 0 ? null : activeMedia.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-workbuddy-media-empty",
+							children: t("row.mediaModelsEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: "dsm-workbuddy-media-list",
+							children: activeMedia.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "dsm-workbuddy-media-row",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-name",
+										children: model.name
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-id",
+										children: model.id
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-workbuddy-media-tags",
+										children: model.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsm-workbuddy-media-tag",
+											children: mediaTagLabels[tag] ?? tag
+										}, tag))
+									})
+								]
+							}, model.id))
+						})
+					]
+				})
+			});
 			/**
 			* The CLI-route switch.
 			*
@@ -7870,6 +8308,9 @@ window.__ModuleLoader__.load({
 					cliBridgePreference,
 					cliBridgeSwitchedOn() ? cliBridgePickers : null,
 					imageToolPreference,
+					videoToolPreference,
+					videoModelPreference,
+					mediaModelsPreference,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 						className: "dsm-workbuddy-pref",
 						title: activeRegion === "cn" ? t("row.showCreditsCnHint") : t("row.showCreditsGlobalHint"),
@@ -10616,7 +11057,22 @@ window.__ModuleLoader__.load({
 			"row.cliBridgeRegionOrderGlobalOnly": "Global only",
 			"row.cliBridgePickersHint": "All three pickers write the global cliBridge block; \"CLI default\" on model and effort is an explicit empty value, not \"unset\" — the CLI then uses its own defaults; the region picker writes cliBridge.regionOrder.",
 			"row.imageToolLabel": "Let the model draw images",
-			"row.imageToolHint": "Adds the workbuddy_draw_image tool, which the MODEL may call on its own — about 5.71 credits per image, with no per-call confirmation. Off means the tool is not registered at all.",
+			"row.imageToolHint": "Adds the workbuddy_draw_image tool, which the MODEL may call on its own — about 5.71 credits per image on the CN gateway and about 0.03 on the international one, with no per-call confirmation. Ticking it here only authorizes THIS tab's region. Off everywhere means the tool is not registered at all.",
+			"row.videoToolLabel": "Let the model generate videos",
+			"row.videoToolHint": "Adds the workbuddy_draw_video tool, which the MODEL may call on its own — a video is an async task (submit, poll, then download) that costs WorkBuddy credits and runs tens of seconds to minutes, with no per-call confirmation. Ticking it here only authorizes THIS tab's region. Off everywhere means the tool is not registered at all.",
+			"row.videoModelLabel": "Video model per mode",
+			"row.videoModelHint": "Pinned separately for text-to-video and image-to-video, from THIS region's own catalog — a model id does not carry across regions. A call that names no model uses the pin; with nothing pinned the tool takes the first model of that group. A pin the catalog no longer carries quietly falls back to the first model instead of failing.",
+			"row.videoModelDefault": "Default (first in the group)",
+			"row.mediaModelsLabel": "Image models in this region",
+			"row.mediaModelsHint": "Read from this account's product configuration. The draw tools pick their models from here: a prompt without an image uses a text-to-image model, one WITH an image uses an image-to-image model. Image rows are read-only (pass a model to the tool to change it); the VIDEO model is pinnable in the picker above.",
+			"row.mediaModelsEmpty": "This region publishes no image or video model.",
+			"row.mediaModelsError": "Could not read the media model list: {message}",
+			"row.mediaModelsRefresh": "Re-read",
+			"row.mediaModelsRefreshing": "Reading…",
+			"row.mediaTagTextToImage": "text → image",
+			"row.mediaTagImageToImage": "image → image",
+			"row.mediaTagTextToVideo": "text → video",
+			"row.mediaTagImageToVideo": "image → video",
 			"row.showCreditsCn": "Show credits in the composer toolbar",
 			"row.showCreditsGlobal": "Show credits in the composer toolbar",
 			"row.showCreditsCnHint": "Show the domestic (WB CN) credit balance in the composer toolbar, but only while this session uses a WB CN model. Click it for per-account balances and a one-click test of the checked accounts (the test spends real credits). The readout refreshes by itself every 5 minutes; the per-account table every 60 seconds while it is open.",
@@ -11031,7 +11487,22 @@ window.__ModuleLoader__.load({
 			"row.cliBridgeRegionOrderGlobalOnly": "仅国际",
 			"row.cliBridgePickersHint": "三个选择都写入全局 cliBridge 块；模型/档位的\"CLI 默认\"是显式的空值而非未设置，届时 CLI 使用自己的默认；区域选择写入 cliBridge.regionOrder。",
 			"row.imageToolLabel": "允许模型自主生图",
-			"row.imageToolHint": "开启后模型可以自己调用 workbuddy_draw_image 画图——约 5.71 积分/张，没有逐次确认。关闭时该工具根本不会注册。",
+			"row.imageToolHint": "开启后模型可以自己调用 workbuddy_draw_image 画图——国内区约 5.71、国际区约 0.03 积分/张，没有逐次确认。在这里勾选只授权当前这一区的账号。两区都关着时该工具根本不会注册。",
+			"row.videoToolLabel": "允许模型自主生视频",
+			"row.videoToolHint": "开启后模型可以自己调用 workbuddy_draw_video 生成短视频——视频是异步任务（提交、轮询到完成、再下载到本地），要几十秒到几分钟，没有逐次确认。在这里勾选只授权当前这一区的账号。两区都关着时该工具根本不会注册。",
+			"row.videoModelLabel": "按模式指定视频模型",
+			"row.videoModelHint": "文生视频与图生视频各钉一个，选项只来自当前这一区自己的目录——模型 id 不跨区。调用时不填 model 就用这里钉的；什么都没钉就用该组第一个模型。钉住的模型如果目录里已经没有了，会安静地回落到第一个，而不是让这次生成失败。",
+			"row.videoModelDefault": "默认（组内第一个）",
+			"row.mediaModelsLabel": "本区可用的图像模型",
+			"row.mediaModelsHint": "读自当前账号的产品配置。生图工具就按这里挑模型：不填图片走「文生图」那一组，填了图片走「图生图」那一组。「图像」那几行是只读的（想换就在调用工具时指定模型）；「视频」模型可以在上面的选择器里钉住。",
+			"row.mediaModelsEmpty": "这一区的产品配置里没有图像或视频模型。",
+			"row.mediaModelsError": "读取媒体模型清单失败：{message}",
+			"row.mediaModelsRefresh": "重新读取",
+			"row.mediaModelsRefreshing": "正在读取…",
+			"row.mediaTagTextToImage": "文生图",
+			"row.mediaTagImageToImage": "图生图",
+			"row.mediaTagTextToVideo": "文生视频",
+			"row.mediaTagImageToVideo": "图生视频",
 			"row.showCreditsCn": "在输入框工具栏显示积分读数",
 			"row.showCreditsGlobal": "在输入框工具栏显示积分读数",
 			"row.showCreditsCnHint": "在对话输入框工具栏显示国内版（WB CN）剩余积分，仅当本会话使用 WB CN 模型时出现。点击可看各账号余额并一键测试勾选的账号（测试会真实消耗积分）。读数每 5 分钟自动刷新；各账号明细在面板打开时每 60 秒刷新。",