feat(chat): simplify teacher pane and color follow-up cards

.project-docs/30-worklog/tasks/20260928-teacher-hover-intro-a73f6e29.md

@@ -28,10 +28,16 @@
 - Gate: Passed. Plan: implement tooltip and preview clearance, simplify the panel while preserving navigation, verify relevant unit tests, browser layout and isolated Electron interactions, then document delivery. No live teacher requests, remote publication or app restart in this task.
 - Trial-update resume: matching start/status ownership restored to planning; prior product context rechecked, all peer scopes reviewed and unchanged. Gate passed. Existing trial metadata points to an exited process and an older checkout; installed production is a distinct running application. Plan: reuse the verified 772da4f build in the isolated trial, add a local background startup wrapper, preserve the profile/port, and verify runtime and foreground ownership read-only. Earlier no-restart constraint is superseded only for the explicitly requested trial update.
 
+## Follow-up Plan: Reply Cards And Header Removal
+
+- User approved the proposed pale blue/cream/lavender follow-up cards with 16px text and requests removing the entire duplicate avatar/name header. Update the same trial afterward; the earlier no-focus constraint persists.
+- Same task/worktree resumed via start/status; prior project context and peer scopes remain unchanged. Design search recommends soft playful cards; adapt only the approved colors/typography without adding fonts or unrelated layout. Gate passed.
+- Change Renderer styles/header only, preserve generated suggestions, submission and per-agent drafts. Update affected existing tests, visually inspect in a headless fixture, and refresh the running trial in the background where feasible.
+
 ## Outcome
 
 - Added a cream, rounded introduction card using the published teacher name, avatar and description. Hover or keyboard focus opens one card at a time outside the scrolling topbar; empty descriptions do not create a card. The pointer can enter the card to read long descriptions. Leaving, Escape or clicking the entry closes it; moving inside the clicked entry does not reopen it until a fresh entry.
-- Removed the introduction and add/expand/close icon group from the consultation header. Clicking the selected topbar entry toggles its panel; switching entries selects that teacher. Escape restores focus to the selected teacher, per-agent drafts remain intact, drag resizing remains available, and the new-topic text action sits in expanded history.
+- Removed the introduction and add/expand/close icon group initially; the approved follow-up removes the entire duplicate avatar/name header. Identity remains in the topbar and individual reply attribution. Clicking the selected topbar entry toggles its panel; switching entries selects that teacher. Escape restores focus to the selected teacher, per-agent drafts remain intact, drag resizing remains available, and the new-topic text action sits in expanded history.
 - Extended native work preview clearance to include the introduction and any real unread speech bubble, using the maximum overlapping clearance. Hover does not create topics, send requests or acknowledge unread messages. README describes the final behavior.
 - Independent review caught immediate entry-switch overlap and selected-entry focus restoration issues; both were fixed and covered. Final screenshot review prompted a second pointer-move opening-path regression, now fixed by keeping pointer-enter as the sole mouse opening path.
 - During delivery, the peer teacher-focus task completed and a separate read-only agent-refresh task was registered. Its task record was reviewed; it changes no presentation/runtime code and has no semantic conflict.
@@ -39,6 +45,9 @@
 - Trial update completed: existing `Makelore Teacher Trial.app` (bundle `cn.makelore.teacher-presence.trial`, Electron 43.4.0) now runs this checkout's verified 772da4f build as PID 27713. Reused `/var/folders/mx/ltbgwsks5_n8zllj69p_wbcw0000gn/T/makelore-trial-tdq_nuah/user-data` and port 54599. The prior recorded trial PID had already exited, so no running application was stopped.
 - A machine-local `dist-electron/main/trial-background.cjs` bootstrap, excluded from Git, guards startup show/focus calls and launches through `open -g -j`. It leaves the window hidden until the user activates it; normal window behavior is restored upon user activation. Metadata backups and startup/focus evidence are kept beside the existing trial. Production code and the installed application were not modified.
 
+- Reply-card follow-up: generated follow-up questions now use pale blue, cream and lavender cards in order, 16px text and 1.8 line-height, dark readable text, responsive wrapping, hover/focus and disabled states. Both suggestion-generation and ordinary follow-up groups share the style. Removed unused header/icon styles and kept admin preview identification outside a header.
+- Updated the current trial presentation through Electron insertCSS after verifying the exact PID/path/window. Renderer/Main were not restarted: operation drafts are held in memory, so this avoids losing them or authentication. The current page receives equivalent selectors for its existing markup; the rebuilt source removes the header and uses the new card markup on the next normal load. No fake cards or messages were added to the real profile.
+
 ## Verification
 
 - Passed: 98 tests across teacher-companion, coding-teacher-ui, coding-chat-panel and preview-clearance suites on the final changes.
@@ -48,10 +57,13 @@
 - Independent code review passed. Electron interaction tests use isolated profiles and fixture responses; no real-model interaction or production installation was exercised.
 - Background trial verification: exact process path and Host API listener confirmed; OPTIONS runtime-info returned 204. Loaded Renderer URL points to this checkout and `index-PjM22P-Y.js`; the document is complete and React root is mounted. Startup status recorded one blocked show, a loaded hidden/unfocused window, and the original isolated profile. A 12-second NSWorkspace foreground monitor recorded no trial activation and retained the previously foreground application's PID throughout. Verification performed no UI click, activation or test message.
 
+- Reply-card follow-up passed 91 existing unit tests, typecheck, changed-file ESLint, production build and whitespace checks. Existing Electron assertions were updated for the removed header but not launched during this follow-up. A headless visual sample using the supplied text verified the actual card CSS at 540px and 320px: 16px font, 28.8px line-height, three expected colors and no horizontal overflow.
+- Live update retained PID 27713 and all current input values; the window remained unfocused and the foreground app PID stayed unchanged. Subsequent read-only DOM inspection confirmed the open consultation header had zero height. No generated follow-up cards were mounted at inspection, so their rendering was verified in the headless sample rather than claimed as a live conversation check. The temporary loopback Node inspector was closed after verification.
+
 ## Follow-ups
 
 - Integrate this branch when requested; retain this worktree because the updated trial now runs its compiled output. The user can activate the existing `Makelore Teacher Trial` Dock entry to review the interface.
 
 ## Promotion Candidates
 
-- Target: `.project-docs/30-worklog/current-state.md` and the canonical classroom interaction description. Proposal: published teacher introductions live in transient topbar hover/focus cards, and consultation headers contain identity only; the selected entry toggles the panel and new topics remain available inside expanded history. Evidence: explicit user request, changed components, 98 unit tests, 9 browser layout checks and 2 Electron scenarios. Future impact: preserves the consultation capability while simplifying the teacher selection surface. Semantic conflicts: none with generic distributed identities, pinned topic versions or true proactive messages. Human confirmation: already supplied for this interaction; canonical promotion remains an integration-mode step.
+- Target: `.project-docs/30-worklog/current-state.md` and the canonical classroom interaction description. Proposal: published teacher introductions live in transient topbar hover/focus cards, and the duplicated consultation header is removed; generated follow-up questions use three alternating pastel cards with 16px text; the selected entry toggles the panel and new topics remain available inside expanded history. Evidence: explicit user request, changed components, 98 unit tests, 9 browser layout checks and 2 Electron scenarios. Future impact: preserves the consultation capability while simplifying the teacher selection surface. Semantic conflicts: none with generic distributed identities, pinned topic versions or true proactive messages. Human confirmation: already supplied for this interaction; canonical promotion remains an integration-mode step.

README.md

@@ -168,7 +168,7 @@ Pi 正式包必须继续运行 `pnpm run verify:artifact:pi`、`pnpm run smoke:p
 
 - Code 课堂左侧项目栏默认宽 171px，可拖动右边缘在 128–256px 间调整，双击恢复默认并在本机记住宽度；标题栏同步对齐。项目名与会话名超长省略并可悬停查看；右侧咨询栏默认宽 508px，可拖动至 640px，紧凑窗口仍使用覆盖式咨询。
 - 客户端没有内置老师／朋友角色。已下发智能体以头像和名称并排显示在标题栏，点击后打开对应智能体的讨论；数量较多时横向滚动，咨询面板不再提供智能体下拉框。名称、头像、简介、欢迎语和推荐问题均由服务端提供。首次使用默认选择运营指定项，各智能体的未发送草稿分别保存，已有话题保持绑定的版本；旧的未分配项目草稿可展开查看，不自动转给其他智能体。打开或切换只读取配置和历史，不触发模型；咨询栏支持调整宽度和重新打开。
-- 鼠标悬停或键盘聚焦顶部智能体入口时，以奶油色圆角卡片显示该智能体的发布介绍；离开、Escape 或点击入口后收起，没有介绍则不显示空卡片。咨询标题区只保留头像和名称，移除介绍及新话题、展开、关闭三个图标。再次点击当前入口或在咨询栏按 Escape 可收起，切换其他入口仍直接打开对应讨论；拖动边缘调宽保留，新话题文字入口收在展开的“以往讨论”中。悬浮介绍不会创建话题、调用模型或确认未读消息，作品原生预览同时避让介绍卡和真实主动气泡。
+- 鼠标悬停或键盘聚焦顶部智能体入口时，以奶油色圆角卡片显示该智能体的发布介绍；离开、Escape 或点击入口后收起，没有介绍则不显示空卡片。咨询栏不再显示重复的头像、名称标题条，也不显示介绍及新话题、展开、关闭三个图标；老师身份保留在顶部入口及消息署名中。智能体生成的追加问题以淡蓝、奶油黄、淡紫卡片依次承载，正文 16px、行高 1.8，保留整卡点击发送与忙碌时禁用。再次点击当前入口或在咨询栏按 Escape 可收起，切换其他入口仍直接打开对应讨论；拖动边缘调宽保留，新话题文字入口收在展开的“以往讨论”中。悬浮介绍不会创建话题、调用模型或确认未读消息，作品原生预览同时避让介绍卡和真实主动气泡。
 - 主动发言采用紧贴小头像的短气泡；只有存在真实主动消息或运营欢迎语时才显示这组浮层，收起消息时头像和气泡一起消失，顶部入口仍保留。长消息在气泡中最多显示三行，点击接回原智能体对话查看全文。不提供“智能体偶尔来看看”开关或本地模拟巡看控制，既有自动跟进与真实消息接收逻辑保留。作品原生预览对整组气泡和头像测量避让，避免图片被原生页面遮住。
 - 学生在当前项目创作时，前端每 5 分钟请求一次智能体跟进；窗口隐藏、来源归档、主对话正在执行、智能体正在回复或学生正在智能体栏写草稿时延后。Main 再检查在线启停、来源归属、项目级冷却和已完成文本指纹，未变上下文按下述十五分钟冷却处理。跟进沿用运营模型、已发布 Skills 与当前智能体话题，生成简短的具体建议或引导；以主动智能体发言持久化，不伪造学生消息。模型调用沿用智能体计费规则。
 - 进入项目时，智能体头像旁先显示运营发布的欢迎语气泡，不调用模型、不声称已检查项目；每个账号／项目主动收起后不重复弹出。真实的未读主动建议优先替换欢迎语。主动发言在头像旁直接显示气泡，不抢焦点、不盖住作品；作品区按气泡与原生预览的实际交叠范围避让，已有工具栏高度计入计算，气泡位于独立智能体栏时不额外留白，窗口／分栏尺寸变化和收起气泡时实时归还空间；“和智能体聊聊”接回同一段咨询，“等会儿聊”收起并保留历史。已有未处理气泡时不堆叠新邀请；咨询已展开时也显示气泡，直到学生主动点击查看或收起，期间的其他回复不会吞掉未读邀请。五分钟检查计时在刷新和项目切换后保留；智能体咨询里的新讨论也算进展，即使操作对话没有变化也会继续跟进；上下文完全未变时放缓到十五分钟一次，不永久停止。事件连接丢失时，每十五秒只读同步未完成回复，收到结果后停止轮询，不重复调用模型。失败如实提示，不以本地文案替代模型回复。已接受请求恢复使用原身份，退出账号和来源删除仍沿用 Main 中止边界。

src/pages/Chat/TeacherChatPanel.tsx

@@ -374,12 +374,8 @@ export function TeacherChatPanel({
   const questions = definition?.suggested_questions ?? [];
   return (
     <aside className="consultation-pane flex h-full min-h-0 w-full flex-col"
-      data-testid="teacher-chat-panel" aria-label={`${label}聊天`}>
-      <header className="consultation-header flex h-[68px] shrink-0 items-center gap-3 px-5">
-        <TeacherAvatar className="consultation-avatar h-9 w-9 rounded-xl" definition={definition} />
-        <div className="min-w-0 flex-1"><h2 className="truncate text-sm font-semibold">{definition?.name ?? '智能体'}</h2>
-          {draftRevision && <p className="mt-1 text-[11px] text-muted-foreground">运营草稿试聊</p>}</div>
-      </header>
+      data-testid="teacher-chat-panel" aria-label={`${definition?.name ?? label}咨询`}>
+      {Boolean(draftRevision) && <p className="px-5 pt-3 text-[11px] text-muted-foreground">运营草稿试聊</p>}
       {(topics.items.length > 0 || draftRevision) && <div className="px-5 pt-2">
         <button className="text-[11px] text-muted-foreground" onClick={() => setHistoryOpen(!historyOpen)} aria-expanded={historyOpen}>以往讨论 <ChevronDown className="inline h-3 w-3" /></button>
         {(historyOpen || draftRevision) && <div className="mt-2 flex gap-2">
@@ -424,16 +420,16 @@ export function TeacherChatPanel({
               ? <p role="status" className="flex items-center gap-2 text-[13px] leading-7 text-muted-foreground"><Loader2 className="h-3.5 w-3.5 animate-spin motion-reduce:animate-none" />我看看你最近做到了哪里…</p>
               : request.status === 'completed' && <>
                 <TeacherReply text={request.response} />
-                <div className="flex flex-col gap-2" aria-label="可以和智能体聊的问题">
-                  {request.suggestedQuestions?.map((question) => <button key={question} type="button" disabled={helpUnavailable} onClick={() => void send({ text: question })} className="consultation-suggestion flex min-h-11 items-center justify-between gap-3 rounded-xl border bg-white px-3 py-3 text-left text-[13px] leading-6 transition-colors disabled:cursor-not-allowed disabled:opacity-50">{question}<ChevronRight className="h-3.5 w-3.5 shrink-0 opacity-60" /></button>)}
+                <div className="consultation-follow-ups" aria-label="可以和智能体聊的问题">
+                  {request.suggestedQuestions?.map((question) => <button key={question} type="button" disabled={helpUnavailable} onClick={() => void send({ text: question })} className="consultation-follow-up"><span className="min-w-0 flex-1">{question}</span><ChevronRight className="h-4 w-4 shrink-0 opacity-70" aria-hidden="true" /></button>)}
                 </div>
                 <button type="button" disabled={helpUnavailable} onClick={askForGuidance} className="consultation-guided-help min-h-10 text-left text-xs leading-6 underline decoration-current/30 underline-offset-4 disabled:cursor-not-allowed disabled:opacity-50">我也说不清，你带我看看</button>
                 <p className="text-[11px] leading-5 text-muted-foreground">也可以直接在下面说说你的想法。</p>
               </>}
             {['failed', 'cancelled', 'interrupted'].includes(request.status) && <button type="button" disabled={helpUnavailable} onClick={askForSuggestions} className="consultation-guided-help min-h-10 text-xs underline underline-offset-4 disabled:opacity-50">再请智能体看看</button>}
           </> : request.response ? <TeacherReply text={request.response} /> : <div className="text-[13px] leading-7">{['running', 'preparing'].includes(request.status) ? <span role="status" className="inline-flex items-center gap-2 text-muted-foreground"><Loader2 className="h-3.5 w-3.5 animate-spin motion-reduce:animate-none" />{request.discussionContext ? '正在梳理你的新想法…' : `${label}正在想…`}</span> : ['cancelled', 'interrupted'].includes(request.status) ? '这次先停在这里。想继续时可以再说说。' : ''}</div>}
-          {discussionEnabled && request.intent !== 'suggestions' && request.status === 'completed' && topic.discussion?.status !== 'active' && topic.discussion?.status !== 'offered' && Boolean(request.suggestedQuestions?.length) && <div className="flex flex-col gap-2" aria-label="接着聊">
-            {request.suggestedQuestions?.map(question => <button type="button" key={question} disabled={helpUnavailable} onClick={() => void send({ text: question })} className="consultation-suggestion rounded-xl border px-3 py-2 text-left text-xs leading-6">{question}<ChevronRight className="ml-1 inline h-3 w-3" /></button>)}
+          {discussionEnabled && request.intent !== 'suggestions' && request.status === 'completed' && topic.discussion?.status !== 'active' && topic.discussion?.status !== 'offered' && Boolean(request.suggestedQuestions?.length) && <div className="consultation-follow-ups" aria-label="接着聊">
+            {request.suggestedQuestions?.map(question => <button type="button" key={question} disabled={helpUnavailable} onClick={() => void send({ text: question })} className="consultation-follow-up"><span className="min-w-0 flex-1">{question}</span><ChevronRight className="h-4 w-4 shrink-0 opacity-70" aria-hidden="true" /></button>)}
           </div>}
           {request.discussionError && <p className="text-xs leading-6 text-muted-foreground">{request.discussionError}</p>}
           {request.unparsedResponse && <details className="min-w-0 text-xs text-muted-foreground">

src/pages/Chat/classroom-workspace.css

@@ -49,23 +49,27 @@
 .classroom-consultation-resizer { position: absolute; inset: 0 auto 0 -4px; width: 8px; z-index: 2; cursor: col-resize; }
 .classroom-consultation-resizer:hover, .classroom-consultation-resizer:focus-visible { background: #7994b533; }
 .consultation-pane { background: #fffdf8; color: #30465f; }
-.classroom-workspace .consultation-header { height: 78px; padding: 12px 15px; gap: 10px; border-bottom: 1px solid #eddbb2; background: #fff4d9; }
-.classroom-workspace .consultation-avatar { width: 44px; height: 44px; flex-shrink: 0; border: 2px solid white; border-radius: 11px; box-shadow: 0 3px 0 #e3cea2; }
 .consultation-help-prompt, .consultation-guided-help { color: #536747; }
 .consultation-help-prompt { background: #f1f5ea; border: 1px solid #dfe7d5; }
 .consultation-help-prompt:hover:not(:disabled) { background: #e6eedc; border-color: #bacba8; }
 .consultation-pane button:focus-visible { outline: 2px solid #71845f; outline-offset: 3px; }
 .consultation-suggestion { border-color: #e0e6d6; color: #718163; }
 .consultation-suggestion:hover { border-color: #bac9aa; background: #f4f7ee; }
+.consultation-follow-ups { display: flex; flex-direction: column; gap: 10px; }
+.consultation-follow-up { --card-background: #eef5ff; --card-hover: #e2edfc; --card-border: #d3e3f7; display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid var(--card-border); border-radius: 16px; background: var(--card-background); color: #344963; font-size: 16px; line-height: 1.8; text-align: left; overflow-wrap: anywhere; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease; }
+.consultation-follow-up:nth-child(3n + 2) { --card-background: #fff4dc; --card-hover: #ffedc5; --card-border: #eeddb5; }
+.consultation-follow-up:nth-child(3n + 3) { --card-background: #f3edfc; --card-hover: #eae0f8; --card-border: #e2d7f2; }
+.consultation-follow-up:hover:not(:disabled) { background: var(--card-hover); }
+.consultation-follow-up:disabled { cursor: not-allowed; opacity: 0.5; }
+.consultation-pane .consultation-follow-up:focus-visible { outline-color: #6683a5; }
 .consultation-user { background: #eaf0e1; }
 .consultation-composer { border-color: #dce3d3; }
 .consultation-send { background: #536947; }
-.consult-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: #8c9781; }
-.consult-icon:hover { background: #eaf0e1; color: #45563b; }
 @media (max-width: 1100px) { .classroom-tabs { padding-left: 18px; padding-right: 18px; } }
 @media (max-width: 900px) { .classroom-consultation-dock { position: absolute; inset: 0 0 0 auto; z-index: 45; max-width: 100%; box-shadow: -12px 0 36px #24311b0d; } .classroom-consultation-resizer { display: none; } }
 @media (max-width: 600px) { .classroom-consultation-dock { width: 100%!important; } .classroom-workspace [data-testid="coding-message-composer"] { width: calc(100% - 24px); } }
 @media (prefers-reduced-motion: reduce) { .classroom-workspace *, .consultation-pane * { scroll-behavior: auto!important; } }
+@media (prefers-reduced-motion: reduce) { .consultation-follow-up { transition: none; } }
 
 /* The teacher speaks from the title bar without taking the student's focus. */
 .classroom-composer-view[hidden] { display: none; }

tests/e2e/pi-coding-first-chat.spec.ts

@@ -1796,7 +1796,8 @@ test('project consultations preserve student drafts and switch between work and
     await page.getByRole('button',{name:'与朋友聊天',exact:true}).click();
     const teacher=page.getByTestId('teacher-chat-panel');
     await expect(page.getByTestId('teacher-introduction')).toHaveCount(0);
-    await expect(teacher.locator('header').getByRole('button')).toHaveCount(0);
+    await expect(teacher).toHaveAccessibleName('朋友咨询');
+    await expect(teacher.locator('header')).toHaveCount(0);
     await expect(teacher.getByText('陪你听听玩家的想法，让作品更有趣。')).toHaveCount(0);
     await expect(page.getByRole('tab',{name:'作品',exact:true})).toHaveAttribute('aria-selected','true');
     await expect(page.getByRole('tabpanel',{name:'作品',exact:true})).toBeVisible();
@@ -1833,7 +1834,7 @@ test('project consultations preserve student drafts and switch between work and
     await expect(teacher).toHaveCount(0);
     await expect(page.getByRole('button',{name:'与朋友聊天',exact:true})).toBeFocused();
     await page.getByRole('button', { name: '与代码智能体聊天' }).click();
-    await expect(teacher.getByRole('heading', { name: '代码智能体' })).toBeVisible();
+    await expect(teacher).toHaveAccessibleName('代码智能体咨询');
     await expect(teacher.getByRole('textbox', { name: '向智能体提问' })).toHaveValue('');
     await teacher.getByRole('textbox', { name: '向智能体提问' }).fill('另一个智能体的草稿');
     await page.getByRole('button',{name:'与朋友聊天',exact:true}).click();
@@ -1849,7 +1850,7 @@ test('project consultations preserve student drafts and switch between work and
     const consultationRequests=requests.filter(item=>item.path.endsWith('/messages')&&item.method==='POST');
     expect(consultationRequests).toHaveLength(3);
     expect(requests.find(item => item.path.endsWith('/agent-topics') && item.method === 'POST')?.body?.teacherVersion).toBe(9);
-    await expect(teacher.getByRole('heading', { name: '朋友', exact: true })).toBeVisible();
+    await expect(teacher).toHaveAccessibleName('朋友咨询');
     expect(consultationRequests[0].body).toMatchObject({intent:'suggestions',text:'帮我看看'});
     expect(consultationRequests[1].body).toMatchObject({text:'怎样观察别人玩游戏？'});
     expect(consultationRequests[1].body?.intent).toBeUndefined();

tests/unit/coding-chat-panel.test.tsx

@@ -297,7 +297,8 @@ describe('CodingChatPanel first Conversation', () => {
     expect(operationInput).toHaveValue('我想先自己试一试');
 
     fireEvent.click(screen.getByRole('button', { name: '智能体', exact: true }));
-    const teacherInput = await screen.findByRole('textbox', { name: '向智能体提问' });
+    const teacherPanel = await screen.findByRole('complementary', { name: '智能体咨询' });
+    const teacherInput = within(teacherPanel).getByRole('textbox', { name: '向智能体提问' });
     expect(workTab).toHaveAttribute('aria-selected', 'true');
     expect(operationInput).not.toBeVisible();
     expect(operationInput).toHaveValue('我想先自己试一试');

tests/unit/coding-teacher-ui.test.tsx

@@ -1,4 +1,4 @@
-import { act, fireEvent, render, screen, waitFor, within } from '@testing-library/react';
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { TeacherChatPanel } from '@/pages/Chat/TeacherChatPanel';
 import type { TeacherDefinition, TeacherRequest, TeacherSend, TeacherTopic } from '../../shared/coding-teacher';
@@ -96,31 +96,30 @@ async function ready() {
   await waitFor(() => expect(streams.has('first')).toBe(true));
 }
 describe('teacher side chat', () => {
-  it('keeps the panel header focused on identity and puts new topics inside expanded history', async () => {
+  it('opens directly into the consultation and puts new topics inside expanded history', async () => {
     render(<TeacherChatPanel projectId="p" sourceId="c" />);
     const history = await screen.findByRole('button', { name: '以往讨论' });
-    const header = screen.getByTestId('teacher-chat-panel').querySelector('header')!;
-    expect(within(header).getByRole('heading', { name: '智能体' })).toBeVisible();
-    expect(within(header).queryByRole('button')).not.toBeInTheDocument();
+    const panel = screen.getByRole('complementary', { name: '智能体咨询' });
+    expect(panel).toBeVisible();
+    expect(panel.querySelector('header')).toBeNull();
     expect(screen.queryByText('服务端简介')).not.toBeInTheDocument();
     expect(screen.queryByRole('button', { name: '智能体新话题' })).not.toBeInTheDocument();
     fireEvent.click(history);
     const newTopic = screen.getByRole('button', { name: '智能体新话题' });
     expect(newTopic).toBeEnabled();
     expect(newTopic).toHaveTextContent('新话题');
-    expect(header.contains(newTopic)).toBe(false);
     fireEvent.click(newTopic);
     await waitFor(() => expect(api.create).toHaveBeenCalledWith('p/agent-topics', undefined, undefined, 1));
     expect(api.send).not.toHaveBeenCalled();
   });
 
-  it('renders the pinned topic icon in the header and assistant messages', async () => {
+  it('renders the pinned topic icon with assistant messages', async () => {
     const icon = 'https://yuxi.example.test/api/storage/public/images/topic.png';
     api.read.mockResolvedValue({ ...first, definition: { ...definition, icon_url: icon }, requests: [request({ response: '继续原来的讨论' })] });
     const view = render(<TeacherChatPanel projectId="p" sourceId="c" />);
     await ready();
     const images = view.container.querySelectorAll('[data-testid="teacher-chat-panel"] img');
-    expect(images).toHaveLength(2);
+    expect(images).toHaveLength(1);
     for (const img of images) expect(img).toHaveAttribute('src', icon);
   });
 
@@ -311,9 +310,9 @@ describe('teacher side chat', () => {
     api.list.mockResolvedValue({ items: [], lastSelectedTopicId: null });
     api.catalog.mockResolvedValue({ items: [{ teacher_id: 'published', version: 2, is_default: true, definition: published }] });
     render(<TeacherChatPanel projectId="p" sourceId="c" />);
-    await screen.findByRole('heading', { name, exact: true });
+    const panel = await screen.findByRole('complementary', { name: `${name}咨询`, exact: true });
     expect(screen.queryByText('这是运营发布的简介')).not.toBeInTheDocument();
-    expect(within(screen.getByTestId('teacher-chat-panel').querySelector('header')!).queryByRole('button')).not.toBeInTheDocument();
+    expect(panel.querySelector('header')).toBeNull();
     expect(screen.getByText('服务端欢迎语')).toBeVisible();
     expect(screen.getByRole('button', { name: '服务端推荐问题' })).toBeEnabled();
     expect(screen.getByTestId('teacher-chat-panel').querySelector('img')?.src).toContain('avatar-09.png');
@@ -705,7 +704,7 @@ describe('merged cloud teacher classroom', () => {
     await screen.findByText('先看看玩家会做什么。');
     expect(api.create).toHaveBeenCalledWith('p/agent-topics', undefined, undefined, 9);
     expect(api.send.mock.calls[0][2]).toMatchObject({ sourceConversationId: 'c', presentation: 'discussion-v1' });
-    expect(screen.getByRole('heading', { name: '算法智能体' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '算法智能体咨询' })).toBeVisible();
   });
 
   it('does not enable a disabled cloud topic through another teacher or an Enter shortcut', async () => {

tests/unit/teacher-companion.test.tsx

@@ -77,7 +77,7 @@ describe('teacher presence and periodic guidance', () => {
     expect(api.checkIn).not.toHaveBeenCalled();
     await act(async () => fireEvent.click(experience));
     expect(screen.queryByTestId('teacher-introduction')).not.toBeInTheDocument();
-    expect(screen.getByRole('heading', { name: '体验朋友' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '体验朋友咨询' })).toBeVisible();
     // The first move may arrive only after the click when crossing a tooltip's
     // grace area. It must not reopen the introduction beneath the pointer.
     fireEvent.pointerMove(experience, { pointerType: 'mouse' });
@@ -145,7 +145,7 @@ describe('teacher presence and periodic guidance', () => {
     expect(second).toHaveAttribute('src', b.definition.icon_url);
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与另一个智能体聊天' })));
     const images = view.container.querySelectorAll('[data-testid="teacher-chat-panel"] img');
-    expect(images).toHaveLength(2);
+    expect(images).toHaveLength(1);
     for (const img of images) expect(img).toHaveAttribute('src', b.definition.icon_url);
   });
 
@@ -160,7 +160,7 @@ describe('teacher presence and periodic guidance', () => {
     expect(screen.getByRole('button', { name: '与体验朋友聊天' })).toBeVisible();
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与体验朋友聊天' })));
     expect(screen.queryByLabelText('新话题使用的智能体')).not.toBeInTheDocument();
-    expect(screen.getByRole('heading', { name: '体验朋友' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '体验朋友咨询' })).toBeVisible();
     fireEvent.change(screen.getByLabelText('向智能体提问'), { target: { value: '体验的草稿' } });
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与方法老师聊天' })));
     expect(screen.getByLabelText('向智能体提问')).toHaveValue('');
@@ -192,13 +192,13 @@ describe('teacher presence and periodic guidance', () => {
     await mount();
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与方法老师聊天' })));
     expect(api.read).toHaveBeenCalledWith('project', oldA.id);
-    expect(screen.getByRole('heading', { name: '方法老师' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '方法老师咨询' })).toBeVisible();
     fireEvent.change(screen.getByLabelText('向智能体提问'), { target: { value: '继续原来的讨论' } });
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '提问', exact: true })));
     expect(api.send.mock.calls[0][1]).toBe(oldA.id);
     expect(api.create).not.toHaveBeenCalled();
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与体验朋友聊天' })));
-    expect(screen.getByRole('heading', { name: '体验朋友' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '体验朋友咨询' })).toBeVisible();
     expect(api.read).toHaveBeenCalledWith('project', oldB.id);
   });
 
@@ -213,7 +213,7 @@ describe('teacher presence and periodic guidance', () => {
     await mount();
     await act(async () => fireEvent.click(screen.getByRole('button', { name: '与体验朋友聊天' })));
     await act(async () => resolve(old));
-    expect(screen.getByRole('heading', { name: '体验朋友' })).toBeVisible();
+    expect(screen.getByRole('complementary', { name: '体验朋友咨询' })).toBeVisible();
     expect(screen.getByRole('button', { name: '与体验朋友聊天' })).toHaveAttribute('aria-pressed', 'true');
     expect(api.read).toHaveBeenCalledWith('project', old.id, false);
     expect(api.send).not.toHaveBeenCalled();