dsh-plugin-lookatstudy 0.12.0 → 0.12.2

package/lib/client.js

@@ -22,7 +22,14 @@ window.__ModuleLoader__.load({
 		* fonts, and radii come from `--dsw-*` tokens wherever the concept exists.
 		*/
 		const STUDY_CSS = `
-.lks-root{font-family:var(--dsw-font-family)}
+/* State inks: small colored text must clear WCAG AA (4.5:1), but the host's
+   raw state tokens (success/warn primaries) sit at 2.3–2.6:1 on light
+   backgrounds, and success/error *label* aliases are not published by this
+   host at all (the tv-chip used to reference them and silently inherit).
+   Mixing the state color toward label-primary keeps the hue while pulling
+   luminance to the readable pole — and works in BOTH themes, because
+   label-primary is always the current theme's high-contrast ink. */
+.lks-root{--lks-warn-ink:color-mix(in srgb,var(--dsw-alias-state-warn-label) 45%,var(--dsw-alias-label-primary));--lks-ok-ink:color-mix(in srgb,var(--dsw-alias-state-success-primary) 40%,var(--dsw-alias-label-primary));--lks-err-ink:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,var(--dsw-alias-label-primary));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)}
 
@@ -42,9 +49,9 @@ window.__ModuleLoader__.load({
 /* 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-colhead{flex:none;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
 .lks-col-rail{flex:0 1 260px;min-width:180px;overflow-y:auto;padding:2px 6px}
-.lks-col-tutor{flex:0 1 auto;width:min(100%,var(--dsh-composer-card-max-width,780px),42cqi);min-width:360px}
+.lks-col-tutor{flex:0 1 auto;width:min(100%,var(--dsh-composer-card-max-width,780px),42cqi);min-width:360px;overflow:hidden}
 .lks-col-bb{flex:1 1 0;min-width:320px;overflow-y:auto;padding:2px 6px}
 /* While the study view is mounted in wide mode, the host composer card is
    shifted under the tutor column (the transcript's width axis) instead of the
@@ -60,7 +67,7 @@ window.__ModuleLoader__.load({
 .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}
+.lks-switch-btn.on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 86%,#000);color:#fff;font-weight:600}
 @container lksstudy (max-width: 1220px){
   .lks-body{flex-direction:column}
   .lks-switch{display:flex}
@@ -77,37 +84,37 @@ window.__ModuleLoader__.load({
 .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-rail-sub{font-size:13px;color:var(--dsw-alias-label-secondary);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 i{display:block;height:100%;width:100%;background:var(--dsw-alias-state-success-primary);transform-origin:0 50%;transition:transform .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);box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}
-.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-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(--lks-warn-ink);font-size:11px;font-weight:700;margin-right:4px}
+.lks-tag.due{background:var(--dsw-alias-state-warn-tertiary);color:var(--lks-warn-ink)}
 .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-import-hint{font-size:12.5px;color:var(--dsw-alias-label-secondary);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-duebox .lks-over{color:var(--lks-warn-ink);flex:none}
 
-.lks-sec{font-size:12px;color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 4px}
+.lks-sec{font-size:12px;color:var(--dsw-alias-label-secondary);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 4px}
 /* Collapsible section head: a real button (keyboard can toggle it), sticky so
    the current chapter stays identified while 4000px of nodes scroll under it. */
-.lks-sechead{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;font-size:12px;font-weight:600;color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:6px 4px;margin:14px 0 4px;border-radius:6px;position:sticky;top:0;z-index:1;background:var(--dsw-alias-bg-base)}
+.lks-sechead{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary);text-align:left;padding:6px 4px;margin:14px 0 4px;border-radius:6px;position:sticky;top:0;z-index:1;background:var(--dsw-alias-bg-base)}
 .lks-sechead:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}
-.lks-sechead:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3);outline:none}
+.lks-sechead:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);outline:none}
 .lks-sechead-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lks-sechead-c{flex:none;font-size:10px}
 .lks-sechead-n{flex:none;font-size:11px;text-transform:none;letter-spacing:0}
 .lks-node{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 9px;border-radius:8px;margin:1px 0;cursor:pointer}
 .lks-node:hover{background:var(--dsw-alias-interactive-bg-hover)}
-.lks-node:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3);outline:none}
+.lks-node:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);outline:none}
 .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}
@@ -117,13 +124,13 @@ window.__ModuleLoader__.load({
 .lks-node[aria-disabled='true']{opacity:.45;cursor:not-allowed}
 .lks-node[aria-disabled='true']: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-tag.weak{background:var(--dsw-alias-state-warn-tertiary);color:var(--lks-warn-ink)}
+.lks-tag.fric{background:var(--dsw-alias-state-error-tertiary);color:var(--lks-err-ink)}
 .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-bar i{display:block;height:100%;width:100%;background:var(--dsw-alias-state-success-primary);transform-origin:0 50%}
+.lks-pct{font-size:12px;color:var(--dsw-alias-label-secondary);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}
+.lks-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:48px 8px;font-size:14px;line-height:2}
 .lks-actbar{display:flex;flex-direction:row;justify-content:flex-end;flex:none;padding-bottom:8px}
 
 /* ── middle column: the tutor ── */
@@ -132,31 +139,43 @@ window.__ModuleLoader__.load({
 .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.thinking{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dsw-alias-label-secondary);background:none;border-radius:0;padding:2px}
 .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-opt:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);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:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);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)}
 
+/* SVG glyph alignment (status icons, tag badges, dock segments, icon buttons) */
+.lks-g svg{display:block;margin:0 auto}
+.lks-tag{display:inline-flex;align-items:center;gap:2px;line-height:1}
+.lks-dockseg{display:inline-flex;align-items:center;gap:3px}
+.lks-dock-due svg,.lks-dock-streak svg{flex:none}
+.lks-dock-due.lks-muted svg,.lks-dock-streak.lks-muted svg{opacity:.75}
+.lks-btn svg,.lks-viewtab svg,.lks-sechead svg{flex:none}
+.lks-viewtab svg,.lks-btn svg{align-self:center}
+
 /* 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}
 
+/* dormant state: pills/starters stay visible but inert (aria-disabled, same
+   contract as locked lesson rows — focusable so the hint explains why) */
+.lks-pill[aria-disabled='true'],.lks-starter[aria-disabled='true']{opacity:.45;cursor:not-allowed}
+.lks-pill[aria-disabled='true']:hover,.lks-starter[aria-disabled='true']:hover{background:transparent;border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary)}
+.lks-dormant{font-size:13px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px dashed var(--dsw-alias-border-l2);border-radius:10px;padding:10px 12px;margin:8px 0;line-height:1.7}
+
 /* 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}
@@ -168,7 +187,8 @@ window.__ModuleLoader__.load({
 .lks-banner{display:flex;align-items:center;gap:10px;background:var(--dsw-alias-state-business-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:focus-visible,.lks-starter:focus-visible,.lks-switch-btn:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);outline:none}
+.lks-btn.primary{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 86%,#000);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)}
@@ -176,10 +196,18 @@ window.__ModuleLoader__.load({
 
 /* ── 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-lessonhead .lks-meta{color:var(--dsw-alias-label-secondary);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)}
+.lks-chip.weak{background:var(--dsw-alias-state-warn-tertiary);color:var(--lks-warn-ink)}
+
+/* blackboard view tabs (same joined-capsule button language as the narrow
+   mode switcher — buttons, not tabs, against the host's view tabs above) */
+.lks-viewtabs{display:flex;gap:2px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:999px;padding:3px;width:max-content;margin:10px 0}
+.lks-viewtab{border-radius:999px;padding:4px 16px;font-size:13.5px;color:var(--dsw-alias-label-secondary);background:transparent;transition:background .12s ease,color .12s ease}
+.lks-viewtab:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.lks-viewtab.on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 86%,#000);color:#fff;font-weight:600}
+.lks-viewtab:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-state-business-primary);outline:none}
 
 /* rendered markdown (host-sanitized lesson bodies and assistant replies) */
 .lks-prose{font-size:16px;line-height:1.75}
@@ -204,11 +232,15 @@ window.__ModuleLoader__.load({
 /* 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-zone-h{font-size:14px;color:var(--dsw-alias-label-secondary);margin:0 0 8px;font-weight:600}
 .lks-note{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 14px;margin-bottom:8px}
 .lks-note .lks-note-src{float:right;font-size:11.5px;color:var(--dsw-alias-label-secondary)}
 .lks-note .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-text{margin-top:4px;font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.65}
+.lks-note .lks-note-text p{margin:4px 0}
+.lks-note .lks-note-text table{border-collapse:collapse;margin:6px 0;display:block;max-width:100%;overflow-x:auto}
+.lks-note .lks-note-text th,.lks-note .lks-note-text td{border:1px solid var(--dsw-alias-border-l2);padding:4px 8px;font-size:12.5px}
+.lks-note .lks-note-text code{font-family:var(--dsw-font-markdown-code);background:var(--dsw-alias-bg-layer-3);border-radius:4px;padding:1px 4px;font-size:.95em}
 .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) */
@@ -217,25 +249,35 @@ window.__ModuleLoader__.load({
 /* settings section (settings.section entry inside the host settings shell) */
 .lks-settings{display:flex;flex-direction:column;gap:18px;font-family:var(--dsw-font-family);color:var(--dsw-alias-label-primary)}
 .lks-set-row h3{margin:0 0 4px;font-size:15px;font-weight:600}
-.lks-set-hint{margin:0 0 10px;font-size:13px;color:var(--dsw-alias-label-tertiary)}
+.lks-set-hint{margin:0 0 10px;font-size:13px;color:var(--dsw-alias-label-secondary)}
 .lks-set-state{margin-left:10px;font-size:13px;color:var(--dsw-alias-label-secondary)}
 .lks-set-stats{margin:0;padding-left:18px;font-size:14px;line-height:1.9}
 .lks-set-path{font-family:var(--dsw-font-markdown-code);font-size:12.5px;background:var(--dsw-alias-bg-layer-3);border-radius:6px;padding:3px 8px;word-break:break-all}
 
 /* composer dock status pill (conversation.composer.dock entry) */
-.lks-dockpill{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:var(--dsw-alias-label-tertiary)}
+.lks-dockpill{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:var(--dsw-alias-label-secondary)}
 .lks-dockseg{white-space:nowrap}
-.lks-dock-due{color:var(--dsw-alias-state-warn-label)}
+.lks-dock-due{color:var(--lks-warn-ink)}
 .lks-dock-streak{color:var(--dsw-alias-state-business-primary)}
+.lks-dockseg.lks-muted{color:var(--dsw-alias-label-secondary)}
+
+/* concept map legend (amber = weak) */
+.lks-cmap-legend{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dsw-alias-label-secondary);margin-top:4px}
+.lks-cmap-legend i{width:10px;height:10px;border-radius:3px;background:var(--dsw-alias-state-warn-tertiary,#fef5e7);border:1px solid var(--dsw-alias-state-warn-primary,#dd8629)}
 
 /* keyed tool.call.toolview cards (conversation tab tool rows) */
 .lks-tv{display:flex;flex-direction:column;gap:4px;padding:6px 10px;border-radius:10px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);font-size:13px}
 .lks-tv.err{border-color:var(--dsw-alias-state-error-primary)}
 .lks-tv-head{font-weight:600;color:var(--dsw-alias-label-secondary);font-size:12px}
 .lks-tv-chip{align-self:flex-start;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600}
-.lks-tv-chip.ok{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-label)}
-.lks-tv-chip.bad{background:var(--dsw-alias-state-error-tertiary);color:var(--dsw-alias-state-error-label)}
+.lks-tv-chip.ok{background:var(--dsw-alias-state-success-tertiary);color:var(--lks-ok-ink)}
+.lks-tv-chip.bad{background:var(--dsw-alias-state-error-tertiary);color:var(--lks-err-ink)}
 .lks-tv-line{color:var(--dsw-alias-label-secondary);line-height:1.6;white-space:pre-wrap}
+/* exam star card + the failure moment */
+.lks-tv-stars{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--lks-warn-ink)}
+.lks-tv-stars .dim{opacity:.22}
+.lks-tv-stars-label{font-weight:400;color:var(--dsw-alias-label-secondary)}
+.lks-tv-failnote{margin-top:4px;font-size:12.5px;color:var(--dsw-alias-label-secondary);line-height:1.6}
 `;
 		/**
 		* Inject the study stylesheet into `document.head` (idempotent).
@@ -260,6 +302,11 @@ window.__ModuleLoader__.load({
 		* importing the host package root would drag its CSS modules into the
 		* inlined bundle. Re-sync these three paths if the host icon set redesigns
 		* them; scripts/verify.mjs pins the path data.
+		*
+		* 2026-09-01 critique round: seven more ic_ds glyphs vendored (play/plus/
+		* trash/refresh/globe/goal/warning) plus plugin-original learning-domain
+		* companions (lock/star/book/crown/bolt/power/pin/flame) drawn in the same
+		* language — those are NOT ic_ds, see their section comment below.
 		* @module dsh-plugin-lookatstudy/client/icons
 		*/
 		/** ic_ds_think_outline_16 */
@@ -309,6 +356,249 @@ window.__ModuleLoader__.load({
 				fill: "currentColor"
 			}));
 		}
+		/** Vendored 2026-09-01 for the critique icon round (same figma source as the three above). */
+		/** IconPlayOutline16 */
+		function IconPlayOutline16({ 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: "M14.1446 8C14.1446 4.6062 11.3938 1.85539 8 1.85539C4.6062 1.85539 1.85539 4.6062 1.85539 8C1.85539 11.3938 4.6062 14.1446 8 14.1446C11.3938 14.1446 14.1446 11.3938 14.1446 8ZM15.511 8C15.511 12.148 12.148 15.511 8 15.511C3.85202 15.511 0.489014 12.148 0.489014 8C0.489014 3.85202 3.85202 0.489014 8 0.489014C12.148 0.489014 15.511 3.85202 15.511 8Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: "M10.5617 8.42578C10.852 8.21614 10.852 7.78386 10.5617 7.57422L7.25708 5.18751C6.90974 4.93666 6.42436 5.18484 6.42436 5.61329V10.3867C6.42436 10.8152 6.90974 11.0633 7.25708 10.8125L10.5617 8.42578Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconPlusOutline16 */
+		function IconPlusOutline16({ 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.64453 1.5V7.34961H14.5V8.65039H8.64453V14.5H7.34473V8.65039H1.5V7.34961H7.34473V1.5H8.64453Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconTrashOutline16 */
+		function IconTrashOutline16({ 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: "M14.4782 4.84067L14.2138 10.1152C14.1102 12.1872 14.067 13.0115 13.3866 13.9607C13.1044 14.3546 12.7498 14.6912 12.3424 14.9535C11.8239 15.2872 11.2415 15.4316 10.5585 15.4998C9.88727 15.5668 9.04946 15.5656 7.99998 15.5656C6.95051 15.5656 6.1127 15.5668 5.44142 15.4998C4.75851 15.4316 4.17602 15.2872 3.65753 14.9535C3.25012 14.6912 2.89559 14.3546 2.61332 13.9607C1.93296 13.0115 1.88979 12.1872 1.78619 10.1152L1.52179 4.84067L2.89006 4.77277L3.15343 10.0463C3.26221 12.2218 3.32452 12.6015 3.72646 13.1624C3.90825 13.4161 4.13686 13.6334 4.39927 13.8023C4.66204 13.9714 5.00263 14.0792 5.57825 14.1367C6.16562 14.1953 6.92298 14.1963 7.99998 14.1963C9.07699 14.1963 9.83434 14.1953 10.4217 14.1367C10.9973 14.0792 11.3379 13.9714 11.6007 13.8023C11.8631 13.6334 12.0917 13.4161 12.2735 13.1624C12.6755 12.6015 12.7378 12.2218 12.8465 10.0463L13.1099 4.77277L14.4782 4.84067ZM5.43011 6.22849H6.7994V11.3909H5.43011V6.22849ZM9.20056 6.22849H10.5699V11.3909H9.20056V6.22849ZM8.53597 0.434431C9.17976 0.434431 9.6522 0.426926 10.0966 0.571258C10.2357 0.616451 10.3717 0.672554 10.502 0.738948C10.9182 0.951107 11.2464 1.29099 11.7015 1.74612L12.4978 2.54136H15.3742V3.91169H0.625732V2.54136H3.50218L4.29845 1.74612C4.75358 1.29099 5.08174 0.951107 5.49801 0.738948C5.62831 0.672554 5.76425 0.616451 5.90334 0.571258C6.34776 0.426926 6.82021 0.434431 7.46399 0.434431H8.53597ZM7.46399 1.80476C6.73208 1.80476 6.51641 1.81187 6.32617 1.87369C6.25545 1.89667 6.18668 1.92533 6.12041 1.95907C5.96398 2.03878 5.82348 2.16253 5.44142 2.54136H10.5585C10.1765 2.16253 10.036 2.03878 9.87955 1.95907C9.81329 1.92533 9.74452 1.89667 9.6738 1.87369C9.48356 1.81187 9.26789 1.80476 8.53597 1.80476H7.46399Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconRefreshOutline16 */
+		function IconRefreshOutline16({ 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: "M7.92136 0.349152C10.3744 0.349234 12.5564 1.5052 13.9557 3.29894L15.1281 2.12759C15.3303 1.92546 15.6767 2.06943 15.6767 2.35538V5.53923C15.6766 5.71626 15.5329 5.85976 15.3559 5.86002H12.171C11.8854 5.8597 11.7426 5.51465 11.9443 5.31249L12.9641 4.29056C11.8237 2.74305 9.98908 1.74106 7.92136 1.74097C4.46436 1.74097 1.66233 4.543 1.66233 8C1.66233 11.457 4.46436 14.259 7.92136 14.259C11.3782 14.2589 14.1804 11.4569 14.1804 8H15.5722C15.5722 12.2251 12.1465 15.6507 7.92136 15.6508C3.69614 15.6508 0.270508 12.2252 0.270508 8C0.270508 3.77478 3.69614 0.349152 7.92136 0.349152Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconGlobeOutline14 */
+		function IconGlobeOutline14({ 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: "M7.00018 0.353516C10.6708 0.353535 13.6468 3.32958 13.6469 7.00018C13.6468 10.6708 10.6708 13.6468 7.00018 13.6469C3.32957 13.6468 0.353535 10.6708 0.353516 7.00018C0.353535 3.32957 3.32957 0.353531 7.00018 0.353516ZM5.44643 7.59661C5.49463 8.97506 5.70762 10.191 6.02136 11.0793C6.20141 11.5891 6.40328 11.9585 6.59898 12.1889C6.79501 12.4196 6.93213 12.454 7.00018 12.454C7.06822 12.454 7.20533 12.4197 7.40138 12.1889C7.59708 11.9585 7.79895 11.589 7.979 11.0793C8.29274 10.191 8.50574 8.97506 8.55394 7.59661H5.44643ZM1.57861 7.59661C1.80785 9.70467 3.2386 11.4509 5.1715 12.1388C5.07135 11.9317 4.97972 11.7098 4.89746 11.477C4.53084 10.4391 4.30224 9.0828 4.25357 7.59661H1.57861ZM9.74679 7.59661C9.69813 9.0828 9.46952 10.4391 9.1029 11.477C9.0206 11.7099 8.92818 11.9316 8.82797 12.1388C10.7613 11.4511 12.1925 9.70496 12.4218 7.59661H9.74679ZM5.1706 1.8616C3.23814 2.54963 1.80876 4.29604 1.5795 6.40376H4.25357C4.30224 4.91756 4.53083 3.56129 4.89746 2.5234C4.97968 2.29066 5.07051 2.0686 5.1706 1.8616ZM7.00018 1.54637C6.93213 1.54638 6.79503 1.5807 6.59898 1.81145C6.40332 2.04177 6.20139 2.41058 6.02136 2.92012C5.70754 3.80851 5.49461 5.02499 5.44643 6.40376H8.55394C8.50575 5.025 8.29282 3.80851 7.979 2.92012C7.79898 2.41059 7.59705 2.04177 7.40138 1.81145C7.20531 1.58067 7.06823 1.54637 7.00018 1.54637ZM8.82887 1.8616C8.92902 2.0687 9.02064 2.29053 9.1029 2.5234C9.46953 3.56129 9.69812 4.91756 9.74679 6.40376H12.4209C12.1916 4.29575 10.7618 2.54943 8.82887 1.8616Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconGoalOutline16 */
+		function IconGoalOutline16({ 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 0C8.31451 0 8.62464 0.019379 8.92969 0.0546875C8.48228 0.403371 8.0952 0.825758 7.78809 1.30469C4.18586 1.41664 1.2998 4.37061 1.2998 8C1.2998 11.7003 4.29969 14.7002 8 14.7002C11.6297 14.7002 14.5829 11.8136 14.6943 8.21094C15.1734 7.90377 15.5956 7.51688 15.9443 7.06934C15.9797 7.37473 16 7.68512 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.0166 3.6084C7.00658 3.73765 7 3.86817 7 4C7 4.31845 7.03098 4.62973 7.08789 4.93164C5.76489 5.32438 4.7998 6.54958 4.7998 8C4.7998 9.76731 6.23269 11.2002 8 11.2002C9.45065 11.2002 10.6749 10.2345 11.0674 8.91113C11.3696 8.96818 11.6812 9 12 9C12.1315 9 12.2617 8.99239 12.3906 8.98242C11.9423 10.995 10.1477 12.5 8 12.5C5.51472 12.5 3.5 10.4853 3.5 8C3.5 5.85255 5.00435 4.05702 7.0166 3.6084Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: "M7.5 8.62109L9.12109 7",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: "M9.08245 3.35798L11.8651 0.575334C11.895 0.545384 11.9463 0.56391 11.9502 0.606086L12.2362 3.69859C12.2384 3.72259 12.2574 3.74159 12.2814 3.74378L15.3697 4.02583C15.4119 4.02968 15.4305 4.08101 15.4005 4.11098L12.618 6.89351C12.6086 6.90289 12.5959 6.90816 12.5826 6.90816L9.11781 6.90815C9.09019 6.90816 9.06781 6.88577 9.06781 6.85816L9.06781 3.39333C9.06781 3.38007 9.07308 3.36735 9.08245 3.35798Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconWarningOutline16 */
+		function IconWarningOutline16({ 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: "M6.3002 3.32843L7.69986 3.32843L7.69986 7.79657H6.3002L6.3002 3.32843Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: "M6.3002 9.01935H7.69986V10.6711H6.3002V9.01935Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				d: "M12.6328 6.99976C12.6328 3.88874 10.111 1.36694 7 1.36694C3.88899 1.36695 1.3672 3.88875 1.36719 6.99976C1.36719 10.1108 3.88899 12.6326 7 12.6326C10.111 12.6326 12.6328 10.1108 12.6328 6.99976ZM13.8582 6.99976C13.8582 10.7873 10.7876 13.8579 7 13.8579C3.21244 13.8579 0.141846 10.7873 0.141846 6.99976C0.141857 3.2122 3.21245 0.141612 7 0.141602C10.7876 0.141602 13.8581 3.21219 13.8582 6.99976Z",
+				fill: "currentColor"
+			}));
+		}
+		/**
+		* Plugin-original companions for learning-domain glyphs the host set does not
+		* carry (lock/star/book/crown/bolt/power/pin/flame) — authored here in the
+		* same 16px currentColor filled language as the ic_ds set, but they are NOT
+		* ic_ds glyphs and must be re-drawn (not re-synced) if the style drifts.
+		*/
+		/** IconLockFill16 */
+		function IconLockFill16({ 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", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M5 6.5V5a3 3 0 0 1 6 0v1.5h.6c.77 0 1.4.63 1.4 1.4v5.7c0 .77-.63 1.4-1.4 1.4H4.4A1.4 1.4 0 0 1 3 13.6V7.9c0-.77.63-1.4 1.4-1.4H5Zm1.444 0h3.112V5a1.556 1.556 0 0 0-3.112 0v1.5Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconStarFill16 */
+		function IconStarFill16({ 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 1.6l1.86 3.77 4.16.6-3.01 2.94.71 4.14L8 11.42l-3.72 1.96.71-4.15-3.01-2.93 4.16-.6L8 1.6Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconBookFill16 */
+		function IconBookFill16({ 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", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M8 3.1C6.6 2.15 4.65 1.75 2.5 1.75c-.5 0-1 .03-1.5.1v10.7c.5-.07 1-.1 1.5-.1 2.15 0 4.1.4 5.5 1.35 1.4-.95 3.35-1.35 5.5-1.35.5 0 1 .03 1.5.1V1.85c-.5-.07-1-.1-1.5-.1-2.15 0-4.1.4-5.5 1.35ZM7.2 4.9v7.3C5.9 11.55 4.3 11.3 2.6 11.3V3.45c1.7 0 3.3.25 4.6 1.45Zm1.6 0c1.3-1.2 2.9-1.45 4.6-1.45v7.85c-1.7 0-3.3.25-4.6.9V4.9Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconCrownFill16 */
+		function IconCrownFill16({ 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: "M1.7 11.2 1 4.9l3.6 2.2L8 2.6l3.4 4.5L15 4.9l-.7 6.3H1.7Zm.5 1.4h11.6v1.5H2.1v-1.5Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconBoltFill16 */
+		function IconBoltFill16({ 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: "M9.6 1 3.4 9.3h3.4L6.3 15l6.3-8.5H9.2L9.6 1Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconPowerFill16 */
+		function IconPowerFill16({ 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: "M7.2 1h1.6v5.6H7.2V1Z",
+				fill: "currentColor"
+			}), (0, react.createElement)("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M4.55 3.15A6 6 0 1 0 11.45 3.15L12.5 4.2a7.5 7.5 0 1 1-9 0l1.05-1.05Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconPinFill16 */
+		function IconPinFill16({ 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", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M8 1.4a4.8 4.8 0 0 1 4.8 4.8c0 3.4-4.8 8.4-4.8 8.4S3.2 9.6 3.2 6.2A4.8 4.8 0 0 1 8 1.4Zm0 2.7a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
+				fill: "currentColor"
+			}));
+		}
+		/** IconFlameFill16 */
+		function IconFlameFill16({ 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.9 1.2c.4 2.5-.9 3.9-2.1 5.2C5.6 7.7 4.4 9 4.4 10.9a3.9 3.9 0 0 0 7.8 0c0-1.6-.7-2.9-1.5-4-.3.8-.8 1.4-1.6 1.7.5-2.4-.2-5.4-1.2-7.4Z",
+				fill: "currentColor"
+			}));
+		}
 		//#endregion
 		//#region src/client/data.ts
 		/**
@@ -1231,77 +1521,6 @@ window.__ModuleLoader__.load({
 			return hubId;
 		}
 		//#endregion
-		//#region src/client/diagrams.ts
-		/**
-		* Blackboard diagram views (SPEC Phase 2): the lesson concept map (ELK layered
-		* layout via the vendored cmap-elk-layout + CDN elkjs, draw.io-flavored SVG
-		* skin rendered plugin-side). Degrades honestly: any CDN/ELK failure leaves a
-		* one-line notice instead of a broken pane.
-		*
-		* The lesson mind map view was RETIRED with upstream v0.26.0 (2026-09-01
-		* port): body text that has headings already shows its structure, text without
-		* headings yields a first-line-truncated node graph nobody can read — both
-		* lose — and this concept map already covers the semantic-structure need at
-		* higher quality. Its three CDN imports went with it.
-		*/
-		/** Lesson concept map: the lesson node + its concepts (weak ones accented),
-		*  laid out by the vendored ELK pipeline, skinned draw.io-style (plugin-original,
-		*  upstream's skin is coupled to its token pipeline). Mastery shades the nodes. */
-		async function renderLessonConceptMap(container, lessonTitle, concepts) {
-			const layout = await layoutConceptMap([{
-				id: "lesson",
-				label: lessonTitle
-			}, ...concepts.map((c) => ({
-				id: `c-${c.title}`,
-				label: c.title
-			}))], concepts.map((c) => ({
-				from: "lesson",
-				to: `c-${c.title}`
-			})));
-			const masteryBy = new Map(concepts.map((c) => [`c-${c.title}`, c.masteryPct]));
-			const ns = "http://www.w3.org/2000/svg";
-			const svg = document.createElementNS(ns, "svg");
-			svg.setAttribute("width", String(Math.max(320, layout.width)));
-			svg.setAttribute("height", String(Math.max(200, layout.height)));
-			svg.setAttribute("viewBox", `0 0 ${layout.width} ${layout.height}`);
-			svg.setAttribute("style", "max-width:100%;background:var(--dsw-surface-1, #fff);border:1px solid var(--dsw-border-1, #d0d7de);border-radius:8px");
-			for (const e of layout.edges) {
-				const path = document.createElementNS(ns, "path");
-				path.setAttribute("d", e.pts.map((p, i) => `${i === 0 ? "M" : "L"}${p.x},${p.y}`).join(" "));
-				path.setAttribute("fill", "none");
-				path.setAttribute("stroke", "var(--dsw-border-2, #8b949e)");
-				path.setAttribute("stroke-width", "1.5");
-				svg.append(path);
-			}
-			for (const n of layout.nodes) {
-				const g = document.createElementNS(ns, "g");
-				g.setAttribute("transform", `translate(${n.x},${n.y})`);
-				const rect = document.createElementNS(ns, "rect");
-				const isLesson = n.id === "lesson";
-				const mastery = masteryBy.get(n.id);
-				rect.setAttribute("width", String(n.w));
-				rect.setAttribute("height", String(n.h));
-				rect.setAttribute("rx", "6");
-				rect.setAttribute("fill", mastery !== void 0 && mastery < 70 ? "#fff3d9" : "var(--dsw-surface-2, #f6f8fa)");
-				rect.setAttribute("stroke", isLesson ? "var(--dsw-accent-1, #0969da)" : "var(--dsw-border-2, #8b949e)");
-				rect.setAttribute("stroke-width", isLesson ? "2" : "1");
-				g.append(rect);
-				n.lines.forEach((line, li) => {
-					const label = document.createElementNS(ns, "text");
-					label.setAttribute("x", String(n.w / 2));
-					label.setAttribute("y", String(n.h / 2 - (n.lines.length - 1) * 7 + li * 14 + 4));
-					label.setAttribute("text-anchor", "middle");
-					label.setAttribute("font-size", isLesson ? "13" : "12");
-					label.setAttribute("font-weight", isLesson ? "600" : "400");
-					label.setAttribute("fill", "var(--dsw-ink-1, #1f2328)");
-					label.textContent = line;
-					g.append(label);
-				});
-				svg.append(g);
-			}
-			container.append(svg);
-		}
-		//#endregion
 		//#region src/client/locale.ts
 		/** Simplified Chinese dictionary (also the fallback locale). */
 		const ZH = {
@@ -1313,19 +1532,19 @@ window.__ModuleLoader__.load({
 			"pane.tutor": "导师",
 			"pane.bb": "黑板",
 			"viewtab.teach": "讲解",
-			"viewtab.cmap": "🕸 概念图",
-			"viewtab.cmap.title": "本课概念关系(ELK 布局)",
+			"viewtab.cmap": "概念图",
+			"viewtab.cmap.title": "本课概念之间的关系图",
 			"loading": "加载中…",
 			"start.title": "一键准备学习:建立学习工作区、开启会话并让导师就位",
 			"start.go": "开始学习",
 			"start.enter": "进入学习",
 			"start.busy": "正在准备学习区…",
 			"soul.direct": "直讲",
-			"soul.direct.hint": "direct 精讲:先讲清楚,再确认懂没懂",
+			"soul.direct.hint": "精讲:先讲清楚,再确认懂没懂",
 			"soul.guide": "引导",
-			"soul.guide.hint": "guide 引导:让你自己往前推一步,导师递台阶",
+			"soul.guide.hint": "引导:让你自己往前推一步,导师递台阶",
 			"soul.practice": "实战",
-			"soul.practice.hint": "practice 实战:在真实世界的乱问题里学",
+			"soul.practice.hint": "实战:在真实世界的乱问题里学",
 			"zone.understand": "🧠 理解区 — 知识结构",
 			"zone.record": "📝 记录区 — 我的话",
 			"zone.practice": "✍️ 练习区 — 答题日志",
@@ -1335,24 +1554,25 @@ window.__ModuleLoader__.load({
 			"rail.empty.placeholder": "GitHub 仓库链接,如 microsoft/AI-For-Beginners",
 			"rail.empty.button": "导入",
 			"rail.empty.demo": "导入示例课程",
-			"rail.mastered": "{mastered}/{total} 已掌握",
+			"rail.mastered": "毕业 {mastered}/{total} 课",
 			"rail.avg": "平均掌握度 {pct}%",
 			"rail.avg.none": "尚无掌握度数据",
 			"rail.search": "搜索课时…(多关键词空格分隔)",
 			"rail.locate.title": "在课程树中定位当前焦点课时(自动展开所在章节)",
-			"rail.locate": "📍 回到当前课时",
-			"rail.due": "🔁 待复习 {count}",
+			"rail.locate": "回到当前课时",
+			"rail.due": "待复习 {count}",
 			"rail.due.over": "超{days}天",
 			"rail.due.start": "开始复习",
 			"rail.due.tag": "这课时的复习今天到期(SM-2)",
 			"rail.delete": "删除本课程",
 			"rail.delete.confirm": "确认删除?",
-			"rail.delete.title.confirm": "再点一次确认删除(含全部进度与笔记)",
+			"rail.delete.title.confirm": "再点一次确认删除(含全部进度与笔记)。反悔前可先在设置页备份状态文件",
 			"rail.section.collapse": "折叠本章节",
 			"rail.section.expand": "展开本章节({count} 课时)",
 			"rail.section.count": "{count} 课",
 			"rail.lesson.opening": "正在打开课时会话…",
-			"rail.import.toggle": "＋ 导入课程",
+			"rail.lesson.openHint": "（点击将打开本课专属会话）",
+			"rail.import.toggle": "导入课程",
 			"rail.import.close": "收起导入",
 			"tag.weak": "{count} 个薄弱知识点,测验会优先考察",
 			"tag.friction": "{count} 次卡点记录(你说\"不懂\"时导师记下的)",
@@ -1366,12 +1586,11 @@ window.__ModuleLoader__.load({
 			"chip.unattributed": "未归因",
 			"chip.correct": "✓ 答对 · {concept}",
 			"chip.wrong": "✗ 答错 · {concept}",
-			"chip.import": "📦 导入课程",
-			"chip.concepts": "🧠 提炼知识点",
 			"row.thinking": "导师思考中…",
 			"row.thinking.title": "导师正在推理,回复马上就来",
 			"quiz.title": "点击选项作答,也可以直接打字回答",
 			"quiz.answer": "选 {letter}:{text}",
+			"tutor.dormant": "学习模式已关闭 — 点右上「▶ 开始学习」开启导师,按钮恢复可用。",
 			"tutor.empty": "对话会出现在这里",
 			"tutor.empty.hint": "在下方输入框和导师说话",
 			"proposal.text": "导师提议你已掌握「{lesson}」:{rationale}",
@@ -1380,10 +1599,15 @@ window.__ModuleLoader__.load({
 			"bb.empty": "黑板还空着",
 			"bb.empty.hint": "在左侧课程树选择一课",
 			"bb.mastery": "掌握度 {pct}%",
+			"cmap.legend": "琥珀色 = 薄弱知识点(掌握度 <70%)",
+			"cmap.node.pct": "掌握度 {pct}%",
+			"bb.strategy": "本课学法",
 			"bb.fallback.cmap.empty": "概念图需要先由导师定义本课概念",
 			"bb.fallback.cmap": "概念图渲染不可用(布局引擎加载失败) — 已回退讲解视图",
 			"bb.notes": "笔记",
 			"bb.notes.empty": "这一课还没有笔记",
+			"tv.exam.stars": "本次 {n}★(历史最佳 {best}★)",
+			"tv.exam.fail": "这轮没拿到星——错题就是下一课的地图,从每题的解析看起。",
 			"active.off.title": "注册 study 工具并载入导师人格,之后普通对话和现在一样",
 			"active.on.title": "注销 study 工具与导师人格;学习进度保留,可随时重新开启",
 			"active.off": "▶ 开始学习",
@@ -1394,8 +1618,8 @@ window.__ModuleLoader__.load({
 			"settings.mode.hint": "导师的讲解风格;也可在学习页随时切换",
 			"settings.studyMode": "学习模式",
 			"settings.studyMode.hint": "开启后注册 study_* 工具并载入导师人格;进度与笔记始终保留",
-			"settings.on": "已开启",
-			"settings.off": "已关闭",
+			"settings.on": "状态：已开启",
+			"settings.off": "状态：已关闭",
 			"settings.turnOn": "开启",
 			"settings.turnOff": "关闭",
 			"settings.stats": "学习统计",
@@ -1408,8 +1632,8 @@ window.__ModuleLoader__.load({
 			"settings.stateFile": "状态文件",
 			"settings.stateFile.hint": "学习进度存放于本机 JSON,换机可迁移",
 			"dock.title": "学习状态:待复习 {due} · 连续 {streak} 天 · Lv{level} — 点上方「学习」页签进入",
-			"dock.due": "⚡{count}",
-			"dock.streak": "🔥{days}d",
+			"dock.due": "{count}",
+			"dock.streak": "{days}天",
 			"dock.lv": "Lv{level}",
 			"prompt.import": "导入课程:用 study_import_github 抓取 {url}",
 			"prompt.lesson": "学习「{title}」:用 study_lesson 打开这一课开始学习。",
@@ -1428,19 +1652,19 @@ window.__ModuleLoader__.load({
 			"pane.tutor": "Tutor",
 			"pane.bb": "Board",
 			"viewtab.teach": "Teach",
-			"viewtab.cmap": "🕸 Concepts",
-			"viewtab.cmap.title": "The lesson's concept relations (ELK layout)",
+			"viewtab.cmap": "Concepts",
+			"viewtab.cmap.title": "The lesson's concepts relate",
 			"loading": "Loading…",
 			"start.title": "One click to study: workspace + session + tutor, all set up",
 			"start.go": "Start learning",
 			"start.enter": "Enter study",
 			"start.busy": "Preparing the study area…",
 			"soul.direct": "Direct",
-			"soul.direct.hint": "direct: explain first, then check understanding",
+			"soul.direct.hint": "Explain first, then check understanding",
 			"soul.guide": "Guide",
-			"soul.guide.hint": "guide: you push one step forward, the tutor hands you the stairs",
+			"soul.guide.hint": "You push one step forward; the tutor hands you the stairs",
 			"soul.practice": "Practice",
-			"soul.practice.hint": "practice: learn inside real messy problems",
+			"soul.practice.hint": "Learn inside real, messy problems",
 			"zone.understand": "🧠 Understand — knowledge structure",
 			"zone.record": "📝 Record — in my own words",
 			"zone.practice": "✍️ Practice — answer log",
@@ -1450,24 +1674,25 @@ window.__ModuleLoader__.load({
 			"rail.empty.placeholder": "GitHub repo link, e.g. microsoft/AI-For-Beginners",
 			"rail.empty.button": "Import",
 			"rail.empty.demo": "Import the demo course",
-			"rail.mastered": "{mastered}/{total} mastered",
+			"rail.mastered": "{mastered}/{total} lessons graduated",
 			"rail.avg": "avg mastery {pct}%",
 			"rail.avg.none": "no mastery data yet",
 			"rail.search": "Search lessons… (space-separated keywords)",
 			"rail.locate.title": "Locate the current focus lesson in the tree (auto-expands its section)",
-			"rail.locate": "📍 Back to current lesson",
-			"rail.due": "🔁 {count} due",
+			"rail.locate": "Back to current lesson",
+			"rail.due": "{count} due",
 			"rail.due.over": "{days}d overdue",
 			"rail.due.start": "Start reviewing",
 			"rail.due.tag": "this lesson's review is due today (SM-2)",
 			"rail.delete": "Delete this course",
 			"rail.delete.confirm": "Delete?",
-			"rail.delete.title.confirm": "Click again to confirm (all progress and notes included)",
+			"rail.delete.title.confirm": "Click again to confirm (all progress and notes included). Back up via the state file in Settings first",
 			"rail.section.collapse": "Collapse this section",
 			"rail.section.expand": "Expand this section ({count} lessons)",
 			"rail.section.count": "{count} lessons",
 			"rail.lesson.opening": "Opening the lesson session…",
-			"rail.import.toggle": "＋ Import a course",
+			"rail.lesson.openHint": " (opens this lesson's own session)",
+			"rail.import.toggle": "Import a course",
 			"rail.import.close": "Collapse import",
 			"tag.weak": "{count} weak concepts — quizzes target them first",
 			"tag.friction": "{count} friction marks (logged when you said you were stuck)",
@@ -1481,12 +1706,11 @@ window.__ModuleLoader__.load({
 			"chip.unattributed": "unattributed",
 			"chip.correct": "✓ correct · {concept}",
 			"chip.wrong": "✗ wrong · {concept}",
-			"chip.import": "📦 course import",
-			"chip.concepts": "🧠 concepts defined",
 			"row.thinking": "tutor is thinking…",
 			"row.thinking.title": "The tutor is reasoning; the reply is coming",
 			"quiz.title": "Click an option to answer, or just type",
 			"quiz.answer": "Choose {letter}: {text}",
+			"tutor.dormant": "Study mode is off — click \"▶ Start learning\" above to wake the tutor and re-enable these controls.",
 			"tutor.empty": "The conversation will appear here",
 			"tutor.empty.hint": "Talk to the tutor in the input below",
 			"proposal.text": "The tutor proposes you have mastered \"{lesson}\": {rationale}",
@@ -1495,10 +1719,15 @@ window.__ModuleLoader__.load({
 			"bb.empty": "The blackboard is empty",
 			"bb.empty.hint": "Pick a lesson in the course tree on the left",
 			"bb.mastery": "mastery {pct}%",
+			"cmap.legend": "Amber = weak concept (mastery < 70%)",
+			"cmap.node.pct": "mastery {pct}%",
+			"bb.strategy": "Approach",
 			"bb.fallback.cmap.empty": "The concept map needs the tutor to define this lesson's concepts first",
 			"bb.fallback.cmap": "Concept map unavailable (layout engine failed to load) — fell back to the teach view",
 			"bb.notes": "Notes",
 			"bb.notes.empty": "No notes for this lesson yet",
+			"tv.exam.stars": "This attempt {n}★ (best {best}★)",
+			"tv.exam.fail": "No stars this round — the wrong answers are the map for the next one; start with their explanations.",
 			"active.off.title": "Register the study tools and load the tutor persona; plain chats stay as they are",
 			"active.on.title": "Retire the study tools and tutor persona; progress is kept and you can re-enable anytime",
 			"active.off": "▶ Start learning",
@@ -1509,8 +1738,8 @@ window.__ModuleLoader__.load({
 			"settings.mode.hint": "The tutor's explanation style; switchable anytime in the study tab too",
 			"settings.studyMode": "Study mode",
 			"settings.studyMode.hint": "On registers the study_* tools and the tutor persona; progress and notes are always kept",
-			"settings.on": "On",
-			"settings.off": "Off",
+			"settings.on": "Status: on",
+			"settings.off": "Status: off",
 			"settings.turnOn": "Turn on",
 			"settings.turnOff": "Turn off",
 			"settings.stats": "Study stats",
@@ -1523,8 +1752,8 @@ window.__ModuleLoader__.load({
 			"settings.stateFile": "State file",
 			"settings.stateFile.hint": "Your progress lives in a local JSON file — copy it to migrate machines",
 			"dock.title": "Study status: {due} due · {streak}d streak · Lv{level} — open the Study tab above to continue",
-			"dock.due": "⚡{count}",
-			"dock.streak": "🔥{days}d",
+			"dock.due": "{count}",
+			"dock.streak": "{days}d",
 			"dock.lv": "Lv{level}",
 			"prompt.import": "Import a course: fetch {url} with study_import_github",
 			"prompt.lesson": "Study \"{title}\": open this lesson with study_lesson and start teaching.",
@@ -1596,15 +1825,96 @@ window.__ModuleLoader__.load({
 			return activeT(key, params);
 		}
 		//#endregion
+		//#region src/client/diagrams.ts
+		/**
+		* Blackboard diagram views (SPEC Phase 2): the lesson concept map (ELK layered
+		* layout via the vendored cmap-elk-layout + CDN elkjs, draw.io-flavored SVG
+		* skin rendered plugin-side). Degrades honestly: any CDN/ELK failure leaves a
+		* one-line notice instead of a broken pane.
+		*
+		* The lesson mind map view was RETIRED with upstream v0.26.0 (2026-09-01
+		* port): body text that has headings already shows its structure, text without
+		* headings yields a first-line-truncated node graph nobody can read — both
+		* lose — and this concept map already covers the semantic-structure need at
+		* higher quality. Its three CDN imports went with it.
+		*/
+		/** Lesson concept map: the lesson node + its concepts (weak ones accented),
+		*  laid out by the vendored ELK pipeline, skinned draw.io-style (plugin-original,
+		*  upstream's skin is coupled to its token pipeline). Mastery shades the nodes. */
+		async function renderLessonConceptMap(container, lessonTitle, concepts) {
+			const layout = await layoutConceptMap([{
+				id: "lesson",
+				label: lessonTitle
+			}, ...concepts.map((c) => ({
+				id: `c-${c.title}`,
+				label: c.title
+			}))], concepts.map((c) => ({
+				from: "lesson",
+				to: `c-${c.title}`
+			})));
+			const masteryBy = new Map(concepts.map((c) => [`c-${c.title}`, c.masteryPct]));
+			const ns = "http://www.w3.org/2000/svg";
+			const svg = document.createElementNS(ns, "svg");
+			svg.setAttribute("width", String(Math.max(320, layout.width)));
+			svg.setAttribute("height", String(Math.max(200, layout.height)));
+			svg.setAttribute("viewBox", `0 0 ${layout.width} ${layout.height}`);
+			svg.setAttribute("style", "max-width:100%;background:var(--dsw-alias-bg-layer-1, #fff);border:1px solid var(--dsw-alias-border-l2, #d0d7de);border-radius:8px");
+			for (const e of layout.edges) {
+				const path = document.createElementNS(ns, "path");
+				path.setAttribute("d", e.pts.map((p, i) => `${i === 0 ? "M" : "L"}${p.x},${p.y}`).join(" "));
+				path.setAttribute("fill", "none");
+				path.setAttribute("stroke", "var(--dsw-alias-border-l2, #8b949e)");
+				path.setAttribute("stroke-width", "1.5");
+				svg.append(path);
+			}
+			for (const n of layout.nodes) {
+				const g = document.createElementNS(ns, "g");
+				g.setAttribute("transform", `translate(${n.x},${n.y})`);
+				const rect = document.createElementNS(ns, "rect");
+				const isLesson = n.id === "lesson";
+				const mastery = masteryBy.get(n.id);
+				rect.setAttribute("width", String(n.w));
+				rect.setAttribute("height", String(n.h));
+				rect.setAttribute("rx", "6");
+				rect.setAttribute("fill", mastery !== void 0 && mastery < 70 ? "var(--dsw-alias-state-warn-tertiary, #fef5e7)" : "var(--dsw-alias-bg-layer-2, #f6f8fa)");
+				rect.setAttribute("stroke", isLesson ? "var(--dsw-alias-state-business-primary, #0969da)" : "var(--dsw-alias-border-l2, #8b949e)");
+				rect.setAttribute("stroke-width", isLesson ? "2" : "1");
+				g.append(rect);
+				n.lines.forEach((line, li) => {
+					const label = document.createElementNS(ns, "text");
+					label.setAttribute("x", String(n.w / 2));
+					label.setAttribute("y", String(n.h / 2 - (n.lines.length - 1) * 7 + li * 14 + 4));
+					label.setAttribute("text-anchor", "middle");
+					label.setAttribute("font-size", isLesson ? "13" : "12");
+					label.setAttribute("font-weight", isLesson ? "600" : "400");
+					label.setAttribute("fill", "var(--dsw-alias-label-primary, #1f2328)");
+					label.textContent = line;
+					g.append(label);
+				});
+				const title = document.createElementNS(ns, "title");
+				const label = n.lines.join(" ");
+				title.textContent = isLesson || mastery === void 0 ? label : `${label} · ${tr("cmap.node.pct", { pct: mastery })}`;
+				g.append(title);
+				svg.append(g);
+			}
+			container.append(svg);
+			const legend = document.createElement("span");
+			legend.className = "lks-cmap-legend";
+			const swatch = document.createElement("i");
+			legend.append(swatch, document.createTextNode(tr("cmap.legend")));
+			container.append(legend);
+		}
+		//#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
+		* tutor conversation — a read-only 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 —
+		* markdown pipeline; tool calls stay in the host conversation's toolview
+		* cards — a mirrored second record diverged) 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
@@ -1633,13 +1943,13 @@ window.__ModuleLoader__.load({
 			["record", "zone.record"],
 			["practice", "zone.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 "🔒";
+		/** Status icon for one lesson row (LookatStudy's map icon semantics, SVG glyphs). */
+		function statusIcon(kind, status) {
+			if (kind === "exam") return (0, react.createElement)(IconGoalOutline16, { size: 14 });
+			if (status === "mastered") return (0, react.createElement)(IconCrownFill16, { size: 14 });
+			if (status === "in_progress") return (0, react.createElement)(IconBookFill16, { size: 14 });
+			if (status === "available") return (0, react.createElement)(IconStarFill16, { size: 14 });
+			return (0, react.createElement)(IconLockFill16, { size: 14 });
 		}
 		/** LookatStudy's exam gate: an exam node opens only when every sibling study lesson reached mastery ≥50%. */
 		function examOpen(lessons) {
@@ -1734,40 +2044,6 @@ window.__ModuleLoader__.load({
 			flush();
 			return runs.at(-1) ?? [];
 		}
-		/**
-		* Learning-aware label for one settled tool call; null keeps the generic
-		* 🔧-name chip. Pure (translator defaults to the active one, per call).
-		* @param name - tool call name.
-		* @param argsRaw - the call's raw JSON args.
-		* @param t - translator.
-		*/
-		function toolChipLabel(name, argsRaw, t = tr) {
-			if (name === "study_record_answer") {
-				let concept = t("chip.unattributed");
-				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: t("chip.correct", { concept }),
-					tone: "ok"
-				} : {
-					label: t("chip.wrong", { concept }),
-					tone: "bad"
-				};
-			}
-			if (name === "study_import_github" || name === "study_import_markdown" || name === "study_import_folder") return {
-				label: t("chip.import"),
-				tone: "ok"
-			};
-			if (name === "study_define_concepts") return {
-				label: t("chip.concepts"),
-				tone: "ok"
-			};
-			return null;
-		}
 		function textOf(blocks) {
 			return blocks.filter((b) => b.type === "text").map((b) => b.text ?? "").join("\n\n").trim();
 		}
@@ -1775,8 +2051,10 @@ window.__ModuleLoader__.load({
 			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.
+		* Fold conversation nodes (plus the streaming partial) into render rows.
+		* Tool results are skipped: the host conversation renders the rich
+		* `tool.call.toolview` cards, and the tutor column stays a pure persona
+		* surface (a transcript mirror there grew a second, diverging record).
 		* @param nodes - finalized conversation nodes from the snapshot.
 		* @param partial - the in-flight assistant partial, or null.
 		* @param t - translator (defaults to the active one, per call).
@@ -1804,14 +2082,6 @@ window.__ModuleLoader__.load({
 					});
 					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",
@@ -1932,7 +2202,7 @@ window.__ModuleLoader__.load({
 				onClick: () => {
 					activate(!data.active);
 				}
-			}, data.active ? tr("active.on") : tr("active.off"))), (0, react.createElement)("div", { className: "lks-body" }, (0, react.createElement)("div", { className: "lks-switch" }, ...[
+			}, data.active ? (0, react.createElement)(IconPowerFill16, { size: 13 }) : (0, react.createElement)(IconPlayOutline16, { size: 13 }), data.active ? tr("active.on") : tr("active.off"))), (0, react.createElement)("div", { className: "lks-body" }, (0, react.createElement)("div", { className: "lks-switch" }, ...[
 				{
 					id: "rail",
 					labelKey: "pane.rail"
@@ -1948,6 +2218,7 @@ window.__ModuleLoader__.load({
 			].map((p) => (0, react.createElement)("button", {
 				key: p.id,
 				className: `lks-switch-btn${pane === p.id ? " on" : ""}`,
+				"aria-pressed": String(pane === p.id),
 				onClick: () => {
 					setPane(p.id);
 					try {
@@ -2015,6 +2286,21 @@ window.__ModuleLoader__.load({
 			const [selectedCourse, setSelectedCourse] = (0, react.useState)("");
 			const [query, setQuery] = (0, react.useState)("");
 			const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!confirmDelete) return;
+				const disarm = () => {
+					setConfirmDelete(false);
+				};
+				const onKey = (e) => {
+					if (e.key === "Escape") disarm();
+				};
+				window.addEventListener("click", disarm);
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("click", disarm);
+					window.removeEventListener("keydown", onKey);
+				};
+			}, [confirmDelete]);
 			const [showImport, setShowImport] = (0, react.useState)(false);
 			/** Per-section open overrides (courseId/sectionTitle → open?), on top of the frontier default. */
 			const [secOpen, setSecOpen] = (0, react.useState)({});
@@ -2041,10 +2327,14 @@ window.__ModuleLoader__.load({
 				}, ...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", {
+				}, c.title))) : (0, react.createElement)("div", {
+					className: "lks-rail-title",
+					title: course.title
+				}, course.title), (0, react.createElement)("button", {
 					className: `lks-btn ${confirmDelete ? "primary" : "ghost"}`,
 					title: confirmDelete ? tr("rail.delete.title.confirm") : tr("rail.delete"),
-					onClick: () => {
+					onClick: (e) => {
+						e.stopPropagation();
 						if (!confirmDelete) {
 							setConfirmDelete(true);
 							return;
@@ -2054,13 +2344,13 @@ window.__ModuleLoader__.load({
 							setSelectedCourse("");
 						}, reportError);
 					}
-				}, confirmDelete ? tr("rail.delete.confirm") : "🗑")), (0, react.createElement)("div", { className: "lks-rail-sub" }, tr("rail.mastered", {
+				}, confirmDelete ? tr("rail.delete.confirm") : (0, react.createElement)(IconTrashOutline16, { size: 14 }))), (0, react.createElement)("div", { className: "lks-rail-sub" }, tr("rail.mastered", {
 					mastered: course.mastered,
 					total: course.total
 				})), (0, react.createElement)("div", {
 					className: `lks-masterybar${course.avgMasteryPct === 100 ? " gold" : ""}`,
 					title: course.avgMasteryPct === null ? tr("rail.avg.none") : tr("rail.avg", { pct: course.avgMasteryPct })
-				}, (0, react.createElement)("i", { style: { width: `${course.avgMasteryPct ?? 0}%` } })), (0, react.createElement)("input", {
+				}, (0, react.createElement)("i", { style: { transform: `scaleX(${(course.avgMasteryPct ?? 0) / 100})` } })), (0, react.createElement)("input", {
 					className: "lks-search",
 					type: "search",
 					placeholder: tr("rail.search"),
@@ -2107,7 +2397,7 @@ window.__ModuleLoader__.load({
 							});
 						}, 60);
 					}
-				}, tr("rail.locate")) : null, data.dueCount > 0 ? (0, react.createElement)("div", { className: "lks-duebox" }, tr("rail.due", { count: data.dueCount }), ...data.due.map((d) => (0, react.createElement)("div", {
+				}, (0, react.createElement)(IconPinFill16, { size: 13 }), tr("rail.locate")) : null, data.dueCount > 0 ? (0, react.createElement)("div", { className: "lks-duebox" }, (0, react.createElement)(IconRefreshOutline16, { size: 13 }), tr("rail.due", { count: 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" }, tr("rail.due.over", { days: d.overdueDays })) : null)), (0, react.createElement)("button", {
@@ -2141,7 +2431,7 @@ window.__ModuleLoader__.load({
 							type: "button",
 							className: `lks-node${lesson.focus ? " focus" : ""}`,
 							"aria-disabled": locked || void 0,
-							title: jumping === lesson.id ? tr("rail.lesson.opening") : statusTitle(lesson.kind, locked ? "locked" : lesson.status),
+							title: jumping === lesson.id ? tr("rail.lesson.opening") : `${lesson.title} — ${statusTitle(lesson.kind, locked ? "locked" : lesson.status)}${locked || lesson.kind === "exam" ? "" : tr("rail.lesson.openHint")}`,
 							onClick: () => {
 								if (locked) return;
 								if (lesson.kind === "exam") {
@@ -2151,19 +2441,22 @@ window.__ModuleLoader__.load({
 								}
 								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", {
+						}, (0, react.createElement)("span", { className: "lks-g" }, jumping === lesson.id ? (0, react.createElement)(IconLoadingOutline16, {
+							size: 14,
+							className: "lks-spin"
+						}) : statusIcon(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: tr("rail.due.tag")
-						}, "🔁") : null, lesson.weakConcepts > 0 ? (0, react.createElement)("span", {
+						}, (0, react.createElement)(IconRefreshOutline16, { size: 11 })) : null, lesson.weakConcepts > 0 ? (0, react.createElement)("span", {
 							className: "lks-tag weak",
 							title: tr("tag.weak", { count: lesson.weakConcepts })
-						}, `⚡${lesson.weakConcepts}`) : null, lesson.frictionCount > 0 ? (0, react.createElement)("span", {
+						}, (0, react.createElement)(IconBoltFill16, { size: 10 }), String(lesson.weakConcepts)) : null, lesson.frictionCount > 0 ? (0, react.createElement)("span", {
 							className: "lks-tag fric",
 							title: tr("tag.friction", { count: lesson.frictionCount })
-						}, `😣${lesson.frictionCount}`) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
+						}, (0, react.createElement)(IconWarningOutline16, { size: 10 }), String(lesson.frictionCount)) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
 							className: "lks-bar",
 							title: tr("tag.mastery", { pct: lesson.masteryPct })
-						}, (0, react.createElement)("i", { style: { width: `${lesson.masteryPct}%` } })) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
+						}, (0, react.createElement)("i", { style: { transform: `scaleX(${lesson.masteryPct / 100})` } })) : null, lesson.masteryPct !== null ? (0, react.createElement)("span", {
 							className: "lks-pct",
 							title: tr("tag.mastery.short")
 						}, `${lesson.masteryPct}%`) : null);
@@ -2174,7 +2467,7 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						setShowImport(!showImport);
 					}
-				}, showImport ? tr("rail.import.close") : tr("rail.import.toggle")), showImport ? (0, react.createElement)(ImportRow, { send }) : null);
+				}, showImport ? tr("rail.import.close") : (0, react.createElement)(IconPlusOutline16, { size: 13 }), tr("rail.import.toggle")), 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" }, tr("col.rail")), body, (0, react.createElement)(ActionError, { error }));
 		}
@@ -2184,17 +2477,6 @@ window.__ModuleLoader__.load({
 				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"
@@ -2248,6 +2530,7 @@ window.__ModuleLoader__.load({
 			}, [rows.length]);
 			const proposal = data?.pendingProposals[0] ?? null;
 			const lesson = data?.lesson ?? null;
+			const dormant = data?.active !== true;
 			/** Mode switches are the only fallible write left here (host route); surface failures inline. */
 			const fire = (action) => {
 				action.then(() => {
@@ -2256,10 +2539,10 @@ window.__ModuleLoader__.load({
 					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" }, tr("col.tutor")), (0, react.createElement)("div", {
+			return (0, react.createElement)("div", { className: "lks-col lks-col-tutor" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.tutor")), dormant ? (0, react.createElement)("div", { className: "lks-dormant" }, tr("tutor.dormant")) : null, (0, react.createElement)("div", {
 				className: "lks-transcript",
 				ref: scrollRef
-			}, rows.length === 0 ? (0, react.createElement)("div", { className: "lks-empty" }, tr("tutor.empty"), (0, react.createElement)("br"), tr("tutor.empty.hint")) : 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" }, tr("proposal.text", {
+			}, rows.length === 0 && !dormant ? (0, react.createElement)("div", { className: "lks-empty" }, tr("tutor.empty"), (0, react.createElement)("br"), tr("tutor.empty.hint")) : rows.map((row, i) => chatRowElement(row, !dormant && 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" }, tr("proposal.text", {
 				lesson: proposal.lessonTitle,
 				rationale: proposal.rationale
 			})), (0, react.createElement)("button", {
@@ -2281,9 +2564,11 @@ window.__ModuleLoader__.load({
 			}, ...MODES$1.map((mode) => (0, react.createElement)("button", {
 				key: mode.id,
 				className: `lks-pill${data?.mode === mode.id ? " on" : ""}`,
-				title: tr(mode.hintKey),
+				"aria-pressed": String(data?.mode === mode.id),
+				"aria-disabled": dormant || void 0,
+				title: dormant ? tr("tutor.dormant") : tr(mode.hintKey),
 				onClick: () => {
-					fire(setMode(mode.id));
+					if (!dormant) fire(setMode(mode.id));
 				}
 			}, tr(mode.labelKey)))), lesson !== null && lesson.starters.length > 0 ? (0, react.createElement)("div", {
 				className: "lks-dock",
@@ -2291,9 +2576,10 @@ window.__ModuleLoader__.load({
 			}, ...lesson.starters.map((s) => (0, react.createElement)("button", {
 				key: s.label,
 				className: "lks-starter",
-				title: s.message,
+				"aria-disabled": dormant || void 0,
+				title: dormant ? tr("tutor.dormant") : s.message,
 				onClick: () => {
-					send(s.message);
+					if (!dormant) send(s.message);
 				}
 			}, s.label))) : null, (0, react.createElement)(ActionError, { error }));
 		}
@@ -2324,21 +2610,23 @@ window.__ModuleLoader__.load({
 				lesson?.lessonId,
 				lesson?.concepts.length
 			]);
-			const body = lesson === null ? (0, react.createElement)("div", { className: "lks-empty" }, tr("bb.empty"), (0, react.createElement)("br"), tr("bb.empty.hint")) : (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 ? "" : ` · ${tr("bb.mastery", { pct: lesson.masteryPct })}`) + ` · ${lesson.strategy}`), lesson.concepts.length > 0 ? (0, react.createElement)("div", { className: "lks-chips" }, ...lesson.concepts.map((c) => (0, react.createElement)("span", {
+			const body = lesson === null ? (0, react.createElement)("div", { className: "lks-empty" }, tr("bb.empty"), (0, react.createElement)("br"), tr("bb.empty.hint")) : (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} · ${statusTitle("study", lesson.status)}` + (lesson.masteryPct === null ? "" : ` · ${tr("bb.mastery", { pct: lesson.masteryPct })}`)), (0, react.createElement)("div", { className: "lks-meta" }, `${tr("bb.strategy")}：${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-viewtabs" }, (0, react.createElement)("button", {
 				className: `lks-viewtab${pane === "teach" ? " on" : ""}`,
+				"aria-pressed": String(pane === "teach"),
 				onClick: () => {
 					setPane("teach");
 				}
 			}, tr("viewtab.teach")), (0, react.createElement)("button", {
 				className: `lks-viewtab${pane === "cmap" ? " on" : ""}`,
+				"aria-pressed": String(pane === "cmap"),
 				title: tr("viewtab.cmap.title"),
 				onClick: () => {
 					setPane("cmap");
 				}
-			}, tr("viewtab.cmap"))), pane === "teach" ? (0, react.createElement)("div", {
+			}, (0, react.createElement)(IconGlobeOutline14, { size: 13 }), tr("viewtab.cmap"))), pane === "teach" ? (0, react.createElement)("div", {
 				className: "lks-prose",
 				ref: proseRef,
 				dangerouslySetInnerHTML: { __html: lesson.html }
@@ -2351,10 +2639,13 @@ window.__ModuleLoader__.load({
 			}, tr("bb.notes.empty")) : ZONES.filter(([zone]) => lesson.notes.some((n) => n.zone === zone)).map(([zone, labelKey]) => (0, react.createElement)("div", {
 				key: zone,
 				className: "lks-zone"
-			}, (0, react.createElement)("h4", null, tr(labelKey)), ...lesson.notes.filter((n) => n.zone === zone).map((n) => (0, react.createElement)("div", {
+			}, (0, react.createElement)("div", { className: "lks-zone-h" }, tr(labelKey)), ...lesson.notes.filter((n) => n.zone === zone).map((n) => (0, react.createElement)("div", {
 				key: n.id,
 				className: "lks-note"
-			}, (0, react.createElement)("span", { className: "lks-note-src" }, n.source), (0, react.createElement)("div", { className: "lks-note-title" }, n.title), (0, react.createElement)("div", { className: "lks-note-text" }, n.text), n.quote !== null ? (0, react.createElement)("div", { className: "lks-note-q" }, `“${n.quote}”`) : null))))));
+			}, (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",
+				dangerouslySetInnerHTML: { __html: renderMarkdown(n.text) }
+			}), n.quote !== null ? (0, react.createElement)("div", { className: "lks-note-q" }, `“${n.quote}”`) : null))))));
 			return (0, react.createElement)("div", { className: "lks-col lks-col-bb" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.bb")), body);
 		}
 		//#endregion
@@ -2517,20 +2808,23 @@ window.__ModuleLoader__.load({
 		* button's limitation), so the tooltip points at the Study tab instead.
 		* @module dsh-plugin-lookatstudy/client/dock
 		*/
-		/** Pure projection of the pill's segments (testable without React). */
+		/** Pure projection of the pill's segments (testable without React). `muted` marks zero-value segments — an empty state must not wear a warning color. */
 		function dockSegments(progress) {
 			return [
 				{
 					key: "due",
-					text: tr("dock.due", { count: progress.dueCount })
+					text: tr("dock.due", { count: progress.dueCount }),
+					muted: progress.dueCount === 0
 				},
 				{
 					key: "streak",
-					text: tr("dock.streak", { days: progress.streak })
+					text: tr("dock.streak", { days: progress.streak }),
+					muted: progress.streak === 0
 				},
 				{
 					key: "lv",
-					text: tr("dock.lv", { level: progress.level })
+					text: tr("dock.lv", { level: progress.level }),
+					muted: false
 				}
 			];
 		}
@@ -2552,8 +2846,8 @@ window.__ModuleLoader__.load({
 				})
 			}, ...segments.map((s) => (0, react.createElement)("span", {
 				key: s.key,
-				className: `lks-dockseg lks-dock-${s.key}`
-			}, s.text)));
+				className: `lks-dockseg lks-dock-${s.key}${s.muted ? " lks-muted" : ""}`
+			}, s.key === "due" ? (0, react.createElement)(IconBoltFill16, { size: 11 }) : s.key === "streak" ? (0, react.createElement)(IconFlameFill16, { size: 11 }) : null, s.text)));
 		}
 		//#endregion
 		//#region src/client/toolviews.tsx
@@ -2616,9 +2910,34 @@ window.__ModuleLoader__.load({
 		function StudyDueView({ toolName, block }) {
 			return studyToolCard(toolName, block);
 		}
-		/** study_exam_result star card. */
+		/** Stars from the exam card's presentationMeta line (`N★`); null when absent. Pure. */
+		function examStars(block) {
+			const lines = metaLines(block);
+			for (const line of lines) {
+				const m = /^([0-3])★\s*\(?(?:best\s*([0-3])★)?/.exec(line.trim()) ?? /^(?:本次\s*)?([0-3])★/.exec(line.trim());
+				if (m !== null) return {
+					stars: Number(m[1]),
+					best: Number(m[2] ?? m[1])
+				};
+			}
+			return null;
+		}
+		/** study_exam_result star card — and the failure moment finally gets its line. */
 		function StudyExamView({ toolName, block }) {
-			return studyToolCard(toolName, block);
+			const r = examStars(block);
+			const stars = r === null ? null : (0, react.createElement)("span", { className: "lks-tv-stars" }, [
+				0,
+				1,
+				2
+			].map((i) => (0, react.createElement)("span", {
+				key: i,
+				className: i < r.stars ? "full" : "dim"
+			}, "★")), (0, react.createElement)("span", { className: "lks-tv-stars-label" }, tr("tv.exam.stars", {
+				n: r.stars,
+				best: r.best
+			})));
+			const fail = r !== null && r.stars === 0 ? (0, react.createElement)("div", { className: "lks-tv-failnote" }, tr("tv.exam.fail")) : null;
+			return studyToolCard(toolName, block, (0, react.createElement)("span", null, stars, fail));
 		}
 		//#endregion
 		//#region src/client/index.ts