dsh-plugin-lookatstudy 0.8.1

package/lib/client.js

@@ -0,0 +1,1214 @@
+window.__ModuleLoader__.load({
+	id: "dsh-plugin-lookatstudy",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		//#region src/client/styles.ts
+		/**
+		* Style injection for the study tab: one `<style>` element of `.lks-*`
+		* classes authored against the dsh `--dsw-*` design tokens, so the tab
+		* follows the app's theme (light/dark) instead of carrying its own palette.
+		* CSS Modules are unavailable to patch-layer bundles, so the stylesheet is
+		* injected once at client-plugin apply; the `data-` attribute keeps the
+		* injection idempotent.
+		* @module dsh-plugin-lookatstudy/client/styles
+		*/
+		/** Marker attribute proving the stylesheet is already in the document. */
+		const STYLE_ID = "data-dsh-plugin-lookatstudy";
+		/**
+		* The study tab's stylesheet. Class names are `lks-*` namespaced; colors,
+		* fonts, and radii come from `--dsw-*` tokens wherever the concept exists.
+		*/
+		const CSS = `
+.lks-root{font-family:var(--dsw-font-family)}
+.lks-root :where(button){font-family:var(--dsw-font-family);cursor:pointer;border:none;background:none;padding:0}
+.lks-root :where(a){color:var(--dsw-alias-state-business-primary)}
+
+/* ── the study tab: composer-width center, self-scrolling flanks ──
+   data-conversation-composer-overlay (set on the root element) opts the
+   view into the host's overlay mode: viewArea becomes a fixed-height
+   non-growing host and the composer floats over the tab's bottom band, so
+   the tab itself never feeds the page scroll. The bottom padding clears the
+   floating composer via the host-published live --dsh-composer-height. The
+   center strip reuses the conversation column's width axis
+   (--dsh-composer-card-max-width inherits from ConversationRoot's root), so
+   the tutor transcript is exactly as wide as the native composer; the
+   flanking columns absorb the remaining width and scroll independently. */
+.lks-study{height:100%;min-height:0;width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;padding:10px 14px calc(var(--dsh-composer-height, 152px) + 12px);color:var(--dsw-alias-label-primary);container:lksstudy/inline-size}
+/* Direction carrier (a container query cannot style the container itself). */
+.lks-body{flex:1;min-height:0;min-width:0;display:flex;gap:16px}
+.lks-col{display:flex;flex-direction:column;min-width:0}
+.lks-colhead{flex:none;font-size:12px;font-weight:600;color:var(--dsw-alias-label-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
+.lks-col-rail{flex:1 1 0;min-width:190px;overflow-y:auto;padding:2px 6px}
+.lks-col-tutor{flex:0 0 auto;width:min(100%,var(--dsh-composer-card-max-width,780px))}
+.lks-col-bb{flex:1 1 0;min-width:230px;overflow-y:auto;padding:2px 6px}
+/* narrow (<1220px): one composer-width pane at a time, chosen by a centered
+   segmented pill group (joined buttons in one capsule — button language, not
+   tab language, against the host's view tabs right above). */
+.lks-switch{display:none;flex-direction:row;gap:2px;align-self:center;margin-bottom:10px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:999px;padding:3px}
+.lks-switch-btn{border-radius:999px;padding:5px 18px;font-size:14px;color:var(--dsw-alias-label-tertiary);background:transparent;transition:background .12s ease,color .12s ease}
+.lks-switch-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
+.lks-switch-btn.on{background:var(--dsw-alias-state-business-primary);color:#fff;font-weight:600}
+@container lksstudy (max-width: 1220px){
+  .lks-body{flex-direction:column}
+  .lks-switch{display:flex}
+  .lks-colhead{display:none}
+  .lks-col{flex:1 1 auto;min-height:0;width:auto;overflow-y:auto}
+  .lks-col-tutor{width:min(100%,var(--dsh-composer-card-max-width,780px));overflow:hidden;display:flex;flex-direction:column}
+  .lks-study[data-pane='rail'] .lks-col-tutor,.lks-study[data-pane='rail'] .lks-col-bb,
+  .lks-study[data-pane='tutor'] .lks-col-rail,.lks-study[data-pane='tutor'] .lks-col-bb,
+  .lks-study[data-pane='bb'] .lks-col-rail,.lks-study[data-pane='bb'] .lks-col-tutor{display:none}
+}
+
+/* ── left column: course rail ── */
+.lks-rail-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}
+.lks-rail-head .lks-rail-select{flex:1;min-width:0;margin-bottom:0}
+.lks-rail-head .lks-btn{padding:3px 8px;font-size:13px}
+.lks-rail-title{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lks-rail-sub{font-size:13px;color:var(--dsw-alias-label-tertiary);margin:4px 0 6px}
+.lks-masterybar{height:5px;border-radius:3px;background:var(--dsw-alias-bg-layer-3);overflow:hidden;margin-bottom:8px}
+.lks-masterybar i{display:block;height:100%;background:var(--dsw-alias-state-business-primary);transition:width .3s ease}
+.lks-masterybar.gold i{background:var(--dsw-alias-state-warn-primary)}
+.lks-search{width:100%;box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:13.5px;padding:5px 9px;margin-bottom:4px}
+.lks-search:focus{outline:none;border-color:var(--dsw-alias-state-business-primary)}
+.lks-sec-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label);font-size:11px;font-weight:700;margin-right:4px}
+.lks-tag.due{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}
+.lks-import{margin-top:8px}
+.lks-import .lks-inputrow{margin-top:0}
+.lks-inputrow{display:flex;gap:8px;align-items:flex-end;flex:none;margin-top:8px}
+.lks-input{flex:1;min-width:0;resize:none;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:14px;line-height:1.6;padding:8px 10px}
+.lks-input:focus{outline:none;border-color:var(--dsw-alias-state-business-primary)}
+.lks-input:disabled{opacity:.55}
+.lks-import-hint{font-size:12.5px;color:var(--dsw-alias-label-tertiary);margin-top:6px;line-height:1.7}
+.lks-duebox{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 12px;margin:8px 0 14px;font-size:13.5px}
+.lks-duebox .lks-due-item{color:var(--dsw-alias-label-secondary);margin-top:4px;display:flex;justify-content:space-between;gap:10px}
+.lks-duebox .lks-over{color:var(--dsw-alias-state-warn-label);flex:none}
+
+.lks-sec{font-size:12px;color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 4px}
+.lks-node{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;margin:1px 0;cursor:pointer}
+.lks-node:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.lks-node.focus{background:var(--dsw-alias-bg-layer-3);outline:1px solid var(--dsw-alias-border-l2)}
+.lks-node .lks-g{width:18px;text-align:center;flex:none}
+.lks-node .lks-t{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lks-node.locked{opacity:.45;cursor:not-allowed}
+.lks-node.locked:hover{background:none}
+.lks-tag{font-size:11px;border-radius:4px;padding:0 4px;flex:none}
+.lks-tag.weak{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}
+.lks-tag.fric{background:var(--dsw-alias-state-error-primary);color:#fff}
+.lks-bar{width:44px;height:4px;border-radius:2px;background:var(--dsw-alias-bg-layer-3);overflow:hidden;flex:none}
+.lks-bar i{display:block;height:100%;background:var(--dsw-alias-state-success-primary)}
+.lks-pct{font-size:12px;color:var(--dsw-alias-label-tertiary);flex:none;width:32px;text-align:right}
+
+.lks-empty{color:var(--dsw-alias-label-tertiary);text-align:center;padding:48px 8px;font-size:14px;line-height:2}
+
+/* ── middle column: the tutor ── */
+.lks-transcript{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}
+.lks-msg{max-width:94%;font-size:16px;line-height:1.7;border-radius:12px;padding:8px 12px;word-break:break-word}
+.lks-msg.user{align-self:flex-end;white-space:pre-wrap;background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish)}
+.lks-msg.assistant{align-self:flex-start;background:var(--dsw-alias-bg-layer-2)}
+.lks-msg.streaming{opacity:.7}
+.lks-msg.thinking{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dsw-alias-label-tertiary);background:none;border-radius:0;padding:2px}
+.lks-msg.tool{align-self:flex-start;font-size:12px;color:var(--dsw-alias-label-tertiary);background:none;border-radius:0;padding:1px 2px}
+.lks-msg.tool.ok{color:var(--dsw-alias-state-success-primary)}
+.lks-msg.tool.bad{color:var(--dsw-alias-state-error-primary)}
+.lks-msg.error{align-self:stretch;color:var(--dsw-alias-state-error-primary);font-size:13px;background:none;border-radius:0;padding:1px 2px}
+/* quiz-taking surface: the tutor's A–D options become clickable answers on the last settled reply */
+.lks-turn{display:flex;flex-direction:column;align-items:flex-start;max-width:94%}
+.lks-quiz{display:flex;flex-direction:column;gap:6px;width:100%;margin:2px 0 4px}
+.lks-opt{display:flex;align-items:baseline;gap:10px;text-align:left;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:8px 14px;font-size:14px;line-height:1.5;color:var(--dsw-alias-label-secondary);cursor:pointer;font-family:inherit;transition:border-color .12s ease,color .12s ease,background .12s ease}
+.lks-opt:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-state-business-tertiary)}
+.lks-opt:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3);outline:none}
+.lks-optletter{font-weight:700;color:var(--dsw-alias-label-primary-bluish);flex:none}
+
+/* soul pills (native tool-row trigger language: 28px transparent, tinted active) */
+.lks-pills{display:inline-flex;align-items:center;height:28px}
+.lks-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:none;border-radius:24px;background:transparent;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px;font-weight:500;transition:background .12s ease,color .12s ease}
+.lks-pill:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
+.lks-pill:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3);outline:none}
+.lks-pill.on{background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish)}
+.lks-pill.on:hover{background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish)}
+
+/* ic_ds_* glyph carriers + busy spinner (native .8s linear spin) */
+@keyframes lks-spin{to{transform:rotate(360deg)}}
+.lks-spin{animation:lks-spin .8s linear infinite}
+
+/* starter chips */
+.lks-dock{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 2px 6px;flex:none}
+.lks-starter{border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);transition:border-color .12s ease,color .12s ease}
+.lks-starter:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-primary)}
+
+/* proposal banner + shared buttons */
+.lks-banner{display:flex;align-items:center;gap:10px;background:var(--dsw-alias-state-warn-tertiary);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:10px 14px;margin:8px 0;font-size:14px;flex:none}
+.lks-banner .lks-why{flex:1;color:var(--dsw-alias-label-secondary)}
+.lks-btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 14px;font-size:13.5px;font-weight:600;flex:none}
+.lks-btn.primary{background:var(--dsw-alias-state-business-primary);color:#fff}
+.lks-btn.primary:hover{filter:brightness(1.1)}
+.lks-btn.primary:disabled{opacity:.5;cursor:default;filter:none}
+.lks-btn.ghost{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2)}
+.lks-btn.ghost:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3)}
+
+/* ── right column: blackboard ── */
+.lks-lessonhead h2{font-size:18px;margin:0 0 4px;font-weight:700}
+.lks-lessonhead .lks-meta{color:var(--dsw-alias-label-tertiary);font-size:13px;margin-bottom:4px}
+.lks-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
+.lks-chip{border-radius:999px;padding:2px 10px;font-size:12.5px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}
+.lks-chip.weak{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}
+
+/* rendered markdown (host-sanitized lesson bodies and assistant replies) */
+.lks-prose{font-size:16px;line-height:1.75}
+.lks-prose h1,.lks-prose h2,.lks-prose h3,.lks-prose h4{margin:14px 0 6px;line-height:1.4}
+.lks-prose p{margin:6px 0}
+.lks-prose pre{background:var(--dsw-alias-markdown-code-block);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px;overflow-x:auto;margin:8px 0;font-size:13.5px;font-family:var(--dsw-font-markdown-code-block-small)}
+.lks-prose code{font-family:var(--dsw-font-markdown-code);background:var(--dsw-alias-bg-layer-3);border-radius:4px;padding:1px 5px;font-size:.92em}
+.lks-prose pre code{background:none;padding:0}
+.lks-prose table{border-collapse:collapse;margin:8px 0}
+.lks-prose th,.lks-prose td{border:1px solid var(--dsw-alias-border-l2);padding:5px 11px;font-size:14px}
+.lks-prose th{background:var(--dsw-alias-bg-layer-2)}
+.lks-prose blockquote{border-left:3px solid var(--dsw-alias-state-business-primary);padding:2px 12px;color:var(--dsw-alias-label-secondary);margin:8px 0}
+.lks-prose ul,.lks-prose ol{padding-left:22px;margin:6px 0}
+.lks-prose img{max-width:100%}
+
+/* Cornell notes zones */
+.lks-bb-notes{margin-top:14px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l1)}
+.lks-zone{margin-bottom:14px}
+.lks-zone h4{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:10px;color:var(--dsw-alias-label-tertiary)}
+.lks-note .lks-note-title{font-weight:600;font-size:13px}
+.lks-note .lks-note-text{margin-top:4px;white-space:pre-wrap;font-size:13px;color:var(--dsw-alias-label-secondary)}
+.lks-note .lks-note-q{margin-top:6px;color:var(--dsw-alias-label-tertiary);font-size:12px;border-left:2px solid var(--dsw-alias-state-warn-primary);padding-left:8px}
+
+/* inline error text (write-action failures) */
+.lks-propcard-err{color:var(--dsw-alias-state-error-primary);font-size:12px;margin-top:6px;flex:none}
+`;
+		/**
+		* Inject the study stylesheet into `document.head` (idempotent).
+		* @returns the stylesheet element (existing one when already injected).
+		*/
+		function ensureStudyStyles() {
+			const existing = document.head.querySelector(`style[${STYLE_ID}]`);
+			if (existing !== null) return existing;
+			const style = document.createElement("style");
+			style.setAttribute(STYLE_ID, "");
+			style.textContent = CSS;
+			document.head.appendChild(style);
+			return style;
+		}
+		//#endregion
+		//#region src/client/icons.tsx
+		/**
+		* 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.
+		* @module dsh-plugin-lookatstudy/client/icons
+		*/
+		/** ic_ds_think_outline_16 */
+		function IconThinkOutline16({ size = 16, className }) {
+			return (0, react.createElement)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, (0, react.createElement)("path", {
+				d: "M8.00192 6.64454C8.75026 6.64454 9.35732 7.25169 9.35739 8.00001C9.35739 8.74838 8.7503 9.35548 8.00192 9.35548C7.25367 9.35533 6.64743 8.74829 6.64743 8.00001C6.6475 7.25178 7.25371 6.64468 8.00192 6.64454Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M9.97165 1.29981C11.5853 0.718916 13.271 0.642197 14.3144 1.68555C15.3577 2.72902 15.2811 4.41466 14.7002 6.02833C14.4707 6.66561 14.1504 7.32937 13.75 8.00001C14.1504 8.67062 14.4707 9.33444 14.7002 9.97169C15.2811 11.5854 15.3578 13.271 14.3144 14.3145C13.271 15.3579 11.5854 15.2811 9.97165 14.7002C9.3344 14.4708 8.67059 14.1505 7.99997 13.75C7.32933 14.1505 6.66558 14.4708 6.02829 14.7002C4.41461 15.2811 2.72899 15.3578 1.68552 14.3145C0.642155 13.271 0.71887 11.5854 1.29977 9.97169C1.52915 9.33454 1.84865 8.67049 2.24899 8.00001C1.84866 7.32953 1.52915 6.66544 1.29977 6.02833C0.718852 4.41459 0.64207 2.729 1.68552 1.68555C2.72897 0.642112 4.41456 0.718887 6.02829 1.29981C6.66541 1.52918 7.32949 1.8487 7.99997 2.24903C8.67045 1.84869 9.33451 1.52919 9.97165 1.29981ZM12.9404 9.2129C12.4391 9.893 11.8616 10.5681 11.2148 11.2149C10.568 11.8616 9.89296 12.4391 9.21286 12.9404C9.62532 13.1579 10.0271 13.338 10.4121 13.4766C11.9146 14.0174 12.9172 13.8738 13.3955 13.3955C13.8737 12.9173 14.0174 11.9146 13.4765 10.4121C13.3379 10.0271 13.1578 9.62535 12.9404 9.2129ZM3.05856 9.2129C2.84121 9.62523 2.66197 10.0272 2.52341 10.4121C1.98252 11.9146 2.12627 12.9172 2.60446 13.3955C3.08278 13.8737 4.08544 14.0174 5.58786 13.4766C5.97264 13.338 6.37389 13.1577 6.7861 12.9404C6.10624 12.4393 5.43168 11.8614 4.78513 11.2149C4.13823 10.5679 3.55992 9.89313 3.05856 9.2129ZM7.99899 3.792C7.23179 4.31419 6.45306 4.95512 5.70407 5.70411C4.95509 6.45309 4.31415 7.23184 3.79196 7.99903C4.3143 8.76666 4.95471 9.54653 5.70407 10.2959C6.45309 11.0449 7.23271 11.6848 7.99997 12.207C8.76725 11.6848 9.54683 11.0449 10.2959 10.2959C11.0449 9.54686 11.6848 8.76729 12.207 8.00001C11.6848 7.23275 11.0449 6.45312 10.2959 5.70411C9.5465 4.95475 8.76662 4.31434 7.99899 3.792ZM5.58786 2.52344C4.08533 1.98255 3.08272 2.12625 2.60446 2.6045C2.12621 3.08275 1.98252 4.08536 2.52341 5.5879C2.66189 5.97253 2.8414 6.37409 3.05856 6.78614C3.55983 6.10611 4.1384 5.43189 4.78513 4.78516C5.43186 4.13843 6.10606 3.55987 6.7861 3.0586C6.37405 2.84144 5.97249 2.66192 5.58786 2.52344ZM13.3955 2.6045C12.9172 2.12631 11.9146 1.98257 10.4121 2.52344C10.0272 2.66201 9.62519 2.84125 9.21286 3.0586C9.8931 3.55996 10.5679 4.13827 11.2148 4.78516C11.8614 5.43172 12.4392 6.10627 12.9404 6.78614C13.1577 6.37393 13.338 5.97267 13.4765 5.5879C14.0174 4.08549 13.8736 3.08281 13.3955 2.6045Z",
+				fill: "currentColor"
+			}));
+		}
+		/** ic_ds_loading_outline_16 */
+		function IconLoadingOutline16({ size = 16, className }) {
+			return (0, react.createElement)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, (0, react.createElement)("path", {
+				d: "M2.871 13.1286C0.0387669 10.2962 0.0387669 5.70383 2.871 2.87141C5.70341 0.0390029 10.2957 0.0391154 13.1282 2.87141L12.1387 3.86094C9.85292 1.57538 6.1469 1.57596 3.86123 3.86163C1.57573 6.14732 1.57573 9.85269 3.86123 12.1384C6.1469 14.424 9.85292 14.4246 12.1387 12.1391L13.1282 13.1286C10.2957 15.9609 5.70341 15.961 2.871 13.1286Z",
+				fill: "currentColor"
+			}));
+		}
+		/** ic_ds_download_outline_16 */
+		function IconDownloadOutline16({ size = 16, className }) {
+			return (0, react.createElement)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, (0, react.createElement)("path", {
+				d: "M15.3695 11.411L15.1234 12.8866C14.8869 14.3042 13.6603 15.3436 12.223 15.3436H3.77673C2.33958 15.3434 1.1128 14.3042 0.876343 12.8866L0.630249 11.411L2.05408 11.1747L2.29919 12.6493C2.41973 13.3713 3.04475 13.9001 3.77673 13.9003H12.223C12.9551 13.9002 13.58 13.3713 13.7006 12.6493L13.9457 11.1747L15.3695 11.411ZM8.72205 8.994C8.77717 8.93934 8.83792 8.88106 8.90271 8.81627L12.4828 5.23424L13.5043 6.25572L9.92224 9.8358C9.6395 10.1185 9.38763 10.3732 9.15857 10.5575C8.91892 10.7503 8.63953 10.9224 8.2865 10.9784C8.09711 11.0083 7.90363 11.0083 7.71423 10.9784C7.36106 10.9224 7.0809 10.7503 6.84119 10.5575C6.61215 10.3732 6.36022 10.1185 6.07751 9.8358L2.49646 6.25572L3.51697 5.23424L7.09705 8.81627C7.16219 8.88142 7.22331 8.94006 7.27869 8.99498V1.3065H8.72205V8.994Z",
+				fill: "currentColor"
+			}));
+		}
+		//#endregion
+		//#region src/client/data.ts
+		/**
+		* Shared client-side study store: one module-level poller over the host
+		* plugin's `/lookatstudy/api/state` endpoint, plus the three write actions
+		* (focus, mode, reverse message). Every seat component binds through
+		* {@link useStudy}; subscribers share the single 3 s poll cycle and the last
+		* snapshot, so mounting more controls costs no extra requests.
+		* @module dsh-plugin-lookatstudy/client/data
+		*/
+		/** Poll cadence for the shared store; one cycle serves every mounted seat. */
+		const POLL_MS = 3e3;
+		async function fetchJson(url, init) {
+			const res = await fetch(url, init);
+			const body = await res.json().catch(() => null);
+			if (!res.ok) {
+				const error = body !== null && typeof body === "object" && "error" in body && typeof body.error === "string" ? body.error : `HTTP ${res.status}`;
+				throw new Error(error);
+			}
+			return body;
+		}
+		var StudyStore = class {
+			snapshot = null;
+			listeners = /* @__PURE__ */ new Set();
+			timer;
+			inflight = false;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				if (this.listeners.size === 1) {
+					this.tick();
+					this.timer = setInterval(() => {
+						this.tick();
+					}, POLL_MS);
+				}
+				return () => {
+					this.listeners.delete(listener);
+					if (this.listeners.size === 0 && this.timer !== void 0) {
+						clearInterval(this.timer);
+						this.timer = void 0;
+					}
+				};
+			};
+			getSnapshot = () => this.snapshot;
+			emit() {
+				for (const listener of this.listeners) listener();
+			}
+			async tick() {
+				if (this.inflight) return;
+				this.inflight = true;
+				try {
+					const next = await fetchJson("/lookatstudy/api/state");
+					this.snapshot = next;
+					this.emit();
+				} catch {} finally {
+					this.inflight = false;
+				}
+			}
+			/** One immediate re-read (after a write action). */
+			refresh() {
+				this.tick();
+			}
+			/** Switch the tutor's soul mode directly (host persists and applies it on the next request). */
+			async setMode(mode) {
+				await fetchJson("/lookatstudy/api/mode", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ mode })
+				});
+				this.refresh();
+			}
+			/** Point the tutor's focus at one lesson. */
+			async setFocus(lessonId) {
+				await fetchJson("/lookatstudy/api/focus", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ lessonId })
+				});
+				this.refresh();
+			}
+			/** Record the dsh session backing one lesson (the simplified thread system). */
+			async bindLessonSession(lessonId, sessionId) {
+				await fetchJson("/lookatstudy/api/lesson-session", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						lessonId,
+						sessionId
+					})
+				});
+				this.refresh();
+			}
+			/** Delete one course (and its proposals) from the host state. */
+			async deleteCourse(courseId) {
+				await fetchJson("/lookatstudy/api/course/delete", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ courseId })
+				});
+				this.refresh();
+			}
+		};
+		/** The one shared store instance backing every study seat component. */
+		const studyStore = new StudyStore();
+		/** React binding: live snapshot plus the write actions. */
+		function useStudy() {
+			return {
+				data: (0, react.useSyncExternalStore)(studyStore.subscribe, studyStore.getSnapshot, studyStore.getSnapshot),
+				setMode: studyStore.setMode.bind(studyStore),
+				setFocus: studyStore.setFocus.bind(studyStore),
+				deleteCourse: studyStore.deleteCourse.bind(studyStore),
+				bindLessonSession: studyStore.bindLessonSession.bind(studyStore)
+			};
+		}
+		//#endregion
+		//#region src/markdown.ts
+		/**
+		* Server-side markdown → HTML for the study workbench's 讲解 view. Escapes
+		* every HTML character first, then renders a pragmatic GFM subset (headings,
+		* fenced code, inline code, bold/italic, links, lists, blockquotes, tables,
+		* hr, paragraphs). Lesson bodies are imported teaching material, so raw HTML
+		* never passes through.
+		* @module dsh-plugin-lookatstudy/markdown
+		*/
+		/** Escape all HTML-significant characters. */
+		function escapeHtml(text) {
+			return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+		}
+		/** Render inline markup (code, bold, italic, links) over escaped text. */
+		function inline(escaped) {
+			return escaped.replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/\*([^*]+)\*/g, "<em>$1</em>").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noreferrer\">$1</a>");
+		}
+		/** True when the line opens a GFM table row (pipes with a delimiter row next). */
+		function isTableRow(line) {
+			return line.trim().startsWith("|") && line.trim().endsWith("|") && line.includes("|", 1);
+		}
+		function isDelimiterRow(line) {
+			const trimmed = line.trim();
+			if (!trimmed.startsWith("|") || !trimmed.endsWith("|")) return false;
+			const cells = trimmed.replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+			return cells.length > 0 && cells.every((c) => /^:?-+:?$/.test(c));
+		}
+		/** Split a table row into trimmed cells (leading/trailing pipes removed). */
+		function rowCells(line) {
+			return line.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+		}
+		/**
+		* Render markdown text to sanitized HTML.
+		* @param md - markdown source (lesson body).
+		* @returns HTML string safe to inject into the page.
+		*/
+		function renderMarkdown(md) {
+			const lines = escapeHtml(md).split(/\r?\n/);
+			const out = [];
+			let i = 0;
+			const flushParagraph = (buffer) => {
+				if (buffer.length > 0) out.push(`<p>${inline(buffer.join(" "))}</p>`);
+			};
+			let paragraph = [];
+			while (i < lines.length) {
+				const line = lines[i];
+				const fence = /^```(\w*)\s*$/.exec(line.trim());
+				if (fence) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const lang = fence[1] ?? "";
+					const code = [];
+					i++;
+					while (i < lines.length && lines[i].trim() !== "```") {
+						code.push(lines[i]);
+						i++;
+					}
+					i++;
+					out.push(`<pre><code${lang === "" ? "" : ` class="lang-${lang}"`}>${code.join("\n")}</code></pre>`);
+					continue;
+				}
+				const heading = /^(#{1,6})\s+(.*)$/.exec(line);
+				if (heading) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const level = heading[1].length;
+					out.push(`<h${level}>${inline(heading[2])}</h${level}>`);
+					i++;
+					continue;
+				}
+				if (/^\s*(-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					out.push("<hr>");
+					i++;
+					continue;
+				}
+				if (/^\s*&gt;\s?/.test(line)) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const quote = [];
+					while (i < lines.length && /^\s*&gt;\s?/.test(lines[i])) {
+						quote.push(lines[i].replace(/^\s*&gt;\s?/, ""));
+						i++;
+					}
+					out.push(`<blockquote><p>${inline(quote.join(" "))}</p></blockquote>`);
+					continue;
+				}
+				if (/^\s*[-*+]\s+/.test(line)) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const items = [];
+					while (i < lines.length && /^\s*[-*+]\s+/.test(lines[i])) {
+						items.push(`<li>${inline(lines[i].replace(/^\s*[-*+]\s+/, ""))}</li>`);
+						i++;
+					}
+					out.push(`<ul>${items.join("")}</ul>`);
+					continue;
+				}
+				if (/^\s*\d+\.\s+/.test(line)) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const items = [];
+					while (i < lines.length && /^\s*\d+\.\s+/.test(lines[i])) {
+						items.push(`<li>${inline(lines[i].replace(/^\s*\d+\.\s+/, ""))}</li>`);
+						i++;
+					}
+					out.push(`<ol>${items.join("")}</ol>`);
+					continue;
+				}
+				if (isTableRow(line) && i + 1 < lines.length && isDelimiterRow(lines[i + 1])) {
+					flushParagraph(paragraph);
+					paragraph = [];
+					const headers = rowCells(line);
+					i += 2;
+					const rows = [];
+					while (i < lines.length && isTableRow(lines[i])) {
+						const cells = rowCells(lines[i]);
+						rows.push(`<tr>${cells.map((c) => `<td>${inline(c)}</td>`).join("")}</tr>`);
+						i++;
+					}
+					out.push(`<table><thead><tr>${headers.map((h) => `<th>${inline(h)}</th>`).join("")}</tr></thead><tbody>${rows.join("")}</tbody></table>`);
+					continue;
+				}
+				if (line.trim() === "") {
+					flushParagraph(paragraph);
+					paragraph = [];
+					i++;
+					continue;
+				}
+				paragraph.push(line.trim());
+				i++;
+			}
+			flushParagraph(paragraph);
+			return out.join("\n");
+		}
+		//#endregion
+		//#region src/client/views.tsx
+		/**
+		* The study tab: one `conversation.view` entry rendering the whole plugin —
+		* a simplified LookatStudy inside dsh, three columns in the tab. Left: the
+		* course map (selector, tree, due box, one-click demo import). Middle: the
+		* tutor conversation — a read-only mini transcript folded from the session
+		* snapshot (user text, assistant text rendered through the plugin's own
+		* markdown pipeline, tool chips) plus the soul pills, starters, pending
+		* proposal banner, and a reverse-channel input. Right: the blackboard —
+		* focus-lesson 讲解 and the Cornell 笔记 zones. Nothing outside this tab
+		* touches dsh chrome.
+		* @module dsh-plugin-lookatstudy/client/views
+		*/
+		/** The three souls, in pill order (labels from LookatStudy's mode switcher). */
+		const MODES = [
+			{
+				id: "direct",
+				label: "直讲",
+				hint: "direct 精讲:先讲清楚,再确认懂没懂"
+			},
+			{
+				id: "guide",
+				label: "引导",
+				hint: "guide 引导:让你自己往前推一步,导师递台阶"
+			},
+			{
+				id: "practice",
+				label: "实战",
+				hint: "practice 实战:在真实世界的乱问题里学"
+			}
+		];
+		/** Zone labels for the Cornell notebook (understand / record / practice). */
+		const ZONES = [
+			["understand", "🧠 理解区 — 知识结构"],
+			["record", "📝 记录区 — 我的话"],
+			["practice", "✍️ 练习区 — 答题日志"]
+		];
+		/** Status glyph for one lesson row (LookatStudy's map icons). */
+		function glyph(kind, status) {
+			if (kind === "exam") return "🎯";
+			if (status === "mastered") return "👑";
+			if (status === "in_progress") return "📖";
+			if (status === "available") return "⭐";
+			return "🔒";
+		}
+		/** LookatStudy's exam gate: an exam node opens only when every sibling study lesson reached mastery ≥50%. */
+		function examOpen(lessons) {
+			return lessons.every((l) => l.kind !== "study" || (l.masteryPct ?? 0) >= 50);
+		}
+		/** Multi-keyword AND title filter (LookatStudy course-tree-filter). */
+		function titleMatches(title, query) {
+			return query.trim().toLowerCase().split(/\s+/).filter(Boolean).every((k) => title.toLowerCase().includes(k));
+		}
+		/** The rail's import row: a GitHub URL input plus the paste/folder hints. */
+		function ImportRow({ send }) {
+			const [url, setUrl] = (0, react.useState)("");
+			return (0, react.createElement)("div", { className: "lks-import" }, (0, react.createElement)("div", { className: "lks-inputrow" }, (0, react.createElement)("input", {
+				className: "lks-input",
+				type: "url",
+				placeholder: "GitHub 仓库链接,如 microsoft/AI-For-Beginners",
+				value: url,
+				onChange: (e) => {
+					setUrl(e.target.value);
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && url.trim() !== "") send(`导入课程:用 study_import_github 抓取 ${url.trim()}`);
+				}
+			}), (0, react.createElement)("button", {
+				className: "lks-btn primary",
+				disabled: url.trim() === "",
+				onClick: () => {
+					send(`导入课程:用 study_import_github 抓取 ${url.trim()}`);
+				}
+			}, "导入")), (0, react.createElement)("div", { className: "lks-import-hint" }, "粘贴 markdown → 说「导入为课程」", (0, react.createElement)("br"), "本地文件夹 → 说「导入 D:/path/to/folder」"));
+		}
+		/**
+		* Tooltip text for one course-tree status glyph. Pure.
+		* @param kind - lesson kind ('study' | 'practice' | 'exam').
+		* @param status - lesson status ('locked' | 'available' | 'in_progress' | 'mastered').
+		*/
+		function statusTitle(kind, status) {
+			if (kind === "exam") return "章节测验:本节全部课时掌握度 ≥50% 后开放";
+			switch (status) {
+				case "mastered": return "已毕业:掌握度 ≥90%(或你接受了掌握提案)";
+				case "in_progress": return "学习中:已开课,掌握度从 50% 起步";
+				case "available": return "可开始:已解锁,尚未学习";
+				default: return "未解锁:先完成前面的课时";
+			}
+		}
+		/**
+		* Extract the last quiz option block (2–4 consecutive `A. …` `B. …` lines,
+		* letters strictly consecutive from A) from an assistant reply — the raw text
+		* of the tutor's question becomes the clickable answer surface. Pure.
+		* @param text - one assistant reply's markdown.
+		* @returns the options of the last valid block, or [] when none.
+		*/
+		function quizOptions(text) {
+			const runs = [];
+			let run = [];
+			const flush = () => {
+				if (run.length >= 2) runs.push(run);
+				run = [];
+			};
+			for (const line of text.split("\n")) {
+				const match = /^([A-D])[.、:)]\s+(.+)$/.exec(line.trim());
+				if (match === null) {
+					flush();
+					continue;
+				}
+				const nextLetter = run.length === 0 ? "A" : String.fromCharCode(run[run.length - 1].letter.charCodeAt(0) + 1);
+				if (match[1] === nextLetter) run.push({
+					letter: match[1],
+					text: match[2]
+				});
+				else {
+					flush();
+					if (match[1] === "A") run.push({
+						letter: match[1],
+						text: match[2]
+					});
+				}
+			}
+			flush();
+			return runs.at(-1) ?? [];
+		}
+		/**
+		* Learning-aware label for one settled tool call; null keeps the generic
+		* 🔧-name chip. Pure.
+		* @param name - tool call name.
+		* @param argsRaw - the call's raw JSON args.
+		*/
+		function toolChipLabel(name, argsRaw) {
+			if (name === "study_record_answer") {
+				let concept = "未归因";
+				let correct = false;
+				try {
+					const args = JSON.parse(argsRaw);
+					if (typeof args.concept === "string" && args.concept !== "") concept = args.concept;
+					correct = args.correct === true;
+				} catch {}
+				return correct ? {
+					label: `✓ 答对 · ${concept}`,
+					tone: "ok"
+				} : {
+					label: `✗ 答错 · ${concept}`,
+					tone: "bad"
+				};
+			}
+			if (name === "study_import_github" || name === "study_import_markdown" || name === "study_import_folder") return {
+				label: "📦 导入课程",
+				tone: "ok"
+			};
+			if (name === "study_define_concepts") return {
+				label: "🧠 提炼知识点",
+				tone: "ok"
+			};
+			return null;
+		}
+		function textOf(blocks) {
+			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();
+		}
+		/**
+		* Fold conversation nodes (plus the streaming partial) into render rows;
+		* tool activity condenses to one muted chip per settled call.
+		* @param nodes - finalized conversation nodes from the snapshot.
+		* @param partial - the in-flight assistant partial, or null.
+		* @returns ordered rows; never mutates its inputs.
+		*/
+		function transcriptRows(nodes, partial) {
+			const rows = [];
+			for (const node of nodes) switch (node.kind) {
+				case "user":
+				case "steering": {
+					const text = textOf(node.content);
+					if (text !== "") rows.push({
+						key: `u${node.seq}`,
+						role: "user",
+						text
+					});
+					break;
+				}
+				case "assistant": {
+					const text = assistantText(node.blocks);
+					if (text !== "") rows.push({
+						key: `a${node.seq}`,
+						role: "assistant",
+						text
+					});
+					break;
+				}
+				case "tool-result":
+					rows.push({
+						key: `t${node.seq}`,
+						role: "tool",
+						text: node.call?.name ?? node.callId,
+						call: node.call
+					});
+					break;
+				case "turn-error":
+					rows.push({
+						key: `e${node.seq}`,
+						role: "error",
+						text: node.message
+					});
+					break;
+				default: break;
+			}
+			if (partial !== null) {
+				const text = assistantText(partial.blocks);
+				if (text !== "") rows.push({
+					key: "streaming",
+					role: "streaming",
+					text
+				});
+				else rows.push({
+					key: "thinking",
+					role: "thinking",
+					text: "导师思考中…"
+				});
+			}
+			return rows;
+		}
+		/** Small inline error surface for failed write actions. */
+		function ActionError({ error }) {
+			if (error === null) return null;
+			return (0, react.createElement)("div", { className: "lks-propcard-err" }, error);
+		}
+		/** 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. */
+		function pickPane(stored) {
+			return stored === "rail" || stored === "tutor" || stored === "bb" ? stored : "tutor";
+		}
+		/** Read the persisted pane; the try swallows only the SecurityError privacy modes throw on storage access — the fallback is the default pane. */
+		function storedPane() {
+			try {
+				return pickPane(sessionStorage.getItem(PANE_KEY));
+			} catch {
+				return "tutor";
+			}
+		}
+		/** The whole study tab. Wide = three columns (课程 | 导师 | 黑板); narrow (<1220px) = one composer-width pane with a three-way switcher. */
+		function studyView(ctx) {
+			return function StudyView(props) {
+				return (0, react.createElement)(StudyTab, {
+					...props,
+					ctx,
+					key: "tab"
+				});
+			};
+		}
+		/** Tab body: the factory-bound ctx carries workspaces/sessions for the per-lesson session jumps. */
+		function StudyTab({ useSession, inputActions, ctx }) {
+			const { data, setMode, setFocus, deleteCourse, bindLessonSession } = useStudy();
+			const snapshot = useSession((s) => s);
+			const [pane, setPane] = (0, react.useState)(storedPane);
+			const send = (text) => {
+				inputActions.setDraft(text);
+				inputActions.submit();
+			};
+			return (0, react.createElement)("div", {
+				className: "lks-root lks-study",
+				"data-conversation-composer-overlay": "",
+				"data-pane": pane
+			}, (0, react.createElement)("div", { className: "lks-body" }, (0, react.createElement)("div", { className: "lks-switch" }, ...[
+				{
+					id: "rail",
+					label: "课程"
+				},
+				{
+					id: "tutor",
+					label: "导师"
+				},
+				{
+					id: "bb",
+					label: "黑板"
+				}
+			].map((p) => (0, react.createElement)("button", {
+				key: p.id,
+				className: `lks-switch-btn${pane === p.id ? " on" : ""}`,
+				onClick: () => {
+					setPane(p.id);
+					try {
+						sessionStorage.setItem(PANE_KEY, p.id);
+					} catch {}
+				}
+			}, p.label))), (0, react.createElement)(CourseRail, {
+				data,
+				setFocus,
+				deleteCourse,
+				bindLessonSession,
+				send,
+				ctx,
+				currentSessionId: snapshot.sessionId
+			}), (0, react.createElement)(TutorColumn, {
+				data,
+				setMode,
+				send,
+				snapshot
+			}), (0, react.createElement)(BlackboardColumn, { data })));
+		}
+		/** Left column: course management (pick/delete/search/import), lesson tree, due box. */
+		function CourseRail({ data, setFocus, deleteCourse, bindLessonSession, send, ctx, currentSessionId }) {
+			const [jumping, setJumping] = (0, react.useState)(null);
+			/** Open (or mint) the lesson's own session — the simplified thread system. */
+			const openLessonThread = (lesson) => {
+				if (jumping !== null) return;
+				const mapped = data?.lessonSessions[lesson.id];
+				if (mapped === currentSessionId) {
+					setFocus(lesson.id).catch(reportError);
+					return;
+				}
+				if (mapped !== void 0 && ctx.sessions.binding(mapped) !== void 0) {
+					setFocus(lesson.id).catch(reportError);
+					ctx.sessions.open(mapped);
+					return;
+				}
+				setJumping(lesson.id);
+				setFocus(lesson.id).then(() => (async () => {
+					const area = await fetch("/lookatstudy/api/study-workspace");
+					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 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");
+					const result = await face.prompt([{
+						type: "text",
+						text: `学习「${lesson.title}」:用 study_lesson 打开这一课开始学习。`
+					}], "queue");
+					if (!result.ok) throw new Error(`lesson prompt rejected: ${result.error.code}: ${result.error.message}`);
+					await bindLessonSession(lesson.id, sessionId);
+					ctx.sessions.open(sessionId);
+				})()).then(() => {
+					setJumping(null);
+				}, (err) => {
+					reportError(err);
+					setJumping(null);
+				});
+			};
+			const [selectedCourse, setSelectedCourse] = (0, react.useState)("");
+			const [query, setQuery] = (0, react.useState)("");
+			const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
+			const [showImport, setShowImport] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const reportError = (err) => {
+				setError(err instanceof Error ? err.message : String(err));
+			};
+			const body = data === null ? (0, react.createElement)("div", { className: "lks-empty" }, "加载中…") : data.courses.length === 0 ? (0, react.createElement)("div", { className: "lks-empty" }, "暂无课程", (0, react.createElement)("br"), (0, react.createElement)("button", {
+				className: "lks-btn primary",
+				style: { margin: "10px 0" },
+				onClick: () => {
+					send("导入课程:用 study_import_github 抓取 https://github.com/microsoft/AI-For-Beginners");
+				}
+			}, (0, react.createElement)(IconDownloadOutline16, null), "导入示例课程"), (0, react.createElement)(ImportRow, { send })) : (() => {
+				const courseId = data.courses.some((c) => c.courseId === selectedCourse) ? selectedCourse : data.courses[0].courseId;
+				const course = data.courses.find((c) => c.courseId === courseId);
+				return (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "lks-rail-head" }, data.courses.length > 1 ? (0, react.createElement)("select", {
+					className: "lks-rail-select",
+					value: courseId,
+					onChange: (e) => {
+						setSelectedCourse(e.target.value);
+						setConfirmDelete(false);
+					}
+				}, ...data.courses.map((c) => (0, react.createElement)("option", {
+					key: c.courseId,
+					value: c.courseId
+				}, c.title))) : (0, react.createElement)("div", { className: "lks-rail-title" }, course.title), (0, react.createElement)("button", {
+					className: `lks-btn ${confirmDelete ? "primary" : "ghost"}`,
+					title: confirmDelete ? "再点一次确认删除(含全部进度与笔记)" : "删除本课程",
+					onClick: () => {
+						if (!confirmDelete) {
+							setConfirmDelete(true);
+							return;
+						}
+						setConfirmDelete(false);
+						deleteCourse(courseId).then(() => {
+							setSelectedCourse("");
+						}, reportError);
+					}
+				}, confirmDelete ? "确认删除?" : "🗑")), (0, react.createElement)("div", { className: "lks-rail-sub" }, `${course.mastered}/${course.total} 已掌握`), (0, react.createElement)("div", {
+					className: `lks-masterybar${course.avgMasteryPct === 100 ? " gold" : ""}`,
+					title: course.avgMasteryPct === null ? "尚无掌握度数据" : `平均掌握度 ${course.avgMasteryPct}%`
+				}, (0, react.createElement)("i", { style: { width: `${course.avgMasteryPct ?? 0}%` } })), (0, react.createElement)("input", {
+					className: "lks-search",
+					type: "search",
+					placeholder: "搜索课时…(多关键词空格分隔)",
+					value: query,
+					onChange: (e) => {
+						setQuery(e.target.value);
+					},
+					onKeyDown: (e) => {
+						if (e.key !== "Enter" || query.trim() === "") return;
+						for (const section of course.sections) {
+							const hit = section.lessons.find((l) => l.kind !== "exam" && l.status !== "locked" && titleMatches(l.title, query));
+							if (hit !== void 0) {
+								setFocus(hit.id).catch(reportError);
+								return;
+							}
+						}
+					}
+				}), data.dueCount > 0 ? (0, react.createElement)("div", { className: "lks-duebox" }, `🔁 待复习 ${data.dueCount}`, ...data.due.map((d) => (0, react.createElement)("div", {
+					key: d.lessonId,
+					className: "lks-due-item"
+				}, (0, react.createElement)("span", null, d.lessonTitle), d.overdueDays > 0 ? (0, react.createElement)("span", { className: "lks-over" }, `超${d.overdueDays}天`) : null)), (0, react.createElement)("button", {
+					className: "lks-btn ghost",
+					style: { marginTop: "6px" },
+					onClick: () => {
+						send("开始今天的复习,从最到期的课时开始");
+					}
+				}, "开始复习")) : null, ...course.sections.flatMap((section) => {
+					const examAllowed = examOpen(section.lessons);
+					const lessons = section.lessons.filter((l) => query.trim() === "" || titleMatches(l.title, query) || l.focus);
+					if (lessons.length === 0) return [];
+					return [(0, react.createElement)("div", {
+						key: section.title,
+						className: "lks-sec"
+					}, (0, react.createElement)("span", { className: "lks-sec-num" }, String(section.index + 1)), ` ${section.title}`), ...lessons.map((lesson) => {
+						const locked = lesson.status === "locked" || lesson.kind === "exam" && !examAllowed;
+						return (0, react.createElement)("div", {
+							key: lesson.id,
+							className: `lks-node${locked ? " locked" : ""}${lesson.focus ? " focus" : ""}`,
+							title: jumping === lesson.id ? "正在打开课时会话…" : statusTitle(lesson.kind, locked ? "locked" : lesson.status),
+							onClick: () => {
+								if (locked) return;
+								if (lesson.kind === "exam") {
+									setFocus(lesson.id).catch(reportError);
+									send(`开始「${section.title}」的章节测验:按本节课时出题,答完逐题判分`);
+									return;
+								}
+								openLessonThread(lesson);
+							}
+						}, (0, react.createElement)("span", { className: "lks-g" }, jumping === lesson.id ? "⏳" : glyph(lesson.kind, locked ? "locked" : lesson.status)), (0, react.createElement)("span", { className: "lks-t" }, lesson.title), lesson.due ? (0, react.createElement)("span", {
+							className: "lks-tag due",
+							title: "这课时的复习今天到期(SM-2)"
+						}, "🔁") : null, lesson.weakConcepts > 0 ? (0, react.createElement)("span", {
+							className: "lks-tag weak",
+							title: `${lesson.weakConcepts} 个薄弱知识点,测验会优先考察`
+						}, `⚡${lesson.weakConcepts}`) : null, lesson.frictionCount > 0 ? (0, react.createElement)("span", {
+							className: "lks-tag fric",
+							title: `${lesson.frictionCount} 次卡点记录(你说"不懂"时导师记下的)`
+						}, `😣${lesson.frictionCount}`) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
+							className: "lks-bar",
+							title: `课时掌握度 ${lesson.masteryPct}%(取最薄弱知识点)`
+						}, (0, react.createElement)("i", { style: { width: `${lesson.masteryPct}%` } })) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
+							className: "lks-pct",
+							title: "课时掌握度 = 最薄弱知识点的掌握度"
+						}, `${lesson.masteryPct}%`) : null);
+					})];
+				}), (0, react.createElement)("button", {
+					className: "lks-btn ghost",
+					style: { marginTop: "10px" },
+					onClick: () => {
+						setShowImport(!showImport);
+					}
+				}, showImport ? "收起导入" : "＋ 导入课程"), showImport ? (0, react.createElement)(ImportRow, { send }) : null);
+			})();
+			return (0, react.createElement)("div", { className: "lks-col lks-col-rail" }, (0, react.createElement)("div", { className: "lks-colhead" }, "课程"), body, (0, react.createElement)(ActionError, { error }));
+		}
+		/** One transcript row's element; `interactive` adds the quiz-answer buttons to an assistant row. */
+		function chatRowElement(row, interactive) {
+			if (row.role === "user") return (0, react.createElement)("div", {
+				key: row.key,
+				className: "lks-msg user"
+			}, row.text);
+			if (row.role === "tool") {
+				const chip = row.call === void 0 || row.call === null ? null : toolChipLabel(row.call.name, row.call.argsRaw);
+				if (chip !== null) return (0, react.createElement)("div", {
+					key: row.key,
+					className: `lks-msg tool ${chip.tone}`
+				}, chip.label);
+				return (0, react.createElement)("div", {
+					key: row.key,
+					className: "lks-msg tool"
+				}, `🔧 ${row.text}`);
+			}
+			if (row.role === "error") return (0, react.createElement)("div", {
+				key: row.key,
+				className: "lks-msg error"
+			}, `⚠ ${row.text}`);
+			if (row.role === "thinking") return (0, react.createElement)("div", {
+				key: row.key,
+				className: "lks-msg thinking",
+				title: "导师正在推理,回复马上就来"
+			}, (0, react.createElement)(IconLoadingOutline16, {
+				size: 14,
+				className: "lks-spin"
+			}), row.text);
+			const cls = row.role === "streaming" ? "lks-msg assistant lks-prose streaming" : "lks-msg assistant lks-prose";
+			const body = (0, react.createElement)("div", {
+				key: row.key,
+				className: cls,
+				dangerouslySetInnerHTML: { __html: renderMarkdown(row.text) }
+			});
+			const options = interactive === void 0 || row.role === "streaming" ? [] : quizOptions(row.text);
+			if (options.length < 2) return body;
+			return (0, react.createElement)("div", {
+				key: row.key,
+				className: "lks-turn"
+			}, body, (0, react.createElement)("div", {
+				className: "lks-quiz",
+				title: "点击选项作答,也可以直接打字回答"
+			}, ...options.map((opt) => (0, react.createElement)("button", {
+				key: opt.letter,
+				className: "lks-opt",
+				onClick: () => {
+					interactive.send(`选 ${opt.letter}:${opt.text}`);
+				}
+			}, (0, react.createElement)("span", { className: "lks-optletter" }, opt.letter), (0, react.createElement)("span", null, opt.text)))));
+		}
+		/** Middle column: the tutor — transcript, proposal banner, pills, starters. Typing happens in the native composer below the tab. */
+		function TutorColumn({ data, setMode, send, snapshot }) {
+			const [error, setError] = (0, react.useState)(null);
+			const rows = transcriptRows(snapshot.nodes, snapshot.partial);
+			const lastAssistant = rows.reduce((acc, row, i) => row.role === "assistant" ? i : acc, -1);
+			const scrollRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const el = scrollRef.current;
+				if (el !== null) el.scrollTop = el.scrollHeight;
+			}, [rows.length]);
+			const proposal = data?.pendingProposals[0] ?? null;
+			const lesson = data?.lesson ?? null;
+			/** Mode switches are the only fallible write left here (host route); surface failures inline. */
+			const fire = (action) => {
+				action.then(() => {
+					setError(null);
+				}, (err) => {
+					setError(err instanceof Error ? err.message : String(err));
+				});
+			};
+			return (0, react.createElement)("div", { className: "lks-col lks-col-tutor" }, (0, react.createElement)("div", { className: "lks-colhead" }, "导师"), (0, react.createElement)("div", {
+				className: "lks-transcript",
+				ref: scrollRef
+			}, rows.length === 0 ? (0, react.createElement)("div", { className: "lks-empty" }, "对话会出现在这里", (0, react.createElement)("br"), "在下方输入框和导师说话") : rows.map((row, i) => chatRowElement(row, i === lastAssistant ? { send } : void 0))), proposal !== null ? (0, react.createElement)("div", { className: "lks-banner" }, (0, react.createElement)("span", null, "🎓"), (0, react.createElement)("span", { className: "lks-why" }, `导师提议你已掌握「${proposal.lessonTitle}」:${proposal.rationale}`), (0, react.createElement)("button", {
+				className: "lks-btn primary",
+				onClick: () => {
+					send(`接受提案 ${proposal.id} —— 确认标记这课为已掌握`);
+				}
+			}, "接受"), (0, react.createElement)("button", {
+				className: "lks-btn ghost",
+				onClick: () => {
+					send(`拒绝提案 ${proposal.id} —— 我想再练练`);
+				}
+			}, "再练练")) : null, (0, react.createElement)("div", {
+				className: "lks-pills",
+				style: {
+					height: "auto",
+					padding: "4px 0"
+				}
+			}, ...MODES.map((mode) => (0, react.createElement)("button", {
+				key: mode.id,
+				className: `lks-pill${data?.mode === mode.id ? " on" : ""}`,
+				title: mode.hint,
+				onClick: () => {
+					fire(setMode(mode.id));
+				}
+			}, mode.label))), lesson !== null && lesson.starters.length > 0 ? (0, react.createElement)("div", {
+				className: "lks-dock",
+				style: { padding: "0 0 6px" }
+			}, ...lesson.starters.map((s) => (0, react.createElement)("button", {
+				key: s.label,
+				className: "lks-starter",
+				title: s.message,
+				onClick: () => {
+					send(s.message);
+				}
+			}, s.label))) : null, (0, react.createElement)(ActionError, { error }));
+		}
+		/** Right column: the blackboard — focus-lesson 讲解 plus the Cornell 笔记. */
+		function BlackboardColumn({ data }) {
+			const lesson = data?.lesson ?? null;
+			const body = lesson === null ? (0, react.createElement)("div", { className: "lks-empty" }, "黑板还空着", (0, react.createElement)("br"), "在左侧课程树选择一课") : (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "lks-lessonhead" }, (0, react.createElement)("h2", null, lesson.title), (0, react.createElement)("div", { className: "lks-meta" }, `${lesson.courseTitle} · ${lesson.status}` + (lesson.masteryPct === null ? "" : ` · 掌握度 ${lesson.masteryPct}%`) + ` · ${lesson.strategy}`), lesson.concepts.length > 0 ? (0, react.createElement)("div", { className: "lks-chips" }, ...lesson.concepts.map((c) => (0, react.createElement)("span", {
+				key: c.title,
+				className: `lks-chip${c.weak ? " weak" : ""}`
+			}, `${c.title} ${c.masteryPct}%${c.weak ? " ⚡" : ""}`))) : null), (0, react.createElement)("div", {
+				className: "lks-prose",
+				dangerouslySetInnerHTML: { __html: lesson.html }
+			}), (0, react.createElement)("div", { className: "lks-bb-notes" }, (0, react.createElement)("div", { className: "lks-sec" }, "笔记"), lesson.notes.length === 0 ? (0, react.createElement)("div", {
+				className: "lks-empty",
+				style: { padding: "16px 0" }
+			}, "这一课还没有笔记") : ZONES.filter(([zone]) => lesson.notes.some((n) => n.zone === zone)).map(([zone, label]) => (0, react.createElement)("div", {
+				key: zone,
+				className: "lks-zone"
+			}, (0, react.createElement)("h4", null, label), ...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", { className: "lks-note-text" }, 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" }, "黑板"), body);
+		}
+		//#endregion
+		//#region src/client/starter.tsx
+		/**
+		* The one-click study starter: a pill button in the blank-session (hero)
+		* composer tool row. One click adopts the plugin's dedicated study workspace
+		* (created by the host beside the state file), opens a session in it, sends
+		* the kickoff prompt through the session API, and makes that session current
+		* — the learner lands in the chat with the tutor already responding, one
+		* click away from the 学习 tab (view switching is ui-conversation-private,
+		* not reachable from an additive plugin).
+		* @module dsh-plugin-lookatstudy/client/starter
+		*/
+		/** The kickoff prompt: starts the tutoring loop and points at the study tab. */
+		const KICKOFF = "开始学习:查看我的学习状态并打开当前焦点课时。如果我还没有课程,推荐我导入示例课程(AI-For-Beginners)并说明怎么开始。回复最后请提醒我点上方「学习」页签进入学习界面。";
+		/**
+		* Build the hero starter button bound to the framework services.
+		* @param ctx - client root context (workspaces + sessions injected).
+		* @returns the component for `conversation.input.left`.
+		*/
+		function studyStartButton(ctx) {
+			return function StudyStartButton({ session }) {
+				if (session.blank !== true) return null;
+				return (0, react.createElement)(Inner, {
+					key: "inner",
+					ctx
+				});
+			};
+		}
+		/** Button body in its own component so hook order stays constant. */
+		function Inner({ ctx }) {
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const start = () => {
+				if (busy) return;
+				setBusy(true);
+				setError(null);
+				(async () => {
+					try {
+						const area = await fetch("/lookatstudy/api/study-workspace");
+						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 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");
+						const result = await face.prompt([{
+							type: "text",
+							text: KICKOFF
+						}], "queue");
+						if (!result.ok) throw new Error(`kickoff prompt rejected: ${result.error.code}: ${result.error.message}`);
+						ctx.sessions.open(sessionId);
+					} catch (err) {
+						setError(err instanceof Error ? err.message : String(err));
+						setBusy(false);
+					}
+				})();
+			};
+			return (0, react.createElement)("span", {
+				className: "lks-root",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "8px"
+				}
+			}, (0, react.createElement)("button", {
+				className: "lks-pill on",
+				title: "一键准备学习:建立学习工作区、开启会话并让导师就位",
+				disabled: busy,
+				onClick: start
+			}, busy ? (0, react.createElement)(IconLoadingOutline16, { className: "lks-spin" }) : (0, react.createElement)(IconThinkOutline16, null), busy ? "正在准备学习区…" : "开始学习"), error !== null ? (0, react.createElement)("span", {
+				className: "lks-propcard-err",
+				style: { marginTop: 0 }
+			}, error) : null);
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = [
+			"slots",
+			"workspaces",
+			"sessions"
+		];
+		/**
+		* Register the study surfaces: styles inject once; the single
+		* `conversation.view` tab carries the whole plugin; the hero starter button
+		* (`conversation.input.left`, blank sessions only) automates the onboarding —
+		* study workspace + session + kickoff prompt in one click.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ensureStudyStyles();
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: "lookatstudy-study",
+				order: 15,
+				label: "学习"
+			}, studyView(ctx)));
+			ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+				name: "conversation.input.left",
+				id: "lookatstudy-start",
+				order: 10
+			}, studyStartButton(ctx)));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.studyView = studyView;
+		exports.transcriptRows = transcriptRows;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map