@truefoundry/agent-ui-sdk 0.0.1 → 0.0.2

package/src/containers/ToolCallContainer.tsx

@@ -1,167 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import {
-    MessagePrimitive,
-    useToolCallElapsed,
-    type ToolApprovalOption as AuiToolApprovalOption,
-    type ToolApprovalResponse,
-    type ToolCallMessagePartComponent,
-    type ToolCallMessagePartProps,
-} from "@assistant-ui/react";
-import { useTrueFoundryRespondToToolApproval } from "@truefoundry/assistant-ui-runtime";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import type { ToolApprovalOption } from "../atoms/ToolApprovalBar.js";
-import type { ToolCallStatus } from "../atoms/ToolCallCard.js";
-import { NestedApprovalBridgeContext, useNestedApprovalBridge } from "./nestedApprovalBridge.js";
-
-const SUB_AGENT_TOOL_NAME = "create_sub_agent";
-
-const APPROVAL_OPTION_DEFAULT_LABELS: Record<string, string> = {
-    "allow-once": "Allow",
-    "allow-always": "Always allow",
-    "reject-once": "Deny",
-    "reject-always": "Always deny",
-};
-
-const isAllowKind = (kind: string) => kind === "allow-once" || kind === "allow-always";
-
-function hasPendingToolApproval(approval: { approved?: boolean; resolution?: "cancelled" | "expired" } | undefined) {
-    return approval != null && approval.approved === undefined && approval.resolution === undefined;
-}
-
-function buildApprovalOptions(options: readonly AuiToolApprovalOption[] | undefined): ToolApprovalOption[] {
-    const declared = options?.filter((o) => Object.hasOwn(APPROVAL_OPTION_DEFAULT_LABELS, o.kind));
-    if (declared && declared.length > 0) {
-        const allow = declared.filter((o) => isAllowKind(o.kind));
-        const reject = declared.filter((o) => !isAllowKind(o.kind));
-        const mapped: ToolApprovalOption[] = [...allow, ...reject].map((o) => ({
-            id: o.id,
-            label: o.label ?? APPROVAL_OPTION_DEFAULT_LABELS[o.kind] ?? o.id,
-            isAllow: isAllowKind(o.kind),
-            grants: o.grants,
-            confirm:
-                o.confirm != null ? (typeof o.confirm === "object" ? o.confirm : {}) : undefined,
-        }));
-        if (reject.length === 0) {
-            mapped.push({ id: "__deny", label: "Deny", isAllow: false });
-        }
-        return mapped;
-    }
-    return [
-        { id: "__allow", label: "Allow", isAllow: true },
-        { id: "__deny", label: "Deny", isAllow: false },
-    ];
-}
-
-function formatDuration(ms: number): string {
-    if (ms < 1000) return "<1s";
-    const seconds = ms / 1000;
-    if (seconds < 10) return `${(Math.floor(seconds * 10) / 10).toFixed(1)}s`;
-    if (seconds < 60) return `${Math.floor(seconds)}s`;
-    return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`;
-}
-
-function toStatus(statusType: string | undefined): ToolCallStatus {
-    if (statusType === "complete") return "success";
-    if (statusType === "incomplete") return "error";
-    return "running";
-}
-
-function ToolApprovalSlot({ part }: { part: ToolCallMessagePartProps }) {
-    const ToolApprovalBar = useSlot("ToolApprovalBar");
-    const nestedBridge = useNestedApprovalBridge();
-
-    const respond = (response: ToolApprovalResponse) => {
-        if (nestedBridge) {
-            nestedBridge(response);
-            return;
-        }
-        part.respondToApproval(response);
-    };
-
-    const onSelectOption = (optionId: string) => {
-        if (optionId === "__allow") return respond({ approved: true });
-        if (optionId === "__deny") return respond({ approved: false });
-        return respond({ optionId });
-    };
-
-    return <ToolApprovalBar options={buildApprovalOptions(part.approval?.options)} onSelectOption={onSelectOption} />;
-}
-
-export const ToolCallContainer: ToolCallMessagePartComponent = (part) => {
-    const ToolCallCard = useSlot("ToolCallCard");
-    const respondToNestedApproval = useTrueFoundryRespondToToolApproval();
-    const elapsedMs = useToolCallElapsed();
-    const isRequiresAction = part.status?.type === "requires-action";
-    const [expanded, setExpanded] = useState(isRequiresAction);
-    const [prevRequiresAction, setPrevRequiresAction] = useState(isRequiresAction);
-    if (isRequiresAction !== prevRequiresAction) {
-        setPrevRequiresAction(isRequiresAction);
-        if (isRequiresAction) setExpanded(true);
-    }
-
-    const showApproval = isRequiresAction && hasPendingToolApproval(part.approval);
-    const isSubAgent = part.toolName === SUB_AGENT_TOOL_NAME;
-
-    const durationText = elapsedMs === undefined ? undefined : formatDuration(elapsedMs);
-    const status = toStatus(part.status?.type);
-
-    if (isSubAgent) {
-        const firstNested = part.messages?.[0];
-        const subAgent = (firstNested?.metadata?.custom as { subAgent?: { title?: string; name?: string; input?: string } } | undefined)
-            ?.subAgent;
-        const agentName = subAgent?.title ?? subAgent?.name ?? part.toolName;
-        const instruction = subAgent?.input ?? "";
-        const stepCount = part.messages?.length ?? 0;
-
-        const bridge = (response: ToolApprovalResponse) => {
-            if (part.approval == null) return;
-            const approved = "approved" in response ? response.approved : undefined;
-            if (approved === undefined) return;
-            respondToNestedApproval({ approvalId: part.approval.id, approved });
-        };
-
-        return (
-            <ToolCallCard
-                variant="sub-agent"
-                name={part.toolName}
-                status={status}
-                expanded={expanded}
-                onToggle={() => setExpanded((prev) => !prev)}
-                durationText={durationText}
-                agentName={agentName}
-                instruction={instruction}
-                stepCount={stepCount}
-            >
-                <NestedApprovalBridgeContext.Provider value={bridge}>
-                    <MessagePrimitive.Root data-role="assistant">
-                        <MessagePrimitive.Parts components={{ tools: { Fallback: ToolCallContainer } }} />
-                    </MessagePrimitive.Root>
-                </NestedApprovalBridgeContext.Provider>
-            </ToolCallCard>
-        );
-    }
-
-    return (
-        <ToolCallCard
-            variant="tool"
-            name={part.toolName}
-            status={status}
-            expanded={expanded}
-            onToggle={() => setExpanded((prev) => !prev)}
-            durationText={durationText}
-            argsText={part.argsText}
-            result={
-                part.result === undefined
-                    ? undefined
-                    : typeof part.result === "string"
-                      ? part.result
-                      : JSON.stringify(part.result, null, 2)
-            }
-            isError={part.isError}
-            approvalSlot={showApproval ? <ToolApprovalSlot part={part} /> : undefined}
-        />
-    );
-};

package/src/containers/ToolGroupContainer.test.tsx

@@ -1,56 +0,0 @@
-// @vitest-environment jsdom
-import { render, screen, fireEvent } from "@testing-library/react";
-import { ThreadPrimitive, type ThreadMessageLike } from "@assistant-ui/react";
-import { describe, expect, it } from "vitest";
-
-import { RuntimeHarness } from "./RuntimeHarness.js";
-import { AssistantMessageContainer } from "./AssistantMessageContainer.js";
-
-function renderMultiToolMessage(content: ThreadMessageLike["content"], isRunning = false) {
-    const message: ThreadMessageLike = { role: "assistant", content };
-    return render(
-        <RuntimeHarness messages={[message]} isRunning={isRunning}>
-            <ThreadPrimitive.Messages>{() => <AssistantMessageContainer />}</ThreadPrimitive.Messages>
-        </RuntimeHarness>,
-    );
-}
-
-describe("ToolGroupContainer", () => {
-    it("groups consecutive tool calls under a single 'N tool calls' trigger", () => {
-        renderMultiToolMessage([
-            { type: "tool-call", toolCallId: "1", toolName: "first_tool", args: {}, result: "a" },
-            { type: "tool-call", toolCallId: "2", toolName: "second_tool", args: {}, result: "b" },
-        ]);
-        expect(screen.getByText("2 tool calls")).toBeInTheDocument();
-    });
-
-    it("renders both nested tool calls once expanded (defaultOpen)", () => {
-        renderMultiToolMessage([
-            { type: "tool-call", toolCallId: "1", toolName: "first_tool", args: {} },
-            { type: "tool-call", toolCallId: "2", toolName: "second_tool", args: {} },
-        ]);
-        expect(screen.getByText("first_tool")).toBeInTheDocument();
-        expect(screen.getByText("second_tool")).toBeInTheDocument();
-    });
-
-    it("collapses the group when the trigger is toggled", () => {
-        renderMultiToolMessage([
-            { type: "tool-call", toolCallId: "1", toolName: "first_tool", args: {} },
-            { type: "tool-call", toolCallId: "2", toolName: "second_tool", args: {} },
-        ]);
-        fireEvent.click(screen.getByText("2 tool calls"));
-        expect(screen.queryByText("first_tool")).not.toBeInTheDocument();
-    });
-
-    it("uses singular label for exactly one tool call in the group", () => {
-        // A single standalone tool-call does not form a group; use two calls
-        // where only one belongs to the grouped chain-of-thought bucket is not
-        // constructible via plain fixtures, so this covers the pluralization
-        // branch directly through the atom in ToolGroupCard's own contract.
-        renderMultiToolMessage([
-            { type: "tool-call", toolCallId: "1", toolName: "first_tool", args: {} },
-            { type: "tool-call", toolCallId: "2", toolName: "second_tool", args: {} },
-        ]);
-        expect(screen.queryByText("1 tool call")).not.toBeInTheDocument();
-    });
-});

package/src/containers/ToolGroupContainer.tsx

@@ -1,24 +0,0 @@
-"use client";
-
-import { useState, type PropsWithChildren } from "react";
-import type { MessagePrimitive } from "@assistant-ui/react";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-
-export type ThreadGroupPart = MessagePrimitive.GroupedParts.GroupPart;
-
-export function ToolGroupContainer({ group, children }: PropsWithChildren<{ group: ThreadGroupPart }>) {
-    const ToolGroupCard = useSlot("ToolGroupCard");
-    const [expanded, setExpanded] = useState(true);
-
-    return (
-        <ToolGroupCard
-            toolCallCount={group.indices.length}
-            active={group.status.type === "running"}
-            expanded={expanded}
-            onToggle={() => setExpanded((prev) => !prev)}
-        >
-            {children}
-        </ToolGroupCard>
-    );
-}

package/src/containers/UserEditComposerContainer.test.tsx

@@ -1,52 +0,0 @@
-// @vitest-environment jsdom
-import { render, screen } from "@testing-library/react";
-import { ThreadPrimitive, type ThreadMessageLike } from "@assistant-ui/react";
-import { describe, expect, it } from "vitest";
-
-import { RuntimeHarness } from "./RuntimeHarness.js";
-import { UserEditComposerContainer } from "./UserEditComposerContainer.js";
-
-function renderEditComposer(messages: ThreadMessageLike[]) {
-    return render(
-        <RuntimeHarness messages={messages}>
-            <ThreadPrimitive.Messages>{() => <UserEditComposerContainer />}</ThreadPrimitive.Messages>
-        </RuntimeHarness>,
-    );
-}
-
-describe("UserEditComposerContainer", () => {
-    it("renders a text input with cancel and send actions", () => {
-        renderEditComposer([{ role: "user", content: "edit me", id: "turn-1-user" }]);
-        expect(screen.getByRole("textbox")).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: "Cancel" })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: "Send" })).toBeInTheDocument();
-    });
-
-    it("shows read-only attachments without remove controls", () => {
-        renderEditComposer([
-            {
-                role: "user",
-                content: "What is this?",
-                id: "turn-1-user",
-                attachments: [
-                    {
-                        id: "att-1",
-                        type: "image",
-                        name: "logo.png",
-                        contentType: "image/png",
-                        status: { type: "complete" },
-                        content: [
-                            {
-                                type: "image",
-                                image: "data:image/png;base64,iVBORw0KGgo=",
-                                filename: "logo.png",
-                            },
-                        ],
-                    },
-                ],
-            },
-        ]);
-        expect(screen.getByAltText("logo.png")).toBeInTheDocument();
-        expect(screen.queryByRole("button", { name: /remove/i })).not.toBeInTheDocument();
-    });
-});

package/src/containers/UserEditComposerContainer.tsx

@@ -1,86 +0,0 @@
-"use client";
-
-import {
-    ComposerPrimitive,
-    MessagePrimitive,
-    useAuiState,
-} from "@assistant-ui/react";
-import { useThreadIsRunning } from "@assistant-ui/core/react";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import { MessageAttachmentsContainer } from "./AttachmentsContainer.js";
-import { cn } from "../atoms/lib/cn.js";
-
-function ReadOnlyMessageAttachments() {
-    const hasAttachments = useAuiState(
-        (s) => (s.message.attachments?.length ?? 0) > 0,
-    );
-    if (!hasAttachments) {
-        return null;
-    }
-    return (
-        <div className="pointer-events-none opacity-90">
-            <MessageAttachmentsContainer />
-        </div>
-    );
-}
-
-export function UserEditComposerContainer() {
-    const Button = useSlot("Button");
-    const isRunning = useThreadIsRunning();
-
-    return (
-        <MessagePrimitive.Root data-role="user">
-            <div
-                data-slot="aui_user-edit-composer-root"
-                className="fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-150 [&:where(>*)]:col-start-2"
-            >
-                <ReadOnlyMessageAttachments />
-                <ComposerPrimitive.Root asChild>
-                    <div className="aui-user-edit-composer col-start-2 min-w-0">
-                        <div className="ring-primary/60 bg-muted rounded-xl px-4 py-3 ring-2">
-                            <ComposerPrimitive.Input
-                                disabled={isRunning}
-                                className="placeholder:text-muted-foreground/80 max-h-32 min-h-10 w-full resize-none bg-transparent text-base outline-none"
-                            />
-                            <div className="mt-3 flex items-end justify-between gap-3">
-                                <p className="text-muted-foreground text-xs">
-                                    <kbd className="bg-background/60 rounded border px-1 py-0.5 font-sans text-[10px]">
-                                        Enter
-                                    </kbd>{" "}
-                                    to save{" "}
-                                    <kbd className="bg-background/60 rounded border px-1 py-0.5 font-sans text-[10px]">
-                                        Esc
-                                    </kbd>{" "}
-                                    to cancel
-                                </p>
-                                <div className="flex items-center gap-2">
-                                    <ComposerPrimitive.Cancel asChild>
-                                        <Button
-                                            type="button"
-                                            variant="ghost"
-                                            size="sm"
-                                            className="text-muted-foreground h-8 px-2"
-                                        >
-                                            Cancel
-                                        </Button>
-                                    </ComposerPrimitive.Cancel>
-                                    <ComposerPrimitive.Send asChild>
-                                        <Button
-                                            type="button"
-                                            size="sm"
-                                            className={cn("h-8 rounded-lg px-3")}
-                                            disabled={isRunning}
-                                        >
-                                            Send
-                                        </Button>
-                                    </ComposerPrimitive.Send>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ComposerPrimitive.Root>
-            </div>
-        </MessagePrimitive.Root>
-    );
-}

package/src/containers/UserMessageContainer.test.tsx

@@ -1,99 +0,0 @@
-// @vitest-environment jsdom
-import { render, screen } from "@testing-library/react";
-import { ThreadPrimitive, type ThreadMessageLike } from "@assistant-ui/react";
-import { describe, expect, it } from "vitest";
-
-import { RuntimeHarness } from "./RuntimeHarness.js";
-import { UserMessageContainer } from "./UserMessageContainer.js";
-
-function renderUserMessage(
-    messages: ThreadMessageLike[],
-    options?: { isRunning?: boolean },
-) {
-    return render(
-        <RuntimeHarness messages={messages} isRunning={options?.isRunning}>
-            <ThreadPrimitive.Messages>{() => <UserMessageContainer />}</ThreadPrimitive.Messages>
-        </RuntimeHarness>,
-    );
-}
-
-describe("UserMessageContainer", () => {
-    it("renders user text content through the Markdown atom", () => {
-        renderUserMessage([{ role: "user", content: "what is the capital of France?" }]);
-        expect(screen.getByText("what is the capital of France?")).toBeInTheDocument();
-    });
-
-    it("renders an image attachment preview above the text bubble", () => {
-        renderUserMessage([
-            {
-                role: "user",
-                content: "What is this?",
-                attachments: [
-                    {
-                        id: "att-1",
-                        type: "image",
-                        name: "logo.png",
-                        contentType: "image/png",
-                        status: { type: "complete" },
-                        content: [
-                            {
-                                type: "image",
-                                image: "data:image/png;base64,iVBORw0KGgo=",
-                                filename: "logo.png",
-                            },
-                        ],
-                    },
-                ],
-            },
-        ]);
-        expect(screen.getByText("What is this?")).toBeInTheDocument();
-        const preview = screen.getByAltText("logo.png");
-        expect(preview).toBeInTheDocument();
-        expect(preview.parentElement).toHaveStyle({ width: "12rem", height: "12rem" });
-    });
-
-    it("renders a file attachment chip above the text bubble", () => {
-        renderUserMessage([
-            {
-                role: "user",
-                content: "See attached",
-                attachments: [
-                    {
-                        id: "att-1",
-                        type: "file",
-                        name: "report.pdf",
-                        contentType: "application/pdf",
-                        status: { type: "complete" },
-                        content: [
-                            {
-                                type: "file",
-                                mimeType: "application/pdf",
-                                filename: "report.pdf",
-                                data: "data:application/pdf;base64,AAAA",
-                            },
-                        ],
-                    },
-                ],
-            },
-        ]);
-        expect(screen.getByText("See attached")).toBeInTheDocument();
-        const chip = screen.getByText("report.pdf").closest("[data-slot='aui_attachment-chip']");
-        expect(chip).toHaveStyle({ maxWidth: "12rem" });
-    });
-
-    it("shows the action bar when the thread is idle", () => {
-        renderUserMessage([{ role: "user", content: "hello", id: "turn-1-user" }], {
-            isRunning: false,
-        });
-        expect(screen.getByRole("button", { name: "Edit" })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: "Reset" })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: "Copy" })).toBeInTheDocument();
-    });
-
-    it("hides the action bar while the thread is running", () => {
-        renderUserMessage([{ role: "user", content: "hello", id: "turn-1-user" }], {
-            isRunning: true,
-        });
-        expect(screen.queryByRole("button", { name: "Edit" })).not.toBeInTheDocument();
-    });
-});

package/src/containers/UserMessageContainer.tsx

@@ -1,26 +0,0 @@
-"use client";
-
-import { MessagePrimitive } from "@assistant-ui/react";
-import { useThreadIsRunning } from "@assistant-ui/core/react";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import { MessageAttachmentsContainer } from "./AttachmentsContainer.js";
-import { AssistantTextContainer } from "./AssistantTextContainer.js";
-
-export function UserMessageContainer() {
-    const MessageBubble = useSlot("MessageBubble");
-    const UserMessageActionBar = useSlot("UserMessageActionBar");
-    const isRunning = useThreadIsRunning();
-
-    return (
-        <MessagePrimitive.Root data-role="user">
-            <MessageBubble
-                variant="user"
-                attachments={<MessageAttachmentsContainer />}
-                actionBar={!isRunning ? <UserMessageActionBar /> : undefined}
-            >
-                <MessagePrimitive.Parts components={{ Text: AssistantTextContainer }} />
-            </MessageBubble>
-        </MessagePrimitive.Root>
-    );
-}

package/src/containers/nestedApprovalBridge.ts

@@ -1,20 +0,0 @@
-"use client";
-
-import { createContext, useContext } from "react";
-import type { ToolApprovalResponse } from "@assistant-ui/react";
-
-/**
- * Sub-agent tool calls render inside a read-only nested thread context
- * (`MessagePartPrimitive.Messages`), so the standard `respondToApproval` prop
- * on their parts doesn't route back to the gateway. `ToolCallContainer` uses
- * this bridge instead when rendering nested calls, translating the response
- * through `useTrueFoundryRespondToToolApproval()` -- mirrors the reference's
- * `nestedToolCallMessageComponents` override.
- */
-export const NestedApprovalBridgeContext = createContext<((response: ToolApprovalResponse) => void) | null>(
-    null,
-);
-
-export function useNestedApprovalBridge(): ((response: ToolApprovalResponse) => void) | null {
-    return useContext(NestedApprovalBridgeContext);
-}

package/src/containers/useAttachmentPreviewSrc.ts

@@ -1,42 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { useAuiState } from "@assistant-ui/react";
-
-export function isImageAttachment(type: string, contentType?: string): boolean {
-    return type === "image" || (contentType?.startsWith("image/") ?? false);
-}
-
-function useFileObjectUrl(file: File | undefined): string | undefined {
-    const [src, setSrc] = useState<string | undefined>(undefined);
-
-    useEffect(() => {
-        if (!file) {
-            setSrc(undefined);
-            return;
-        }
-        const objectUrl = URL.createObjectURL(file);
-        setSrc(objectUrl);
-        return () => URL.revokeObjectURL(objectUrl);
-    }, [file]);
-
-    return src;
-}
-
-/** Preview URL for staged composer files (object URL) or sent message attachments (data URI). */
-export function useAttachmentPreviewSrc(): string | undefined {
-    const type = useAuiState((s) => s.attachment.type);
-    const contentType = useAuiState((s) => s.attachment.contentType);
-    const file = useAuiState((s) => ("file" in s.attachment ? s.attachment.file : undefined));
-    const contentSrc = useAuiState((s) => {
-        if (!isImageAttachment(s.attachment.type, s.attachment.contentType)) return undefined;
-        const imagePart = s.attachment.content?.find((part) => part.type === "image");
-        if (imagePart?.type === "image" && imagePart.image) return imagePart.image;
-        return undefined;
-    });
-
-    const image = isImageAttachment(type, contentType);
-    const fileSrc = useFileObjectUrl(image ? file : undefined);
-    if (!image) return undefined;
-    return fileSrc ?? contentSrc;
-}

package/src/hooks/useComposerBusyState.test.ts

@@ -1,78 +0,0 @@
-// @vitest-environment jsdom
-import { createElement, type ReactNode } from "react";
-import { renderHook, act, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi, beforeEach } from "vitest";
-
-const useThreadIsRunning = vi.fn(() => false);
-
-vi.mock("@assistant-ui/core/react", () => ({
-    useThreadIsRunning: () => useThreadIsRunning(),
-}));
-
-import { ComposerBusyProvider, useComposerBusyState } from "./useComposerBusyState.js";
-
-function wrapper({ children }: { children: ReactNode }) {
-    return createElement(ComposerBusyProvider, null, children);
-}
-
-describe("useComposerBusyState", () => {
-    beforeEach(() => {
-        useThreadIsRunning.mockReturnValue(false);
-    });
-
-    it("starts busy immediately on send before the thread is running", () => {
-        const { result } = renderHook(() => useComposerBusyState(), { wrapper });
-
-        act(() => {
-            result.current.send(() => undefined);
-        });
-
-        expect(result.current.isBusy).toBe(true);
-        expect(result.current.isSubmitting).toBe(true);
-        expect(result.current.isRunning).toBe(false);
-    });
-
-    it("clears submitting when the thread stops running", async () => {
-        useThreadIsRunning.mockReturnValue(true);
-        const { result, rerender } = renderHook(() => useComposerBusyState(), { wrapper });
-
-        act(() => {
-            result.current.send(() => undefined);
-        });
-
-        useThreadIsRunning.mockReturnValue(false);
-        rerender();
-
-        await waitFor(() => {
-            expect(result.current.isBusy).toBe(false);
-        });
-    });
-
-    it("clears submitting when send rejects", async () => {
-        const { result } = renderHook(() => useComposerBusyState(), { wrapper });
-
-        act(() => {
-            result.current.send(() => Promise.reject(new Error("send failed")));
-        });
-
-        expect(result.current.isBusy).toBe(true);
-
-        await waitFor(() => {
-            expect(result.current.isBusy).toBe(false);
-        });
-    });
-
-    it("resetBusy clears optimistic submitting state", () => {
-        const { result } = renderHook(() => useComposerBusyState(), { wrapper });
-
-        act(() => {
-            result.current.send(() => undefined);
-        });
-        expect(result.current.isBusy).toBe(true);
-
-        act(() => {
-            result.current.resetBusy();
-        });
-        expect(result.current.isBusy).toBe(false);
-    });
-});