@stigmer/react 3.1.2 → 3.1.3

package/src/execution/MessageEntry.tsx

@@ -48,15 +48,6 @@ export interface MessageEntryProps {
    * non-human messages.
    */
   readonly interactionMode?: InteractionMode;
-  /**
-   * Renders a `MESSAGE_HUMAN` entry as a compact "Build from plan" chip
-   * instead of a prompt bubble. Stamped by the thread builder from
-   * `execution_config.build_from_plan`: the turn's message is a short label
-   * (the implement instruction is runner-injected), so a full-width bubble
-   * would dignify machine plumbing as user prose. Ignored for non-human
-   * messages.
-   */
-  readonly isBuildFromPlan?: boolean;
 }
 
 /**
@@ -89,7 +80,6 @@ export const MessageEntry = memo(function MessageEntry({
   onEdit,
   isPlanDocument,
   interactionMode,
-  isBuildFromPlan,
 }: MessageEntryProps) {
   useRenderTracer("MessageEntry", {
     messageType: message.type,
@@ -99,11 +89,6 @@ export const MessageEntry = memo(function MessageEntry({
 
   switch (message.type) {
     case MessageType.MESSAGE_HUMAN:
-      if (isBuildFromPlan) {
-        return (
-          <BuildFromPlanChip content={message.content} className={className} />
-        );
-      }
       return (
         <HumanMessage
           content={message.content}
@@ -196,53 +181,6 @@ function HumanMessage({
  * label is not user prose to rephrase; refining the plan happens in the plan
  * document, and the build is re-triggered from its card.
  */
-function BuildFromPlanChip({
-  content,
-  className,
-}: {
-  content: string;
-  className?: string;
-}) {
-  return (
-    <div
-      role="article"
-      aria-label="Build from plan"
-      className={cn("flex justify-end", className)}
-    >
-      <span
-        className={cn(
-          "inline-flex items-center gap-1.5 rounded-full border border-border",
-          "bg-muted-subtle px-3 py-1.5 text-xs font-medium text-foreground",
-        )}
-      >
-        <BuildFromPlanIcon />
-        {content}
-      </span>
-    </div>
-  );
-}
-
-/** The plan-card glyph (document lines + implement arrow) at chip scale. */
-function BuildFromPlanIcon() {
-  return (
-    <svg
-      width="13"
-      height="13"
-      viewBox="0 0 16 16"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className="shrink-0 text-muted-foreground"
-      aria-hidden="true"
-    >
-      <path d="M3 4h10M3 8h7M3 12h8" />
-      <path d="M12.5 10.5l1.5 1.5-1.5 1.5" />
-    </svg>
-  );
-}
-
 function EditIcon() {
   return (
     <svg

package/src/execution/MessageThread.tsx

@@ -289,7 +289,7 @@ export function threadContentColumnClass(
  * part of the public API.
  */
 export type ThreadItem =
-  | { readonly kind: "message"; readonly message: AgentMessage; readonly key: string; readonly isPending?: boolean; readonly isFailed?: boolean; readonly isEditable?: boolean; readonly isPlanDocument?: boolean; readonly interactionMode?: InteractionMode; readonly isBuildFromPlan?: boolean }
+  | { readonly kind: "message"; readonly message: AgentMessage; readonly key: string; readonly isPending?: boolean; readonly isFailed?: boolean; readonly isEditable?: boolean; readonly isPlanDocument?: boolean; readonly interactionMode?: InteractionMode }
   | { readonly kind: "tool-group"; readonly toolCalls: readonly ToolCall[]; readonly subAgentExecutions: readonly SubAgentExecution[]; readonly key: string }
   | { readonly kind: "sub-agent"; readonly subAgentExecution: SubAgentExecution; readonly key: string }
   | { readonly kind: "phase-badge"; readonly phase: ExecutionPhase; readonly key: string }
@@ -317,9 +317,9 @@ export type ThreadItem =
       readonly planTitle?: string;
       /**
        * True for the most recent completed Plan execution in the thread — the
-       * only plan whose card carries the primary "Build from plan" action.
-       * Superseded plans keep their review actions (open/download) but never a
-       * build CTA, so a stale plan can't be implemented by accident.
+       * only plan whose card carries the primary "Build" action. Superseded
+       * plans keep their review actions (open/download) but never a build
+       * CTA, so a stale plan can't be implemented by accident.
        */
       readonly isLatestPlan: boolean;
     }
@@ -537,9 +537,9 @@ export function buildThreadItems(
     ? allExecutions.length - 1
     : -1;
 
-  // The most recent completed Plan execution owns the primary "Build from
-  // plan" action; every earlier plan renders as a review-only record. Resolved
-  // up front so each segment can stamp its own card with the right authority.
+  // The most recent completed Plan execution owns the primary "Build" action;
+  // every earlier plan renders as a review-only record. Resolved up front so
+  // each segment can stamp its own card with the right authority.
   let latestPlanExecutionId: string | null = null;
   for (let i = allExecutions.length - 1; i >= 0; i--) {
     if (isCompletedPlanExecution(allExecutions[i])) {
@@ -648,7 +648,13 @@ export function buildThreadItems(
     }
 
     const specMessage = exec.spec?.message;
-    if (specMessage && specMessage !== "execute") {
+    // A Build-from-plan turn synthesizes NO prompt item: its message is a
+    // machine-written label ("Build from plan"), not user prose — the real
+    // instruction is runner-injected from the same flag. The plan card
+    // directly above the turn is the visible cause; rendering the label as a
+    // user bubble would attribute words to the user they never typed.
+    const isBuildTurn = exec.spec?.executionConfig?.buildFromPlan === true;
+    if (specMessage && specMessage !== "execute" && !isBuildTurn) {
       const syntheticHumanMsg = create(AgentMessageSchema);
       syntheticHumanMsg.type = MessageType.MESSAGE_HUMAN;
       syntheticHumanMsg.content = specMessage;
@@ -671,10 +677,6 @@ export function buildThreadItems(
         // The turn's mode marks the prompt bubble (a "Plan" pill on Plan
         // turns) so the transcript reads unambiguously after mode switches.
         interactionMode: exec.spec?.executionConfig?.interactionMode,
-        // A Build-from-plan turn's prompt renders as a compact chip, not the
-        // message text — the text is a short label; the real instruction is
-        // runner-injected from the same flag.
-        isBuildFromPlan: exec.spec?.executionConfig?.buildFromPlan || undefined,
       });
     }
 
@@ -896,11 +898,19 @@ export function buildThreadItems(
     const reason = lastExec?.status?.error;
     if (reason) {
       const specMessage = lastExec?.spec?.message;
+      // A failed build turn offers no inline Retry: resending its label as an
+      // ordinary message would drop the buildFromPlan flag (no runner
+      // directive, no plan attachment). The plan card above the error is the
+      // fully-wired retry — its Build button re-runs the whole pipeline.
+      const isBuildTurn =
+        lastExec?.spec?.executionConfig?.buildFromPlan === true;
       items.push({
         kind: "execution-error",
         error: reason,
         retryMessage:
-          specMessage && specMessage !== "execute" ? specMessage : undefined,
+          specMessage && specMessage !== "execute" && !isBuildTurn
+            ? specMessage
+            : undefined,
         key: `execution-error-${lastExec?.metadata?.id ?? lastPhase}`,
       });
     }
@@ -936,8 +946,13 @@ export function buildThreadItems(
   // not thread items at all: they live in the composer-docked FileReviewDock.
 
   if (pendingUserMessage) {
+    // A FAILED send never created an execution, so an existing execution with
+    // identical text (e.g. two build attempts of the same plan — both
+    // "Build from plan") must never swallow the failed bubble. Suppression
+    // only applies to the succeeded-send window where the stream has
+    // delivered the same turn but the pending state hasn't cleared yet.
     const alreadySynthesized =
-      lastExec?.spec?.message === pendingUserMessage;
+      !pendingMessageFailed && lastExec?.spec?.message === pendingUserMessage;
     if (!alreadySynthesized) {
       const syntheticPending = create(AgentMessageSchema);
       syntheticPending.type = MessageType.MESSAGE_HUMAN;
@@ -1333,7 +1348,6 @@ export function ThreadItemRenderer({
           className={item.isPending ? "opacity-70" : undefined}
           isPlanDocument={item.isPlanDocument}
           interactionMode={item.interactionMode}
-          isBuildFromPlan={item.isBuildFromPlan}
           onEdit={
             item.isEditable && onEditMessage
               ? () => onEditMessage(item.message.content)

package/src/execution/PlanArtifactCard.tsx

@@ -1,10 +1,11 @@
 "use client";
 
-import { memo, useState } from "react";
+import { memo, useState, type ReactNode } from "react";
 import { cn } from "@stigmer/theme";
 import type { ExecutionArtifact } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/artifact_pb";
 import { ArtifactPreviewModal } from "./ArtifactPreviewModal.js";
 import { formatArtifactSize } from "./artifact-utils.js";
+import { useArtifactCopy } from "./useArtifactCopy.js";
 import { useArtifactDownload } from "./useArtifactDownload.js";
 import { useBuildFromPlanHotkey } from "./use-build-from-plan-hotkey.js";
 
@@ -21,20 +22,20 @@ export interface PlanArtifactCardProps {
    */
   readonly title?: string;
   /**
-   * Organization slug. Required for the "Open full" modal (the shared
+   * Organization slug. Required for the open-in-modal fallback (the shared
    * {@link ArtifactPreviewModal} uses it for its detection/apply pipeline and
-   * to fetch the content). When omitted, "Open full" is hidden — the prominent
-   * "Build from plan" action and "Download" remain.
+   * to fetch the content). When omitted, that fallback is hidden — the
+   * prominent "Build" action and the download icon remain.
    */
   readonly org?: string;
-  /** Called when the user clicks "Build from plan". Hidden when omitted. */
+  /** Called when the user clicks "Build". Hidden when omitted. */
   readonly onImplement?: () => void;
   /**
    * Opens the plan in the session panel's plan document tab — the
    * side-by-side review/refine surface. When provided it REPLACES the
-   * modal-based "Open full" secondary with "Open plan" (one review
-   * affordance, not two). When omitted (hosts without a session panel) the
-   * modal remains.
+   * modal-based open fallback (one review affordance, not two). When
+   * omitted (hosts without a session panel) the same "Open plan" icon
+   * opens the preview modal instead.
    */
   readonly onOpenPlan?: () => void;
   /** Disables the primary CTA (e.g., while an execution is active). */
@@ -52,9 +53,15 @@ export interface PlanArtifactCardProps {
  * the panel carries the document.
  *
  * Anatomy: a document-style identity block (plan icon, the plan's title, a
- * `plan.md · size` meta line) with the actions trailing — **Open plan** and
- * **Download** as subdued secondaries and one prominent, themeable primary,
- * **Build from plan** — so the next step is unmistakable.
+ * `<name> · size` meta line) with the actions trailing — open, copy, and
+ * download as icon-only secondaries (labelled via `aria-label`/`title`) and
+ * one prominent, themeable primary, **Build** — so the next step is
+ * unmistakable.
+ *
+ * Action-label rule (shared with `PlanStreamingCard`, which keeps its
+ * labelled "Open plan"): a lone secondary keeps its text label; a row of
+ * secondaries competing with a primary collapses to icons, so the primary
+ * carries the card's one visible verb.
  *
  * Only the LATEST plan's card carries `onImplement`; a superseded plan's card
  * is review-only (its `onOpenPlan` opens the document read-only), so a stale
@@ -76,6 +83,7 @@ export const PlanArtifactCard = memo(function PlanArtifactCard({
 }: PlanArtifactCardProps) {
   const [previewOpen, setPreviewOpen] = useState(false);
   const handleKeyDown = useBuildFromPlanHotkey(onImplement, disabled);
+  const { copy, isCopying, copied } = useArtifactCopy(executionId);
   const { download, isDownloading } = useArtifactDownload(executionId);
 
   return (
@@ -103,53 +111,41 @@ export const PlanArtifactCard = memo(function PlanArtifactCard({
         </div>
       </div>
 
-      <div className="ml-auto flex flex-wrap items-center gap-x-3 gap-y-1.5">
+      <div className="ml-auto flex flex-wrap items-center gap-x-1.5 gap-y-1.5">
         {onOpenPlan ? (
-          <button
-            type="button"
+          <IconAction
+            label="Open plan"
             onClick={onOpenPlan}
-            className={cn(
-              "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
-              FOCUS_RING,
-            )}
-          >
-            <ExpandIcon />
-            Open plan
-          </button>
+            icon={<EyeIcon />}
+          />
         ) : (
           org && (
-            <button
-              type="button"
+            <IconAction
+              label="Open plan"
               onClick={() => setPreviewOpen(true)}
-              className={cn(
-                "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
-                FOCUS_RING,
-              )}
-            >
-              <ExpandIcon />
-              Open full
-            </button>
+              icon={<EyeIcon />}
+            />
           )
         )}
-        <button
-          type="button"
+        <IconAction
+          label={copied ? "Copied" : isCopying ? "Copying…" : "Copy plan"}
+          onClick={() => copy(artifact.storageKey)}
+          disabled={isCopying}
+          icon={copied ? <CheckIcon /> : <CopyIcon />}
+        />
+        <IconAction
+          label={isDownloading ? "Preparing…" : `Download ${artifact.name}`}
           onClick={() => download(artifact.storageKey, artifact.name)}
           disabled={isDownloading}
-          className={cn(
-            "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
-            FOCUS_RING,
-          )}
-        >
-          <DownloadIcon />
-          {isDownloading ? "Preparing…" : "Download"}
-        </button>
+          icon={<DownloadIcon />}
+        />
         {onImplement && (
           <button
             type="button"
             disabled={disabled}
             onClick={onImplement}
             className={cn(
-              "inline-flex items-center gap-1.5 rounded-md px-3 py-1.5",
+              "ml-1.5 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5",
               "text-xs font-medium transition-colors",
               "bg-primary text-primary-foreground hover:bg-primary-hover",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
@@ -157,13 +153,18 @@ export const PlanArtifactCard = memo(function PlanArtifactCard({
             )}
           >
             <ImplementIcon />
-            {buildPending ? "Starting build…" : "Build from plan"}
+            {buildPending ? "Starting build…" : "Build"}
           </button>
         )}
       </div>
 
-      {/* "Open full" reuses the shared artifact preview popup — the single place
-          that fetches/renders plan content (with Copy + Source/Rendered). */}
+      <div role="status" aria-live="polite" aria-atomic="true" className="sr-only">
+        {copied && "Plan copied to clipboard"}
+      </div>
+
+      {/* The modal open fallback reuses the shared artifact preview popup —
+          the single place that fetches/renders plan content (with Copy +
+          Source/Rendered). */}
       {org && previewOpen && (
         <ArtifactPreviewModal
           artifact={artifact}
@@ -182,6 +183,41 @@ export const PlanArtifactCard = memo(function PlanArtifactCard({
 const FOCUS_RING =
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm";
 
+/**
+ * An icon-only secondary action. The accessible name doubles as the hover
+ * tooltip (native `title` — the codebase's tooltip pattern), and the padded
+ * hit area keeps the target comfortable despite the compact glyph.
+ */
+function IconAction({
+  label,
+  onClick,
+  icon,
+  disabled,
+}: {
+  readonly label: string;
+  readonly onClick: () => void;
+  readonly icon: ReactNode;
+  readonly disabled?: boolean;
+}) {
+  return (
+    <button
+      type="button"
+      aria-label={label}
+      title={label}
+      onClick={onClick}
+      disabled={disabled}
+      className={cn(
+        "inline-flex items-center rounded-md p-1.5 text-muted-foreground",
+        "transition-colors hover:bg-muted hover:text-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        FOCUS_RING,
+      )}
+    >
+      {icon}
+    </button>
+  );
+}
+
 function PlanIcon() {
   return (
     <svg
@@ -223,8 +259,8 @@ function ImplementIcon() {
 function DownloadIcon() {
   return (
     <svg
-      width="10"
-      height="10"
+      width="13"
+      height="13"
       viewBox="0 0 12 12"
       fill="none"
       stroke="currentColor"
@@ -241,21 +277,63 @@ function DownloadIcon() {
   );
 }
 
-function ExpandIcon() {
+function CopyIcon() {
+  return (
+    <svg
+      width="13"
+      height="13"
+      viewBox="0 0 12 12"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className="shrink-0"
+      aria-hidden="true"
+    >
+      <rect x="4" y="4" width="6.5" height="6.5" rx="1" />
+      <path d="M8 4V2.5C8 1.95 7.55 1.5 7 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V7C1.5 7.55 1.95 8 2.5 8H4" />
+    </svg>
+  );
+}
+
+/** A check glyph — transient confirmation that the copy succeeded. */
+function CheckIcon() {
   return (
     <svg
-      width="10"
-      height="10"
+      width="13"
+      height="13"
       viewBox="0 0 12 12"
       fill="none"
       stroke="currentColor"
       strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="shrink-0 text-success"
+      aria-hidden="true"
+    >
+      <path d="M2 6.5L4.5 9L10 3" />
+    </svg>
+  );
+}
+
+/** An eye glyph — "view/open the plan to read it". */
+function EyeIcon() {
+  return (
+    <svg
+      width="13"
+      height="13"
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
       className="shrink-0"
       aria-hidden="true"
     >
-      <path d="M7 1.5h3.5V5M10.5 1.5L6.5 5.5M5 10.5H1.5V7M1.5 10.5l4-4" />
+      <path d="M1.5 8S4 3.5 8 3.5s6.5 4.5 6.5 4.5-2.5 4.5-6.5 4.5S1.5 8 1.5 8Z" />
+      <circle cx="8" cy="8" r="1.75" />
     </svg>
   );
 }

package/src/execution/PlanCompletionCard.tsx

@@ -6,7 +6,7 @@ import { useBuildFromPlanHotkey } from "./use-build-from-plan-hotkey.js";
 
 /** Props for {@link PlanCompletionCard}. */
 export interface PlanCompletionCardProps {
-  /** Called when the user clicks the "Build from plan" button. */
+  /** Called when the user clicks the "Build" button. */
   readonly onImplement?: () => void;
   /** Disables the CTA button (e.g., while an execution is active). */
   readonly disabled?: boolean;
@@ -20,9 +20,9 @@ export interface PlanCompletionCardProps {
  * a plan whose upload failed). When a plan artifact exists, the richer
  * `PlanArtifactCard` is shown instead.
  *
- * Mirrors `PlanArtifactCard`'s hierarchy — one prominent, themeable "Build from
- * plan" primary action with the same card-scoped `Cmd/Ctrl+Enter` accelerator —
- * so the two cards feel like the same affordance. The consumer wires the action
+ * Mirrors `PlanArtifactCard`'s hierarchy — one prominent, themeable "Build"
+ * primary action with the same card-scoped `Cmd/Ctrl+Enter` accelerator — so
+ * the two cards feel like the same affordance. The consumer wires the action
  * to switch the interaction mode to Agent and submit the implement turn.
  *
  * Renders nothing when `onImplement` is not provided, so the card is fully
@@ -67,7 +67,7 @@ export const PlanCompletionCard = memo(function PlanCompletionCard({
         )}
       >
         <ImplementIcon />
-        Build from plan
+        Build
       </button>
     </div>
   );

package/src/execution/PlanStreamingCard.tsx

@@ -2,7 +2,6 @@
 
 import { memo } from "react";
 import { cn } from "@stigmer/theme";
-import { PLAN_ARTIFACT_NAME } from "../library/detect-plan-artifact.js";
 import { formatArtifactSize } from "./artifact-utils.js";
 
 /** Props for {@link PlanStreamingCard}. */
@@ -34,8 +33,13 @@ export interface PlanStreamingCardProps {
  * The live counterpart of {@link PlanArtifactCard} — a streaming Plan turn's
  * compact stand-in in the thread while the plan document renders live in the
  * session panel's plan tab. Same anatomy as the completed card (icon, title,
- * `plan.md · size` meta, trailing actions) so the completion handoff reads as
- * the same card settling, not a new element appearing.
+ * a `Writing… · size` meta, trailing actions) so the completion handoff reads
+ * as the same card settling, not a new element appearing.
+ *
+ * The meta line deliberately omits a filename: the artifact's name is derived
+ * from the plan's title, which is still streaming in, so a name shown here
+ * would change under the user when the plan settles. The completed card
+ * introduces the final `<slug>_<id>.plan.md` name once it exists.
  *
  * Deliberately action-light: "Open plan" is the only affordance. Download and
  * Build require the published artifact, which does not exist until the turn
@@ -72,8 +76,6 @@ export const PlanStreamingCard = memo(function PlanStreamingCard({
           {title ?? "Writing plan…"}
         </div>
         <div className="text-[0.65rem] text-muted-foreground-faint">
-          {PLAN_ARTIFACT_NAME}
-          <span aria-hidden="true"> · </span>
           <span role="status">Writing…</span>
           <span aria-hidden="true"> · </span>
           <span className="tabular-nums">{formatArtifactSize(sizeBytes)}</span>
@@ -89,7 +91,7 @@ export const PlanStreamingCard = memo(function PlanStreamingCard({
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm",
           )}
         >
-          <ExpandIcon />
+          <EyeIcon />
           Open plan
         </button>
       )}
@@ -117,12 +119,13 @@ function PlanIcon({ className }: { readonly className?: string }) {
   );
 }
 
-function ExpandIcon() {
+/** An eye glyph — "view/open the plan to read it" (matches PlanArtifactCard). */
+function EyeIcon() {
   return (
     <svg
-      width="10"
-      height="10"
-      viewBox="0 0 12 12"
+      width="11"
+      height="11"
+      viewBox="0 0 16 16"
       fill="none"
       stroke="currentColor"
       strokeWidth="1.5"
@@ -131,7 +134,8 @@ function ExpandIcon() {
       className="shrink-0"
       aria-hidden="true"
     >
-      <path d="M7 1.5h3.5V5M10.5 1.5L6.5 5.5M5 10.5H1.5V7M1.5 10.5l4-4" />
+      <path d="M1.5 8S4 3.5 8 3.5s6.5 4.5 6.5 4.5-2.5 4.5-6.5 4.5S1.5 8 1.5 8Z" />
+      <circle cx="8" cy="8" r="1.75" />
     </svg>
   );
 }

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);