dsh-plugin-subscriptions 0.3.1 → 0.4.1

package/lib/client.js

@@ -71,7 +71,10 @@ const en = {
 	imageLoading: "Loading…",
 	imageLoadFailed: "Retry",
 	imagePreview: "Image preview",
-	imageClose: "Close"
+	imageClose: "Close",
+	generatingVideo: "Generating video…",
+	videoLoading: "Loading video…",
+	videoLoadFailed: "Video failed to load: {message}"
 };
 /** zh strings, one per {@link en} key. */
 const zh = {
@@ -110,13 +113,16 @@ const zh = {
 	imageLoading: "加载中…",
 	imageLoadFailed: "重试",
 	imagePreview: "图片预览",
-	imageClose: "关闭"
+	imageClose: "关闭",
+	generatingVideo: "正在生成视频…",
+	videoLoading: "视频加载中…",
+	videoLoadFailed: "视频加载失败：{message}"
 };
 
 //#endregion
 //#region src/client/SubscriptionsSection.tsx
 /** Logical RPC channel served by the node half of this plugin. */
-const SUBSCRIPTIONS_AUTH_CHANNEL$1 = "/subscriptions-auth";
+const SUBSCRIPTIONS_AUTH_CHANNEL$2 = "/subscriptions-auth";
 /** Poll cadence while a provider login attempt is busy. */
 const POLL_INTERVAL_MS = 2e3;
 /** Card display metadata, in page order (names are brand names, not translated). */
@@ -146,7 +152,7 @@ var SubscriptionsAuthError = class extends Error {};
 async function callSubscriptionsAuth$1(rpc, endpoint, payload) {
 	let result;
 	try {
-		result = await rpc.call(SUBSCRIPTIONS_AUTH_CHANNEL$1, endpoint, payload);
+		result = await rpc.call(SUBSCRIPTIONS_AUTH_CHANNEL$2, endpoint, payload);
 	} catch (error) {
 		throw new SubscriptionsAuthError(error instanceof Error ? error.message : String(error));
 	}
@@ -164,12 +170,12 @@ function messageOf(error) {
 * @param params - `{name}` template params.
 * @returns the template with params substituted.
 */
-function fallbackTranslate$1(key, params) {
+function fallbackTranslate$2(key, params) {
 	let text = en[key];
 	for (const [name, value] of Object.entries(params ?? {})) text = text.replaceAll(`{${name}}`, String(value));
 	return text;
 }
-const styles$1 = {
+const styles$2 = {
 	section: {
 		display: "flex",
 		flexDirection: "column",
@@ -382,7 +388,7 @@ function usageBarColor(usedPercent) {
 */
 function SubscriptionsSection(props) {
 	const { rpc } = props;
-	const t = props.t ?? fallbackTranslate$1;
+	const t = props.t ?? fallbackTranslate$2;
 	const [statuses, setStatuses] = (0, react.useState)({});
 	const [errors, setErrors] = (0, react.useState)({});
 	const [manualDrafts, setManualDrafts] = (0, react.useState)({
@@ -589,13 +595,13 @@ function SubscriptionsSection(props) {
 		refresh
 	]);
 	if (rpc === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		style: styles$1.intro,
+		style: styles$2.intro,
 		children: t("unavailable")
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: styles$1.section,
+		style: styles$2.section,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			style: styles$1.intro,
+			style: styles$2.intro,
 			children: t("intro")
 		}), PROVIDERS.map(({ id, name }) => {
 			const status = statuses[id];
@@ -604,36 +610,36 @@ function SubscriptionsSection(props) {
 			const usageError = usageErrors[id];
 			const showUsage = status?.loggedIn === true && usage?.supported !== false && (usage !== void 0 || usageError !== void 0 || usageLoading[id] === true);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$1.card,
+				style: styles$2.card,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$1.cardHeader,
+						style: styles$2.cardHeader,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
-							...styles$1.dot,
+							...styles$2.dot,
 							background: dotColor(status)
 						} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: styles$1.name,
+							style: styles$2.name,
 							children: name
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$1.statusLine,
+						style: styles$2.statusLine,
 						children: statusText(t, status)
 					}),
 					status?.detail !== void 0 && status.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$1.statusLine,
+						style: styles$2.statusLine,
 						children: status.detail
 					}),
 					errors[id] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$1.errorLine,
+						style: styles$2.errorLine,
 						children: errors[id]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$1.actions,
+						style: styles$2.actions,
 						children: [
 							!busy && status?.loggedIn !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: styles$1.button,
+								style: styles$2.button,
 								onClick: () => {
 									login(id);
 								},
@@ -641,7 +647,7 @@ function SubscriptionsSection(props) {
 							}),
 							busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: styles$1.button,
+								style: styles$2.button,
 								onClick: () => {
 									cancel(id);
 								},
@@ -649,7 +655,7 @@ function SubscriptionsSection(props) {
 							}),
 							status?.loggedIn === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: styles$1.button,
+								style: styles$2.button,
 								onClick: () => {
 									logout(id, name);
 								},
@@ -658,23 +664,23 @@ function SubscriptionsSection(props) {
 						]
 					}),
 					showUsage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$1.usage,
+						style: styles$2.usage,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$1.usageHeader,
+								style: styles$2.usageHeader,
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: styles$1.usageTitle,
+										style: styles$2.usageTitle,
 										children: t("usageTitle")
 									}),
 									usage?.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: styles$1.usagePlan,
+										style: styles$2.usagePlan,
 										children: t("usagePlan", { plan: usage.plan })
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										style: {
-											...styles$1.usageRefresh,
+											...styles$2.usageRefresh,
 											...usageLoading[id] === true ? {
 												opacity: .5,
 												cursor: "default"
@@ -689,28 +695,28 @@ function SubscriptionsSection(props) {
 								]
 							}),
 							usage === void 0 && usageError === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$1.statusLine,
+								style: styles$2.statusLine,
 								children: t("usageLoading")
 							}),
 							usageError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$1.errorLine,
+								style: styles$2.errorLine,
 								children: t("usageError", { message: usageError })
 							}),
 							usage?.windows !== void 0 && usage.windows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$1.statusLine,
+								style: styles$2.statusLine,
 								children: t("usageEmpty")
 							}),
 							(usage?.windows ?? []).map((window$1, index) => {
 								const percent = Math.min(100, Math.max(0, window$1.usedPercent));
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: styles$1.usageRow,
+									style: styles$2.usageRow,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										style: styles$1.usageMeta,
+										style: styles$2.usageMeta,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: usageWindowLabel(t, window$1) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [`${String(Math.round(percent))}%`, window$1.resetsAt !== void 0 && ` · ${t("usageResets", { date: new Date(window$1.resetsAt).toLocaleString() })}`] })]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										style: styles$1.usageTrack,
+										style: styles$2.usageTrack,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
-											...styles$1.usageFill,
+											...styles$2.usageFill,
 											width: `${String(percent)}%`,
 											background: usageBarColor(percent)
 										} })
@@ -720,11 +726,11 @@ function SubscriptionsSection(props) {
 						]
 					}),
 					busy && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-						style: styles$1.manual,
+						style: styles$2.manual,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("manualSummary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$1.manualRow,
+							style: styles$2.manualRow,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								style: styles$1.manualInput,
+								style: styles$2.manualInput,
 								value: manualDrafts[id],
 								placeholder: t("manualPlaceholder"),
 								onChange: (event) => setManualDrafts((prev) => ({
@@ -733,7 +739,7 @@ function SubscriptionsSection(props) {
 								}))
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: styles$1.button,
+								style: styles$2.button,
 								onClick: () => {
 									submitManual(id);
 								},
@@ -750,9 +756,9 @@ function SubscriptionsSection(props) {
 //#endregion
 //#region src/client/ImageGenerateToolview.tsx
 /** Logical RPC channel served by the node half of this plugin. */
-const SUBSCRIPTIONS_AUTH_CHANNEL = "/subscriptions-auth";
+const SUBSCRIPTIONS_AUTH_CHANNEL$1 = "/subscriptions-auth";
 /** Title prompt truncation budget (characters). */
-const PROMPT_MAX_LENGTH = 60;
+const PROMPT_MAX_LENGTH$1 = 60;
 /**
 * Call one `/subscriptions-auth` endpoint and unwrap the business result.
 * @param rpc - Connection RPC caller.
@@ -761,7 +767,7 @@ const PROMPT_MAX_LENGTH = 60;
 * @returns the success value, cast by the caller to the endpoint's shape.
 */
 async function callSubscriptionsAuth(rpc, endpoint, payload) {
-	const result = await rpc.call(SUBSCRIPTIONS_AUTH_CHANNEL, endpoint, payload);
+	const result = await rpc.call(SUBSCRIPTIONS_AUTH_CHANNEL$1, endpoint, payload);
 	if (!result.ok) throw new Error(result.error.message);
 	return result.value;
 }
@@ -780,13 +786,13 @@ function createImageLoader(rpc) {
 * @param params - `{name}` template params.
 * @returns the template with params substituted.
 */
-function fallbackTranslate(key, params) {
+function fallbackTranslate$1(key, params) {
 	let text = en[key];
 	for (const [name, value] of Object.entries(params ?? {})) text = text.replaceAll(`{${name}}`, String(value));
 	return text;
 }
 /** Extract the prompt from the call's raw args JSON; falls back to the first string value, then the raw line. */
-function derivePrompt(argsRaw) {
+function derivePrompt$1(argsRaw) {
 	let parsed;
 	try {
 		parsed = JSON.parse(argsRaw);
@@ -803,10 +809,10 @@ function derivePrompt(argsRaw) {
 		}
 	}
 	const line = (prompt ?? argsRaw).split("\n", 1)[0] ?? "";
-	return line.length > PROMPT_MAX_LENGTH ? `${line.slice(0, PROMPT_MAX_LENGTH)}…` : line;
+	return line.length > PROMPT_MAX_LENGTH$1 ? `${line.slice(0, PROMPT_MAX_LENGTH$1)}…` : line;
 }
 /** Flatten a settled result's text blocks (the degraded text-only route and the error line). */
-function resultText(block) {
+function resultText$1(block) {
 	if (!("kind" in block)) return "";
 	const parts = [];
 	for (const part of block.content) if (part.type === "text") parts.push(part.text);
@@ -820,7 +826,7 @@ function resultImages(block) {
 	for (const part of block.content) if (part.type === "image") images.push({ attachment: part.attachment });
 	return images;
 }
-const styles = {
+const styles$1 = {
 	container: {
 		display: "flex",
 		flexDirection: "column",
@@ -874,12 +880,12 @@ const styles = {
 */
 function ImageGenerateToolview(props) {
 	const { block, load } = props;
-	const t = props.t ?? fallbackTranslate;
+	const t = props.t ?? fallbackTranslate$1;
 	if (block === void 0) return null;
 	const settled = "kind" in block;
-	const title = `image_generate: ${derivePrompt((settled ? block.call?.argsRaw : block.argsRaw) ?? "")}`;
+	const title = `image_generate: ${derivePrompt$1((settled ? block.call?.argsRaw : block.argsRaw) ?? "")}`;
 	const images = resultImages(block);
-	const text = settled ? resultText(block) : "";
+	const text = settled ? resultText$1(block) : "";
 	const labels = {
 		image: t("image"),
 		open: t("viewImage"),
@@ -892,24 +898,24 @@ function ImageGenerateToolview(props) {
 		}
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: styles.container,
+		style: styles$1.container,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: styles.row,
+				style: styles$1.row,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: styles.icon,
+					style: styles$1.icon,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconSparkle16, { size: 14 })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: styles.title,
+					style: styles$1.title,
 					children: title
 				})]
 			}),
 			!settled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				style: styles.subtle,
+				style: styles$1.subtle,
 				children: t("generating")
 			}),
 			settled && block.isError && text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				style: styles.error,
+				style: styles$1.error,
 				children: text.split("\n", 1)[0]
 			}),
 			settled && !block.isError && images.length > 0 && load !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_attachment.ImageGallery, {
@@ -919,6 +925,221 @@ function ImageGenerateToolview(props) {
 				labels
 			}),
 			settled && !block.isError && images.length === 0 && text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles$1.output,
+				children: text
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/VideoGenerateToolview.tsx
+/** Logical RPC channel served by the node half of this plugin. */
+const SUBSCRIPTIONS_AUTH_CHANNEL = "/subscriptions-auth";
+/** Title prompt truncation budget (characters). */
+const PROMPT_MAX_LENGTH = 60;
+/**
+* Build the video loader over the `/subscriptions-auth` `video` endpoint.
+* @param rpc - Connection RPC caller.
+* @returns loader resolving a bare file name to the decoded bytes.
+*/
+function createVideoLoader(rpc) {
+	return async (name) => {
+		const result = await rpc.call(SUBSCRIPTIONS_AUTH_CHANNEL, "video", { name });
+		if (!result.ok) throw new Error(result.error.message);
+		return result.value;
+	};
+}
+/**
+* English-dictionary fallback for a missing locale seat (standalone renders);
+* the framework always supplies the namespace-bound one.
+*/
+function fallbackTranslate(key, params) {
+	let text = en[key];
+	for (const [name, value] of Object.entries(params ?? {})) text = text.replaceAll(`{${name}}`, String(value));
+	return text;
+}
+/** Extract the prompt from the call's raw args JSON; falls back to the first string value, then the raw line. */
+function derivePrompt(argsRaw) {
+	let parsed;
+	try {
+		parsed = JSON.parse(argsRaw);
+	} catch {
+		parsed = void 0;
+	}
+	let prompt;
+	if (typeof parsed === "object" && parsed !== null) {
+		const args = parsed;
+		if (typeof args.prompt === "string" && args.prompt !== "") prompt = args.prompt;
+		else for (const value of Object.values(args)) if (typeof value === "string" && value !== "") {
+			prompt = value;
+			break;
+		}
+	}
+	const line = (prompt ?? argsRaw).split("\n", 1)[0] ?? "";
+	return line.length > PROMPT_MAX_LENGTH ? `${line.slice(0, PROMPT_MAX_LENGTH)}…` : line;
+}
+/** Flatten a settled result's text blocks (the fallback body and the error line). */
+function resultText(block) {
+	if (!("kind" in block)) return "";
+	const parts = [];
+	for (const part of block.content) if (part.type === "text") parts.push(part.text);
+	if (parts.length === 0 && block.error !== void 0) parts.push(`${block.error.name}: ${block.error.code}`);
+	return parts.join("\n");
+}
+/**
+* The generated video's bare file name: presentation meta first (top-level
+* dispatches), then the render text's "Saved video to …" line (nested
+* dispatches compute no meta).
+*/
+function resolveFileName(block) {
+	if (!("kind" in block)) return void 0;
+	const meta = block.meta;
+	if (typeof meta === "object" && meta !== null) {
+		const fileName = meta.fileName;
+		if (typeof fileName === "string" && fileName.length > 0) return fileName;
+	}
+	const match = /^Saved video to (.+\.mp4)/m.exec(resultText(block));
+	if (match === null) return void 0;
+	const path = match[1];
+	return path.slice(path.lastIndexOf("/") + 1);
+}
+/** Decode a base64 payload into bytes (browser-side; no Buffer). */
+function base64Bytes(dataBase64) {
+	const binary = atob(dataBase64);
+	const bytes = new Uint8Array(binary.length);
+	for (let index = 0; index < binary.length; index++) bytes[index] = binary.charCodeAt(index);
+	return bytes;
+}
+const styles = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 6,
+		padding: "4px 0"
+	},
+	row: {
+		display: "flex",
+		alignItems: "center",
+		gap: 6,
+		minWidth: 0
+	},
+	icon: {
+		display: "inline-flex",
+		flexShrink: 0,
+		color: "var(--dsw-alias-label-tertiary)"
+	},
+	title: {
+		fontSize: 13,
+		lineHeight: "20px",
+		color: "var(--dsw-alias-label-primary)",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	subtle: {
+		margin: 0,
+		fontSize: 12,
+		lineHeight: "18px",
+		color: "var(--dsw-alias-label-tertiary)"
+	},
+	output: {
+		margin: 0,
+		fontSize: 12,
+		lineHeight: "18px",
+		color: "var(--dsw-alias-label-secondary)",
+		whiteSpace: "pre-wrap",
+		overflowWrap: "anywhere"
+	},
+	error: {
+		margin: 0,
+		fontSize: 12,
+		lineHeight: "18px",
+		color: "var(--dsw-alias-state-error-primary)"
+	},
+	video: {
+		display: "block",
+		maxWidth: 480,
+		width: "100%",
+		borderRadius: 8,
+		backgroundColor: "var(--dsw-alias-fill-tertiary)"
+	}
+};
+/**
+* The `video_generate` keyed toolview component.
+* @param props - owner share, inject face, and locale seat (spread flat).
+* @returns the call row plus, once settled, the player / text / error body.
+*/
+function VideoGenerateToolview(props) {
+	const { block, loadVideo } = props;
+	const t = props.t ?? fallbackTranslate;
+	const settled = block !== void 0 && "kind" in block;
+	const isError = settled && block.isError;
+	const fileName = block !== void 0 && settled && !isError ? resolveFileName(block) : void 0;
+	const [load, setLoad] = (0, react.useState)({ phase: "loading" });
+	(0, react.useEffect)(() => {
+		if (fileName === void 0 || loadVideo === void 0) return;
+		let cancelled = false;
+		let objectUrl;
+		setLoad({ phase: "loading" });
+		loadVideo(fileName).then((video) => {
+			if (cancelled) return;
+			objectUrl = URL.createObjectURL(new Blob([base64Bytes(video.dataBase64).slice()], { type: video.mediaType }));
+			setLoad({
+				phase: "ready",
+				url: objectUrl
+			});
+		}, (error) => {
+			if (cancelled) return;
+			setLoad({
+				phase: "failed",
+				message: error instanceof Error ? error.message : String(error)
+			});
+		});
+		return () => {
+			cancelled = true;
+			if (objectUrl !== void 0) URL.revokeObjectURL(objectUrl);
+		};
+	}, [fileName, loadVideo]);
+	if (block === void 0) return null;
+	const title = `video_generate: ${derivePrompt((settled ? block.call?.argsRaw : block.argsRaw) ?? "")}`;
+	const text = settled ? resultText(block) : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: styles.container,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: styles.row,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: styles.icon,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconSparkle16, { size: 14 })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: styles.title,
+					children: title
+				})]
+			}),
+			!settled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles.subtle,
+				children: t("generatingVideo")
+			}),
+			settled && isError && text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles.error,
+				children: text.split("\n", 1)[0]
+			}),
+			settled && !isError && fileName !== void 0 && load.phase === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles.subtle,
+				children: t("videoLoading")
+			}),
+			settled && !isError && fileName !== void 0 && load.phase === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles.error,
+				children: t("videoLoadFailed", { message: load.message })
+			}),
+			settled && !isError && fileName !== void 0 && load.phase === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
+				style: styles.video,
+				src: load.url,
+				controls: true,
+				preload: "metadata"
+			}),
+			settled && !isError && fileName === void 0 && text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				style: styles.output,
 				children: text
 			})
@@ -971,6 +1192,13 @@ function apply(ctx) {
 		locale: NS,
 		inject: toolviewInjected
 	}, ImageGenerateToolview));
+	const videoToolviewInjected = () => ({ loadVideo: createVideoLoader(connection.rpc) });
+	ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
+		name: "tool.call.toolview",
+		key: "video_generate",
+		locale: NS,
+		inject: videoToolviewInjected
+	}, VideoGenerateToolview));
 }
 
 //#endregion