dsh-plugin-lookatstudy 0.19.0 → 0.20.1

package/lib/client.js

@@ -152,8 +152,9 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-pill.on{background:rgb(var(--accent-rgb)/0.12);color:var(--accent-light)}
 
 /* ── notebook: teach prose + view tabs ── */
-.lks-ui .lks14-viewtab{color:var(--ink-muted);border-radius:999px}
-.lks-ui .lks14-viewtab.on{background:rgb(var(--ink-rgb)/0.08);color:var(--ink-strong)}
+.lks-ui .lks14-viewtab{color:var(--ink-muted);border-radius:8px;transition:color .15s,background .15s}
+.lks-ui .lks14-viewtab:hover{color:var(--ink)}
+.lks-ui .lks14-viewtab.on{background:rgb(var(--brand-rgb)/0.16);color:var(--brand)}
 .lks-ui .lks14-prose{color:var(--ink);font-size:.9375rem;line-height:1.65}
 .lks-ui .lks14-prose h1,.lks-ui .lks-note-text h1{font-size:1.25rem;font-weight:800;color:var(--ink-strong)}
 .lks-ui .lks14-prose h2,.lks-ui .lks-note-text h2{font-size:1.1rem;font-weight:700;color:var(--ink-strong);border-bottom:1px solid var(--border);padding-bottom:.3em}
@@ -390,7 +391,7 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-emptycard-hint{font-size:.825rem;color:var(--ink-muted);line-height:1.6}
 /* B5: notebook tab capsule + 960px reading column */
 .lks-ui .lks14-notebody{margin:0 auto;max-width:960px;width:100%;padding:12px 20px 24px;box-sizing:border-box}
-.lks-ui .lks14-viewtabs{background:rgb(var(--ink-rgb)/0.08);border-radius:999px;padding:3px;align-self:flex-start}
+.lks-ui .lks14-viewtabs{background:var(--surface-2);border-radius:10px;padding:3px;align-self:flex-start}
 .lks-ui .lks14-readbar{position:sticky;top:0;z-index:20;background:var(--surface-2);border-radius:10px}
 
 /* ══════════ C-track (P11a): interaction chrome ══════════ */
@@ -445,7 +446,7 @@ window.__ModuleLoader__.load({
 /* C6: zone head becomes the collapse toggle */
 .lks-ui .lks14-zoneh{display:flex;align-items:center;gap:8px;background:none;border:none;font:inherit;cursor:pointer;text-align:left;padding:0}
 .lks-ui .lks14-zonecount{font-size:10.5px;font-weight:700;color:var(--brand);background:rgb(var(--brand-rgb)/0.15);border-radius:999px;padding:1px 7px}
-.lks-ui .lks14-zonecaret{color:var(--ink-faint);font-size:10px}
+.lks-ui .lks14-zonecaret{color:var(--ink-muted);font-size:11px;line-height:1}
 /* C6: note actions + pinned + edit */
 .lks-ui .lks-note-act{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;display:inline-flex}
 .lks-ui .lks-note-act:hover{color:var(--ink)}
@@ -690,14 +691,9 @@ window.__ModuleLoader__.load({
 .lks-ui .lks14-palette-text{display:flex;flex-direction:column;gap:2px;min-width:0}
 .lks-ui .lks14-palette-sub{font-size:10.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lks-ui .lks14-palette-empty{padding:18px;text-align:center;color:var(--ink-faint);font-size:12px}
-/* E5: the thread pills under the lesson row */
+/* E5: the lesson row carries the labeled thread chip (menu opens on click) */
 .lks-ui .lks14-lessonrow{display:flex;align-items:center;gap:8px;min-width:0}
 .lks-ui .lks14-lessonrow>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.lks-ui .lks14-threadpills{display:flex;gap:4px;margin-left:auto;overflow-x:auto;max-width:55%;scrollbar-width:none}
-.lks-ui .lks14-threadpill{flex:none;border:1px solid var(--border-faint);background:var(--surface-1);color:var(--ink-muted);font:inherit;font-size:10.5px;padding:2.5px 8px;border-radius:999px;cursor:pointer;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s}
-.lks-ui .lks14-threadpill:hover{color:var(--ink);border-color:var(--border)}
-.lks-ui .lks14-threadpill.on{background:color-mix(in srgb,var(--brand) 16%,transparent);border-color:rgb(var(--brand-rgb)/0.4);color:var(--brand)}
-.lks-ui .lks14-threadpill:focus-visible{box-shadow:0 0 0 2px var(--business-primary);outline:none}
 /* E7: the font-scale pair in the app header */
 .lks-ui .lks-hdr-zoom{display:flex;align-items:center;gap:4px;margin-left:4px}
 .lks-ui .lks-hdr-zoom-btn{border:1px solid var(--border-faint);background:var(--surface-1);color:var(--ink-muted);font:inherit;font-size:10px;font-weight:700;border-radius:6px;padding:2px 6px;cursor:pointer;transition:all .15s}
@@ -706,12 +702,30 @@ window.__ModuleLoader__.load({
 .lks-ui .lks-hdr-zoom-btn:focus-visible{box-shadow:0 0 0 2px var(--business-primary);outline:none}
 .lks-ui .lks-hdr-zoom-val{font-size:10px;color:var(--ink-faint);min-width:32px;text-align:center}
 
-/* E1: the context meter above the composer */
-.lks-ui .lks14-ctxmeter{display:flex;align-items:center;gap:8px;padding:0 4px 6px;font-size:10px;color:var(--ink-faint)}
-.lks-ui .lks14-ctxmeter-bar{flex:1;height:4px;border-radius:999px;background:rgb(var(--ink-rgb)/0.08);overflow:hidden}
-.lks-ui .lks14-ctxmeter-bar i{display:block;height:100%;border-radius:999px;background:var(--brand);transform-origin:left;transition:transform .3s var(--ease-out-expo)}
-.lks-ui .lks14-ctxmeter-bar i.hot{background:var(--warning)}
-.lks-ui .lks14-ctxmeter-label{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/* E1: the context ring — the host composer's occupancy meter (a 14px ring
+   beside send; hover reads, click opens the figures panel). */
+.lks-ui .lks14-ctxring-wrap{position:relative;display:inline-flex;align-items:center}
+.lks-ui .lks14-ctxring{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;color:var(--ink-faint);transition:color .15s}
+.lks-ui .lks14-ctxring:hover{color:var(--ink-muted)}
+.lks-ui .lks14-ctxring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--business-primary)}
+.lks-ui .lks14-ctxring .track{fill:none;stroke:rgb(var(--ink-rgb)/0.18);stroke-width:2}
+.lks-ui .lks14-ctxring .fill{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s var(--ease-out-expo)}
+.lks-ui .lks14-ctxring .fill.hot{stroke:var(--warning)}
+.lks-ui .lks14-ctxpanel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:30;width:240px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-faint);box-shadow:0 8px 24px rgb(0 0 0/0.25);font-size:11px;color:var(--ink);text-align:left}
+.lks-ui .lks14-ctxpanel-head{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}
+.lks-ui .lks14-ctxpanel-pct{font-size:15px;font-weight:700;color:var(--ink-strong)}
+.lks-ui .lks14-ctxpanel-figs{margin-left:auto;color:var(--ink-muted);font-variant-numeric:tabular-nums}
+.lks-ui .lks14-ctxpanel-bar{display:flex;height:4px;border-radius:999px;background:rgb(var(--ink-rgb)/0.1);overflow:hidden}
+.lks-ui .lks14-ctxpanel-bar i{display:block;height:100%;background:var(--brand)}
+.lks-ui .lks14-ctxpanel-bar i.tools{background:color-mix(in srgb,var(--brand) 55%,var(--warning))}
+.lks-ui .lks14-ctxpanel-bar i.msgs{background:var(--warning)}
+.lks-ui .lks14-ctxpanel-rows{margin-top:7px;display:flex;flex-direction:column;gap:3px}
+.lks-ui .lks14-ctxpanel-row{display:flex;align-items:center;gap:6px;color:var(--ink-muted)}
+.lks-ui .lks14-ctxpanel-row b{margin-left:auto;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
+.lks-ui .lks14-ctxpanel-row .swatch{flex:none;width:7px;height:7px;border-radius:2px;background:var(--brand)}
+.lks-ui .lks14-ctxpanel-row .swatch.tools{background:color-mix(in srgb,var(--brand) 55%,var(--warning))}
+.lks-ui .lks14-ctxpanel-row .swatch.msgs{background:var(--warning)}
+.lks-ui .lks14-ctxpanel-note{margin-top:6px;font-size:10px;color:var(--ink-faint)}
 /* E6: the model face chip + catalog popover */
 .lks-ui .lks-modelface{position:relative;display:flex}
 .lks-ui .lks-modelface-chip{display:flex;align-items:center;gap:4px;border:1px solid var(--border-faint);background:var(--surface-1);color:var(--ink-muted);font:inherit;font-size:10px;font-weight:700;border-radius:999px;padding:2.5px 8px;cursor:pointer;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s}
@@ -730,7 +744,6 @@ window.__ModuleLoader__.load({
 .lks-ui .lks-btn-attach:hover:not(:disabled){color:var(--ink);background:var(--surface-2)}
 .lks-ui .lks-btn-attach:disabled{opacity:.4;cursor:not-allowed}
 .lks-ui .lks-btn-attach:focus-visible{box-shadow:0 0 0 2px var(--business-primary);outline:none}
-.lks-ui .lks14-threadlabel{color:var(--ink-faint)}
 /* ── the distilled two-row head (0.19): identity+pct+delete over a hairline
    mastery bar, then search/review/worldswitch sharing one tools row ── */
 .lks-ui .lks14-railcard-row.main{min-width:0;max-width:100%;overflow:hidden}
@@ -747,6 +760,22 @@ window.__ModuleLoader__.load({
 .lks-ui .lks-audio-toggle{display:inline-flex;align-items:center;gap:4px}
 .lks-ui .lks-audio-toggle .lks-audio-label{display:none}
 .lks-ui .lks14-msgwrap:hover .lks-audio-toggle .lks-audio-label,.lks-ui .lks-audio-toggle:focus-visible .lks-audio-label{display:inline}
+/* ── the thread switcher as one labeled chip + menu (0.19 owner note) ── */
+.lks-ui .lks14-threadswitch{position:relative;margin-left:auto}
+.lks-ui .lks14-threadchip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:none;border-radius:999px;background:rgb(var(--ink-rgb)/0.06);color:var(--ink-muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:color .15s,background .15s;max-width:220px}
+.lks-ui .lks14-threadchip:hover{background:rgb(var(--ink-rgb)/0.1);color:var(--ink)}
+.lks-ui .lks14-threadchip-caret{font-size:9px}
+.lks-ui .lks14-threadmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:240px;max-width:300px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:4px;border-radius:10px;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-row{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border:none;border-radius:7px;background:none;font:inherit;font-size:12px;color:var(--ink);cursor:pointer;text-align:left}
+.lks-ui .lks14-threadmenu-row:hover{background:rgb(var(--ink-rgb)/0.06)}
+.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.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)}
+
+
 /* ── light-mode chrome sweep: the rail-head glass family hardcoded dark for
    the map era; the list rail follows the theme, so the chrome reads
    ink-on-surface here too ── */
@@ -785,6 +814,8 @@ window.__ModuleLoader__.load({
 .lks-ui[data-lks-theme='light'] .lks14-importprog-step.pending .lks14-importprog-text{color:var(--ink-faint)}
 .lks-ui[data-lks-theme='light'] .lks14-importprog-step.pending .lks14-importprog-dots{border-color:var(--border)}
 .lks-ui[data-lks-theme='light'] .lks14-importprog-elapsed{color:var(--ink-muted)}
+.lks-ui[data-lks-theme='light'] .lks14-threadmenu{background:rgb(255 255 255/0.98);border-color:var(--border-faint);box-shadow:0 12px 32px -8px rgb(0 0 0/0.18)}
+.lks-ui[data-lks-theme='light'] .lks14-ctxpanel{background:rgb(255 255 255/0.98);box-shadow:0 8px 24px rgb(0 0 0/0.12)}
 /* ambient glyph motion sleeps under reduced-motion (A7 never had a guard) */
 @media (prefers-reduced-motion: reduce){
   .lks-ui .lks-lessorow.st-mastered .lks-lessorow-glyph svg,.lks-ui .lks-hdr-xp .lks-hdr-glyph,.lks-ui .lks-hdr-streak .lks-hdr-glyph{animation:none}
@@ -953,19 +984,6 @@ html[data-dsh-lookatstudy-active] [class*='centerCol'] > :not([data-dsh-lookatst
 
 
 
-/* the companion creature (P7): bottom-right of the panel; gentle bob idle,
-   bounce while talking, pop on celebration; reduced-motion = static (a11y). */
-.lks-companion{position:absolute;right:18px;bottom:14px;z-index:20;width:56px;height:56px;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));animation:lks-comp-bob 3.2s ease-in-out infinite}
-.lks-companion:focus-visible{outline:none;filter:drop-shadow(0 0 0 2px var(--dsw-alias-state-business-primary)) drop-shadow(0 4px 10px rgba(0,0,0,.18))}
-.lks-companion.mood-talking{animation:lks-comp-talk .6s ease-in-out infinite}
-.lks-companion.mood-celebrating{animation:lks-comp-pop .5s cubic-bezier(.34,1.56,.64,1) 3}
-.lks-companion.mood-encouraging{animation:lks-comp-nudge 1.2s ease-in-out 2}
-@keyframes lks-comp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
-@keyframes lks-comp-talk{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.06)}}
-@keyframes lks-comp-pop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-8deg)}100%{transform:scale(1)}}
-@keyframes lks-comp-nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px) rotate(-4deg)}75%{transform:translateX(5px) rotate(4deg)}}
-@media (prefers-reduced-motion:reduce){.lks-companion{animation:none}}
-
 /* P5: proposal banner (ConfirmCard semantics) + thinking row + narrow switch */
 .lks-propbanner{flex:none;display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:8px 12px;border-radius:10px;background:var(--dsw-alias-state-business-tertiary);border:1px solid var(--dsw-alias-border-l2);font-size:12.5px;color:var(--dsw-alias-label-primary-bluish)}
 .lks-propbanner .lks-propbanner-why{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -1017,7 +1035,6 @@ html[data-dsh-lookatstudy-active] [class*='centerCol'] > :not([data-dsh-lookatst
 
 /* rail search results panel (P4, upstream CourseSearchPanel) */
 .lks14-searchpanel{margin:4px 0 6px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}
-.lks14-threadlabel{flex:none;padding:8px 20px 0;font-size:11px;font-weight:600;color:var(--dsw-alias-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lks14-searchrow{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;font:inherit;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--dsw-alias-border-l1)}
 .lks14-searchrow:last-child{border-bottom:none}
 .lks14-searchrow:hover{background:var(--dsw-alias-interactive-bg-hover)}
@@ -2046,7 +2063,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"note.src.learner": "我的笔记",
 			"error.send": "消息没有送达——请稍后再试一次。",
 			"error.action": "操作没有完成——请稍后再试。",
-			"thread.label": "「{title}」的对话",
 			"thread.streamingBadge": "AI 正在输出",
 			"map.search.label": "搜索",
 			"map.review.label": "复习",
@@ -2063,15 +2079,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"quiz.submit": "提交",
 			"proposal.applied": "《{lesson}》已采纳提前毕业提议",
 			"proposal.rejected": "《{lesson}》提议已忽略，继续保持练习",
-			"companion.poke": "戳一戳伴学伙伴",
-			"companion.poked": "伴学伙伴向你眨了眨眼",
-			"companion.form.ember": "小焰",
-			"companion.form.frost": "霜绒",
-			"companion.form.moss": "苔芽",
-			"companion.form.star": "星尘",
-			"companion.form.ink": "墨墨",
-			"settings.companion": "伴学伙伴",
-			"settings.companion.hint": "选择学习面板右下角的伴学生物形态。",
 			"quiz.msg.explain-wrong": "我刚才有题答错了，帮我讲讲为什么错、正确的思路是什么。",
 			"quiz.msg.retry": "再来一组类似的题巩固一下。",
 			"quiz.msg.go-deeper": "这组我答得不错，帮我深入讲讲背后的原理和容易混淆的地方。",
@@ -2130,9 +2137,15 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"palette.study": "开始学习",
 			"palette.kind.action": "操作",
 			"palette.empty": "没有匹配项",
+			"threads.open": "{n} 条对话",
+			"threads.now": "当前",
 			"threads.label": "课时线程",
 			"meter.label": "上下文用量",
-			"meter.estimate": "约 {n} tok(按事件字符估算)",
+			"meter.aria": "上下文已用 {pct}%",
+			"meter.brk.system": "系统提示",
+			"meter.brk.tools": "工具",
+			"meter.brk.messages": "对话",
+			"meter.estimate.note": "按事件字符估算",
 			"model.unknown": "当前模型",
 			"model.switched": "已切换到 {model}",
 			"model.switchFailed": "切换失败——请看宿主模型设置",
@@ -2198,7 +2211,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"quiz.answer": "选 {letter}:{text}",
 			"tutor.dormant": "学习模式已关闭 — 在下方对话区点「开始学习」即可唤醒导师。",
 			"tutor.empty": "对话会出现在这里",
-			"tutor.empty.hint": "在下方输入框和导师说话",
+			"tutor.empty.hint": "和导师聊聊这一课",
 			"proposal.text": "导师提议你已掌握「{lesson}」:{rationale}",
 			"proposal.accept": "接受",
 			"proposal.decline": "再练练",
@@ -2393,7 +2406,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"note.src.learner": "My note",
 			"error.send": "The message did not go through — please try again.",
 			"error.action": "The action did not complete — please try again.",
-			"thread.label": "Conversation · {title}",
 			"thread.streamingBadge": "AI is responding",
 			"map.search.label": "Search",
 			"map.review.label": "Review",
@@ -2410,15 +2422,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"quiz.submit": "Submit",
 			"proposal.applied": "Graduation proposal for \"{lesson}\" accepted",
 			"proposal.rejected": "Proposal for \"{lesson}\" declined — keep practicing",
-			"companion.poke": "Poke the companion",
-			"companion.poked": "The companion winks at you",
-			"companion.form.ember": "Ember",
-			"companion.form.frost": "Frost",
-			"companion.form.moss": "Moss",
-			"companion.form.star": "Stardust",
-			"companion.form.ink": "Ink",
-			"settings.companion": "Companion",
-			"settings.companion.hint": "Choose the companion creature in the study panel corner.",
 			"quiz.msg.explain-wrong": "I got some questions wrong — walk me through why and the right line of thinking.",
 			"quiz.msg.retry": "Give me another similar set to consolidate.",
 			"quiz.msg.go-deeper": "I did well on this set — go deeper into the principles and common confusions.",
@@ -2478,8 +2481,14 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			"palette.kind.action": "Action",
 			"palette.empty": "No matches",
 			"threads.label": "Lesson threads",
+			"threads.open": "{n} threads",
+			"threads.now": "current",
 			"meter.label": "Context usage",
-			"meter.estimate": "~{n} tok (char-volume estimate)",
+			"meter.aria": "{pct}% of context used",
+			"meter.brk.system": "System prompt",
+			"meter.brk.tools": "Tools",
+			"meter.brk.messages": "Messages",
+			"meter.estimate.note": "Char-volume estimate",
 			"model.unknown": "Current model",
 			"model.switched": "Switched to {model}",
 			"model.switchFailed": "Switch failed — check the host model settings",
@@ -3168,20 +3177,25 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			let node;
 			while ((node = walker.nextNode()) !== null) if (findMathSpan(node.data) !== null && node.parentElement?.tagName !== "CODE") targets.push(node);
 			for (const t of targets) {
-				const span = findMathSpan(t.data);
-				if (span === null) continue;
-				try {
-					const html = katex.renderToString(span.tex, {
-						displayMode: span.display,
-						throwOnError: false
-					});
-					const holder = document.createElement("span");
-					holder.innerHTML = html;
-					if (span.before !== "") t.before(document.createTextNode(span.before));
-					t.before(holder);
-					t.data = span.after;
-					replaced++;
-				} catch {}
+				let guard = 0;
+				while (guard++ < 200) {
+					const span = findMathSpan(t.data);
+					if (span === null) break;
+					try {
+						const html = katex.renderToString(span.tex, {
+							displayMode: span.display,
+							throwOnError: false
+						});
+						const holder = document.createElement("span");
+						holder.innerHTML = html;
+						if (span.before !== "") t.before(document.createTextNode(span.before));
+						t.before(holder);
+						t.data = span.after;
+						replaced++;
+					} catch {
+						break;
+					}
+				}
 			}
 			return replaced;
 		}
@@ -3191,6 +3205,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 		*/
 		function attachCodeHeader(wrap, lang) {
 			if (wrap.parentElement?.querySelector(".lks-codehead") !== null) return;
+			wrap.closest(".lks-codeblock")?.querySelector(":scope > .lks-codeblock-head")?.remove();
 			const head = document.createElement("div");
 			head.className = "lks-codehead";
 			const label = document.createElement("span");
@@ -3291,6 +3306,242 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			} catch {}
 		}
 		//#endregion
+		//#region src/vendor/math-normalize.ts
+		/**
+		* math-normalize —— 数学记法归一(v0.19 数学渲染前置,纯函数)。
+		*
+		* `\(...\)` / `\[...\]` 是 LaTeX 的原生行内/行间记法,remark-math 只认 `$`/
+		* `$$`。导入的内容(AI 讲解/转写稿/粘贴文本)两种记法都可能出现,渲染前统一
+		* 归一到 `$` 记法。幂等;**围栏代码块内不动**(代码里的 `\(` 是字面量)。
+		*/
+		function normalizeMathNotation(md) {
+			const out = [];
+			let inFence = false;
+			for (const line of md.split("\n")) {
+				if (/^[ \t]*(?:```|~~~)/.test(line)) {
+					out.push(line);
+					inFence = !inFence;
+					continue;
+				}
+				out.push(inFence ? line : line.replace(/\\\[|\\\]|\\\(|\\\)/g, (tok) => tok === "\\[" || tok === "\\]" ? "$$" : "$"));
+			}
+			return out.join("\n");
+		}
+		//#endregion
+		//#region src/client/views.tsx
+		/**
+		* Shared pure helpers for the study panel's pieces: chat-row shapes, tree
+		* status copy, quiz-option extraction, and section default expansion. The
+		* panel itself lives in `panel.tsx`; since 0.14.0 nothing here touches the
+		* host composer or the conversation view.
+		* @module dsh-plugin-lookatstudy/client/views
+		*/
+		/** Small inline error surface for failed write actions (shared with settings). */
+		function ActionError({ error }) {
+			if (error === null) return null;
+			return (0, react.createElement)("div", { className: "lks-propcard-err" }, error);
+		}
+		/**
+		* Tooltip text for one course-tree status glyph. Pure (the translator is an
+		* optional parameter defaulting to the active one, evaluated per call).
+		*/
+		function statusTitle(kind, status, t = tr) {
+			if (kind === "exam") return t("status.exam");
+			switch (status) {
+				case "mastered": return t("status.mastered");
+				case "in_progress": return t("status.in_progress");
+				case "available": return t("status.available");
+				default: return t("status.locked");
+			}
+		}
+		/**
+		* 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.
+		*/
+		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 plain = /^([A-D])[.、:)]\s*(.+)$/.exec(line.trim());
+				const table = /^\|\s*\*{0,2}([A-D])\*{0,2}\s*\|\s*(.+?)\s*\|$/.exec(line.trim());
+				const match = plain ?? (table !== null ? [
+					table[0],
+					table[1],
+					table[2].replaceAll("**", "").replaceAll("`", "")
+				] : null);
+				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) ?? [];
+		}
+		/**
+		* Merge the rail's two search tracks into the results panel: title hits
+		* (lessons whose name matches — they are also filtered into the tree) first,
+		* then full-text hits not already covered, snippets carried for the body
+		* matches. Pure; empty queries yield no panel.
+		*/
+		function mergeRailSearch(query, lessons, textHits) {
+			const keys = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+			if (keys.length === 0) return [];
+			const rows = [];
+			const seen = /* @__PURE__ */ new Set();
+			const matches = (title) => keys.every((k) => title.toLowerCase().includes(k));
+			for (const lesson of lessons) {
+				if (lesson.kind === "exam" || lesson.status === "locked" || !matches(lesson.title)) continue;
+				rows.push({
+					lessonId: lesson.id,
+					title: lesson.title,
+					snippet: "",
+					courseTitle: "",
+					fromTitle: true
+				});
+				seen.add(lesson.id);
+			}
+			for (const hit of textHits) {
+				if (seen.has(hit.lessonId)) continue;
+				rows.push({
+					lessonId: hit.lessonId,
+					title: hit.lessonTitle,
+					snippet: hit.snippet,
+					courseTitle: hit.courseTitle,
+					fromTitle: false
+				});
+				seen.add(hit.lessonId);
+			}
+			return rows.slice(0, 12);
+		}
+		/**
+		* A section's effective openness: the user's explicit toggle (persisted per
+		* course) overrides the frontier-based default. Pure.
+		*/
+		function effectiveOpen(sectionTitle, defaultOpen, overrides) {
+			return overrides[sectionTitle] ?? defaultOpen;
+		}
+		/**
+		* The narrow-mode pane picker: only valid ids, remembering the last choice
+		* (upstream's narrow switcher semantics). Pure.
+		*/
+		function pickNarrowPane(stored) {
+			return stored === "rail" || stored === "chat" || stored === "note" ? stored : "chat";
+		}
+		/**
+		* 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.
+		*/
+		function sectionDefaultOpen(section) {
+			return section.lessons.some((l) => l.focus || l.kind !== "exam" && l.status !== "mastered" && l.status !== "locked");
+		}
+		/**
+		* C1 sticky-follow: the stream follows new rows only while the reader is
+		* within `tolerance` of the bottom (upstream's 80px rule — scroll up and the
+		* feed stops chasing you). Pure.
+		*/
+		function isStuck(scrollTop, scrollHeight, clientHeight, tolerance = 80) {
+			return scrollHeight - scrollTop - clientHeight <= tolerance;
+		}
+		/**
+		* C12 touch pane swipe: a horizontal flick (>50px, dominance >2x) switches the
+		* narrow pane neighbor; anything else is not a pane gesture. Pure
+		* (upstream swipeTarget semantics).
+		*/
+		function swipePane(pane, dx, dy) {
+			if (Math.abs(dx) < 50 || Math.abs(dx) <= 2 * Math.abs(dy)) return null;
+			const order = [
+				"rail",
+				"chat",
+				"note"
+			];
+			const idx = order.indexOf(pane);
+			if (idx < 0) return null;
+			const next = dx < 0 ? idx + 1 : idx - 1;
+			return next >= 0 && next < order.length ? order[next] : null;
+		}
+		/**
+		* C12 selection-popover settle: coarse pointers need a longer quiet window
+		* (upstream's 600/250 two-tier). Pure.
+		*/
+		function settleMs(coarse) {
+			return coarse ? 600 : 250;
+		}
+		/**
+		* C9 interleaved review: pick one due lesson at random (Math.random; empty in,
+		* null out). Pure.
+		*/
+		function pickRandomDue(items) {
+			if (items.length === 0) return null;
+			return items[Math.floor(Math.random() * items.length)] ?? null;
+		}
+		/**
+		* Display-side section-title humanizer (0.19 critique round): import-design
+		* section ids arrive as repo-folder slugs ("0-course-setup", "1-Intro") —
+		* strip the leading episode number, hyphen/underscore runs become spaces.
+		* Keys, anchors, and ids stay raw; this is presentation only. Never returns
+		* an empty string (a title that humanizes to nothing keeps its raw form).
+		*/
+		function humanizeSectionTitle(raw) {
+			const t = raw.trim().replace(/^\d+[.\-_ ]+/, "").replace(/[\-_]+/g, " ").replace(/\s+/g, " ").trim();
+			return t === "" ? raw.trim() : t;
+		}
+		/**
+		* Proportion the panel's bar through the host's heuristic composition, in the
+		* segment order system → tools → messages; without a breakdown a single
+		* brand segment carries the whole reading. A zero-width part is dropped.
+		*/
+		function ctxSegments(pct, breakdown) {
+			if (pct <= 0) return [];
+			const total = breakdown === null ? 0 : breakdown.systemTokens + breakdown.toolsTokens + breakdown.messageTokens;
+			if (total <= 0) return [{
+				key: "total",
+				cls: "",
+				width: pct
+			}];
+			return [
+				["sys", breakdown.systemTokens],
+				["tools", breakdown.toolsTokens],
+				["msgs", breakdown.messageTokens]
+			].map(([key, tokens]) => ({
+				key,
+				cls: key,
+				width: pct * tokens / total
+			})).filter((s) => s.width > 0);
+		}
+		/** Compact token figure for the context panel (host formatTokens arrangement). */
+		function fmtTokens(value) {
+			if (value < 1e3) return String(value);
+			if (value < 1e6) return `${String(Math.round(value / 100) / 10)}K`;
+			return `${String(Math.round(value / 1e5) / 10)}M`;
+		}
+		/**
+		* Panel-facing error text (0.19 critique round): raw err.message (host RPC
+		* internals like "prompt rejected: …") never renders in the DOM — the user
+		* gets one honest locale line, the raw error goes to the console.
+		*/
+		function friendlyError(err, kind = "action", t = tr) {
+			console.error("[lookatstudy]", err);
+			return t(kind === "send" ? "error.send" : "error.action");
+		}
+		//#endregion
 		//#region src/vendor/cmap-elk-layout.ts
 		/** 字符宽度估算:CJK 全宽,ASCII 约 0.58em,其余(BBOP…)同 ASCII。 */
 		function estTextWidth(text, fontSize = 13) {
@@ -5562,225 +5813,40 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}
 		}
 		//#endregion
-		//#region src/client/companion.tsx
+		//#region src/client/highlights.ts
 		/**
-		* The companion creature — the upstream 伴学生物's minimal honest DOM port
-		* (0.15.0 P7): a small being in the panel's bottom-right corner with five
-		* forms, a pure mood machine (idle / talking / celebrating / encouraging),
-		* and the a11y iron rule carried over — reduced-motion renders it static.
-		* Upstream's Electron-native life (mic envelopes, typing squeeze, drag-throw)
-		* has no web-panel equivalent and stays unported by design.
-		* @module dsh-plugin-lookatstudy/client/companion
+		* Locate a selection inside the model text: exact `selected` text search,
+		* disambiguated by a fuzzy `surrounding` fingerprint (the same sentence
+		* appearing twice resolves to the occurrence whose context matches).
+		* @returns the global [start, end) in model.text, or null when absent.
 		*/
-		const COMPANION_FORMS = [
-			{
-				id: "ember",
-				labelKey: "companion.form.ember",
-				body: "#f59e0b",
-				accent: "#dc2626"
-			},
-			{
-				id: "frost",
-				labelKey: "companion.form.frost",
-				body: "#7dd3fc",
-				accent: "#0284c7"
-			},
-			{
-				id: "moss",
-				labelKey: "companion.form.moss",
-				body: "#86efac",
-				accent: "#16a34a"
-			},
-			{
-				id: "star",
-				labelKey: "companion.form.star",
-				body: "#c4b5fd",
-				accent: "#7c3aed"
-			},
-			{
-				id: "ink",
-				labelKey: "companion.form.ink",
-				body: "#cbd5e1",
-				accent: "#334155"
+		function locateInModel(model, selected, surrounding) {
+			const needle = selected.trim();
+			if (needle.length < 2) return null;
+			const hits = [];
+			let from = 0;
+			for (;;) {
+				const hit = model.text.indexOf(needle, from);
+				if (hit === -1) break;
+				hits.push(hit);
+				from = hit + 1;
 			}
-		];
-		/** Normalize a stored form id; junk falls back to 小焰 (upstream's default). */
-		function normalizeCompanionForm(stored) {
-			return COMPANION_FORMS.some((f) => f.id === stored) ? stored : "ember";
-		}
-		function storedCompanionForm() {
-			try {
-				return normalizeCompanionForm(localStorage.getItem("dsh-plugin-lookatstudy:companion-form"));
-			} catch {
-				return "ember";
-			}
-		}
-		function storeCompanionForm(id) {
-			try {
-				localStorage.setItem("dsh-plugin-lookatstudy:companion-form", id);
-			} catch {}
-		}
-		/**
-		* The mood machine — pure. `celebrate` and `encourage` are momentary (the
-		* view decays them back through `decay`); `talking` latches while read-aloud
-		* runs; poke is a self-echoing celebration.
-		*/
-		function nextCompanionMood(current, event) {
-			switch (event) {
-				case "talk-start": return "talking";
-				case "talk-end": return current === "talking" ? "idle" : current;
-				case "celebrate":
-				case "poke": return "celebrating";
-				case "encourage": return "encouraging";
-				case "decay": return current === "celebrating" || current === "encouraging" ? "idle" : current;
-				default: return current;
-			}
-		}
-		/** One creature face — the shared skin every form wears. */
-		function CompanionFace({ form, mood }) {
-			const skin = COMPANION_FORMS.find((f) => f.id === form) ?? COMPANION_FORMS[0];
-			const eye = mood === "celebrating" ? "M -3.4 0 q 1.7 -2.6 3.4 0" : "M -3.4 -1.4 a 1.4 1.4 0 1 0 0.01 0";
-			const mouth = mood === "celebrating" ? "M 20 21 q 4 4 8 0" : mood === "encouraging" ? "M 21 22 q 3 -2.5 6 0" : "M 21 21 q 3 2.4 6 0";
-			return (0, react.createElement)("svg", {
-				width: 64,
-				height: 64,
-				viewBox: "0 0 64 64",
-				"aria-hidden": "true"
-			}, (0, react.createElement)("g", null, (0, react.createElement)("circle", {
-				cx: 32,
-				cy: 34,
-				r: 20,
-				fill: skin.body,
-				stroke: skin.accent,
-				strokeWidth: 2
-			}), form === "ember" ? (0, react.createElement)("path", {
-				d: "M32 4 q6 8 3 12 q8 -2 9 6 q4 -1 4 4 l-2 4 H18 l-2 -4 q0 -5 4 -4 q1 -8 9 -6 q-3 -4 3 -12z",
-				fill: skin.accent,
-				opacity: .85
-			}) : form === "star" ? (0, react.createElement)("path", {
-				d: "M32 2 l4 8 9 1 -6.5 6 1.5 9 -8.5 -4.5 -8 4.5 1.5 -9 -6.5 -6 9 -1z",
-				fill: skin.accent,
-				opacity: .85
-			}) : form === "moss" ? (0, react.createElement)("path", {
-				d: "M32 2 q-2 6 2 10 q-8 0 -8 6 H40 q0 -6 -8 -6 q4 -4 0 -10z",
-				fill: skin.accent,
-				opacity: .85
-			}) : form === "ink" ? (0, react.createElement)("path", {
-				d: "M32 2 q8 12 8 18 a8 8 0 1 1 -16 0 q0 -6 8 -18z",
-				fill: skin.accent,
-				opacity: .55
-			}) : (0, react.createElement)("path", {
-				d: "M18 12 l3 5 5 -1 -1 5 5 3 -5 3 1 5 -5 -1 -3 5 -3 -5 -5 1 1 -5 -5 -3 5 -3 -1 -5 5 1z",
-				fill: skin.accent,
-				opacity: .7
-			}), (0, react.createElement)("path", {
-				d: eye,
-				transform: "translate(25 30)",
-				stroke: skin.accent,
-				strokeWidth: 1.6,
-				fill: mood === "celebrating" ? "none" : skin.accent,
-				strokeLinecap: "round"
-			}), (0, react.createElement)("path", {
-				d: eye,
-				transform: "translate(14 30)",
-				stroke: skin.accent,
-				strokeWidth: 1.6,
-				fill: mood === "celebrating" ? "none" : skin.accent,
-				strokeLinecap: "round"
-			}), (0, react.createElement)("path", {
-				d: mouth,
-				stroke: skin.accent,
-				strokeWidth: 1.8,
-				fill: "none",
-				strokeLinecap: "round"
-			})));
-		}
-		/** The creature: fixed bottom-right inside the panel, mood-animated, pokeable. */
-		function Companion({ mood, onPoke }) {
-			const form = storedCompanionForm();
-			return (0, react.createElement)("div", {
-				className: `lks-companion mood-${mood}`,
-				"data-lks-companion": form,
-				title: tr("companion.poke"),
-				role: "button",
-				tabIndex: 0,
-				"aria-label": tr("companion.poke"),
-				onClick: () => {
-					onPoke?.();
-				},
-				onKeyDown: (e) => {
-					if (e.key === "Enter" || e.key === " ") {
-						e.preventDefault();
-						onPoke?.();
-					}
-				}
-			}, (0, react.createElement)(CompanionFace, {
-				form,
-				mood
-			}));
-		}
-		/** The hook driving one creature instance: event → mood, momentary decay. */
-		function useCompanionMood() {
-			const [mood, setMood] = (0, react.useState)("idle");
-			const moodRef = (0, react.useRef)(mood);
-			moodRef.current = mood;
-			const emit = (event) => {
-				const next = nextCompanionMood(moodRef.current, event);
-				if (next !== moodRef.current) {
-					moodRef.current = next;
-					setMood(next);
-				}
-			};
-			(0, react.useEffect)(() => {
-				if (mood !== "celebrating" && mood !== "encouraging") return;
-				const timer = setTimeout(() => {
-					moodRef.current = nextCompanionMood(moodRef.current, "decay");
-					setMood(moodRef.current);
-				}, 2400);
-				return () => {
-					clearTimeout(timer);
-				};
-			}, [mood]);
-			return {
-				mood,
-				emit
-			};
-		}
-		//#endregion
-		//#region src/client/highlights.ts
-		/**
-		* Locate a selection inside the model text: exact `selected` text search,
-		* disambiguated by a fuzzy `surrounding` fingerprint (the same sentence
-		* appearing twice resolves to the occurrence whose context matches).
-		* @returns the global [start, end) in model.text, or null when absent.
-		*/
-		function locateInModel(model, selected, surrounding) {
-			const needle = selected.trim();
-			if (needle.length < 2) return null;
-			const hits = [];
-			let from = 0;
-			for (;;) {
-				const hit = model.text.indexOf(needle, from);
-				if (hit === -1) break;
-				hits.push(hit);
-				from = hit + 1;
-			}
-			if (hits.length === 0) return null;
-			if (hits.length === 1 || surrounding === void 0 || surrounding.trim() === "") return {
-				start: hits[0],
-				end: hits[0] + needle.length
-			};
-			const finger = surrounding.replace(/\s+/g, "");
-			let best = hits[0];
-			let bestScore = -1;
-			for (const hit of hits) {
-				const context = model.text.slice(Math.max(0, hit - 30), hit + needle.length + 30).replace(/\s+/g, "");
-				let score = 0;
-				for (let i = 0; i < finger.length; i += 4) if (context.includes(finger.slice(i, i + 4))) score += 1;
-				if (score > bestScore) {
-					bestScore = score;
-					best = hit;
-				}
+			if (hits.length === 0) return null;
+			if (hits.length === 1 || surrounding === void 0 || surrounding.trim() === "") return {
+				start: hits[0],
+				end: hits[0] + needle.length
+			};
+			const finger = surrounding.replace(/\s+/g, "");
+			let best = hits[0];
+			let bestScore = -1;
+			for (const hit of hits) {
+				const context = model.text.slice(Math.max(0, hit - 30), hit + needle.length + 30).replace(/\s+/g, "");
+				let score = 0;
+				for (let i = 0; i < finger.length; i += 4) if (context.includes(finger.slice(i, i + 4))) score += 1;
+				if (score > bestScore) {
+					bestScore = score;
+					best = hit;
+				}
 			}
 			return {
 				start: best,
@@ -5874,191 +5940,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			return applied;
 		}
 		//#endregion
-		//#region src/client/views.tsx
-		/**
-		* Shared pure helpers for the study panel's pieces: chat-row shapes, tree
-		* status copy, quiz-option extraction, and section default expansion. The
-		* panel itself lives in `panel.tsx`; since 0.14.0 nothing here touches the
-		* host composer or the conversation view.
-		* @module dsh-plugin-lookatstudy/client/views
-		*/
-		/** Small inline error surface for failed write actions (shared with settings). */
-		function ActionError({ error }) {
-			if (error === null) return null;
-			return (0, react.createElement)("div", { className: "lks-propcard-err" }, error);
-		}
-		/**
-		* Tooltip text for one course-tree status glyph. Pure (the translator is an
-		* optional parameter defaulting to the active one, evaluated per call).
-		*/
-		function statusTitle(kind, status, t = tr) {
-			if (kind === "exam") return t("status.exam");
-			switch (status) {
-				case "mastered": return t("status.mastered");
-				case "in_progress": return t("status.in_progress");
-				case "available": return t("status.available");
-				default: return t("status.locked");
-			}
-		}
-		/**
-		* 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.
-		*/
-		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 plain = /^([A-D])[.、:)]\s*(.+)$/.exec(line.trim());
-				const table = /^\|\s*\*{0,2}([A-D])\*{0,2}\s*\|\s*(.+?)\s*\|$/.exec(line.trim());
-				const match = plain ?? (table !== null ? [
-					table[0],
-					table[1],
-					table[2].replaceAll("**", "").replaceAll("`", "")
-				] : null);
-				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) ?? [];
-		}
-		/**
-		* Merge the rail's two search tracks into the results panel: title hits
-		* (lessons whose name matches — they are also filtered into the tree) first,
-		* then full-text hits not already covered, snippets carried for the body
-		* matches. Pure; empty queries yield no panel.
-		*/
-		function mergeRailSearch(query, lessons, textHits) {
-			const keys = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
-			if (keys.length === 0) return [];
-			const rows = [];
-			const seen = /* @__PURE__ */ new Set();
-			const matches = (title) => keys.every((k) => title.toLowerCase().includes(k));
-			for (const lesson of lessons) {
-				if (lesson.kind === "exam" || lesson.status === "locked" || !matches(lesson.title)) continue;
-				rows.push({
-					lessonId: lesson.id,
-					title: lesson.title,
-					snippet: "",
-					courseTitle: "",
-					fromTitle: true
-				});
-				seen.add(lesson.id);
-			}
-			for (const hit of textHits) {
-				if (seen.has(hit.lessonId)) continue;
-				rows.push({
-					lessonId: hit.lessonId,
-					title: hit.lessonTitle,
-					snippet: hit.snippet,
-					courseTitle: hit.courseTitle,
-					fromTitle: false
-				});
-				seen.add(hit.lessonId);
-			}
-			return rows.slice(0, 12);
-		}
-		/**
-		* A section's effective openness: the user's explicit toggle (persisted per
-		* course) overrides the frontier-based default. Pure.
-		*/
-		function effectiveOpen(sectionTitle, defaultOpen, overrides) {
-			return overrides[sectionTitle] ?? defaultOpen;
-		}
-		/**
-		* The narrow-mode pane picker: only valid ids, remembering the last choice
-		* (upstream's narrow switcher semantics). Pure.
-		*/
-		function pickNarrowPane(stored) {
-			return stored === "rail" || stored === "chat" || stored === "note" ? stored : "chat";
-		}
-		/**
-		* 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.
-		*/
-		function sectionDefaultOpen(section) {
-			return section.lessons.some((l) => l.focus || l.kind !== "exam" && l.status !== "mastered" && l.status !== "locked");
-		}
-		/**
-		* C1 sticky-follow: the stream follows new rows only while the reader is
-		* within `tolerance` of the bottom (upstream's 80px rule — scroll up and the
-		* feed stops chasing you). Pure.
-		*/
-		function isStuck(scrollTop, scrollHeight, clientHeight, tolerance = 80) {
-			return scrollHeight - scrollTop - clientHeight <= tolerance;
-		}
-		/**
-		* C12 touch pane swipe: a horizontal flick (>50px, dominance >2x) switches the
-		* narrow pane neighbor; anything else is not a pane gesture. Pure
-		* (upstream swipeTarget semantics).
-		*/
-		function swipePane(pane, dx, dy) {
-			if (Math.abs(dx) < 50 || Math.abs(dx) <= 2 * Math.abs(dy)) return null;
-			const order = [
-				"rail",
-				"chat",
-				"note"
-			];
-			const idx = order.indexOf(pane);
-			if (idx < 0) return null;
-			const next = dx < 0 ? idx + 1 : idx - 1;
-			return next >= 0 && next < order.length ? order[next] : null;
-		}
-		/**
-		* C12 selection-popover settle: coarse pointers need a longer quiet window
-		* (upstream's 600/250 two-tier). Pure.
-		*/
-		function settleMs(coarse) {
-			return coarse ? 600 : 250;
-		}
-		/**
-		* C9 interleaved review: pick one due lesson at random (Math.random; empty in,
-		* null out). Pure.
-		*/
-		function pickRandomDue(items) {
-			if (items.length === 0) return null;
-			return items[Math.floor(Math.random() * items.length)] ?? null;
-		}
-		/**
-		* Display-side section-title humanizer (0.19 critique round): import-design
-		* section ids arrive as repo-folder slugs ("0-course-setup", "1-Intro") —
-		* strip the leading episode number, hyphen/underscore runs become spaces.
-		* Keys, anchors, and ids stay raw; this is presentation only. Never returns
-		* an empty string (a title that humanizes to nothing keeps its raw form).
-		*/
-		function humanizeSectionTitle(raw) {
-			const t = raw.trim().replace(/^\d+[.\-_ ]+/, "").replace(/[\-_]+/g, " ").replace(/\s+/g, " ").trim();
-			return t === "" ? raw.trim() : t;
-		}
-		/**
-		* Panel-facing error text (0.19 critique round): raw err.message (host RPC
-		* internals like "prompt rejected: …") never renders in the DOM — the user
-		* gets one honest locale line, the raw error goes to the console.
-		*/
-		function friendlyError(err, kind = "action", t = tr) {
-			console.error("[lookatstudy]", err);
-			return t(kind === "send" ? "error.send" : "error.action");
-		}
-		//#endregion
 		//#region src/client/maprail.tsx
 		/**
 		* RailList — the course rail as a quiet list (owner decision 2026-09-08: the
@@ -6173,6 +6054,10 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 						y
 					});
 				};
+				const panelZoom = () => {
+					const z = parseFloat(document.querySelector(".lks-ui")?.style.zoom ?? "1");
+					return Number.isFinite(z) && z > 0 ? z : 1;
+				};
 				const onMove = (e) => {
 					if (coarse) return;
 					const el = target(e);
@@ -6180,7 +6065,8 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 						setTip(null);
 						return;
 					}
-					show(el, e.clientX + 12, e.clientY + 16);
+					const z = panelZoom();
+					show(el, (e.clientX + 10) / z, (e.clientY + 12) / z);
 				};
 				const onLeave = () => {
 					setTip(null);
@@ -6197,7 +6083,8 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					pressTimer.current = setTimeout(() => {
 						if (Math.hypot(e.clientX - start.x, e.clientY - start.y) < 10) {
 							const r = el.getBoundingClientRect();
-							show(el, r.left + r.width / 2 - 80, r.top - 36);
+							const z = panelZoom();
+							show(el, (r.left + r.width / 2 - 80) / z, (r.top - 36) / z);
 						}
 					}, 500);
 				};
@@ -6225,12 +6112,14 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				};
 			}, []);
 			if (tip === null) return null;
+			const z = parseFloat(document.querySelector(".lks-ui")?.style.zoom ?? "1") || 1;
+			const clamped = clampTip(tip.x, tip.y, 200, 40, window.innerWidth / z, window.innerHeight / z);
 			return (0, react.createElement)("div", {
 				className: "lks-tip",
 				role: "tooltip",
 				style: {
-					left: `${String(clampTip(tip.x, tip.y, 200, 40, window.innerWidth, window.innerHeight).x)}px`,
-					top: `${String(clampTip(tip.x, tip.y, 200, 40, window.innerWidth, window.innerHeight).y)}px`
+					left: `${String(clamped.x)}px`,
+					top: `${String(clamped.y)}px`
 				}
 			}, tip.text);
 		}
@@ -6757,7 +6646,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 		* transition here — the client bundle stays dependency-free.)
 		* @module dsh-plugin-lookatstudy/client/celebration-layer
 		*/
-		/** prefers-reduced-motion, live-updating (the companion rides the same rule). */
+		/** prefers-reduced-motion, live-updating. */
 		function usePrefersReducedMotion() {
 			const [reduced, setReduced] = (0, react.useState)(() => typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
 			(0, react.useEffect)(() => {
@@ -6987,7 +6876,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const body = (0, react.createElement)(ErrorBoundary, { key: `b-${row.key}` }, (0, react.createElement)("div", {
 				className: cls,
 				"data-row-key": row.key,
-				dangerouslySetInnerHTML: { __html: renderMarkdown(row.text) }
+				dangerouslySetInnerHTML: { __html: renderMarkdown(normalizeMathNotation(row.text)) }
 			}));
 			if (audio !== void 0 && row.role === "assistant") return (0, react.createElement)("div", {
 				key: row.key,
@@ -7097,24 +6986,39 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, []);
 			const [rows, setRows] = (0, react.useState)([]);
 			const [pressure, setPressure] = (0, react.useState)(null);
+			const [breakdown, setBreakdown] = (0, react.useState)(null);
 			const importProgress = (0, react.useMemo)(() => importProgressOf(rows), [rows]);
 			const contextMeter = (0, react.useMemo)(() => {
 				if (pressure !== null && pressure.contextWindow !== void 0 && pressure.contextWindow > 0 && pressure.projectedTokens !== void 0) return {
 					pct: Math.min(100, Math.round(pressure.projectedTokens / pressure.contextWindow * 100)),
-					label: `${String(pressure.projectedTokens)}/${String(pressure.contextWindow)}`,
-					estimated: false
+					estimated: false,
+					used: pressure.projectedTokens,
+					window: pressure.contextWindow
+				};
+				const est = Math.round(rows.reduce((n, r) => n + r.text.length, 0) / 2.2);
+				const window = data?.model?.contextWindow ?? null;
+				if (window !== null && window > 0) return {
+					pct: Math.min(100, Math.round(est / window * 100)),
+					estimated: true,
+					used: est,
+					window
 				};
-				const chars = rows.reduce((n, r) => n + r.text.length, 0);
 				return {
 					pct: null,
-					label: tr("meter.estimate", { n: String(Math.round(chars / 2.2)) }),
-					estimated: true
+					estimated: true,
+					used: est,
+					window: null
 				};
-			}, [pressure, rows]);
+			}, [
+				pressure,
+				rows,
+				data?.model
+			]);
 			const [feedAttached, setFeedAttached] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)("");
 			const [narrowPane, setNarrowPane] = (0, react.useState)(pickNarrowPane(null));
 			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 streamEl = (0, react.useRef)(null);
 			const touchStart = (0, react.useRef)(null);
@@ -7187,14 +7091,25 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				let off;
 				try {
 					const actx = ctx.sessions.scope(boundId);
-					const proj = (actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx))?.projections?.faceOf("contextPressure");
+					const face = actx === void 0 ? void 0 : ctx.sessions.sessionOf(actx);
+					const proj = face?.projections?.faceOf("contextPressure");
+					const bproj = face?.projections?.faceOf("contextBreakdown");
 					if (proj !== void 0) {
 						const read = () => {
+							if (disposed) return;
 							const snap = proj.getSnapshot();
-							if (!disposed && snap !== void 0 && typeof snap === "object") setPressure({
+							if (snap !== void 0 && typeof snap === "object") setPressure({
 								projectedTokens: snap.projectedTokens,
 								contextWindow: snap.contextWindow
 							});
+							if (bproj !== void 0) {
+								const bsnap = bproj.getSnapshot();
+								if (bsnap !== void 0 && typeof bsnap === "object") setBreakdown({
+									systemTokens: bsnap.systemTokens ?? 0,
+									toolsTokens: bsnap.toolsTokens ?? 0,
+									messageTokens: bsnap.messageTokens ?? 0
+								});
+							}
 						};
 						read();
 						off = proj.subscribe(read);
@@ -7361,8 +7276,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					window.removeEventListener("lookatstudy-exam-generate", onGenerate);
 				};
 			}, [send]);
-			const companion = useCompanionMood();
-			const setCompanionEvent = companion.emit;
 			const progress = data?.progress ?? null;
 			const body = (0, react.createElement)("div", {
 				className: "lks14-body",
@@ -7392,9 +7305,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onJumped: () => {
 					setNarrowPane("chat");
 				},
-				onBlankTap: () => {
-					setCompanionEvent("poke");
-				},
 				streamingLessonId: feedGen && lesson !== null ? lesson.lessonId : null,
 				turnActive: feedGen,
 				importProgress,
@@ -7429,7 +7339,12 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onClick: () => {
 					setZoom(zoomTier + .1);
 				}
-			}, "A+"))), (0, react.createElement)("div", { className: "lks14-row" }, (0, react.createElement)(ChatPane, {
+			}, "A+"))), (0, react.createElement)("div", { className: "lks14-row" }, examLessonActive ? (0, react.createElement)("div", { className: "lks14-col lks14-chat" }, (0, react.createElement)(ExamView, {
+				lessonId: lesson.lessonId,
+				sectionTitle: lesson.sectionTitle,
+				paused: examLeave !== null,
+				onSessionChange: onExamSession
+			})) : (0, react.createElement)(ChatPane, {
 				data,
 				lesson,
 				rows,
@@ -7443,20 +7358,17 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				stop,
 				setMode,
 				narrowPane,
-				companionEvent: setCompanionEvent,
 				onThreadJump: (id) => {
 					setNarrowPane("chat");
 					guardedSetFocus(id);
 				},
 				contextMeter,
+				contextBreakdown: breakdown,
 				uploadAttachment
 			}), (0, react.createElement)(NotebookPane, {
 				data,
 				deleteNote,
-				send,
-				companionEvent: setCompanionEvent,
-				onExamSession,
-				examPaused: examLeave !== null
+				send
 			}))));
 			return (0, react.createElement)("div", {
 				className: "lks14 lks-ui",
@@ -7490,13 +7402,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					setNarrowPane("chat");
 					send(tr("prompt.start"));
 				}
-			}) : null, (0, react.createElement)(Companion, {
-				mood: companion.mood,
-				onPoke: () => {
-					setCompanionEvent("poke");
-					showStudyToast(tr("companion.poked"), { severity: "success" });
-				}
-			}), (0, react.createElement)("div", { className: "lks14-switch" }, ...[
+			}) : null, (0, react.createElement)("div", { className: "lks14-switch" }, ...[
 				"rail",
 				"chat",
 				"note"
@@ -7764,7 +7670,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			PANEL_SHELL.current = shell;
 		}
 		/** 左栏:course picker, tree, review box, import. */
-		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, send, onJumped, onBlankTap, streamingLessonId, turnActive, importProgress, stop, paletteBus }) {
+		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, send, onJumped, streamingLessonId, turnActive, importProgress, stop, paletteBus }) {
 			const [selectedCourse, setSelectedCourse] = (0, react.useState)("");
 			const [query, setQuery] = (0, react.useState)("");
 			const [searchRows, setSearchRows] = (0, react.useState)([]);
@@ -7835,7 +7741,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				turnActive
 			]);
 			const course = data?.courses.find((c) => c.courseId === courseId) ?? null;
-			const blankDown = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				if (optFocus !== null && data?.focusLessonId === optFocus) setOptFocus(null);
 			}, [data?.focusLessonId, optFocus]);
@@ -7955,20 +7860,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, (0, react.createElement)(IconWrenchOutline16, { size: 13 }), tr("map.world.practice"))) : null)) : railtabs);
 			const mapPane = data === null ? (0, react.createElement)("div", { className: "lks14-empty" }, tr("loading")) : course === null ? null : (0, react.createElement)("div", {
 				className: "lks14-railscroll",
-				ref: scrollEl,
-				onPointerDown: (e) => {
-					blankDown.current = {
-						x: e.clientX,
-						y: e.clientY
-					};
-				},
-				onClick: (e) => {
-					const d = blankDown.current;
-					blankDown.current = null;
-					if (d === null || Math.hypot(e.clientX - d.x, e.clientY - d.y) > 6) return;
-					if (e.target.closest("button, a, input, textarea, select") !== null) return;
-					onBlankTap();
-				}
+				ref: scrollEl
 			}, (0, react.createElement)("div", { className: "lks-raillist" }, query.trim() === "" && world === "practice" && !course.sections.some((s) => sectionWorldOf(s) === "practice") ? (0, react.createElement)("div", { className: "lks-empty-practice" }, tr("map.empty.practice")) : course.sections.filter((s) => query.trim() !== "" || sectionWorldOf(s) === world).flatMap((section) => {
 				const examAllowed = examOpen(section.lessons);
 				const lessons = section.lessons.filter((l) => query.trim() === "" || titleMatches(l.title, query) || l.focus);
@@ -8375,9 +8267,10 @@ 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, companionEvent, onThreadJump, contextMeter, uploadAttachment }) {
+		function ChatPane({ data, lesson, rows, feedAttached, bound, busy, sendError, draft, setDraft, send, stop, setMode, narrowPane, onThreadJump, contextMeter, contextBreakdown, uploadAttachment }) {
 			const stuck = (0, react.useRef)(true);
 			const [showFab, setShowFab] = (0, react.useState)(false);
+			const [threadsOpen, setThreadsOpen] = (0, react.useState)(false);
 			const onStreamScroll = () => {
 				const el = streamEl.current;
 				if (el === null) return;
@@ -8391,6 +8284,15 @@ 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.length, lastIsUser]);
+			(0, react.useEffect)(() => {
+				const root = streamEl.current;
+				if (root === null) return;
+				for (const el of root.querySelectorAll(".lks14-msg-assistant:not(.streaming)")) {
+					if (el.dataset.lksFeedEnhanced === "1") continue;
+					el.dataset.lksFeedEnhanced = "1";
+					enhanceRendered(el).catch(() => {});
+				}
+			}, [rows]);
 			const dormant = data?.active !== true;
 			(0, react.useEffect)(() => {
 				if (!busy) return;
@@ -8402,6 +8304,37 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					window.removeEventListener("keydown", onKey);
 				};
 			}, [busy, stop]);
+			(0, react.useEffect)(() => {
+				if (!threadsOpen) return;
+				const onKey = (e) => {
+					if (e.key === "Escape") setThreadsOpen(false);
+				};
+				const onDown = (e) => {
+					if (e.target.closest(".lks14-threadswitch") === null) setThreadsOpen(false);
+				};
+				window.addEventListener("keydown", onKey);
+				document.addEventListener("pointerdown", onDown);
+				return () => {
+					window.removeEventListener("keydown", onKey);
+					document.removeEventListener("pointerdown", onDown);
+				};
+			}, [threadsOpen]);
+			const [ctxOpen, setCtxOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!ctxOpen) return;
+				const onKey = (e) => {
+					if (e.key === "Escape") setCtxOpen(false);
+				};
+				const onDown = (e) => {
+					if (e.target.closest(".lks14-ctxring-wrap") === null) setCtxOpen(false);
+				};
+				window.addEventListener("keydown", onKey);
+				document.addEventListener("pointerdown", onDown);
+				return () => {
+					window.removeEventListener("keydown", onKey);
+					document.removeEventListener("pointerdown", onDown);
+				};
+			}, [ctxOpen]);
 			const { tts } = useStudy();
 			const [msgAudio, setMsgAudio] = (0, react.useState)(null);
 			const msgReadCtl = (0, react.useRef)(null);
@@ -8437,11 +8370,11 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				}
 			};
 			const playMessage = (key) => {
-				const el = rowElement(key);
-				if (el === null) return;
-				const sentences = speechSentencesOf((el.textContent ?? "").trim());
+				if (rowElement(key) === null) return;
+				const raw = rowsView.find((r) => r.key === key && r.role === "assistant")?.text;
+				if (raw === void 0) return;
+				const sentences = speechSentencesOf(raw);
 				if (sentences.length === 0) return;
-				companionEvent("talk-start");
 				msgReadCtl.current?.stop();
 				const voice = storedTtsVoice();
 				const prefetch = /* @__PURE__ */ new Map();
@@ -8454,7 +8387,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					}
 					return tts(text, voice);
 				};
-				const controller = new ReadAloudController(sentences, {
+				const controller = new ReadAloudController(sentences.map((s) => speakMathInSentence(s)), {
 					speak: (text) => fetchAudio(text).then((buf) => new Promise((resolve, reject) => {
 						const blobUrl = URL.createObjectURL(new Blob([buf], { type: "audio/mpeg" }));
 						const audio = new Audio(blobUrl);
@@ -8522,7 +8455,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				});
 			};
 			const stopMessage = () => {
-				companionEvent("talk-end");
 				msgReadCtl.current?.stop();
 				setMsgAudio(null);
 				document.querySelectorAll("mark.lks-reading").forEach((m) => {
@@ -8550,9 +8482,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					data: artifact.data,
 					masteryPct: lesson.masteryPct,
 					send,
-					onFinished: (allCorrect) => {
-						companionEvent(allCorrect ? "celebrate" : "encourage");
-					}
+					onFinished: () => {}
 				}) : (0, react.createElement)(ArtifactCard, {
 					artifact,
 					send
@@ -8650,20 +8580,29 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					}));
 					send(tr("proposal.decline.msg", { lesson: proposal.lessonTitle }));
 				}
-			}, tr("proposal.decline"))) : decidedBadge !== null ? (0, react.createElement)("div", { className: `lks-propbanner decided ${decidedBadge.kind}` }, decidedBadge.kind === "accepted" ? (0, react.createElement)(IconCrownFill16, { size: 14 }) : (0, react.createElement)(IconBookFill16, { size: 14 }), (0, react.createElement)("span", { className: "lks-propbanner-why" }, tr(decidedBadge.kind === "accepted" ? "proposal.applied" : "proposal.rejected", { lesson: decidedBadge.title }))) : null, lesson !== null || !dormant ? (0, react.createElement)("div", { className: "lks14-lessonrow" }, lesson !== null ? (0, react.createElement)("span", null, lesson.title) : (0, react.createElement)("span", null, tr("col.tutor")), threadPills.length > 0 ? (0, react.createElement)("span", {
-				className: "lks14-threadpills",
-				role: "tablist",
-				"aria-label": tr("threads.label")
+			}, tr("proposal.decline"))) : decidedBadge !== null ? (0, react.createElement)("div", { className: `lks-propbanner decided ${decidedBadge.kind}` }, decidedBadge.kind === "accepted" ? (0, react.createElement)(IconCrownFill16, { size: 14 }) : (0, react.createElement)(IconBookFill16, { size: 14 }), (0, react.createElement)("span", { className: "lks-propbanner-why" }, tr(decidedBadge.kind === "accepted" ? "proposal.applied" : "proposal.rejected", { lesson: decidedBadge.title }))) : null, lesson !== null || !dormant ? (0, react.createElement)("div", { className: "lks14-lessonrow" }, lesson !== null ? (0, react.createElement)("span", null, lesson.title) : (0, react.createElement)("span", null, tr("col.tutor")), threadPills.length > 0 ? (0, react.createElement)("div", { className: "lks14-threadswitch" }, (0, react.createElement)("button", {
+				className: "lks14-threadchip",
+				"aria-expanded": String(threadsOpen),
+				"data-tooltip": tr("threads.label"),
+				onClick: () => {
+					setThreadsOpen((v) => !v);
+				}
+			}, 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", {
 				key: p.id,
-				className: `lks14-threadpill${p.current ? " on" : ""}`,
-				role: "tab",
-				"aria-selected": String(p.current),
-				"data-tooltip": p.title,
+				className: `lks14-threadmenu-row${p.current ? " on" : ""}`,
+				role: "menuitem",
+				"aria-current": p.current ? "true" : void 0,
 				onClick: () => {
+					setThreadsOpen(false);
 					if (!p.current) onThreadJump(p.id);
 				}
-			}, p.title))) : null) : null, bound && lesson !== null ? (0, react.createElement)("div", { className: "lks14-threadlabel" }, tr("thread.label", { title: lesson.title })) : null, (0, react.createElement)("div", {
+			}, (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", {
 				className: "lks14-stream",
 				onScroll: onStreamScroll,
 				ref: streamEl,
@@ -8687,9 +8626,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				data: a.data,
 				masteryPct: lesson.masteryPct,
 				send,
-				onFinished: (allCorrect) => {
-					companionEvent(allCorrect ? "celebrate" : "encourage");
-				}
+				onFinished: () => {}
 			})), ...backlog.filter((a) => a.artifactType !== "quiz").map((a) => (0, react.createElement)(ArtifactCard, {
 				key: a.id,
 				artifact: a,
@@ -8703,14 +8640,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					if (!dormant) send(s.message);
 				}
 			}, s.label))) : null, (0, react.createElement)("div", { className: "lks14-composer" }, (0, react.createElement)("div", {
-				className: "lks14-ctxmeter",
-				"data-testid": "context-meter",
-				"data-estimated": String(contextMeter.estimated),
-				title: tr("meter.label")
-			}, (0, react.createElement)("span", { className: "lks14-ctxmeter-bar" }, (0, react.createElement)("i", {
-				style: { transform: `scaleX(${String((contextMeter.pct ?? 0) / 100)})` },
-				className: contextMeter.pct !== null && contextMeter.pct > 80 ? "hot" : void 0
-			})), (0, react.createElement)("span", { className: "lks14-ctxmeter-label" }, contextMeter.estimated ? contextMeter.label : `${String(contextMeter.pct ?? 0)}% · ${contextMeter.label}`)), (0, react.createElement)("div", {
 				className: "lks14-composer-card",
 				onDragOver: (e) => {
 					if (e.dataTransfer?.types.includes("Files") === true) e.preventDefault();
@@ -8765,7 +8694,55 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					if (file !== void 0 && file !== null) attachFile(file);
 					e.target.value = "";
 				}
-			}), busy ? (0, react.createElement)("button", {
+			}), contextMeter.pct !== null ? (0, react.createElement)("span", {
+				className: "lks14-ctxring-wrap",
+				key: "ctxring"
+			}, (0, react.createElement)("button", {
+				className: "lks14-ctxring",
+				"data-testid": "context-meter",
+				"data-estimated": String(contextMeter.estimated),
+				"aria-label": tr("meter.aria", { pct: String(contextMeter.pct) }),
+				"data-tooltip": tr("meter.aria", { pct: String(contextMeter.pct) }),
+				"aria-haspopup": "dialog",
+				"aria-expanded": String(ctxOpen),
+				onClick: () => {
+					setCtxOpen((v) => !v);
+				}
+			}, (0, react.createElement)("svg", {
+				viewBox: "0 0 14 14",
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			}, (0, react.createElement)("circle", {
+				className: "track",
+				cx: 7,
+				cy: 7,
+				r: 5.5
+			}), (0, react.createElement)("circle", {
+				className: `fill${contextMeter.pct > 80 ? " hot" : ""}`,
+				cx: 7,
+				cy: 7,
+				r: 5.5,
+				strokeDasharray: `${String(2 * Math.PI * 5.5 * contextMeter.pct / 100)} ${String(2 * Math.PI * 5.5)}`,
+				transform: "rotate(-90 7 7)"
+			}))), ctxOpen ? (0, react.createElement)("div", {
+				className: "lks14-ctxpanel",
+				role: "dialog",
+				"aria-label": tr("meter.label")
+			}, (0, react.createElement)("div", { className: "lks14-ctxpanel-head" }, (0, react.createElement)("span", { className: "lks14-ctxpanel-pct" }, `${String(contextMeter.pct)}%`), (0, react.createElement)("span", { className: "lks14-ctxpanel-figs" }, `~${fmtTokens(contextMeter.used ?? 0)} / ${fmtTokens(contextMeter.window ?? 0)}`)), (0, react.createElement)("div", { className: "lks14-ctxpanel-bar" }, ...ctxSegments(contextMeter.pct, contextBreakdown).map((s) => (0, react.createElement)("i", {
+				key: s.key,
+				className: s.cls,
+				style: { width: `${String(s.width)}%` }
+			}))), contextBreakdown !== null ? (0, react.createElement)("div", { className: "lks14-ctxpanel-rows" }, (0, react.createElement)("div", { className: "lks14-ctxpanel-row" }, (0, react.createElement)("span", {
+				className: "swatch sys",
+				"aria-hidden": "true"
+			}), tr("meter.brk.system"), (0, react.createElement)("b", null, `~${fmtTokens(contextBreakdown.systemTokens)}`)), (0, react.createElement)("div", { className: "lks14-ctxpanel-row" }, (0, react.createElement)("span", {
+				className: "swatch tools",
+				"aria-hidden": "true"
+			}), tr("meter.brk.tools"), (0, react.createElement)("b", null, `~${fmtTokens(contextBreakdown.toolsTokens)}`)), (0, react.createElement)("div", { className: "lks14-ctxpanel-row" }, (0, react.createElement)("span", {
+				className: "swatch msgs",
+				"aria-hidden": "true"
+			}), tr("meter.brk.messages"), (0, react.createElement)("b", null, `~${fmtTokens(contextBreakdown.messageTokens)}`))) : null, contextMeter.estimated ? (0, react.createElement)("div", { className: "lks14-ctxpanel-note" }, tr("meter.estimate.note")) : null) : null) : null, busy ? (0, react.createElement)("button", {
 				className: "lks-btn-send stop",
 				"aria-label": tr("chat.stop"),
 				"data-tooltip": tr("chat.stop"),
@@ -8790,7 +8767,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			}, "▾") : null, sendError !== null || error !== null ? (0, react.createElement)("div", { className: "lks-propcard-err" }, sendError ?? error) : null));
 		}
 		/** 右栏:the notebook — 讲解/概念图/笔记 tabs (upstream NotebookPanel arrangement). */
-		function NotebookPane({ data, deleteNote, send, companionEvent, onExamSession, examPaused }) {
+		function NotebookPane({ data, deleteNote, send }) {
 			const lesson = data?.lesson ?? null;
 			const [tab, setTab] = (0, react.useState)("teach");
 			const [error, setError] = (0, react.useState)(null);
@@ -8824,18 +8801,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					setError(friendlyError(err, "action"));
 				});
 			};
-			const examContent = lesson !== null && lesson.kind === "exam" ? (() => {
-				const section = data?.courses.flatMap((c) => c.sections).find((s) => s.lessons.some((l) => l.id === lesson.lessonId));
-				return examOpen(section?.lessons ?? []) ? (0, react.createElement)(ExamView, {
-					lessonId: lesson.lessonId,
-					sectionTitle: lesson.sectionTitle,
-					paused: examPaused,
-					onSessionChange: onExamSession
-				}) : (0, react.createElement)("div", {
-					className: "lks14-empty",
-					style: { padding: "16px 0" }
-				}, tr("status.exam"));
-			})() : null;
 			const artifacts = lesson?.artifacts ?? [];
 			const [, setUnseenTick] = (0, react.useState)(0);
 			const unseen = unseenArtifacts(lesson?.lessonId ?? "", artifacts);
@@ -8923,7 +8888,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const [rateBusy, setRateBusy] = (0, react.useState)(false);
 			const startReading = () => {
 				if (lesson === null || lesson.speechText.trim() === "") return;
-				companionEvent("talk-start");
 				readCtl.current?.stop();
 				const sentences = speechSentencesOf(lesson.speechText);
 				const voice = storedTtsVoice();
@@ -9004,7 +8968,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				});
 			};
 			const stopReading = () => {
-				companionEvent("talk-end");
 				readCtl.current?.stop();
 				setRead(null);
 			};
@@ -9079,7 +9042,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onClick: () => {
 					setRateBusy(true);
 					recordReview(lesson.lessonId, Number(q)).then(() => {
-						companionEvent(Number(q) >= 4 ? "celebrate" : "encourage");
 						const rateEl = document.querySelector(`[data-lks-rate="${lesson.lessonId}"]`);
 						const rr = Number(q) >= 4 && rateEl !== null ? rateEl.getBoundingClientRect() : null;
 						celebrate(Number(q) >= 4 ? "correct" : "wrong", rr !== null ? { origin: {
@@ -9307,7 +9269,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 					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: "lks14-col lks14-note" }, examContent !== null ? (0, react.createElement)("div", { className: "lks14-notebody" }, examContent) : body, examContent === null && confirmNoteDel !== null ? (0, react.createElement)(ConfirmCard, {
+			return (0, react.createElement)("div", { className: "lks14-col lks14-note" }, body, confirmNoteDel !== null ? (0, react.createElement)(ConfirmCard, {
 				anchor: confirmNoteDel.rect,
 				message: tr("note.delete.confirm"),
 				danger: true,
@@ -9575,7 +9537,6 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 			const { data, setMode, activate, setHistoryBudget } = useStudy();
 			const [error, setError] = (0, react.useState)(null);
 			const [voice, setVoice] = (0, react.useState)(storedTtsVoice);
-			const [companion, setCompanion] = (0, react.useState)(storedCompanionForm);
 			const fire = (action) => {
 				action.then(() => {
 					setError(null);
@@ -9602,17 +9563,7 @@ mark.lks-hl{background:var(--dsw-alias-state-warn-tertiary);color:inherit;border
 				onClick: () => {
 					if (data !== null) fire(setHistoryBudget(!(data.historyBudget === true)));
 				}
-			}, data?.historyBudget === true ? tr("settings.budget.off") : tr("settings.budget.on")))), (0, react.createElement)("section", { className: "lks-set-row" }, (0, react.createElement)("h3", null, tr("settings.companion")), (0, react.createElement)("p", { className: "lks-set-hint" }, tr("settings.companion.hint")), (0, react.createElement)("div", null, (0, react.createElement)("select", {
-				className: "lks-set-select",
-				value: companion,
-				onChange: (e) => {
-					storeCompanionForm(normalizeCompanionForm(e.target.value));
-					setCompanion(normalizeCompanionForm(e.target.value));
-				}
-			}, ...COMPANION_FORMS.map((f) => (0, react.createElement)("option", {
-				key: f.id,
-				value: f.id
-			}, tr(f.labelKey)))))), (0, react.createElement)("section", { className: "lks-set-row" }, (0, react.createElement)("h3", null, tr("settings.voice")), (0, react.createElement)("p", { className: "lks-set-hint" }, tr("settings.voice.hint")), (0, react.createElement)("div", null, (0, react.createElement)("select", {
+			}, data?.historyBudget === true ? tr("settings.budget.off") : tr("settings.budget.on")))), (0, react.createElement)("section", { className: "lks-set-row" }, (0, react.createElement)("h3", null, tr("settings.voice")), (0, react.createElement)("p", { className: "lks-set-hint" }, tr("settings.voice.hint")), (0, react.createElement)("div", null, (0, react.createElement)("select", {
 				className: "lks-set-select",
 				value: voice,
 				onChange: (e) => {