dsh-plugin-lookatstudy 0.21.1 → 0.22.0

package/lib/client.js

@@ -481,7 +481,11 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-board-head svg{color:var(--ink-muted);flex:none}
 .lks-ui .lks14-board-stage{flex:1;min-height:0;padding:0 8px 8px}
 .lks-ui .lks14-board-stage> .lks14-stage{border-radius:14px;border:1px solid var(--border-faint);background:rgb(var(--surface0-rgb,17 17 20)/0.6);overflow:hidden}
-.lks-ui .lks14-board-artifact{padding:20px;width:max-content;max-width:none}
+.lks-ui .lks14-board-artifact{padding:20px;width:fit-content;max-width:1200px}
+/* issue #10: the board stage handles oversize via zoom — the table lays out
+   normally inside a bounded card (display:block + overflow was made for the
+   narrow chat column; on the canvas it broke cells into overlap) */
+.lks-ui .lks14-board-artifact .lks-acard-table{display:table;width:100%;max-width:100%;overflow:visible}
 .lks-ui .lks14-board-artifact .lks-acard{min-width:560px;background:var(--surface-0);border:1px solid var(--border-faint);border-radius:14px}
 .lks-ui .lks14-cmapwrap{position:relative}
 .lks-ui .lks14-cmap-expand{position:absolute;top:10px;right:10px;z-index:5}
@@ -771,6 +775,18 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-threadmenu-row.on{background:rgb(var(--brand-rgb)/0.1)}
 .lks-ui .lks14-threadmenu-row.on .lks14-threadmenu-title{color:var(--brand);font-weight:700}
 .lks-ui .lks14-threadmenu-dot{flex:none;width:6px;height:6px;border-radius:999px;background:var(--ink-faint)}
+.lks-ui .lks14-threadmenu-row.new{margin-top:3px;border-top:1px solid var(--border-faint);border-radius:0 0 7px 7px;padding-top:7px}
+.lks-ui .lks14-threadmenu-row{position:relative}
+.lks-ui .lks14-threadmenu-gear{flex:none;margin-left:auto;border:none;background:none;color:var(--ink-faint);font-size:13px;line-height:1;cursor:pointer;padding:2px 5px;border-radius:5px;opacity:0;transition:opacity .12s,color .12s}
+.lks-ui .lks14-threadmenu-row:hover .lks14-threadmenu-gear,.lks-ui .lks14-threadmenu-gear:focus-visible{opacity:1}
+.lks-ui .lks14-threadmenu-gear:hover{background:rgb(var(--ink-rgb)/0.08);color:var(--ink)}
+.lks-ui .lks14-threadmenu-actions{position:absolute;right:4px;top:calc(100% - 2px);z-index:70;min-width:118px;display:flex;flex-direction:column;padding:4px;border-radius:9px;background:var(--surface-0);border:1px solid var(--border);box-shadow:0 12px 32px -8px rgb(var(--shadow-rgb)/0.5)}
+.lks-ui .lks14-threadmenu-actions button{border:none;background:none;font:inherit;font-size:12px;color:var(--ink);text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer}
+.lks-ui .lks14-threadmenu-actions button:hover{background:rgb(var(--ink-rgb)/0.06)}
+.lks-ui .lks14-threadmenu-actions button.danger{color:#d2483c}
+.lks-ui .lks14-threadmenu-actions button.danger:hover{background:rgb(210 72 60/0.1)}
+.lks-ui .lks14-threadmenu-rename{flex:1;min-width:0;font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--brand);border-radius:6px;background:var(--surface-0);color:var(--ink);outline:none}
+.lks-ui .lks14-threadmenu-plus{flex:none;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--brand);color:var(--brand);font-size:10px;line-height:1}
 .lks-ui .lks14-threadmenu-row.on .lks14-threadmenu-dot{background:var(--brand)}
 .lks-ui .lks14-threadmenu-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lks-ui .lks14-threadmenu-now{flex:none;font-size:10px;font-weight:800;color:var(--brand)}
@@ -1117,6 +1133,15 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 .lks-acard-guess-opt.picked{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-tertiary)}
 .lks-acard-guess-wait{font-size:12px;color:var(--dsw-alias-label-tertiary)}
 .lks-acard-stage{margin-top:14px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l1)}
+/* issue #8: every artifact card wears a fold bar — folded = one thin line */
+.lks-acard-foldwrap{margin:0}
+.lks-acard-fold{display:flex;align-items:center;gap:7px;width:100%;text-align:left;font:inherit;font-size:12px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:9px;padding:4px 10px;cursor:pointer}
+.lks-acard-fold:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}
+.lks-acard-fold-caret{flex:none;color:var(--dsw-alias-label-tertiary)}
+.lks-acard-fold-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lks-acard-foldwrap:not(.folded) .lks-acard-fold{border-radius:9px 9px 0 0;border-bottom:none}
+.lks-acard-foldwrap:not(.folded) .lks-acard{border-radius:0 0 9px 9px}
+.lks-acard-guess-wait.revealed{color:var(--dsw-alias-state-success-primary)}
 .lks-acard-stage .lks-acard{margin:0}
 .lks14-zone .lks-acard{margin:0 0 8px}
 /* notebook tab badge (unseen artifacts) */
@@ -1770,17 +1795,39 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				this.refresh();
 			}
 			/** Record the dsh session backing one lesson (the simplified thread system). */
-			async bindLessonSession(lessonId, sessionId) {
+			/**
+			* Bind a session into the lesson's thread group (issue #11): a new session
+			* id appends a thread (titled by `title` — first-message auto-naming);
+			* `null` clears the active pointer (＋新建 — the next send mints fresh).
+			*/
+			async bindLessonSession(lessonId, sessionId, title) {
 				await fetchJson("/lookatstudy/api/lesson-session", {
 					method: "POST",
 					headers: { "content-type": "application/json" },
 					body: JSON.stringify({
 						lessonId,
-						sessionId
+						sessionId,
+						title
 					})
 				});
 				this.refresh();
 			}
+			/** Issue #11 management (upstream gear menu): rename/archive/delete one
+			*  thread. Returns the route's post-op snapshot (active + thread count). */
+			async lessonThreadOp(lessonId, sessionId, op, extra) {
+				const res = await fetchJson("/lookatstudy/api/lesson-thread", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						lessonId,
+						sessionId,
+						op,
+						...extra
+					})
+				});
+				this.refresh();
+				return res;
+			}
 			/** Delete one course (and its proposals) from the host state. */
 			async deleteCourse(courseId) {
 				await fetchJson("/lookatstudy/api/course/delete", {
@@ -1993,7 +2040,8 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				examRegenerate: studyStore.examRegenerate.bind(studyStore),
 				addUserNote: studyStore.addUserNote.bind(studyStore),
 				recordReview: studyStore.recordReview.bind(studyStore),
-				bindLessonSession: studyStore.bindLessonSession.bind(studyStore)
+				bindLessonSession: studyStore.bindLessonSession.bind(studyStore),
+				lessonThreadOp: studyStore.lessonThreadOp.bind(studyStore)
 			};
 		}
 		//#endregion
@@ -2051,6 +2099,12 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"artifact.guess.title": "猜一猜",
 			"artifact.guess.pick": "我选「{label}」",
 			"artifact.guess.wait": "已记下你的直觉——导师下回合揭晓，看看你想得对不对",
+			"artifact.guess.revealed": "已揭晓——结论见导师的下一条回复",
+			"artifact.fold": "收起卡片（笔记区仍保留）",
+			"artifact.unfold": "展开卡片",
+			"artifact.kind.compare_table": "对照表",
+			"artifact.kind.code_walkthrough": "代码走查",
+			"artifact.kind.diagram": "示意图",
 			"artifact.sedimented": "有新的学习产物沉淀进笔记",
 			"zone.artifacts": "AI 产物",
 			"note.quote.ask": "提问这段",
@@ -2170,6 +2224,16 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"palette.empty": "没有匹配项",
 			"threads.open": "{n} 条对话",
 			"threads.now": "当前",
+			"threads.new": "新建对话（下一条消息开新线）",
+			"threads.actions": "线程操作",
+			"rail.export.pack": "导出课程包（可再导入/分享的 Markdown）",
+			"rail.export.done": "课程包已下载：{file}",
+			"threads.rename": "重命名",
+			"threads.archive": "归档",
+			"threads.delete": "删除",
+			"threads.delete.confirm": "删除「{name}」这条对话线？插件侧记录会移除；宿主会话列表中的原会话保留。",
+			"review.banner": "正在复习：{lesson}",
+			"review.threadTitle": "复习：{lesson}",
 			"threads.label": "课时线程",
 			"meter.label": "上下文用量",
 			"meter.aria": "上下文已用 {pct}%",
@@ -2398,6 +2462,12 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"artifact.guess.title": "Take a guess",
 			"artifact.guess.pick": "I pick \"{label}\"",
 			"artifact.guess.wait": "Your instinct is noted — the tutor reveals next turn",
+			"artifact.guess.revealed": "Revealed — see the tutor reply below for the answer",
+			"artifact.fold": "Fold card (kept in the notes zone)",
+			"artifact.unfold": "Unfold card",
+			"artifact.kind.compare_table": "Compare table",
+			"artifact.kind.code_walkthrough": "Code walkthrough",
+			"artifact.kind.diagram": "Diagram",
 			"artifact.sedimented": "A new artifact settled into the notebook",
 			"zone.artifacts": "AI artifacts",
 			"note.quote.ask": "Ask about this",
@@ -2518,6 +2588,16 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"threads.label": "Lesson threads",
 			"threads.open": "{n} threads",
 			"threads.now": "current",
+			"threads.new": "New thread (your next message starts it)",
+			"threads.actions": "Thread actions",
+			"rail.export.pack": "Export course pack (re-importable, shareable Markdown)",
+			"rail.export.done": "Course pack downloaded: {file}",
+			"threads.rename": "Rename",
+			"threads.archive": "Archive",
+			"threads.delete": "Delete",
+			"threads.delete.confirm": "Delete the thread \"{name}\"? The plugin-side record is removed; the original session stays in the host session list.",
+			"review.banner": "Reviewing: {lesson}",
+			"review.threadTitle": "Review: {lesson}",
 			"meter.label": "Context usage",
 			"meter.aria": "{pct}% of context used",
 			"meter.brk.system": "System prompt",
@@ -3627,6 +3707,28 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			return stored === "rail" || stored === "chat" || stored === "note" ? stored : "chat";
 		}
 		/**
+		* Issue #11 (upstream first-message auto-naming): a fresh thread's title is
+		* the sending text, single-lined and length-capped — the switcher chip
+		* truncates via CSS, storage keeps a sane whole title. Pure.
+		*/
+		function threadAutoTitle(text, max = 80) {
+			const oneLine = text.trim().replace(/\s+/g, " ");
+			return oneLine.length > max ? `${oneLine.slice(0, max - 1)}…` : oneLine;
+		}
+		/**
+		* Issue #11: the switcher's rows = the CURRENT lesson's thread group (upstream
+		* v0.5 节点 = 会话组) — every thread, freshest first, the active one marked.
+		* Pure.
+		*/
+		function threadGroupPills(group) {
+			if (group === void 0) return [];
+			return group.threads.filter((t) => t.status !== "archived").slice().sort((a, b) => a.lastAt < b.lastAt ? 1 : -1).map((t) => ({
+				id: t.id,
+				title: t.title,
+				current: t.id === group.active
+			}));
+		}
+		/**
 		* Default expansion for one rail section: collapsed when every study lesson is
 		* done (mastered) or not yet reachable (locked). The focus lesson's section
 		* stays open; exam nodes never force a section open. Pure.
@@ -4537,6 +4639,27 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}
 			return depth > 0 || liveChunkOrphan;
 		}
+		/**
+		* Issue #9: how long a turn-liveness window may sit WITHOUT its top seq
+		* advancing before the panel reads it as stalled and unlocks the composer.
+		* Generous on purpose: a legit in-flight tool call journals nothing for up to
+		* its own timeout (the import tools run 180 s), so anything past 240 s with a
+		* motionless window is a dead turn (cancel paths never journal turn/end).
+		*/
+		const TURN_STALL_MS = 24e4;
+		/**
+		* The stall decision (pure — the wall clock lives at the poll call site):
+		* an ACTIVE fold stays active while the window's top seq keeps advancing;
+		* once it has been frozen for longer than stallMs the panel treats the turn
+		* as over. `lastAdvanceAt === 0` means "first observation" — the clock starts
+		* now, so a freshly mounted window with an old unpaired turn/start does not
+		* insta-clear (it clears one stall window later if truly dead).
+		*/
+		function turnStalled(active, lastSeq, prevLastSeq, lastAdvanceAt, now, stallMs = TURN_STALL_MS) {
+			if (!active) return false;
+			if (lastSeq !== prevLastSeq || lastAdvanceAt === 0) return false;
+			return now - lastAdvanceAt > stallMs;
+		}
 		/** The window's highest event seq (the stop watermark's source). */
 		function feedLastSeq(window) {
 			if (window === void 0 || window.entries === void 0) return 0;
@@ -5854,6 +5977,54 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				storage.setItem(seenArtifactsKey(lessonId), JSON.stringify([.../* @__PURE__ */ new Set([...seen, ...ids])]));
 			} catch {}
 		}
+		/** localStorage: artifact id → the picked guess option id. The pick outlives
+		*  the component — a remount must not re-enable the buttons (and re-send). */
+		const GUESS_PICKED_KEY = "dsh-plugin-lookatstudy:guess-picked";
+		function guessPickedOf(artifactId, storage = localStorage) {
+			try {
+				const parsed = JSON.parse(storage.getItem(GUESS_PICKED_KEY) ?? "{}");
+				if (parsed !== null && typeof parsed === "object") {
+					const v = parsed[artifactId];
+					if (typeof v === "string") return v;
+				}
+			} catch {}
+			return null;
+		}
+		function markGuessPicked(artifactId, optionId, storage = localStorage) {
+			try {
+				let map = {};
+				try {
+					const parsed = JSON.parse(storage.getItem(GUESS_PICKED_KEY) ?? "{}");
+					if (parsed !== null && typeof parsed === "object") map = parsed;
+				} catch {}
+				map[artifactId] = optionId;
+				storage.setItem(GUESS_PICKED_KEY, JSON.stringify(map));
+			} catch {}
+		}
+		/** localStorage: artifact id → explicitly toggled fold state. Absent = the
+		*  mount's defaultFolded (feed cards open, sedimented surfaces folded). */
+		const ACARD_FOLD_KEY = "dsh-plugin-lookatstudy:acard-folded";
+		function acardFoldStoredOf(artifactId, storage = localStorage) {
+			try {
+				const parsed = JSON.parse(storage.getItem(ACARD_FOLD_KEY) ?? "{}");
+				if (parsed !== null && typeof parsed === "object") {
+					const v = parsed[artifactId];
+					if (typeof v === "boolean") return v;
+				}
+			} catch {}
+			return null;
+		}
+		function markAcardFoldStored(artifactId, folded, storage = localStorage) {
+			try {
+				let map = {};
+				try {
+					const parsed = JSON.parse(storage.getItem(ACARD_FOLD_KEY) ?? "{}");
+					if (parsed !== null && typeof parsed === "object") map = parsed;
+				} catch {}
+				map[artifactId] = folded;
+				storage.setItem(ACARD_FOLD_KEY, JSON.stringify(map));
+			} catch {}
+		}
 		/** The cards render mermaid through the shared CDN pipeline
 		* (enhanceDiagrams consumes pre > code.lang-mermaid blocks). */
 		async function renderMermaidInto(el, code, onError) {
@@ -5960,13 +6131,16 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			})))) : null);
 		}
 		/** The opening guess: two big options, click = pick (sent to the tutor, who
-		* reveals next turn); unscored — no right/wrong language anywhere. */
-		function GuessCard({ artifact, send }) {
+		* reveals next turn); unscored — no right/wrong language anywhere.
+		* Issue #8 lifecycle: the pick persists per artifact (a remount keeps the
+		* buttons disabled — re-clicking used to re-send a message); once a later
+		* assistant reply exists (`revealed`), the wait line becomes the reveal note. */
+		function GuessCard({ artifact, send, revealed = false }) {
 			const prompt = typeof artifact.data.prompt === "string" ? artifact.data.prompt : "";
 			const options = artifact.data.options ?? [];
-			const [picked, setPicked] = (0, react.useState)(null);
+			const [picked, setPicked] = (0, react.useState)(() => guessPickedOf(artifact.id));
 			(0, react.useEffect)(() => {
-				setPicked(null);
+				setPicked(guessPickedOf(artifact.id));
 			}, [artifact.id]);
 			return (0, react.createElement)("div", {
 				className: "lks-acard lks-acard-guess",
@@ -5977,23 +6151,67 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				disabled: picked !== null,
 				onClick: () => {
 					setPicked(opt.id);
+					markGuessPicked(artifact.id, opt.id);
 					send(tr("artifact.guess.pick", { label: opt.label }));
 				}
-			}, opt.label))), picked !== null ? (0, react.createElement)("div", { className: "lks-acard-guess-wait" }, tr("artifact.guess.wait")) : null);
+			}, opt.label))), picked !== null ? (0, react.createElement)("div", { className: `lks-acard-guess-wait${revealed ? " revealed" : ""}` }, revealed ? tr("artifact.guess.revealed") : tr("artifact.guess.wait")) : null);
 		}
 		/** Dispatch one artifact row to its card. */
-		function ArtifactCard({ artifact, send }) {
+		function ArtifactCard({ artifact, send, revealed = false }) {
 			switch (artifact.artifactType) {
 				case "compare_table": return (0, react.createElement)(CompareTableCard, { artifact });
 				case "code_walkthrough": return (0, react.createElement)(CodeWalkthroughCard, { artifact });
 				case "diagram": return (0, react.createElement)(DiagramCard, { artifact });
 				case "guess": return (0, react.createElement)(GuessCard, {
 					artifact,
-					send
+					send,
+					revealed
 				});
 				default: return null;
 			}
 		}
+		/** The fold bar's kind label (fallback when the artifact carries no title). */
+		const KIND_LABEL_KEY = {
+			compare_table: "artifact.kind.compare_table",
+			code_walkthrough: "artifact.kind.code_walkthrough",
+			diagram: "artifact.kind.diagram",
+			guess: "artifact.guess.title"
+		};
+		/**
+		* Issue #8: every artifact card wears a fold bar — cards sediment into the
+		* notebook by design, so nothing is deleted; folding keeps long conversations
+		* readable (a folded card is one thin line). The explicit toggle persists per
+		* artifact; absent a stored choice, `defaultFolded` decides (feed cards open,
+		* the teach-stage and backlog surfaces start folded — the lesson prose owns
+		* the first screen, issue #10).
+		*/
+		function FoldableArtifactCard({ artifact, send, defaultFolded = false, revealed = false }) {
+			const [folded, setFolded] = (0, react.useState)(() => acardFoldStoredOf(artifact.id) ?? defaultFolded);
+			const toggle = () => {
+				setFolded((cur) => {
+					const next = !cur;
+					markAcardFoldStored(artifact.id, next);
+					return next;
+				});
+			};
+			const title = artifact.title.trim() !== "" ? artifact.title : tr(KIND_LABEL_KEY[artifact.artifactType] ?? "artifact.fold");
+			return (0, react.createElement)("div", {
+				className: `lks-acard-foldwrap${folded ? " folded" : ""}`,
+				"data-lks-artifact": artifact.id
+			}, (0, react.createElement)("button", {
+				className: "lks-acard-fold",
+				"aria-expanded": String(!folded),
+				"data-tooltip": folded ? tr("artifact.unfold") : tr("artifact.fold"),
+				onClick: toggle
+			}, (0, react.createElement)("span", {
+				className: "lks-acard-fold-caret",
+				"aria-hidden": "true"
+			}, folded ? "▸" : "▾"), (0, react.createElement)("span", { className: "lks-acard-fold-title" }, title)), folded ? null : (0, react.createElement)(ArtifactCard, {
+				artifact,
+				send,
+				revealed
+			}));
+		}
 		//#endregion
 		//#region src/client/highlights.ts
 		/**
@@ -7106,7 +7324,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			};
 		}
 		function StudyPanelBody({ ctx }) {
-			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, deleteNote, bindLessonSession, uploadAttachment } = useStudy();
+			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, deleteNote, bindLessonSession, lessonThreadOp, uploadAttachment } = useStudy();
 			(0, react.useEffect)(() => {
 				wireCodeBlockCopy();
 			}, []);
@@ -7199,6 +7417,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const [feedGen, setFeedGen] = (0, react.useState)(false);
 			const lastSeqRef = (0, react.useRef)(0);
 			const stopWatermarkRef = (0, react.useRef)(null);
+			const lastAdvanceAtRef = (0, react.useRef)(0);
 			const examSessionRef = (0, react.useRef)({
 				active: false,
 				terminate: null
@@ -7252,6 +7471,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const lesson = data?.lesson ?? null;
 			const examLessonActive = lesson !== null && lesson.kind === "exam" && examOpen(data?.courses.flatMap((c) => c.sections).find((s) => s.lessons.some((l) => l.id === lesson.lessonId))?.lessons ?? []);
 			const localBound = (0, react.useRef)(null);
+			const boundSessionOf = (lessonId) => lessonId !== null && localBound.current?.lessonId === lessonId ? localBound.current.sessionId : null;
 			const streamEl = (0, react.useRef)(null);
 			const touchStart = (0, react.useRef)(null);
 			const activeFace = (0, react.useRef)(null);
@@ -7260,7 +7480,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					try {
 						let face = activeFace.current;
 						if (face === null) {
-							const sessionId = localBound.current ?? (lesson !== null ? data?.lessonSessions[lesson.lessonId] ?? null : null);
+							const sessionId = boundSessionOf(lesson !== null ? lesson.lessonId : null) ?? (lesson !== null ? data?.lessonThreads[lesson.lessonId]?.active ?? data?.lessonSessions[lesson.lessonId] ?? null : null);
 							if (sessionId !== null && sessionKnown(ctx, sessionId)) {
 								const actx = ctx.sessions.scope(sessionId);
 								face = actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx) ?? null;
@@ -7296,7 +7516,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				} else celebrate(ev.kind);
 				prevCelebrationRef.current = snapshot;
 			}, [data]);
-			const boundId = localBound.current ?? (lesson !== null ? data?.lessonSessions[lesson.lessonId] ?? null : null);
+			const boundId = boundSessionOf(lesson !== null ? lesson.lessonId : null) ?? (lesson !== null ? data?.lessonThreads[lesson.lessonId]?.active ?? data?.lessonSessions[lesson.lessonId] ?? null : null);
 			const nudged = (0, react.useRef)(false);
 			(0, react.useEffect)(() => {
 				if (nudged.current || (data?.dueCount ?? 0) === 0) return;
@@ -7400,8 +7620,12 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					const update = () => {
 						const snap = source.getSnapshot();
 						setRows(feedRows(snap));
-						lastSeqRef.current = feedLastSeq(snap);
-						setFeedGen(feedTurnActive(snap, stopWatermarkRef.current));
+						const lastSeq = feedLastSeq(snap);
+						const prevSeq = lastSeqRef.current;
+						if (lastSeq !== prevSeq || lastAdvanceAtRef.current === 0) lastAdvanceAtRef.current = Date.now();
+						lastSeqRef.current = lastSeq;
+						const active = feedTurnActive(snap, stopWatermarkRef.current);
+						setFeedGen(active && !turnStalled(active, lastSeq, prevSeq, lastAdvanceAtRef.current, Date.now()));
 					};
 					update();
 					setFeedAttached(true);
@@ -7455,16 +7679,31 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				const el = streamEl.current;
 				if (el !== null) el.scrollTop = el.scrollHeight;
 			}, [rows]);
-			/** The one send path: lazily stage the lesson thread, then prompt. */
-			const send = (text) => {
+			(0, react.useEffect)(() => {
+				if (!feedGen) return;
+				const iv = setInterval(() => {
+					if (Date.now() - lastAdvanceAtRef.current > 24e4) setFeedGen(false);
+				}, 5e3);
+				return () => {
+					clearInterval(iv);
+				};
+			}, [feedGen]);
+			/** The one send path: lazily stage the lesson thread, then prompt.
+			* `targetLessonId` (issue #11 review routing) sends into ANOTHER lesson's
+			* group: focus moves there first (the tutor's snapshot follows), then the
+			* target's active thread — or a fresh titled one — carries the prompt. */
+			const send = (text, threadTitle, targetLessonId) => {
 				(async () => {
 					if (busy || lesson === null || text.trim() === "") return;
 					setBusy(true);
 					setSendError(null);
 					stopWatermarkRef.current = null;
+					lastAdvanceAtRef.current = Date.now();
 					try {
 						if (data?.active !== true) await activate(true);
-						let sessionId = localBound.current ?? data?.lessonSessions[lesson.lessonId] ?? null;
+						if (targetLessonId !== void 0 && targetLessonId !== lesson.lessonId) await setFocus(targetLessonId).catch(() => {});
+						const bindId = targetLessonId ?? lesson.lessonId;
+						let sessionId = boundSessionOf(bindId) ?? data?.lessonThreads[bindId]?.active ?? data?.lessonSessions[bindId] ?? null;
 						if (sessionId !== null && !sessionKnown(ctx, sessionId)) sessionId = null;
 						if (sessionId === null) {
 							const area = await fetch("/lookatstudy/api/study-workspace");
@@ -7472,9 +7711,15 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 							const { path } = await area.json();
 							const workspace = await ctx.workspaces.create({ path });
 							sessionId = await ctx.sessions.create({ workspaceId: workspace.workspaceId });
-							localBound.current = sessionId;
-							await bindLessonSession(lesson.lessonId, sessionId);
-						}
+							localBound.current = {
+								lessonId: bindId,
+								sessionId
+							};
+							await bindLessonSession(bindId, sessionId, threadTitle ?? threadAutoTitle(text));
+						} else localBound.current = {
+							lessonId: bindId,
+							sessionId
+						};
 						const shell = PANEL_SHELL.current;
 						if (shell !== null) shell.suppressHandBack(() => {
 							ctx.sessions.open(sessionId);
@@ -7508,6 +7753,50 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					window.removeEventListener("lookatstudy-exam-generate", onGenerate);
 				};
 			}, [send]);
+			const switchLessonThread = (sessionId) => {
+				if (lesson === null) return;
+				if (localBound.current?.lessonId === lesson.lessonId && localBound.current.sessionId === sessionId) return;
+				localBound.current = {
+					lessonId: lesson.lessonId,
+					sessionId
+				};
+				bindLessonSession(lesson.lessonId, sessionId);
+				const shell = PANEL_SHELL.current;
+				if (shell !== null) shell.suppressHandBack(() => {
+					ctx.sessions.open(sessionId);
+				});
+				else ctx.sessions.open(sessionId);
+			};
+			const startNewThread = () => {
+				if (lesson === null) return;
+				localBound.current = null;
+				bindLessonSession(lesson.lessonId, null);
+				setRows([]);
+				setFeedGen(false);
+			};
+			const renameLessonThreadUi = (sessionId, title) => {
+				if (lesson === null) return;
+				lessonThreadOp(lesson.lessonId, sessionId, "rename", { title }).then(() => {
+					const actx = ctx.sessions.scope(sessionId);
+					(actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx))?.rename?.(title).catch(() => {});
+				}, (err) => {
+					setSendError(friendlyError(err, "action"));
+				});
+			};
+			const archiveLessonThreadUi = (sessionId) => {
+				if (lesson === null) return;
+				if (localBound.current?.lessonId === lesson.lessonId && localBound.current.sessionId === sessionId) localBound.current = null;
+				lessonThreadOp(lesson.lessonId, sessionId, "archive", { archived: true }).catch((err) => {
+					setSendError(friendlyError(err, "action"));
+				});
+			};
+			const deleteLessonThreadUi = (sessionId) => {
+				if (lesson === null) return;
+				if (localBound.current?.lessonId === lesson.lessonId && localBound.current.sessionId === sessionId) localBound.current = null;
+				lessonThreadOp(lesson.lessonId, sessionId, "delete").catch((err) => {
+					setSendError(friendlyError(err, "action"));
+				});
+			};
 			const progress = data?.progress ?? null;
 			const body = (0, react.createElement)("div", {
 				className: "lks14-body",
@@ -7598,10 +7887,17 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				stop,
 				setMode,
 				narrowPane,
-				onThreadJump: (id) => {
+				onThreadSwitch: (sessionId) => {
 					setNarrowPane("chat");
-					guardedSetFocus(id);
+					switchLessonThread(sessionId);
+				},
+				onThreadNew: () => {
+					setNarrowPane("chat");
+					startNewThread();
 				},
+				onThreadRename: renameLessonThreadUi,
+				onThreadArchive: archiveLessonThreadUi,
+				onThreadDelete: deleteLessonThreadUi,
 				contextMeter,
 				contextBreakdown: breakdown,
 				uploadAttachment
@@ -8067,7 +8363,30 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 						bottom: r.bottom
 					} });
 				}
-			}, (0, react.createElement)(IconTrashOutline16, { size: 14 }))), (0, react.createElement)("div", {
+			}, (0, react.createElement)(IconTrashOutline16, { size: 14 })), (0, react.createElement)("button", {
+				className: "lks-btn ghost",
+				"data-tooltip": tr("rail.export.pack"),
+				"data-testid": "course-export",
+				onClick: () => {
+					if (courseId === null) return;
+					(async () => {
+						try {
+							const r = await fetch(`/lookatstudy/api/course-pack?courseId=${encodeURIComponent(courseId)}`);
+							const body = await r.json();
+							if (!r.ok || body.ok !== true || body.markdown === void 0) throw new Error(`HTTP ${String(r.status)}`);
+							const blob = new Blob([body.markdown], { type: "text/markdown;charset=utf-8" });
+							const a = document.createElement("a");
+							a.href = URL.createObjectURL(blob);
+							a.download = body.fileName ?? "course-pack.md";
+							a.click();
+							URL.revokeObjectURL(a.href);
+							showStudyToast(tr("rail.export.done", { file: a.download }), { severity: "success" });
+						} catch (err) {
+							showStudyToast(friendlyError(err, "action"), { severity: "error" });
+						}
+					})();
+				}
+			}, (0, react.createElement)(IconDownloadOutline16, { size: 14 }))), (0, react.createElement)("div", {
 				className: `lks14-masteryhair${course.avgMasteryPct === 100 ? " gold" : ""}`,
 				title: course.avgMasteryPct === null ? tr("rail.avg.none") : tr("rail.avg", { pct: course.avgMasteryPct })
 			}, (0, react.createElement)("i", { style: { transform: `scaleX(${(course.avgMasteryPct ?? 0) / 100})` } })), (0, react.createElement)("div", { className: "lks14-railcard-row tools" }, (0, react.createElement)("button", {
@@ -8230,8 +8549,12 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, (0, react.createElement)(IconRefreshOutline16, { size: 13 }), tr("review.random")), (0, react.createElement)("button", {
 				className: "lks-btn primary",
 				onClick: () => {
+					const first = data.due[0];
 					setReviewOpen(false);
-					send(tr("prompt.review"));
+					if (first !== void 0) {
+						showStudyToast(tr("review.banner", { lesson: first.lessonTitle }), { severity: "info" });
+						send(tr("prompt.review"), tr("review.threadTitle", { lesson: first.lessonTitle }), first.lessonId);
+					} else send(tr("prompt.review"));
 				}
 			}, tr("rail.due.start"))) : (0, react.createElement)("div", { className: "lks14-empty" }, tr("rail.due.none"))) : null;
 			const effectivePanel = data !== null && data.courses.length === 0 ? "import" : panel;
@@ -8511,10 +8834,13 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			return cut <= 0 ? path : norm.slice(0, cut);
 		}
 		/** 中栏:the tutor chat stream with its own composer (upstream ChatStream + ChatComposer). */
-		function ChatPane({ data, lesson, rows, feedAttached, bound, busy, sendError, draft, setDraft, send, stop, setMode, narrowPane, onThreadJump, contextMeter, contextBreakdown, uploadAttachment }) {
+		function ChatPane({ data, lesson, rows, feedAttached, bound, busy, sendError, draft, setDraft, send, stop, setMode, narrowPane, onThreadSwitch, onThreadNew, onThreadRename, onThreadArchive, onThreadDelete, contextMeter, contextBreakdown, uploadAttachment }) {
 			const stuck = (0, react.useRef)(true);
 			const [showFab, setShowFab] = (0, react.useState)(false);
 			const [threadsOpen, setThreadsOpen] = (0, react.useState)(false);
+			const [gearFor, setGearFor] = (0, react.useState)(null);
+			const [renaming, setRenaming] = (0, react.useState)(null);
+			const [confirmThreadDel, setConfirmThreadDel] = (0, react.useState)(null);
 			const [pendingAttach, setPendingAttach] = (0, react.useState)(null);
 			const onStreamScroll = () => {
 				const el = streamEl.current;
@@ -8713,7 +9039,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				return ids;
 			}, [rowsView]);
 			const backlog = (0, react.useMemo)(() => lesson !== null ? sedimentBacklog(lesson.artifacts, inlineIds, unseenArtifacts(lesson.lessonId, lesson.artifacts)) : [], [lesson, inlineIds]);
-			const inlineArtifactCard = (row) => {
+			const inlineArtifactCard = (row, revealed = false) => {
 				if (lesson === null || row.artifactId === void 0) return null;
 				const artifact = lesson.artifacts.find((a) => a.id === row.artifactId);
 				if (artifact === void 0) return chatRow({
@@ -8728,26 +9054,13 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					masteryPct: lesson.masteryPct,
 					send,
 					onFinished: () => {}
-				}) : (0, react.createElement)(ArtifactCard, {
+				}) : (0, react.createElement)(FoldableArtifactCard, {
 					artifact,
-					send
+					send,
+					revealed
 				}));
 			};
-			const threadPills = [];
-			if (data !== null) {
-				const titles = /* @__PURE__ */ new Map();
-				for (const c of data.courses) for (const s of c.sections) for (const l of s.lessons) titles.set(l.id, l.title);
-				for (const [lessonId, sessionId] of Object.entries(data.lessonSessions)) {
-					if (sessionId === void 0) continue;
-					const title = titles.get(lessonId);
-					if (title === void 0) continue;
-					threadPills.push({
-						id: lessonId,
-						title,
-						current: lesson !== null && lesson.lessonId === lessonId
-					});
-				}
-			}
+			const threadPills = threadGroupPills(lesson !== null && data !== null ? data.lessonThreads[lesson.lessonId] : void 0);
 			const lastAssistant = rowsView.reduce((acc, row, i) => row.role === "assistant" ? i : acc, -1);
 			const [error, setError] = (0, react.useState)(null);
 			const fire = (action) => {
@@ -8848,19 +9161,115 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, tr("threads.open", { n: String(threadPills.length) }), (0, react.createElement)("span", { className: "lks14-threadchip-caret" }, threadsOpen ? "▾" : "▸")), threadsOpen ? (0, react.createElement)("div", {
 				className: "lks14-threadmenu",
 				role: "menu"
-			}, ...threadPills.map((p) => (0, react.createElement)("button", {
+			}, ...threadPills.map((p) => (0, react.createElement)("div", {
 				key: p.id,
 				className: `lks14-threadmenu-row${p.current ? " on" : ""}`,
 				role: "menuitem",
+				tabIndex: 0,
 				"aria-current": p.current ? "true" : void 0,
 				onClick: () => {
+					if (renaming !== null && renaming.id === p.id) return;
 					setThreadsOpen(false);
-					if (!p.current) onThreadJump(p.id);
+					setGearFor(null);
+					if (!p.current) onThreadSwitch(p.id);
 				}
 			}, (0, react.createElement)("span", {
 				className: "lks14-threadmenu-dot",
 				"aria-hidden": "true"
-			}), (0, react.createElement)("span", { className: "lks14-threadmenu-title" }, p.title), p.current ? (0, react.createElement)("span", { className: "lks14-threadmenu-now" }, tr("threads.now")) : null))) : null) : null) : null, (0, react.createElement)("div", {
+			}), renaming !== null && renaming.id === p.id ? (0, react.createElement)("input", {
+				className: "lks14-threadmenu-rename",
+				value: renaming.value,
+				autoFocus: true,
+				"data-testid": "thread-rename-input",
+				onChange: (e) => {
+					setRenaming({
+						id: p.id,
+						value: e.target.value
+					});
+				},
+				onClick: (e) => {
+					e.stopPropagation();
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter") {
+						const v = renaming.value.trim();
+						if (v !== "") onThreadRename(p.id, v);
+						setRenaming(null);
+					}
+					if (e.key === "Escape") setRenaming(null);
+				},
+				onBlur: () => {
+					const v = renaming.value.trim();
+					if (v !== "" && v !== p.title) onThreadRename(p.id, v);
+					setRenaming(null);
+				}
+			}) : (0, react.createElement)("span", { className: "lks14-threadmenu-title" }, p.title), p.current ? (0, react.createElement)("span", { className: "lks14-threadmenu-now" }, tr("threads.now")) : null, (0, react.createElement)("button", {
+				className: "lks14-threadmenu-gear",
+				"aria-label": tr("threads.actions"),
+				"data-tooltip": tr("threads.actions"),
+				"data-testid": `thread-gear`,
+				onClick: (e) => {
+					e.stopPropagation();
+					setGearFor(gearFor === p.id ? null : p.id);
+				}
+			}, "⋯"), gearFor === p.id ? (0, react.createElement)("div", {
+				className: "lks14-threadmenu-actions",
+				role: "menu",
+				"data-testid": "thread-actions",
+				onClick: (e) => {
+					e.stopPropagation();
+				}
+			}, (0, react.createElement)("button", { onClick: () => {
+				setGearFor(null);
+				setRenaming({
+					id: p.id,
+					value: p.title
+				});
+			} }, tr("threads.rename")), (0, react.createElement)("button", { onClick: () => {
+				setGearFor(null);
+				onThreadArchive(p.id);
+			} }, tr("threads.archive")), (0, react.createElement)("button", {
+				className: "danger",
+				"data-testid": "thread-delete",
+				onClick: (e) => {
+					const r = e.currentTarget.getBoundingClientRect();
+					setConfirmThreadDel({
+						id: p.id,
+						title: p.title,
+						rect: {
+							left: r.left,
+							top: r.top,
+							right: r.right,
+							bottom: r.bottom
+						}
+					});
+					setGearFor(null);
+				}
+			}, tr("threads.delete"))) : null)), (0, react.createElement)("button", {
+				key: "__new__",
+				className: "lks14-threadmenu-row new",
+				role: "menuitem",
+				onClick: () => {
+					setThreadsOpen(false);
+					onThreadNew();
+				}
+			}, (0, react.createElement)("span", {
+				className: "lks14-threadmenu-plus",
+				"aria-hidden": "true"
+			}, "＋"), (0, react.createElement)("span", { className: "lks14-threadmenu-title" }, tr("threads.new"))), confirmThreadDel !== null ? (0, react.createElement)(ConfirmCard, {
+				anchor: confirmThreadDel.rect,
+				message: tr("threads.delete.confirm", { name: confirmThreadDel.title }),
+				danger: true,
+				confirmLabel: tr("threads.delete"),
+				onConfirm: () => {
+					const id = confirmThreadDel.id;
+					setConfirmThreadDel(null);
+					onThreadDelete(id);
+				},
+				onCancel: () => {
+					setConfirmThreadDel(null);
+				}
+			}) : null) : null) : null) : null, (0, react.createElement)("div", {
 				className: "lks14-stream",
 				onScroll: onStreamScroll,
 				ref: streamEl,
@@ -8871,7 +9280,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onClick: () => {
 					send(starters[0]?.message ?? tr("prompt.start"));
 				}
-			}, tr("chat.start")) : null) : rowsView.map((row, i) => row.role === "artifact" ? inlineArtifactCard(row) : chatRow(row, !dormant && i === lastAssistant ? { send } : void 0, row.role === "assistant" ? {
+			}, tr("chat.start")) : null) : rowsView.map((row, i) => row.role === "artifact" ? inlineArtifactCard(row, rowsView.slice(i + 1).some((r) => r.role === "assistant")) : chatRow(row, !dormant && i === lastAssistant ? { send } : void 0, row.role === "assistant" ? {
 				playing: msgAudio?.key === row.key,
 				index: msgAudio?.index ?? 0,
 				total: msgAudio?.total ?? 0,
@@ -8885,10 +9294,11 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				masteryPct: lesson.masteryPct,
 				send,
 				onFinished: () => {}
-			})), ...backlog.filter((a) => a.artifactType !== "quiz").map((a) => (0, react.createElement)(ArtifactCard, {
+			})), ...backlog.filter((a) => a.artifactType !== "quiz").map((a) => (0, react.createElement)(FoldableArtifactCard, {
 				key: a.id,
 				artifact: a,
-				send
+				send,
+				defaultFolded: true
 			})), rows.length > 0 ? (0, react.createElement)("div", { className: "lks14-starters" }, ...starters.map((s) => (0, react.createElement)("button", {
 				key: s.label,
 				className: "lks14-starter",
@@ -9381,9 +9791,10 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				}
 				setQuoteBtn(null);
 				window.getSelection()?.removeAllRanges();
-			} }, tr("note.quote.save"))) : null), latestHeavy !== null ? (0, react.createElement)("div", { className: "lks-acard-stage" }, (0, react.createElement)(ArtifactCard, {
+			} }, tr("note.quote.save"))) : null), latestHeavy !== null ? (0, react.createElement)("div", { className: "lks-acard-stage" }, (0, react.createElement)(FoldableArtifactCard, {
 				artifact: latestHeavy,
-				send: () => {}
+				send: () => {},
+				defaultFolded: true
 			})) : null) : tab === "board" ? (() => {
 				const heavy = artifacts.filter((a) => a.artifactType === "compare_table" || a.artifactType === "diagram" || a.artifactType === "code_walkthrough");
 				const latest = heavy.length > 0 ? heavy[heavy.length - 1] : null;