dsh-plugin-lookatstudy 0.24.0 → 0.25.1

package/lib/client.js

@@ -362,8 +362,8 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-railbody{position:absolute;inset:0;overflow:hidden;z-index:10}
 .lks-ui .lks14-railtrack{display:flex;height:100%;width:200%;transition:transform .3s var(--ease-out-expo)}
 .lks-ui .lks14-railpane{width:50%;height:100%;position:relative}
-.lks-ui .lks14-railscroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:112px 8px 16px}
-.lks-ui .lks14-railpane-import{height:100%;overflow-y:auto;padding:64px 12px 12px}
+.lks-ui .lks14-railscroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:112px 8px 16px;box-sizing:border-box}
+.lks-ui .lks14-railpane-import{height:100%;overflow-y:auto;padding:64px 12px 12px;box-sizing:border-box}
 .lks-ui .lks14-raillist{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
 .lks-ui .lks14-railcourse{text-align:left;padding:10px 12px;border-radius:12px;background:rgb(255 255 255/0.05);display:flex;flex-direction:column;gap:2px}
 .lks-ui .lks14-railcourse:hover{background:rgb(255 255 255/0.1)}
@@ -2258,6 +2258,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"toast.close": "关闭",
 			"composer.busy": "导师正在回复…",
 			"rail.empty.demo": "导入示例课程",
+			"import.session.title": "课程导入",
 			"import.cta": "导入新课程",
 			"import.tab.url": "URL",
 			"import.tab.md": "MD",
@@ -2360,7 +2361,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"chat.reasoning": "思考过程（{n} 字）",
 			"chat.think": "思考",
 			"langview.original": "原文",
-			"langview.bilingual": "对照",
 			"langview.translation": "译文",
 			"msg.speak": "朗读",
 			"note.pin": "置顶笔记",
@@ -2629,6 +2629,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"toast.close": "Close",
 			"composer.busy": "The tutor is replying…",
 			"rail.empty.demo": "Import the demo course",
+			"import.session.title": "Course import",
 			"import.cta": "Import a new course",
 			"import.tab.url": "URL",
 			"import.tab.md": "MD",
@@ -2731,7 +2732,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"chat.reasoning": "Thinking ({n} chars)",
 			"chat.think": "Think",
 			"langview.original": "Original",
-			"langview.bilingual": "Both",
 			"langview.translation": "Translation",
 			"msg.speak": "Speak",
 			"note.pin": "Pin note",
@@ -3747,6 +3747,17 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			})()).replaceAll("**", "");
 		}
 		/**
+		* The dedicated import session's host-list title (0.24.1): imports mint a
+		* course-less one-shot session that never rides a lesson thread — a uniform
+		* label keeps the host session list legible instead of auto-title noise.
+		* Label slugified to one line, whole title capped. Pure.
+		*/
+		function importSessionTitle(label, now, t = tr) {
+			const flat = label.replace(/[\u0000-\u001f\u007f]+/g, " ").replace(/\s+/g, " ").trim().slice(0, 24);
+			const date = `${String(now.getFullYear()).slice(2)}.${String(now.getMonth() + 1).padStart(2, "0")}.${String(now.getDate()).padStart(2, "0")}`;
+			return `${flat === "" ? t("import.session.title") : flat} · ${date}`;
+		}
+		/**
 		* Tooltip text for one course-tree status glyph. Pure (the translator is an
 		* optional parameter defaulting to the active one, evaluated per call).
 		*/
@@ -7719,11 +7730,19 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, deleteNote, bindLessonSession, lessonThreadOp, setCourseScope, uploadAttachment, setInterfaceLang } = useStudy();
 			(0, react.useEffect)(() => {
 				const read = () => {
-					const lang = document.documentElement.lang;
+					let lang = document.documentElement.lang;
+					if (!/^[a-z]{2,3}(-[A-Za-z0-9]+)*$/.test(lang)) lang = navigator.language;
 					if (/^[a-z]{2,3}(-[A-Za-z0-9]+)*$/.test(lang)) setInterfaceLang(lang).catch(() => {});
 				};
 				read();
-				return ctx.locale?.subscribe(read);
+				const t1 = setTimeout(read, 600);
+				const t2 = setTimeout(read, 2400);
+				const off = ctx.locale?.subscribe(read);
+				return () => {
+					clearTimeout(t1);
+					clearTimeout(t2);
+					off?.();
+				};
 			}, []);
 			(0, react.useEffect)(() => {
 				wireCodeBlockCopy();
@@ -7925,7 +7944,43 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				} else celebrate(ev.kind);
 				prevCelebrationRef.current = snapshot;
 			}, [data]);
-			const boundId = boundSessionOf(lesson !== null ? lesson.lessonId : null) ?? threadGroupOf(lesson !== null ? lesson.lessonId : null)?.active ?? (lesson !== null ? data?.lessonSessions[lesson.lessonId] ?? null : null);
+			const [importSessionId, setImportSessionId] = (0, react.useState)(null);
+			const sendImport = async (prompt, label) => {
+				if (data?.active !== true) await activate(true);
+				let sessionId = importSessionId;
+				if (sessionId === null || !sessionKnown(ctx, sessionId)) {
+					const area = await fetch("/lookatstudy/api/study-workspace");
+					if (!area.ok) throw new Error(`study area unavailable (HTTP ${String(area.status)})`);
+					const { path } = await area.json();
+					const workspace = await ctx.workspaces.create({ path });
+					sessionId = await ctx.sessions.create({ workspaceId: workspace.workspaceId });
+					setImportSessionId(sessionId);
+				}
+				const shell = PANEL_SHELL.current;
+				if (shell !== null) shell.suppressHandBack(() => {
+					ctx.sessions.open(sessionId);
+				});
+				else ctx.sessions.open(sessionId);
+				const actx = ctx.sessions.scope(sessionId);
+				const face = actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx);
+				if (face === void 0) throw new Error("import session is not addressable yet");
+				activeFace.current = face;
+				try {
+					await face.rename?.(importSessionTitle(label, /* @__PURE__ */ new Date()));
+				} catch {}
+				const result = await face.prompt([{
+					type: "text",
+					text: prompt
+				}], "queue");
+				if (!result.ok) throw new Error(`prompt rejected: ${result.error.code}: ${result.error.message}`);
+			};
+			/** Forget the import session — called from every funnel exit. Unpinning
+			* re-runs the binding effect, which restages the focused lesson's thread. */
+			const endImportSession = (0, react.useCallback)(() => {
+				setImportSessionId(null);
+				activeFace.current = null;
+			}, []);
+			const boundId = importSessionId ?? boundSessionOf(lesson !== null ? lesson.lessonId : null) ?? threadGroupOf(lesson !== null ? lesson.lessonId : null)?.active ?? (lesson !== null ? data?.lessonSessions[lesson.lessonId] ?? null : null);
 			const nudged = (0, react.useRef)(false);
 			(0, react.useEffect)(() => {
 				if (nudged.current || (data?.dueCount ?? 0) === 0) return;
@@ -8167,6 +8222,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, [send]);
 			const switchLessonThread = (sessionId) => {
 				if (lesson === null) return;
+				if (importSessionId !== null) return;
 				if (localBound.current?.lessonId === lesson.lessonId && localBound.current.sessionId === sessionId) return;
 				localBound.current = {
 					lessonId: lesson.lessonId,
@@ -8181,6 +8237,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			};
 			const startNewThread = () => {
 				if (lesson === null) return;
+				if (importSessionId !== null) return;
 				localBound.current = null;
 				bindLessonSession(lesson.lessonId, null);
 				setRows([]);
@@ -8243,6 +8300,8 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				turnActive: feedGen,
 				importProgress,
 				stop,
+				sendImport,
+				endImportSession,
 				paletteBus
 			}), (0, react.createElement)(PaneResizeHandle, {
 				side: "rail",
@@ -8654,7 +8713,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			PANEL_SHELL.current = shell;
 		}
 		/** 左栏:course picker, tree, review box, import. */
-		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, send, onJumped, streamingLessonId, turnActive, importProgress, stop, paletteBus }) {
+		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, send, onJumped, streamingLessonId, turnActive, importProgress, stop, paletteBus, sendImport, endImportSession }) {
 			const [selectedCourse, setSelectedCourse] = (0, react.useState)("");
 			const [query, setQuery] = (0, react.useState)("");
 			const [searchRows, setSearchRows] = (0, react.useState)([]);
@@ -8694,13 +8753,21 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					startedAt: Date.now(),
 					baselineIds: new Set((data?.courses ?? []).map((c) => c.courseId))
 				});
-				send(prompt);
+				sendImport(prompt, label).catch((err) => {
+					setImportJob(null);
+					endImportSession();
+					setImportResult({
+						ok: false,
+						msg: err instanceof Error ? err.message : String(err)
+					});
+				});
 			};
 			(0, react.useEffect)(() => {
 				if (importJob === null || data === null) return;
 				const fresh = data.courses.find((c) => !importJob.baselineIds.has(c.courseId));
 				if (fresh !== void 0) {
 					setImportJob(null);
+					endImportSession();
 					setImportResult({
 						ok: true,
 						msg: tr("import.success")
@@ -8711,6 +8778,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				}
 				if (importJobDead(importJob, turnActive, Date.now())) {
 					setImportJob(null);
+					endImportSession();
 					setImportResult({
 						ok: false,
 						msg: tr("import.error.turn")
@@ -8908,7 +8976,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}))))) : null, data.courses.length === 0 ? (0, react.createElement)("div", { className: "lks14-empty" }, tr("rail.empty.title")) : null, (0, react.createElement)("button", {
 				className: "lks-btn ghost lks14-raildemo",
 				onClick: () => {
-					send(tr("prompt.import", { url: "https://github.com/microsoft/AI-For-Beginners" }));
+					startImport(tr("import.tab.url"), tr("prompt.import", { url: "https://github.com/microsoft/AI-For-Beginners" }));
 				}
 			}, (0, react.createElement)(IconDownloadOutline16, null), tr("rail.empty.demo")), (0, react.createElement)(ImportPanel, {
 				job: importJob,
@@ -8919,6 +8987,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onCancel: () => {
 					stop();
 					setImportJob(null);
+					endImportSession();
 					setImportResult({
 						ok: false,
 						msg: tr("import.cancelled")
@@ -9946,17 +10015,17 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const [read, setRead] = (0, react.useState)(null);
 			const readCtl = (0, react.useRef)(null);
 			const [readError, setReadError] = (0, react.useState)(null);
-			const [langView, setLangView] = (0, react.useState)("bilingual");
+			const [langView, setLangView] = (0, react.useState)("original");
 			(0, react.useEffect)(() => {
 				if (lesson === null) return;
-				let next = "bilingual";
+				let next = "original";
 				try {
 					const stored = localStorage.getItem(`lks-langview:${lesson.lessonId}`);
-					if (stored === "original" || stored === "bilingual" || stored === "translation") next = stored;
+					if (stored === "original" || stored === "translation") next = stored;
 				} catch {}
 				setLangView(next);
 			}, [lesson?.lessonId]);
-			const teachHtml = lesson === null ? "" : langView === "translation" && lesson.translationHtml !== void 0 ? lesson.translationHtml : langView === "bilingual" && lesson.bilingualHtml !== void 0 ? lesson.bilingualHtml : lesson.html;
+			const teachHtml = lesson === null ? "" : langView === "translation" && lesson.translationHtml !== void 0 ? lesson.translationHtml : lesson.html;
 			const { tts, addUserNote, recordReview, editNote, pinNote } = useStudy();
 			const proseRef = (0, react.useRef)(null);
 			const diagRef = (0, react.useRef)(null);
@@ -10221,14 +10290,10 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 						setRateBusy(false);
 					});
 				}
-			}, tr(key))))) : null, (0, react.createElement)("div", { className: "lks-readbar" }, lesson.bilingualHtml !== void 0 ? (0, react.createElement)("div", {
+			}, tr(key))))) : null, (0, react.createElement)("div", { className: "lks-readbar" }, lesson.translationHtml !== void 0 ? (0, react.createElement)("div", {
 				className: "lks-langview",
 				"data-testid": "langview"
-			}, [
-				"original",
-				"bilingual",
-				"translation"
-			].map((v) => (0, react.createElement)("button", {
+			}, ["original", "translation"].map((v) => (0, react.createElement)("button", {
 				key: v,
 				className: langView === v ? "on" : "",
 				"data-testid": `langview-${v}`,