@stigmer/react 3.1.1 → 3.1.3

package/src/execution/__tests__/ArtifactContentRenderer.test.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect, afterEach } from "vitest";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 import { render, screen, fireEvent, cleanup } from "@testing-library/react";
 import { ArtifactContentRenderer } from "../ArtifactContentRenderer";
 
@@ -60,3 +60,82 @@ describe("ArtifactContentRenderer — markdown", () => {
     ).toBeGreaterThan(0);
   });
 });
+
+describe("ArtifactContentRenderer — reveal (jump-to-line)", () => {
+  let scrollIntoView: ReturnType<typeof vi.fn>;
+  beforeEach(() => {
+    // happy-dom lacks a real scrollIntoView; the hook calls it optionally.
+    scrollIntoView = vi.fn();
+    Element.prototype.scrollIntoView =
+      scrollIntoView as unknown as typeof Element.prototype.scrollIntoView;
+  });
+
+  it("renders addressable lines and highlights the target row for plain text", () => {
+    const { container } = render(
+      <ArtifactContentRenderer
+        content={"one\ntwo\nthree"}
+        fileName="notes.txt"
+        reveal={{ line: 2, nonce: 1 }}
+      />,
+    );
+
+    // Every line is addressable; exactly the target row carries the highlight.
+    expect(container.querySelectorAll("[data-line]").length).toBe(3);
+    const target = container.querySelector('[data-line="2"]');
+    expect(target?.className).toContain("bg-primary-subtle");
+    expect(container.querySelectorAll(".bg-primary-subtle").length).toBe(1);
+  });
+
+  it("does not highlight anything when the target line is out of range", () => {
+    const { container } = render(
+      <ArtifactContentRenderer
+        content={"one\ntwo"}
+        fileName="notes.txt"
+        reveal={{ line: 99, nonce: 1 }}
+      />,
+    );
+    expect(container.querySelectorAll(".bg-primary-subtle").length).toBe(0);
+  });
+
+  it("forces Markdown to its Source (line-faithful) view when revealing", () => {
+    const { container } = render(
+      <ArtifactContentRenderer
+        content={"# Heading\n\ntext"}
+        fileName="doc.md"
+        reveal={{ line: 1, nonce: 1 }}
+      />,
+    );
+    // Source is line-numbered <pre>, not the rendered <h1>.
+    expect(container.querySelector("h1")).toBeNull();
+    expect(container.querySelector("pre")).not.toBeNull();
+    expect(container.querySelector('[data-line="1"]')).not.toBeNull();
+    // The Rendered/Source toggle is still offered.
+    expect(screen.getByRole("tab", { name: "Source" })).toBeTruthy();
+  });
+
+  it("renders JSON raw (not reformatted) when revealing, so line numbers hold", () => {
+    // Minified single-line JSON: pretty-printing would expand it to many lines
+    // and shift line 1. Raw rendering keeps it one addressable row.
+    const { container } = render(
+      <ArtifactContentRenderer
+        content={'{"a":1,"b":2}'}
+        fileName="data.json"
+        reveal={{ line: 1, nonce: 1 }}
+      />,
+    );
+    const rows = container.querySelectorAll("[data-line]");
+    expect(rows.length).toBe(1);
+    expect(rows[0].textContent).toContain('{"a":1,"b":2}');
+  });
+
+  it("scrolls the target line into view", () => {
+    render(
+      <ArtifactContentRenderer
+        content={"one\ntwo\nthree"}
+        fileName="notes.txt"
+        reveal={{ line: 3, nonce: 1 }}
+      />,
+    );
+    expect(scrollIntoView).toHaveBeenCalled();
+  });
+});

package/src/execution/__tests__/ArtifactPreviewModal.test.tsx

@@ -26,8 +26,8 @@ function withStigmer(children: ReactNode) {
 
 afterEach(cleanup);
 
-describe("ArtifactPreviewContent — Build from plan action", () => {
-  it("renders a 'Build from plan' button only when onImplement is provided", () => {
+describe("ArtifactPreviewContent — Build action", () => {
+  it("renders a 'Build' button only when onImplement is provided", () => {
     const { rerender } = render(
       withStigmer(
         <ArtifactPreviewContent
@@ -39,7 +39,7 @@ describe("ArtifactPreviewContent — Build from plan action", () => {
         />,
       ),
     );
-    expect(screen.queryByText("Build from plan")).toBeNull();
+    expect(screen.queryByText("Build")).toBeNull();
 
     rerender(
       withStigmer(
@@ -53,10 +53,10 @@ describe("ArtifactPreviewContent — Build from plan action", () => {
         />,
       ),
     );
-    expect(screen.getByText("Build from plan")).toBeTruthy();
+    expect(screen.getByText("Build")).toBeTruthy();
   });
 
-  it("calls onImplement then closes the modal when 'Build from plan' is clicked", () => {
+  it("calls onImplement then closes the modal when 'Build' is clicked", () => {
     const calls: string[] = [];
     const onImplement = vi.fn(() => calls.push("implement"));
     const onClose = vi.fn(() => calls.push("close"));
@@ -74,7 +74,7 @@ describe("ArtifactPreviewContent — Build from plan action", () => {
       ),
     );
 
-    fireEvent.click(screen.getByText("Build from plan"));
+    fireEvent.click(screen.getByText("Build"));
 
     expect(onImplement).toHaveBeenCalledTimes(1);
     expect(onClose).toHaveBeenCalledTimes(1);

package/src/execution/__tests__/FileChangeProgressBar.test.tsx

@@ -0,0 +1,125 @@
+/**
+ * FileChangeProgressBar — the live "N files changed so far" strip for a running
+ * turn (DD-32). These tests cover its own responsibilities: emptiness, the
+ * summary count + aggregate stat, the expandable per-file list with its cap
+ * overflow, zero-count hiding, and that only the count is an aria-live region.
+ */
+
+import { describe, it, expect, afterEach } from "vitest";
+import { render, screen, fireEvent, cleanup } from "@testing-library/react";
+import { create } from "@bufbuild/protobuf";
+import {
+  FileChangeProgressSchema,
+  FileChangeProgressEntrySchema,
+  type FileChangeProgress,
+} from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/filereview_pb";
+import { FileChangeKind } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
+import { FileChangeProgressBar } from "../FileChangeProgressBar";
+
+function entry(path: string, kind: FileChangeKind, added: number, removed: number) {
+  return create(FileChangeProgressEntrySchema, {
+    pathBefore: kind === FileChangeKind.ADD ? "" : path,
+    pathAfter: kind === FileChangeKind.DELETE ? "" : path,
+    kind,
+    linesAdded: added,
+    linesRemoved: removed,
+  });
+}
+
+function progress(overrides: Partial<FileChangeProgress> = {}): FileChangeProgress {
+  return create(FileChangeProgressSchema, {
+    changeSetId: "exec:0",
+    filesChanged: 2,
+    linesAdded: 7,
+    linesRemoved: 3,
+    entries: [
+      entry("src/a.ts", FileChangeKind.ADD, 5, 0),
+      entry("src/b.ts", FileChangeKind.MODIFY, 2, 3),
+    ],
+    capturedAt: "2026-07-05T00:00:00Z",
+    ...overrides,
+  });
+}
+
+afterEach(() => cleanup());
+
+describe("FileChangeProgressBar", () => {
+  it("renders nothing when progress is undefined", () => {
+    const { container } = render(<FileChangeProgressBar progress={undefined} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders nothing when zero files have changed (revert-to-clean)", () => {
+    const { container } = render(
+      <FileChangeProgressBar
+        progress={progress({ filesChanged: 0, entries: [], linesAdded: 0, linesRemoved: 0 })}
+      />,
+    );
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("shows the summary count and aggregate +N −M", () => {
+    render(<FileChangeProgressBar progress={progress()} />);
+    expect(screen.getByText(/2 files changing/)).toBeTruthy();
+    expect(screen.getByText("+7")).toBeTruthy();
+    expect(screen.getByText("-3")).toBeTruthy();
+  });
+
+  it("uses the singular noun for a single file", () => {
+    render(
+      <FileChangeProgressBar
+        progress={progress({ filesChanged: 1, entries: [entry("only.ts", FileChangeKind.ADD, 1, 0)] })}
+      />,
+    );
+    expect(screen.getByText(/1 file changing/)).toBeTruthy();
+  });
+
+  it("puts only the count in an aria-live region, not the per-file list", () => {
+    render(<FileChangeProgressBar progress={progress()} />);
+    const live = screen.getByText(/2 files changing/);
+    expect(live.getAttribute("aria-live")).toBe("polite");
+    // The expandable list is not part of any live region.
+    fireEvent.click(screen.getByRole("button", { name: /2 files changing/ }));
+    const link = screen.getByText("a.ts");
+    expect(link.closest("[aria-live]")).toBeNull();
+  });
+
+  it("expands to a per-file list on click and collapses again", () => {
+    render(<FileChangeProgressBar progress={progress()} />);
+    expect(screen.queryByText("a.ts")).toBeNull();
+
+    const toggle = screen.getByRole("button", { name: /2 files changing/ });
+    fireEvent.click(toggle);
+    expect(screen.getByText("a.ts")).toBeTruthy();
+    expect(screen.getByText("b.ts")).toBeTruthy();
+    expect(toggle.getAttribute("aria-expanded")).toBe("true");
+
+    fireEvent.click(toggle);
+    expect(screen.queryByText("a.ts")).toBeNull();
+  });
+
+  it("shows an honest overflow line when the entry list is capped", () => {
+    // 5 files changed but only 2 entries carried → "… and 3 more".
+    render(<FileChangeProgressBar progress={progress({ filesChanged: 5 })} />);
+    fireEvent.click(screen.getByRole("button", { name: /5 files changing/ }));
+    expect(screen.getByText(/and 3 more/)).toBeTruthy();
+  });
+
+  it("hides the per-file stat when both counts are zero (binary/secret)", () => {
+    render(
+      <FileChangeProgressBar
+        progress={progress({
+          filesChanged: 1,
+          linesAdded: 0,
+          linesRemoved: 0,
+          entries: [entry(".env", FileChangeKind.MODIFY, 0, 0)],
+        })}
+      />,
+    );
+    fireEvent.click(screen.getByRole("button", { name: /1 file changing/ }));
+    // The secret path is present…
+    expect(screen.getByText(".env")).toBeTruthy();
+    // …but no +0 −0 stat is rendered anywhere.
+    expect(screen.queryByText("+0")).toBeNull();
+  });
+});

package/src/execution/__tests__/FilePathLink.test.tsx

@@ -5,6 +5,7 @@ import {
   WorkspaceEntrySchema,
   WorkspaceSourceSchema,
   LocalPathSourceSchema,
+  GitRepoSourceSchema,
 } from "@stigmer/protos/ai/stigmer/agentic/session/v1/workspace_pb";
 import type { WorkspaceEntry } from "@stigmer/protos/ai/stigmer/agentic/session/v1/workspace_pb";
 import { FilePathLink } from "../FilePathLink";
@@ -89,4 +90,90 @@ describe("FilePathLink interaction", () => {
     expect(onFilePathClick.mock.calls[0][0]).toBe("src/main.go");
     expect(onFilePathClick.mock.calls[0][1].action).toBe("copy");
   });
+
+  it("falls back to copy when a copy-action handler declines (returns false)", async () => {
+    const writeText = vi.fn().mockResolvedValue(undefined);
+    vi.stubGlobal("navigator", { clipboard: { writeText } });
+    const onFilePathClick = vi.fn().mockReturnValue(false);
+    render(
+      <FilePathContext.Provider value={{ workspaceEntries: [], onFilePathClick }}>
+        <FilePathLink path="src/main.go" />
+      </FilePathContext.Provider>,
+    );
+    fireEvent.click(screen.getByRole("button"));
+    expect(onFilePathClick).toHaveBeenCalledTimes(1);
+    expect(writeText).toHaveBeenCalledWith("src/main.go");
+    vi.unstubAllGlobals();
+  });
+
+  it("suppresses the copy default when a copy-action handler returns void", () => {
+    const writeText = vi.fn().mockResolvedValue(undefined);
+    vi.stubGlobal("navigator", { clipboard: { writeText } });
+    const onFilePathClick = vi.fn(); // returns undefined -> handled
+    render(
+      <FilePathContext.Provider value={{ workspaceEntries: [], onFilePathClick }}>
+        <FilePathLink path="src/main.go" />
+      </FilePathContext.Provider>,
+    );
+    fireEvent.click(screen.getByRole("button"));
+    expect(onFilePathClick).toHaveBeenCalledTimes(1);
+    expect(writeText).not.toHaveBeenCalled();
+    vi.unstubAllGlobals();
+  });
+});
+
+describe("FilePathLink link-action with an injected handler", () => {
+  const gitEntries = [
+    create(WorkspaceEntrySchema, {
+      name: "acme/app",
+      source: create(WorkspaceSourceSchema, {
+        source: {
+          case: "gitRepo",
+          value: create(GitRepoSourceSchema, {
+            url: "https://github.com/acme/app.git",
+            branch: "main",
+          }),
+        },
+      }),
+    }),
+  ];
+
+  it("renders a real <a href> even when a handler is present (native link semantics)", () => {
+    const onFilePathClick = vi.fn().mockReturnValue(true);
+    render(
+      <FilePathContext.Provider value={{ workspaceEntries: gitEntries, onFilePathClick }}>
+        <FilePathLink path="src/main.go" />
+      </FilePathContext.Provider>,
+    );
+    const anchor = screen.getByRole("link");
+    expect(anchor.getAttribute("href")).toBe(
+      "https://github.com/acme/app/blob/main/src/main.go",
+    );
+  });
+
+  it("prevents native navigation when the handler opens it in-app (returns true)", () => {
+    const onFilePathClick = vi.fn().mockReturnValue(true);
+    render(
+      <FilePathContext.Provider value={{ workspaceEntries: gitEntries, onFilePathClick }}>
+        <FilePathLink path="src/main.go" />
+      </FilePathContext.Provider>,
+    );
+    const evt = new MouseEvent("click", { bubbles: true, cancelable: true });
+    screen.getByRole("link").dispatchEvent(evt);
+    expect(onFilePathClick).toHaveBeenCalledTimes(1);
+    expect(evt.defaultPrevented).toBe(true);
+  });
+
+  it("leaves native navigation intact when the handler declines (returns false)", () => {
+    const onFilePathClick = vi.fn().mockReturnValue(false);
+    render(
+      <FilePathContext.Provider value={{ workspaceEntries: gitEntries, onFilePathClick }}>
+        <FilePathLink path="src/main.go" />
+      </FilePathContext.Provider>,
+    );
+    const evt = new MouseEvent("click", { bubbles: true, cancelable: true });
+    screen.getByRole("link").dispatchEvent(evt);
+    expect(onFilePathClick).toHaveBeenCalledTimes(1);
+    expect(evt.defaultPrevented).toBe(false);
+  });
 });

package/src/execution/__tests__/FileReviewCard.test.tsx

@@ -248,6 +248,16 @@ describe("FileReviewCard", () => {
   });
 
   describe("multi-file set (per-file controls)", () => {
+    it("starts a complete multi-file set collapsed in diff mode — auto-expansion is list-mode only", () => {
+      // Diff mode's expanded body is every full diff with NO height cap (the
+      // workflow file-review list); auto-expanding a multi-file set there
+      // would dump every diff open on mount. Only the compact list mode
+      // (showDiffs=false, the dock) starts multi-file sets expanded.
+      render(<FileReviewCard fileChangeSet={multiChangeSet()} onSubmit={noop} />);
+      expect(document.querySelector('[data-cursor-target="file-diff"]')).toBeNull();
+      expect(screen.getByRole("button", { name: "Review" })).toBeTruthy();
+    });
+
     it("renders a Keep/Discard radio per file plus whole-set controls", () => {
       render(<FileReviewCard fileChangeSet={multiChangeSet()} onSubmit={noop} />);
       expandCard();
@@ -848,11 +858,12 @@ describe("FileReviewCard", () => {
   // cases mirror the decision cases above without the diff DOM. The default
   // (showDiffs unset) stays covered by every other suite in this file.
   describe("list mode (showDiffs=false)", () => {
+    /** Open a still-collapsed card's file inventory (single complete file). */
     function expandFiles() {
       fireEvent.click(screen.getByRole("button", { name: "Files" }));
     }
 
-    it("labels the expander 'Files' and renders inert list rows with no diff DOM", () => {
+    it("starts a multi-file set expanded — the per-file controls are the honest decision surface", () => {
       render(
         <FileReviewCard
           fileChangeSet={multiChangeSet()}
@@ -860,17 +871,65 @@ describe("FileReviewCard", () => {
           showDiffs={false}
         />,
       );
-      expandFiles();
+      // No expander click: the list rows and per-file controls are immediately
+      // visible, with no diff DOM (the transcript's stamped rows own the diffs).
       expect(document.querySelector('[data-cursor-target="file-diff"]')).toBeNull();
       expect(
         document.querySelectorAll('[data-cursor-target="file-review-list-row"]'),
       ).toHaveLength(2);
-      // Filename-first path text, full path available on hover — and no
-      // link/copy affordance (the list is an inventory, not navigation).
+      expect(screen.getByRole("button", { name: "Hide" })).toBeTruthy();
+      // Filename-first linked path (FilePathLink: copy fallback without a
+      // provider — an accessible button, never a bare span), full path on hover.
       expect(screen.getByText("a.ts")).toBeTruthy();
       expect(screen.getByText("b.ts")).toBeTruthy();
+      expect(screen.getByRole("button", { name: /Copy path: src\/a\.ts/ })).toBeTruthy();
       expect(screen.getByTitle("src/a.ts")).toBeTruthy();
-      expect(screen.queryByRole("link")).toBeNull();
+    });
+
+    it("keeps a single complete file collapsed behind the 'Files' expander", () => {
+      render(
+        <FileReviewCard fileChangeSet={changeSet()} onSubmit={noop} showDiffs={false} />,
+      );
+      expect(
+        document.querySelector('[data-cursor-target="file-review-list-row"]'),
+      ).toBeNull();
+      fireEvent.click(screen.getByRole("button", { name: "Files" }));
+      expect(
+        document.querySelector('[data-cursor-target="file-review-list-row"]'),
+      ).toBeTruthy();
+    });
+
+    it("shows per-file +N −M from the capture-time counts, hiding the stat when no count exists", () => {
+      const counted = create(CapturedFileChangeSchema, {
+        id: "fc1",
+        pathBefore: "src/a.ts",
+        pathAfter: "src/a.ts",
+        kind: FileChangeKind.MODIFY,
+        captureClass: FileCaptureClass.GIT_TRACKED,
+        before: inline("old\n"),
+        after: inline("new\n"),
+        fileDigest: "d-fc1",
+        diffComplete: true,
+        linesAdded: 37,
+        linesRemoved: 2,
+      });
+      render(
+        <FileReviewCard
+          fileChangeSet={multiChangeSet({ fc1: counted })}
+          onSubmit={noop}
+          showDiffs={false}
+        />,
+      );
+      const rows = document.querySelectorAll('[data-cursor-target="file-review-list-row"]');
+      // fc1 carries counts; fc2 (legacy fixture, zero counts) shows no stat —
+      // never a misleading "+0 -0". The bar also aggregates the set's counts,
+      // so exactly two stats render: the bar's and fc1's row.
+      const stats = document.querySelectorAll('[data-cursor-target="file-review-line-stats"]');
+      expect(rows).toHaveLength(2);
+      expect(stats).toHaveLength(2);
+      expect(stats[0].textContent).toBe("+37 -2");
+      expect(stats[1].textContent).toBe("+37 -2");
+      expect(screen.getAllByLabelText("37 added, 2 removed")).toHaveLength(2);
     });
 
     it("marks each file with its change-kind letter (A/M/D)", () => {
@@ -899,7 +958,7 @@ describe("FileReviewCard", () => {
           showDiffs={false}
         />,
       );
-      expandFiles();
+      // A multi-file list-mode set starts expanded — the letters are visible.
       expect(screen.getByLabelText("added").textContent).toBe("A");
       expect(screen.getByLabelText("deleted").textContent).toBe("D");
     });
@@ -937,7 +996,7 @@ describe("FileReviewCard", () => {
           showDiffs={false}
         />,
       );
-      expandFiles();
+      // Starts expanded (multi-file list mode) — the row control is live.
       fireEvent.click(screen.getByRole("radio", { name: "Keep src/a.ts" }));
       expect(onSubmit).toHaveBeenCalledWith(FileDecisionAction.APPROVE, {
         scope: FileDecisionScope.FILE,

package/src/execution/__tests__/MessageThread.test.tsx

@@ -784,6 +784,50 @@ describe("MessageThread", () => {
     });
   });
 
+  describe("live plan collapse (streaming Plan turn)", () => {
+    function streamingPlanExecution() {
+      return makeExecution({
+        id: "exec-live",
+        phase: ExecutionPhase.EXECUTION_IN_PROGRESS,
+        interactionMode: InteractionMode.PLAN,
+        aiContent: "# Rollout Plan\n\n1. First step",
+      });
+    }
+
+    it("collapses the streaming plan behind a live card when onOpenPlan is wired", () => {
+      const onOpenPlan = vi.fn();
+      render(
+        <MessageThread
+          executions={[]}
+          activeStreamExecution={streamingPlanExecution()}
+          onOpenPlan={onOpenPlan}
+        />,
+      );
+
+      const card = screen.getByRole("region", { name: "Plan being written" });
+      expect(card.textContent).toContain("Rollout Plan");
+      // The plan body lives in the panel's plan tab, not the thread.
+      expect(screen.queryByText(/First step/)).toBeNull();
+
+      fireEvent.click(screen.getByText("Open plan"));
+      expect(onOpenPlan).toHaveBeenCalledWith("exec-live");
+    });
+
+    it("keeps the plan streaming inline for hosts without a plan surface (DD-011)", () => {
+      render(
+        <MessageThread
+          executions={[]}
+          activeStreamExecution={streamingPlanExecution()}
+        />,
+      );
+
+      expect(
+        screen.queryByRole("region", { name: "Plan being written" }),
+      ).toBeNull();
+      expect(screen.getByText(/First step/)).toBeTruthy();
+    });
+  });
+
   it("renders plan-completion card when last execution is completed Plan mode", () => {
     const exec = makeExecution({
       id: "exec-plan",
@@ -800,10 +844,67 @@ describe("MessageThread", () => {
       />,
     );
 
-    const buildBtn = screen.getByRole("button", { name: /build from plan/i });
+    const buildBtn = screen.getByRole("button", { name: "Build" });
     expect(buildBtn).toBeTruthy();
 
     fireEvent.click(buildBtn);
     expect(onBuildFromPlan).toHaveBeenCalledOnce();
   });
+
+  describe("plan-turn identity", () => {
+    it("marks a Plan turn's prompt bubble with the Plan badge", () => {
+      const exec = makeExecution({
+        id: "exec-plan",
+        phase: ExecutionPhase.EXECUTION_COMPLETED,
+        interactionMode: InteractionMode.PLAN,
+      });
+
+      render(<MessageThread executions={[exec]} />);
+
+      expect(screen.getByRole("status", { name: "Plan mode" })).toBeTruthy();
+    });
+
+    it("shows no mode badge on Agent turns", () => {
+      const exec = makeExecution({
+        id: "exec-agent",
+        phase: ExecutionPhase.EXECUTION_COMPLETED,
+        interactionMode: InteractionMode.AGENT,
+      });
+
+      render(<MessageThread executions={[exec]} />);
+
+      expect(screen.queryByRole("status", { name: "Plan mode" })).toBeNull();
+    });
+
+    it("renders a completed Plan turn's plan as a document", () => {
+      const exec = makeExecution({
+        id: "exec-plan",
+        phase: ExecutionPhase.EXECUTION_COMPLETED,
+        interactionMode: InteractionMode.PLAN,
+        aiContent: "# Rollout Plan\n\n1. First step",
+      });
+
+      render(<MessageThread executions={[exec]} />);
+
+      const doc = screen.getByRole("article", { name: "Plan document" });
+      expect(doc.textContent).toContain("Rollout Plan");
+      expect(doc.textContent).toContain("First step");
+    });
+
+    it("renders a streaming Plan turn's text as an ordinary chat message", () => {
+      const exec = makeExecution({
+        id: "exec-live",
+        phase: ExecutionPhase.EXECUTION_IN_PROGRESS,
+        interactionMode: InteractionMode.PLAN,
+        aiContent: "Draft so far",
+      });
+
+      render(<MessageThread executions={[]} activeStreamExecution={exec} />);
+
+      expect(
+        screen.queryByRole("article", { name: "Plan document" }),
+      ).toBeNull();
+      expect(screen.getByRole("article", { name: "AI response" })).toBeTruthy();
+    });
+  });
 });