dsh-vidi 0.9.0 → 0.9.2

package/lib/client.js

@@ -358,6 +358,13 @@ const Icon = {
 			rx: "2"
 		})
 	}),
+	merge: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		viewBox: "0 0 24 24",
+		width: "16",
+		height: "16",
+		...P,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7 4v5a5 5 0 0 0 5 5 5 5 0 0 1 5 5v1M17 4v5a5 5 0 0 1-3 4.6M12 17l-3 3M12 17l3 3" })
+	}),
 	timer: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		viewBox: "0 0 24 24",
 		width: "18",
@@ -35376,6 +35383,106 @@ function useDevices(enabled) {
 	}, [enabled, devices]);
 	return devices;
 }
+/** "3 分钟前", "5 小时前", "2 天前", then the date. */
+function ago(ts, ui) {
+	if (!ts) return "";
+	const s = Math.max(0, (Date.now() - ts) / 1e3);
+	if (s < 60) return ui === "zh" ? "刚刚" : "just now";
+	const [n, unit] = s < 3600 ? [Math.round(s / 60), ui === "zh" ? " 分钟前" : " min ago"] : s < 86400 ? [Math.round(s / 3600), ui === "zh" ? " 小时前" : " h ago"] : s < 604800 ? [Math.round(s / 86400), ui === "zh" ? " 天前" : " d ago"] : [0, ""];
+	if (unit) return `${n}${unit}`;
+	return new Date(ts).toLocaleDateString(ui === "zh" ? "zh-CN" : "en-US", {
+		month: "short",
+		day: "numeric"
+	});
+}
+/** Past videos under the start box: the newest few, more on request. */
+function History({ t, ui, onOpen }) {
+	const [items, setItems] = (0, react.useState)([]);
+	const [total, setTotal] = (0, react.useState)(0);
+	const load = (offset, limit) => fetch(`/live/api/history?offset=${offset}&limit=${limit}`).then((r) => r.json()).then((j) => {
+		setItems((v) => offset ? [...v, ...j.items ?? []] : j.items ?? []);
+		setTotal(j.total ?? 0);
+	}).catch(() => {});
+	(0, react.useEffect)(() => {
+		load(0, 5);
+	}, []);
+	if (!items.length) return null;
+	const from = (v) => v.source === "file" ? t("src.file") : v.source === "device" ? t("src.camera") : v.source === "push" ? t("src.push") : siteName(v.url ?? "") || (() => {
+		try {
+			return new URL(v.url ?? "").hostname.replace(/^www\./, "");
+		} catch {
+			return t("src.link");
+		}
+	})();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "dshl-history",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "hh",
+				children: t("hist.title")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "hl",
+				children: items.map((v) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "button",
+					tabIndex: 0,
+					className: "hi",
+					onClick: () => onOpen(v),
+					onKeyDown: (e) => {
+						if (e.key === "Enter") onOpen(v);
+					},
+					title: v.live && v.source === "url" && !v.running ? t("hist.goLive") : void 0,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "th",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+								src: `/live/api/thumb?jobId=${encodeURIComponent(v.id)}`,
+								alt: "",
+								onError: (e) => {
+									e.currentTarget.style.visibility = "hidden";
+								}
+							}), v.duration ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dur",
+								children: CLOCK(v.duration)
+							}) : null]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "tx",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "tt",
+								children: v.title || (v.source === "push" ? from(v) : t("hist.untitled"))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "mm",
+								children: [
+									v.title || v.source !== "push" ? from(v) : "",
+									v.live ? t("hist.live") : "",
+									ago(v.startedAt, ui)
+								].filter(Boolean).join(" · ")
+							})]
+						}),
+						v.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "chip",
+							children: t("hist.running")
+						}),
+						v.live && v.source === "url" && !v.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dshl-link replay",
+							onClick: (e) => {
+								e.stopPropagation();
+								onOpen(v, true);
+							},
+							children: t("hist.replay")
+						})
+					]
+				}, v.id))
+			}),
+			items.length < total && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "dshl-link more",
+				onClick: () => void load(items.length, 10),
+				children: t("hist.more").replace("{n}", String(total - items.length))
+			})
+		]
+	});
+}
 /** The push stream key: copy it, or change it (typed, or a new random one). */
 function KeyRow({ value, t, onChanged }) {
 	const [edit, setEdit] = (0, react.useState)(null);
@@ -35844,6 +35951,20 @@ function LiveView(props) {
 		}).catch(() => job));
 	};
 	/** Switching modes while a video is open takes effect right away: no delay stops transcribing, the others (re)start it. */
+	const switchEngine = async (id) => {
+		setEngine(id);
+		if (!job || subs.state === "off" || job.status === "error") return;
+		try {
+			setJob(await post("subs", {
+				...options(),
+				provider: id,
+				jobId: job.id,
+				action: "start"
+			}));
+		} catch (e) {
+			setError(e.message);
+		}
+	};
 	const changeMode = (m) => {
 		if (m === mode) return;
 		setMode(m);
@@ -36123,6 +36244,27 @@ function LiveView(props) {
 			return "camera";
 		}
 	};
+	const openPast = async (v, replay = false) => {
+		setError("");
+		if (!replay && v.live && v.source === "url" && v.url && !v.running) {
+			if (v.conversationId !== sessionId && props.onOpenVideo && await props.onOpenVideo(v.conversationId, v.id, v.url)) return;
+			start(v.url, "url");
+			return;
+		}
+		try {
+			if (v.conversationId !== sessionId && props.onOpenVideo && await props.onOpenVideo(v.conversationId, v.id)) return;
+			const j = await post("reopen", {
+				jobId: v.id,
+				conversationId: sessionId
+			});
+			setCues(j.cues ?? []);
+			setTerms(j.terms ?? []);
+			setJob(j);
+			setArmed(null);
+		} catch (e) {
+			setError(e.message);
+		}
+	};
 	const emptyBox = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-drop",
 		children: [
@@ -36132,6 +36274,11 @@ function LiveView(props) {
 				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") }),
+			pageMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(History, {
+				t,
+				ui,
+				onOpen: (v, replay) => void openPast(v, replay)
+			}),
 			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, {
@@ -36206,6 +36353,34 @@ function LiveView(props) {
 		openBench: setBench
 	} : void 0;
 	/** Subtitle lines and glossary: under the player on the video page, beside it in a conversation. */
+	const [splitting, setSplitting] = (0, react.useState)(null);
+	const lineKey = (k) => k === "src" || k === spokenBase ? "src" : k;
+	const mergeLine = async (id) => {
+		try {
+			await post("lines", {
+				jobId: job.id,
+				action: "merge",
+				id
+			});
+		} catch (e) {
+			setError(e.message);
+		}
+	};
+	const splitLine = async (id, key, at) => {
+		setSplitting(null);
+		if (at <= 0) return;
+		try {
+			await post("lines", {
+				jobId: job.id,
+				action: "split",
+				id,
+				key,
+				at
+			});
+		} catch (e) {
+			setError(e.message);
+		}
+	};
 	const transcriptBox = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "dshl-sidetabs",
@@ -36270,9 +36445,45 @@ function LiveView(props) {
 					children: [shown.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "dshl-muted pad",
 						children: emptyLines
-					}), shown.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					}), shown.map((c, idx) => splitting?.id === c.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dshl-line splitting",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "ts",
+								children: CLOCK(c.start)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "txt",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "main cutline",
+									children: Array.from((splitting.key === "src" ? c.src : c.tr?.[splitting.key]) ?? "").map((ch, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "ch",
+										onClick: () => void splitLine(c.id, splitting.key, i),
+										children: ch
+									}, i))
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "hint",
+									children: [
+										t("lines.splitHint"),
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											className: "dshl-link",
+											onClick: () => setSplitting(null),
+											children: t("player.cancel")
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+						]
+					}, c.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						role: "button",
+						tabIndex: 0,
 						className: `dshl-line ${c.id === activeId ? "active" : ""} ${c.polished ? "ok" : "raw"}`,
 						onClick: () => player.current?.seek(c.start),
+						onKeyDown: (e) => {
+							if (e.key === "Enter") player.current?.seek(c.start);
+						},
 						title: c.polished ? t("tr.polished") : t("tr.raw"),
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -36293,6 +36504,27 @@ function LiveView(props) {
 								className: "mark",
 								"aria-hidden": "true",
 								children: c.polished && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.check, {})
+							}),
+							c.final && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "tools",
+								onClick: (e) => e.stopPropagation(),
+								children: [idx < shown.length - 1 && shown[idx + 1]?.final && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "ghost",
+									title: t("lines.merge"),
+									onClick: () => void mergeLine(c.id),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.merge, {})
+								}), (() => {
+									const k = shownLines.find((x) => (lineText(c, x) ?? "").length > 1) ?? "src";
+									return Array.from(lineText(c, k) ?? c.src).length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "ghost",
+										title: t("lines.split"),
+										onClick: () => setSplitting({
+											id: c.id,
+											key: lineKey(k)
+										}),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.scissors, {})
+									});
+								})()]
 							})
 						]
 					}, c.id))]
@@ -36632,30 +36864,52 @@ function LiveView(props) {
 										t
 									}) })
 								},
-								...!job.vod && job.status === "running" ? [{
-									id: "mode",
+								{
+									id: "how",
 									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.timer, {}),
-									title: t("set.mode"),
-									label: t(`mode.${mode}`),
-									content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									title: t("how.title"),
+									label: [!job.vod ? t(`mode.${mode}`) : "", engineName(usableEngine())].filter(Boolean).join(" · "),
+									content: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dshl-modemenu",
 										children: [
-											"live",
-											"realtime",
-											"polished"
-										].map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											className: `mm ${mode === m ? "on" : ""}`,
-											onClick: () => changeMode(m),
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "n",
-												children: [t(`mode.${m}`), mode === m && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.check, {})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "d",
-												children: t(`mode.${m}.tip`)
-											})]
-										}, m))
+											!job.vod && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "mh",
+												children: t("set.mode")
+											}), [
+												"live",
+												"realtime",
+												"polished"
+											].map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												className: `mm ${mode === m ? "on" : ""}`,
+												onClick: () => changeMode(m),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "n",
+													children: [t(`mode.${m}`), mode === m && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.check, {})]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "d",
+													children: t(`mode.${m}.tip`)
+												})]
+											}, m))] }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "mh",
+												children: t("set.engine")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+												value: usableEngine(),
+												onChange: (id) => void switchEngine(id),
+												options: providers.filter((p) => p.ready).map((p) => ({
+													value: p.id,
+													label: engineName(p.id),
+													hint: p.model
+												}))
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "mt",
+												children: t("how.more")
+											})
+										]
 									})
-								}] : [],
+								},
 								{
 									id: "restream",
 									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.push, {}),
@@ -37492,6 +37746,18 @@ const en = {
 	"dev.blocked": "No picture or sound from the device: DeepSeek Harness needs the system’s permission. Open System Settings, switch DeepSeek Harness on, then retry.",
 	"dev.denied": "DeepSeek Harness needs permission to use the {d}. Open System Settings, switch it on in the list, then retry.",
 	"dev.and": " and ",
+	"how.title": "How subtitles are made",
+	"how.more": "More services and keys are in Settings.",
+	"lines.merge": "Join with the next line",
+	"lines.split": "Split this line",
+	"lines.splitHint": "Click where the line should break.",
+	"hist.goLive": "Watch live again",
+	"hist.replay": "Replay",
+	"hist.title": "Recent videos",
+	"hist.untitled": "Untitled video",
+	"hist.live": "live",
+	"hist.running": "Live now",
+	"hist.more": "More ({n})",
 	"set.spoken.tip": "The language people speak in this video; Auto detects it.",
 	"rs.mode": "Subtitle mode of the push-out",
 	"rs.mode.live": "Pushed out about {s} s behind; subtitles come a little after the words.",
@@ -37941,6 +38207,18 @@ const zh = {
 	"dev.blocked": "设备没有传来画面和声音：DeepSeek Harness 需要系统授权。点「打开系统设置」，在列表里打开 DeepSeek Harness，再点重试。",
 	"dev.denied": "DeepSeek Harness 需要{d}权限。点「打开系统设置」，在列表里打开它，再点重试。",
 	"dev.and": "和",
+	"how.title": "字幕怎么做",
+	"how.more": "更多服务和 key 在设置里。",
+	"lines.merge": "和下一句合并",
+	"lines.split": "拆成两句",
+	"lines.splitHint": "点一下要断开的位置。",
+	"hist.goLive": "回到直播",
+	"hist.replay": "回放",
+	"hist.title": "最近的视频",
+	"hist.untitled": "未命名视频",
+	"hist.live": "直播",
+	"hist.running": "直播中",
+	"hist.more": "更多（还有 {n} 个）",
 	"set.spoken.tip": "视频里说的是哪种语言；自动 = 自己识别。",
 	"rs.mode": "推流用的字幕模式",
 	"rs.mode.live": "推出去比实时晚约 {s} 秒，字幕会比说话稍晚出现。",
@@ -38613,6 +38891,34 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 .dshl-menu .dshl-seg button.on { background: rgba(255,255,255,.92); color: #111; box-shadow: none; }
 .dshl-menu .dshl-switch { background: rgba(255,255,255,.22); }
 .dshl-menu .dshl-switch.on { background: var(--accent); }
+.dshl-history { width: 100%; max-width: 680px; margin-top: 40px; text-align: left; }
+.dshl-history .hh { margin: 0 0 8px 4px; color: var(--faint); font-size: 12.5px; }
+.dshl-history .hl { display: grid; gap: 2px; }
+.dshl-history .hi { display: flex; align-items: center; gap: 12px; width: 100%; padding: 6px; border: 0; border-radius: 10px; background: none; color: var(--ink); text-align: left; cursor: pointer; }
+.dshl-history .hi:hover { background: var(--hover); }
+.dshl-history .th { position: relative; flex: none; width: 96px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: var(--l2); }
+.dshl-history .th img { display: block; width: 100%; height: 100%; object-fit: cover; }
+.dshl-history .dur { position: absolute; right: 4px; bottom: 3px; padding: 0 4px; border-radius: 3px; background: rgba(0,0,0,.65); color: #fff; font-size: 10.5px; line-height: 16px; font-variant-numeric: tabular-nums; }
+.dshl-history .tx { display: grid; gap: 3px; min-width: 0; flex: 1; }
+.dshl-history .tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 550; }
+.dshl-history .mm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--faint); font-size: 12px; }
+.dshl-history .chip { flex: none; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--live) 14%, transparent); color: var(--live); font-size: 11.5px; font-weight: 600; }
+.dshl-history .more { margin: 8px 0 0 6px; font-size: 12.5px; }
+.dshl-modemenu .mh { margin: 6px 4px 2px; color: rgba(255,255,255,.55); font-size: 11.5px; }
+.dshl-modemenu .mh:first-child { margin-top: 0; }
+.dshl-modemenu .dshl-select { width: 100%; }
+.dshl-modemenu .mt { margin: 2px 4px 0; color: rgba(255,255,255,.45); font-size: 11.5px; }
+.dshl-line { position: relative; }
+.dshl-line .tools { position: absolute; top: 4px; right: 4px; display: none; gap: 2px; padding: 2px; border-radius: 7px; background: var(--bg); box-shadow: 0 1px 4px rgba(0,0,0,.12); }
+.dshl-line:hover .tools, .dshl-line:focus-within .tools { display: flex; }
+.dshl-line .tools .ghost { display: grid; place-items: center; width: 26px; height: 24px; border: 0; border-radius: 5px; background: none; color: var(--muted); cursor: pointer; }
+.dshl-line .tools svg { width: 15px; height: 15px; }
+.dshl-line .tools .ghost:hover { background: var(--hover); color: var(--ink); }
+.dshl-line.splitting { cursor: default; background: color-mix(in srgb, var(--accent) 8%, transparent); }
+.dshl-line .cutline .ch { cursor: col-resize; border-left: 1px solid transparent; }
+.dshl-line .cutline .ch:hover { border-left-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); }
+.dshl-line .hint { color: var(--faint); font-size: 12px; }
+.dshl-history .replay { flex: none; font-size: 12.5px; }
 .dshl-modemenu { display: grid; gap: 4px; width: 300px; max-width: 100%; }
 .dshl-modemenu .mm { display: grid; gap: 3px; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: inherit; text-align: left; cursor: pointer; }
 .dshl-modemenu .mm:hover { background: rgba(255,255,255,.08); }
@@ -38987,7 +39293,11 @@ async function openPage(sessions, opts = {}) {
 }
 async function showPage(sessions, opts) {
 	const current = sessions.current();
-	const fresh = () => pageSession(sessions, opts.workspaces, opts.title ?? "Video");
+	const fresh = async () => {
+		let id = await pageSession(sessions, opts.workspaces, opts.title ?? "Video");
+		if (await fetch(`/live/api/job?conversationId=${encodeURIComponent(id)}`).then((r) => r.json()).catch(() => null)) id = await pageSession(sessions, opts.workspaces, opts.title ?? "Video", true);
+		return id;
+	};
 	let sid = opts.sessionId && sessions.has(opts.sessionId) ? opts.sessionId : await fresh();
 	if (sid !== current) try {
 		sessions.open(sid);
@@ -39052,6 +39362,24 @@ function videoHandlers(sessions, workspaces, sessionId, fallbackTitle) {
 				return false;
 			}
 		},
+		/** Open a past video in its own conversation; false when that conversation is gone. */
+		onOpenVideo: async (conversationId, jobId, pending) => {
+			if (!conversationId || !sessions.has(conversationId)) return false;
+			if (!pending) await fetch("/live/api/reopen", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					jobId,
+					conversationId
+				})
+			}).catch(() => {});
+			await openPage(sessions, {
+				sessionId: conversationId,
+				workspaces,
+				pending
+			});
+			return true;
+		},
 		onTitle: (title) => {
 			own().then((yes) => {
 				const now = sessions.info?.(sessionId)?.title;
@@ -39137,11 +39465,7 @@ function SidebarButton(props) {
 	const pct = item?.subs === "running" && item.duration ? Math.min(99, Math.round(item.at / item.duration * 100)) : void 0;
 	const meta = !busy ? "" : item?.subs === "running" ? pct !== void 0 ? t("side.subs").replace("{p}", String(pct)) : t("side.subsLive") : item?.recording ? t("side.recording") : item?.loading ? t("side.loading") : t("side.downloading");
 	const thumb = busy && frame && (!item || frame.jobId === item.jobId) ? frame.dataUrl : void 0;
-	const open = () => void openPage(sessions, item ? {
-		sessionId: item.conversationId,
-		workspaces,
-		title: t("view.live")
-	} : {
+	const open = () => void openPage(sessions, {
 		workspaces,
 		title: t("view.live")
 	});

package/lib/index.mjs

@@ -1,8 +1,8 @@
+import { execFile, spawn } from "node:child_process";
 import { appendFileSync, chmodSync, createReadStream, createWriteStream, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, statSync, writeFileSync } from "node:fs";
 import { homedir, networkInterfaces } from "node:os";
 import { basename, dirname, extname, join, normalize, resolve, sep } from "node:path";
 import z from "@deepseek-ai/schemastery";
-import { execFile, spawn } from "node:child_process";
 import { promisify } from "node:util";
 import { EventEmitter } from "node:events";
 import { BlockAssembler, createUserMessage } from "@deepseek-ai/dsh-llm";
@@ -1990,6 +1990,32 @@ const AHEAD_MAX_LINES = 10;
 const seekAfter = (skip) => skip > .01 ? ["-ss", skip.toFixed(3)] : [];
 const SOI = Buffer.from([255, 216]);
 const EOI = Buffer.from([255, 217]);
+const CJK_CHAR = /[\u3040-\u30ff\u3400-\u9fff\uac00-\ud7af\uff00-\uffef\u3000-\u303f]/;
+/** Two pieces of one language as one line: no space between CJK text, a space between words otherwise. */
+function joinText(a, b) {
+	const x = a.trim(), y = b.trim();
+	if (!x || !y) return x || y;
+	return CJK_CHAR.test(x.at(-1)) || CJK_CHAR.test(y[0]) ? x + y : `${x} ${y}`;
+}
+/** Where to cut a text near `ratio` of its length: after a pause mark if one is close, else between words. */
+function cutNear(cs, ratio) {
+	const n = cs.length;
+	if (n < 2) return n;
+	const target = Math.round(n * ratio);
+	let best = -1, bestScore = Infinity;
+	for (let i = 1; i < n; i++) {
+		const prev = cs[i - 1], here = cs[i];
+		const pause = /[，。、；：！？,.;:!?]/.test(prev);
+		const word = here === " " || CJK_CHAR.test(prev) || CJK_CHAR.test(here);
+		if (!pause && !word) continue;
+		const score = Math.abs(i - target) - (pause ? n * .12 : 0);
+		if (score < bestScore) {
+			bestScore = score;
+			best = i;
+		}
+	}
+	return best > 0 ? best : Math.max(1, Math.min(n - 1, target));
+}
 var LiveJob = class LiveJob extends EventEmitter {
 	opts;
 	deps;
@@ -2052,7 +2078,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 			targets: () => this.targets(),
 			still: (at) => this.still(at),
 			onLine: (cue, src, tr, speaker) => {
-				if (!this.cues.includes(cue)) return;
+				if (!this.cues.includes(cue) || cue.edited) return;
 				this.deps.glossary.notice(src);
 				cue.src = src;
 				if (speaker) cue.speaker = speaker;
@@ -2111,6 +2137,12 @@ var LiveJob = class LiveJob extends EventEmitter {
 		this.persist();
 		this.emit("state", this.summary());
 	}
+	/** Show this video in another conversation (opened again from the history): saved, so it stays there. */
+	rebind(conversationId) {
+		this.opts.conversationId = conversationId;
+		this.closed = false;
+		this.persist();
+	}
 	/** job.json: enough to bring the job back after a restart (finished, not recording). */
 	persist() {
 		if (this.opts.source === "push" && this.message) return;
@@ -2854,6 +2886,76 @@ var LiveJob = class LiveJob extends EventEmitter {
 		})).join("\n") + "\n");
 		this.emit("cues", this.cues);
 	}
+	/** Join a finished line with the next one (the user's own line breaks). */
+	mergeCue(id) {
+		const i = this.cues.findIndex((c) => c.id === id);
+		const a = this.cues[i], b = this.cues[i + 1];
+		if (!a || !b || !a.final || !b.final) return false;
+		a.src = joinText(a.src, b.src);
+		const keys = /* @__PURE__ */ new Set([...Object.keys(a.tr ?? {}), ...Object.keys(b.tr ?? {})]);
+		if (keys.size) a.tr = Object.fromEntries([...keys].map((k) => [k, joinText(a.tr?.[k] ?? "", b.tr?.[k] ?? "")]));
+		a.end = Math.max(a.end, b.end);
+		a.polished = !!a.polished && !!b.polished;
+		a.edited = true;
+		this.cues.splice(i + 1, 1);
+		appendFileSync(join(this.deps.dir, "cues.jsonl"), JSON.stringify({
+			id: b.id,
+			dropped: true
+		}) + "\n");
+		this.record(a);
+		this.emit("cues", this.cues);
+		return true;
+	}
+	/**
+	* Split a finished line in two where the user pointed: `key` is the text they pointed in ('src' or a
+	* language) and `at` the character position. The other texts are cut at the matching place (at a
+	* pause or a word nearby), and the time in proportion.
+	*/
+	splitCue(id, key, at) {
+		const i = this.cues.findIndex((c) => c.id === id);
+		const a = this.cues[i];
+		if (!a || !a.final) return false;
+		const text = key === "src" ? a.src : a.tr?.[key];
+		if (!text) return false;
+		const chars = Array.from(text);
+		const cut = Math.max(1, Math.min(chars.length - 1, Math.round(at)));
+		const ratio = cut / chars.length;
+		const pieces = (t, own) => {
+			const cs = Array.from(t);
+			const k = own ? cut : cutNear(cs, ratio);
+			return [cs.slice(0, k).join("").trim(), cs.slice(k).join("").trim()];
+		};
+		const [srcA, srcB] = pieces(a.src, key === "src");
+		if (!srcA || !srcB) return false;
+		const trA = {}, trB = {};
+		for (const [k, v] of Object.entries(a.tr ?? {})) {
+			const [x, y] = pieces(v, k === key);
+			trA[k] = x;
+			trB[k] = y;
+		}
+		const mid = a.start + (a.end - a.start) * ratio;
+		const b = {
+			id: this.nextId++,
+			start: mid,
+			end: a.end,
+			src: srcB,
+			tr: Object.keys(trB).length ? trB : void 0,
+			lang: a.lang,
+			final: true,
+			polished: a.polished,
+			speaker: a.speaker,
+			edited: true
+		};
+		a.src = srcA;
+		if (Object.keys(trA).length) a.tr = trA;
+		a.end = mid;
+		a.edited = true;
+		this.cues.splice(i + 1, 0, b);
+		this.record(a);
+		this.record(b);
+		this.emit("cues", this.cues);
+		return true;
+	}
 	/** Append a finished cue (with its translation, if any) to cues.jsonl. */
 	record(cue) {
 		appendFileSync(join(this.deps.dir, "cues.jsonl"), JSON.stringify(cue) + "\n");
@@ -6430,6 +6532,137 @@ function apply(ctx, config) {
 		};
 	}
 	/** The conversation's video: in memory, or the latest one on disk (after a restart). */
+	/** A video by id: the running one, or brought back from its folder. */
+	function loadJob(id) {
+		if (jobs.has(id)) return jobs.get(id);
+		if (!/^[\w-]+$/.test(id)) return void 0;
+		const dir = join(config.dataDir, "jobs", id);
+		const file = join(dir, "job.json");
+		if (!existsSync(file)) return void 0;
+		try {
+			const raw = JSON.parse(readFileSync(file, "utf8"));
+			let job;
+			job = LiveJob.restore(dir, jobDeps(dir, raw.opts, () => job));
+			if (job) jobs.set(job.id, job);
+			return job;
+		} catch {
+			return;
+		}
+	}
+	/** Past videos for the start page, newest first: those with something to watch. */
+	const historyCache = /* @__PURE__ */ new Map();
+	function history() {
+		const root = join(config.dataDir, "jobs");
+		if (!existsSync(root)) return [];
+		const out = [];
+		for (const name of readdirSync(root).filter((n) => /^[\w-]+$/.test(n)).sort().reverse()) {
+			const dir = join(root, name), file = join(dir, "job.json");
+			const live = jobs.get(name);
+			if (live && live.summary().status === "running" && !live.summary().message) {
+				const s = live.summary();
+				out.push({
+					id: s.id,
+					title: s.title || (s.source === "url" ? s.url : ""),
+					source: s.source,
+					url: s.source === "url" ? s.url : void 0,
+					startedAt: s.startedAt,
+					duration: s.vod ? s.duration : s.recorded,
+					live: !s.vod,
+					running: true,
+					conversationId: s.conversationId
+				});
+				continue;
+			}
+			let mtime = 0;
+			try {
+				mtime = statSync(file).mtimeMs;
+			} catch {
+				continue;
+			}
+			let hit = historyCache.get(name);
+			if (!hit || hit.mtime !== mtime) {
+				let item = null;
+				try {
+					const j = JSON.parse(readFileSync(file, "utf8"));
+					if ((existsSync(join(dir, "recording.mp4")) || existsSync(join(dir, "hls", "index.m3u8"))) && j.status !== "error") {
+						const device = j.opts.source === "device" ? (() => {
+							try {
+								return JSON.parse(j.opts.url).title;
+							} catch {
+								return "";
+							}
+						})() : "";
+						let duration = j.duration;
+						if (!duration) try {
+							duration = [...readFileSync(join(dir, "hls", "index.m3u8"), "utf8").matchAll(/#EXTINF:([\d.]+)/g)].reduce((n, m) => n + Number(m[1]), 0) || void 0;
+						} catch {}
+						item = {
+							id: j.id,
+							title: j.title || device || (j.opts.source === "url" ? j.opts.url : ""),
+							source: j.opts.source,
+							url: j.opts.source === "url" ? j.opts.url : void 0,
+							startedAt: j.startedAt,
+							duration,
+							live: !j.vod,
+							running: false,
+							conversationId: j.opts.conversationId
+						};
+					}
+				} catch {}
+				hit = {
+					mtime,
+					item
+				};
+				historyCache.set(name, hit);
+			}
+			if (hit.item) out.push(hit.item);
+		}
+		return out;
+	}
+	/** A small picture of a video for its history row (made once, kept in its folder). */
+	async function thumbnail(id) {
+		if (!/^[\w-]+$/.test(id)) return void 0;
+		const dir = join(config.dataDir, "jobs", id);
+		const out = join(dir, "thumb.jpg");
+		if (existsSync(out)) return out;
+		for (const cover of ["cover.jpg", "cover.png"]) if (existsSync(join(dir, cover))) return join(dir, cover);
+		const src = existsSync(join(dir, "recording.mp4")) ? join(dir, "recording.mp4") : existsSync(join(dir, "hls", "index.m3u8")) ? join(dir, "hls", "index.m3u8") : void 0;
+		if (!src) return void 0;
+		if (await new Promise((resolve) => {
+			execFile("ffmpeg", [
+				"-v",
+				"error",
+				"-y",
+				"-i",
+				src,
+				"-ss",
+				"3",
+				"-frames:v",
+				"1",
+				"-vf",
+				"scale=320:-2",
+				"-q:v",
+				"5",
+				out
+			], { timeout: 2e4 }, (err) => resolve(!err && existsSync(out)));
+		})) return out;
+		return await new Promise((resolve) => {
+			execFile("ffmpeg", [
+				"-v",
+				"error",
+				"-y",
+				"-i",
+				src,
+				"-frames:v",
+				"1",
+				"-vf",
+				"scale=320:-2",
+				"-q:v",
+				"5",
+				out
+			], { timeout: 2e4 }, (err) => resolve(!err && existsSync(out)));
+		}) ? out : void 0;
+	}
 	function jobForConversation(conversationId) {
 		const id = byConversation.get(conversationId);
 		if (id === "") return void 0;
@@ -6637,6 +6870,8 @@ function apply(ctx, config) {
 				if (!job) return send(res, 404, { error: "no such job" });
 				if (b.action === "pause") await job.pauseSubs();
 				else {
+					const cur = job.summary();
+					if ((typeof b.provider === "string" && b.provider !== cur.provider || typeof b.mode === "string" && modeOf(b.mode) !== cur.mode) && cur.subs?.state === "running") await job.pauseSubs();
 					const opts = {};
 					if (Array.isArray(b.tgtLangs)) opts.tgtLangs = b.tgtLangs.map(String).slice(0, 4);
 					if (typeof b.srcLang === "string") opts.srcLang = b.srcLang;
@@ -6890,6 +7125,57 @@ function apply(ctx, config) {
 					saveAs: typeof b.saveAs === "string" ? b.saveAs.replace(/[\\/:*?"<>|]+/g, " ").slice(0, 150) : "audio"
 				}));
 			}
+			if (route === "history") {
+				const all = history();
+				const offset = Math.max(0, Number(url.searchParams.get("offset")) || 0);
+				const limit = Math.min(50, Math.max(1, Number(url.searchParams.get("limit")) || 5));
+				return send(res, 200, {
+					items: all.slice(offset, offset + limit),
+					total: all.length
+				});
+			}
+			if (route === "thumb") {
+				const file = await thumbnail(url.searchParams.get("jobId") ?? "");
+				if (!file) {
+					res.writeHead(404);
+					res.end();
+					return;
+				}
+				res.writeHead(200, {
+					"content-type": file.endsWith(".png") ? "image/png" : "image/jpeg",
+					"cache-control": "max-age=3600"
+				});
+				createReadStream(file).pipe(res);
+				return;
+			}
+			if (route === "lines" && req.method === "POST") {
+				const b = await readJson(req);
+				const job = jobs.get(String(b.jobId));
+				if (!job) return send(res, 404, { error: "no such job" });
+				const ok = b.action === "merge" ? job.mergeCue(Number(b.id)) : b.action === "split" ? job.splitCue(Number(b.id), String(b.key ?? "src"), Number(b.at)) : false;
+				return send(res, ok ? 200 : 400, ok ? { ok: true } : { error: "cannot change that line" });
+			}
+			if (route === "reopen" && req.method === "POST") {
+				const b = await readJson(req);
+				const job = loadJob(String(b.jobId));
+				const conv = String(b.conversationId ?? "");
+				if (!job || !conv) return send(res, 404, { error: "no such video" });
+				try {
+					rmSync(join(job.summary().dir, "closed"), { force: true });
+				} catch {}
+				const prev = byConversation.get(conv);
+				if (prev && prev !== job.id) {
+					const other = jobs.get(prev);
+					if (other && other.summary().status !== "running") byConversation.delete(conv);
+				}
+				job.rebind(conv);
+				byConversation.set(conv, job.id);
+				return send(res, 200, {
+					...job.summary(),
+					cues: job.cues,
+					terms: job.terms
+				});
+			}
 			if (route === "preview") {
 				const job = jobs.get(url.searchParams.get("jobId") ?? "");
 				if (!job) return send(res, 404, { error: "no such job" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "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",