@truefoundry/agent-ui-sdk 0.0.2 → 0.0.3

package/dist/index.d.ts

@@ -300,6 +300,7 @@ type ToolCallCardProps = Omit<ToolCallCardProps$1, "className"> & {
     requestSlot?: ReactNode;
     responseSlot?: ReactNode;
     className?: string;
+    mcpServerName?: string;
 };
 declare function ToolCallCard(props: ToolCallCardProps): react.JSX.Element;
 declare module "../theme/SlotsProvider.js" {

package/dist/index.js

@@ -203,10 +203,11 @@ import {
 } from "tfy-web-components/components/molecules/agent-chat";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function ToolCallCard(props) {
+  const { mcpServerName, ...tfyProps } = props;
   return /* @__PURE__ */ jsx13(
     TfyToolCallCard,
     {
-      ...props,
+      ...tfyProps,
       className: cn("aui-tool-call-card", props.className)
     }
   );
@@ -1056,7 +1057,7 @@ function WelcomeScreen({ heading = "How can I help you today?", className }) {
 
 // src/atoms/Toast.tsx
 import { XIcon } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
 function Toast({ title, description, open, onOpenChange, className }) {
   if (!open) return null;
   return /* @__PURE__ */ jsxs14(
@@ -1088,10 +1089,7 @@ function Toast({ title, description, open, onOpenChange, className }) {
   );
 }
 function ToastStack({ children, duration = Number.POSITIVE_INFINITY }) {
-  return /* @__PURE__ */ jsxs14(Fragment3, { children: [
-    children,
-    /* @__PURE__ */ jsx37("div", { className: "fixed inset-x-0 bottom-0 z-50 flex max-h-screen flex-col-reverse gap-2 p-4 sm:bottom-4 sm:left-1/2 sm:w-full sm:max-w-2xl sm:-translate-x-1/2" })
-  ] });
+  return /* @__PURE__ */ jsx37("div", { className: "pointer-events-none fixed bottom-4 left-1/2 z-50 flex h-full max-h-screen w-full max-w-2xl -translate-x-1/2 flex-col-reverse gap-2 px-4", children });
 }
 
 // src/theme/defaultSlots.ts
@@ -1353,10 +1351,10 @@ function ErrorToasterProvider({ children }) {
     setOpen(true);
   }, []);
   const value = useMemo2(() => ({ showError }), [showError]);
-  return /* @__PURE__ */ jsx39(ErrorToasterContext.Provider, { value, children: /* @__PURE__ */ jsxs15(ToastStack2, { children: [
+  return /* @__PURE__ */ jsxs15(ErrorToasterContext.Provider, { value, children: [
     children,
-    toast != null && /* @__PURE__ */ jsx39(Toast2, { title: toast.title, description: toast.description, open, onOpenChange: setOpen })
-  ] }) });
+    /* @__PURE__ */ jsx39(ToastStack2, { children: toast != null && /* @__PURE__ */ jsx39(Toast2, { title: toast.title, description: toast.description, open, onOpenChange: setOpen }) })
+  ] });
 }
 function useErrorToaster() {
   const context = useContext4(ErrorToasterContext);
@@ -1969,6 +1967,7 @@ var ToolCallContainer = (part) => {
           awaiting: status === "running",
           awaitingText: durationText ?? "Awaiting Response\u2026",
           showResponseLine: status !== "running" && !!resultDisplay2.data,
+          mcpServerName: mcpServer,
           requestSlot: argsDisplay2.value ? /* @__PURE__ */ jsx46(
             ToolCallContentBlockContainer,
             {
@@ -2009,11 +2008,13 @@ var ToolCallContainer = (part) => {
       ToolCallCard2,
       {
         toolName: displayName,
+        icon: "mcp-server",
         expanded,
         onToggle: () => setExpanded((prev) => !prev),
         awaiting: status === "running",
         awaitingText: durationText ?? "Awaiting Response\u2026",
         showResponseLine: status !== "running" && resultDisplay2.data !== void 0,
+        mcpServerName: mcpServer,
         requestSlot: inputDisplay.value ? /* @__PURE__ */ jsx46(
           ToolCallContentBlockContainer,
           {
@@ -2561,7 +2562,7 @@ function McpAuthContainer() {
 }
 
 // src/containers/ComposerContainer.tsx
-import { Fragment as Fragment4, jsx as jsx55, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs18 } from "react/jsx-runtime";
 function ComposerContainer({
   placeholder = "Ask anything... (Shift+Enter for new line)"
 }) {
@@ -2578,7 +2579,7 @@ function ComposerContainer({
   if (pauseView.kind === "ask-user") {
     return /* @__PURE__ */ jsx55(AskUserContainer, {});
   }
-  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
     /* @__PURE__ */ jsx55(
       "input",
       {
@@ -2620,7 +2621,7 @@ function ComposerContainer({
 // src/containers/ThreadListContainer.tsx
 import { useAui as useAui3, useAuiState as useAuiState14 } from "@assistant-ui/react";
 import { useEffect as useEffect6, useRef as useRef4 } from "react";
-import { Fragment as Fragment5, jsx as jsx56, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx56, jsxs as jsxs19 } from "react/jsx-runtime";
 function ThreadListContainer() {
   const ThreadListShell2 = useSlot("ThreadListShell");
   const ThreadListNewButton2 = useSlot("ThreadListNewButton");
@@ -2662,7 +2663,7 @@ function ThreadListContainer() {
         id
       );
     }),
-    !isLoading && hasMore && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+    !isLoading && hasMore && /* @__PURE__ */ jsxs19(Fragment4, { children: [
       isLoadingMore && /* @__PURE__ */ jsx56(ThreadListRowSkeleton2, { count: 1 }),
       /* @__PURE__ */ jsx56("div", { ref: sentinelRef, "aria-hidden": true })
     ] })