fix(console): auto-scroll terminal and AI panels

Author: weidu12123

frontend/src/components/main/IdePanel.vue

@@ -8,13 +8,17 @@ import { nextTick, onMounted, ref, watch } from 'vue';
 
 import { useIdePanel } from '@/composables/useIdePanel';
 
+const props = defineProps<{ active?: boolean }>();
 const ide = useIdePanel();
 const chatAreaEl = ref<HTMLElement | null>(null);
 
 onMounted(() => { ide.initialize(); });
 
 watch(() => ide.turns.value.length, () => { void nextTick(scrollToBottom); });
 watch(() => ide.turns.value, () => { void nextTick(scrollToBottom); }, { deep: true });
+watch(() => props.active, (active) => {
+  if (active) void nextTick(scrollToBottom);
+});
 
 function scrollToBottom(): void {
   const el = chatAreaEl.value;

frontend/src/composables/useIdePanel.ts

@@ -167,9 +167,14 @@ function create(): IdePanelApi {
     return currentAssistant;
   }
 
+  function touchTurns(): void {
+    turns.value = [...turns.value];
+  }
+
   function appendLine(kind: LineKind, text: string): void {
     const t = ensureAssistant();
     t.lines!.push({ kind, text });
+    touchTurns();
   }
 
   /** 流式增量追加 — 只拼接到最后一个 'stream' line。
@@ -184,6 +189,7 @@ function create(): IdePanelApi {
     } else {
       lines.push({ kind: 'stream', text });
     }
+    touchTurns();
   }
 
   function finalize(): void {

frontend/src/composables/useSessionTerminal.ts

@@ -195,6 +195,12 @@ function create(): SessionTerminalApi {
     });
   }
 
+  function scrollTerminalToBottom(): void {
+    requestAnimationFrame(() => {
+      try { _term.scrollToBottom(); } catch { /* 静默 */ }
+    });
+  }
+
   function getActiveBuffer(): string {
     return activeSessionId.value ? (sessionBuffers.get(activeSessionId.value) || '') : '';
   }
@@ -254,7 +260,8 @@ function create(): SessionTerminalApi {
 
       activeSessionId.value = session.id;
       notifyLifecycle('session-change', { hostId, sessionId: session.id, forceReconnect });
-      _term.write(sessionBuffers.get(session.id) || '');
+      _term.write(sessionBuffers.get(session.id) || '', () => scrollTerminalToBottom());
+      scrollTerminalToBottom();
       if (hostId !== LOCAL_HOST_ID) {
         const hint = `当前终端已切换到 ${host.name}`;
         terminalHint.value = hint;
@@ -379,7 +386,8 @@ function create(): SessionTerminalApi {
       sessionBuffers.set(sessionId, next);
       if (sessionId !== activeSessionId.value) return;
       notifyOutput({ sessionId, data: output });
-      _term.write(output);
+      _term.write(output, () => scrollTerminalToBottom());
+      scrollTerminalToBottom();
     });
 
     sock.on('session:status', (session: SessionInfo) => {

frontend/src/views/MainConsoleView.vue

@@ -402,7 +402,7 @@ function onSplitDoubleClick(): void {
         </div>
         <div class="ai-side-tab-content">
           <AiChatPanel v-show="rightTab === 'chat'" />
-          <IdePanel v-show="rightTab === 'ide'" />
+          <IdePanel v-show="rightTab === 'ide'" :active="rightTab === 'ide'" />
           <AgentPanel v-show="rightTab === 'agent'" />
         </div>
       </aside>