dsh-plugin-lookatstudy 0.12.3 → 0.12.5

package/lib/client.js

@@ -235,6 +235,9 @@ window.__ModuleLoader__.load({
 .lks-zone-h{font-size:14px;color:var(--dsw-alias-label-secondary);margin:0 0 8px;font-weight:600}
 .lks-note{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 14px;margin-bottom:8px}
 .lks-note .lks-note-src{float:right;font-size:11.5px;color:var(--dsw-alias-label-secondary)}
+.lks-note-del{float:right;clear:right;border:none;background:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;padding:2px;border-radius:5px;line-height:0}
+.lks-note-del:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}
+.lks-note-del.armed{color:#fff;background:var(--dsw-alias-state-error-primary)}
 .lks-note .lks-note-title{font-weight:600;font-size:13px}
 .lks-note .lks-note-text{margin-top:4px;font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.65}
 .lks-note .lks-note-text p{margin:4px 0}
@@ -298,10 +301,10 @@ window.__ModuleLoader__.load({
 		* ic_ds_* glyphs vendored from @deepseek-ai/dsh-client-ui-primitives
 		* (src/icons/index.tsx, same figma source as the host's icon set) so the
 		* plugin's client bundle stays self-contained per the dsh client-bundle
-		* contract — only react and dsh-client-runtime/client are runtime-external;
-		* importing the host package root would drag its CSS modules into the
-		* inlined bundle. Re-sync these three paths if the host icon set redesigns
-		* them; scripts/verify.mjs pins the path data.
+		* contract — only react is runtime-external; importing the host package
+		* root would drag its CSS modules into the inlined bundle. Re-sync these
+		* three paths if the host icon set redesigns them; scripts/verify.mjs
+		* pins the path data.
 		*
 		* 2026-09-01 critique round: seven more ic_ds glyphs vendored (play/plus/
 		* trash/refresh/globe/goal/warning) plus plugin-original learning-domain
@@ -715,6 +718,18 @@ window.__ModuleLoader__.load({
 				});
 				this.refresh();
 			}
+			/** Delete one notebook entry from a lesson's Cornell zones. */
+			async deleteNote(lessonId, noteId) {
+				await fetchJson("/lookatstudy/api/note/delete", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						lessonId,
+						noteId
+					})
+				});
+				this.refresh();
+			}
 		};
 		/** The one shared store instance backing every study seat component. */
 		const studyStore = new StudyStore();
@@ -727,6 +742,7 @@ window.__ModuleLoader__.load({
 				setFocus: studyStore.setFocus.bind(studyStore),
 				searchLessons: studyStore.searchLessons.bind(studyStore),
 				deleteCourse: studyStore.deleteCourse.bind(studyStore),
+				deleteNote: studyStore.deleteNote.bind(studyStore),
 				bindLessonSession: studyStore.bindLessonSession.bind(studyStore)
 			};
 		}
@@ -1567,6 +1583,8 @@ window.__ModuleLoader__.load({
 			"rail.delete": "删除本课程",
 			"rail.delete.confirm": "确认删除?",
 			"rail.delete.title.confirm": "再点一次确认删除(含全部进度与笔记)。反悔前可先在设置页备份状态文件",
+			"note.delete": "删除本条笔记",
+			"note.delete.confirm": "确认删除?",
 			"rail.section.collapse": "折叠本章节",
 			"rail.section.expand": "展开本章节({count} 课时)",
 			"rail.section.count": "{count} 课",
@@ -1687,6 +1705,8 @@ window.__ModuleLoader__.load({
 			"rail.delete": "Delete this course",
 			"rail.delete.confirm": "Delete?",
 			"rail.delete.title.confirm": "Click again to confirm (all progress and notes included). Back up via the state file in Settings first",
+			"note.delete": "Delete this note",
+			"note.delete.confirm": "Delete?",
 			"rail.section.collapse": "Collapse this section",
 			"rail.section.expand": "Expand this section ({count} lessons)",
 			"rail.section.count": "{count} lessons",
@@ -2045,10 +2065,10 @@ window.__ModuleLoader__.load({
 			return runs.at(-1) ?? [];
 		}
 		function textOf(blocks) {
-			return blocks.filter((b) => b.type === "text").map((b) => b.text ?? "").join("\n\n").trim();
+			return (blocks ?? []).filter((b) => b.type === "text").map((b) => b.text ?? "").join("\n\n").trim();
 		}
 		function assistantText(blocks) {
-			return blocks.filter((b) => b.kind === "text").map((b) => b.text).join("\n\n").trim();
+			return (blocks ?? []).filter((b) => b.kind === "text").map((b) => b.text ?? "").join("\n\n").trim();
 		}
 		/**
 		* Fold conversation nodes (plus the streaming partial) into render rows.
@@ -2088,7 +2108,7 @@ window.__ModuleLoader__.load({
 				case "turn-error": rows.push({
 					key: `e${node.seq}`,
 					role: "error",
-					text: node.message
+					text: node.message ?? ""
 				});
 			}
 			if (partial != null) {
@@ -2111,6 +2131,17 @@ window.__ModuleLoader__.load({
 			if (error === null) return null;
 			return (0, react.createElement)("div", { className: "lks-propcard-err" }, error);
 		}
+		/**
+		* Resolve the transcript across host generations. 0.1.3+ hosts expose the
+		* node array as the Chat target's `legacy` slice; pre-0.1.3 hosts hand the
+		* whole conversation snapshot (nodes + partial) through `useSession`, whose
+		* 0.1.3+ successor returns the session MACHINE (no node array). The array
+		* check tells those two `useSession` shapes apart. Pure.
+		*/
+		function pickTranscript(chatLegacy, sessionSnapshot) {
+			if (chatLegacy !== void 0) return chatLegacy;
+			return sessionSnapshot !== void 0 && Array.isArray(sessionSnapshot.nodes) ? sessionSnapshot : void 0;
+		}
 		/** sessionStorage key keeping the narrow-mode pane across view remounts (tab switches) and reloads. */
 		const PANE_KEY = "dsh-plugin-lookatstudy:pane";
 		/** Narrow the stored value back to a pane id; anything else (or nothing stored) falls back to 导师. Pure, unit-testable. */
@@ -2137,9 +2168,12 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/** Tab body: the factory-bound ctx carries workspaces/sessions for the per-lesson session jumps. */
-		function StudyTab({ useSession, inputActions, ctx }) {
-			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, bindLessonSession } = useStudy();
-			const snapshot = useSession((s) => s);
+		function StudyTab({ inputActions, ctx, ...standard }) {
+			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, deleteNote, bindLessonSession } = useStudy();
+			const chatLegacy = standard.useChat?.((s) => s.legacy);
+			const sessionSnapshot = standard.useSession?.((s) => s);
+			const snapshot = pickTranscript(chatLegacy, sessionSnapshot);
+			const currentSessionId = standard.sessionId ?? snapshot?.sessionId ?? "";
 			const [pane, setPane] = (0, react.useState)(storedPane);
 			const rootRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -2237,13 +2271,16 @@ window.__ModuleLoader__.load({
 				bindLessonSession,
 				send,
 				ctx,
-				currentSessionId: snapshot?.sessionId ?? ""
+				currentSessionId
 			}), (0, react.createElement)(TutorColumn, {
 				data,
 				setMode,
 				send,
 				snapshot
-			}), (0, react.createElement)(BlackboardColumn, { data })));
+			}), (0, react.createElement)(BlackboardColumn, {
+				data,
+				deleteNote
+			})));
 		}
 		/** Left column: course management (pick/delete/search/import), lesson tree, due box. */
 		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, bindLessonSession, send, ctx, currentSessionId }) {
@@ -2268,7 +2305,7 @@ window.__ModuleLoader__.load({
 					if (!area.ok) throw new Error(`study area unavailable (HTTP ${area.status})`);
 					const { path } = await area.json();
 					const workspace = await ctx.workspaces.create({ path });
-					const sessionId = await ctx.workspaces.connectWorkspace(workspace.workspaceId);
+					const sessionId = ctx.workspaces.connectWorkspace !== void 0 ? await ctx.workspaces.connectWorkspace(workspace.workspaceId) : await ctx.sessions.create({ workspaceId: workspace.workspaceId });
 					const actx = ctx.sessions.scope(sessionId);
 					const face = actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx);
 					if (face === void 0) throw new Error("lesson session is not addressable yet");
@@ -2587,9 +2624,33 @@ window.__ModuleLoader__.load({
 			}, s.label))) : null, (0, react.createElement)(ActionError, { error }));
 		}
 		/** Right column: the blackboard — focus-lesson 讲解/脑图/概念图 plus the Cornell 笔记. */
-		function BlackboardColumn({ data }) {
+		function BlackboardColumn({ data, deleteNote }) {
 			const lesson = data?.lesson ?? null;
 			const [pane, setPane] = (0, react.useState)("teach");
+			const [error, setError] = (0, react.useState)(null);
+			const [armedNote, setArmedNote] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (armedNote === null) return;
+				const disarm = () => {
+					setArmedNote(null);
+				};
+				const onKey = (e) => {
+					if (e.key === "Escape") disarm();
+				};
+				window.addEventListener("click", disarm);
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("click", disarm);
+					window.removeEventListener("keydown", onKey);
+				};
+			}, [armedNote]);
+			const fire = (action) => {
+				action.then(() => {
+					setError(null);
+				}, (err) => {
+					setError(err instanceof Error ? err.message : String(err));
+				});
+			};
 			const proseRef = (0, react.useRef)(null);
 			const diagRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -2645,11 +2706,24 @@ window.__ModuleLoader__.load({
 			}, (0, react.createElement)("div", { className: "lks-zone-h" }, tr(labelKey)), ...lesson.notes.filter((n) => n.zone === zone).map((n) => (0, react.createElement)("div", {
 				key: n.id,
 				className: "lks-note"
-			}, (0, react.createElement)("span", { className: "lks-note-src" }, n.source), (0, react.createElement)("div", { className: "lks-note-title" }, n.title), (0, react.createElement)("div", {
+			}, (0, react.createElement)("span", { className: "lks-note-src" }, n.source), (0, react.createElement)("button", {
+				className: `lks-note-del${armedNote === n.id ? " armed" : ""}`,
+				title: armedNote === n.id ? tr("note.delete.confirm") : tr("note.delete"),
+				"aria-label": armedNote === n.id ? tr("note.delete.confirm") : tr("note.delete"),
+				onClick: (e) => {
+					e.stopPropagation();
+					if (armedNote !== n.id) {
+						setArmedNote(n.id);
+						return;
+					}
+					setArmedNote(null);
+					fire(deleteNote(lesson.lessonId, n.id));
+				}
+			}, (0, react.createElement)(IconTrashOutline16, { size: 12 })), (0, react.createElement)("div", { className: "lks-note-title" }, n.title), (0, react.createElement)("div", {
 				className: "lks-note-text",
 				dangerouslySetInnerHTML: { __html: renderMarkdown(n.text) }
 			}), n.quote !== null ? (0, react.createElement)("div", { className: "lks-note-q" }, `“${n.quote}”`) : null))))));
-			return (0, react.createElement)("div", { className: "lks-col lks-col-bb" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.bb")), body);
+			return (0, react.createElement)("div", { className: "lks-col lks-col-bb" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.bb")), body, (0, react.createElement)(ActionError, { error }));
 		}
 		//#endregion
 		//#region src/client/starter.tsx
@@ -2669,8 +2743,9 @@ window.__ModuleLoader__.load({
 		* @returns the component for `conversation.input.left`.
 		*/
 		function studyStartButton(ctx) {
-			return function StudyStartButton({ session }) {
-				if (session?.blank !== true) return null;
+			return function StudyStartButton(props) {
+				const machine = props.useSession?.((s) => s);
+				if ((props.session?.blank ?? machine?.blank) !== true) return null;
 				return (0, react.createElement)(Inner, {
 					key: "inner",
 					ctx
@@ -2693,7 +2768,7 @@ window.__ModuleLoader__.load({
 						if (!area.ok) throw new Error(`study area unavailable (HTTP ${area.status})`);
 						const { path } = await area.json();
 						const workspace = await ctx.workspaces.create({ path });
-						const sessionId = await ctx.workspaces.connectWorkspace(workspace.workspaceId);
+						const sessionId = ctx.workspaces.connectWorkspace !== void 0 ? await ctx.workspaces.connectWorkspace(workspace.workspaceId) : await ctx.sessions.create({ workspaceId: workspace.workspaceId });
 						const actx = ctx.sessions.scope(sessionId);
 						const face = actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx);
 						if (face === void 0) throw new Error("study session is not addressable yet");