@truefoundry/agent-ui-sdk 0.0.4 → 0.0.5

package/dist/index.js

@@ -84,9 +84,9 @@ import {
 
 // src/theme/defaultSlots.ts
 import {
-  Accordion as Accordion3,
-  AccordionDetails as AccordionDetails3,
-  AccordionSummary as AccordionSummary3
+  Accordion as Accordion2,
+  AccordionDetails as AccordionDetails2,
+  AccordionSummary as AccordionSummary2
 } from "tfy-web-components/components/atoms/Accordion";
 import Button2 from "tfy-web-components/components/atoms/Button";
 import IconButton4 from "tfy-web-components/components/atoms/IconButton";
@@ -122,6 +122,15 @@ function ReasoningCard(props) {
   return /* @__PURE__ */ jsx9(TfyReasoningCard, { ...props });
 }
 
+// src/atoms/adapters/AgentStepsCardAdapter.tsx
+import {
+  AgentStepsCard as TfyAgentStepsCard
+} from "tfy-web-components/components/molecules/agent-chat";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function AgentStepsCard(props) {
+  return /* @__PURE__ */ jsx10(TfyAgentStepsCard, { ...props });
+}
+
 // src/atoms/primitives/Avatar.tsx
 import "react";
 import TfyAvatar, {
@@ -137,12 +146,12 @@ function cn(...inputs) {
 }
 
 // src/atoms/primitives/Avatar.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var AvatarRoot = TfyAvatar;
 var AvatarImagePrimitive = TfyAvatarImage;
 var AvatarFallbackPrimitive = TfyAvatarFallback;
 function Avatar({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     AvatarRoot,
     {
       "data-slot": "avatar",
@@ -154,15 +163,15 @@ function Avatar({ className, size = "default", ...props }) {
   );
 }
 function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(AvatarImagePrimitive, { "data-slot": "avatar-image", className: cn(className), ...props });
+  return /* @__PURE__ */ jsx11(AvatarImagePrimitive, { "data-slot": "avatar-image", className: cn(className), ...props });
 }
 function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(AvatarFallbackPrimitive, { "data-slot": "avatar-fallback", className: cn(className), ...props });
+  return /* @__PURE__ */ jsx11(AvatarFallbackPrimitive, { "data-slot": "avatar-fallback", className: cn(className), ...props });
 }
 
 // src/atoms/UserMessageBubble.tsx
 import { UserMessage } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 function UserMessageBubble({ text, attachments, editAction, className }) {
   return /* @__PURE__ */ jsxs3(
     "div",
@@ -171,7 +180,7 @@ function UserMessageBubble({ text, attachments, editAction, className }) {
       className: cn("fade-in slide-in-from-bottom-1 animate-in duration-150", className),
       children: [
         attachments,
-        /* @__PURE__ */ jsx11(UserMessage, { text, editAction })
+        /* @__PURE__ */ jsx12(UserMessage, { text, editAction })
       ]
     }
   );
@@ -180,9 +189,9 @@ function UserMessageBubble({ text, attachments, editAction, className }) {
 // src/atoms/UserMessageEdit.tsx
 import { forwardRef } from "react";
 import TfyUserMessageEdit from "tfy-web-components/components/molecules/agent-chat/UserMessageEdit";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var UserMessageEdit = forwardRef(function UserMessageEdit2({ timestamp, attachments, input, footer, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     TfyUserMessageEdit,
     {
       ref,
@@ -201,10 +210,10 @@ var UserMessageEdit = forwardRef(function UserMessageEdit2({ timestamp, attachme
 import {
   ToolCallCard as TfyToolCallCard
 } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function ToolCallCard(props) {
   const { mcpServerName, ...tfyProps } = props;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     TfyToolCallCard,
     {
       ...tfyProps,
@@ -217,14 +226,14 @@ function ToolCallCard(props) {
 import {
   ToolCallContentBlock as TfyToolCallContentBlock
 } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function ToolCallContentBlock(props) {
-  return /* @__PURE__ */ jsx14(TfyToolCallContentBlock, { ...props });
+  return /* @__PURE__ */ jsx15(TfyToolCallContentBlock, { ...props });
 }
 
 // src/atoms/SubAgentCard.tsx
 import { SubAgentCard as TfySubAgentCard } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function SubAgentCard({
   agentName,
   instruction,
@@ -237,7 +246,7 @@ function SubAgentCard({
   className
 }) {
   const Markdown2 = useSlot("Markdown");
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     TfySubAgentCard,
     {
       agentName,
@@ -247,7 +256,7 @@ function SubAgentCard({
       expanded,
       onToggle,
       durationText,
-      renderInstruction: (content) => /* @__PURE__ */ jsx15(Markdown2, { content }),
+      renderInstruction: (content) => /* @__PURE__ */ jsx16(Markdown2, { content }),
       className: cn("aui-sub-agent-card", className),
       children
     }
@@ -259,7 +268,7 @@ import {
   SandboxToolCall,
   ToolCallCard as TfyToolCallCard2
 } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function SandboxToolCallCard({
   name,
   intent,
@@ -278,7 +287,7 @@ function SandboxToolCallCard({
   className
 }) {
   const awaiting = status === "running";
-  const sandboxContent = /* @__PURE__ */ jsx16(
+  const sandboxContent = /* @__PURE__ */ jsx17(
     SandboxToolCall,
     {
       command,
@@ -291,7 +300,7 @@ function SandboxToolCallCard({
       onViewModeChange
     }
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     TfyToolCallCard2,
     {
       toolName: intent || name,
@@ -312,9 +321,9 @@ function SandboxToolCallCard({
 import {
   ToolApprovalBlock
 } from "tfy-web-components/components/molecules/agent-chat";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ToolApprovalBar({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     ToolApprovalBlock,
     {
       ...props,
@@ -326,7 +335,7 @@ function ToolApprovalBar({ className, ...props }) {
 // src/atoms/ToolGroupCard.tsx
 import { ChevronDownIcon, LoaderIcon } from "lucide-react";
 import { Accordion, AccordionDetails, AccordionSummary } from "tfy-web-components/components/atoms/Accordion";
-import { jsx as jsx18, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs4 } from "react/jsx-runtime";
 function ToolGroupCard({
   toolCallCount,
   expanded,
@@ -346,7 +355,7 @@ function ToolGroupCard({
       className: cn("aui-tool-group-card group/tool-group w-full", className),
       sx: { margin: 0, border: "none", boxShadow: "none" },
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           AccordionSummary,
           {
             hideIcon: true,
@@ -359,9 +368,9 @@ function ToolGroupCard({
               "& .MuiAccordionSummary-content": { margin: 0, width: "100%" }
             },
             children: /* @__PURE__ */ jsxs4("div", { className: "text-muted-foreground hover:text-foreground flex origin-left items-center gap-2 py-1.5 text-sm transition-[color,scale] active:scale-[0.98]", children: [
-              active && /* @__PURE__ */ jsx18(LoaderIcon, { className: "size-3 shrink-0 animate-spin [animation-duration:0.6s]" }),
-              /* @__PURE__ */ jsx18("span", { className: "text-xs font-medium", children: label }),
-              /* @__PURE__ */ jsx18(
+              active && /* @__PURE__ */ jsx19(LoaderIcon, { className: "size-3 shrink-0 animate-spin [animation-duration:0.6s]" }),
+              /* @__PURE__ */ jsx19("span", { className: "text-xs font-medium", children: label }),
+              /* @__PURE__ */ jsx19(
                 ChevronDownIcon,
                 {
                   className: cn(
@@ -373,76 +382,7 @@ function ToolGroupCard({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx18(AccordionDetails, { sx: { padding: 0 }, children: /* @__PURE__ */ jsx18("div", { className: "mt-1 flex flex-col gap-2 text-foreground", children }) })
-      ]
-    }
-  );
-}
-
-// src/atoms/AgentStepsCard.tsx
-import { LoaderIcon as LoaderIcon2 } from "lucide-react";
-import { Accordion as Accordion2, AccordionDetails as AccordionDetails2, AccordionSummary as AccordionSummary2 } from "tfy-web-components/components/atoms/Accordion";
-import IconProvider from "tfy-web-components/components/atoms/IconProvider";
-import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
-function AgentStepsCard({
-  toolCount,
-  thinkingCount,
-  expanded,
-  active = false,
-  onToggle,
-  children,
-  className
-}) {
-  const toolLabel = `${toolCount} tool ${toolCount === 1 ? "call" : "calls"}`;
-  const thinkingLabel = thinkingCount > 0 ? ` \xB7 ${thinkingCount} thought${thinkingCount === 1 ? "" : "s"}` : "";
-  return /* @__PURE__ */ jsxs5(
-    Accordion2,
-    {
-      "data-slot": "agent-steps-card",
-      expanded,
-      onChange: () => onToggle(),
-      background: "transparent",
-      className: cn("aui-agent-steps-card rounded-lg border border-border/50 bg-secondary/20", className),
-      sx: { margin: 0, boxShadow: "none" },
-      children: [
-        /* @__PURE__ */ jsx19(
-          AccordionSummary2,
-          {
-            hideIcon: true,
-            disableRipple: true,
-            sx: {
-              padding: 0,
-              minHeight: 0,
-              "&.Mui-expanded": { minHeight: 0 },
-              "& .MuiAccordionSummary-content": { margin: 0, width: "100%" }
-            },
-            children: /* @__PURE__ */ jsxs5(
-              "button",
-              {
-                type: "button",
-                className: "flex w-full items-center gap-2 rounded-t-lg py-2 px-2.5 text-left text-xs transition-colors hover:bg-secondary/40",
-                children: [
-                  /* @__PURE__ */ jsx19(
-                    IconProvider,
-                    {
-                      icon: expanded ? "chevron-down" : "chevron-right",
-                      size: 0.75,
-                      className: "shrink-0 text-muted-foreground"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx19("span", { className: "font-semibold text-foreground/90", children: "Agent steps" }),
-                  /* @__PURE__ */ jsxs5("span", { className: "text-muted-foreground", children: [
-                    "\xB7 ",
-                    toolLabel,
-                    thinkingLabel
-                  ] }),
-                  active && /* @__PURE__ */ jsx19(LoaderIcon2, { className: "ml-auto size-3 shrink-0 animate-spin text-primary" })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx19(AccordionDetails2, { sx: { padding: 0 }, children: /* @__PURE__ */ jsx19("div", { className: "space-y-3 border-t border-border/50 px-1.5 py-1.5 pt-3", children }) })
+        /* @__PURE__ */ jsx19(AccordionDetails, { sx: { padding: 0 }, children: /* @__PURE__ */ jsx19("div", { className: "mt-1 flex flex-col gap-2 text-foreground", children }) })
       ]
     }
   );
@@ -450,9 +390,9 @@ function AgentStepsCard({
 
 // src/atoms/Skeletons.tsx
 import Skeleton from "tfy-web-components/components/atoms/Skeleton";
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs5 } from "react/jsx-runtime";
 function MessageListSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       role: "status",
@@ -461,7 +401,7 @@ function MessageListSkeleton({ className }) {
       className: cn("mb-14 flex flex-col gap-y-6", className),
       children: [
         /* @__PURE__ */ jsx20("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx20(Skeleton, { className: "h-10 w-[min(85%,20rem)] rounded-xl" }) }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2 px-2", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 px-2", children: [
           /* @__PURE__ */ jsx20(Skeleton, { className: "h-4 w-full max-w-md" }),
           /* @__PURE__ */ jsx20(Skeleton, { className: "h-4 w-full max-w-sm" }),
           /* @__PURE__ */ jsx20(Skeleton, { className: "h-4 w-2/3 max-w-xs" })
@@ -472,7 +412,7 @@ function MessageListSkeleton({ className }) {
 }
 
 // src/atoms/ComposerShell.tsx
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
 function ComposerShell({
   value,
   placeholder,
@@ -491,7 +431,7 @@ function ComposerShell({
   const ComposerLeftSection2 = useSlot("ComposerLeftSection");
   const ComposerRightSection2 = useSlot("ComposerRightSection");
   const ComposerSendButton2 = useSlot("ComposerSendButton");
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       "data-slot": "aui_composer-shell",
@@ -519,8 +459,8 @@ function ComposerShell({
             className: "placeholder:text-muted-foreground/80 max-h-32 min-h-10 w-full resize-none rounded-lg bg-transparent px-2.5 py-1 text-base outline-none"
           }
         ),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-1", children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between px-1", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx21(
               ComposerLeftSection2,
               {
@@ -531,8 +471,8 @@ function ComposerShell({
             ),
             connectorStatusLabel && /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground text-xs", children: connectorStatusLabel })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-            modelLabel && /* @__PURE__ */ jsxs7("span", { className: "bg-muted text-muted-foreground flex items-center gap-1 rounded-full px-2 py-0.5 text-xs", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+            modelLabel && /* @__PURE__ */ jsxs6("span", { className: "bg-muted text-muted-foreground flex items-center gap-1 rounded-full px-2 py-0.5 text-xs", children: [
               modelIcon,
               modelLabel
             ] }),
@@ -556,7 +496,7 @@ function ComposerShell({
 
 // src/atoms/ComposerSections.tsx
 import Spinner from "tfy-web-components/components/atoms/Spinner";
-import { Fragment, jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 function ComposerLeftSection({ onAttach }) {
   const IconButton5 = useSlot("IconButton");
   if (!onAttach) return null;
@@ -578,7 +518,7 @@ function ComposerSendButton({
       {
         disabled: !onCancel,
         onClick: onCancel,
-        text: /* @__PURE__ */ jsxs8(Fragment, { children: [
+        text: /* @__PURE__ */ jsxs7(Fragment, { children: [
           /* @__PURE__ */ jsx22(Spinner, { small: true }),
           "Cancel"
         ] })
@@ -606,7 +546,7 @@ import { FileTextIcon } from "lucide-react";
 var USER_MESSAGE_ATTACHMENT_PREVIEW_REM = 12;
 
 // src/atoms/AttachmentCard.tsx
-import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
 function AttachmentCard({
   name,
   previewSrc,
@@ -636,7 +576,7 @@ function AttachmentCard({
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       "data-slot": "aui_attachment-chip",
@@ -646,7 +586,7 @@ function AttachmentCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx23("div", { className: "bg-background flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs9(Avatar2, { className: "size-7 rounded-none", children: [
+        /* @__PURE__ */ jsx23("div", { className: "bg-background flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs8(Avatar2, { className: "size-7 rounded-none", children: [
           /* @__PURE__ */ jsx23(AvatarImage2, { src: previewSrc, alt: name, className: "object-cover" }),
           /* @__PURE__ */ jsx23(AvatarFallback2, { children: /* @__PURE__ */ jsx23(FileTextIcon, { className: "text-muted-foreground size-4" }) })
         ] }) : /* @__PURE__ */ jsx23(FileTextIcon, { className: "text-muted-foreground size-4" }) }),
@@ -683,12 +623,12 @@ function AttachmentPickerButton(props) {
 // src/atoms/AttachmentPreviewDialog.tsx
 import { useState } from "react";
 import Modal from "tfy-web-components/components/atoms/Modal";
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ previewSrc, children }) {
   const IconButton5 = useSlot("IconButton");
   const [open, setOpen] = useState(false);
   if (!previewSrc) return /* @__PURE__ */ jsx25(Fragment2, { children });
-  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
     /* @__PURE__ */ jsx25(
       "div",
       {
@@ -705,7 +645,7 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx25(Modal, { open, onClose: () => setOpen(false), children: /* @__PURE__ */ jsxs10("div", { className: "bg-popover fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl p-2 outline-none sm:max-w-3xl", children: [
+    /* @__PURE__ */ jsx25(Modal, { open, onClose: () => setOpen(false), children: /* @__PURE__ */ jsxs9("div", { className: "bg-popover fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl p-2 outline-none sm:max-w-3xl", children: [
       /* @__PURE__ */ jsx25("span", { className: "absolute top-2 right-2 z-10 inline-flex", children: /* @__PURE__ */ jsx25(IconButton5, { icon: "xmark", tooltip: "Close", onClick: () => setOpen(false) }) }),
       /* @__PURE__ */ jsx25("div", { className: "bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx25(
         "img",
@@ -751,12 +691,12 @@ var ScrollToBottomButton = forwardRef2(
 ScrollToBottomButton.displayName = "ScrollToBottomButton";
 
 // src/atoms/ThreadListRow.tsx
-import IconProvider2 from "tfy-web-components/components/atoms/IconProvider";
+import IconProvider from "tfy-web-components/components/atoms/IconProvider";
 import IconButton3 from "tfy-web-components/components/atoms/IconButton";
 import DropdownMenu from "tfy-web-components/components/molecules/DropdownMenu";
-import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs10 } from "react/jsx-runtime";
 function ThreadListRow({ title, active, onSelect, onArchive, onDelete, className }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "data-slot": "aui_thread-list-item",
@@ -776,7 +716,7 @@ function ThreadListRow({ title, active, onSelect, onArchive, onDelete, className
             children: /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1 truncate", children: title })
           }
         ),
-        (onArchive || onDelete) && /* @__PURE__ */ jsx27("div", { className: "absolute end-1.5 top-1/2 inline-flex -translate-y-1/2 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsxs11(
+        (onArchive || onDelete) && /* @__PURE__ */ jsx27("div", { className: "absolute end-1.5 top-1/2 inline-flex -translate-y-1/2 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsxs10(
           DropdownMenu,
           {
             trigger: /* @__PURE__ */ jsx27(
@@ -790,12 +730,12 @@ function ThreadListRow({ title, active, onSelect, onArchive, onDelete, className
             side: "right",
             align: "start",
             children: [
-              onArchive && /* @__PURE__ */ jsxs11(DropdownMenu.Item, { onClick: onArchive, children: [
-                /* @__PURE__ */ jsx27(IconProvider2, { icon: "box-archive", size: 0.75 }),
+              onArchive && /* @__PURE__ */ jsxs10(DropdownMenu.Item, { onClick: onArchive, children: [
+                /* @__PURE__ */ jsx27(IconProvider, { icon: "box-archive", size: 0.75 }),
                 "Archive"
               ] }),
-              onDelete && /* @__PURE__ */ jsxs11(DropdownMenu.Item, { onClick: onDelete, className: "text-destructive hover:bg-destructive/10", children: [
-                /* @__PURE__ */ jsx27(IconProvider2, { icon: "trash", size: 0.75 }),
+              onDelete && /* @__PURE__ */ jsxs10(DropdownMenu.Item, { onClick: onDelete, className: "text-destructive hover:bg-destructive/10", children: [
+                /* @__PURE__ */ jsx27(IconProvider, { icon: "trash", size: 0.75 }),
                 "Delete"
               ] })
             ]
@@ -809,7 +749,7 @@ function ThreadListRow({ title, active, onSelect, onArchive, onDelete, className
 // src/atoms/ThreadListMisc.tsx
 import Button from "tfy-web-components/components/atoms/Button";
 import Skeleton2 from "tfy-web-components/components/atoms/Skeleton";
-import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
 function ThreadListNewButton({ className, ...rest }) {
   return /* @__PURE__ */ jsx28(
     Button.Ghost,
@@ -829,18 +769,18 @@ function ThreadListEmptyState({ message = "No threads yet", className }) {
   return /* @__PURE__ */ jsx28("div", { className: cn("text-muted-foreground flex flex-1 items-center justify-center px-4 text-center text-sm", className), children: message });
 }
 function ThreadListShell({ header, children, className }) {
-  return /* @__PURE__ */ jsxs12("div", { className: cn("font-sans-flex flex min-h-0 flex-1 flex-col gap-1 overflow-hidden p-3", className), children: [
+  return /* @__PURE__ */ jsxs11("div", { className: cn("font-sans-flex flex min-h-0 flex-1 flex-col gap-1 overflow-hidden p-3", className), children: [
     header,
     /* @__PURE__ */ jsx28("div", { className: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto pb-1", children })
   ] });
 }
 
 // src/atoms/MessageActionBar.tsx
-import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
 function MessageActionBar({ isCopied, onCopy, className }) {
   const MessageTimestamp2 = useSlot("MessageTimestamp");
   const IconButton5 = useSlot("IconButton");
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -1012,7 +952,7 @@ function MessageTimestamp({ className }) {
 import { ActionBarPrimitive, useAuiState as useAuiState2 } from "@assistant-ui/react";
 import { useActionBarCopy, useActionBarEdit } from "@assistant-ui/core/react";
 import { useTrueFoundryResetFromTurn } from "@truefoundry/assistant-ui-runtime";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
 function parseTurnIdFromMessageId(messageId) {
   return messageId.replace(/-user$/, "");
 }
@@ -1026,7 +966,7 @@ function UserMessageActionBar({ className }) {
   const { copy, isCopied } = useActionBarCopy({
     copyToClipboard: (text) => navigator.clipboard.writeText(text)
   });
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     ActionBarPrimitive.Root,
     {
       hideWhenRunning: true,
@@ -1147,10 +1087,10 @@ function WelcomeScreen({ heading = "How can I help you today?", className }) {
 
 // src/atoms/Toast.tsx
 import { XIcon } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
 function Toast({ title, description, open, onOpenChange, className }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -1159,11 +1099,11 @@ function Toast({ title, description, open, onOpenChange, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "grid min-h-0 min-w-0 flex-1 gap-1 overflow-y-auto pe-6", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "grid min-h-0 min-w-0 flex-1 gap-1 overflow-y-auto pe-6", children: [
           /* @__PURE__ */ jsx39("div", { className: "text-sm leading-none font-semibold", children: title }),
           /* @__PURE__ */ jsx39("div", { className: "font-mono text-sm break-words whitespace-pre-wrap", children: description })
         ] }),
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs14(
           "button",
           {
             onClick: () => onOpenChange(false),
@@ -1190,9 +1130,9 @@ var defaultSlots = {
   LightTooltip,
   Modal: Modal2,
   Dialog,
-  Accordion: Accordion3,
-  AccordionSummary: AccordionSummary3,
-  AccordionDetails: AccordionDetails3,
+  Accordion: Accordion2,
+  AccordionSummary: AccordionSummary2,
+  AccordionDetails: AccordionDetails2,
   Skeleton: Skeleton3,
   ReasoningCard,
   AskUserPrompt,
@@ -1344,9 +1284,9 @@ import { LightTooltip as LightTooltip2 } from "tfy-web-components/components/ato
 import { default as default4 } from "tfy-web-components/components/atoms/Modal";
 import { default as default5 } from "tfy-web-components/components/molecules/Dialog";
 import {
-  Accordion as Accordion4,
-  AccordionSummary as AccordionSummary4,
-  AccordionDetails as AccordionDetails4
+  Accordion as Accordion3,
+  AccordionSummary as AccordionSummary3,
+  AccordionDetails as AccordionDetails3
 } from "tfy-web-components/components/atoms/Accordion";
 import { default as default6 } from "tfy-web-components/components/atoms/Skeleton";
 
@@ -1452,7 +1392,7 @@ import { useTrueFoundryDownloadSandboxFile } from "@truefoundry/assistant-ui-run
 // src/containers/ErrorToasterContainer.tsx
 import { createContext as createContext4, useCallback as useCallback2, useContext as useContext4, useMemo as useMemo2, useState as useState3 } from "react";
 import { TrueFoundryGatewayError } from "truefoundry-gateway-sdk";
-import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
 var ErrorToasterContext = createContext4(null);
 function formatErrorBody(body) {
   if (body == null) return void 0;
@@ -1485,7 +1425,7 @@ function ErrorToasterProvider({ children }) {
     setOpen(true);
   }, []);
   const value = useMemo2(() => ({ showError }), [showError]);
-  return /* @__PURE__ */ jsxs16(ErrorToasterContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs15(ErrorToasterContext.Provider, { value, children: [
     children,
     /* @__PURE__ */ jsx41(ToastStack2, { children: toast != null && /* @__PURE__ */ jsx41(Toast2, { title: toast.title, description: toast.description, open, onOpenChange: setOpen }) })
   ] });
@@ -1611,7 +1551,7 @@ function ReasoningContainer({ group }) {
   const reasoningTimeText = null;
   const previewText = content.replace(/\s+/g, " ").trim();
   const isShortText = !streaming && content.length > 0 && !isMultiLine;
-  const headingText = streaming && !content ? expanded ? "Reasoning" : "Show Reasoning" : reasoningTimeText ?? (expanded ? "Hide Reasoning" : "Show Reasoning");
+  const headingText = "Reasoning";
   return /* @__PURE__ */ jsx44(
     ReasoningCard2,
     {
@@ -2485,7 +2425,7 @@ function ComposerAttachmentPickerContainer() {
 }
 
 // src/containers/UserEditComposerContainer.tsx
-import { jsx as jsx53, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs16 } from "react/jsx-runtime";
 function ReadOnlyMessageAttachments() {
   const hasAttachments = useAuiState9(
     (s) => (s.message.attachments?.length ?? 0) > 0
@@ -2519,7 +2459,7 @@ function UserEditComposerContainer() {
               className: "max-h-32 min-h-10 w-full resize-none border-none bg-transparent p-0 text-base leading-[1.34] outline-none focus:shadow-none"
             }
           ) }),
-          footer: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-end gap-2", children: [
+          footer: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-end gap-2", children: [
             /* @__PURE__ */ jsx53(
               Button4.Secondary,
               {
@@ -2567,7 +2507,7 @@ function UserMessageContainer() {
 }
 
 // src/containers/ThreadContainer.tsx
-import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs17 } from "react/jsx-runtime";
 var isNewChatView = (s) => s.thread.messages.length === 0 && (!s.thread.isLoading || s.threads.isLoading);
 function ThreadMessage({ isEditing }) {
   const role = useAuiState11((s) => s.message.role);
@@ -2592,10 +2532,10 @@ function ThreadContainer({ composer }) {
   const ScrollToBottomButton2 = useSlot("ScrollToBottomButton");
   const isEmpty = useAuiState11(isNewChatView);
   const isLoading = useAuiState11((s) => s.thread.isLoading);
-  return /* @__PURE__ */ jsx55(ComposerBusyProvider, { children: /* @__PURE__ */ jsx55(ThreadPrimitive.Root, { asChild: true, children: /* @__PURE__ */ jsxs18(ThreadRootShell2, { children: [
-    /* @__PURE__ */ jsx55(ThreadPrimitive.Viewport, { asChild: true, turnAnchor: "top", autoScroll: true, children: /* @__PURE__ */ jsxs18(ThreadViewportShell2, { isEmpty, children: [
+  return /* @__PURE__ */ jsx55(ComposerBusyProvider, { children: /* @__PURE__ */ jsx55(ThreadPrimitive.Root, { asChild: true, children: /* @__PURE__ */ jsxs17(ThreadRootShell2, { children: [
+    /* @__PURE__ */ jsx55(ThreadPrimitive.Viewport, { asChild: true, turnAnchor: "top", autoScroll: true, children: /* @__PURE__ */ jsxs17(ThreadViewportShell2, { isEmpty, children: [
       isEmpty && /* @__PURE__ */ jsx55(WelcomeScreen2, {}),
-      isLoading ? /* @__PURE__ */ jsx55(MessageListSkeleton2, {}) : /* @__PURE__ */ jsxs18(Fragment3, { children: [
+      isLoading ? /* @__PURE__ */ jsx55(MessageListSkeleton2, {}) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
         /* @__PURE__ */ jsx55(HistoryLoaderContainer, {}),
         /* @__PURE__ */ jsx55(MessageGroup2, { children: /* @__PURE__ */ jsx55(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx55(
           ThreadMessage,
@@ -2605,7 +2545,7 @@ function ThreadContainer({ composer }) {
         ) }) })
       ] })
     ] }) }),
-    !isLoading && /* @__PURE__ */ jsxs18(ThreadComposerAreaShell2, { isEmpty, children: [
+    !isLoading && /* @__PURE__ */ jsxs17(ThreadComposerAreaShell2, { isEmpty, children: [
       !isEmpty && /* @__PURE__ */ jsx55(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx55(ScrollToBottomButton2, {}) }),
       composer
     ] })
@@ -2794,7 +2734,7 @@ function McpAuthContainer() {
 }
 
 // src/containers/ComposerContainer.tsx
-import { Fragment as Fragment4, jsx as jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx59, jsxs as jsxs18 } from "react/jsx-runtime";
 function ComposerContainer({
   placeholder = "Ask anything... (Shift+Enter for new line)"
 }) {
@@ -2811,7 +2751,7 @@ function ComposerContainer({
   if (pauseView.kind === "ask-user") {
     return /* @__PURE__ */ jsx59(AskUserContainer, {});
   }
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     /* @__PURE__ */ jsx59(
       "input",
       {
@@ -2853,7 +2793,7 @@ function ComposerContainer({
 // src/containers/ThreadListContainer.tsx
 import { useAui as useAui3, useAuiState as useAuiState15 } from "@assistant-ui/react";
 import { useEffect as useEffect8, useRef as useRef6 } from "react";
-import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs19 } from "react/jsx-runtime";
 function ThreadListContainer() {
   const ThreadListShell2 = useSlot("ThreadListShell");
   const ThreadListNewButton2 = useSlot("ThreadListNewButton");
@@ -2880,7 +2820,7 @@ function ThreadListContainer() {
     return () => observer.disconnect();
   }, [aui, hasMore, isLoadingMore]);
   const itemsById = new Map(threadItems.map((item) => [item.id, item]));
-  return /* @__PURE__ */ jsxs20(ThreadListShell2, { header: /* @__PURE__ */ jsx60(ThreadListNewButton2, { onClick: () => aui.threads().switchToNewThread() }), children: [
+  return /* @__PURE__ */ jsxs19(ThreadListShell2, { header: /* @__PURE__ */ jsx60(ThreadListNewButton2, { onClick: () => aui.threads().switchToNewThread() }), children: [
     isLoading ? /* @__PURE__ */ jsx60(ThreadListRowSkeleton2, {}) : threadIds.length === 0 ? /* @__PURE__ */ jsx60(ThreadListEmptyState2, {}) : threadIds.map((id) => {
       const item = itemsById.get(id);
       return /* @__PURE__ */ jsx60(
@@ -2895,7 +2835,7 @@ function ThreadListContainer() {
         id
       );
     }),
-    !isLoading && hasMore && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+    !isLoading && hasMore && /* @__PURE__ */ jsxs19(Fragment5, { children: [
       isLoadingMore && /* @__PURE__ */ jsx60(ThreadListRowSkeleton2, { count: 1 }),
       /* @__PURE__ */ jsx60("div", { ref: sentinelRef, "aria-hidden": true })
     ] })
@@ -2908,9 +2848,9 @@ function Thread() {
   return /* @__PURE__ */ jsx61(ThreadContainer, { composer: /* @__PURE__ */ jsx61(ComposerContainer, {}) });
 }
 export {
-  Accordion4 as Accordion,
-  AccordionDetails4 as AccordionDetails,
-  AccordionSummary4 as AccordionSummary,
+  Accordion3 as Accordion,
+  AccordionDetails3 as AccordionDetails,
+  AccordionSummary3 as AccordionSummary,
   AgentStepsCard,
   AgentStepsContainer,
   AskUserContainer,