cotutor 0.3.0 → 0.4.0

package/dist/shared/site-url.d.ts

@@ -0,0 +1,2 @@
+/** 地址:默认端口不写(https 的 443、http 的 80)。不用 new URL:它会把主机名压成小写 */
+export declare function siteUrl(scheme: 'http' | 'https', host: string, port: number, path?: string): string;

package/dist/shared/site-url.js

@@ -0,0 +1,5 @@
+/** 地址:默认端口不写(https 的 443、http 的 80)。不用 new URL:它会把主机名压成小写 */
+export function siteUrl(scheme, host, port, path = '/') {
+    const isDefault = (scheme === 'https' && port === 443) || (scheme === 'http' && port === 80);
+    return `${scheme}://${host}${isDefault ? '' : `:${port}`}${path}`;
+}

package/dist/ui/dev/dev-page.js

@@ -11,7 +11,7 @@
 import { faviconLinks } from "../shared/favicon.js";
 import { DEV_CSS } from "./dev-theme.js";
 import { pageDomJs } from "../shared/page-dom.js";
-import { BRAND_CSS, BRAND_NAME, BRAND_URL, brandLogo } from "../shared/brand.js";
+import { BRAND_CSS, BRAND_NAME, BRAND_URL, GITHUB_MARK, brandLogo } from "../shared/brand.js";
 export const DEV_PAGE = `<!doctype html>
 <html lang="zh-CN">
 <meta charset="utf-8">
@@ -29,6 +29,13 @@ ${BRAND_CSS}
   #side .brand .logo { width:30px; height:30px; border-radius:9px; background:var(--accent); display:grid; place-items:center; flex:none; }
   #side .brand b { font-size:17px; font-weight:700; letter-spacing:-.01em; }
   #side .brand small { font-size:13px; color:var(--muted); }
+  #side .brand-w { display:flex; flex-direction:column; gap:8px; }
+  #side .star { display:flex; align-items:center; gap:7px; margin:0 2px; padding:7px 10px; border-radius:var(--r-ctl); color:var(--ink-2); font-size:12.5px; white-space:nowrap; box-shadow:0 0 0 1px var(--line); }
+  #side .star:hover { background:var(--surface); color:var(--ink); }
+  #side .star svg { flex:none; }
+  #side .star b { font-weight:600; }
+  #side .star span { color:var(--muted); }
+  #side .star .out { margin-left:auto; font-style:normal; color:var(--muted); }
   #side .ws { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:var(--r-item); background:var(--surface); box-shadow:0 0 0 1px var(--line); min-width:0; }
   #side .ws .ini { width:28px; height:28px; border-radius:50%; background:var(--sunk); display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--ink-2); flex:none; }
   #side .ws span { display:flex; flex-direction:column; min-width:0; }
@@ -394,33 +401,6 @@ ${BRAND_CSS}
   .gaps li .plus { font:600 13px/1 var(--mono); color:var(--ok); }
   .gaps li .minus { color:var(--muted); }
 
-  .field .withbtn { display:flex; gap:6px; align-items:center; }
-  .field .withbtn input { flex:1; min-width:0; }
-  .field .withbtn .btn { flex:none; height:36px; }
-  .voices header .for { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--muted); white-space:nowrap; }
-  .voices header .for select { font-size:13.5px; height:34px; padding:0 8px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); max-width:180px; }
-  .voices .now { display:flex; align-items:center; gap:10px; padding:12px 20px; border-bottom:1px solid var(--line-soft); flex-wrap:wrap; }
-  .voices .now small { font:400 12px/1.4 var(--mono); color:var(--muted); }
-  .voices .now .muted { color:var(--muted); }
-  .handrow { display:flex; align-items:center; gap:10px; padding:12px 20px; flex-wrap:wrap; }
-  .handrow .muted { color:var(--muted); }
-  .voices .filters { display:flex; gap:8px; padding:12px 20px; border-bottom:1px solid var(--line-soft); flex-wrap:wrap; background:var(--surface-2); }
-  .voices .filters input, .voices .filters select { height:34px; font-size:13.5px; padding:0 10px; border:0; box-shadow:0 0 0 1px var(--line); border-radius:9px; background:var(--surface); }
-  .voices .filters input[type=search] { flex:1 1 220px; min-width:0; }
-  .voices .filters .sample { flex:1 1 100%; }
-  .voices .vlist { max-height:calc(100vh - 360px); overflow:auto; }
-  .vrow { display:grid; grid-template-columns:auto minmax(150px,1.3fr) 76px minmax(90px,1fr) minmax(80px,1fr) auto auto; align-items:center; gap:12px; padding:9px 20px; border-top:1px solid var(--line-soft); }
-  .vrow:first-child { border-top:0; }
-  .vrow.mine { background:var(--accent-soft); }
-  .vrow .play { min-width:78px; font:500 12.5px/1 var(--mono); }
-  .vrow .play.on { box-shadow:0 0 0 1px var(--accent); color:var(--accent); background:var(--accent-soft); }
-  .vrow .vname { min-width:0; }
-  .vrow .vname b { display:block; font-size:14.5px; font-weight:600; }
-  .vrow .vname span { display:block; font:400 11.5px/1.5 var(--mono); color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-  .vrow .vmeta, .vrow .vtrait, .vrow .vscene { font-size:13px; color:var(--muted); }
-  .vrow .vtrait { color:var(--ink); }
-  .vrow .tags { display:flex; gap:6px; flex-wrap:wrap; }
-  .vrow .pick { font-size:12.5px; height:30px; padding:0 10px; }
 
   /* ---------- activity:列表(每位老师先是新话题 = 老师文件)/ 原文 / 检查·预览·和出厂比 ---------- */
   .act-wrap { max-width:none; }
@@ -531,7 +511,9 @@ ${BRAND_CSS}
   @media (max-width:760px) {
     body { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
     #side { flex-direction:row; align-items:center; padding:10px 12px; gap:10px; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid var(--line); }
-    #side .ws, #side .health, #side nav .grp, #side nav hr, #side .brand small { display:none; }
+    #side .ws, #side .health, #side nav .grp, #side nav hr, #side .brand small, #side .star b, #side .star span, #side .star .out { display:none; }
+    #side .brand-w { flex-direction:row; align-items:center; flex:none; }
+    #side .star { padding:8px; margin:0; }
     #side nav { flex-direction:row; }
     #side nav a { height:34px; padding:0 10px; }
     main.on { height:auto; }
@@ -546,19 +528,16 @@ ${BRAND_CSS}
     .rl { grid-template-columns:34px minmax(0,1fr); }
     .rl .a { display:none; }
     .pathrow { grid-template-columns:1fr; gap:6px; }
-    .vrow { grid-template-columns:auto minmax(0,1fr) auto; row-gap:4px; }
-    .vrow .vmeta, .vrow .vscene { display:none; }
-    .vrow .vtrait { grid-column:2; }
-    .vrow .tags { grid-column:2; }
-    .voices .vlist { max-height:none; }
     #composer .row .hint { display:none; }
     .act { grid-template-columns:1fr; }
     .alist { position:static; }
-    .voices header .sub .cmd { display:none; }
   }
 </style>
 <aside id="side">
-  <a class="brand ct-hover" href="${BRAND_URL}" target="_blank" rel="noopener" data-cotutor-brand><span class="logo ct-draw">${brandLogo({ size: 18, outer: '#fff', innerOpacity: 0.75 })}</span><b>${BRAND_NAME}</b><small>工作台</small></a>
+  <div class="brand-w" data-cotutor-brand>
+    <a class="brand ct-hover" href="#overview" data-tab="overview" title="回概览"><span class="logo ct-draw">${brandLogo({ size: 18, outer: '#fff', innerOpacity: 0.75 })}</span><b>${BRAND_NAME}</b><small>工作台</small></a>
+    <a class="star" href="${BRAND_URL}" target="_blank" rel="noopener" title="cotutor 的源码在 GitHub">${GITHUB_MARK}<b>GitHub</b><span>好用就点个 ★</span><i class="out">↗</i></a>
+  </div>
   <div class="ws"><span class="ini" id="ws-ini">·</span><span><b id="title">cotutor</b><small id="ws-root"></small></span></div>
   <nav>
     <a href="#overview" data-tab="overview"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 10.5 12 3.5l8.5 7V20a1 1 0 0 1-1 1h-4.5v-6h-6v6H4.5a1 1 0 0 1-1-1z"/></svg>概览</a>
@@ -566,9 +545,7 @@ ${BRAND_CSS}
     <span class="grp">老师</span>
     <a href="#team" data-tab="team"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="8" r="3.5"/><path d="M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5"/><path d="M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c1.8.7 3 2.4 3.5 5.2"/></svg>老师团</a>
     <a href="#activity" data-tab="activity" title="孩子从首页一个按钮进去的一种做法:看、改、检查、看老师收到什么"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 3.5h8.5L19 8v12.5H6z"/><path d="M14 3.5V8h5M9.5 12.5h6M9.5 16h4"/></svg>activity<span class="badge err" id="act-bad" hidden></span></a>
-    <a href="#voices" data-tab="voices"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12h1.5M7 8.5v7M11 5v14M15 8v8M19 10.5v3"/></svg>音色</a>
     <span class="grp">工具</span>
-    <a href="/dev/qr" target="_blank" title="iPad / iPhone 用相机扫,不用输地址"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="14" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="3.5" y="14" width="6.5" height="6.5" rx="1"/><path d="M14 14h3v3h-3zM20.5 14v.5M17 20.5h3.5V17"/></svg>扫码打开<span class="out">↗</span></a>
     <a href="/dev/voice" target="_blank" title="老师页那颗「头像 + 按住说话」的每一种样子(声音是模拟的);调动画时看这一页"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="8" cy="12" r="4.5"/><path d="M15 9.5a4 4 0 0 1 0 5M18 7a7.5 7.5 0 0 1 0 10"/></svg>按钮样张<span class="out">↗</span></a>
     <span class="grp">去看</span>
     <a href="/" target="_blank" title="孩子端:孩子在 iPad 上看到的"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="3" width="16" height="18" rx="2.5"/><path d="M10.5 18h3"/></svg>孩子端<span class="out">↗</span></a>
@@ -606,7 +583,6 @@ ${BRAND_CSS}
 </main>
 <main id="team"></main>
 <main id="activity"></main>
-<main id="voices"></main>
 <main id="settings"></main>
 <div id="drawer"></div>
 <script>
@@ -625,7 +601,7 @@ ${pageDomJs(4000)}
     a.remove();
   };
 
-  const TABS = ['overview', 'chat', 'team', 'activity', 'voices', 'settings'];
+  const TABS = ['overview', 'chat', 'team', 'activity', 'settings'];
   const hashState = () => {
     // #chat?raw=<job> 开某一轮的看原文;#activity?a=<老师>/<名> 开某个 activity
     const parts = location.hash.slice(1).split('?');
@@ -643,9 +619,7 @@ ${pageDomJs(4000)}
     if (tab === 'overview') renderOverview();
     if (tab === 'activity') renderActivities();
     if (tab === 'team') renderTeam();
-    if (tab === 'voices') renderVoices();
     if (tab === 'settings') renderSettings();
-    if (tab !== 'voices') stopPreview();
   };
   for (const a of document.querySelectorAll('#side a[data-tab]')) a.addEventListener('click', (e) => { e.preventDefault(); location.hash = '#' + a.dataset.tab; showTab(a.dataset.tab); });
 
@@ -1032,7 +1006,7 @@ ${pageDomJs(4000)}
       return h('div', { class: 'dsec' },
         h('h5', {}, '发给老师的(消息正文在最后)'),
         h('pre', {}, raw.pack.prompt),
-        h('h5', {}, '命令行 · ' + raw.pack.runtime + (raw.pack.resume ? ' · resume ' + (raw.pack.session || '') : ' · 新开会话') + (raw.pack.agentBody ? ' · 老师正文塞在 {agentBody}' : '')),
+        h('h5', {}, '命令行 · ' + raw.pack.runtime + (raw.pack.resume ? ' · resume ' + (raw.pack.session || '') : ' · 新开会话')),
         h('pre', {}, cmd),
         raw.pack.sources ? h('p', { class: 'hintline' }, '当时的老师文件 ' + (raw.pack.sources.agent ? raw.pack.sources.agent.file + ' ' + raw.pack.sources.agent.hash.slice(7) : '(读不到)') + ' · 技能 ' + Object.entries(raw.pack.sources.skills).map(([k, v]) => k + ' ' + v.slice(7, 13)).join(' / ') + '(正文在 run.json 的 sources 里;cotutor show --json 吐)') : h('p', { class: 'hintline' }, '这轮没记老师文件与技能的快照(2026-09-15 之前跑的)'),
         h('div', {},
@@ -1249,8 +1223,6 @@ ${pageDomJs(4000)}
       h('div', { class: 'field' }, h('label', {}, '老师名(英文键)'), h('input', { type: 'text', id: 'n-name', placeholder: 'science-tutor' })),
       h('div', { class: 'field' }, h('label', {}, '显示名'), h('input', { type: 'text', id: 'n-display', placeholder: '科学老师' })),
       h('div', { class: 'field' }, h('label', {}, '学科(可空)'), h('input', { type: 'text', id: 'n-subject', placeholder: '科学' })),
-      h('div', { class: 'field' }, h('label', {}, '头像(emoji,或图片路径)'), h('input', { type: 'text', id: 'n-avatar', value: '🔬', list: 'n-avatar-list', placeholder: '🔬 或 avatars/science-tutor.png' }),
-        h('datalist', { id: 'n-avatar-list' }, ...['🧮', '📚', '📖', '🔬', '🎨', '🎵', '🌍', '💻', '🏃', '🧩', '📷', '🗓'].map((a) => h('option', { value: a })))),
       h('div', { class: 'field chk' }, h('input', { type: 'checkbox', id: 'n-hidden' }), h('label', { for: 'n-hidden' }, '孩子端不露')),
       h('div', { class: 'full' },
         h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
@@ -1258,7 +1230,7 @@ ${pageDomJs(4000)}
           const display = $('#n-display').value.trim();
           if (!/^[a-z0-9][a-z0-9-]*$/.test(name)) return feedback(roster, false, '老师名要小写字母数字连字符');
           if (!display) return feedback(roster, false, '显示名不能空');
-          try { await api('POST', '/api/tutors', { name, display, subject: $('#n-subject').value.trim(), avatar: $('#n-avatar').value.trim(), hidden: $('#n-hidden').checked }); await loadConfig(); renderTeam(); }
+          try { await api('POST', '/api/tutors', { name, display, subject: $('#n-subject').value.trim(), hidden: $('#n-hidden').checked }); await loadConfig(); renderTeam(); }
           catch (e) { feedback(roster, false, e.message); }
         } } }, '加进来'),
         h('span', { class: 'hint', style: 'padding:0' }, '会写一份带全部约定的老师文件、进 cotutor.json、建目录;之后点开这位老师改「老师文件」把性子填上。与终端 cotutor add 同一条路。')));
@@ -1275,9 +1247,7 @@ ${pageDomJs(4000)}
         h('div', { class: 'field' }, h('label', {}, '显示名'), h('input', { type: 'text', 'data-f': 'display', value: t.display })),
         h('div', { class: 'field' }, h('label', {}, '学科'), h('input', { type: 'text', 'data-f': 'subject', value: t.subject || '' })),
         colorField(t, c),
-        h('div', { class: 'field' }, h('label', {}, '头像(emoji,或图片路径如 avatars/' + t.name + '.png)'), h('input', { type: 'text', 'data-f': 'avatar', value: t.avatar || '' })),
-        h('div', { class: 'field' }, h('label', {}, '卡的配音音色'), h('div', { class: 'withbtn' }, h('input', { type: 'text', 'data-f': 'voice', value: t.voice || '' }),
-          h('button', { class: 'btn', type: 'button', title: '到音色页听着挑', on: { click: () => { voiceState.for = t.name; voiceState.kind = 'tts'; location.hash = '#voices'; showTab('voices'); } } }, '去挑'))),
+        h('div', { class: 'field' }, h('label', {}, '头像与声音'), h('a', { href: '/parent/home', target: '_blank', style: 'line-height:36px' }, '在家长端首页「样子与声音」改 ↗')),
         h('div', { class: 'field chk' }, h('input', { type: 'checkbox', 'data-f': 'enabled', checked: t.enabled }), h('label', {}, '开启')),
         h('div', { class: 'field chk' }, h('input', { type: 'checkbox', 'data-f': 'hidden', checked: t.hidden }), h('label', {}, '孩子端不露')),
         ...policyFields(patch, t.policy, { inherit: true }));
@@ -1293,7 +1263,7 @@ ${pageDomJs(4000)}
       saveBtn.addEventListener('click', () => {
         try {
           const f = (name) => $('[data-f=' + name + ']', body);
-          patchAndReload(card, { tutors: { [t.name]: { display: f('display').value.trim(), subject: f('subject').value.trim() || null, color: f('color').dataset.v || null, avatar: f('avatar').value.trim() || null, voice: f('voice').value.trim() || null, enabled: f('enabled').checked, hidden: f('hidden').checked, policy: readPolicy(body) } } }, renderTeam);
+          patchAndReload(card, { tutors: { [t.name]: { display: f('display').value.trim(), subject: f('subject').value.trim() || null, color: f('color').dataset.v || null, enabled: f('enabled').checked, hidden: f('hidden').checked, policy: readPolicy(body) } } }, renderTeam);
         } catch (e) { feedback(card, false, e.message); }
       });
       const caret = h('span', { class: 'caret', 'aria-hidden': 'true' });
@@ -1314,188 +1284,6 @@ ${pageDomJs(4000)}
     $('#team').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '老师团'), h('span', { class: 'sub' }, '按 cotutor.json 里有谁走;键以 -tutor 结尾的是有脸的老师')), top, roster));
   };
 
-  // ---- 音色:两样声音,页头切——卡的配音(百炼 Qwen-Audio-TTS 的 597 个,src/media/tts-voices.ts;挑中的写进 tutors.<名>.voice;点读、单词卡的声音)、
-  //      实时的嘴(百炼 realtime 认的 56 个,挑中的写进 live.voices.<名>,见下面 renderLiveVoices)。都是先听再挑 ----
-  const AGE_BANDS = [['', '全部年龄'], ['kid', '12 岁以下'], ['young', '13–25 岁'], ['adult', '26–40 岁'], ['senior', '41 岁以上']];
-  const inBand = (age, band) => !band || (typeof age === 'number' && (band === 'kid' ? age <= 12 : band === 'young' ? age >= 13 && age <= 25 : band === 'adult' ? age >= 26 && age <= 40 : age >= 41));
-  const voiceState = { kind: 'tts', list: null, error: null, sample: '', inUse: {}, q: '', gender: '', band: '', text: '', for: null, playing: null, audio: null, loading: false };
-  /** 页头的切换:卡的配音 / 实时的嘴 */
-  const kindSeg = () => h('span', { class: 'seg', role: 'tablist' }, ...[['tts', '卡的配音'], ['live', '实时的嘴']].map(([k, label]) => h('button', { type: 'button', role: 'tab', 'aria-selected': String(voiceState.kind === k), class: voiceState.kind === k ? 'on' : '', on: { click: () => { if (voiceState.kind === k) return; stopPreview(); voiceState.kind = k; renderVoices(); } } }, label)));
-  const stopPreview = () => {
-    if (voiceState.audio) { voiceState.audio.pause(); voiceState.audio = null; }
-    const b = voiceState.playing;
-    voiceState.playing = null;
-    if (b) { b.textContent = '▶ 试听'; b.classList.remove('on'); b.disabled = false; }
-  };
-  /** 点一下合成(服务端同句同音色只合成一次)并播;再点停;换一个点就切过去。base = 卡的配音 / 实时的嘴各自的试听接口 */
-  const preview = async (btn, voice, panel, base = '/api/tts/preview') => {
-    if (voiceState.playing === btn) return stopPreview();
-    stopPreview();
-    voiceState.playing = btn;
-    btn.textContent = '合成中…';
-    btn.classList.add('on');
-    try {
-      const r = await fetch(base + '?voice=' + encodeURIComponent(voice) + (voiceState.text ? '&text=' + encodeURIComponent(voiceState.text) : ''));
-      if (!r.ok) { const j = await r.json().catch(() => null); throw new Error((j && j.message) || (r.status + ' ' + r.statusText)); }
-      const url = URL.createObjectURL(await r.blob());
-      if (voiceState.playing !== btn) { URL.revokeObjectURL(url); return; }
-      const a = new Audio(url);
-      voiceState.audio = a;
-      btn.textContent = '■ 停';
-      a.addEventListener('ended', () => { URL.revokeObjectURL(url); if (voiceState.audio === a) stopPreview(); });
-      await a.play();
-      feedback(panel, true, '');
-    } catch (e) {
-      if (voiceState.playing === btn) stopPreview();
-      feedback(panel, false, '没成:' + e.message);
-    }
-  };
-  const loadVoices = async () => {
-    voiceState.loading = true;
-    try {
-      const r = await api('GET', '/api/tts/voices');
-      voiceState.list = r.voices;
-      voiceState.error = r.error;
-      voiceState.sample = r.sample;
-      voiceState.inUse = r.inUse || {};
-    } catch (e) {
-      voiceState.list = [];
-      voiceState.error = e.message;
-    }
-    voiceState.loading = false;
-  };
-  const voiceTutor = () => {
-    const c = state.config;
-    return c.tutors.find((t) => t.name === voiceState.for) || c.tutors.find((t) => t.enabled && !t.hidden) || c.tutors[0] || null;
-  };
-  const renderVoices = async () => {
-    const c = state.config;
-    if (!c) return;
-    if (voiceState.kind === 'live') return renderLiveVoices();
-    if (!voiceState.list && !voiceState.loading) {
-      $('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg()), h('div', { class: 'panel' }, h('p', { class: 'hint', style: 'padding:16px 20px' }, '在列音色……'))));
-      await loadVoices();
-      if (state.tab !== 'voices' || voiceState.kind !== 'tts') return;
-    }
-    if (voiceState.loading) return;
-    const who = voiceTutor();
-    if (who) voiceState.for = who.name;
-    const panel = h('div', { class: 'panel voices' });
-    const fb = h('span', { class: 'fb' });
-    const forSel = h('select', { id: 'v-for', title: '挑中的音色给谁', on: { change: (e) => { voiceState.for = e.target.value; renderVoices(); } } },
-      ...c.tutors.map((t) => h('option', { value: t.name, selected: who && t.name === who.name }, t.display + (t.enabled ? '' : '(已关闭)'))));
-    panel.append(h('header', {}, h('h4', {}, '音色'), h('span', { class: 'sub' }, (voiceState.list || []).length + ' 个', h('span', { class: 'cmd' }, '百炼 Qwen-Audio-TTS')),
-      h('span', { class: 'right' }, fb, h('label', { class: 'for' }, '给谁挑', forSel))));
-    if (who) {
-      const cur = (voiceState.list || []).find((v) => v.voice === who.voice);
-      panel.append(h('div', { class: 'now' }, avatarEl(who), h('b', {}, who.display),
-        who.voice ? h('span', {}, '现在用 ', h('b', {}, cur ? cur.name : who.voice), cur ? h('small', {}, ' ' + who.voice) : h('small', {}, '(列表里没有这个 id)')) : h('span', { class: 'muted' }, '还没配音色,点读、单词卡没有声音'),
-        who.voice ? h('button', { class: 'btn', type: 'button', on: { click: () => patchAndReload(panel, { tutors: { [who.name]: { voice: null } } }, renderVoices) } }, '清掉') : null));
-    }
-    if (voiceState.error) panel.append(h('p', { class: 'fb bad', style: 'padding:12px 16px 0' }, '列不出音色:' + voiceState.error));
-
-    const genders = [...new Set((voiceState.list || []).map((v) => v.gender).filter(Boolean))];
-    const filters = h('div', { class: 'filters' },
-      h('input', { type: 'search', placeholder: '搜名字 / 特质 / 场景,比如 少年、温柔、故事', value: voiceState.q, on: { input: (e) => { voiceState.q = e.target.value.trim().toLowerCase(); renderVoiceList(); } } }),
-      genders.length ? h('select', { on: { change: (e) => { voiceState.gender = e.target.value; renderVoiceList(); } } }, h('option', { value: '', selected: !voiceState.gender }, '全部性别'), ...genders.map((g) => h('option', { value: g, selected: voiceState.gender === g }, g))) : null,
-      h('select', { on: { change: (e) => { voiceState.band = e.target.value; renderVoiceList(); } } }, ...AGE_BANDS.map(([k, label]) => h('option', { value: k, selected: voiceState.band === k }, label))),
-      h('input', { type: 'text', class: 'sample', placeholder: '试听句:' + voiceState.sample, value: voiceState.text, title: '空 = 用缺省那句;每句每个音色只合成一次', on: { change: (e) => { voiceState.text = e.target.value.trim().slice(0, 200); stopPreview(); } } }));
-    const list = h('div', { class: 'vlist' });
-    const renderVoiceList = () => {
-      const rows = [];
-      const q = voiceState.q;
-      for (const v of voiceState.list || []) {
-        if (voiceState.gender && v.gender !== voiceState.gender) continue;
-        if (!inBand(v.age, voiceState.band)) continue;
-        if (q && ![v.name, v.voice, v.trait, v.scene, v.lang].some((x) => x && x.toLowerCase().includes(q))) continue;
-        const mine = who && who.voice === v.voice;
-        const users = (voiceState.inUse[v.voice] || []).map((n) => (c.tutors.find((t) => t.name === n) || { display: n }).display);
-        const play = h('button', { class: 'btn play', type: 'button', on: { click: () => preview(play, v.voice, panel) } }, '▶ 试听');
-        rows.push(h('div', { class: 'vrow' + (mine ? ' mine' : '') }, play,
-          h('span', { class: 'vname' }, h('b', {}, v.name), h('span', {}, v.voice)),
-          h('span', { class: 'vmeta' }, [v.gender, typeof v.age === 'number' ? v.age + ' 岁' : null].filter(Boolean).join(' · ')),
-          h('span', { class: 'vtrait' }, v.trait || ''),
-          h('span', { class: 'vscene' }, v.scene || ''),
-          h('span', { class: 'tags' }, ...users.map((d) => h('span', { class: 'tag' + (mine ? ' tuned' : '') }, d + ' 在用'))),
-          who ? (mine ? h('span', { class: 'tag tuned' }, '就是这个') : h('button', { class: 'btn primary pick', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { tutors: { [who.name]: { voice: v.voice } } }, renderVoices); } } }, '给' + who.display + '用')) : null));
-      }
-      list.replaceChildren(...(rows.length ? rows : [h('p', { class: 'hint', style: 'padding:14px 16px' }, voiceState.list && voiceState.list.length ? '没有匹配的音色,换个词' : '没有音色')]));
-    };
-    renderVoiceList();
-    panel.append(filters, list);
-    panel.append(h('p', { class: 'hint' }, '试听是真合成一次(合成过的存着,同一句同一个音色以后不再花钱;要百炼的 key,家长端「首页」里填);挑中就写进 cotutor.json,卡点了就用新声音。只管卡自己的声音(点读卡、单词卡、听写念的词);老师开口的声音在「实时的嘴」那半。'));
-    $('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg(), h('span', { class: 'sub' }, '先听再挑,挑中的写进 cotutor.json')), panel));
-  };
-  // ---- 实时的嘴:百炼 realtime 认的 56 个音色(src/realtime/voices.ts);试听是真连一次照念这一句(几分钱,存着)。
-  //      挑中的写进 live.voices.<老师>;有脸的老师都走实时,没挑的用缺省音色;清掉 = 回到缺省 ----
-  const liveVoiceState = { data: null, error: null, q: '', lang: '', loading: false };
-  const loadLiveVoices = async () => {
-    liveVoiceState.loading = true;
-    try { liveVoiceState.data = await api('GET', '/api/tts/realtime'); liveVoiceState.error = null; } catch (e) { liveVoiceState.error = e.message; }
-    liveVoiceState.loading = false;
-  };
-  const renderLiveVoices = async () => {
-    const c = state.config;
-    const page = (panel) => $('#voices').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '音色'), kindSeg(), h('span', { class: 'sub' }, '实时的老师开口用的声音,挑中的写进 cotutor.json 的 live.voices')), panel));
-    if (!liveVoiceState.data && !liveVoiceState.loading) {
-      page(h('div', { class: 'panel' }, h('p', { class: 'hint', style: 'padding:16px 20px' }, '在列音色……')));
-      await loadLiveVoices();
-      if (state.tab !== 'voices' || voiceState.kind !== 'live') return;
-    }
-    if (liveVoiceState.loading) return;
-    const L = c.live || { voices: {} };
-    const fallback = (liveVoiceState.data && liveVoiceState.data.fallback) || '';
-    const list = (liveVoiceState.data && liveVoiceState.data.voices) || [];
-    // 实时只给有脸的老师(live.voices 的键要是 -tutor 结尾的老师)
-    const faces = c.tutors.filter((t) => t.name.endsWith('-tutor'));
-    const who = faces.find((t) => t.name === voiceState.for) || faces.find((t) => t.enabled && !t.hidden) || faces[0] || null;
-    if (who) voiceState.for = who.name;
-    const panel = h('div', { class: 'panel voices' });
-    const fb = h('span', { class: 'fb' });
-    const forSel = h('select', { id: 'v-for', title: '挑中的音色给谁', on: { change: (e) => { voiceState.for = e.target.value; renderVoices(); } } },
-      ...faces.map((t) => h('option', { value: t.name, selected: who && t.name === who.name }, t.display + (t.enabled ? '' : '(已关闭)'))));
-    panel.append(h('header', {}, h('h4', {}, '实时的嘴'), h('span', { class: 'sub' }, list.length + ' 个', h('span', { class: 'cmd' }, ' · ' + (L.model || ''))),
-      h('span', { class: 'right' }, fb, h('label', { class: 'for' }, '给谁挑', forSel))));
-    if (liveVoiceState.error) panel.append(h('p', { class: 'fb bad', style: 'padding:12px 16px 0' }, '列不出音色:' + liveVoiceState.error));
-    if (who) {
-      const own = L.voices[who.name];
-      const curV = own || fallback;
-      const cur = list.find((x) => x.voice === curV);
-      panel.append(h('div', { class: 'now' }, avatarEl(who), h('b', {}, who.display),
-        curV ? h('span', {}, '嘴用 ', h('b', {}, cur ? cur.name : curV), h('small', {}, ' ' + curV + (own ? '' : '(缺省的,还没挑)')), cur ? null : h('span', { class: 'fb bad' }, ' 这个模型不认这个音色,嘴会不出声,换一个')) : null,
-        own ? h('button', { class: 'btn', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { live: { voices: { [who.name]: null } } }, renderVoices); } } }, '清掉(用缺省的)') : null));
-    }
-    const langs = [...new Set(list.map((x) => x.lang))];
-    const filters = h('div', { class: 'filters' },
-      h('input', { type: 'search', placeholder: '搜名字 / 特质,比如 温柔、知性、少年', value: liveVoiceState.q, on: { input: (e) => { liveVoiceState.q = e.target.value.trim().toLowerCase(); renderList(); } } }),
-      h('select', { on: { change: (e) => { liveVoiceState.lang = e.target.value; renderList(); } } }, h('option', { value: '', selected: !liveVoiceState.lang }, '普通话与方言都列'), ...langs.map((g) => h('option', { value: g, selected: liveVoiceState.lang === g }, g))),
-      h('input', { type: 'text', class: 'sample', placeholder: '试听句:' + ((liveVoiceState.data && liveVoiceState.data.sample) || ''), value: voiceState.text, title: '空 = 用缺省那句;每句每个音色只念一次', on: { change: (e) => { voiceState.text = e.target.value.trim().slice(0, 200); stopPreview(); } } }));
-    const box = h('div', { class: 'vlist' });
-    const renderList = () => {
-      const rows = [];
-      const q = liveVoiceState.q;
-      for (const x of list) {
-        if (liveVoiceState.lang && x.lang !== liveVoiceState.lang) continue;
-        if (q && ![x.name, x.voice, x.trait, x.lang].some((y) => y && y.toLowerCase().includes(q))) continue;
-        const mine = who && (L.voices[who.name] || fallback) === x.voice;
-        const users = ((liveVoiceState.data && liveVoiceState.data.inUse) || {})[x.voice] ? liveVoiceState.data.inUse[x.voice].map((n) => (c.tutors.find((t) => t.name === n) || { display: n }).display) : [];
-        const play = h('button', { class: 'btn play', type: 'button', on: { click: () => preview(play, x.voice, panel, '/api/tts/realtime/preview') } }, '▶ 试听');
-        rows.push(h('div', { class: 'vrow' + (mine ? ' mine' : '') }, play,
-          h('span', { class: 'vname' }, h('b', {}, x.name), h('span', {}, x.voice)),
-          h('span', { class: 'vmeta' }, x.lang),
-          h('span', { class: 'vtrait' }, x.trait),
-          h('span', { class: 'vscene' }, ''),
-          h('span', { class: 'tags' }, ...users.map((d) => h('span', { class: 'tag' + (mine ? ' tuned' : '') }, d + ' 在用'))),
-          who ? (mine ? h('span', { class: 'tag tuned' }, '就是这个') : h('button', { class: 'btn primary pick', type: 'button', on: { click: () => { stopPreview(); patchAndReload(panel, { live: { voices: { [who.name]: x.voice } } }, renderVoices); } } }, '给' + who.display + '用')) : null));
-      }
-      box.replaceChildren(...(rows.length ? rows : [h('p', { class: 'hint', style: 'padding:14px 16px' }, '没有匹配的音色,换个词')]));
-    };
-    renderList();
-    panel.append(filters, box);
-    panel.append(h('p', { class: 'hint' }, '试听是真连一次百炼的实时模型照念这一句(几分钱;同一句同一个音色只念一次,存在 .cotutor/live-preview/)。挑中就写进 cotutor.json 的 live.voices,孩子下一个新话题起用。这个模型没有童声;方言、外国口音的不适合教课。'));
-    page(panel);
-  };
-
   // ---- 设置:路径 / 服务 / 配音;文件仍是真相 ----
   const PATH_ROLES = [['vault', 'vault 根', 'Obsidian 仓库;空 = workspace 根'], ['profile', '新建档案的位置', '相对 vault;老师按 cotutor: profile 属性找档案'], ['timetable', '课程表', '相对 vault'], ['plans', '计划目录', ''], ['diary', '日记目录', '记账写这里'], ['textbooks', '教材目录', '记账列可选的册#节;上下文包按 cotutor: textbook 属性找'], ['reference', '参考目录', '你自己的笔记'], ['captures', '作业照片', '相对 workspace 根(不进 vault)']];
 
@@ -1532,7 +1320,7 @@ ${pageDomJs(4000)}
     }
 
     const server = h('div', { class: 'panel' });
-    server.append(h('header', {}, h('h4', {}, '服务'), h('span', { class: 'sub' }, '改端口要重启 serve'),
+    server.append(h('header', {}, h('h4', {}, '服务'), h('span', { class: 'sub' }, '改端口要重启服务,平板要重新扫码、重加主屏幕图标'),
       h('span', { class: 'right' }, h('span', { class: 'fb' }), h('button', { class: 'btn primary', type: 'button', on: { click: async () => {
         try {
           const port = Number($('#s-port').value);
@@ -1541,7 +1329,7 @@ ${pageDomJs(4000)}
           const key = $('#s-key').value.trim();
           await api('PATCH', '/api/config', { server: { port, https: cert && key ? { cert, key } : null } });
           await loadConfig();
-          feedback(server, true, '已写入' + (port !== c.server.port ? ';端口改了,重启 serve 才生效' : ''));
+          feedback(server, true, '已写入' + (port !== c.server.port ? ';端口改了,重启服务才生效;平板要重新扫码、重加主屏幕图标' : ''));
         } catch (e) { feedback(server, false, e.message); }
       } } }, '保存服务'))));
     server.append(h('div', { class: 'grid' },
@@ -1549,21 +1337,8 @@ ${pageDomJs(4000)}
       h('div', { class: 'field' }, h('label', {}, 'HTTPS 证书(相对 workspace)'), h('input', { type: 'text', id: 's-cert', value: c.https ? c.https.cert : '', placeholder: '空 = 机器级 ~/.config/cotutor/certs/' })),
       h('div', { class: 'field' }, h('label', {}, 'HTTPS 私钥'), h('input', { type: 'text', id: 's-key', value: c.https ? c.https.key : '', placeholder: '空 = 机器级' }))));
 
-    // 孩子端:惯用手(kid.hand)——左撇子时平板横屏实时老师页的浮层(按住说话)挪到右边;孩子端下次进老师页生效
-    const kid = h('div', { class: 'panel' });
-    const left = (c.kid && c.kid.hand) === 'left';
-    const handBtn = (v, label) => h('button', { type: 'button', class: left === (v === 'left') ? 'on' : '', 'aria-pressed': String(left === (v === 'left')), on: { click: async () => {
-      if (left === (v === 'left')) return;
-      try { await api('PATCH', '/api/config', { kid: { hand: v === 'left' ? 'left' : null } }); await loadConfig(); renderSettings(); }
-      catch (e) { feedback(kid, false, e.message); }
-    } } }, label);
-    kid.append(h('header', {}, h('h4', {}, '孩子端'), h('span', { class: 'sub' }, 'kid.hand · 孩子下次进老师页生效'), h('span', { class: 'right' }, h('span', { class: 'fb' }))),
-      h('div', { class: 'handrow' }, h('b', {}, '惯用手'), h('span', { class: 'seg' }, handBtn('right', '右手'), handBtn('left', '左撇子')),
-        h('span', { class: 'muted' }, left ? '平板横屏的实时老师页:按住说话那一栏在右边,左手写字' : '平板横屏的实时老师页:按住说话那一栏在左边,右手写字')),
-      h('p', { class: 'hint' }, 'kid 的别的字段、version、运行时模板请直接编辑 cotutor.json。'));
-
     const mig = migratePanel();
-    $('#settings').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '设置'), h('span', { class: 'sub' }, '路径、服务、孩子端;文件仍是真相,这页只是改它的一个口子')), ...(mig ? [mig] : []), paths, server, kid));
+    $('#settings').replaceChildren(h('div', { class: 'wrap' }, h('header', { class: 'ph' }, h('h1', {}, '设置'), h('span', { class: 'sub' }, '路径、服务;文件仍是真相,这页只是改它的一个口子')), ...(mig ? [mig] : []), paths, server));
   };
 
   // ---- 概览:近七天的数字、今天各老师、要看一眼的轮次、体检(doctor 不带 --live) ----
@@ -1614,8 +1389,6 @@ ${pageDomJs(4000)}
       h('button', { type: 'button', on: { click: () => { location.hash = '#chat'; showTab('chat'); $('#text').focus(); } } }, icon('<path d="M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v9a1.5 1.5 0 0 1-1.5 1.5H9l-5 4z"/><path d="M8 9h8M8 12h5"/>', 'hot'), h('b', {}, '发一句试试'), h('small', {}, '以孩子的身份跑一轮')),
       h('button', { type: 'button', disabled: !d.last, on: { click: () => d.last && goChat(d.last.tutor, d.last.date, d.last.job) } }, icon('<path d="M8 7 3 12l5 5M16 7l5 5-5 5M13.5 4.5l-3 15"/>'), h('b', {}, '看原文'), h('small', { class: 'num' }, d.last ? '最近一轮 ' + (d.last.date === d.today ? '' : d.last.date.slice(5) + ' ') + d.last.at.slice(11, 16) : '七天里没有')),
       h('button', { type: 'button', on: { click: () => { location.hash = '#team'; showTab('team'); } } }, icon('<circle cx="9" cy="8" r="3.5"/><path d="M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5"/><path d="M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.8c1.8.7 3 2.4 3.5 5.2"/>'), h('b', {}, '老师团'), h('small', {}, (c ? c.tutors.filter((t) => t.enabled).length : 0) + ' 位开着')),
-      h('button', { type: 'button', on: { click: () => { location.hash = '#voices'; showTab('voices'); } } }, icon('<path d="M3 12h1.5M7 8.5v7M11 5v14M15 8v8M19 10.5v3"/>'), h('b', {}, '音色'), h('small', {}, '试听、换声')),
-      h('a', { href: '/dev/qr', target: '_blank' }, icon('<rect x="3.5" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="14" y="3.5" width="6.5" height="6.5" rx="1"/><rect x="3.5" y="14" width="6.5" height="6.5" rx="1"/><path d="M14 14h3v3h-3zM20.5 14v.5M17 20.5h3.5V17"/>'), h('b', {}, '扫码打开'), h('small', {}, 'iPad · iPhone')),
       h('button', { type: 'button', disabled: ov.doctorBusy, on: { click: runDoctor } }, icon('<path d="M3 12h4l2.5-6 5 12 2.5-6h4"/>'), h('b', {}, '体检一次'), h('small', { class: 'num' }, ov.doctorBusy ? '在跑……' : 'doctor')));
 
     const slowEl = d.slow ? h('span', { class: 'st warn' }, d.slow + ' 轮') : h('span', { class: 'st ok' }, '没有');
@@ -2087,7 +1860,7 @@ ${pageDomJs(4000)}
         ...Object.entries(pv.values).map(([k, v]) => h('span', { class: 'tag' }, k + ' ' + v)),
         ...pv.paramIssues.map((x) => h('span', { class: 'st err' }, x))));
       out.push(h('pre', { class: 'pv' }, pv.text));
-      out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是这个话题老师的系统提示(Qwen 的 systemBody):不读老师文件,注释已剥,后面再接这几种卡的板书写法。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
+      out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是这个话题老师的系统提示:不读老师文件,注释已剥,后面再接这几种卡的板书写法。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
     }
     for (const t of pv.tools) {
       out.push(rule(), h('h3', {}, t.tool + '收到什么'), h('p', { class: 'note' }, '{{插槽}} 由应用在交出去那一刻填。'), h('pre', { class: 'pv tool' }, t.prompt));
@@ -2144,7 +1917,7 @@ ${pageDomJs(4000)}
       pv.board ? h('span', { class: 'tag', title: pv.board.cards.length ? '这位老师的卡:' + pv.board.cards.join(' ') : '全部的卡' }, '+ 板书写法 ' + pv.board.chars.toLocaleString() + ' 字') : null,
       pv.rules ? h('span', { class: 'tag' }, '+ 守则 ' + pv.rules.chars.toLocaleString() + ' 字') : null)];
     out.push(h('pre', { class: 'pv' }, pv.text || '(空)'));
-    out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是新话题里老师的系统提示(Qwen 的 systemBody):老师文件去掉 frontmatter' + (pv.board ? ',后面再接板书写法' : '') + '。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
+    out.push(h('div', { class: 'srow' }, h('span', { class: 'note', style: 'flex:1;min-width:160px' }, '这就是新话题里老师的系统提示:老师文件去掉 frontmatter' + (pv.board ? ',后面再接板书写法' : '') + '。'), h('button', { class: 'btn small', type: 'button', on: { click: (e) => copy(pv.text, e.target) } }, '复制全文')));
     if (pv.rules) {
       out.push(rule(), h('h3', {}, '话题第一条还带守则'),
         h('p', { class: 'note' }, '有脸的老师共用的 ' + pv.rules.path + ',机器件,cotutor upgrade 每次覆盖,这里不改。这位老师要不一样的做法,写进上面的老师文件,它优先。'),

package/dist/ui/dev/dev-theme.d.ts

@@ -1,5 +1,5 @@
 /**
- * 工作台的设计语言「纸面控制台」:/dev、/dev/qr 共用的一份色板与几样基本件。
+ * 工作台的设计语言「纸面控制台」:/dev 用的一份色板与几样基本件。
  * 纸、墨、橙与家长端同源;状态色取自孩子端主题的 tints(moss / sand / sky)外加一个砖红;数字一律等宽。
  * 各页把 DEV_CSS 放进自己 <style> 的最前面,页面自己的样式只用这里的变量,不再写死颜色。
  */

package/dist/ui/dev/dev-theme.js

@@ -1,5 +1,5 @@
 /**
- * 工作台的设计语言「纸面控制台」:/dev、/dev/qr 共用的一份色板与几样基本件。
+ * 工作台的设计语言「纸面控制台」:/dev 用的一份色板与几样基本件。
  * 纸、墨、橙与家长端同源;状态色取自孩子端主题的 tints(moss / sand / sky)外加一个砖红;数字一律等宽。
  * 各页把 DEV_CSS 放进自己 <style> 的最前面,页面自己的样式只用这里的变量,不再写死颜色。
  */

package/dist/ui/dev/voice-gallery-page.js

@@ -43,7 +43,7 @@ __VOICE_CSS__
 <header>
   <h1>按钮样张</h1>
   <p>孩子端老师页那颗「头像 + 按住说话」的每一种样子,声音是模拟的。要改动画:改 src/ui/kid/voice-ui.ts 开头的调参表;样子的种类在 src/ui/kid/voice-view.ts,场景表在 src/ui/dev/voice-scenes.ts。</p>
-  <label class="sw"><input type="checkbox" id="mirror">左撇子镜像</label>
+  <label class="sw"><input type="checkbox" id="mirror">按住说话在右边</label>
 </header>
 <main id="main"></main>
 <script>

package/dist/ui/kid/board-mark.d.ts

@@ -4,7 +4,7 @@ export type BoardMarkId = keyof typeof BOARD_MARK_ART;
 export declare function boardMarkOf(subject: string | null | undefined): BoardMarkId | null;
 /**
  * 怎么摆:right = 外框右沿离板右沿多远(乘 s;负数出纸边),top = 离板顶多少 px(加安全区),o = 不透明度。
- * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),右手不让「更多」压着、左撇子不让胶囊压着;
+ * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),那一栏在左边时不让「更多」压着、在右边时不让胶囊压着;
  * 三种字墨量差得多(粗宋最重、ENGLISH 最轻),浓淡分开压到看着一样淡;ENGLISH 是孩子认得的词,字母不切边
  */
 export declare const BOARD_MARK_PLACE: Readonly<Record<BoardMarkId, {
@@ -18,7 +18,7 @@ export declare const BOARD_MARK_BOTTOM = 16;
 export declare const BOARD_INK = "#4a3f2e";
 /** 老师页的样式:字在 #bmark */
 export declare const BOARD_MARK_CSS = "\n  #bmark { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; container-type:size; color:#4a3f2e; }\n  #bmark[hidden] { display:none; }\n  #bmark svg { position:absolute; display:block; --s:min(48vh, 72vw, (100vh - env(safe-area-inset-top) - var(--bm-top) * 1px - 16px) / var(--bm-h)); top:calc(env(safe-area-inset-top) + var(--bm-top) * 1px); right:calc(var(--s) * var(--bm-right)); width:calc(var(--s) * var(--bm-w)); height:calc(var(--s) * var(--bm-h)); opacity:var(--bm-o); }\n  @supports (width:1cqh) { #bmark svg { --s:min(48cqh, 72cqw, (100cqh - env(safe-area-inset-top) - var(--bm-top) * 1px - 16px) / var(--bm-h)); } }\n";
-/** 平板横屏实时、左撇子:白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
+/** 平板横屏实时、按住说话在右边(kid.hand: left):白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
 export declare const BOARD_MARK_HAND_LEFT_CSS = "body.live.hand-left #bmark svg { right:auto; left:calc(var(--s) * var(--bm-right)); }";
 /** markBoard(el, t):把 t.mark 那个字放进 el(#bmark);t 没有 mark(别的老师、还不知道是谁)就收起来 */
 export declare const BOARD_MARK_JS: string;

package/dist/ui/kid/board-mark.js

@@ -14,7 +14,7 @@ export function boardMarkOf(subject) {
 }
 /**
  * 怎么摆:right = 外框右沿离板右沿多远(乘 s;负数出纸边),top = 离板顶多少 px(加安全区),o = 不透明度。
- * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),右手不让「更多」压着、左撇子不让胶囊压着;
+ * top 从两角按钮下面起(实时页回首页胶囊下沿 64、「更多」54,再空出十几 px),那一栏在左边时不让「更多」压着、在右边时不让胶囊压着;
  * 三种字墨量差得多(粗宋最重、ENGLISH 最轻),浓淡分开压到看着一样淡;ENGLISH 是孩子认得的词,字母不切边
  */
 export const BOARD_MARK_PLACE = {
@@ -33,7 +33,7 @@ export const BOARD_MARK_CSS = `
   #bmark svg { position:absolute; display:block; --s:min(48vh, 72vw, (100vh - env(safe-area-inset-top) - var(--bm-top) * 1px - ${BOARD_MARK_BOTTOM}px) / var(--bm-h)); top:calc(env(safe-area-inset-top) + var(--bm-top) * 1px); right:calc(var(--s) * var(--bm-right)); width:calc(var(--s) * var(--bm-w)); height:calc(var(--s) * var(--bm-h)); opacity:var(--bm-o); }
   @supports (width:1cqh) { #bmark svg { --s:min(48cqh, 72cqw, (100cqh - env(safe-area-inset-top) - var(--bm-top) * 1px - ${BOARD_MARK_BOTTOM}px) / var(--bm-h)); } }
 `;
-/** 平板横屏实时、左撇子:白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
+/** 平板横屏实时、按住说话在右边(kid.hand: left):白纸在右边,字挪到左边(插进老师页那段横屏媒体查询里) */
 export const BOARD_MARK_HAND_LEFT_CSS = `body.live.hand-left #bmark svg { right:auto; left:calc(var(--s) * var(--bm-right)); }`;
 const MARKS_JSON = JSON.stringify(Object.fromEntries(Object.keys(BOARD_MARK_ART).map((id) => {
     const a = BOARD_MARK_ART[id];

package/dist/ui/kid/home-tiles.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 首页老师牌上常驻的三块方砖(预习、检查作业、复习;设计稿 https://claude.ai/artifact/NpPFoyvuF17dbRSEUuRJfW):
+ * 一行三块,白底、学科色细边、图在上字在下;三科同一个位置、同一个样子,分辨全靠图——
+ * 预习 = 翻开的书 + 一颗小星星,检查作业 = 作业本 + 放大镜,复习 = 学过的一摞。学科特色只在图里(颜色只用学科色,currentColor)。
+ * 图按老师的 mark(板书底纹那个:三门主科各一套)挑,别的老师用不带学科内容的一套。数学三张都有阿拉伯数字。
+ * 方砖下面不写小字(家长填的范围不上孩子的牌)。点了和 activity 按钮一样:新开话题、发出方砖上的字;今天做过的先问接着还是重新开始。
+ */
+import type { HomeTileId } from '../../schema/index.ts';
+import type { BoardMarkId } from './board-mark.ts';
+type TileArt = Record<HomeTileId, string>;
+export declare const TILE_ART: Readonly<Record<BoardMarkId | 'plain', TileArt>>;
+/** 内联进孩子端页面:tileArt(mark, id) → 整个 <svg>(aria-hidden,字在旁边的 .btx 里) */
+export declare const HOME_TILES_JS: string;
+export {};

package/dist/ui/kid/home-tiles.js

@@ -0,0 +1,44 @@
+// 都是 viewBox 0 0 88 60;currentColor = 学科色(方砖上的 --sc),浅色线是固定的米色 / 灰蓝
+const STAR = '<path d="M44 1 L45.6 5.4 L50 7 L45.6 8.6 L44 13 L42.4 8.6 L38 7 L42.4 5.4 Z" fill="#f2b84b"></path>';
+const BOOK = '<path d="M44 15 C34 9 21 9 9 13 V53 C21 49 34 49 44 55 Z" fill="#fff" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path><path d="M44 15 C54 9 67 9 79 13 V53 C67 49 54 49 44 55 Z" fill="#fff" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>';
+const NOTEBOOK = '<rect x="8" y="6" width="58" height="48" rx="4" fill="#fff" stroke="#d9b97a" stroke-width="1.5"></rect><path d="M18 7 V2 M30 7 V2 M42 7 V2 M54 7 V2" stroke="#b9a988" stroke-width="2" stroke-linecap="round"></path>';
+const LENS = '<circle cx="66" cy="40" r="11" fill="#ffffffd9" stroke="currentColor" stroke-width="3"></circle><path d="M74 48 L82 56" stroke="currentColor" stroke-width="4.5" stroke-linecap="round"></path>';
+const SONG = 'font-family="Songti SC, STSong, serif"';
+const ROUND = 'font-family="ui-rounded, -apple-system, sans-serif"';
+const HAND = 'font-family="Chalkboard SE, Comic Sans MS, Marker Felt, sans-serif"';
+const MONO = 'font-family="Menlo, monospace"';
+/** 一摞里后面那张(淡的、斜着) */
+const back = (x, y, w, h, rot, cx, cy, text, size, font, rx = 3) => `<g transform="rotate(${rot} ${cx} ${cy})"><rect x="${x}" y="${y}" width="${w}" height="${h}" rx="${rx}" fill="#fff" stroke="#e2d6bd" stroke-width="1.5"></rect>${text ? `<text x="${x + w / 2}" y="${y + h / 2 + size * 0.36}" font-size="${size}" text-anchor="middle" fill="#b9a988" ${font}>${text}</text>` : ''}</g>`;
+/** 田字格一格 */
+const grid = (x, y, s, ch, size, color = '#8f836c') => `<rect x="${x}" y="${y}" width="${s}" height="${s}" fill="none" stroke="#e2d6bd"></rect>${ch ? `<text x="${x + s / 2}" y="${y + s / 2 + size * 0.38}" font-size="${size}" text-anchor="middle" fill="${color}" ${SONG}>${ch}</text>` : ''}`;
+export const TILE_ART = {
+    yuwen: {
+        preview: `${STAR}${BOOK}<path d="M15 24 H37 M15 32 H37 M15 40 H31" stroke="#d9b97a" stroke-width="2" stroke-linecap="round"></path><rect x="52" y="21" width="21" height="21" fill="#fff" stroke="currentColor" stroke-width="1.5"></rect><path d="M62.5 21 V42 M52 31.5 H73" stroke="currentColor" stroke-opacity=".35" stroke-width="1" stroke-dasharray="2 2"></path><text x="62.5" y="37.5" font-size="16" font-weight="700" text-anchor="middle" fill="currentColor" ${SONG}>春</text>`,
+        check: `${NOTEBOOK}${grid(14, 14, 14, '天', 11)}${grid(30, 14, 14, '地', 11)}${grid(46, 14, 14, '人', 11)}${grid(14, 32, 14, '日', 11)}${grid(30, 32, 14, '月', 11)}${LENS}`,
+        review: `${back(10, 24, 27, 27, -14, 24, 38, '水', 16, SONG)}${back(45, 24, 27, 27, 12, 58, 38, '火', 16, SONG)}<rect x="25" y="16" width="32" height="32" rx="3" fill="#fff" stroke="currentColor" stroke-width="2"></rect><path d="M41 16 V48 M25 32 H57" stroke="currentColor" stroke-opacity=".3" stroke-width="1" stroke-dasharray="2 2"></path><text x="41" y="39" font-size="20" font-weight="700" text-anchor="middle" fill="currentColor" ${SONG}>山</text>`,
+    },
+    shuxue: {
+        preview: `${STAR}${BOOK}<path d="M17 21 V35 M22 21 V35 M27 21 V35" stroke="#e3a64a" stroke-width="2.6" stroke-linecap="round"></path><text x="22" y="47" font-size="11" font-weight="700" text-anchor="middle" fill="#8f836c" ${ROUND}>3</text><text x="61.5" y="31" font-size="13" font-weight="800" text-anchor="middle" fill="currentColor" ${ROUND}>3+4</text><text x="61.5" y="46" font-size="13" font-weight="800" text-anchor="middle" fill="currentColor" ${ROUND}>=?</text>`,
+        check: `${NOTEBOOK}<text x="44" y="21" font-size="11" text-anchor="end" fill="#8f836c" ${MONO}>27</text><text x="44" y="33" font-size="11" text-anchor="end" fill="#8f836c" ${MONO}>+15</text><path d="M20 37 H46" stroke="#8f836c" stroke-width="1.2"></path><text x="44" y="48" font-size="11" text-anchor="end" fill="#8f836c" ${MONO}>42</text>${LENS}`,
+        review: `${back(12, 12, 44, 28, -12, 34, 26, '6+9', 12, ROUND, 5)}${back(34, 10, 44, 28, 9, 56, 24, '15−7', 12, ROUND, 5)}<rect x="20" y="24" width="50" height="32" rx="5" fill="#fff" stroke="currentColor" stroke-width="2"></rect><text x="45" y="46" font-size="17" font-weight="800" text-anchor="middle" fill="currentColor" ${ROUND}>8×7</text>`,
+    },
+    english: {
+        preview: `${STAR}${BOOK}<path d="M14 23 H38 M14 29 H38 M14 41 H38" stroke="#cdd6e2" stroke-width="1.2"></path><path d="M14 35 H38" stroke="#e39a9a" stroke-width="1.2"></path><text x="62" y="39" font-size="18" font-weight="700" text-anchor="middle" fill="currentColor" ${HAND}>Aa</text>`,
+        check: `${NOTEBOOK}<path d="M14 14 H58 M14 19 H58 M14 29 H58 M14 34 H58 M14 39 H58 M14 49 H58" stroke="#cdd6e2" stroke-width="1"></path><path d="M14 24 H58 M14 44 H58" stroke="#e39a9a" stroke-width="1"></path><text x="16" y="24" font-size="11" fill="#8f836c" ${HAND}>apple</text><text x="16" y="44" font-size="11" fill="#8f836c" ${HAND}>pen</text>${LENS}`,
+        review: `${back(10, 14, 48, 28, -10, 36, 28, 'dog', 13, HAND, 5)}<rect x="24" y="26" width="50" height="30" rx="5" fill="#fff" stroke="currentColor" stroke-width="2"></rect><text x="49" y="47" font-size="16" font-weight="700" text-anchor="middle" fill="currentColor" ${HAND}>cat</text>`,
+    },
+    // 别的老师:同样的书、本子、一摞,不带学科内容
+    plain: {
+        preview: `${STAR}${BOOK}<path d="M15 24 H37 M15 32 H37 M15 40 H31 M51 24 H73 M51 32 H73 M51 40 H67" stroke="#d9b97a" stroke-width="2" stroke-linecap="round"></path>`,
+        check: `${NOTEBOOK}<path d="M15 18 H58 M15 28 H52 M15 38 H46" stroke="#cdbf9f" stroke-width="2" stroke-linecap="round"></path>${LENS}`,
+        review: `${back(12, 14, 44, 28, -12, 34, 28, '', 12, ROUND, 5)}${back(34, 12, 44, 28, 9, 56, 26, '', 12, ROUND, 5)}<rect x="20" y="24" width="50" height="32" rx="5" fill="#fff" stroke="currentColor" stroke-width="2"></rect><path d="M29 35 H61 M29 44 H53" stroke="currentColor" stroke-opacity=".5" stroke-width="2" stroke-linecap="round"></path>`,
+    },
+};
+/** 内联进孩子端页面:tileArt(mark, id) → 整个 <svg>(aria-hidden,字在旁边的 .btx 里) */
+export const HOME_TILES_JS = `
+  var TILE_ART = ${JSON.stringify(TILE_ART)};
+  var tileArt = function (mark, id) {
+    var set = TILE_ART[mark] || TILE_ART.plain;
+    return '<svg viewBox="0 0 88 60" aria-hidden="true" focusable="false">' + (set[id] || '') + '</svg>';
+  };
+`;