dsh-vidi 0.7.7 → 0.7.9

package/lib/client.js

@@ -34790,9 +34790,10 @@ async function post$1(path, body) {
 	if (!r.ok) throw new Error(j.error ?? `HTTP ${r.status}`);
 	return j;
 }
-/** Everything most people never touch, behind one gear: recognition and its key, mode, spoken language, site login. */
 function Settings(props) {
-	const { engine, onEngine, mode, onMode, spoken, onSpoken, langOptions, login, onLogin, browsers, providers, shared, name, onKey, disabled, open, onOpen, t } = props;
+	const { engine, onEngine, mode, onMode, spoken, onSpoken, langOptions, login, onLogin, browsers, providers, shared, name, onKey, disabled, open, onOpen, update, onCheckUpdate, t } = props;
+	const [checking, setChecking] = (0, react.useState)(false);
+	const [checked, setChecked] = (0, react.useState)(false);
 	const box = (0, react.useRef)(null);
 	const [draft, setDraft] = (0, react.useState)("");
 	const [busy, setBusy] = (0, react.useState)(false);
@@ -34890,9 +34891,9 @@ function Settings(props) {
 		className: "dshl-pick",
 		ref: box,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			className: `dshl-ctl icon ${open ? "on" : ""}`,
+			className: `dshl-ctl icon ${open ? "on" : ""} ${update?.newer ? "dot" : ""}`,
 			onClick: () => onOpen(!open),
-			title: t("in.settings"),
+			title: update?.newer ? t("upd.available").replace("{v}", update.latest ?? "") : t("in.settings"),
 			"aria-expanded": open,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.gear, {})
 		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -35120,6 +35121,37 @@ function Settings(props) {
 							}
 						]
 					})]
+				}),
+				update && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "srow col version",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "vline",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("upd.version").replace("{v}", update.current) }), update.newer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "new",
+								children: t("upd.available").replace("{v}", update.latest ?? "")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dshl-link",
+								disabled: checking,
+								onClick: () => {
+									setChecking(true);
+									onCheckUpdate?.().finally(() => {
+										setChecking(false);
+										setChecked(true);
+									});
+								},
+								children: checking ? t("upd.checking") : checked && !update.error ? t("upd.latest") : t("upd.check")
+							})]
+						}),
+						update.newer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "hint",
+							children: t("upd.how")
+						}),
+						checked && update.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "hint",
+							children: t("upd.failed")
+						})
+					]
 				})
 			]
 		})]
@@ -35389,10 +35421,18 @@ function LiveView(props) {
 	const linesBox = (0, react.useRef)(null);
 	const fileInput = (0, react.useRef)(null);
 	const active = !!job && (job.status === "resolving" || job.status === "running" || job.status === "stopping");
-	const [srcTab, setSrcTabRaw] = (0, react.useState)(() => store.get("source", "link"));
+	const [update, setUpdate] = (0, react.useState)();
+	(0, react.useEffect)(() => {
+		fetch("/live/api/version").then((r) => r.ok ? r.json() : void 0).then(setUpdate).catch(() => {});
+	}, []);
+	const checkUpdate = async () => {
+		try {
+			setUpdate(await post("version", {}));
+		} catch {}
+	};
+	const [srcTab, setSrcTabRaw] = (0, react.useState)("link");
 	const setSrcTab = (v) => {
 		setSrcTabRaw(v);
-		store.set("source", v);
 		setError("");
 	};
 	const devices = useDevices(srcTab === "camera");
@@ -35896,20 +35936,15 @@ function LiveView(props) {
 			title
 		}), "device");
 	};
-	const emptyBox = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	const emptyBox = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-drop",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t(srcTab === "file" ? "src.file.title" : srcTab === "camera" ? "src.cam.title" : srcTab === "push" ? "src.push.title" : "empty.title") }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: srcTab === "camera" && devices && !mics.length ? t("src.cam.none") : t(srcTab === "file" ? "src.file.body" : srcTab === "camera" ? "src.cam.body" : srcTab === "push" ? "src.push.body" : "empty.body") }),
-			srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				className: "dshl-btn",
-				onClick: () => fileInput.current?.click(),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {}),
-					" ",
-					t("src.file.pick")
-				]
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("empty.title") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshl-bar center",
+				children: sourceBar
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: srcTab === "camera" && devices && !mics.length ? t("src.cam.none") : t(srcTab === "file" ? "src.file.body" : srcTab === "camera" ? "src.cam.body" : srcTab === "push" ? "src.push.body" : "empty.body") }),
 			srcTab === "push" && armed?.rtmp && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dshl-pushinfo",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyRow, {
@@ -36127,6 +36162,120 @@ function LiveView(props) {
 			children: t("lag.settings")
 		})]
 	}) : null;
+	const sourceBar = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+			className: "srcpick",
+			value: srcTab,
+			onChange: (v) => setSrcTab(v),
+			title: t("src.tip"),
+			options: [
+				"link",
+				"file",
+				"camera",
+				"push"
+			].map((k) => ({
+				value: k,
+				label: t(`src.${k}`)
+			}))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref: fileInput,
+			type: "file",
+			accept: "video/*,audio/*,.mkv,.ts,.flv",
+			hidden: true,
+			onChange: (e) => {
+				const f = e.target.files?.[0];
+				if (f) onFile(f);
+				e.target.value = "";
+			}
+		}),
+		(srcTab === "link" || srcTab === "file") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: "dshl-field",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "text",
+				value: input,
+				placeholder: t(srcTab === "file" ? "src.file.placeholder" : "in.placeholder"),
+				onChange: (e) => setInput(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Enter") start();
+				}
+			}), srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "ghost",
+				title: t("in.file.tip"),
+				onClick: () => fileInput.current?.click(),
+				children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pct",
+					children: t("in.uploading").replace("{p}", String(uploading))
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => start(),
+			disabled: !classify(input),
+			children: t("in.open")
+		})] }),
+		srcTab === "camera" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-devbar",
+			children: devices === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.loading")
+			}) : mics.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camV,
+				options: videoOptions,
+				onChange: setCamVideo,
+				title: t("dev.video")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camA,
+				options: mics.map((d) => ({
+					value: d.id,
+					label: d.name
+				})),
+				onChange: setCamAudio,
+				title: t("dev.audio")
+			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.none")
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => void startDevice(),
+			disabled: !camA,
+			children: t("dev.start")
+		})] }),
+		srcTab === "push" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-field static",
+			title: t("src.push.body"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(armed?.rtmp ? "src.push.bar" : active ? "src.push.busy" : "src.push.wait") })
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
+			engine: engine || "local",
+			onEngine: setEngine,
+			mode,
+			onMode: changeMode,
+			spoken,
+			onSpoken: setSpoken,
+			langOptions,
+			login,
+			onLogin: chooseLogin,
+			browsers,
+			providers,
+			shared: keysShared,
+			name: engineName,
+			onKey: (id, k) => {
+				setProviders((ps) => ps.map((p) => p.id === id ? {
+					...p,
+					key: k,
+					ready: k.set
+				} : p));
+				if (k.set) setError("");
+			},
+			open: settingsOpen,
+			onOpen: setSettingsOpen,
+			update,
+			onCheckUpdate: checkUpdate,
+			t
+		})
+	] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `dshl ${theater && !activeBench ? "theater" : ""} ${pageMode ? "page" : ""} ${activeBench ? "bench" : ""} ${pageMode && !sideOpen && !activeBench ? "noside" : ""}`,
 		style: pageMode ? { ["--side-w"]: `${sideW}px` } : void 0,
@@ -36154,7 +36303,7 @@ function LiveView(props) {
 			if (f && !active) onFile(f);
 		},
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			(hasMain || onClose) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 				className: "dshl-top",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dshl-bar",
@@ -36165,117 +36314,8 @@ function LiveView(props) {
 							title: t("page.back"),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.arrow, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-							className: "srcpick",
-							value: srcTab,
-							onChange: (v) => setSrcTab(v),
-							title: t("src.tip"),
-							options: [
-								"link",
-								"file",
-								"camera",
-								"push"
-							].map((k) => ({
-								value: k,
-								label: t(`src.${k}`)
-							}))
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							ref: fileInput,
-							type: "file",
-							accept: "video/*,audio/*,.mkv,.ts,.flv",
-							hidden: true,
-							onChange: (e) => {
-								const f = e.target.files?.[0];
-								if (f) onFile(f);
-								e.target.value = "";
-							}
-						}),
-						(srcTab === "link" || srcTab === "file") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-							className: "dshl-field",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "text",
-								value: input,
-								placeholder: t(srcTab === "file" ? "src.file.placeholder" : "in.placeholder"),
-								onChange: (e) => setInput(e.target.value),
-								onKeyDown: (e) => {
-									if (e.key === "Enter") start();
-								}
-							}), srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								className: "ghost",
-								title: t("in.file.tip"),
-								onClick: () => fileInput.current?.click(),
-								children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "pct",
-									children: t("in.uploading").replace("{p}", String(uploading))
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dshl-btn primary",
-							onClick: () => start(),
-							disabled: !classify(input),
-							children: t("in.open")
-						})] }),
-						srcTab === "camera" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dshl-devbar",
-							children: devices === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dshl-muted",
-								children: t("src.cam.loading")
-							}) : mics.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-								value: camV,
-								options: videoOptions,
-								onChange: setCamVideo,
-								title: t("dev.video")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-								value: camA,
-								options: mics.map((d) => ({
-									value: d.id,
-									label: d.name
-								})),
-								onChange: setCamAudio,
-								title: t("dev.audio")
-							})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dshl-muted",
-								children: t("src.cam.none")
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dshl-btn primary",
-							onClick: () => void startDevice(),
-							disabled: !camA,
-							children: t("dev.start")
-						})] }),
-						srcTab === "push" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dshl-field static",
-							title: t("src.push.body"),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(armed?.rtmp ? "src.push.bar" : active ? "src.push.busy" : "src.push.wait") })
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
-							engine: engine || "local",
-							onEngine: setEngine,
-							mode,
-							onMode: changeMode,
-							spoken,
-							onSpoken: setSpoken,
-							langOptions,
-							login,
-							onLogin: chooseLogin,
-							browsers,
-							providers,
-							shared: keysShared,
-							name: engineName,
-							onKey: (id, k) => {
-								setProviders((ps) => ps.map((p) => p.id === id ? {
-									...p,
-									key: k,
-									ready: k.set
-								} : p));
-								if (k.set) setError("");
-							},
-							open: settingsOpen,
-							onOpen: setSettingsOpen,
-							t
-						}),
-						pageMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						hasMain && sourceBar,
+						pageMode && hasMain && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: `dshl-ctl icon ${sideOpen ? "on" : ""}`,
 							title: t(sideOpen ? "side.hide" : "side.show"),
 							"aria-pressed": sideOpen,
@@ -36305,15 +36345,15 @@ function LiveView(props) {
 					children: t("st.retry")
 				})]
 			}),
-			!hasMain && !pageMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+			!hasMain ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 				className: "dshl-empty",
-				children: emptyBox
+				children: emptyBox()
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
 				className: "dshl-main",
 				ref: mainRef,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dshl-col",
-					children: !hasMain || !job ? emptyBox : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					children: !hasMain || !job ? emptyBox() : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Player, {
 							ref: player,
 							src: job.status === "resolving" || job.status === "error" ? null : `/live/media/${encodeURIComponent(job.id)}/${job.hls ?? "hls"}/index.m3u8`,
@@ -37168,7 +37208,7 @@ const en = {
 	"in.uploading": "Uploading {p}%",
 	"in.drop": "Drop to start",
 	"empty.title": "Subtitles for any video",
-	"empty.body": "Paste a link from YouTube, Bilibili and more — videos and live streams.",
+	"empty.body": "YouTube, Bilibili and other sites, videos and live streams.",
 	"st.resolving": "Opening…",
 	"st.login": "Using your {b} login… if macOS asks, choose “Always Allow”.",
 	"st.live": "Live",
@@ -37181,6 +37221,13 @@ const en = {
 	"note.noModel": "No model set up, so subtitles stay in the original language.",
 	"note.install": "Install first:",
 	"push.title": "Stream here from OBS",
+	"upd.version": "Vidi {v}",
+	"upd.check": "Check for updates",
+	"upd.checking": "Checking…",
+	"upd.latest": "Up to date",
+	"upd.available": "Version {v} is out",
+	"upd.how": "Update it from DSH’s Plugins page, then restart the app.",
+	"upd.failed": "Could not reach npm just now; it checks again tomorrow.",
 	"src.tip": "Where the video comes from",
 	"src.link": "Link",
 	"src.file": "Local file",
@@ -37188,10 +37235,10 @@ const en = {
 	"src.push": "OBS stream",
 	"src.file.placeholder": "Path of a video or audio file",
 	"src.file.title": "Open a video on this computer",
-	"src.file.body": "Drop a video or audio file here.",
+	"src.file.body": "Choose a file with the folder button, or drop it anywhere on this page.",
 	"src.file.pick": "Choose a file",
 	"src.cam.title": "Talk to the camera",
-	"src.cam.body": "Pick the picture and the microphone above and press Start: subtitles appear as you speak.",
+	"src.cam.body": "Pick the picture and the microphone, press Start: subtitles appear as you speak.",
 	"src.cam.none": "No camera or microphone found on this computer.",
 	"src.cam.loading": "Looking for cameras…",
 	"src.push.title": "Stream from OBS",
@@ -37586,7 +37633,7 @@ const zh = {
 	"in.uploading": "上传中 {p}%",
 	"in.drop": "松手开始",
 	"empty.title": "给任何视频配字幕",
-	"empty.body": "粘贴 YouTube、B 站等网站的视频或直播链接",
+	"empty.body": "支持 YouTube、B 站等网站的视频和直播",
 	"st.resolving": "正在打开…",
 	"st.login": "正在用 {b} 的登录状态…如果系统弹窗询问，点「始终允许」",
 	"st.live": "直播中",
@@ -37599,6 +37646,13 @@ const zh = {
 	"note.noModel": "还没配置模型，字幕只显示原文",
 	"note.install": "需要先安装：",
 	"push.title": "用 OBS 推流到这里",
+	"upd.version": "Vidi {v}",
+	"upd.check": "检查更新",
+	"upd.checking": "正在检查…",
+	"upd.latest": "已是最新",
+	"upd.available": "有新版本 {v}",
+	"upd.how": "到 DSH 的「插件」页面更新，再重启 app。",
+	"upd.failed": "这会儿连不上 npm，明天会再查一次。",
 	"src.tip": "视频从哪里来",
 	"src.link": "链接",
 	"src.file": "本地文件",
@@ -37606,10 +37660,10 @@ const zh = {
 	"src.push": "OBS 推流",
 	"src.file.placeholder": "视频或音频文件的路径",
 	"src.file.title": "打开这台电脑上的视频",
-	"src.file.body": "把视频或音频文件拖到这里。",
+	"src.file.body": "点文件夹按钮选择，或者直接把文件拖进来。",
 	"src.file.pick": "选择文件",
 	"src.cam.title": "对着摄像头说话",
-	"src.cam.body": "在上面选好画面和麦克风，点开始，字幕边说边出。",
+	"src.cam.body": "选好画面和麦克风，点开始，字幕边说边出。",
 	"src.cam.none": "这台电脑上没有找到摄像头或麦克风。",
 	"src.cam.loading": "正在找摄像头…",
 	"src.push.title": "用 OBS 推流过来",
@@ -37992,6 +38046,8 @@ const CSS = `
   background: var(--l1); color: var(--muted); font-size: 13px; cursor: pointer; }
 .dshl-ctl.icon { width: 40px; padding: 0; }
 .dshl-ctl.icon svg { width: 18px; height: 18px; }
+.dshl-ctl.icon.dot { position: relative; }
+.dshl-ctl.icon.dot::after { content: ''; position: absolute; top: 8px; right: 8px; width: 7px; height: 7px; border-radius: 50%; background: #e5484d; box-shadow: 0 0 0 2px var(--bg); }
 .dshl-ctl:hover, .dshl-ctl.on { background: var(--hover); color: var(--ink); }
 
 .dshl-note { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 20px 0; padding: 9px 14px; border: 1px solid var(--line); border-radius: 10px;
@@ -38010,6 +38066,10 @@ const CSS = `
 
 /* ── Empty state ── */
 .dshl-empty { padding: 28px 20px; }
+.dshl.page .dshl-empty { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; overflow: auto; }
+.dshl.page .dshl-empty > .dshl-drop { border: 0; padding-top: 0; }
+.dshl-drop > .dshl-bar.center { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 680px; margin: 22px 0 12px; text-align: left; }
+.dshl-drop > .dshl-bar.center + p { font-size: 13px; color: var(--faint); }
 .dshl-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 760px; margin: 0 auto; padding: 56px 24px 48px;
   border: 1.5px dashed var(--line); border-radius: 16px; text-align: center; }
 .dshl-col > .dshl-drop { max-width: none; min-height: 320px; aspect-ratio: 16 / 9; padding: 32px 24px; border-radius: 12px; }
@@ -38466,6 +38526,8 @@ body > .dshl-menu { z-index: 2147483002; }
 .dshl .srow .duo { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 8px; }
 .dshl .srow .duo > .dshl-select { width: 100%; }
 .dshl-pop.settings .srow + .srow { border-top: 1px solid var(--line-soft); }
+.dshl-pop.settings .srow.version .vline { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; color: var(--faint); font-size: 12.5px; }
+.dshl-pop.settings .srow.version .new { color: #e5484d; font-weight: 550; }
 .dshl-pop.settings .srow > .dshl-select, .dshl-pop.settings .srow > .dshl-seg { width: 168px; }
 .dshl-pop.settings .srow > .dshl-seg button { flex: 1; padding: 0 6px; }
 .dshl .srow.col { display: grid; justify-content: stretch; gap: 8px; padding: 10px 0; }

package/lib/index.mjs

@@ -5778,6 +5778,65 @@ function metered(llm, meter) {
 		}
 	};
 }
+// src/updates.ts
+const DAY = 864e5;
+/** a > b for plain x.y.z versions (pre-releases count as older than the release). */
+function greater(a, b) {
+	const parse = (v) => {
+		const [core = "", pre] = v.split("-");
+		return {
+			n: core.split(".").map((x) => Number(x) || 0),
+			pre
+		};
+	};
+	const x = parse(a), y = parse(b);
+	for (let i = 0; i < 3; i++) if ((x.n[i] ?? 0) !== (y.n[i] ?? 0)) return (x.n[i] ?? 0) > (y.n[i] ?? 0);
+	return !x.pre && !!y.pre;
+}
+function updateChecker(log) {
+	let current = "0.0.0";
+	try {
+		current = String(JSON.parse(readFileSync(new URL("../package.json", import.meta.url), "utf8")).version);
+	} catch {}
+	let latest, checkedAt, error;
+	let running;
+	const state = () => ({
+		current,
+		latest,
+		newer: !!latest && greater(latest, current),
+		checkedAt,
+		error
+	});
+	const check = () => running ??= (async () => {
+		try {
+			const r = await fetch("https://registry.npmjs.org/dsh-vidi/latest", {
+				signal: AbortSignal.timeout(1e4),
+				headers: { accept: "application/json" }
+			});
+			if (!r.ok) throw new Error(`registry ${r.status}`);
+			latest = String((await r.json()).version ?? "") || void 0;
+			error = void 0;
+			if (latest && greater(latest, current)) log(`update: ${latest} available (running ${current})`);
+		} catch (err) {
+			error = err.message;
+		} finally {
+			checkedAt = Date.now();
+			running = void 0;
+		}
+		return state();
+	})();
+	check();
+	const timer = setInterval(() => void check(), DAY);
+	timer.unref?.();
+	return {
+		state: () => {
+			if (!checkedAt || Date.now() - checkedAt > DAY) check();
+			return state();
+		},
+		check,
+		stop: () => clearInterval(timer)
+	};
+}
 // src/index.ts
 /**
 * dsh-vidi host half: live stream jobs, local/online speech providers,
@@ -6389,6 +6448,7 @@ function apply(ctx, config) {
 				}
 				return send(res, 200, job.summary());
 			}
+			if (route === "version") return send(res, 200, req.method === "POST" ? await updates.check() : updates.state());
 			if (route === "devices") {
 				const devices = await listDevices();
 				log(`devices: ${devices.filter((d) => d.kind !== "mic").length} picture, ${devices.filter((d) => d.kind === "mic").length} microphone`);
@@ -6828,6 +6888,11 @@ function apply(ctx, config) {
 		path: "/live/media",
 		handler: media
 	}), "dsh-vidi: media route");
+	let updates;
+	ctx.effect(() => {
+		updates = updateChecker(log);
+		return () => updates.stop();
+	}, "dsh-vidi: update check");
 	ctx.effect(() => startOverlay(config.overlayPort, () => [...jobs.values()].filter((j) => j.summary().status === "running").at(-1) ?? [...jobs.values()].at(-1), (fn) => {
 		bus.on("job", fn);
 		return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "description": "A video tool for DeepSeek Harness: watch live streams, videos and podcasts with real-time subtitles in any language, then clip and download",
   "type": "module",
   "license": "PolyForm-Noncommercial-1.0.0",