保留生成态最新用户输入框

Bug修复:
- 修复旧 active plan 导致最新用户输入框被 live 折叠隐藏的问题
- 调整 live 卡片折叠逻辑，优先保留最近的用户问题

优化:
- 增加终端生成态用户输入框可见性的回归测试

Co-Authored-By: Codex <noreply@openai.com>

Author: Cyberforker

src/cli/ui/layout/CardStream.tsx

@@ -14,6 +14,7 @@ const LIVE_CARD_TAIL_LIMIT = 4;
 export type CardStreamItem<T> =
   | { kind: "spacer"; rows: number; key: string }
   | { kind: "card"; card: T };
+type LiveRenderItem = { kind: "fold"; count: number; key: string } | { kind: "card"; card: Card };
 
 /** Decide which cards render live vs collapse into a spacer, given the cached
  * heights and the current viewport position. Window is quantized to
@@ -67,8 +68,7 @@ export function CardStream({
     suppressLive && live.length > 0 && !isFullySettled(live[live.length - 1]!)
       ? live.slice(0, -1)
       : live;
-  const hiddenLive = Math.max(0, visibleLive.length - LIVE_CARD_TAIL_LIMIT);
-  const liveTail = hiddenLive > 0 ? visibleLive.slice(-LIVE_CARD_TAIL_LIMIT) : visibleLive;
+  const liveItems = selectLiveRenderItems(visibleLive);
 
   return (
     <>
@@ -79,25 +79,59 @@ export function CardStream({
           </Box>
         )}
       </Static>
-      {liveTail.length > 0 ? (
+      {liveItems.length > 0 ? (
         <Box
           flexDirection="column"
           flexShrink={1}
           maxHeight={maxRows !== undefined ? Math.max(1, maxRows) : undefined}
           overflow="hidden"
         >
-          {hiddenLive > 0 ? <LiveFoldHint count={hiddenLive} /> : null}
-          {liveTail.map((card) => (
-            <Box key={card.id} flexDirection="column">
-              <CardRenderer card={card} compact={isFullySettled(card)} />
-            </Box>
-          ))}
+          {liveItems.map((item) =>
+            item.kind === "fold" ? (
+              <LiveFoldHint key={item.key} count={item.count} />
+            ) : (
+              <Box key={item.card.id} flexDirection="column">
+                <CardRenderer card={item.card} compact={isFullySettled(item.card)} />
+              </Box>
+            ),
+          )}
         </Box>
       ) : null}
     </>
   );
 }
 
+function selectLiveRenderItems(cards: ReadonlyArray<Card>): LiveRenderItem[] {
+  if (cards.length <= LIVE_CARD_TAIL_LIMIT) return cards.map((card) => ({ kind: "card", card }));
+
+  const tailStart = Math.max(0, cards.length - LIVE_CARD_TAIL_LIMIT);
+  const lastUserIndex = findLastIndex(cards, (card) => card.kind === "user");
+
+  if (lastUserIndex >= 0 && lastUserIndex < tailStart) {
+    const items: LiveRenderItem[] = [];
+    if (lastUserIndex > 0)
+      items.push({ kind: "fold", count: lastUserIndex, key: "fold-before-user" });
+    items.push({ kind: "card", card: cards[lastUserIndex]! });
+    const hiddenBetween = tailStart - lastUserIndex - 1;
+    if (hiddenBetween > 0)
+      items.push({ kind: "fold", count: hiddenBetween, key: "fold-after-user" });
+    for (const card of cards.slice(tailStart)) items.push({ kind: "card", card });
+    return items;
+  }
+
+  return [
+    { kind: "fold", count: tailStart, key: "fold-live-head" },
+    ...cards.slice(tailStart).map((card) => ({ kind: "card" as const, card })),
+  ];
+}
+
+function findLastIndex<T>(items: ReadonlyArray<T>, predicate: (item: T) => boolean): number {
+  for (let i = items.length - 1; i >= 0; i--) {
+    if (predicate(items[i]!)) return i;
+  }
+  return -1;
+}
+
 function LiveFoldHint({ count }: { count: number }): React.ReactElement {
   return (
     <Box paddingLeft={2}>

tests/ui-codex-style.test.tsx

@@ -364,6 +364,59 @@ describe("Codex-style terminal surface", () => {
     expect(out).not.toContain("verbose body from tool 5");
   });
 
+  it("keeps the latest user prompt visible when an older active plan keeps the turn live", () => {
+    setLanguageRuntime("en");
+    const liveCards: Card[] = [
+      {
+        kind: "plan",
+        id: "plan-active",
+        ts: 1,
+        title: "Teams MVP",
+        variant: "active",
+        steps: [
+          { id: "s1", title: "done step", status: "done" },
+          { id: "s2", title: "queued step", status: "queued" },
+        ],
+      },
+      {
+        kind: "user",
+        id: "user-latest",
+        ts: 2,
+        text: "teams这些的操作有没有help或者文档之类的说明？",
+      },
+      ...Array.from({ length: 6 }, (_, i) => ({
+        kind: "tool" as const,
+        id: `tool-after-user-${i}`,
+        ts: i + 3,
+        name: "run_command",
+        args: { command: `echo ${i}` },
+        output: `verbose output ${i}`,
+        done: true,
+        exitCode: 0,
+        elapsedMs: 20,
+      })),
+      {
+        kind: "streaming",
+        id: "reply-live",
+        ts: 20,
+        text: "全部通过。现在 Teams 有三层帮助。",
+        done: false,
+        userPrompt: "teams这些的操作有没有help或者文档之类的说明？",
+      },
+    ];
+    const { lastFrame, unmount } = render(
+      <AgentStoreProvider session={SESSION} initialCards={liveCards}>
+        <CardStream maxRows={18} />
+      </AgentStoreProvider>,
+    );
+    const out = lastFrame() ?? "";
+    unmount();
+
+    expect(out).toContain("> teams这些的操作有没有help或者文档之类的说明？");
+    expect(out).toContain("+");
+    expect(out).toContain("全部通过。现在 Teams 有三层帮助。");
+  });
+
   it("keeps failed shell summaries ahead of tail output", () => {
     setLanguageRuntime("zh-CN");
     const { lastFrame, unmount } = render(