@truefoundry/agent-ui-sdk 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,37 +1,95 @@
 import * as react from 'react';
-import { ReactNode, ComponentProps, ComponentPropsWithRef, PropsWithChildren } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { Avatar as Avatar$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Collapsible as Collapsible$1 } from 'radix-ui';
+import react__default, { ReactNode, HTMLAttributes, ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { Accordion, AccordionSummary, AccordionDetails } from 'tfy-web-components/components/atoms/Accordion';
+export { Accordion, AccordionDetails, AccordionSummary, AccordionSummaryProps } from 'tfy-web-components/components/atoms/Accordion';
+import Button, { ButtonProps } from 'tfy-web-components/components/atoms/Button';
+export { Button, ButtonProps, ButtonSize, DestructiveButton, GhostButton, PrimaryButton, SecondaryButton, TertiaryButton } from 'tfy-web-components/components/atoms/Button';
+import IconButton, { IconButtonProps } from 'tfy-web-components/components/atoms/IconButton';
+export { default as IconButton, IconButtonProps } from 'tfy-web-components/components/atoms/IconButton';
+import Modal from 'tfy-web-components/components/atoms/Modal';
+export { default as Modal, ModalProps } from 'tfy-web-components/components/atoms/Modal';
+import Skeleton from 'tfy-web-components/components/atoms/Skeleton';
+export { default as Skeleton } from 'tfy-web-components/components/atoms/Skeleton';
+import { LightTooltip } from 'tfy-web-components/components/atoms/Tooltip';
+export { LightTooltip, TooltipProps } from 'tfy-web-components/components/atoms/Tooltip';
+import Dialog from 'tfy-web-components/components/molecules/Dialog';
+export { default as Dialog } from 'tfy-web-components/components/molecules/Dialog';
+export { IconProp, default as IconProvider, registerIcons, registerImgIcons } from 'tfy-web-components/components/atoms/IconProvider';
+import { UserMessageEditProps as UserMessageEditProps$1 } from 'tfy-web-components/components/molecules/agent-chat/UserMessageEdit';
+import { ToolCallCardProps as ToolCallCardProps$1, ToolCallContentBlockProps as ToolCallContentBlockProps$1, ToolApprovalBlockProps, ReasoningCardProps, AskUserQuestionCardProps, McpAuthCardProps } from 'tfy-web-components/components/molecules/agent-chat';
+export { AskUserAnswerDraft, AnsweredQuestion as AskUserAnsweredQuestion, Question as AskUserQuestion, McpServer as McpAuthServer, ReasoningCardProps } from 'tfy-web-components/components/molecules/agent-chat';
 import { ToolCallMessagePartComponent, MessagePrimitive } from '@assistant-ui/react';
 
+type ComposerLeftSectionProps = {
+    disabled: boolean;
+    isRunning: boolean;
+    onAttach?: () => void;
+};
+type ComposerRightSectionProps = {
+    disabled: boolean;
+    isRunning: boolean;
+};
+type ComposerSendButtonProps = {
+    disabled: boolean;
+    canSubmit: boolean;
+    isRunning: boolean;
+    onSubmit: () => void;
+    onCancel?: () => void;
+};
+declare function ComposerLeftSection({ onAttach }: ComposerLeftSectionProps): react.JSX.Element | null;
+declare function ComposerRightSection(_: ComposerRightSectionProps): null;
+declare function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel, }: ComposerSendButtonProps): react.JSX.Element;
+
+/**
+ * This SDK's default atom implementations, keyed by slot name. Populated
+ * incrementally as atoms are added under `src/atoms/**`; each atom module
+ * augments `AtomSlots` and this object gains the matching entry in the same
+ * milestone.
+ */
+declare const defaultSlots: AtomSlots;
+declare module "./SlotsProvider.js" {
+    interface AtomSlots {
+        Button: typeof Button;
+        IconButton: typeof IconButton;
+        Skeleton: typeof Skeleton;
+        LightTooltip: typeof LightTooltip;
+        Modal: typeof Modal;
+        Dialog: typeof Dialog;
+        Accordion: typeof Accordion;
+        AccordionSummary: typeof AccordionSummary;
+        AccordionDetails: typeof AccordionDetails;
+    }
+}
+
 /**
  * Registry of atom-name -> atom-implementation. Empty by default; each atom module
  * augments this interface via `declare module "../theme/SlotsProvider"` when it is
  * introduced, so adding an atom never requires editing this file or any container.
  */
 interface AtomSlots {
-}
-type SlotOverrides = Partial<AtomSlots>;
+    ComposerLeftSection: ComposerLeftSectionSlot;
+    ComposerRightSection: ComposerRightSectionSlot;
+    ComposerSendButton: ComposerSendButtonSlot;
+}
+type ComposerLeftSectionSlot = (props: ComposerLeftSectionProps) => ReactNode;
+type ComposerRightSectionSlot = (props: ComposerRightSectionProps) => ReactNode;
+type ComposerSendButtonSlot = (props: ComposerSendButtonProps) => ReactNode;
+type SlotOverrides = Partial<AtomSlots> & Record<string, unknown>;
+type ThemeMode = "light" | "dark";
 /**
  * Wrap a subtree to override one or more atoms with a different design system.
  * Containers never reference concrete atoms directly -- they resolve everything
  * through `useSlot`, so this is the only thing a design-system swap has to touch.
  */
-declare function SlotsProvider({ overrides, children, }: {
+declare function SlotsProvider({ overrides, theme, children, }: {
     overrides?: SlotOverrides;
+    theme?: ThemeMode;
     children: ReactNode;
 }): react.JSX.Element;
 /** Resolves the atom implementation registered for `name` -- default unless overridden. */
 declare function useSlot<K extends keyof AtomSlots>(name: K): AtomSlots[K];
-
-/**
- * This SDK's default atom implementations, keyed by slot name. Populated
- * incrementally as atoms are added under `src/atoms/**`; each atom module
- * augments `AtomSlots` and this object gains the matching entry in the same
- * milestone.
- */
-declare const defaultSlots: AtomSlots;
+/** Resolves the light or dark theme mode supplied by the SDK consumer. */
+declare function useThemeMode(): ThemeMode;
 
 /**
  * Semantic color roles. Atoms reference these instead of raw hex/HSL values so a
@@ -65,39 +123,14 @@ declare function TokensProvider({ tokens, children, }: {
 /** Atoms may call this for theme-driven values; it is not an assistant-ui/runtime hook. */
 declare function useTokens(): DesignTokens;
 
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-};
-declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): react.JSX.Element;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Button: typeof Button;
-    }
-}
-
-type IconButtonProps = ComponentPropsWithRef<typeof Button> & {
-    tooltip: string;
-    side?: "top" | "bottom" | "left" | "right";
-};
-declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        IconButton: typeof IconButton;
-    }
-}
-
-type AvatarProps = ComponentProps<typeof Avatar$1.Root> & {
+type AvatarProps = react__default.HTMLAttributes<HTMLDivElement> & {
     size?: "default" | "sm" | "lg";
 };
-declare function Avatar({ className, size, ...props }: AvatarProps): react.JSX.Element;
-type AvatarImageProps = ComponentProps<typeof Avatar$1.Image>;
-declare function AvatarImage({ className, ...props }: AvatarImageProps): react.JSX.Element;
-type AvatarFallbackProps = ComponentProps<typeof Avatar$1.Fallback>;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react.JSX.Element;
+declare function Avatar({ className, size, ...props }: AvatarProps): react__default.JSX.Element;
+type AvatarImageProps = react__default.ImgHTMLAttributes<HTMLImageElement>;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): react__default.JSX.Element;
+type AvatarFallbackProps = react__default.HTMLAttributes<HTMLDivElement>;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react__default.JSX.Element;
 declare module "../../theme/SlotsProvider.js" {
     interface AtomSlots {
         Avatar: typeof Avatar;
@@ -106,162 +139,55 @@ declare module "../../theme/SlotsProvider.js" {
     }
 }
 
-type TooltipProviderProps = ComponentProps<typeof Tooltip$1.Provider>;
-declare function TooltipProvider({ delayDuration, ...props }: TooltipProviderProps): react.JSX.Element;
-type TooltipProps = ComponentProps<typeof Tooltip$1.Root>;
-declare function Tooltip(props: TooltipProps): react.JSX.Element;
-type TooltipTriggerProps = ComponentProps<typeof Tooltip$1.Trigger>;
-declare function TooltipTrigger(props: TooltipTriggerProps): react.JSX.Element;
-type TooltipContentProps = ComponentProps<typeof Tooltip$1.Content>;
-declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): react.JSX.Element;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        TooltipProvider: typeof TooltipProvider;
-        Tooltip: typeof Tooltip;
-        TooltipTrigger: typeof TooltipTrigger;
-        TooltipContent: typeof TooltipContent;
-    }
-}
-
-type DialogProps = ComponentProps<typeof Dialog$1.Root>;
-declare function Dialog(props: DialogProps): react.JSX.Element;
-type DialogTriggerProps = ComponentProps<typeof Dialog$1.Trigger>;
-declare function DialogTrigger(props: DialogTriggerProps): react.JSX.Element;
-type DialogPortalProps = ComponentProps<typeof Dialog$1.Portal>;
-declare function DialogPortal(props: DialogPortalProps): react.JSX.Element;
-type DialogCloseProps = ComponentProps<typeof Dialog$1.Close>;
-declare function DialogClose(props: DialogCloseProps): react.JSX.Element;
-type DialogOverlayProps = ComponentProps<typeof Dialog$1.Overlay>;
-declare function DialogOverlay({ className, ...props }: DialogOverlayProps): react.JSX.Element;
-type DialogContentProps = ComponentProps<typeof Dialog$1.Content> & {
-    showCloseButton?: boolean;
-};
-declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): react.JSX.Element;
-type DialogHeaderProps = ComponentProps<"div">;
-declare function DialogHeader({ className, ...props }: DialogHeaderProps): react.JSX.Element;
-type DialogFooterProps = ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-};
-declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): react.JSX.Element;
-type DialogTitleProps = ComponentProps<typeof Dialog$1.Title>;
-declare function DialogTitle({ className, ...props }: DialogTitleProps): react.JSX.Element;
-type DialogDescriptionProps = ComponentProps<typeof Dialog$1.Description>;
-declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react.JSX.Element;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Dialog: typeof Dialog;
-        DialogTrigger: typeof DialogTrigger;
-        DialogPortal: typeof DialogPortal;
-        DialogClose: typeof DialogClose;
-        DialogOverlay: typeof DialogOverlay;
-        DialogContent: typeof DialogContent;
-        DialogHeader: typeof DialogHeader;
-        DialogFooter: typeof DialogFooter;
-        DialogTitle: typeof DialogTitle;
-        DialogDescription: typeof DialogDescription;
-    }
-}
-
-type CollapsibleProps = ComponentProps<typeof Collapsible$1.Root>;
-declare function Collapsible(props: CollapsibleProps): react.JSX.Element;
-type CollapsibleTriggerProps = ComponentProps<typeof Collapsible$1.CollapsibleTrigger>;
-declare function CollapsibleTrigger(props: CollapsibleTriggerProps): react.JSX.Element;
-type CollapsibleContentProps = ComponentProps<typeof Collapsible$1.CollapsibleContent>;
-declare function CollapsibleContent(props: CollapsibleContentProps): react.JSX.Element;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Collapsible: typeof Collapsible;
-        CollapsibleTrigger: typeof CollapsibleTrigger;
-        CollapsibleContent: typeof CollapsibleContent;
-    }
-}
-
-type SkeletonProps = ComponentProps<"div">;
-declare function Skeleton({ className, ...props }: SkeletonProps): react.JSX.Element;
-declare module "../../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Skeleton: typeof Skeleton;
-    }
-}
-
 type MarkdownProps = {
     content: string;
-    className?: string;
-    isStreaming?: boolean;
-    onDownloadArtifact?: (path: string) => void | Promise<unknown>;
-};
-declare function Markdown({ content, className, isStreaming, onDownloadArtifact }: MarkdownProps): react.JSX.Element;
-declare module "../theme/SlotsProvider.js" {
-    interface AtomSlots {
-        Markdown: typeof Markdown;
-    }
-}
-
-type ThemeMode = "light" | "dark";
-
-type OpenUIBlockProps = {
-    source: string;
     isStreaming?: boolean;
+    /** Base URL for resolving sandbox artifact download paths (e.g. gateway file endpoint). */
+    fileDownloadBaseUrl?: string;
+    /** Custom download handler that receives the original sandbox artifact path. */
+    onDownloadArtifact?: (path: string, filename: string) => Promise<void>;
+    /** When true, download actions in sandbox artifact blocks are hidden/disabled. */
+    readOnly?: boolean;
     className?: string;
-    /** Override light/dark mode. Defaults to syncing with a `.dark` class on `<html>`. */
-    mode?: ThemeMode;
 };
-/** Renders an OpenUI Lang fenced code block (```openui ... ```). */
-declare const OpenUIBlock: react.NamedExoticComponent<OpenUIBlockProps>;
+declare function Markdown({ content, isStreaming, fileDownloadBaseUrl, onDownloadArtifact, readOnly, className, }: MarkdownProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        OpenUIBlock: typeof OpenUIBlock;
+        Markdown: typeof Markdown;
     }
 }
 
-type SandboxArtifactLink = {
-    label: string;
-    path: string;
-};
-type SandboxArtifactListProps = {
-    artifacts: SandboxArtifactLink[];
-    onDownload?: (path: string) => void | Promise<unknown>;
+type UserMessageBubbleProps = {
+    text: string;
+    attachments?: ReactNode;
+    editAction?: ReactNode;
     className?: string;
 };
-declare function SandboxArtifactList({ artifacts, onDownload, className }: SandboxArtifactListProps): react.JSX.Element;
+declare function UserMessageBubble({ text, attachments, editAction, className }: UserMessageBubbleProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        SandboxArtifactList: typeof SandboxArtifactList;
+        UserMessageBubble: typeof UserMessageBubble;
     }
 }
 
-type CodeBlockHeaderProps = {
-    language: string;
-    code: string;
-};
-declare function CodeBlockHeader({ language, code }: CodeBlockHeaderProps): react.JSX.Element;
+type UserMessageEditProps = Pick<UserMessageEditProps$1, "timestamp" | "attachments" | "input" | "footer" | "className">;
+declare const UserMessageEdit: react.ForwardRefExoticComponent<UserMessageEditProps & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        CodeBlockHeader: typeof CodeBlockHeader;
+        UserMessageEdit: typeof UserMessageEdit;
     }
 }
 
 type AssistantMessageBubbleProps = {
-    variant: "assistant";
     children: ReactNode;
     error?: ReactNode;
-    branchIndicator?: ReactNode;
     actionBar?: ReactNode;
     className?: string;
 };
-type UserMessageBubbleProps = {
-    variant: "user";
-    children: ReactNode;
-    attachments?: ReactNode;
-    branchIndicator?: ReactNode;
-    actionBar?: ReactNode;
-    className?: string;
-};
-type MessageBubbleProps = AssistantMessageBubbleProps | UserMessageBubbleProps;
-declare function MessageBubble(props: MessageBubbleProps): react.JSX.Element;
+declare function AssistantMessageBubble({ children, error, actionBar, className, }: AssistantMessageBubbleProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        MessageBubble: typeof MessageBubble;
+        AssistantMessageBubble: typeof AssistantMessageBubble;
     }
 }
 
@@ -279,37 +205,32 @@ declare module "../theme/SlotsProvider.js" {
 type MessageActionBarProps = {
     isCopied: boolean;
     onCopy: () => void;
-    onExportMarkdown: () => void;
     className?: string;
 };
-declare function MessageActionBar({ isCopied, onCopy, onExportMarkdown, className }: MessageActionBarProps): react.JSX.Element;
+declare function MessageActionBar({ isCopied, onCopy, className }: MessageActionBarProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
         MessageActionBar: typeof MessageActionBar;
     }
 }
 
-type UserMessageActionBarProps = {
+type MessageTimestampProps = {
     className?: string;
 };
-declare function UserMessageActionBar({ className }: UserMessageActionBarProps): react.JSX.Element;
+declare function MessageTimestamp({ className }: MessageTimestampProps): react.JSX.Element | null;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        UserMessageActionBar: typeof UserMessageActionBar;
+        MessageTimestamp: typeof MessageTimestamp;
     }
 }
 
-type BranchIndicatorProps = {
-    index: number;
-    count: number;
-    onPrevious: () => void;
-    onNext: () => void;
+type UserMessageActionBarProps = {
     className?: string;
 };
-declare function BranchIndicator({ index, count, onPrevious, onNext, className }: BranchIndicatorProps): react.JSX.Element | null;
+declare function UserMessageActionBar({ className }: UserMessageActionBarProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        BranchIndicator: typeof BranchIndicator;
+        UserMessageActionBar: typeof UserMessageActionBar;
     }
 }
 
@@ -344,8 +265,8 @@ declare module "../theme/SlotsProvider.js" {
     }
 }
 
-type ScrollToBottomButtonProps = Omit<IconButtonProps, "tooltip" | "children">;
-declare const ScrollToBottomButton: react.ForwardRefExoticComponent<Omit<ScrollToBottomButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type ScrollToBottomButtonProps = Omit<IconButtonProps, "tooltip" | "icon">;
+declare const ScrollToBottomButton: react.ForwardRefExoticComponent<ScrollToBottomButtonProps & react.RefAttributes<HTMLSpanElement>>;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
         ScrollToBottomButton: typeof ScrollToBottomButton;
@@ -374,66 +295,71 @@ declare module "../theme/SlotsProvider.js" {
 }
 
 type ToolCallStatus = "running" | "success" | "error";
-type ToolCallCardBaseProps = {
-    variant: "tool" | "sub-agent" | "mcp-listing";
-    name: string;
-    status: ToolCallStatus;
-    expanded: boolean;
-    onToggle: () => void;
-    /** Not in the Section 6 screenshot contract; ported from the reference's live per-call timer. */
-    durationText?: string;
-    className?: string;
-};
-type ToolCallCardToolProps = ToolCallCardBaseProps & {
-    variant: "tool";
-    argsText?: string;
-    result?: string;
-    isError?: boolean;
-    /**
-     * Extends the Section 6 contract: renders the pending tool-approval / ask-user
-     * UI when this call requires action. The reference screenshots didn't include
-     * an in-flight approval state, so this slot was inferred rather than observed.
-     */
+type ToolCallCardProps = Omit<ToolCallCardProps$1, "className"> & {
     approvalSlot?: ReactNode;
+    requestSlot?: ReactNode;
+    responseSlot?: ReactNode;
+    className?: string;
 };
-type ToolCallCardSubAgentProps = ToolCallCardBaseProps & {
-    variant: "sub-agent";
+declare function ToolCallCard(props: ToolCallCardProps): react.JSX.Element;
+declare module "../theme/SlotsProvider.js" {
+    interface AtomSlots {
+        ToolCallCard: typeof ToolCallCard;
+    }
+}
+
+type ToolCallContentBlockProps = ToolCallContentBlockProps$1;
+declare function ToolCallContentBlock(props: ToolCallContentBlockProps): react.JSX.Element;
+declare module "../theme/SlotsProvider.js" {
+    interface AtomSlots {
+        ToolCallContentBlock: typeof ToolCallContentBlock;
+    }
+}
+
+type SubAgentCardProps = {
     agentName: string;
     instruction: string;
     stepCount: number;
+    status: ToolCallStatus;
+    expanded: boolean;
+    onToggle: () => void;
+    durationText?: string;
     children?: ReactNode;
+    className?: string;
 };
-type ToolCallCardMcpProps = ToolCallCardBaseProps & {
-    variant: "mcp-listing";
-    serverName: string;
-    description: string;
-    argsText: string;
-    resultText: string;
-};
-type ToolCallCardProps = ToolCallCardToolProps | ToolCallCardSubAgentProps | ToolCallCardMcpProps;
-declare function ToolCallCard(props: ToolCallCardProps): react.JSX.Element;
+declare function SubAgentCard({ agentName, instruction, stepCount, status, expanded, onToggle, durationText, children, className, }: SubAgentCardProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
-        ToolCallCard: typeof ToolCallCard;
+        SubAgentCard: typeof SubAgentCard;
     }
 }
 
-type ToolApprovalOption = {
-    id: string;
-    label: string;
-    isAllow: boolean;
-    grants?: readonly string[];
-    confirm?: {
-        title?: string;
-        description?: string;
-    };
-};
-type ToolApprovalBarProps = {
-    options: ToolApprovalOption[];
-    onSelectOption: (optionId: string) => void;
+type SandboxToolCallCardProps = {
+    name: string;
+    intent?: string;
+    status: ToolCallStatus;
+    expanded: boolean;
+    onToggle: () => void;
+    command?: string;
+    exitCode?: number | null;
+    argsJson?: string;
+    resultText?: string;
+    resultJson?: string;
+    viewMode?: "terminal" | "code";
+    hasContent?: boolean;
+    onViewModeChange?: (viewMode: "terminal" | "code") => void;
+    durationText?: string;
     className?: string;
 };
-declare function ToolApprovalBar({ options, onSelectOption, className }: ToolApprovalBarProps): react.JSX.Element;
+declare function SandboxToolCallCard({ name, intent, status, expanded, onToggle, command, exitCode, argsJson, resultText, resultJson, viewMode, hasContent, onViewModeChange, durationText, className, }: SandboxToolCallCardProps): react.JSX.Element;
+declare module "../theme/SlotsProvider.js" {
+    interface AtomSlots {
+        SandboxToolCallCard: typeof SandboxToolCallCard;
+    }
+}
+
+type ToolApprovalBarProps = ToolApprovalBlockProps;
+declare function ToolApprovalBar({ className, ...props }: ToolApprovalBarProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
         ToolApprovalBar: typeof ToolApprovalBar;
@@ -455,15 +381,9 @@ declare module "../theme/SlotsProvider.js" {
     }
 }
 
-type ReasoningCardProps = {
-    streaming: boolean;
-    expanded: boolean;
-    onToggle: () => void;
-    children: ReactNode;
-    className?: string;
-};
-declare function ReasoningCard({ streaming, expanded, onToggle, children, className }: ReasoningCardProps): react.JSX.Element;
-declare module "../theme/SlotsProvider.js" {
+/** Typed SDK slot adapter over tfy-web-components ReasoningCard. */
+declare function ReasoningCard(props: ReasoningCardProps): react.JSX.Element;
+declare module "../../theme/SlotsProvider.js" {
     interface AtomSlots {
         ReasoningCard: typeof ReasoningCard;
     }
@@ -491,50 +411,30 @@ declare module "../theme/SlotsProvider.js" {
     }
 }
 
-type AskUserOption = {
-    id: string;
-    label: string;
-};
-type AskUserPromptProps = {
-    question: string;
-    options: AskUserOption[];
-    allowOther: boolean;
-    selectedOptionId?: string;
-    otherValue: string;
-    disabled: boolean;
-    onSelectOption: (optionId: string) => void;
-    onOtherValueChange: (value: string) => void;
-    onSubmit: () => void;
-    className?: string;
-};
-declare function AskUserPrompt({ question, options, allowOther, selectedOptionId, otherValue, disabled, onSelectOption, onOtherValueChange, onSubmit, className, }: AskUserPromptProps): react.JSX.Element;
-declare module "../theme/SlotsProvider.js" {
+type AskUserPromptProps = AskUserQuestionCardProps;
+
+/** Typed SDK slot adapter over tfy-web-components AskUserQuestionCard. */
+declare function AskUserPrompt(props: AskUserPromptProps): react.JSX.Element;
+declare module "../../theme/SlotsProvider.js" {
     interface AtomSlots {
         AskUserPrompt: typeof AskUserPrompt;
     }
 }
 
-type McpAuthServer = {
-    id: string;
-    name: string;
-    authUrl: string;
-};
-type McpAuthPromptProps = {
-    servers: McpAuthServer[];
-    disabled: boolean;
-    onContinue: () => void;
-    className?: string;
-};
-declare function McpAuthPrompt({ servers, disabled, onContinue, className }: McpAuthPromptProps): react.JSX.Element;
-declare module "../theme/SlotsProvider.js" {
+type McpAuthPromptProps = McpAuthCardProps;
+
+/** Typed SDK slot adapter over tfy-web-components McpAuthCard. */
+declare function McpAuthPrompt(props: McpAuthPromptProps): react.JSX.Element;
+declare module "../../theme/SlotsProvider.js" {
     interface AtomSlots {
         McpAuthPrompt: typeof McpAuthPrompt;
     }
 }
 
-type AttachmentCardSize = "chip" | "preview";
 /** Fixed preview bounds for attachments rendered in user message bubbles. */
 declare const USER_MESSAGE_ATTACHMENT_PREVIEW_REM = 12;
+
+type AttachmentCardSize = "chip" | "preview";
 type AttachmentCardProps = {
     name: string;
     contentType?: string;
@@ -564,7 +464,7 @@ declare module "../theme/SlotsProvider.js" {
     }
 }
 
-type AttachmentPickerButtonProps = Omit<IconButtonProps, "tooltip" | "children">;
+type AttachmentPickerButtonProps = Omit<IconButtonProps, "tooltip" | "icon">;
 declare function AttachmentPickerButton(props: AttachmentPickerButtonProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {
     interface AtomSlots {
@@ -587,7 +487,7 @@ declare module "../theme/SlotsProvider.js" {
     }
 }
 
-type ThreadListNewButtonProps = Omit<ButtonProps, "children">;
+type ThreadListNewButtonProps = Omit<ButtonProps, "text" | "icon">;
 declare function ThreadListNewButton({ className, ...rest }: ThreadListNewButtonProps): react.JSX.Element;
 type ThreadListRowSkeletonProps = {
     count?: number;
@@ -621,7 +521,7 @@ type ToastProps = {
     onOpenChange: (open: boolean) => void;
     className?: string;
 };
-declare function Toast({ title, description, open, onOpenChange, className }: ToastProps): react.JSX.Element;
+declare function Toast({ title, description, open, onOpenChange, className }: ToastProps): react.JSX.Element | null;
 type ToastStackProps = {
     children: ReactNode;
     duration?: number;
@@ -654,16 +554,38 @@ declare function AssistantTextContainer(): react.JSX.Element;
 
 declare const ToolCallContainer: ToolCallMessagePartComponent;
 
+declare function ToolCallContentBlockContainer(props: ToolCallContentBlockProps): react.JSX.Element;
+
+type ToolApprovalOption = {
+    id: string;
+    label: string;
+    isAllow: boolean;
+    grants?: readonly string[];
+    confirm?: {
+        title?: string;
+        description?: string;
+    };
+};
+type ToolApprovalContainerProps = {
+    toolName?: string;
+    options: ToolApprovalOption[];
+    onSelectOption: (optionId: string, reason?: string) => void;
+};
+declare function ToolApprovalContainer({ toolName, options, onSelectOption, }: ToolApprovalContainerProps): react.JSX.Element;
+
 type ThreadGroupPart = MessagePrimitive.GroupedParts.GroupPart;
-declare function ToolGroupContainer({ group, children }: PropsWithChildren<{
+declare function ToolGroupContainer({ children, group, }: PropsWithChildren<{
     group: ThreadGroupPart;
 }>): react.JSX.Element;
 
-declare function ReasoningContainer({ group, children }: PropsWithChildren<{
+declare function ReasoningContainer({ group }: {
     group: ThreadGroupPart;
-}>): react.JSX.Element;
+}): react.JSX.Element;
 
-declare function ComposerContainer(): react.JSX.Element;
+type ComposerContainerProps = {
+    placeholder?: string;
+};
+declare function ComposerContainer({ placeholder, }: ComposerContainerProps): react.JSX.Element;
 
 type ComposerBusyState = {
     /** True while submitting or while the turn stream is active. */
@@ -686,6 +608,31 @@ declare function ComposerBusyProvider({ children }: {
  */
 declare function useComposerBusyState(): ComposerBusyState;
 
+type ThreadPauseState = {
+    thread: {
+        messages: readonly {
+            role: string;
+            status?: {
+                type: string;
+            };
+            metadata?: {
+                custom?: unknown;
+            };
+        }[];
+    };
+};
+/** Returns true when the latest assistant message is paused for MCP authorization. */
+declare function threadHasPendingMcpAuth(s: ThreadPauseState): boolean;
+type ComposerPauseView = {
+    kind: "mcp";
+} | {
+    kind: "ask-user";
+} | {
+    kind: "compose";
+};
+/** Shared composer pause detection for default and custom composer containers. */
+declare function useComposerPauseView(): ComposerPauseView;
+
 declare function AskUserContainer(): react.JSX.Element | null;
 
 declare function McpAuthContainer(): react.JSX.Element | null;
@@ -715,4 +662,4 @@ declare function useErrorToasterOptional(): ErrorToasterContextValue | null;
 /** The full assembled thread view: message list + composer. */
 declare function Thread(): react.JSX.Element;
 
-export { AskUserContainer, type AskUserOption, AskUserPrompt, type AskUserPromptProps, type AssistantMessageBubbleProps, AssistantMessageContainer, AssistantTextContainer, type AtomSlots, AttachmentCard, type AttachmentCardProps, type AttachmentCardSize, AttachmentPickerButton, type AttachmentPickerButtonProps, AttachmentPreviewDialog, type AttachmentPreviewDialogProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, BranchIndicator, type BranchIndicatorProps, Button, type ButtonProps, CodeBlockHeader, type CodeBlockHeaderProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, type ColorToken, ComposerAttachmentPickerContainer, ComposerAttachmentsContainer, ComposerBusyProvider, type ComposerBusyState, ComposerContainer, ComposerShell, type ComposerShellProps, type DesignTokens, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, ErrorToasterProvider, IconButton, type IconButtonProps, Markdown, type MarkdownProps, McpAuthContainer, McpAuthPrompt, type McpAuthPromptProps, type McpAuthServer, MessageActionBar, type MessageActionBarProps, MessageAttachmentsContainer, MessageBubble, type MessageBubbleProps, MessageErrorBanner, type MessageErrorBannerProps, MessageGroup, type MessageGroupProps, MessageIndicator, type MessageIndicatorProps, MessageListSkeleton, type MessageListSkeletonProps, OpenUIBlock, type OpenUIBlockProps, type RadiusToken, ReasoningCard, type ReasoningCardProps, ReasoningContainer, type SandboxArtifactLink, SandboxArtifactList, type SandboxArtifactListProps, ScrollToBottomButton, type ScrollToBottomButtonProps, Skeleton, type SkeletonProps, type SlotOverrides, SlotsProvider, type SpacingToken, Thread, ThreadComposerAreaShell, type ThreadComposerAreaShellProps, ThreadContainer, type ThreadContainerProps, type ThreadGroupPart, ThreadListContainer, ThreadListEmptyState, type ThreadListEmptyStateProps, ThreadListNewButton, type ThreadListNewButtonProps, ThreadListRow, type ThreadListRowProps, ThreadListRowSkeleton, type ThreadListRowSkeletonProps, ThreadListShell, type ThreadListShellProps, ThreadRootShell, type ThreadRootShellProps, ThreadViewportShell, type ThreadViewportShellProps, Toast, type ToastProps, ToastStack, type ToastStackProps, TokensProvider, ToolApprovalBar, type ToolApprovalBarProps, type ToolApprovalOption, ToolCallCard, type ToolCallCardMcpProps, type ToolCallCardProps, type ToolCallCardSubAgentProps, type ToolCallCardToolProps, ToolCallContainer, type ToolCallStatus, ToolGroupCard, type ToolGroupCardProps, ToolGroupContainer, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type TypeRoleToken, type TypeRoleValue, USER_MESSAGE_ATTACHMENT_PREVIEW_REM, UserEditComposerContainer, UserMessageActionBar, type UserMessageActionBarProps, type UserMessageBubbleProps, UserMessageContainer, WelcomeScreen, type WelcomeScreenProps, buttonVariants, defaultSlots, defaultTokens, useComposerBusyState, useErrorToaster, useErrorToasterOptional, useSlot, useTokens };
+export { AskUserContainer, type AskUserPromptProps, type AskUserPromptProps as AskUserQuestionCardProps, AssistantMessageBubble, type AssistantMessageBubbleProps, AssistantMessageContainer, AssistantTextContainer, type AtomSlots, AttachmentCard, type AttachmentCardProps, type AttachmentCardSize, AttachmentPickerButton, type AttachmentPickerButtonProps, AttachmentPreviewDialog, type AttachmentPreviewDialogProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type ColorToken, ComposerAttachmentPickerContainer, ComposerAttachmentsContainer, ComposerBusyProvider, type ComposerBusyState, ComposerContainer, type ComposerContainerProps, ComposerLeftSection, type ComposerLeftSectionProps, type ComposerPauseView, ComposerRightSection, type ComposerRightSectionProps, ComposerSendButton, type ComposerSendButtonProps, ComposerShell, type ComposerShellProps, type DesignTokens, ErrorToasterProvider, Markdown, type MarkdownProps, type McpAuthPromptProps as McpAuthCardProps, McpAuthContainer, type McpAuthPromptProps, MessageActionBar, type MessageActionBarProps, MessageAttachmentsContainer, MessageErrorBanner, type MessageErrorBannerProps, MessageGroup, type MessageGroupProps, MessageIndicator, type MessageIndicatorProps, MessageListSkeleton, type MessageListSkeletonProps, MessageTimestamp, type MessageTimestampProps, type RadiusToken, ReasoningContainer, SandboxToolCallCard, type SandboxToolCallCardProps, ScrollToBottomButton, type ScrollToBottomButtonProps, type SlotOverrides, SlotsProvider, type SpacingToken, SubAgentCard, type SubAgentCardProps, type ThemeMode, Thread, ThreadComposerAreaShell, type ThreadComposerAreaShellProps, ThreadContainer, type ThreadContainerProps, type ThreadGroupPart, ThreadListContainer, ThreadListEmptyState, type ThreadListEmptyStateProps, ThreadListNewButton, type ThreadListNewButtonProps, ThreadListRow, type ThreadListRowProps, ThreadListRowSkeleton, type ThreadListRowSkeletonProps, ThreadListShell, type ThreadListShellProps, type ThreadPauseState, ThreadRootShell, type ThreadRootShellProps, ThreadViewportShell, type ThreadViewportShellProps, Toast, type ToastProps, ToastStack, type ToastStackProps, TokensProvider, ToolApprovalBar, type ToolApprovalBarProps, ToolApprovalContainer, type ToolApprovalOption, ToolCallCard, type ToolCallCardProps, ToolCallContainer, ToolCallContentBlock, ToolCallContentBlockContainer, type ToolCallContentBlockProps, type ToolCallStatus, ToolGroupCard, type ToolGroupCardProps, ToolGroupContainer, type TypeRoleToken, type TypeRoleValue, USER_MESSAGE_ATTACHMENT_PREVIEW_REM, UserEditComposerContainer, UserMessageActionBar, type UserMessageActionBarProps, UserMessageBubble, type UserMessageBubbleProps, UserMessageContainer, UserMessageEdit, type UserMessageEditProps, WelcomeScreen, type WelcomeScreenProps, defaultSlots, defaultTokens, threadHasPendingMcpAuth, useComposerBusyState, useComposerPauseView, useErrorToaster, useErrorToasterOptional, useSlot, useThemeMode, useTokens };