@truefoundry/agent-ui-sdk 0.0.1 → 0.0.2

package/src/atoms/primitives/IconButton.tsx

@@ -1,43 +0,0 @@
-import { forwardRef, type ComponentPropsWithRef } from "react";
-import { Slot } from "radix-ui";
-
-import { cn } from "../lib/cn.js";
-import { Button } from "./Button.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip.js";
-
-export type IconButtonProps = ComponentPropsWithRef<typeof Button> & {
-    tooltip: string;
-    side?: "top" | "bottom" | "left" | "right";
-};
-
-export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
-    ({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
-        return (
-            <TooltipProvider delayDuration={0}>
-                <Tooltip>
-                    <TooltipTrigger asChild>
-                        <Button
-                            variant="ghost"
-                            size="icon"
-                            {...rest}
-                            className={cn("aui-button-icon size-6 p-1 active:scale-90", className)}
-                            ref={ref}
-                        >
-                            <Slot.Slottable>{children}</Slot.Slottable>
-                            <span className="aui-sr-only sr-only">{tooltip}</span>
-                        </Button>
-                    </TooltipTrigger>
-                    <TooltipContent side={side}>{tooltip}</TooltipContent>
-                </Tooltip>
-            </TooltipProvider>
-        );
-    },
-);
-
-IconButton.displayName = "IconButton";
-
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        IconButton: typeof IconButton;
-    }
-}

package/src/atoms/primitives/Skeleton.tsx

@@ -1,17 +0,0 @@
-import type { ComponentProps } from "react";
-
-import { cn } from "../lib/cn.js";
-
-export type SkeletonProps = ComponentProps<"div">;
-
-export function Skeleton({ className, ...props }: SkeletonProps) {
-    return (
-        <div data-slot="skeleton" className={cn("animate-pulse rounded-md bg-muted", className)} {...props} />
-    );
-}
-
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Skeleton: typeof Skeleton;
-    }
-}

package/src/atoms/primitives/Tooltip.tsx

@@ -1,58 +0,0 @@
-import type { ComponentProps } from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-
-import { cn } from "../lib/cn.js";
-
-export type TooltipProviderProps = ComponentProps<typeof TooltipPrimitive.Provider>;
-
-export function TooltipProvider({ delayDuration = 0, ...props }: TooltipProviderProps) {
-    return (
-        <TooltipPrimitive.Provider
-            data-slot="tooltip-provider"
-            delayDuration={delayDuration}
-            {...props}
-        />
-    );
-}
-
-export type TooltipProps = ComponentProps<typeof TooltipPrimitive.Root>;
-
-export function Tooltip(props: TooltipProps) {
-    return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
-}
-
-export type TooltipTriggerProps = ComponentProps<typeof TooltipPrimitive.Trigger>;
-
-export function TooltipTrigger(props: TooltipTriggerProps) {
-    return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
-}
-
-export type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content>;
-
-export function TooltipContent({ className, sideOffset = 0, children, ...props }: TooltipContentProps) {
-    return (
-        <TooltipPrimitive.Portal>
-            <TooltipPrimitive.Content
-                data-slot="tooltip-content"
-                sideOffset={sideOffset}
-                className={cn(
-                    "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-                    className,
-                )}
-                {...props}
-            >
-                {children}
-                <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
-            </TooltipPrimitive.Content>
-        </TooltipPrimitive.Portal>
-    );
-}
-
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        TooltipProvider: typeof TooltipProvider;
-        Tooltip: typeof Tooltip;
-        TooltipTrigger: typeof TooltipTrigger;
-        TooltipContent: typeof TooltipContent;
-    }
-}

package/src/containers/AskUserContainer.tsx

@@ -1,49 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { useTrueFoundryToolResponses } from "@truefoundry/assistant-ui-runtime";
-import { useThreadIsRunning } from "@assistant-ui/core/react";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import type { AskUserOption } from "../atoms/AskUserPrompt.js";
-
-const OTHER_OPTION_ID = "__other";
-
-export function AskUserContainer() {
-    const AskUserPrompt = useSlot("AskUserPrompt");
-    const { pending, respond } = useTrueFoundryToolResponses();
-    const isRunning = useThreadIsRunning();
-    const [selectedOptionId, setSelectedOptionId] = useState<string | undefined>(undefined);
-    const [otherValue, setOtherValue] = useState("");
-
-    const item = pending[0];
-    if (item == null) return null;
-
-    const options: AskUserOption[] = (item.options ?? []).map((option) => ({ id: option, label: option }));
-    const allowOther = options.length === 0;
-
-    const onSubmit = () => {
-        const content =
-            selectedOptionId != null && selectedOptionId !== OTHER_OPTION_ID
-                ? (options.find((o) => o.id === selectedOptionId)?.label ?? "")
-                : otherValue.trim();
-        if (!content) return;
-        respond({ toolCallId: item.toolCallId, content });
-        setSelectedOptionId(undefined);
-        setOtherValue("");
-    };
-
-    return (
-        <AskUserPrompt
-            question={item.question ?? "Answer required"}
-            options={options}
-            allowOther={allowOther}
-            selectedOptionId={selectedOptionId}
-            otherValue={otherValue}
-            disabled={isRunning}
-            onSelectOption={setSelectedOptionId}
-            onOtherValueChange={setOtherValue}
-            onSubmit={onSubmit}
-        />
-    );
-}

package/src/containers/AssistantMessageContainer.test.tsx

@@ -1,56 +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 { AssistantMessageContainer } from "./AssistantMessageContainer.js";
-
-function renderAssistantMessage(
-    messages: ThreadMessageLike[],
-    options?: { isRunning?: boolean },
-) {
-    return render(
-        <RuntimeHarness messages={messages} isRunning={options?.isRunning}>
-            <ThreadPrimitive.Messages>{() => <AssistantMessageContainer />}</ThreadPrimitive.Messages>
-        </RuntimeHarness>,
-    );
-}
-
-describe("AssistantMessageContainer", () => {
-    it("renders assistant text through the Markdown atom", () => {
-        renderAssistantMessage([{ role: "assistant", content: "hello world" }]);
-        expect(screen.getByText("hello world")).toBeInTheDocument();
-    });
-
-    it("passes the message error to MessageErrorBanner when the message failed", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content: "partial",
-                status: { type: "incomplete", reason: "error", error: "boom" },
-            },
-        ]);
-        expect(screen.getByRole("alert")).toHaveTextContent("boom");
-    });
-
-    it("does not render an error banner for a healthy message", () => {
-        renderAssistantMessage([{ role: "assistant", content: "all good" }]);
-        expect(screen.queryByRole("alert")).not.toBeInTheDocument();
-    });
-
-    it("hides the action bar while the thread is running (streaming state)", () => {
-        renderAssistantMessage([{ role: "assistant", content: "typing..." }], { isRunning: true });
-        expect(screen.queryByRole("button", { name: "Copy" })).not.toBeInTheDocument();
-    });
-
-    it("shows the action bar once the thread is idle", () => {
-        renderAssistantMessage([{ role: "assistant", content: "done" }], { isRunning: false });
-        expect(screen.getByRole("button", { name: "Copy" })).toBeInTheDocument();
-    });
-
-    it("hides the branch indicator when there is only a single branch", () => {
-        renderAssistantMessage([{ role: "assistant", content: "hi" }]);
-        expect(screen.queryByText(/^\d+ \/ \d+$/)).not.toBeInTheDocument();
-    });
-});

package/src/containers/AssistantMessageContainer.tsx

@@ -1,128 +0,0 @@
-"use client";
-
-import { groupPartByType, MessagePrimitive, useAui, type EnrichedPartState } from "@assistant-ui/react";
-import {
-    useActionBarCopy,
-    useMessageBranching,
-    useMessageError,
-    useThreadIsRunning,
-} from "@assistant-ui/core/react";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import { AssistantTextContainer } from "./AssistantTextContainer.js";
-import { MessageImageContainer } from "./MessageImageContainer.js";
-import { ReasoningContainer } from "./ReasoningContainer.js";
-import { ToolCallContainer } from "./ToolCallContainer.js";
-import { ToolGroupContainer, type ThreadGroupPart } from "./ToolGroupContainer.js";
-
-/**
- * Dispatches a leaf message part to its renderer. "data" parts (generative
- * UI) are out of scope for this SDK entirely.
- */
-function AssistantLeafPartContainer({ part }: { part: EnrichedPartState }) {
-    switch (part.type) {
-        case "text":
-        case "reasoning":
-            return <AssistantTextContainer />;
-        case "image":
-            return <MessageImageContainer />;
-        case "tool-call":
-            return <ToolCallContainer {...part} />;
-        default:
-            return null;
-    }
-}
-
-function downloadMarkdown(text: string) {
-    if (typeof document === "undefined") return;
-    const blob = new Blob([text], { type: "text/markdown" });
-    const url = URL.createObjectURL(blob);
-    const anchor = document.createElement("a");
-    anchor.href = url;
-    anchor.download = "message.md";
-    anchor.click();
-    URL.revokeObjectURL(url);
-}
-
-export function AssistantMessageContainer() {
-    const MessageBubble = useSlot("MessageBubble");
-    const MessageIndicator = useSlot("MessageIndicator");
-    const MessageErrorBanner = useSlot("MessageErrorBanner");
-    const MessageActionBar = useSlot("MessageActionBar");
-    const BranchIndicator = useSlot("BranchIndicator");
-
-    const aui = useAui();
-    const isRunning = useThreadIsRunning();
-    const error = useMessageError();
-    const { copy, isCopied } = useActionBarCopy({
-        copyToClipboard: (text) => navigator.clipboard.writeText(text),
-    });
-    const { branchNumber, branchCount, goToPrev, goToNext } = useMessageBranching();
-
-    return (
-        <MessagePrimitive.Root data-role="assistant">
-            <MessageBubble
-                variant="assistant"
-                error={error !== undefined ? <MessageErrorBanner message={String(error)} /> : undefined}
-                branchIndicator={
-                    <BranchIndicator
-                        index={branchNumber}
-                        count={branchCount}
-                        onPrevious={goToPrev}
-                        onNext={goToNext}
-                    />
-                }
-                actionBar={
-                    !isRunning ? (
-                        <MessageActionBar
-                            isCopied={isCopied}
-                            onCopy={copy}
-                            onExportMarkdown={() => downloadMarkdown(aui.message().getCopyText())}
-                        />
-                    ) : undefined
-                }
-            >
-                <MessagePrimitive.GroupedParts
-                    groupBy={groupPartByType({
-                        reasoning: ["group-chainOfThought", "group-reasoning"],
-                        "tool-call": ["group-chainOfThought", "group-tool"],
-                        "standalone-tool-call": [],
-                    })}
-                >
-                    {({ part, children }) => {
-                        switch (part.type) {
-                            case "group-chainOfThought":
-                                return (
-                                    <div data-slot="aui_chain-of-thought" className="flex flex-col gap-3">
-                                        {children}
-                                    </div>
-                                );
-                            case "group-tool":
-                                return (
-                                    <ToolGroupContainer group={part as ThreadGroupPart}>
-                                        {children}
-                                    </ToolGroupContainer>
-                                );
-                            case "group-reasoning":
-                                return (
-                                    <ReasoningContainer group={part as ThreadGroupPart}>
-                                        {children}
-                                    </ReasoningContainer>
-                                );
-                            case "text":
-                            case "reasoning":
-                            case "tool-call":
-                            case "image":
-                            case "data":
-                                return <AssistantLeafPartContainer part={part} />;
-                            case "indicator":
-                                return <MessageIndicator />;
-                            default:
-                                return null;
-                        }
-                    }}
-                </MessagePrimitive.GroupedParts>
-            </MessageBubble>
-        </MessagePrimitive.Root>
-    );
-}

package/src/containers/AssistantTextContainer.test.tsx

@@ -1,111 +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 { AssistantMessageContainer } from "./AssistantMessageContainer.js";
-
-function renderAssistantMessage(messages: ThreadMessageLike[]) {
-    return render(
-        <RuntimeHarness messages={messages}>
-            <ThreadPrimitive.Messages>{() => <AssistantMessageContainer />}</ThreadPrimitive.Messages>
-        </RuntimeHarness>,
-    );
-}
-
-describe("AssistantTextContainer", () => {
-    it("renders markdown formatting from the live text part", () => {
-        renderAssistantMessage([{ role: "assistant", content: "**bold** text" }]);
-        const strong = screen.getByText("bold");
-        expect(strong.tagName).toBe("STRONG");
-    });
-
-    it("renders plain streaming text as it grows", () => {
-        renderAssistantMessage([{ role: "assistant", content: "partial toke" }]);
-        expect(screen.getByText("partial toke")).toBeInTheDocument();
-    });
-
-    it("renders openui fenced blocks through OpenUIBlock instead of a code pre", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content: '```openui\nCard() { title: "Sales" }\n```',
-            },
-        ]);
-        expect(screen.getByTestId("openui-renderer")).toHaveTextContent('Card() { title: "Sales" }');
-        expect(document.querySelector(".aui-code-header-root")).not.toBeInTheDocument();
-    });
-
-    it("renders a fenced sandbox_artifacts code block as a download button", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content: "Here is a downloadable file:\n\n```sandbox_artifacts\n[sample.js](/tmp/sample.js)\n```",
-            },
-        ]);
-        expect(screen.getByRole("button", { name: /sample\.js/ })).toBeInTheDocument();
-        expect(document.querySelector(".aui-code-header-root")).not.toBeInTheDocument();
-    });
-
-    it("renders multiple links inside a fenced sandbox_artifacts code block", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content: "```sandbox_artifact\n[a.js](/tmp/a.js)\n[b.js](/tmp/b.js)\n```",
-            },
-        ]);
-        expect(screen.getByRole("button", { name: /a\.js/ })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: /b\.js/ })).toBeInTheDocument();
-    });
-
-    it("renders a single sandbox_artifact link as a download button", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content: "sandbox_artifact [Download the pink dog SVG](/tmp/pink_dog.svg)",
-            },
-        ]);
-        const button = screen.getByRole("button", { name: /Download the pink dog SVG/ });
-        expect(button).toBeInTheDocument();
-        expect(screen.queryByRole("link")).not.toBeInTheDocument();
-    });
-
-    it("renders multiple sandbox_artifact links in one paragraph as separate buttons", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content:
-                    "sandbox_artifact [Download A](/tmp/a.svg) [Download B](/tmp/b.svg)",
-            },
-        ]);
-        expect(screen.getByRole("button", { name: /Download A/ })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: /Download B/ })).toBeInTheDocument();
-    });
-
-    it("renders two separate sandbox_artifact paragraphs as two independent lists", () => {
-        renderAssistantMessage([
-            {
-                role: "assistant",
-                content:
-                    "sandbox_artifact [Download A](/tmp/a.svg)\n\nsandbox_artifact [Download B](/tmp/b.svg)",
-            },
-        ]);
-        expect(screen.getByRole("button", { name: /Download A/ })).toBeInTheDocument();
-        expect(screen.getByRole("button", { name: /Download B/ })).toBeInTheDocument();
-    });
-
-    it("renders a plain paragraph without the token unaffected", () => {
-        renderAssistantMessage([{ role: "assistant", content: "just a [link](/tmp/a.svg)" }]);
-        expect(screen.getByRole("link", { name: "link" })).toBeInTheDocument();
-        expect(screen.queryByRole("button", { name: /link/ })).not.toBeInTheDocument();
-    });
-
-    it("falls back to default paragraph rendering for a partial, unclosed artifact link mid-stream", () => {
-        renderAssistantMessage([
-            { role: "assistant", content: "sandbox_artifact [Download the pink dog SVG](/tmp/pin" },
-        ]);
-        expect(screen.queryByRole("button", { name: /Download/ })).not.toBeInTheDocument();
-        expect(screen.getByText(/sandbox_artifact/)).toBeInTheDocument();
-    });
-});

package/src/containers/AssistantTextContainer.tsx

@@ -1,54 +0,0 @@
-"use client";
-
-import { useCallback } from "react";
-import { useAuiState } from "@assistant-ui/react";
-import { useTrueFoundryDownloadSandboxFile } from "@truefoundry/assistant-ui-runtime";
-
-import { useSlot } from "../theme/SlotsProvider.js";
-import { useErrorToasterOptional } from "./ErrorToasterContainer.js";
-
-function filenameFromPath(path: string): string {
-    return path.split("/").pop() || "download";
-}
-
-function triggerBrowserDownload(blob: Blob, filename: string) {
-    if (typeof document === "undefined") return;
-    const url = URL.createObjectURL(blob);
-    const anchor = document.createElement("a");
-    anchor.href = url;
-    anchor.download = filename;
-    anchor.click();
-    URL.revokeObjectURL(url);
-}
-
-export function AssistantTextContainer() {
-    const Markdown = useSlot("Markdown");
-    const downloadSandboxFile = useTrueFoundryDownloadSandboxFile();
-    const errorToaster = useErrorToasterOptional();
-    const text = useAuiState((s) =>
-        s.part.type === "text" || s.part.type === "reasoning" ? s.part.text : "",
-    );
-    const isStreaming = useAuiState((s) => {
-        if (s.message.status?.type !== "running") return false;
-        const lastIndex = s.message.parts.length - 1;
-        if (lastIndex < 0) return false;
-        if (s.part.type !== "text" && s.part.type !== "reasoning") return false;
-        return s.message.parts[lastIndex] === s.part;
-    });
-
-    const handleDownloadArtifact = useCallback(
-        (path: string) =>
-            downloadSandboxFile(path)
-                .then((blob) => triggerBrowserDownload(blob, filenameFromPath(path)))
-                .catch((error) => {
-                    if (errorToaster != null) {
-                        errorToaster.showError(error);
-                    } else {
-                        console.error("Failed to download sandbox artifact", error);
-                    }
-                }),
-        [downloadSandboxFile, errorToaster],
-    );
-
-    return <Markdown content={text} isStreaming={isStreaming} onDownloadArtifact={handleDownloadArtifact} />;
-}

package/src/containers/AttachmentsContainer.tsx

@@ -1,83 +0,0 @@
-"use client";
-
-import { ComposerPrimitive, MessagePrimitive, useAui, useAuiState } from "@assistant-ui/react";
-
-import { USER_MESSAGE_ATTACHMENT_PREVIEW_REM } from "../atoms/AttachmentCard.js";
-import { useSlot } from "../theme/SlotsProvider.js";
-import { isImageAttachment, useAttachmentPreviewSrc } from "./useAttachmentPreviewSrc.js";
-
-function ComposerAttachmentItem() {
-    const AttachmentCard = useSlot("AttachmentCard");
-    const AttachmentPreviewDialog = useSlot("AttachmentPreviewDialog");
-    const aui = useAui();
-    const name = useAuiState((s) => s.attachment.name);
-    const contentType = useAuiState((s) => s.attachment.contentType);
-    const type = useAuiState((s) => s.attachment.type);
-    const isImage = isImageAttachment(type, contentType);
-    const previewSrc = useAttachmentPreviewSrc();
-
-    return (
-        <AttachmentPreviewDialog previewSrc={previewSrc}>
-            <AttachmentCard
-                name={name}
-                contentType={contentType}
-                previewSrc={previewSrc}
-                isImage={isImage}
-                size="chip"
-                onRemove={() => void aui.attachment().remove()}
-            />
-        </AttachmentPreviewDialog>
-    );
-}
-
-function MessageAttachmentItem() {
-    const AttachmentCard = useSlot("AttachmentCard");
-    const AttachmentPreviewDialog = useSlot("AttachmentPreviewDialog");
-    const name = useAuiState((s) => s.attachment.name);
-    const contentType = useAuiState((s) => s.attachment.contentType);
-    const type = useAuiState((s) => s.attachment.type);
-    const isImage = isImageAttachment(type, contentType);
-    const previewSrc = useAttachmentPreviewSrc();
-
-    const card = (
-        <AttachmentCard
-            name={name}
-            contentType={contentType}
-            previewSrc={previewSrc}
-            isImage={isImage}
-            size={isImage ? "preview" : "chip"}
-            previewRem={USER_MESSAGE_ATTACHMENT_PREVIEW_REM}
-        />
-    );
-
-    if (isImage && previewSrc) {
-        return <AttachmentPreviewDialog previewSrc={previewSrc}>{card}</AttachmentPreviewDialog>;
-    }
-
-    return card;
-}
-
-export function ComposerAttachmentsContainer() {
-    return (
-        <div className="aui-composer-attachments flex w-full flex-row flex-wrap items-center gap-2 empty:hidden">
-            <ComposerPrimitive.Attachments>{() => <ComposerAttachmentItem />}</ComposerPrimitive.Attachments>
-        </div>
-    );
-}
-
-export function MessageAttachmentsContainer() {
-    return (
-        <div className="aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2">
-            <MessagePrimitive.Attachments>{() => <MessageAttachmentItem />}</MessagePrimitive.Attachments>
-        </div>
-    );
-}
-
-export function ComposerAttachmentPickerContainer() {
-    const AttachmentPickerButton = useSlot("AttachmentPickerButton");
-    return (
-        <ComposerPrimitive.AddAttachment asChild>
-            <AttachmentPickerButton />
-        </ComposerPrimitive.AddAttachment>
-    );
-}

package/src/containers/ComposerContainer.tsx

@@ -1,66 +0,0 @@
-"use client";
-
-import { useRef } from "react";
-import { useAui, useAuiState } from "@assistant-ui/react";
-import { useTrueFoundryCancel, useTrueFoundryToolResponses } from "@truefoundry/assistant-ui-runtime";
-
-import { useComposerBusyState } from "../hooks/useComposerBusyState.js";
-import { useSlot } from "../theme/SlotsProvider.js";
-import { ComposerAttachmentsContainer } from "./AttachmentsContainer.js";
-import { AskUserContainer } from "./AskUserContainer.js";
-import { McpAuthContainer } from "./McpAuthContainer.js";
-
-const threadHasPendingMcpAuth = (s: { thread: { messages: readonly { role: string; status?: { type: string }; metadata?: { custom?: unknown } }[] } }) => {
-    const messages = s.thread.messages;
-    const last = messages[messages.length - 1];
-    if (last?.role !== "assistant") return false;
-    if (last.status?.type !== "requires-action") return false;
-    return (last.metadata?.custom as { pendingMcpAuth?: boolean } | undefined)?.pendingMcpAuth === true;
-};
-
-export function ComposerContainer() {
-    const ComposerShell = useSlot("ComposerShell");
-    const aui = useAui();
-    const text = useAuiState((s) => s.composer.text);
-    const { isBusy, send, resetBusy } = useComposerBusyState();
-    const mcpPending = useAuiState(threadHasPendingMcpAuth);
-    const { pending: toolResponsesPending } = useTrueFoundryToolResponses();
-    const cancel = useTrueFoundryCancel();
-    const fileInputRef = useRef<HTMLInputElement>(null);
-
-    if (mcpPending) {
-        return <McpAuthContainer />;
-    }
-    if (toolResponsesPending.length > 0) {
-        return <AskUserContainer />;
-    }
-
-    return (
-        <>
-            <input
-                ref={fileInputRef}
-                type="file"
-                hidden
-                onChange={(event) => {
-                    const file = event.target.files?.[0];
-                    if (file) void aui.composer().addAttachment(file);
-                    event.target.value = "";
-                }}
-            />
-            <ComposerShell
-                attachments={<ComposerAttachmentsContainer />}
-                value={text}
-                placeholder="Ask anything... (Shift+Enter for new line)"
-                disabled={isBusy}
-                isRunning={isBusy}
-                onValueChange={(value) => aui.composer().setText(value)}
-                onSubmit={() => send(() => aui.composer().send())}
-                onCancel={() => {
-                    resetBusy();
-                    void cancel();
-                }}
-                onAttach={() => fileInputRef.current?.click()}
-            />
-        </>
-    );
-}