feat: 在顶栏并排展示下发智能体并直接切换

tests/e2e/fixtures/teacher-preview-layout.tsx

@@ -13,7 +13,14 @@ export function Layout() {
   const [open, setOpen] = useState(false);
   const [width, setWidth] = useState(508);
   const [long, setLong] = useState(true);
+  const count = Number(new URLSearchParams(location.search).get('agents') ?? 0);
+  const [selected, setSelected] = useState(0);
+  const agents = Array.from({ length: count }, (_, index) => ({
+    teacher_id: `agent-${index}`, version: index + 1, is_default: index === 0,
+    definition: { config_id: `agent-${index}`, name: `智能体${index + 1}`, avatar_id: 'avatar-06' },
+  }));
   const companion = {
+    agents, selectedAgent: agents[selected],
     definition: { name: '编程老师', avatar_id: 'avatar-06' },
     invitation: visible ? { response: long ? '你刚才说想做一个宠物游戏。我们一起想想，什么样的小动作，会让你愿意一直陪它玩下去？可以先挑一个最想试的想法。' : '有什么编程问题想一起讨论？' } : null,
     welcome: null, enabled: true, loading: false, checking: false, error: null,
@@ -21,9 +28,9 @@ export function Layout() {
   } as ComponentProps<typeof TeacherCompanion>['companion'];
   return <div className="classroom-workspace flex h-screen flex-col bg-white">
     <header className="relative z-50 flex h-10 shrink-0 items-center justify-end border-b px-3" data-testid="coding-conversation-header">
-      <span className="mr-auto text-xs">布局测试项目 › hello</span>
-      <TeacherCompanion companion={companion} open={open} onOpen={() => setOpen(!open)} bubbleRef={setBubble} />
-      <span className="w-20 text-center text-xs">朋友</span>
+      <span className="mr-auto min-w-0 truncate text-xs">布局测试项目 › hello</span>
+      <TeacherCompanion companion={companion} open={open} onOpen={(id) => { if (id) setSelected(agents.findIndex((item) => item.teacher_id === id)); setOpen(!open); }} bubbleRef={setBubble} />
+      <span data-testid="window-controls" className="w-[132px] shrink-0 text-center text-xs">— □ ×</span>
     </header>
     <div className="relative flex min-h-0 flex-1" data-testid="coding-chat-panel" data-consultation-open={open}>
       <main className="flex min-w-0 flex-1 flex-col">