diff --git a/src/direct-chat/turn.ts b/src/direct-chat/turn.ts
index bcb9160..961d4da 100644
--- a/src/direct-chat/turn.ts
+++ b/src/direct-chat/turn.ts
@@ -40,6 +40,8 @@ export type DirectChatTurnInput = {
   /** 覆盖当前 API profile */
   profileId?: string | null;
   complete?: boolean;
+  /** 思维链或正文的增量，边生成边回调 */
+  onDelta?: (field: "thinking" | "content", delta: string) => void;
 };
 
 export type DirectChatTurnResult = {
@@ -243,14 +245,22 @@ export async function runDirectChatTurn(
   const trackingRef = { current: {} as LlmTrackingContext };
   try {
     const llm = createTrackedLlm(preset, input.profileId, trackingRef);
-    const result = await llm.complete(buildDirectChatTaskMessages(turnInput), {
-      caller: "direct-chat",
-    });
+    const messages = buildDirectChatTaskMessages(turnInput);
+    const callbacks = {
+      onReasoningDelta: (delta: string) => input.onDelta?.("thinking", delta),
+      onContentDelta: (delta: string) => input.onDelta?.("content", delta),
+    };
+    const result = llm.completeStream
+      ? await llm.completeStream(messages, { caller: "direct-chat" }, callbacks)
+      : await llm.complete(messages, { caller: "direct-chat" });
     const contextTrace = trackingRef.current.pendingContextTrace;
+    const reasoning = result.reasoning ?? null;
+    let reply = result.content ?? "";
+    if (reasoning && reply === reasoning) reply = "";
     return {
       messages: assembled,
-      reply: result.content,
-      reasoning: result.reasoning ?? null,
+      reply,
+      reasoning,
       model: result.model,
       completed: true,
       ...(contextTrace ? { contextTrace } : {}),
@@ -304,6 +314,18 @@ export type DirectChatMultiTurnInput = {
   /** 已落定轮次（不含本轮） */
   turns: DirectChatTurn[];
   complete?: boolean;
+  /** 落盘用的回合 id；流式写入时与中途存档对齐 */
+  turnId?: string;
+  /** 某个窗口的增量 */
+  onDelta?: (event: DirectChatStreamDelta) => void;
+  /** 某个窗口一结束就回调，不必等其余窗口 */
+  onWindow?: (result: DirectChatMultiWindowResult) => void;
+};
+
+export type DirectChatStreamDelta = {
+  windowId: string;
+  field: "thinking" | "content";
+  delta: string;
 };
 
 export type DirectChatMultiWindowResult = {
@@ -342,8 +364,10 @@ export async function runDirectChatMultiTurn(
         presetId: input.presetId,
         profileId: win.profileId,
         complete: input.complete,
+        onDelta: (field, delta) =>
+          input.onDelta?.({ windowId: win.id, field, delta }),
       });
-      return {
+      const result = {
         windowId: win.id,
         profileId: win.profileId,
         reply: single.reply,
@@ -354,6 +378,8 @@ export async function runDirectChatMultiTurn(
         ...(single.skipReason ? { skipReason: single.skipReason } : {}),
         ...(single.error ? { error: single.error } : {}),
       } satisfies DirectChatMultiWindowResult;
+      input.onWindow?.(result);
+      return result;
     }),
   );
 
@@ -367,7 +393,7 @@ export async function runDirectChatMultiTurn(
   }));
 
   const turn: DirectChatTurn = {
-    id: randomUUID(),
+    id: input.turnId || randomUUID(),
     user: { content: message, createdAt: ts },
     replies,
     createdAt: ts,
diff --git a/src/server/direct-chat-handlers.ts b/src/server/direct-chat-handlers.ts
index c779d63..f9cb97b 100644
--- a/src/server/direct-chat-handlers.ts
+++ b/src/server/direct-chat-handlers.ts
@@ -1,3 +1,4 @@
+import { randomUUID } from "node:crypto";
 import type { IncomingMessage, ServerResponse } from "node:http";
 import {
   createConversation,
@@ -14,8 +15,13 @@ import {
   saveConversation,
   updateConversation,
   updateShell,
+  type DirectChatAssistantReply,
+  type DirectChatConversation,
   type DirectChatMessage,
+  type DirectChatMultiTurnResult,
+  type DirectChatMultiWindowResult,
   type DirectChatShellSlots,
+  type DirectChatStreamDelta,
   type DirectChatTurn,
   type DirectChatWindow,
 } from "../direct-chat/index.js";
@@ -34,6 +40,129 @@ function json(res: ServerResponse, status: number, data: unknown): void {
   res.end(JSON.stringify(data));
 }
 
+function wantsNdjson(req: IncomingMessage): boolean {
+  return String(req.headers.accept || "").includes("application/x-ndjson");
+}
+
+type MultiStreamHooks = {
+  onDelta: (event: DirectChatStreamDelta) => void;
+  onWindow: (result: DirectChatMultiWindowResult) => void;
+};
+
+function replyFromWindowResult(
+  result: DirectChatMultiWindowResult,
+): DirectChatAssistantReply {
+  return {
+    windowId: result.windowId,
+    content: result.reply ?? "",
+    ...(result.reasoning ? { thinking: result.reasoning } : {}),
+    ...(result.model ? { model: result.model } : {}),
+    ...(result.error ? { error: result.error } : {}),
+    ...(result.contextTrace ? { contextTrace: result.contextTrace } : {}),
+  };
+}
+
+/** 流式增量按窗口累加，并定期写入会话，避免刷新后丢掉已生成的正文 */
+function createStreamingSaver(
+  conversation: DirectChatConversation,
+  windows: DirectChatWindow[],
+  text: string,
+  turnId: string,
+) {
+  const ts = new Date().toISOString();
+  const replies: DirectChatAssistantReply[] = [];
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  let closed = false;
+
+  const saveNow = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+    if (closed) return;
+    const turn: DirectChatTurn = {
+      id: turnId,
+      user: { content: text, createdAt: ts },
+      replies: replies.map((r) => ({ ...r })),
+      createdAt: ts,
+    };
+    saveConversation({
+      ...conversation,
+      windows,
+      turns: [...conversation.turns.filter((t) => t.id !== turnId), turn],
+    });
+  };
+
+  const saveSoon = () => {
+    if (closed || timer) return;
+    timer = setTimeout(() => {
+      timer = null;
+      saveNow();
+    }, 400);
+  };
+
+  return {
+    onDelta(event: DirectChatStreamDelta) {
+      let reply = replies.find((r) => r.windowId === event.windowId);
+      if (!reply) {
+        reply = { windowId: event.windowId, content: "" };
+        replies.push(reply);
+      }
+      if (event.field === "thinking") {
+        reply.thinking = `${reply.thinking || ""}${event.delta}`;
+      } else {
+        reply.content += event.delta;
+      }
+      saveSoon();
+    },
+    onWindow(result: DirectChatMultiWindowResult) {
+      const next = replyFromWindowResult(result);
+      const idx = replies.findIndex((r) => r.windowId === result.windowId);
+      if (idx >= 0) replies[idx] = next;
+      else replies.push(next);
+      saveNow();
+    },
+    close() {
+      closed = true;
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    },
+  };
+}
+
+async function writeMultiStream(
+  res: ServerResponse,
+  run: (hooks: MultiStreamHooks) => Promise<DirectChatMultiTurnResult>,
+  finish: (multi: DirectChatMultiTurnResult) => Record<string, unknown>,
+): Promise<void> {
+  res.writeHead(200, {
+    "Content-Type": "application/x-ndjson; charset=utf-8",
+    "Cache-Control": "no-cache, no-transform",
+    "X-Accel-Buffering": "no",
+  });
+  const writeEvent = (event: unknown) => {
+    res.write(`${JSON.stringify(event)}\n`);
+  };
+  try {
+    const multi = await run({
+      onDelta: (event) => writeEvent({ type: "delta", ...event }),
+      onWindow: (result) => writeEvent({ type: "window", result }),
+    });
+    writeEvent({ type: "done", multi, ...finish(multi) });
+    res.end();
+  } catch (err) {
+    const error = err instanceof Error ? err.message : String(err);
+    try {
+      writeEvent({ type: "error", error });
+      res.end();
+    } catch {
+      res.destroy();
+    }
+  }
+}
+
 function slotsFromBody(body: Record<string, unknown>): DirectChatShellSlots {
   return {
     systemPrompt:
@@ -269,8 +398,10 @@ export async function handleDirectChatApi(
           json(res, 400, { error: "请先新增至少一个模型窗口" });
           return true;
         }
-        try {
-          const multi = await runDirectChatMultiTurn({
+        const turnId = randomUUID();
+        const saver = createStreamingSaver(conversation, windows, text, turnId);
+        const run = (hooks?: MultiStreamHooks) =>
+          runDirectChatMultiTurn({
             message: text,
             slots: {
               systemPrompt: shell.systemPrompt,
@@ -283,11 +414,41 @@ export async function handleDirectChatApi(
             windows,
             turns: conversation.turns,
             complete: body.complete,
+            turnId,
+            onDelta: (event) => {
+              saver.onDelta(event);
+              hooks?.onDelta(event);
+            },
+            onWindow: (result) => {
+              saver.onWindow(result);
+              hooks?.onWindow(result);
+            },
           });
+        try {
+          if (wantsNdjson(req)) {
+            await writeMultiStream(res, run, (multi) => {
+              saver.close();
+              const updated = saveConversation({
+                ...conversation,
+                windows,
+                turns: [
+                  ...conversation.turns.filter((t) => t.id !== multi.turn.id),
+                  multi.turn,
+                ],
+              });
+              return { conversation: updated, shell };
+            });
+            return true;
+          }
+          const multi = await run();
+          saver.close();
           const updated = saveConversation({
             ...conversation,
             windows,
-            turns: [...conversation.turns, multi.turn],
+            turns: [
+              ...conversation.turns.filter((t) => t.id !== multi.turn.id),
+              multi.turn,
+            ],
           });
           json(res, 200, {
             conversation: updated,
@@ -355,8 +516,8 @@ export async function handleDirectChatApi(
         json(res, 400, { error: "请先新增至少一个模型窗口" });
         return true;
       }
-      try {
-        const multi = await runDirectChatMultiTurn({
+      const run = (hooks?: MultiStreamHooks) =>
+        runDirectChatMultiTurn({
           message: text,
           slots: slotsFromBody(body),
           presetId:
@@ -368,7 +529,15 @@ export async function handleDirectChatApi(
           windows,
           turns,
           complete: body.complete,
+          onDelta: hooks?.onDelta,
+          onWindow: hooks?.onWindow,
         });
+      try {
+        if (wantsNdjson(req)) {
+          await writeMultiStream(res, run, () => ({}));
+          return true;
+        }
+        const multi = await run();
         json(res, 200, { multi });
       } catch (err) {
         json(res, 400, {
diff --git a/web/chat.css b/web/chat.css
index ba72e8e..5d90fc5 100644
--- a/web/chat.css
+++ b/web/chat.css
@@ -153,40 +153,33 @@
 }
 
 .chat-room {
+  position: relative;
   display: flex;
   flex-direction: column;
   min-height: 0;
   flex: 1;
 }
 
-.chat-room-head {
+.chat-temp-mark {
+  position: absolute;
+  inset: 0 0 88px;
+  z-index: 2;
   display: flex;
   align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--st-border);
-  background: var(--st-surface);
-}
-
-.chat-room-titles h2 {
+  justify-content: center;
+  padding-top: 11vh;
   margin: 0;
-  font-size: 16px;
-  font-weight: 650;
+  pointer-events: none;
+  font-family: var(--st-font-read);
+  font-size: clamp(28px, 4vw, 42px);
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  color: color-mix(in srgb, var(--st-text) 14%, transparent);
+  user-select: none;
 }
 
-.chat-room-sub {
-  margin: 4px 0 0;
-  font-size: 12px;
-  color: var(--st-muted);
-}
-
-.chat-room-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 6px;
+.chat-temp-mark[hidden] {
+  display: none;
 }
 
 .chat-profile-label {
@@ -276,22 +269,147 @@
   padding-top: 4px;
 }
 
-/* —— 模型竞技场：并排整列 chat pane —— */
+/* —— 模型竞技场：用户气泡 + 横向回复卡片 —— */
 .chat-arena {
+  position: relative;
+  z-index: 1;
   flex: 1;
   min-height: 0;
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: minmax(280px, 1fr);
-  gap: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  background: var(--st-bg);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: transparent;
   border-bottom: 1px solid var(--st-border);
 }
 
+.chat-arena.is-empty {
+  align-items: center;
+  justify-content: center;
+  border-bottom: 0;
+}
+
+.chat-add-card {
+  position: relative;
+  z-index: 3;
+  width: min(280px, 70%);
+  height: min(360px, 62%);
+  min-height: 180px;
+  border: 1px dashed var(--st-border-strong);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--st-surface) 72%, transparent);
+  color: color-mix(in srgb, var(--st-text) 28%, transparent);
+  font: inherit;
+  font-size: 64px;
+  font-weight: 400;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.chat-add-card:hover,
+.chat-add-card:focus-visible {
+  border-color: var(--st-accent);
+  color: var(--st-accent);
+  background: var(--st-accent-soft);
+  outline: none;
+}
+
+.chat-composer-row {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+  min-width: 0;
+}
+
+.chat-more {
+  position: relative;
+  align-self: center;
+  flex: 0 0 auto;
+}
+
+.chat-more[hidden] {
+  display: none !important;
+}
+
+.chat-composer:has(.chat-more[open]) {
+  z-index: 6;
+}
+
+.chat-more-sum {
+  list-style: none;
+  cursor: pointer;
+  user-select: none;
+  box-sizing: border-box;
+  width: 32px;
+  height: 32px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--st-muted);
+}
+
+.chat-more-sum::-webkit-details-marker {
+  display: none;
+}
+
+.chat-more-sum::marker {
+  content: "";
+}
+
+.chat-more-sum:hover,
+.chat-more[open] > .chat-more-sum {
+  color: var(--st-accent);
+  background: var(--st-accent-soft);
+  border-color: transparent;
+}
+
+.hamburger-icon {
+  display: block;
+  width: 14px;
+  height: 11px;
+  background:
+    linear-gradient(currentColor, currentColor) 0 0 / 100% 1.5px no-repeat,
+    linear-gradient(currentColor, currentColor) 0 50% / 100% 1.5px no-repeat,
+    linear-gradient(currentColor, currentColor) 0 100% / 100% 1.5px no-repeat;
+}
+
+.chat-more-panel {
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 6px);
+  z-index: 8;
+  min-width: 168px;
+  padding: 4px;
+  border: 1px solid var(--st-border);
+  border-radius: 8px;
+  background: var(--st-surface);
+  box-shadow: 0 12px 32px color-mix(in srgb, var(--st-text) 14%, transparent);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.chat-more-item {
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--st-text);
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  padding: 7px 10px;
+  cursor: pointer;
+}
+
+.chat-more-item:hover,
+.chat-more-item:focus-visible {
+  background: var(--st-accent-soft);
+  outline: none;
+}
+
 .chat-arena-empty {
-  grid-column: 1 / -1;
   margin: auto;
   padding: 24px 16px;
   text-align: center;
@@ -301,42 +419,241 @@
   max-width: 28rem;
 }
 
-.chat-arena-col {
+.chat-arena-stream {
+  flex: 1;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+  scrollbar-width: none;
+}
+
+.chat-arena-stream::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.chat-arena-idle {
+  margin: 0;
+  padding: 8px 0 0;
+  text-align: center;
+  color: var(--st-faint);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.chat-turn {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.chat-user-row {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  flex: 0 0 auto;
+  min-height: 0;
+}
+
+.chat-user-bubble {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+  width: fit-content;
+  max-width: min(92%, 42rem);
+  min-height: 0;
+  height: auto;
+  box-sizing: border-box;
+  padding: 8px 12px 6px;
+  border-radius: 14px;
+  border-bottom-right-radius: 4px;
+  border: 1px solid #93c5fd;
+  background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  color: #1e293b;
+}
+
+.chat-user-body {
+  width: 100%;
+  white-space: pre-wrap;
+  word-break: break-word;
+  line-height: 1.55;
+  font-size: 14px;
+}
+
+.chat-bubble-time {
+  font-size: 10px;
+  line-height: 1.2;
+  color: #64748b;
+}
+
+.chat-strip-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 28px;
+}
+
+.chat-strip-hint {
+  font-size: 11px;
+  color: var(--st-faint);
+}
+
+.chat-strip-nav {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.chat-strip-idx {
+  min-width: 3.2rem;
+  text-align: center;
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  color: var(--st-muted);
+}
+
+.chat-nav-btn {
+  width: 28px;
+  height: 28px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--st-muted);
+  font: inherit;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.chat-nav-btn:hover,
+.chat-nav-btn:focus-visible {
+  color: var(--st-accent);
+  background: var(--st-accent-soft);
+  outline: none;
+}
+
+.chat-nav-btn:disabled {
+  opacity: 0.35;
+  cursor: default;
+  background: transparent;
+  color: var(--st-faint);
+}
+
+.chat-reply-track {
+  --card-gap: 10px;
+  --card-peek: 36px;
+  --card-min-h: 120px;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--card-gap);
+  overflow-x: auto;
+  padding-bottom: 2px;
+  cursor: grab;
+  scrollbar-width: none;
+  touch-action: none;
+  overscroll-behavior-x: contain;
+}
+
+.chat-reply-track::-webkit-scrollbar {
+  display: none;
+}
+
+.chat-reply-track.is-dragging,
+.chat-reply-track.is-dragging * {
+  cursor: grabbing;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.chat-reply-card {
+  flex: 0 0 calc((100% - var(--card-gap) - var(--card-peek)) / 2);
+  width: calc((100% - var(--card-gap) - var(--card-peek)) / 2);
   display: flex;
   flex-direction: column;
   min-width: 0;
-  min-height: 0;
-  border-right: 1px solid var(--st-border);
+  min-height: var(--card-min-h);
+  border: 1px solid var(--st-border);
+  border-radius: 8px;
   background: var(--st-surface);
 }
 
-.chat-arena-col:last-child {
-  border-right: 0;
+.chat-reply-track[data-count="1"] .chat-reply-card {
+  flex-basis: 100%;
+  width: 100%;
 }
 
-.chat-arena-col.is-selected {
+.chat-reply-card.is-collapsed {
+  overflow: hidden;
+}
+
+.chat-reply-card.is-collapsed .chat-reply-card-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.chat-reply-card.is-collapsed .chat-reply-card-text {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-width: none;
+}
+
+.chat-reply-card.is-collapsed .chat-reply-card-text::-webkit-scrollbar {
+  width: 0;
+}
+
+.chat-reply-card-text.is-vscroll,
+.chat-arena-stream.is-vscroll {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--st-muted) 42%, transparent) transparent;
+}
+
+.chat-reply-card-text.is-vscroll::-webkit-scrollbar,
+.chat-arena-stream.is-vscroll::-webkit-scrollbar {
+  width: 6px;
+}
+
+.chat-reply-card-text.is-vscroll::-webkit-scrollbar-thumb,
+.chat-arena-stream.is-vscroll::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--st-muted) 45%, transparent);
+  border-radius: 99px;
+}
+
+.chat-reply-card.is-selected {
+  border-color: var(--st-accent);
   background: color-mix(in srgb, var(--st-accent-soft) 55%, var(--st-surface));
 }
 
-.chat-arena-col-head {
+.chat-reply-card.is-error {
+  border-color: color-mix(in srgb, var(--st-danger) 45%, var(--st-border));
+}
+
+.chat-reply-card-head {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  padding: 8px 12px;
+  padding: 8px 10px;
   border-bottom: 1px solid var(--st-border);
-  background: color-mix(in srgb, var(--st-bg) 55%, var(--st-surface));
-  position: sticky;
-  top: 0;
-  z-index: 1;
 }
 
-.chat-arena-col-titles {
+.chat-reply-card-titles {
   min-width: 0;
 }
 
-.chat-arena-col-name {
+.chat-reply-card-name {
   display: block;
   font-size: 13px;
   font-weight: 650;
@@ -346,7 +663,7 @@
   white-space: nowrap;
 }
 
-.chat-arena-col-model {
+.chat-reply-card-model {
   display: block;
   margin-top: 1px;
   font-size: 11px;
@@ -356,64 +673,158 @@
   white-space: nowrap;
 }
 
-.chat-arena-col-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-}
-
-.chat-arena-col-actions .st-btn {
-  padding: 4px 8px;
-  font-size: 12px;
-}
-
-.chat-arena-col-scroll {
-  flex: 1;
+.chat-reply-card-body {
+  flex: 1 1 auto;
   min-height: 0;
-  overflow: auto;
-  padding: 12px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  padding: 10px;
+  font-size: 13px;
+  line-height: 1.55;
+  word-break: break-word;
 }
 
-.chat-bubble {
-  max-width: 100%;
+.chat-reply-card-body.is-error {
+  color: var(--st-danger);
+}
+
+.chat-reply-card-body.is-pending {
+  color: var(--st-faint);
+}
+
+.chat-reply-card-text {
+  min-width: 0;
+}
+
+.chat-reply-card-text .md-p {
+  margin: 0 0 0.55em;
+  line-height: 1.55;
+}
+
+.chat-reply-card-text .md-p:last-child {
+  margin-bottom: 0;
+}
+
+.chat-reply-card-text .md-h {
+  margin: 0.7em 0 0.35em;
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+.chat-reply-card-text .md-h:first-child {
+  margin-top: 0;
+}
+
+.chat-reply-card-text h1.md-h { font-size: 1.25em; }
+.chat-reply-card-text h2.md-h { font-size: 1.15em; }
+.chat-reply-card-text h3.md-h,
+.chat-reply-card-text h4.md-h,
+.chat-reply-card-text h5.md-h,
+.chat-reply-card-text h6.md-h { font-size: 1.05em; }
+
+.chat-reply-card-text .md-ul,
+.chat-reply-card-text .md-ol {
+  margin: 0.35em 0 0.55em;
+  padding-left: 1.35em;
+}
+
+.chat-reply-card-text .md-quote {
+  margin: 0.45em 0;
+  padding: 0.15em 0 0.15em 0.75em;
+  border-left: 3px solid color-mix(in srgb, var(--st-accent) 45%, var(--st-border));
+  color: var(--st-muted);
+}
+
+.chat-reply-card-text .md-pre {
+  margin: 0.45em 0;
   padding: 8px 10px;
+  overflow-x: hidden;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  white-space: pre-wrap;
   border-radius: 8px;
   border: 1px solid var(--st-border);
-  background: var(--st-bg);
-  white-space: pre-wrap;
-  word-break: break-word;
-  line-height: 1.5;
-  font-size: 13px;
+  background: color-mix(in srgb, var(--st-bg) 80%, var(--st-surface));
+  font-size: 12px;
+  line-height: 1.45;
 }
 
-.chat-bubble.user {
-  align-self: stretch;
-  background: color-mix(in srgb, var(--st-accent-soft) 70%, var(--st-bg));
-  border-color: color-mix(in srgb, var(--st-accent) 28%, var(--st-border));
+.chat-reply-card-text .md-code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.92em;
+  padding: 0.05em 0.35em;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--st-bg) 70%, var(--st-surface));
 }
 
-.chat-bubble.assistant {
-  align-self: stretch;
-  background: var(--st-surface);
+.chat-reply-card-text .md-a {
+  color: var(--st-accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
 
-.chat-bubble.assistant.is-selected {
-  border-color: var(--st-accent);
-  background: var(--st-accent-soft);
+.chat-reply-card-text .md-hr {
+  border: none;
+  border-top: 1px solid var(--st-border);
+  margin: 0.75em 0;
 }
 
-.chat-bubble-foot {
+.chat-reply-card-text .md-table-wrap {
+  margin: 0.55em 0;
+  overflow-x: auto;
+}
+
+.chat-reply-card-text .md-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.92em;
+  line-height: 1.45;
+}
+
+.chat-reply-card-text .md-table th,
+.chat-reply-card-text .md-table td {
+  border: 1px solid var(--st-border);
+  padding: 0.35em 0.55em;
+  text-align: left;
+  vertical-align: top;
+}
+
+.chat-reply-card-text .md-table th {
+  font-weight: 650;
+  background: color-mix(in srgb, var(--st-surface) 88%, var(--st-accent));
+}
+
+.chat-reply-card-foot {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  gap: 6px;
-  margin-top: 6px;
+  gap: 8px;
+  padding: 0 10px 8px;
 }
 
+.chat-reply-card-foot:not(:has(button:not([hidden]), .chat-select-btn.is-on)) {
+  display: none;
+}
+
+.chat-expand-btn {
+  margin-right: auto;
+  border: 0;
+  background: transparent;
+  color: var(--st-muted);
+  font: inherit;
+  font-size: 12px;
+  padding: 4px 0;
+  cursor: pointer;
+}
+
+.chat-expand-btn:hover,
+.chat-expand-btn:focus-visible {
+  color: var(--st-accent);
+  outline: none;
+}
+
+.chat-remove-btn,
 .chat-select-btn {
   border: 1px solid var(--st-border-strong);
   border-radius: 6px;
@@ -426,9 +837,13 @@
   cursor: pointer;
 }
 
-.chat-select-btn:hover {
+.chat-remove-btn:hover,
+.chat-select-btn:hover,
+.chat-remove-btn:focus-visible,
+.chat-select-btn:focus-visible {
   border-color: var(--st-accent);
   background: var(--st-accent-soft);
+  outline: none;
 }
 
 .chat-select-btn.is-on {
@@ -438,44 +853,6 @@
   font-weight: 650;
 }
 
-.chat-arena-col-empty {
-  margin: auto;
-  padding: 16px 8px;
-  text-align: center;
-  color: var(--st-faint);
-  font-size: 12px;
-  line-height: 1.4;
-}
-
-.chat-bubble-meta {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  margin-bottom: 6px;
-  font-size: 11px;
-  color: var(--st-muted);
-}
-
-.chat-bubble-actions {
-  display: flex;
-  gap: 4px;
-}
-
-.chat-bubble-actions button {
-  border: 0;
-  background: transparent;
-  color: var(--st-muted);
-  cursor: pointer;
-  font: inherit;
-  font-size: 11px;
-  padding: 0 4px;
-}
-
-.chat-bubble-actions button:hover {
-  color: var(--st-accent);
-}
-
 .chat-bubble-thinking {
   margin: 0 0 8px;
   padding: 8px;
@@ -483,10 +860,11 @@
   background: color-mix(in srgb, var(--st-bg) 80%, transparent);
   color: var(--st-muted);
   font-size: 12px;
-  white-space: pre-wrap;
 }
 
 .chat-composer {
+  position: relative;
+  z-index: 1;
   padding: 10px 16px 14px;
   border-top: 1px solid var(--st-border);
   background: var(--st-surface);
@@ -496,6 +874,8 @@
 
 .chat-input-shell {
   position: relative;
+  flex: 1 1 auto;
+  min-width: 0;
   display: flex;
   align-items: flex-end;
   gap: 8px;
@@ -593,6 +973,10 @@
   color: var(--st-danger);
 }
 
+.st-btn[hidden] {
+  display: none !important;
+}
+
 .st-btn {
   display: inline-flex;
   align-items: center;
@@ -764,4 +1148,13 @@
   .chat-main {
     min-height: 42vh;
   }
+
+  .chat-reply-track {
+    --card-peek: 48px;
+  }
+
+  .chat-reply-track:not([data-count="1"]) .chat-reply-card {
+    flex-basis: calc(100% - var(--card-peek));
+    width: calc(100% - var(--card-peek));
+  }
 }
diff --git a/web/chat.html b/web/chat.html
index 3695b12..912d134 100644
--- a/web/chat.html
+++ b/web/chat.html
@@ -37,6 +37,9 @@
           <button type="button" class="st-btn" id="btn-new-conv" hidden>
             新建会话
           </button>
+          <button type="button" class="st-btn" id="btn-save-temp" hidden>
+            保存
+          </button>
         </div>
         <div class="chat-rail-list" id="chat-rail-list"></div>
         <p class="chat-rail-note">
@@ -46,30 +49,23 @@
 
       <main class="chat-main" id="chat-main">
         <section class="chat-room" id="chat-room">
-          <header class="chat-room-head">
-            <div class="chat-room-titles">
-              <h2 id="chat-room-title">临时会话</h2>
-              <p class="chat-room-sub" id="chat-room-sub">未选存档时即快速对话</p>
-            </div>
-            <div class="chat-room-actions">
-              <button type="button" class="st-btn" id="btn-save-temp" hidden>
-                保存
-              </button>
-              <button type="button" class="st-btn" id="btn-add-window">
-                新增窗口
-              </button>
-            </div>
-          </header>
-
+          <p class="chat-temp-mark" id="chat-temp-mark" hidden>临时会话</p>
           <div class="chat-arena" id="chat-arena" aria-live="polite" aria-label="模型竞技场"></div>
 
           <footer class="chat-composer">
             <p class="chat-status" id="chat-status" hidden></p>
+            <div class="chat-composer-row">
+              <details class="chat-more" id="chat-more">
+                <summary class="chat-more-sum" title="更多操作" aria-label="更多操作">
+                  <span class="hamburger-icon" aria-hidden="true"></span>
+                </summary>
+                <div class="chat-more-panel" id="chat-more-panel" role="menu"></div>
+              </details>
             <div class="chat-input-shell">
               <textarea
                 id="chat-input"
                 rows="1"
-                placeholder="输入消息，Enter 发送（所有窗口同时回复），Shift+Enter 换行"
+                placeholder="输入消息，Enter 发送（所有模型同时回复），Shift+Enter 换行"
               ></textarea>
               <div class="chat-shell-actions">
                 <button
@@ -85,6 +81,7 @@
                 </button>
               </div>
             </div>
+            </div>
           </footer>
         </section>
       </main>
@@ -159,7 +156,7 @@
     <dialog class="chat-dialog" id="dialog-add-window">
       <form method="dialog" id="form-add-window">
         <h3>新增窗口</h3>
-        <p class="chat-dialog-hint">选一个 API 配置，中间多开一列对照窗；发送时各列同时回复。</p>
+        <p class="chat-dialog-hint">选一个 API 配置，新增对照模型；发送时各模型同时回复。</p>
         <label>
           模型配置
           <select id="add-window-profile"></select>
diff --git a/web/chat.js b/web/chat.js
index 2d11d53..3927cbc 100644
--- a/web/chat.js
+++ b/web/chat.js
@@ -1,3 +1,5 @@
+import { renderMarkdownToHtml } from "./markdown.js";
+
 const TEMP_STORAGE_KEY = "wa-direct-chat-temps-v2";
 const MAX_TEMPS = 2;
 const EMPTY_SLOTS = {
@@ -14,9 +16,10 @@ const els = {
   pathList: $("chat-path-list"),
   railList: $("chat-rail-list"),
   room: $("chat-room"),
-  roomTitle: $("chat-room-title"),
-  roomSub: $("chat-room-sub"),
+  tempMark: $("chat-temp-mark"),
   arena: $("chat-arena"),
+  more: $("chat-more"),
+  morePanel: $("chat-more-panel"),
   input: $("chat-input"),
   status: $("chat-status"),
   shellEditor: $("shell-editor"),
@@ -24,7 +27,6 @@ const els = {
   btnNewShell: $("btn-new-shell"),
   btnSaveTemp: $("btn-save-temp"),
   btnNewConv: $("btn-new-conv"),
-  btnAddWindow: $("btn-add-window"),
   btnSend: $("btn-send"),
   btnSaveShell: $("btn-save-shell"),
   shellName: $("shell-name"),
@@ -63,6 +65,13 @@ let conversations = [];
 /** @type {any[]} */
 let profileList = [];
 let busy = false;
+/** 盲测：藏起模型名，并用另一套左右顺序展示 */
+let blindModels = false;
+/** @type {string[]} */
+let blindOrder = [];
+/** @type {Set<string>} */
+const expandedCards = new Set();
+const MIN_CARD_H = 120;
 
 async function api(path, options = {}) {
   const res = await fetch(path, {
@@ -224,7 +233,7 @@ function setContextEditorEnabled(enabled, subtitle) {
 function syncContextPanel() {
   if (activeIsTemp) {
     fillEditor(activeShell || { name: "临时会话", ...EMPTY_SLOTS });
-    setContextEditorEnabled(true, "临时上下文 · 仅浏览器");
+    setContextEditorEnabled(true, "点应用后写入本机");
     return;
   }
   if (activeShell) {
@@ -240,18 +249,94 @@ function windowLabel(w) {
   return w.profileName || w.model || w.profileId || "窗口";
 }
 
-function ensureDefaultWindow() {
-  if (activeWindows.length) return;
-  const p = profileList.find((x) => x.hasKey) || profileList[0];
-  if (!p) return;
-  activeWindows = [
-    {
-      id: newId(),
-      profileId: p.id,
-      profileName: p.name,
-      model: p.model,
-    },
-  ];
+const BLIND_MARKS = ["甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"];
+
+function shuffleIds(ids) {
+  const next = ids.slice();
+  for (let i = next.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const swap = next[i];
+    next[i] = next[j];
+    next[j] = swap;
+  }
+  return next;
+}
+
+function syncBlindOrder() {
+  const ids = new Set(activeWindows.map((w) => w.id));
+  blindOrder = blindOrder.filter((id) => ids.has(id));
+  for (const w of activeWindows) {
+    if (blindOrder.includes(w.id)) continue;
+    const at = Math.floor(Math.random() * (blindOrder.length + 1));
+    blindOrder.splice(at, 0, w.id);
+  }
+}
+
+function displayWindows() {
+  if (!blindModels || activeWindows.length < 2) return activeWindows;
+  syncBlindOrder();
+  const byId = new Map(activeWindows.map((w) => [w.id, w]));
+  return blindOrder.map((id) => byId.get(id)).filter(Boolean);
+}
+
+function blindLabel(index) {
+  const mark = BLIND_MARKS[index] || String(index + 1);
+  return `模型${mark}`;
+}
+
+function publicWindowLabel(w) {
+  if (!blindModels || activeWindows.length < 2) return windowLabel(w);
+  const index = displayWindows().findIndex((item) => item.id === w.id);
+  return index >= 0 ? blindLabel(index) : "该回复";
+}
+
+function toggleBlindModels() {
+  if (activeWindows.length < 2) {
+    setStatus("至少两个模型才能打乱位置", true);
+    return;
+  }
+  blindModels = !blindModels;
+  blindOrder = blindModels ? shuffleIds(activeWindows.map((w) => w.id)) : [];
+  setStatus(blindModels ? "已隐藏模型名并打乱位置" : "已恢复模型名和原位置");
+  renderArena();
+}
+
+function formatBubbleTime(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleTimeString("zh-CN", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false,
+  });
+}
+
+function cardExpandKey(turnId, windowId) {
+  return `${turnId}:${windowId}`;
+}
+
+function replyView(reply) {
+  if (!reply) {
+    return { cls: "is-pending", empty: true, thinking: "", text: "本轮无回复" };
+  }
+  if (reply.pending) {
+    return { cls: "is-pending", empty: true, thinking: "", text: "回复中…" };
+  }
+  if (reply.error) {
+    return {
+      cls: "is-error",
+      empty: true,
+      thinking: "",
+      text: String(reply.error),
+    };
+  }
+  const text = String(reply.content || "");
+  const thinking = String(reply.thinking || "");
+  if (!text.trim() && !thinking.trim()) {
+    return { cls: "is-pending", empty: true, thinking: "", text: "本轮无回复" };
+  }
+  return { cls: "", empty: false, thinking, text };
 }
 
 function persistActiveSessionMeta() {
@@ -394,109 +479,387 @@ function railItemHtml({ id, title, meta, temp, active }) {
   </div>`;
 }
 
-function renderArena() {
-  if (!els.arena) return;
-  if (!activeWindows.length) {
-    els.arena.innerHTML = `<div class="chat-arena-empty">还没有对照窗。点右上「新增窗口」加入模型；发送后各列同时回复。</div>`;
+function syncTempMark() {
+  if (!els.tempMark) return;
+  const show = activeIsTemp && navLevel === "conversation" && activeTurns.length === 0;
+  els.tempMark.hidden = !show;
+}
+
+function syncComposerMenu() {
+  if (els.btnSaveTemp) els.btnSaveTemp.hidden = true;
+  if (!els.more || !els.morePanel) return;
+  const inConv = navLevel === "conversation" && Boolean(activeConversationId);
+  els.more.hidden = !inConv;
+  if (!inConv) {
+    els.more.removeAttribute("open");
+    els.morePanel.innerHTML = "";
     return;
   }
-
-  const multi = activeWindows.length > 1;
-  els.arena.innerHTML = activeWindows
-    .map((w) => {
-      const hasSelection = activeTurns.some((t) => t.selectedWindowId === w.id);
-      const messagesHtml = activeTurns.length
-        ? activeTurns
-            .map((turn) => {
-              const reply = turn.replies.find((r) => r.windowId === w.id);
-              const selected = turn.selectedWindowId === w.id;
-              const userHtml = `<article class="chat-bubble user">
-                <div class="chat-bubble-meta"><span>你</span></div>
-                <div>${escapeHtml(turn.user.content)}</div>
-              </article>`;
-              let assistantInner;
-              if (!reply) {
-                assistantInner = `<p class="chat-rail-item-meta">本轮无回复</p>`;
-              } else if (reply.error) {
-                assistantInner = `<p class="chat-status error">${escapeHtml(reply.error)}</p>`;
-              } else {
-                assistantInner = `${
-                  reply.thinking
-                    ? `<div class="chat-bubble-thinking">${escapeHtml(reply.thinking)}</div>`
-                    : ""
-                }<div>${escapeHtml(reply.content || "")}</div>`;
-              }
-              const selectBtn =
-                multi && reply && !reply.error
-                  ? `<div class="chat-bubble-foot">
-                      <button type="button" class="chat-select-btn ${selected ? "is-on" : ""}" data-action="select-reply" data-turn-id="${escapeHtml(turn.id)}" data-window-id="${escapeHtml(w.id)}">
-                        ${selected ? "已保留 · 取消" : "保留此回复"}
-                      </button>
-                    </div>`
-                  : selected
-                    ? `<div class="chat-bubble-foot"><span class="chat-select-btn is-on">已保留</span></div>`
-                    : "";
-              return `${userHtml}
-                <article class="chat-bubble assistant ${selected ? "is-selected" : ""}">
-                  <div class="chat-bubble-meta"><span>助手</span>${reply?.model ? `<span>${escapeHtml(reply.model)}</span>` : ""}</div>
-                  ${assistantInner}
-                  ${selectBtn}
-                </article>`;
-            })
-            .join("")
-        : `<p class="chat-arena-col-empty">在下方输入，各列会同时回复同一条消息。</p>`;
-
-      return `<section class="chat-arena-col ${hasSelection ? "is-selected" : ""}" data-window-id="${escapeHtml(w.id)}">
-        <header class="chat-arena-col-head">
-          <div class="chat-arena-col-titles">
-            <span class="chat-arena-col-name">${escapeHtml(windowLabel(w))}</span>
-            <span class="chat-arena-col-model">${escapeHtml(w.model || w.profileId || "")}</span>
-          </div>
-          <div class="chat-arena-col-actions">
-            ${
-              activeWindows.length > 1
-                ? `<button type="button" class="st-btn" data-action="remove-window" title="移除此列">移除</button>`
-                : ""
-            }
-          </div>
-        </header>
-        <div class="chat-arena-col-scroll">${messagesHtml}</div>
-      </section>`;
-    })
-    .join("");
-
-  // 各列滚到底
-  for (const sc of els.arena.querySelectorAll(".chat-arena-col-scroll")) {
-    sc.scrollTop = sc.scrollHeight;
+  const only = activeWindows.length === 1 ? activeWindows[0] : null;
+  const items = [
+    `<button type="button" class="chat-more-item" data-action="add-window" role="menuitem">增加模型</button>`,
+  ];
+  if (only) {
+    items.push(
+      `<button type="button" class="chat-more-item" data-action="remove-window" data-window-id="${escapeHtml(only.id)}" role="menuitem">移除此模型</button>`,
+    );
   }
+  if (activeWindows.length > 1) {
+    items.push(
+      `<button type="button" class="chat-more-item" data-action="blind-models" role="menuitem">${blindModels ? "显示模型名并恢复位置" : "隐藏模型名并打乱位置"}</button>`,
+    );
+  }
+  if (activeIsTemp) {
+    items.push(
+      `<button type="button" class="chat-more-item" data-action="save-temp" role="menuitem">保存为持久会话</button>`,
+    );
+  }
+  els.morePanel.innerHTML = items.join("");
+}
+
+function renderReplyCard(turn, w, multi, displayIndex) {
+  const reply = turn
+    ? (turn.replies || []).find((r) => r.windowId === w.id)
+    : null;
+  const body = turn
+    ? replyView(reply)
+    : { cls: "is-pending", empty: true, thinking: "", text: "在下方输入后同时回复" };
+  const selected = Boolean(turn && turn.selectedWindowId === w.id && !body.empty);
+  const turnId = turn?.id || "idle";
+  const keep =
+    turn && multi && !body.empty
+      ? `<button type="button" class="chat-select-btn ${selected ? "is-on" : ""}" data-action="select-reply" data-turn-id="${escapeHtml(turn.id)}" data-window-id="${escapeHtml(w.id)}">${selected ? "已保留 · 取消" : "保留此回复"}</button>`
+      : turn && selected
+        ? `<span class="chat-select-btn is-on">已保留</span>`
+        : "";
+  const remove =
+    activeWindows.length > 1
+      ? `<button type="button" class="chat-remove-btn" data-action="remove-window" data-window-id="${escapeHtml(w.id)}" title="移除此模型">移除</button>`
+      : "";
+  return `<article class="chat-reply-card ${selected ? "is-selected" : ""} ${body.cls === "is-error" ? "is-error" : ""}" data-window-id="${escapeHtml(w.id)}" data-turn-id="${escapeHtml(turnId)}">
+    <header class="chat-reply-card-head">
+      <div class="chat-reply-card-titles">
+        <span class="chat-reply-card-name">${escapeHtml(blindModels && multi ? blindLabel(displayIndex) : windowLabel(w))}</span>
+        ${blindModels && multi ? "" : `<span class="chat-reply-card-model">${escapeHtml(w.model || w.profileId || "")}</span>`}
+      </div>
+      ${remove}
+    </header>
+    <div class="chat-reply-card-body ${body.cls}" data-empty="${body.empty ? "1" : "0"}">
+      <div class="chat-reply-card-text">${replyBodyHtml(body)}</div>
+    </div>
+    <div class="chat-reply-card-foot">
+      <button type="button" class="chat-expand-btn" data-action="expand-card" data-turn-id="${escapeHtml(turnId)}" data-window-id="${escapeHtml(w.id)}" hidden>展开</button>
+      ${keep}
+    </div>
+  </article>`;
+}
+
+function replyBodyHtml(body) {
+  if (body.empty) return escapeHtml(body.text);
+  const thinkingHtml = body.thinking
+    ? `<div class="chat-bubble-thinking">${renderMarkdownToHtml(body.thinking)}</div>`
+    : "";
+  return `${thinkingHtml}${renderMarkdownToHtml(body.text)}`;
+}
+
+function renderTurnStrip(turn) {
+  const multi = activeWindows.length > 1;
+  const count = activeWindows.length;
+  const cards = displayWindows()
+    .map((w, index) => renderReplyCard(turn, w, multi, index))
+    .join("");
+  const turnId = turn?.id || "idle";
+  const userBlock = turn
+    ? (() => {
+        const time = formatBubbleTime(turn.user?.createdAt || turn.createdAt);
+        return `<div class="chat-user-row">
+          <article class="chat-user-bubble">
+            <div class="chat-user-body">${escapeHtml(turn.user?.content || "")}</div>
+            ${time ? `<time class="chat-bubble-time">${escapeHtml(time)}</time>` : ""}
+          </article>
+        </div>`;
+      })()
+    : "";
+  const stripBar = multi
+    ? `<div class="chat-strip-bar">
+      <span class="chat-strip-hint">左右切换，上下阅读</span>
+      <div class="chat-strip-nav">
+        <button type="button" class="chat-nav-btn" data-action="strip-prev" data-turn-id="${escapeHtml(turnId)}" aria-label="上一组">‹</button>
+        <span class="chat-strip-idx" data-strip-idx="${escapeHtml(turnId)}">1 / ${count}</span>
+        <button type="button" class="chat-nav-btn" data-action="strip-next" data-turn-id="${escapeHtml(turnId)}" aria-label="下一组">›</button>
+      </div>
+    </div>`
+    : "";
+  return `<section class="chat-turn" data-turn-id="${escapeHtml(turnId)}">
+    ${userBlock}
+    ${stripBar}
+    <div class="chat-reply-track" data-turn-id="${escapeHtml(turnId)}" data-count="${count}" tabindex="0">${cards}</div>
+  </section>`;
+}
+
+function measureTrack(track) {
+  const card = track.querySelector(".chat-reply-card");
+  const styles = getComputedStyle(track);
+  const gap = Number.parseFloat(styles.columnGap || styles.gap || "10") || 10;
+  const cardW = card?.offsetWidth || track.clientWidth || 1;
+  const step = cardW + (card ? gap : 0);
+  const trackW = track.clientWidth || 1;
+  const count = track.querySelectorAll(".chat-reply-card").length;
+  const visible = Math.max(1, Math.floor((trackW + 1) / Math.max(step, 1)));
+  track._geo = { step: Math.max(step, 1), visible, count };
+  return track._geo;
+}
+
+function cardStep(track) {
+  return (track._geo || measureTrack(track)).step;
+}
+
+function visibleCardCount(track) {
+  return (track._geo || measureTrack(track)).visible;
+}
+
+function updateStripIdx(track) {
+  const geo = track._geo || measureTrack(track);
+  if (!geo.count) return;
+  const turnId = track.getAttribute("data-turn-id") || "";
+  const idx = els.arena?.querySelector(`[data-strip-idx="${CSS.escape(turnId)}"]`);
+  if (!idx) return;
+  const start = Math.min(
+    Math.max(0, geo.count - geo.visible),
+    Math.max(0, Math.round(track.scrollLeft / geo.step)),
+  );
+  const end = Math.min(geo.count, start + geo.visible);
+  const label =
+    end > start + 1
+      ? `${start + 1}–${end} / ${geo.count}`
+      : `${start + 1} / ${geo.count}`;
+  if (idx.textContent !== label) idx.textContent = label;
+  const prev = els.arena?.querySelector(
+    `[data-action="strip-prev"][data-turn-id="${CSS.escape(turnId)}"]`,
+  );
+  const next = els.arena?.querySelector(
+    `[data-action="strip-next"][data-turn-id="${CSS.escape(turnId)}"]`,
+  );
+  const lastPage = Math.max(0, geo.count - geo.visible);
+  if (prev) prev.disabled = start <= 0;
+  if (next) next.disabled = start >= lastPage;
+}
+
+function scrollTrackToIndex(track, index) {
+  const cards = [...track.querySelectorAll(".chat-reply-card")];
+  const card = cards[index];
+  if (!card) return;
+  track.scrollTo({
+    left: card.offsetLeft - track.offsetLeft,
+    behavior: "smooth",
+  });
+}
+
+function verticalScrollTarget(from) {
+  const card = from?.closest?.(".chat-reply-card");
+  const text = card?.querySelector(".chat-reply-card-text");
+  if (text && text.scrollHeight > text.clientHeight + 1) return text;
+  return els.arena?.querySelector(".chat-arena-stream") || null;
+}
+
+const DRAG_SLOP = 8;
+
+function clearTextSelection() {
+  const sel = window.getSelection();
+  if (sel && sel.rangeCount && !sel.isCollapsed) sel.removeAllRanges();
+}
+
+function bindReplyTrack(track) {
+  let dragging = false;
+  let axis = null;
+  let startX = 0;
+  let startY = 0;
+  let startScroll = 0;
+  let vTarget = null;
+  let startVScroll = 0;
+
+  track.addEventListener("pointerdown", (e) => {
+    if (e.button !== 0 || e.target.closest("button")) return;
+    dragging = true;
+    axis = null;
+    vTarget = null;
+    startX = e.clientX;
+    startY = e.clientY;
+    startScroll = track.scrollLeft;
+  });
+
+  track.addEventListener("selectstart", (e) => {
+    if (axis) e.preventDefault();
+  });
+
+  track.addEventListener("pointermove", (e) => {
+    if (!dragging) return;
+    const dx = e.clientX - startX;
+    const dy = e.clientY - startY;
+    if (!axis) {
+      if (Math.abs(dx) < DRAG_SLOP && Math.abs(dy) < DRAG_SLOP) return;
+      axis = Math.abs(dx) > Math.abs(dy) ? "x" : "y";
+      track.classList.add("is-dragging");
+      track.setPointerCapture(e.pointerId);
+      if (e.cancelable) e.preventDefault();
+      clearTextSelection();
+      if (axis === "y") {
+        vTarget = verticalScrollTarget(e.target);
+        if (vTarget) {
+          startVScroll = vTarget.scrollTop;
+          vTarget.classList.add("is-vscroll");
+        }
+      }
+    }
+    if (e.cancelable) e.preventDefault();
+    if (axis === "x") {
+      track.scrollLeft = startScroll - dx;
+      return;
+    }
+    if (vTarget) vTarget.scrollTop = startVScroll - dy;
+  });
+
+  const end = () => {
+    dragging = false;
+    axis = null;
+    track.classList.remove("is-dragging");
+    vTarget?.classList.remove("is-vscroll");
+    vTarget = null;
+  };
+  track.addEventListener("pointerup", end);
+  track.addEventListener("pointercancel", end);
+  track.addEventListener(
+    "wheel",
+    (e) => {
+      if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
+      const stream = els.arena?.querySelector(".chat-arena-stream");
+      if (!stream) return;
+      e.preventDefault();
+      stream.scrollTop += e.deltaY;
+    },
+    { passive: false },
+  );
+  let scrollFrame = 0;
+  track.addEventListener(
+    "scroll",
+    () => {
+      if (scrollFrame) return;
+      scrollFrame = requestAnimationFrame(() => {
+        scrollFrame = 0;
+        updateStripIdx(track);
+      });
+    },
+    { passive: true },
+  );
+  if (typeof ResizeObserver !== "undefined") {
+    const observer = new ResizeObserver(() => {
+      measureTrack(track);
+      updateStripIdx(track);
+    });
+    observer.observe(track);
+  }
+  measureTrack(track);
+  updateStripIdx(track);
+}
+
+function collapseReplyTracks() {
+  if (!els.arena) return;
+  for (const track of els.arena.querySelectorAll(".chat-reply-track")) {
+    const cards = [...track.querySelectorAll(".chat-reply-card")];
+    if (cards.length < 2) {
+      for (const card of cards) {
+        card.style.height = "auto";
+        card.classList.remove("is-collapsed");
+        const btn = card.querySelector("[data-action='expand-card']");
+        if (btn) btn.hidden = true;
+      }
+      continue;
+    }
+    const measured = cards.map((card) => {
+      card.style.height = "auto";
+      const empty = card.querySelector(".chat-reply-card-body")?.dataset.empty === "1";
+      return { card, h: card.offsetHeight, empty };
+    });
+    const substantive = measured.filter((item) => !item.empty).map((item) => item.h);
+    const shortest = substantive.length ? Math.min(...substantive) : MIN_CARD_H;
+    const target = Math.max(MIN_CARD_H, shortest);
+    for (const { card, h } of measured) {
+      const turnId = card.getAttribute("data-turn-id") || "";
+      const windowId = card.getAttribute("data-window-id") || "";
+      const key = cardExpandKey(turnId, windowId);
+      const btn = card.querySelector("[data-action='expand-card']");
+      if (expandedCards.has(key)) {
+        card.style.height = "auto";
+        card.classList.remove("is-collapsed");
+        if (btn) {
+          btn.hidden = false;
+          btn.textContent = "收起";
+        }
+        continue;
+      }
+      card.style.height = `${target}px`;
+      card.classList.add("is-collapsed");
+      if (btn) {
+        btn.hidden = !(h > target + 1);
+        btn.textContent = "展开";
+      }
+    }
+  }
+}
+
+function renderArena() {
+  if (!els.arena) return;
+  const scrollLefts = new Map();
+  for (const track of els.arena.querySelectorAll(".chat-reply-track")) {
+    scrollLefts.set(track.getAttribute("data-turn-id") || "", track.scrollLeft);
+  }
+  syncTempMark();
+  syncComposerMenu();
+  if (!activeWindows.length) {
+    els.arena.classList.add("is-empty");
+    els.arena.innerHTML = `<button type="button" class="chat-add-card" data-action="add-window" aria-label="增加模型">+</button>`;
+    return;
+  }
+  els.arena.classList.remove("is-empty");
+
+  const body = activeTurns.length
+    ? activeTurns.map((turn) => renderTurnStrip(turn)).join("")
+    : `<p class="chat-arena-idle">在下方输入，各模型会同时回复同一条消息。</p>${renderTurnStrip(null)}`;
+
+  els.arena.innerHTML = `<div class="chat-arena-stream">${body}</div>`;
+  for (const track of els.arena.querySelectorAll(".chat-reply-track")) {
+    bindReplyTrack(track);
+  }
+  const finalize = () => {
+    for (const track of els.arena.querySelectorAll(".chat-reply-track")) {
+      const left = scrollLefts.get(track.getAttribute("data-turn-id") || "");
+      if (left) track.scrollLeft = left;
+    }
+    collapseReplyTracks();
+    for (const track of els.arena.querySelectorAll(".chat-reply-track")) {
+      measureTrack(track);
+      updateStripIdx(track);
+    }
+    const stream = els.arena.querySelector(".chat-arena-stream");
+    if (stream) stream.scrollTop = stream.scrollHeight;
+  };
+  // 等 flex 宽度落地后再量卡片与折叠高度
+  requestAnimationFrame(() => requestAnimationFrame(finalize));
 }
 
 function setComposerEnabled(enabled) {
   els.input.disabled = !enabled;
   els.btnSend.disabled = !enabled;
-  els.btnAddWindow.disabled = !enabled;
 }
 
 function ensureDraftTemp() {
   const temps = loadTemps();
   if (temps.length) return temps[0];
-  ensureDefaultWindow();
   const temp = {
     id: newId(),
     name: "临时会话",
     slots: { ...EMPTY_SLOTS },
-    windows: activeWindows.length
-      ? activeWindows
-      : profileList[0]
-        ? [
-            {
-              id: newId(),
-              profileId: profileList[0].id,
-              profileName: profileList[0].name,
-              model: profileList[0].model,
-            },
-          ]
-        : [],
+    windows: [],
     turns: [],
     createdAt: nowIso(),
     updatedAt: nowIso(),
@@ -511,16 +874,9 @@ function openDraftTemp() {
   activeConversationId = temp.id;
   activeShellId = null;
   activeShell = { name: temp.name || "临时会话", ...EMPTY_SLOTS, ...temp.slots };
-  activeWindows = temp.windows?.length ? temp.windows : [];
-  ensureDefaultWindow();
-  if (!temp.windows?.length && activeWindows.length) {
-    temp.windows = activeWindows;
-    upsertTemp(temp);
-  }
+  activeWindows = Array.isArray(temp.windows) ? temp.windows : [];
   activeTurns = temp.turns || [];
   navLevel = "conversation";
-  els.roomTitle.textContent = temp.name || "临时会话";
-  els.roomSub.textContent = "未选存档 · 快速对话（浏览器缓存，最多 2 条）";
   els.btnSaveTemp.hidden = false;
   els.btnNewConv.hidden = true;
   setComposerEnabled(true);
@@ -537,13 +893,14 @@ function syncRoomChrome() {
   els.room.hidden = false;
 
   if (navLevel === "shell" && !activeIsTemp) {
-    els.roomTitle.textContent = activeShell?.name || "上下文";
-    els.roomSub.textContent = "从左侧选会话，或点「新建会话」。";
     els.btnSaveTemp.hidden = true;
     setComposerEnabled(false);
     activeWindows = [];
     activeTurns = [];
+    syncTempMark();
+    syncComposerMenu();
     if (els.arena) {
+      els.arena.classList.remove("is-empty");
       els.arena.innerHTML =
         `<div class="chat-arena-empty">尚未打开会话。从左侧选会话，或点「新建会话」。</div>`;
     }
@@ -555,13 +912,6 @@ function syncRoomChrome() {
     return;
   }
 
-  const title = activeIsTemp
-    ? loadTemps().find((t) => t.id === activeConversationId)?.name || "临时会话"
-    : conversations.find((c) => c.id === activeConversationId)?.name || "会话";
-  els.roomTitle.textContent = title;
-  els.roomSub.textContent = activeIsTemp
-    ? "未选存档 · 快速对话（浏览器缓存，最多 2 条）"
-    : `上下文：${activeShell?.name || "—"}`;
   els.btnSaveTemp.hidden = !activeIsTemp;
   setComposerEnabled(true);
   renderArena();
@@ -627,7 +977,6 @@ async function openConversation(conversationId) {
   activeShell = data.shell;
   activeWindows = data.conversation.windows || [];
   activeTurns = data.conversation.turns || [];
-  ensureDefaultWindow();
   navLevel = "conversation";
   if (activeShellId) {
     const shellData = await api(
@@ -650,7 +999,6 @@ function openTemp(tempId) {
   activeShell = { name: temp.name || "临时会话", ...EMPTY_SLOTS, ...temp.slots };
   activeWindows = temp.windows || [];
   activeTurns = temp.turns || [];
-  ensureDefaultWindow();
   navLevel = "conversation";
   renderPath();
   renderRail();
@@ -672,7 +1020,6 @@ async function createConversationUnderShell() {
   if (!activeShellId) return;
   const name = window.prompt("会话名称", "新会话");
   if (name == null) return;
-  ensureDefaultWindow();
   const data = await api(
     `/api/direct-chat/shells/${encodeURIComponent(activeShellId)}/conversations`,
     {
@@ -691,18 +1038,29 @@ async function saveShellEditor() {
   const slots = slotsFromEditor();
   const name = els.shellName.value.trim() || "未命名上下文";
   if (activeIsTemp && activeConversationId) {
-    const temps = loadTemps();
-    const temp = temps.find((t) => t.id === activeConversationId);
+    if (busy) return;
+    const tempId = activeConversationId;
+    const temp = loadTemps().find((t) => t.id === tempId);
     if (!temp) return;
-    temp.name = name === "临时" ? temp.name : name;
-    temp.slots = slots;
-    temp.windows = activeWindows;
-    temp.turns = activeTurns;
-    temp.updatedAt = nowIso();
-    upsertTemp(temp);
-    activeShell = { name: temp.name, ...slots };
-    if (els.contextSub) els.contextSub.textContent = "已更新（仅浏览器）";
-    setStatus("已更新临时上下文（仅浏览器）");
+    busy = true;
+    els.btnSaveShell.disabled = true;
+    try {
+      const data = await api("/api/direct-chat/promote", {
+        method: "POST",
+        body: JSON.stringify({
+          shell: { name, ...slots },
+          conversationName: "会话",
+          windows: activeWindows,
+          turns: activeTurns,
+        }),
+      });
+      deleteTemp(tempId);
+      await openConversation(data.conversation.id);
+      setStatus("已保存为持久会话");
+    } finally {
+      busy = false;
+      if (activeIsTemp) syncContextPanel();
+    }
     return;
   }
   if (!activeShellId) return;
@@ -722,6 +1080,164 @@ async function saveShellEditor() {
   setStatus("上下文已保存");
 }
 
+function replyFromWindowResult(result) {
+  return {
+    windowId: result.windowId,
+    content: result.reply || "",
+    ...(result.reasoning ? { thinking: result.reasoning } : {}),
+    ...(result.model ? { model: result.model } : {}),
+    ...(result.error ? { error: result.error } : {}),
+    ...(result.contextTrace ? { contextTrace: result.contextTrace } : {}),
+  };
+}
+
+function makePendingTurn(text) {
+  const ts = nowIso();
+  return {
+    id: newId(),
+    pending: true,
+    user: { content: text, createdAt: ts },
+    replies: activeWindows.map((w) => ({
+      windowId: w.id,
+      content: "",
+      pending: true,
+    })),
+    createdAt: ts,
+  };
+}
+
+async function readNdjson(res, onEvent) {
+  const reader = res.body?.getReader();
+  if (!reader) throw new Error("响应无法读取");
+  const decoder = new TextDecoder();
+  let buf = "";
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buf += decoder.decode(value, { stream: true });
+    let nl = buf.indexOf("\n");
+    while (nl >= 0) {
+      const line = buf.slice(0, nl).trim();
+      buf = buf.slice(nl + 1);
+      if (line) onEvent(JSON.parse(line));
+      nl = buf.indexOf("\n");
+    }
+  }
+  const tail = buf.trim();
+  if (tail) onEvent(JSON.parse(tail));
+}
+
+async function postMulti(path, body, hooks) {
+  const onWindow = hooks.onWindow || (() => {});
+  const onDelta = hooks.onDelta || (() => {});
+  const res = await fetch(path, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/x-ndjson, application/json",
+    },
+    body: JSON.stringify(body),
+  });
+  const ctype = res.headers.get("content-type") || "";
+  if (ctype.includes("application/json")) {
+    const text = await res.text();
+    let data = null;
+    try {
+      data = text ? JSON.parse(text) : null;
+    } catch {
+      data = { error: text || res.statusText };
+    }
+    if (!res.ok) throw new Error(data?.error || res.statusText || `HTTP ${res.status}`);
+    for (const result of data?.multi?.results || []) onWindow(result);
+    return data;
+  }
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(text || res.statusText || `HTTP ${res.status}`);
+  }
+  let done = null;
+  await readNdjson(res, (event) => {
+    if (event.type === "delta" && event.delta) onDelta(event);
+    else if (event.type === "window" && event.result) onWindow(event.result);
+    else if (event.type === "done") done = event;
+    else if (event.type === "error") throw new Error(event.error || "发送失败");
+  });
+  if (!done?.multi?.turn) throw new Error("未返回回合结果");
+  return done;
+}
+
+const streamingPaints = new Set();
+
+function paintStreamingReply(turn, windowId) {
+  const card = els.arena?.querySelector(
+    `.chat-reply-card[data-turn-id="${CSS.escape(turn.id)}"][data-window-id="${CSS.escape(windowId)}"]`,
+  );
+  const reply = (turn.replies || []).find((r) => r.windowId === windowId);
+  if (!card || !reply) {
+    renderArena();
+    return;
+  }
+  const body = replyView(reply);
+  const bodyEl = card.querySelector(".chat-reply-card-body");
+  const textEl = card.querySelector(".chat-reply-card-text");
+  if (!bodyEl || !textEl) return;
+  bodyEl.classList.toggle("is-pending", body.cls === "is-pending");
+  bodyEl.classList.toggle("is-error", body.cls === "is-error");
+  bodyEl.dataset.empty = body.empty ? "1" : "0";
+  textEl.innerHTML = replyBodyHtml(body);
+  card.style.height = "auto";
+  card.classList.remove("is-collapsed");
+  const stream = els.arena?.querySelector(".chat-arena-stream");
+  if (stream) {
+    const gap = stream.scrollHeight - stream.scrollTop - stream.clientHeight;
+    if (gap < 80) stream.scrollTop = stream.scrollHeight;
+  }
+}
+
+function scheduleStreamingPaint(turn, windowId) {
+  if (streamingPaints.has(windowId)) return;
+  streamingPaints.add(windowId);
+  requestAnimationFrame(() => {
+    streamingPaints.delete(windowId);
+    paintStreamingReply(turn, windowId);
+  });
+}
+
+let rememberTimer = 0;
+
+function writeStreamingTurn() {
+  if (!activeIsTemp || !activeConversationId) return;
+  const temp = loadTemps().find((t) => t.id === activeConversationId);
+  if (!temp) return;
+  temp.turns = activeTurns.map((t) => ({
+    ...t,
+    replies: (t.replies || []).map((r) => {
+      const { pending: _pending, ...rest } = r;
+      return rest;
+    }),
+  }));
+  temp.windows = activeWindows;
+  temp.updatedAt = nowIso();
+  upsertTemp(temp);
+}
+
+function rememberStreamingTurn() {
+  if (!activeIsTemp || !activeConversationId) return;
+  if (rememberTimer) return;
+  rememberTimer = window.setTimeout(() => {
+    rememberTimer = 0;
+    writeStreamingTurn();
+  }, 400);
+}
+
+function finishSendStatus(results) {
+  const failed = (results || []).filter((r) => r.error);
+  setStatus(
+    failed.length ? `${failed.length} 个窗口失败，其余已写入` : "",
+    failed.length > 0,
+  );
+}
+
 async function sendMessage() {
   if (busy) return;
   const text = els.input.value.trim();
@@ -730,69 +1246,86 @@ async function sendMessage() {
     setStatus("请先打开一个会话", true);
     return;
   }
-  ensureDefaultWindow();
   if (!activeWindows.length) {
     setStatus("请先新增至少一个模型窗口", true);
     return;
   }
+  const total = activeWindows.length;
+  const priorTurns = activeTurns.slice();
+  const pending = makePendingTurn(text);
+  let arrived = 0;
+  let sawText = false;
   busy = true;
   els.btnSend.disabled = true;
-  setStatus(
-    activeWindows.length > 1
-      ? `发送中（${activeWindows.length} 个窗口并行）…`
-      : "发送中…",
-  );
+  els.input.value = "";
+  activeTurns = [...priorTurns, pending];
+  setStatus(total > 1 ? `回复中 0/${total}` : "回复中…");
+  renderArena();
+  const onDelta = (event) => {
+    let reply = pending.replies.find((r) => r.windowId === event.windowId);
+    if (!reply) {
+      reply = { windowId: event.windowId, content: "", thinking: "" };
+      pending.replies.push(reply);
+    }
+    reply.pending = false;
+    if (event.field === "thinking") {
+      reply.thinking = `${reply.thinking || ""}${event.delta}`;
+    } else {
+      reply.content = `${reply.content || ""}${event.delta}`;
+    }
+    sawText = true;
+    scheduleStreamingPaint(pending, event.windowId);
+    rememberStreamingTurn();
+  };
+  const onWindow = (result) => {
+    const idx = pending.replies.findIndex((r) => r.windowId === result.windowId);
+    const reply = replyFromWindowResult(result);
+    if (idx >= 0) pending.replies[idx] = reply;
+    else pending.replies.push(reply);
+    if (reply.content || reply.thinking) sawText = true;
+    arrived += 1;
+    setStatus(total > 1 ? `回复中 ${arrived}/${total}` : "回复中…");
+    rememberStreamingTurn();
+    renderArena();
+  };
+  const hooks = { onDelta, onWindow };
   try {
     if (activeIsTemp) {
       const temp = loadTemps().find((t) => t.id === activeConversationId);
       if (!temp) throw new Error("临时会话不存在");
       const slots = { ...EMPTY_SLOTS, ...temp.slots };
-      const data = await api("/api/direct-chat/ephemeral/complete", {
-        method: "POST",
-        body: JSON.stringify({
+      const data = await postMulti(
+        "/api/direct-chat/ephemeral/complete",
+        {
           text,
           ...slots,
           windows: activeWindows,
-          turns: activeTurns,
-        }),
-      });
+          turns: priorTurns,
+        },
+        hooks,
+      );
       const multi = data.multi;
-      if (!multi?.turn) throw new Error("未返回回合结果");
-      activeTurns = [...activeTurns, multi.turn];
+      activeTurns = [...priorTurns, multi.turn];
       temp.turns = activeTurns;
       temp.windows = activeWindows;
       temp.slots = slots;
       temp.updatedAt = nowIso();
       upsertTemp(temp);
-      els.input.value = "";
-      const failed = (multi.results || []).filter((r) => r.error);
-      setStatus(
-        failed.length
-          ? `${failed.length} 个窗口失败，其余已写入`
-          : "",
-        failed.length > 0,
-      );
+      finishSendStatus(multi.results);
       renderArena();
       renderRail();
       return;
     }
 
-    const data = await api(
+    const data = await postMulti(
       `/api/direct-chat/conversations/${encodeURIComponent(activeConversationId)}/messages`,
-      {
-        method: "POST",
-        body: JSON.stringify({ text, windows: activeWindows }),
-      },
-    );
-    activeTurns = data.conversation.turns || [];
-    activeWindows = data.conversation.windows || activeWindows;
-    activeShell = data.shell;
-    els.input.value = "";
-    const failed = (data.multi?.results || []).filter((r) => r.error);
-    setStatus(
-      failed.length ? `${failed.length} 个窗口失败，其余已写入` : "",
-      failed.length > 0,
+      { text, windows: activeWindows },
+      hooks,
     );
+    activeTurns = data.conversation?.turns || [...priorTurns, data.multi.turn];
+    activeWindows = data.conversation?.windows || activeWindows;
+    if (data.shell) activeShell = data.shell;
+    finishSendStatus(data.multi?.results);
     renderArena();
     if (activeShellId) {
       const shellData = await api(
@@ -802,6 +1335,24 @@ async function sendMessage() {
       renderRail();
     }
   } catch (err) {
+    if (!sawText && arrived === 0) {
+      activeTurns = priorTurns;
+      els.input.value = text;
+      renderArena();
+    } else {
+      for (const reply of pending.replies) {
+        if (reply.pending) {
+          reply.pending = false;
+          reply.error = "未返回";
+        }
+      }
+      if (rememberTimer) {
+        clearTimeout(rememberTimer);
+        rememberTimer = 0;
+      }
+      writeStreamingTurn();
+      renderArena();
+    }
     setStatus(err instanceof Error ? err.message : String(err), true);
   } finally {
     busy = false;
@@ -824,7 +1375,7 @@ async function selectReply(turnId, windowId) {
     persistActiveSessionMeta();
     setStatus(
       next
-        ? `已保留「${windowLabel(activeWindows.find((w) => w.id === next) || {})}」为后续共用基准`
+        ? `已保留「${publicWindowLabel(activeWindows.find((w) => w.id === next) || {})}」为后续共用基准`
         : "已取消保留，各窗口继续用各自回复",
     );
     return;
@@ -841,7 +1392,7 @@ async function selectReply(turnId, windowId) {
     renderArena();
     setStatus(
       next
-        ? `已保留「${windowLabel(activeWindows.find((w) => w.id === next) || {})}」为后续共用基准`
+        ? `已保留「${publicWindowLabel(activeWindows.find((w) => w.id === next) || {})}」为后续共用基准`
         : "已取消保留，各窗口继续用各自回复",
     );
   } catch (err) {
@@ -897,10 +1448,6 @@ els.formAddWindow.addEventListener("submit", (e) => {
 });
 
 function removeWindow(windowId) {
-  if (activeWindows.length <= 1) {
-    setStatus("至少保留一个窗口", true);
-    return;
-  }
   activeWindows = activeWindows.filter((w) => w.id !== windowId);
   activeTurns = activeTurns.map((t) => ({
     ...t,
@@ -908,6 +1455,9 @@ function removeWindow(windowId) {
     selectedWindowId:
       t.selectedWindowId === windowId ? null : t.selectedWindowId,
   }));
+  for (const key of [...expandedCards]) {
+    if (key.endsWith(`:${windowId}`)) expandedCards.delete(key);
+  }
   persistActiveSessionMeta();
   renderArena();
 }
@@ -995,15 +1545,16 @@ els.btnSaveShell.addEventListener("click", () => {
     setStatus(err instanceof Error ? err.message : String(err), true),
   );
 });
-els.btnAddWindow.addEventListener("click", () => openAddWindowDialog());
-els.btnSaveTemp.addEventListener("click", () => {
+function openPromoteDialog() {
   if (!activeIsTemp || !activeConversationId) return;
   const temp = loadTemps().find((t) => t.id === activeConversationId);
   if (!temp) return;
   els.promoteShellName.value = "临时上下文";
   els.promoteConvName.value = temp.name || "会话";
   els.dialogPromote.showModal();
-});
+}
+
+els.btnSaveTemp.addEventListener("click", () => openPromoteDialog());
 els.btnSend.addEventListener("click", () => {
   sendMessage().catch((err) =>
     setStatus(err instanceof Error ? err.message : String(err), true),
@@ -1062,11 +1613,72 @@ els.railList.addEventListener("click", (e) => {
   );
 });
 
+els.morePanel?.addEventListener("click", (e) => {
+  const btn = e.target.closest("[data-action]");
+  if (!btn) return;
+  const action = btn.getAttribute("data-action");
+  els.more?.removeAttribute("open");
+  if (action === "add-window") {
+    openAddWindowDialog();
+    return;
+  }
+  if (action === "save-temp") {
+    openPromoteDialog();
+    return;
+  }
+  if (action === "blind-models") {
+    toggleBlindModels();
+    return;
+  }
+  if (action === "remove-window") {
+    const id = btn.getAttribute("data-window-id");
+    if (id) removeWindow(id);
+  }
+});
+
 els.arena?.addEventListener("click", (e) => {
+  if (e.target.closest("[data-action='add-window']")) {
+    openAddWindowDialog();
+    return;
+  }
+  const expandBtn = e.target.closest("[data-action='expand-card']");
+  if (expandBtn) {
+    const turnId = expandBtn.getAttribute("data-turn-id") || "";
+    const windowId = expandBtn.getAttribute("data-window-id") || "";
+    const key = cardExpandKey(turnId, windowId);
+    if (expandedCards.has(key)) expandedCards.delete(key);
+    else expandedCards.add(key);
+    collapseReplyTracks();
+    return;
+  }
+  const stripBtn = e.target.closest(
+    "[data-action='strip-prev'], [data-action='strip-next']",
+  );
+  if (stripBtn) {
+    const turnId = stripBtn.getAttribute("data-turn-id") || "";
+    const track = els.arena.querySelector(
+      `.chat-reply-track[data-turn-id="${CSS.escape(turnId)}"]`,
+    );
+    if (!track) return;
+    const visible = visibleCardCount(track);
+    const step = cardStep(track);
+    const i = Math.round(track.scrollLeft / step);
+    const lastPage = Math.max(
+      0,
+      track.querySelectorAll(".chat-reply-card").length - visible,
+    );
+    const nextIndex =
+      stripBtn.getAttribute("data-action") === "strip-next"
+        ? Math.min(lastPage, i + 1)
+        : Math.max(0, i - 1);
+    scrollTrackToIndex(track, nextIndex);
+    return;
+  }
   const removeBtn = e.target.closest("[data-action='remove-window']");
   if (removeBtn) {
-    const col = removeBtn.closest("[data-window-id]");
-    const id = col?.getAttribute("data-window-id");
+    const id =
+      removeBtn.getAttribute("data-window-id") ||
+      removeBtn.closest("[data-window-id]")?.getAttribute("data-window-id");
     if (id) removeWindow(id);
     return;
   }