@truefoundry/agent-ui-sdk 0.0.1

package/dist/index.js

@@ -0,0 +1,2736 @@
+"use client";
+
+// src/theme/SlotsProvider.tsx
+import { createContext, useContext, useMemo as useMemo2 } from "react";
+
+// src/atoms/primitives/Avatar.tsx
+import { Avatar as AvatarPrimitive } from "radix-ui";
+
+// src/atoms/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/atoms/primitives/Avatar.tsx
+import { jsx } from "react/jsx-runtime";
+function Avatar({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full rounded-full object-cover", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/atoms/primitives/Button.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx2(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/atoms/primitives/Collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Collapsible(props) {
+  return /* @__PURE__ */ jsx3(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger(props) {
+  return /* @__PURE__ */ jsx3(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent(props) {
+  return /* @__PURE__ */ jsx3(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+}
+
+// src/atoms/primitives/Dialog.tsx
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { XIcon } from "lucide-react";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Dialog(props) {
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx4(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm 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: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx4(DialogPrimitive.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "absolute top-2 right-2", size: "icon-sm", children: [
+            /* @__PURE__ */ jsx4(XIcon, {}),
+            /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Close" })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx4(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx4(Button, { variant: "outline", children: "Close" }) })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("font-heading text-base leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/atoms/primitives/IconButton.tsx
+import { forwardRef } from "react";
+import { Slot as Slot2 } from "radix-ui";
+
+// src/atoms/primitives/Tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function TooltipProvider({ delayDuration = 0, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx5(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger(props) {
+  return /* @__PURE__ */ jsx5(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+  return /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      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: [
+        children,
+        /* @__PURE__ */ jsx5(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+
+// src/atoms/primitives/IconButton.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  ({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx6(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs3(Tooltip, { children: [
+      /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          ...rest,
+          className: cn("aui-button-icon size-6 p-1 active:scale-90", className),
+          ref,
+          children: [
+            /* @__PURE__ */ jsx6(Slot2.Slottable, { children }),
+            /* @__PURE__ */ jsx6("span", { className: "aui-sr-only sr-only", children: tooltip })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(TooltipContent, { side, children: tooltip })
+    ] }) });
+  }
+);
+IconButton.displayName = "IconButton";
+
+// src/atoms/primitives/Skeleton.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+}
+
+// src/atoms/BranchIndicator.tsx
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+function BranchIndicator({ index, count, onPrevious, onNext, className }) {
+  if (count <= 1) return null;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn(
+        "aui-branch-picker-root text-muted-foreground -ms-2 me-2 inline-flex items-center text-xs",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx8(IconButton, { tooltip: "Previous", onClick: onPrevious, children: /* @__PURE__ */ jsx8(ChevronLeftIcon, {}) }),
+        /* @__PURE__ */ jsxs4("span", { className: "aui-branch-picker-state font-medium", children: [
+          index,
+          " / ",
+          count
+        ] }),
+        /* @__PURE__ */ jsx8(IconButton, { tooltip: "Next", onClick: onNext, children: /* @__PURE__ */ jsx8(ChevronRightIcon, {}) })
+      ]
+    }
+  );
+}
+
+// src/atoms/CodeBlockHeader.tsx
+import { useState } from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function CodeBlockHeader({ language, code }) {
+  const [isCopied, setIsCopied] = useState(false);
+  const onCopy = () => {
+    if (!code || isCopied || typeof navigator === "undefined" || !navigator.clipboard) {
+      return;
+    }
+    navigator.clipboard.writeText(code).then(
+      () => {
+        setIsCopied(true);
+        setTimeout(() => setIsCopied(false), 3e3);
+      },
+      () => {
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [
+    /* @__PURE__ */ jsx9("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: language }),
+    /* @__PURE__ */ jsxs5(IconButton, { tooltip: "Copy", onClick: onCopy, children: [
+      !isCopied && /* @__PURE__ */ jsx9(CopyIcon, { className: "animate-in zoom-in-75 fade-in duration-150" }),
+      isCopied && /* @__PURE__ */ jsx9(CheckIcon, { className: "animate-in zoom-in-50 fade-in duration-200 ease-out" })
+    ] })
+  ] });
+}
+
+// src/atoms/Markdown.tsx
+import { Children, isValidElement, useMemo } from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+// src/atoms/OpenUIBlock.tsx
+import { memo, useId } from "react";
+import { Renderer } from "@openuidev/react-lang";
+import { ThemeProvider } from "@openuidev/react-ui";
+import { openuiLibrary } from "@openuidev/react-ui/genui-lib";
+
+// src/theme/useClassDarkMode.ts
+import { useSyncExternalStore } from "react";
+function getThemeMode() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  return document.documentElement.classList.contains("dark") ? "dark" : "light";
+}
+function subscribe(onStoreChange) {
+  const observer = new MutationObserver(onStoreChange);
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["class"]
+  });
+  return () => observer.disconnect();
+}
+function useClassDarkMode() {
+  return useSyncExternalStore(subscribe, getThemeMode, () => "light");
+}
+
+// src/atoms/OpenUIBlock.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var OpenUIBlock = memo(
+  function OpenUIBlock2({ source, isStreaming, className, mode: modeProp }) {
+    const detectedMode = useClassDarkMode();
+    const mode = modeProp ?? detectedMode;
+    const scopeClass = `aui-openui-theme-${useId().replace(/:/g, "")}`;
+    return /* @__PURE__ */ jsx10(ThemeProvider, { mode, cssSelector: `.${scopeClass}`, children: /* @__PURE__ */ jsx10(
+      "div",
+      {
+        "data-slot": "openui-block",
+        className: cn("aui-openui-block my-3", scopeClass, className),
+        style: { contain: "layout paint" },
+        children: /* @__PURE__ */ jsx10(
+          Renderer,
+          {
+            response: source,
+            library: openuiLibrary,
+            isStreaming: !!isStreaming
+          }
+        )
+      }
+    ) });
+  },
+  (prev, next) => prev.source === next.source && !!prev.isStreaming === !!next.isStreaming && prev.mode === next.mode
+);
+
+// src/atoms/SandboxArtifactList.tsx
+import { useState as useState2 } from "react";
+import { DownloadIcon, FileIcon, LoaderIcon } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function SandboxArtifactList({ artifacts, onDownload, className }) {
+  const [downloadingPath, setDownloadingPath] = useState2(null);
+  const handleClick = async (path) => {
+    if (downloadingPath != null) return;
+    setDownloadingPath(path);
+    try {
+      await onDownload?.(path);
+    } finally {
+      setDownloadingPath(null);
+    }
+  };
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      "data-slot": "aui_sandbox-artifact-list",
+      className: cn("aui-sandbox-artifact-list my-3 flex w-fit max-w-full flex-wrap items-stretch text-sm", className),
+      children: artifacts.map((artifact, index) => {
+        const isDownloading = downloadingPath === artifact.path;
+        return /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "aui-sandbox-artifact-button text-muted-foreground hover:text-foreground flex min-w-0 items-center gap-1.5 py-1 pr-2 pl-2 transition-colors disabled:pointer-events-none disabled:opacity-70",
+              index > 0 && "border-border/60 ml-1 border-l pl-3"
+            ),
+            disabled: isDownloading,
+            onClick: () => handleClick(artifact.path),
+            children: [
+              /* @__PURE__ */ jsx11(FileIcon, { className: "size-4 shrink-0", "aria-hidden": true }),
+              /* @__PURE__ */ jsx11("span", { className: "max-w-40 truncate", children: artifact.label }),
+              isDownloading ? /* @__PURE__ */ jsx11(LoaderIcon, { className: "size-3.5 shrink-0 animate-spin [animation-duration:0.6s]", "aria-hidden": true }) : /* @__PURE__ */ jsx11(DownloadIcon, { className: "size-3.5 shrink-0", "aria-hidden": true })
+            ]
+          },
+          artifact.path
+        );
+      })
+    }
+  );
+}
+
+// src/atoms/Markdown.tsx
+import { Fragment, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function extractCodeText(node) {
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(extractCodeText).join("");
+  if (isValidElement(node)) {
+    return extractCodeText(node.props.children);
+  }
+  return "";
+}
+var SANDBOX_ARTIFACT_TOKEN = "sandbox_artifact";
+function parseSandboxArtifactCodeBlock(code) {
+  const links = [];
+  for (const match of code.matchAll(/\[([^\]]+)\]\(([^)]+)\)/g)) {
+    links.push({ label: match[1], path: match[2] });
+  }
+  return links.length > 0 ? links : null;
+}
+function parseSandboxArtifactParagraph(children) {
+  const items = Children.toArray(children);
+  if (items.length === 0) return null;
+  const first = items[0];
+  if (typeof first !== "string") return null;
+  const stripped = first.replace(/^\s*/, "");
+  if (!stripped.startsWith(SANDBOX_ARTIFACT_TOKEN)) return null;
+  if (!/^\s*$/.test(stripped.slice(SANDBOX_ARTIFACT_TOKEN.length))) return null;
+  const links = [];
+  for (let i = 1; i < items.length; i++) {
+    const item = items[i];
+    if (typeof item === "string") {
+      const trimmed = item.trim();
+      if (trimmed === "" || trimmed === SANDBOX_ARTIFACT_TOKEN) continue;
+      return null;
+    }
+    if (isValidElement(item) && typeof item.props.href === "string") {
+      links.push({
+        label: extractCodeText(item.props.children),
+        path: item.props.href
+      });
+      continue;
+    }
+    return null;
+  }
+  return links.length > 0 ? links : null;
+}
+function createMarkdownComponents(isStreaming, onDownloadArtifact) {
+  return {
+    h1: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h1",
+      {
+        className: cn(
+          "aui-md-h1 mt-5 mb-2 scroll-m-20 text-xl font-semibold first:mt-0 last:mb-0",
+          className
+        ),
+        ...props
+      }
+    ),
+    h2: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h2",
+      {
+        className: cn(
+          "aui-md-h2 mt-5 mb-2 scroll-m-20 text-lg font-semibold first:mt-0 last:mb-0",
+          className
+        ),
+        ...props
+      }
+    ),
+    h3: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h3",
+      {
+        className: cn(
+          "aui-md-h3 mt-4 mb-1.5 scroll-m-20 text-base font-semibold first:mt-0 last:mb-0",
+          className
+        ),
+        ...props
+      }
+    ),
+    h4: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h4",
+      {
+        className: cn(
+          "aui-md-h4 mt-3.5 mb-1 scroll-m-20 text-base font-medium first:mt-0 last:mb-0",
+          className
+        ),
+        ...props
+      }
+    ),
+    h5: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h5",
+      {
+        className: cn("aui-md-h5 mt-3 mb-1 text-sm font-semibold first:mt-0 last:mb-0", className),
+        ...props
+      }
+    ),
+    h6: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "h6",
+      {
+        className: cn("aui-md-h6 mt-3 mb-1 text-sm font-medium first:mt-0 last:mb-0", className),
+        ...props
+      }
+    ),
+    p: ({ className, children, ...props }) => {
+      const artifacts = parseSandboxArtifactParagraph(children);
+      if (artifacts != null) {
+        return /* @__PURE__ */ jsx12(SandboxArtifactList, { artifacts, onDownload: onDownloadArtifact });
+      }
+      return /* @__PURE__ */ jsx12("p", { className: cn("aui-md-p my-3 leading-relaxed first:mt-0 last:mb-0", className), ...props, children });
+    },
+    a: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "a",
+      {
+        className: cn(
+          "aui-md-a text-primary hover:text-primary/80 underline underline-offset-2",
+          className
+        ),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        ...props
+      }
+    ),
+    blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "blockquote",
+      {
+        className: cn(
+          "aui-md-blockquote border-muted-foreground/30 text-muted-foreground my-3 border-s-2 ps-4",
+          className
+        ),
+        ...props
+      }
+    ),
+    ul: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "ul",
+      {
+        className: cn(
+          "aui-md-ul marker:text-muted-foreground my-3 ms-5 list-disc [&>li]:mt-1",
+          className
+        ),
+        ...props
+      }
+    ),
+    ol: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "ol",
+      {
+        className: cn(
+          "aui-md-ol marker:text-muted-foreground my-3 ms-5 list-decimal [&>li]:mt-1",
+          className
+        ),
+        ...props
+      }
+    ),
+    hr: ({ className, ...props }) => /* @__PURE__ */ jsx12("hr", { className: cn("aui-md-hr border-muted-foreground/20 my-3", className), ...props }),
+    table: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "table",
+      {
+        className: cn(
+          "aui-md-table my-3 w-full border-separate border-spacing-0 overflow-y-auto",
+          className
+        ),
+        ...props
+      }
+    ),
+    th: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "th",
+      {
+        className: cn(
+          "aui-md-th bg-muted px-3 py-1.5 text-start font-medium first:rounded-ss-lg last:rounded-se-lg [[align=center]]:text-center [[align=right]]:text-right",
+          className
+        ),
+        ...props
+      }
+    ),
+    td: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "td",
+      {
+        className: cn(
+          "aui-md-td border-muted-foreground/20 border-s border-b px-3 py-1.5 text-start last:border-e [[align=center]]:text-center [[align=right]]:text-right",
+          className
+        ),
+        ...props
+      }
+    ),
+    tr: ({ className, ...props }) => /* @__PURE__ */ jsx12(
+      "tr",
+      {
+        className: cn(
+          "aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-es-lg [&:last-child>td:last-child]:rounded-ee-lg",
+          className
+        ),
+        ...props
+      }
+    ),
+    li: ({ className, ...props }) => /* @__PURE__ */ jsx12("li", { className: cn("aui-md-li leading-relaxed", className), ...props }),
+    strong: ({ className, ...props }) => /* @__PURE__ */ jsx12("strong", { className: cn("aui-md-strong font-semibold", className), ...props }),
+    sup: ({ className, ...props }) => /* @__PURE__ */ jsx12("sup", { className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className), ...props }),
+    pre: ({ className, children, ...props }) => {
+      const codeElement = isValidElement(children) ? children : void 0;
+      const codeClassName = codeElement?.props?.className ?? "";
+      const language = /language-(\S+)/.exec(codeClassName)?.[1] ?? "text";
+      const code = extractCodeText(children);
+      if (language === "openui") {
+        return /* @__PURE__ */ jsx12(OpenUIBlock, { source: code, isStreaming });
+      }
+      if (language === "sandbox_artifact" || language === "sandbox_artifacts") {
+        const artifacts = parseSandboxArtifactCodeBlock(code);
+        if (artifacts != null) {
+          return /* @__PURE__ */ jsx12(SandboxArtifactList, { artifacts, onDownload: onDownloadArtifact });
+        }
+      }
+      return /* @__PURE__ */ jsxs7(Fragment, { children: [
+        /* @__PURE__ */ jsx12(CodeBlockHeader, { language, code }),
+        /* @__PURE__ */ jsx12(
+          "pre",
+          {
+            className: cn(
+              "aui-md-pre border-border/50 bg-muted/30 overflow-x-auto rounded-t-none rounded-b-xl border border-t-0 p-3.5 text-[13px] leading-relaxed",
+              className
+            ),
+            ...props,
+            children
+          }
+        )
+      ] });
+    },
+    code: ({ className, ...props }) => {
+      const isCodeBlock = /language-/.test(className ?? "");
+      return /* @__PURE__ */ jsx12(
+        "code",
+        {
+          className: cn(
+            !isCodeBlock && "aui-md-inline-code bg-muted rounded-md px-1.5 py-0.5 font-mono text-[0.85em]",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+  };
+}
+function Markdown({ content, className, isStreaming, onDownloadArtifact }) {
+  const components = useMemo(
+    () => createMarkdownComponents(isStreaming, onDownloadArtifact),
+    [isStreaming, onDownloadArtifact]
+  );
+  return /* @__PURE__ */ jsx12("div", { className: cn("aui-md", className), children: /* @__PURE__ */ jsx12(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children: content }) });
+}
+
+// src/atoms/MessageActionBar.tsx
+import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon2, DownloadIcon as DownloadIcon2, MoreHorizontalIcon } from "lucide-react";
+import { DropdownMenu } from "radix-ui";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function MessageActionBar({ isCopied, onCopy, onExportMarkdown, className }) {
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: cn(
+        "aui-assistant-action-bar-root text-muted-foreground animate-in fade-in flex gap-1 duration-200",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx13(IconButton, { tooltip: "Copy", onClick: onCopy, children: isCopied ? /* @__PURE__ */ jsx13(CheckIcon2, { className: "animate-in zoom-in-50 fade-in duration-200 ease-out" }) : /* @__PURE__ */ jsx13(CopyIcon2, { className: "animate-in zoom-in-75 fade-in duration-150" }) }),
+        /* @__PURE__ */ jsxs8(DropdownMenu.Root, { children: [
+          /* @__PURE__ */ jsx13(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(IconButton, { tooltip: "More", className: "data-[state=open]:bg-accent", children: /* @__PURE__ */ jsx13(MoreHorizontalIcon, {}) }) }),
+          /* @__PURE__ */ jsx13(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx13(
+            DropdownMenu.Content,
+            {
+              side: "bottom",
+              align: "start",
+              sideOffset: 6,
+              className: "aui-action-bar-more-content bg-popover/95 text-popover-foreground data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out 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 z-50 min-w-[8rem] overflow-hidden rounded-xl border p-1.5 shadow-lg backdrop-blur-sm",
+              children: /* @__PURE__ */ jsxs8(
+                DropdownMenu.Item,
+                {
+                  onSelect: onExportMarkdown,
+                  className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none",
+                  children: [
+                    /* @__PURE__ */ jsx13(DownloadIcon2, { className: "size-4" }),
+                    "Export as Markdown"
+                  ]
+                }
+              )
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/atoms/UserMessageActionBar.tsx
+import { ActionBarPrimitive, useAui, useAuiState } from "@assistant-ui/react";
+import { useActionBarCopy } from "@assistant-ui/core/react";
+import { CheckIcon as CheckIcon3, CopyIcon as CopyIcon3, PencilIcon, RotateCcwIcon } from "lucide-react";
+import { trueFoundryExtras } from "@truefoundry/assistant-ui-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function parseTurnIdFromMessageId(messageId) {
+  return messageId.replace(/-user$/, "");
+}
+function UserMessageActionBar({ className }) {
+  const IconButton2 = useSlot("IconButton");
+  const aui = useAui();
+  const messageId = useAuiState((s) => s.message.id);
+  const turnId = parseTurnIdFromMessageId(messageId);
+  const { isCopied } = useActionBarCopy();
+  return /* @__PURE__ */ jsxs9(
+    ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      className: cn(
+        "aui-user-action-bar-root text-muted-foreground animate-in fade-in flex gap-1 duration-200",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx14(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx14(IconButton2, { tooltip: "Edit", children: /* @__PURE__ */ jsx14(PencilIcon, {}) }) }),
+        /* @__PURE__ */ jsx14(
+          IconButton2,
+          {
+            tooltip: "Reset",
+            onClick: () => void trueFoundryExtras.get(aui).resetFromTurn(turnId),
+            children: /* @__PURE__ */ jsx14(RotateCcwIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx14(ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsx14(IconButton2, { tooltip: "Copy", children: isCopied ? /* @__PURE__ */ jsx14(CheckIcon3, { className: "animate-in zoom-in-50 fade-in duration-200 ease-out" }) : /* @__PURE__ */ jsx14(CopyIcon3, { className: "animate-in zoom-in-75 fade-in duration-150" }) }) })
+      ]
+    }
+  );
+}
+
+// src/atoms/MessageBubble.tsx
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+function MessageBubble(props) {
+  if (props.variant === "assistant") {
+    const { children: children2, error, branchIndicator: branchIndicator2, actionBar: actionBar2, className: className2 } = props;
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        "data-slot": "aui_assistant-message-root",
+        className: cn("fade-in slide-in-from-bottom-1 animate-in relative duration-150", className2),
+        children: [
+          /* @__PURE__ */ jsxs10(
+            "div",
+            {
+              "data-slot": "aui_assistant-message-content",
+              className: "text-foreground flex flex-col gap-3 px-2 leading-relaxed wrap-break-word [contain-intrinsic-size:auto_24px] [content-visibility:auto]",
+              children: [
+                children2,
+                error
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs10("div", { "data-slot": "aui_assistant-message-footer", className: "ms-2 -mb-7.5 min-h-7.5 pt-1.5 flex items-center", children: [
+            branchIndicator2,
+            actionBar2
+          ] })
+        ]
+      }
+    );
+  }
+  const { children, attachments, branchIndicator, actionBar, className } = props;
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      "data-slot": "aui_user-message-root",
+      className: cn(
+        "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-150 [contain-intrinsic-size:auto_60px] [content-visibility:auto] [&:where(>*)]:col-start-2",
+        className
+      ),
+      children: [
+        attachments,
+        /* @__PURE__ */ jsx15("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: /* @__PURE__ */ jsx15("div", { className: "aui-user-message-content bg-muted text-foreground rounded-xl px-4 py-2 wrap-break-word empty:hidden", children }) }),
+        (branchIndicator != null || actionBar != null) && /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            "data-slot": "aui_user-message-footer",
+            className: "col-span-full col-start-1 row-start-3 -me-1 flex items-center justify-end gap-1",
+            children: [
+              branchIndicator,
+              actionBar
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/atoms/MessageErrorBanner.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function MessageErrorBanner({ message, className }) {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "aui-message-error-root border-destructive bg-destructive/10 text-destructive dark:bg-destructive/5 mt-2 rounded-md border p-3 text-sm dark:text-red-200",
+        className
+      ),
+      children: /* @__PURE__ */ jsx16("span", { className: "aui-message-error-message line-clamp-2", children: message })
+    }
+  );
+}
+
+// src/atoms/MessageIndicator.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function MessageIndicator({ className }) {
+  return /* @__PURE__ */ jsx17(
+    "span",
+    {
+      "data-slot": "aui_assistant-message-indicator",
+      className: cn("animate-pulse font-sans", className),
+      "aria-label": "Assistant is working",
+      children: "\u25CF"
+    }
+  );
+}
+
+// src/atoms/ScrollToBottomButton.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { ArrowDownIcon } from "lucide-react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var ScrollToBottomButton = forwardRef2(
+  ({ className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx18(
+      IconButton,
+      {
+        ref,
+        tooltip: "Scroll to bottom",
+        variant: "outline",
+        className: cn(
+          "aui-thread-scroll-to-bottom dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-14 z-10 self-center rounded-full p-4 disabled:invisible",
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsx18(ArrowDownIcon, {})
+      }
+    );
+  }
+);
+ScrollToBottomButton.displayName = "ScrollToBottomButton";
+
+// src/atoms/Skeletons.tsx
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+function MessageListSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading conversation",
+      "data-slot": "aui_thread-history-skeleton",
+      className: cn("mb-14 flex flex-col gap-y-6", className),
+      children: [
+        /* @__PURE__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx19(Skeleton, { className: "h-10 w-[min(85%,20rem)] rounded-xl" }) }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2 px-2", children: [
+          /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-full max-w-md" }),
+          /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-full max-w-sm" }),
+          /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-2/3 max-w-xs" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/atoms/ThreadShell.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var THREAD_CSS_VARS = {
+  ["--thread-max-width"]: "44rem",
+  ["--composer-bg"]: "color-mix(in oklab, var(--color-muted) 30%, var(--color-background))",
+  ["--composer-radius"]: "1.5rem",
+  ["--composer-padding"]: "8px"
+};
+var ThreadRootShell = forwardRef3(
+  ({ className, style, ...rest }, ref) => /* @__PURE__ */ jsx20(
+    "div",
+    {
+      ref,
+      className: cn(
+        "aui-root aui-thread-root bg-background @container flex h-full min-h-0 flex-col overflow-hidden",
+        className
+      ),
+      style: { ...THREAD_CSS_VARS, ...style },
+      ...rest
+    }
+  )
+);
+ThreadRootShell.displayName = "ThreadRootShell";
+var ThreadViewportShell = forwardRef3(
+  ({ className, isEmpty, children, ...rest }, ref) => /* @__PURE__ */ jsx20(
+    "div",
+    {
+      ref,
+      "data-slot": "aui_thread-viewport",
+      className: cn("relative flex min-h-0 flex-1 flex-col overflow-x-auto overflow-y-auto scroll-smooth", className),
+      ...rest,
+      children: /* @__PURE__ */ jsx20(
+        "div",
+        {
+          className: cn(
+            "mx-auto flex w-full max-w-(--thread-max-width) flex-col px-4 pt-4 pb-4",
+            isEmpty && "min-h-full justify-center"
+          ),
+          children
+        }
+      )
+    }
+  )
+);
+ThreadViewportShell.displayName = "ThreadViewportShell";
+var ThreadComposerAreaShell = forwardRef3(
+  ({ className, isEmpty, ...rest }, ref) => /* @__PURE__ */ jsx20(
+    "div",
+    {
+      ref,
+      "data-slot": "aui_thread-composer",
+      className: cn(
+        "aui-thread-composer bg-background relative mx-auto flex w-full max-w-(--thread-max-width) shrink-0 flex-col gap-4 px-4 pb-4 md:pb-6",
+        !isEmpty && "rounded-t-(--composer-radius)",
+        className
+      ),
+      ...rest
+    }
+  )
+);
+ThreadComposerAreaShell.displayName = "ThreadComposerAreaShell";
+var MessageGroup = forwardRef3(({ className, ...rest }, ref) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    ref,
+    "data-slot": "aui_message-group",
+    className: cn("flex flex-col gap-y-6 empty:hidden", className),
+    ...rest
+  }
+));
+MessageGroup.displayName = "MessageGroup";
+
+// src/atoms/AskUserPrompt.tsx
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+var OTHER_OPTION_ID = "__other";
+function AskUserPrompt({
+  question,
+  options,
+  allowOther,
+  selectedOptionId,
+  otherValue,
+  disabled,
+  onSelectOption,
+  onOtherValueChange,
+  onSubmit,
+  className
+}) {
+  const canSubmit = selectedOptionId != null && selectedOptionId !== OTHER_OPTION_ID ? true : selectedOptionId === OTHER_OPTION_ID && otherValue.trim().length > 0;
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      "data-slot": "aui_ask-user-prompt",
+      className: cn(
+        "border-border/60 flex w-full flex-col gap-3 rounded-[var(--composer-radius,1.5rem)] border bg-[var(--composer-bg,var(--muted))] p-[var(--composer-padding,8px)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx21("p", { className: "text-foreground px-2.5 text-sm font-medium", children: question }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1.5 px-2.5", children: [
+          options.map((option) => /* @__PURE__ */ jsxs12("label", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx21(
+              "input",
+              {
+                type: "radio",
+                name: "ask-user-option",
+                checked: selectedOptionId === option.id,
+                disabled,
+                onChange: () => onSelectOption(option.id)
+              }
+            ),
+            option.label
+          ] }, option.id)),
+          allowOther && /* @__PURE__ */ jsxs12("label", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx21(
+              "input",
+              {
+                type: "radio",
+                name: "ask-user-option",
+                checked: selectedOptionId === OTHER_OPTION_ID,
+                disabled,
+                onChange: () => onSelectOption(OTHER_OPTION_ID)
+              }
+            ),
+            /* @__PURE__ */ jsx21(
+              "input",
+              {
+                type: "text",
+                value: otherValue,
+                placeholder: "Type your answer...",
+                disabled,
+                onFocus: () => onSelectOption(OTHER_OPTION_ID),
+                onChange: (event) => {
+                  onSelectOption(OTHER_OPTION_ID);
+                  onOtherValueChange(event.target.value);
+                },
+                "aria-label": "Other answer",
+                className: "border-border/60 flex-1 rounded-md border bg-transparent px-2 py-1 text-sm outline-none"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx21("div", { className: "flex justify-end px-2.5", children: /* @__PURE__ */ jsx21(
+          Button,
+          {
+            type: "button",
+            className: "rounded-full px-4",
+            disabled: disabled || !canSubmit,
+            onClick: onSubmit,
+            children: "Submit"
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/atoms/AttachmentCard.tsx
+import { FileTextIcon, XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+var USER_MESSAGE_ATTACHMENT_PREVIEW_REM = 12;
+function AttachmentCard({
+  name,
+  previewSrc,
+  isImage = false,
+  size = "chip",
+  previewRem,
+  onRemove,
+  className
+}) {
+  if (size === "preview" && isImage && previewSrc) {
+    const previewSize = previewRem != null ? { width: `${previewRem}rem`, height: `${previewRem}rem` } : void 0;
+    return /* @__PURE__ */ jsx22(
+      "div",
+      {
+        "data-slot": "aui_attachment-preview",
+        style: previewSize,
+        className: cn(
+          "aui-attachment-preview relative shrink-0 cursor-pointer overflow-hidden rounded-lg border",
+          previewRem == null && "size-24",
+          className
+        ),
+        children: /* @__PURE__ */ jsx22("img", { src: previewSrc, alt: name, className: "h-full w-full object-cover" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      "data-slot": "aui_attachment-chip",
+      style: previewRem != null ? { maxWidth: `${previewRem}rem` } : void 0,
+      className: cn(
+        "aui-attachment-chip bg-muted flex max-w-full shrink-0 items-center gap-2 rounded-lg border px-2 py-1.5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx22("div", { className: "bg-background flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs13(Avatar, { className: "size-7 rounded-none", children: [
+          /* @__PURE__ */ jsx22(AvatarImage, { src: previewSrc, alt: name, className: "object-cover" }),
+          /* @__PURE__ */ jsx22(AvatarFallback, { children: /* @__PURE__ */ jsx22(FileTextIcon, { className: "text-muted-foreground size-4" }) })
+        ] }) : /* @__PURE__ */ jsx22(FileTextIcon, { className: "text-muted-foreground size-4" }) }),
+        /* @__PURE__ */ jsx22("span", { className: "text-foreground min-w-0 truncate text-sm", children: name }),
+        onRemove && /* @__PURE__ */ jsx22(
+          IconButton,
+          {
+            tooltip: "Remove file",
+            side: "top",
+            className: "size-6 shrink-0 rounded-full [&_svg]:size-3",
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx22(XIcon2, {})
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/atoms/AttachmentPickerButton.tsx
+import { PlusIcon } from "lucide-react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function AttachmentPickerButton(props) {
+  return /* @__PURE__ */ jsx23(IconButton, { tooltip: "Add Attachment", variant: "ghost", className: "size-7 rounded-full p-1", ...props, children: /* @__PURE__ */ jsx23(PlusIcon, { className: "size-4.5" }) });
+}
+
+// src/atoms/AttachmentPreviewDialog.tsx
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+function AttachmentPreviewDialog({ previewSrc, children }) {
+  if (!previewSrc) return /* @__PURE__ */ jsx24(Fragment2, { children });
+  return /* @__PURE__ */ jsxs14(Dialog, { children: [
+    /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs14(DialogContent, { className: "p-2 sm:max-w-3xl", children: [
+      /* @__PURE__ */ jsx24(DialogTitle, { className: "sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ jsx24("div", { className: "bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx24(
+        "img",
+        {
+          src: previewSrc,
+          alt: "Attachment preview",
+          className: "block h-auto max-h-[80vh] w-auto max-w-full object-contain"
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/atoms/ComposerShell.tsx
+import { ArrowUpIcon, LoaderIcon as LoaderIcon2, PlusIcon as PlusIcon2 } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+function ComposerShell({
+  value,
+  placeholder,
+  disabled,
+  isRunning = false,
+  attachments,
+  modelLabel,
+  modelIcon,
+  connectorStatusLabel,
+  onValueChange,
+  onSubmit,
+  onCancel,
+  onAttach,
+  className
+}) {
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      "data-slot": "aui_composer-shell",
+      className: cn(
+        "border-border/60 focus-within:border-ring focus-within:ring-ring/20 flex w-full flex-col gap-2 rounded-[var(--composer-radius,1.5rem)] border bg-[var(--composer-bg,var(--muted))] p-[var(--composer-padding,8px)] shadow-sm transition-colors focus-within:ring-3",
+        className
+      ),
+      children: [
+        attachments,
+        /* @__PURE__ */ jsx25(
+          "textarea",
+          {
+            value,
+            placeholder,
+            disabled,
+            rows: 1,
+            "aria-label": "Message input",
+            onChange: (event) => onValueChange(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" && !event.shiftKey) {
+                event.preventDefault();
+                onSubmit();
+              }
+            },
+            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__ */ jsxs15("div", { className: "flex items-center justify-between px-1", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            onAttach && /* @__PURE__ */ jsx25(IconButton, { tooltip: "Attach", onClick: onAttach, children: /* @__PURE__ */ jsx25(PlusIcon2, {}) }),
+            connectorStatusLabel && /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground text-xs", children: connectorStatusLabel })
+          ] }),
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            modelLabel && /* @__PURE__ */ jsxs15("span", { className: "bg-muted text-muted-foreground flex items-center gap-1 rounded-full px-2 py-0.5 text-xs", children: [
+              modelIcon,
+              modelLabel
+            ] }),
+            isRunning ? /* @__PURE__ */ jsxs15(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "gap-1.5 rounded-full",
+                disabled: !onCancel,
+                onClick: onCancel,
+                children: [
+                  /* @__PURE__ */ jsx25(LoaderIcon2, { className: "size-3.5 animate-spin [animation-duration:0.6s]" }),
+                  "Cancel"
+                ]
+              }
+            ) : /* @__PURE__ */ jsx25(
+              IconButton,
+              {
+                tooltip: "Send message",
+                variant: "default",
+                disabled: disabled || value.trim().length === 0,
+                onClick: onSubmit,
+                children: /* @__PURE__ */ jsx25(ArrowUpIcon, {})
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/atoms/McpAuthPrompt.tsx
+import { ExternalLinkIcon } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+function McpAuthPrompt({ servers, disabled, onContinue, className }) {
+  return /* @__PURE__ */ jsxs16("div", { "data-slot": "aui_mcp-auth-continue-composer", className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs16("div", { className: "border-primary/20 bg-background overflow-hidden rounded-2xl border", children: [
+      /* @__PURE__ */ jsx26("div", { className: "bg-primary/10 border-primary/20 border-b px-4 py-2.5", children: /* @__PURE__ */ jsx26("p", { className: "text-primary text-sm font-semibold", children: "MCP Authentication Required" }) }),
+      /* @__PURE__ */ jsx26("ul", { className: "divide-border/60 divide-y", children: servers.map((server) => /* @__PURE__ */ jsxs16(
+        "li",
+        {
+          className: "flex items-center justify-between gap-3 px-4 py-2.5",
+          children: [
+            /* @__PURE__ */ jsxs16("p", { className: "text-sm", children: [
+              /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "MCP Server Name" }),
+              /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground mx-1.5", children: ":" }),
+              /* @__PURE__ */ jsx26("span", { className: "font-semibold", children: server.name })
+            ] }),
+            /* @__PURE__ */ jsx26(
+              Button,
+              {
+                asChild: true,
+                size: "sm",
+                className: "bg-foreground text-background hover:bg-foreground/80 rounded-full",
+                children: /* @__PURE__ */ jsxs16("a", { href: server.authUrl, target: "_blank", rel: "noopener noreferrer", children: [
+                  "Connect",
+                  /* @__PURE__ */ jsx26(ExternalLinkIcon, { className: "size-3.5" })
+                ] })
+              }
+            )
+          ]
+        },
+        server.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx26("div", { className: "flex justify-end px-2.5", children: /* @__PURE__ */ jsx26(Button, { type: "button", className: "rounded-full px-4", disabled, onClick: onContinue, children: "Continue" }) })
+  ] });
+}
+
+// src/atoms/ReasoningCard.tsx
+import { BrainIcon, ChevronDownIcon } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+function ReasoningCard({ streaming, expanded, onToggle, children, className }) {
+  return /* @__PURE__ */ jsxs17(
+    Collapsible,
+    {
+      "data-slot": "reasoning-card",
+      open: expanded,
+      onOpenChange: onToggle,
+      className: cn("aui-reasoning-card w-full rounded-lg border px-3 py-2", className),
+      children: [
+        /* @__PURE__ */ jsxs17(CollapsibleTrigger, { className: "text-muted-foreground hover:text-foreground flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm transition-[color,scale] active:scale-[0.98]", children: [
+          /* @__PURE__ */ jsx27(BrainIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsxs17("span", { className: "leading-none tabular-nums", children: [
+            "Reasoning",
+            streaming && /* @__PURE__ */ jsxs17("span", { "aria-hidden": true, className: "shimmer pointer-events-none", children: [
+              " ",
+              "\u2026"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx27(
+            ChevronDownIcon,
+            {
+              className: cn(
+                "mt-0.5 size-4 shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)]",
+                expanded ? "rotate-0" : "-rotate-90"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx27(CollapsibleContent, { className: "text-muted-foreground max-h-64 overflow-y-auto pt-2 pb-1 pl-6 text-sm leading-relaxed", children })
+      ]
+    }
+  );
+}
+
+// src/atoms/ToolApprovalBar.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+function ToolApprovalBar({ options, onSelectOption, className }) {
+  const [confirmingId, setConfirmingId] = useState3(null);
+  const confirming = confirmingId != null ? options.find((o) => o.id === confirmingId) : void 0;
+  if (confirming) {
+    return /* @__PURE__ */ jsxs18("div", { className: cn("aui-tool-approval-confirm flex flex-col gap-2 pt-1", className), children: [
+      /* @__PURE__ */ jsx28("p", { className: "font-semibold", children: confirming.confirm?.title ?? `${confirming.label}?` }),
+      confirming.confirm?.description && /* @__PURE__ */ jsx28("p", { className: "text-muted-foreground", children: confirming.confirm.description }),
+      confirming.grants && confirming.grants.length > 0 && /* @__PURE__ */ jsx28("ul", { className: "flex flex-col gap-1", children: confirming.grants.map((grant) => /* @__PURE__ */ jsx28("li", { children: /* @__PURE__ */ jsx28("code", { className: "bg-muted rounded px-1.5 py-0.5 text-xs", children: grant }) }, grant)) }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx28(
+          Button,
+          {
+            size: "sm",
+            className: "active:scale-[0.98]",
+            onClick: () => {
+              onSelectOption(confirming.id);
+              setConfirmingId(null);
+            },
+            children: "Confirm"
+          }
+        ),
+        /* @__PURE__ */ jsx28(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            className: "active:scale-[0.98]",
+            onClick: () => setConfirmingId(null),
+            children: "Back"
+          }
+        )
+      ] })
+    ] });
+  }
+  const firstAllowId = options.find((o) => o.isAllow)?.id;
+  return /* @__PURE__ */ jsx28("div", { className: cn("aui-tool-approval-bar flex flex-wrap items-center gap-2 pt-1", className), children: options.map((option) => /* @__PURE__ */ jsx28(
+    Button,
+    {
+      size: "sm",
+      variant: option.id === firstAllowId ? "default" : "outline",
+      className: "active:scale-[0.98]",
+      onClick: () => option.confirm ? setConfirmingId(option.id) : onSelectOption(option.id),
+      children: option.label
+    },
+    option.id
+  )) });
+}
+
+// src/atoms/ThreadListRow.tsx
+import { ArchiveIcon, MoreHorizontalIcon as MoreHorizontalIcon2, TrashIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenu2 } from "radix-ui";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+function ThreadListRow({ title, active, onSelect, onArchive, onDelete, className }) {
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      "data-slot": "aui_thread-list-item",
+      "data-active": active || void 0,
+      className: cn(
+        "group hover:bg-muted data-[active]:bg-muted relative flex min-h-9 items-center rounded-lg transition-colors",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx29(
+          "button",
+          {
+            type: "button",
+            onClick: onSelect,
+            "data-slot": "aui_thread-list-item-trigger",
+            className: "flex min-h-9 min-w-0 flex-1 items-center rounded-lg px-2.5 py-2 text-start text-sm outline-none group-hover:pe-9",
+            children: /* @__PURE__ */ jsx29("span", { className: "min-w-0 flex-1 truncate", children: title })
+          }
+        ),
+        (onArchive || onDelete) && /* @__PURE__ */ jsxs19(DropdownMenu2.Root, { children: [
+          /* @__PURE__ */ jsx29(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx29(
+            IconButton,
+            {
+              tooltip: "More options",
+              className: "absolute end-1.5 top-1/2 size-6 -translate-y-1/2 p-0 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100",
+              children: /* @__PURE__ */ jsx29(MoreHorizontalIcon2, { className: "size-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx29(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs19(
+            DropdownMenu2.Content,
+            {
+              side: "right",
+              align: "start",
+              sideOffset: 6,
+              className: "bg-popover/95 text-popover-foreground z-50 min-w-32 overflow-hidden rounded-xl border p-1.5 shadow-lg backdrop-blur-sm",
+              children: [
+                onArchive && /* @__PURE__ */ jsxs19(
+                  DropdownMenu2.Item,
+                  {
+                    onSelect: onArchive,
+                    className: "hover:bg-accent hover:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none",
+                    children: [
+                      /* @__PURE__ */ jsx29(ArchiveIcon, { className: "size-4" }),
+                      "Archive"
+                    ]
+                  }
+                ),
+                onDelete && /* @__PURE__ */ jsxs19(
+                  DropdownMenu2.Item,
+                  {
+                    onSelect: onDelete,
+                    className: "text-destructive hover:bg-destructive/10 flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none",
+                    children: [
+                      /* @__PURE__ */ jsx29(TrashIcon, { className: "size-4" }),
+                      "Delete"
+                    ]
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/atoms/ThreadListMisc.tsx
+import { PlusIcon as PlusIcon3 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+function ThreadListNewButton({ className, ...rest }) {
+  return /* @__PURE__ */ jsxs20(
+    Button,
+    {
+      variant: "ghost",
+      "data-slot": "aui_thread-list-new",
+      className: cn("hover:bg-muted h-8 justify-start gap-2 rounded-md px-2.5 text-sm font-normal", className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx30(PlusIcon3, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx30("span", { className: "whitespace-nowrap", children: "New Thread" })
+      ]
+    }
+  );
+}
+function ThreadListRowSkeleton({ count = 5, className }) {
+  return /* @__PURE__ */ jsx30("div", { className: cn("flex flex-col gap-1", className), role: "status", "aria-label": "Loading threads", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx30("div", { className: "flex h-8 items-center px-2.5", children: /* @__PURE__ */ jsx30(Skeleton, { className: "h-3.5 w-full" }) }, i)) });
+}
+function ThreadListEmptyState({ message = "No threads yet", className }) {
+  return /* @__PURE__ */ jsx30("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__ */ jsxs20("div", { className: cn("flex min-h-0 flex-1 flex-col gap-1 overflow-hidden p-3", className), children: [
+    header,
+    /* @__PURE__ */ jsx30("div", { className: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto pb-1", children })
+  ] });
+}
+
+// src/atoms/Toast.tsx
+import { XIcon as XIcon3 } from "lucide-react";
+import { Toast as ToastPrimitive } from "radix-ui";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+function Toast({ title, description, open, onOpenChange, className }) {
+  return /* @__PURE__ */ jsxs21(
+    ToastPrimitive.Root,
+    {
+      open,
+      onOpenChange,
+      className: cn(
+        "border-destructive bg-background text-destructive dark:bg-card pointer-events-auto relative flex max-h-[min(70vh,32rem)] w-full items-start gap-3 rounded-xl border p-4 shadow-lg dark:text-red-200",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-bottom-4",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-bottom-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs21("div", { className: "grid min-h-0 min-w-0 flex-1 gap-1 overflow-y-auto pe-6", children: [
+          /* @__PURE__ */ jsx31(ToastPrimitive.Title, { className: "text-sm leading-none font-semibold", children: title }),
+          /* @__PURE__ */ jsx31(ToastPrimitive.Description, { className: "font-mono text-sm break-words whitespace-pre-wrap", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs21(ToastPrimitive.Close, { className: "text-destructive hover:bg-muted focus-visible:ring-ring absolute top-3 right-3 rounded-md p-1 transition-colors focus:outline-none focus-visible:ring-2", children: [
+          /* @__PURE__ */ jsx31(XIcon3, { className: "size-4" }),
+          /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  );
+}
+function ToastStack({ children, duration = Number.POSITIVE_INFINITY }) {
+  return /* @__PURE__ */ jsxs21(ToastPrimitive.Provider, { duration, children: [
+    children,
+    /* @__PURE__ */ jsx31(ToastPrimitive.Viewport, { 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" })
+  ] });
+}
+
+// src/atoms/ToolCallCard.tsx
+import { BriefcaseIcon, CheckIcon as CheckIcon4, ChevronDownIcon as ChevronDownIcon2, LoaderIcon as LoaderIcon3, PlugIcon, WrenchIcon, XCircleIcon } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+var variantIcon = {
+  tool: WrenchIcon,
+  "sub-agent": BriefcaseIcon,
+  "mcp-listing": PlugIcon
+};
+function StatusIcon({ status }) {
+  if (status === "running") {
+    return /* @__PURE__ */ jsx32(
+      LoaderIcon3,
+      {
+        "data-slot": "tool-call-card-status-icon",
+        className: "text-muted-foreground size-4 shrink-0 animate-spin [animation-duration:0.6s]"
+      }
+    );
+  }
+  if (status === "success") {
+    return /* @__PURE__ */ jsx32(
+      CheckIcon4,
+      {
+        "data-slot": "tool-call-card-status-icon",
+        className: "size-4 shrink-0 text-emerald-600 dark:text-emerald-400"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx32(XCircleIcon, { "data-slot": "tool-call-card-status-icon", className: "text-destructive size-4 shrink-0" });
+}
+function IconChip({ Icon }) {
+  return /* @__PURE__ */ jsx32("span", { className: "bg-muted text-muted-foreground flex size-6 shrink-0 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx32(Icon, { className: "size-3.5" }) });
+}
+function ToolCallCard(props) {
+  const { variant, name, status, expanded, onToggle, durationText, className } = props;
+  const VariantIcon = variantIcon[variant];
+  return /* @__PURE__ */ jsxs22(
+    Collapsible,
+    {
+      "data-slot": "tool-call-card",
+      "data-variant": variant,
+      open: expanded,
+      onOpenChange: onToggle,
+      className: cn("aui-tool-call-card w-full rounded-lg border py-2", className),
+      children: [
+        /* @__PURE__ */ jsxs22(CollapsibleTrigger, { className: "flex w-full items-center gap-2 px-3 text-left", children: [
+          /* @__PURE__ */ jsx32(IconChip, { Icon: VariantIcon }),
+          variant === "tool" && /* @__PURE__ */ jsx32("span", { className: "text-sm", children: name }),
+          variant === "sub-agent" && /* @__PURE__ */ jsxs22("span", { className: "flex min-w-0 flex-col items-start", children: [
+            /* @__PURE__ */ jsx32("span", { className: "text-muted-foreground text-[10px] font-semibold tracking-wide uppercase", children: "Sub-agent" }),
+            /* @__PURE__ */ jsx32("span", { className: "truncate text-sm font-medium", children: props.agentName })
+          ] }),
+          variant === "mcp-listing" && /* @__PURE__ */ jsxs22("span", { className: "truncate text-sm", children: [
+            "Listing tools \xB7 ",
+            props.serverName
+          ] }),
+          /* @__PURE__ */ jsxs22("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+            durationText && /* @__PURE__ */ jsx32("span", { className: "text-muted-foreground text-xs tabular-nums", children: durationText }),
+            /* @__PURE__ */ jsx32(StatusIcon, { status }),
+            /* @__PURE__ */ jsx32(
+              ChevronDownIcon2,
+              {
+                className: cn(
+                  "size-4 shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)]",
+                  expanded ? "rotate-0" : "-rotate-90"
+                )
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs22(CollapsibleContent, { className: "px-3 pt-2", children: [
+          variant === "tool" && /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-2", children: [
+            props.approvalSlot,
+            props.argsText && /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-xs font-medium", children: "Request:" }),
+              /* @__PURE__ */ jsx32("pre", { className: "bg-muted/50 text-foreground/90 mt-1 rounded-md p-2.5 text-xs break-words whitespace-pre-wrap", children: props.argsText })
+            ] }),
+            props.result !== void 0 && /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-xs font-medium", children: "Result:" }),
+              /* @__PURE__ */ jsx32(
+                "pre",
+                {
+                  className: cn(
+                    "bg-muted/50 mt-1 rounded-md p-2.5 text-xs break-words whitespace-pre-wrap",
+                    props.isError ? "text-destructive" : "text-foreground/90"
+                  ),
+                  children: props.result
+                }
+              )
+            ] })
+          ] }),
+          variant === "sub-agent" && /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground line-clamp-2 text-sm", children: props.instruction }),
+            /* @__PURE__ */ jsxs22("p", { className: "text-muted-foreground text-[10px] font-medium tracking-wide uppercase", children: [
+              "Steps \xB7 ",
+              props.stepCount,
+              " steps"
+            ] }),
+            /* @__PURE__ */ jsx32("div", { className: "border-border/60 flex flex-col gap-2 border-l pl-3", children: props.children })
+          ] }),
+          variant === "mcp-listing" && /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-sm", children: props.description }),
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-xs font-medium", children: "Request:" }),
+              /* @__PURE__ */ jsx32("pre", { className: "bg-muted/50 text-foreground/90 mt-1 rounded-md p-2.5 text-xs break-words whitespace-pre-wrap", children: props.argsText })
+            ] }),
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-xs font-medium", children: "Result:" }),
+              /* @__PURE__ */ jsx32("pre", { className: "bg-muted/50 text-foreground/90 mt-1 rounded-md p-2.5 text-xs break-words whitespace-pre-wrap", children: props.resultText })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/atoms/ToolGroupCard.tsx
+import { ChevronDownIcon as ChevronDownIcon3, LoaderIcon as LoaderIcon4 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+function ToolGroupCard({
+  toolCallCount,
+  expanded,
+  active = false,
+  onToggle,
+  children,
+  className
+}) {
+  const label = `${toolCallCount} tool ${toolCallCount === 1 ? "call" : "calls"}`;
+  return /* @__PURE__ */ jsxs23(
+    Collapsible,
+    {
+      "data-slot": "tool-group-card",
+      open: expanded,
+      onOpenChange: onToggle,
+      className: cn("aui-tool-group-card group/tool-group w-full", className),
+      children: [
+        /* @__PURE__ */ jsxs23(CollapsibleTrigger, { 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__ */ jsx33(LoaderIcon4, { className: "size-3 shrink-0 animate-spin [animation-duration:0.6s]" }),
+          /* @__PURE__ */ jsx33("span", { className: "text-xs font-medium", children: label }),
+          /* @__PURE__ */ jsx33(
+            ChevronDownIcon3,
+            {
+              className: cn(
+                "size-3 shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)]",
+                expanded ? "rotate-0" : "-rotate-90"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx33(CollapsibleContent, { className: "mt-1 flex flex-col gap-1", children })
+      ]
+    }
+  );
+}
+
+// src/atoms/WelcomeScreen.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function WelcomeScreen({ heading = "How can I help you today?", className }) {
+  return /* @__PURE__ */ jsx34("div", { className: cn("aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", className), children: /* @__PURE__ */ jsx34("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-2xl font-semibold duration-200", children: heading }) });
+}
+
+// src/theme/defaultSlots.ts
+var defaultSlots = {
+  Button,
+  IconButton,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  Tooltip,
+  TooltipProvider,
+  TooltipTrigger,
+  TooltipContent,
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+  Skeleton,
+  Markdown,
+  OpenUIBlock,
+  SandboxArtifactList,
+  CodeBlockHeader,
+  MessageBubble,
+  MessageErrorBanner,
+  MessageActionBar,
+  UserMessageActionBar,
+  BranchIndicator,
+  MessageIndicator,
+  WelcomeScreen,
+  MessageListSkeleton,
+  ScrollToBottomButton,
+  ThreadRootShell,
+  ThreadViewportShell,
+  ThreadComposerAreaShell,
+  MessageGroup,
+  ToolCallCard,
+  ToolApprovalBar,
+  ToolGroupCard,
+  ReasoningCard,
+  ComposerShell,
+  AskUserPrompt,
+  McpAuthPrompt,
+  AttachmentCard,
+  AttachmentPreviewDialog,
+  AttachmentPickerButton,
+  ThreadListRow,
+  ThreadListNewButton,
+  ThreadListRowSkeleton,
+  ThreadListEmptyState,
+  ThreadListShell,
+  Toast,
+  ToastStack
+};
+
+// src/theme/SlotsProvider.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var SlotsContext = createContext(defaultSlots);
+function SlotsProvider({
+  overrides,
+  children
+}) {
+  const parentSlots = useContext(SlotsContext);
+  const resolved = useMemo2(
+    () => ({ ...parentSlots, ...overrides }),
+    [parentSlots, overrides]
+  );
+  return /* @__PURE__ */ jsx35(SlotsContext.Provider, { value: resolved, children });
+}
+function useSlot(name) {
+  const slots = useContext(SlotsContext);
+  return slots[name];
+}
+
+// src/theme/tokens.ts
+import { createContext as createContext2, createElement, useContext as useContext2 } from "react";
+var defaultTokens = {
+  colors: {
+    background: "var(--background)",
+    foreground: "var(--foreground)",
+    muted: "var(--muted)",
+    mutedForeground: "var(--muted-foreground)",
+    border: "var(--border)",
+    primary: "var(--primary)",
+    primaryForeground: "var(--primary-foreground)",
+    destructive: "var(--destructive)",
+    destructiveForeground: "var(--destructive-foreground)",
+    accent: "var(--accent)",
+    accentForeground: "var(--accent-foreground)"
+  },
+  radii: {
+    none: "0px",
+    sm: "calc(var(--radius) - 4px)",
+    md: "calc(var(--radius) - 2px)",
+    lg: "var(--radius)",
+    full: "9999px"
+  },
+  spacing: {
+    none: "0px",
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  typography: {
+    body: { fontSize: "0.875rem", lineHeight: "1.5rem", fontWeight: 400 },
+    bodySmall: { fontSize: "0.75rem", lineHeight: "1.25rem", fontWeight: 400 },
+    label: { fontSize: "0.75rem", lineHeight: "1rem", fontWeight: 500 },
+    heading: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: 600 },
+    code: { fontSize: "0.8125rem", lineHeight: "1.25rem", fontWeight: 400 },
+    caption: { fontSize: "0.6875rem", lineHeight: "1rem", fontWeight: 400 }
+  }
+};
+var TokensContext = createContext2(defaultTokens);
+function TokensProvider({
+  tokens,
+  children
+}) {
+  return createElement(TokensContext.Provider, { value: tokens }, children);
+}
+function useTokens() {
+  return useContext2(TokensContext);
+}
+
+// src/containers/ThreadContainer.tsx
+import { ThreadPrimitive, useAuiState as useAuiState8 } from "@assistant-ui/react";
+
+// src/hooks/useComposerBusyState.ts
+import { useThreadIsRunning } from "@assistant-ui/core/react";
+import { createContext as createContext3, createElement as createElement2, useCallback, useContext as useContext3, useEffect, useState as useState4 } from "react";
+var ComposerBusyContext = createContext3(null);
+function useComposerBusyStateValue() {
+  const isRunning = useThreadIsRunning();
+  const [isSubmitting, setIsSubmitting] = useState4(false);
+  useEffect(() => {
+    if (!isRunning) {
+      setIsSubmitting(false);
+    }
+  }, [isRunning]);
+  const isBusy = isRunning || isSubmitting;
+  const resetBusy = useCallback(() => {
+    setIsSubmitting(false);
+  }, []);
+  const send = useCallback((sendFn) => {
+    setIsSubmitting(true);
+    try {
+      const result = sendFn();
+      if (result != null && typeof result.then === "function") {
+        void result.catch(() => {
+          setIsSubmitting(false);
+        });
+      }
+    } catch {
+      setIsSubmitting(false);
+    }
+  }, []);
+  return { isBusy, isRunning, isSubmitting, send, resetBusy };
+}
+function ComposerBusyProvider({ children }) {
+  const value = useComposerBusyStateValue();
+  return createElement2(ComposerBusyContext.Provider, { value }, children);
+}
+function useComposerBusyState() {
+  const value = useContext3(ComposerBusyContext);
+  if (value == null) {
+    throw new Error("useComposerBusyState must be used within ComposerBusyProvider");
+  }
+  return value;
+}
+
+// src/containers/AssistantMessageContainer.tsx
+import { groupPartByType, MessagePrimitive as MessagePrimitive2, useAui as useAui2 } from "@assistant-ui/react";
+import {
+  useActionBarCopy as useActionBarCopy2,
+  useMessageBranching,
+  useMessageError,
+  useThreadIsRunning as useThreadIsRunning2
+} from "@assistant-ui/core/react";
+
+// src/containers/AssistantTextContainer.tsx
+import { useCallback as useCallback3 } from "react";
+import { useAuiState as useAuiState2 } from "@assistant-ui/react";
+import { useTrueFoundryDownloadSandboxFile } from "@truefoundry/assistant-ui-runtime";
+
+// src/containers/ErrorToasterContainer.tsx
+import { createContext as createContext4, useCallback as useCallback2, useContext as useContext4, useMemo as useMemo3, useState as useState5 } from "react";
+import { TrueFoundryGatewayError } from "truefoundry-gateway-sdk";
+import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
+var ErrorToasterContext = createContext4(null);
+function formatErrorBody(body) {
+  if (body == null) return void 0;
+  if (typeof body === "string") return body;
+  try {
+    return JSON.stringify(body, null, 2);
+  } catch {
+    return String(body);
+  }
+}
+function normalizeError(error) {
+  if (error instanceof TrueFoundryGatewayError) {
+    const statusCode = error.statusCode;
+    const title = statusCode != null ? `Request failed (${statusCode})` : "Request failed";
+    const description = formatErrorBody(error.body) ?? (error.message || "The gateway returned an error.");
+    return { title, description };
+  }
+  if (error instanceof Error) {
+    return { title: "Something went wrong", description: error.message || "An unexpected error occurred." };
+  }
+  return { title: "Something went wrong", description: String(error) };
+}
+function ErrorToasterProvider({ children }) {
+  const ToastStack2 = useSlot("ToastStack");
+  const Toast2 = useSlot("Toast");
+  const [toast, setToast] = useState5(null);
+  const [open, setOpen] = useState5(false);
+  const showError = useCallback2((error) => {
+    setToast(normalizeError(error));
+    setOpen(true);
+  }, []);
+  const value = useMemo3(() => ({ showError }), [showError]);
+  return /* @__PURE__ */ jsx36(ErrorToasterContext.Provider, { value, children: /* @__PURE__ */ jsxs24(ToastStack2, { children: [
+    children,
+    toast != null && /* @__PURE__ */ jsx36(Toast2, { title: toast.title, description: toast.description, open, onOpenChange: setOpen })
+  ] }) });
+}
+function useErrorToaster() {
+  const context = useContext4(ErrorToasterContext);
+  if (context == null) {
+    throw new Error("useErrorToaster must be used within ErrorToasterProvider");
+  }
+  return context;
+}
+function useErrorToasterOptional() {
+  return useContext4(ErrorToasterContext);
+}
+
+// src/containers/AssistantTextContainer.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+function filenameFromPath(path) {
+  return path.split("/").pop() || "download";
+}
+function triggerBrowserDownload(blob, filename) {
+  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);
+}
+function AssistantTextContainer() {
+  const Markdown2 = useSlot("Markdown");
+  const downloadSandboxFile = useTrueFoundryDownloadSandboxFile();
+  const errorToaster = useErrorToasterOptional();
+  const text = useAuiState2(
+    (s) => s.part.type === "text" || s.part.type === "reasoning" ? s.part.text : ""
+  );
+  const isStreaming = useAuiState2((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 = useCallback3(
+    (path) => 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 /* @__PURE__ */ jsx37(Markdown2, { content: text, isStreaming, onDownloadArtifact: handleDownloadArtifact });
+}
+
+// src/containers/MessageImageContainer.tsx
+import { useAuiState as useAuiState3 } from "@assistant-ui/react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function MessageImageContainer() {
+  const AttachmentPreviewDialog2 = useSlot("AttachmentPreviewDialog");
+  const image = useAuiState3((s) => s.part.type === "image" ? s.part.image : "");
+  const filename = useAuiState3(
+    (s) => s.part.type === "image" ? s.part.filename : void 0
+  );
+  if (!image) {
+    return null;
+  }
+  const card = /* @__PURE__ */ jsx38(
+    AttachmentCard,
+    {
+      name: filename ?? "image",
+      previewSrc: image,
+      isImage: true,
+      size: "preview",
+      previewRem: USER_MESSAGE_ATTACHMENT_PREVIEW_REM
+    }
+  );
+  return /* @__PURE__ */ jsx38(AttachmentPreviewDialog2, { previewSrc: image, children: /* @__PURE__ */ jsx38("div", { className: "aui-message-image", children: card }) });
+}
+
+// src/containers/ReasoningContainer.tsx
+import { useState as useState6 } from "react";
+import { useAuiState as useAuiState4 } from "@assistant-ui/react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function ReasoningContainer({ group, children }) {
+  const ReasoningCard2 = useSlot("ReasoningCard");
+  const streaming = useAuiState4((s) => {
+    if (s.message.status?.type !== "running") return false;
+    const lastIndex = s.message.parts.length - 1;
+    if (lastIndex < 0) return false;
+    if (s.message.parts[lastIndex]?.type !== "reasoning") return false;
+    return lastIndex >= group.indices[0] && lastIndex <= group.indices[group.indices.length - 1];
+  });
+  const [expanded, setExpanded] = useState6(streaming);
+  const [prevStreaming, setPrevStreaming] = useState6(streaming);
+  if (streaming !== prevStreaming) {
+    setPrevStreaming(streaming);
+    if (streaming) setExpanded(true);
+  }
+  return /* @__PURE__ */ jsx39(ReasoningCard2, { streaming, expanded, onToggle: () => setExpanded((prev) => !prev), children });
+}
+
+// src/containers/ToolCallContainer.tsx
+import { useState as useState7 } from "react";
+import {
+  MessagePrimitive,
+  useToolCallElapsed
+} from "@assistant-ui/react";
+import { useTrueFoundryRespondToToolApproval } from "@truefoundry/assistant-ui-runtime";
+
+// src/containers/nestedApprovalBridge.ts
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var NestedApprovalBridgeContext = createContext5(
+  null
+);
+function useNestedApprovalBridge() {
+  return useContext5(NestedApprovalBridgeContext);
+}
+
+// src/containers/ToolCallContainer.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+var SUB_AGENT_TOOL_NAME = "create_sub_agent";
+var APPROVAL_OPTION_DEFAULT_LABELS = {
+  "allow-once": "Allow",
+  "allow-always": "Always allow",
+  "reject-once": "Deny",
+  "reject-always": "Always deny"
+};
+var isAllowKind = (kind) => kind === "allow-once" || kind === "allow-always";
+function hasPendingToolApproval(approval) {
+  return approval != null && approval.approved === void 0 && approval.resolution === void 0;
+}
+function buildApprovalOptions(options) {
+  const declared = options?.filter((o) => Object.hasOwn(APPROVAL_OPTION_DEFAULT_LABELS, o.kind));
+  if (declared && declared.length > 0) {
+    const allow = declared.filter((o) => isAllowKind(o.kind));
+    const reject = declared.filter((o) => !isAllowKind(o.kind));
+    const mapped = [...allow, ...reject].map((o) => ({
+      id: o.id,
+      label: o.label ?? APPROVAL_OPTION_DEFAULT_LABELS[o.kind] ?? o.id,
+      isAllow: isAllowKind(o.kind),
+      grants: o.grants,
+      confirm: o.confirm != null ? typeof o.confirm === "object" ? o.confirm : {} : void 0
+    }));
+    if (reject.length === 0) {
+      mapped.push({ id: "__deny", label: "Deny", isAllow: false });
+    }
+    return mapped;
+  }
+  return [
+    { id: "__allow", label: "Allow", isAllow: true },
+    { id: "__deny", label: "Deny", isAllow: false }
+  ];
+}
+function formatDuration(ms) {
+  if (ms < 1e3) return "<1s";
+  const seconds = ms / 1e3;
+  if (seconds < 10) return `${(Math.floor(seconds * 10) / 10).toFixed(1)}s`;
+  if (seconds < 60) return `${Math.floor(seconds)}s`;
+  return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`;
+}
+function toStatus(statusType) {
+  if (statusType === "complete") return "success";
+  if (statusType === "incomplete") return "error";
+  return "running";
+}
+function ToolApprovalSlot({ part }) {
+  const ToolApprovalBar2 = useSlot("ToolApprovalBar");
+  const nestedBridge = useNestedApprovalBridge();
+  const respond = (response) => {
+    if (nestedBridge) {
+      nestedBridge(response);
+      return;
+    }
+    part.respondToApproval(response);
+  };
+  const onSelectOption = (optionId) => {
+    if (optionId === "__allow") return respond({ approved: true });
+    if (optionId === "__deny") return respond({ approved: false });
+    return respond({ optionId });
+  };
+  return /* @__PURE__ */ jsx40(ToolApprovalBar2, { options: buildApprovalOptions(part.approval?.options), onSelectOption });
+}
+var ToolCallContainer = (part) => {
+  const ToolCallCard2 = useSlot("ToolCallCard");
+  const respondToNestedApproval = useTrueFoundryRespondToToolApproval();
+  const elapsedMs = useToolCallElapsed();
+  const isRequiresAction = part.status?.type === "requires-action";
+  const [expanded, setExpanded] = useState7(isRequiresAction);
+  const [prevRequiresAction, setPrevRequiresAction] = useState7(isRequiresAction);
+  if (isRequiresAction !== prevRequiresAction) {
+    setPrevRequiresAction(isRequiresAction);
+    if (isRequiresAction) setExpanded(true);
+  }
+  const showApproval = isRequiresAction && hasPendingToolApproval(part.approval);
+  const isSubAgent = part.toolName === SUB_AGENT_TOOL_NAME;
+  const durationText = elapsedMs === void 0 ? void 0 : formatDuration(elapsedMs);
+  const status = toStatus(part.status?.type);
+  if (isSubAgent) {
+    const firstNested = part.messages?.[0];
+    const subAgent = firstNested?.metadata?.custom?.subAgent;
+    const agentName = subAgent?.title ?? subAgent?.name ?? part.toolName;
+    const instruction = subAgent?.input ?? "";
+    const stepCount = part.messages?.length ?? 0;
+    const bridge = (response) => {
+      if (part.approval == null) return;
+      const approved = "approved" in response ? response.approved : void 0;
+      if (approved === void 0) return;
+      respondToNestedApproval({ approvalId: part.approval.id, approved });
+    };
+    return /* @__PURE__ */ jsx40(
+      ToolCallCard2,
+      {
+        variant: "sub-agent",
+        name: part.toolName,
+        status,
+        expanded,
+        onToggle: () => setExpanded((prev) => !prev),
+        durationText,
+        agentName,
+        instruction,
+        stepCount,
+        children: /* @__PURE__ */ jsx40(NestedApprovalBridgeContext.Provider, { value: bridge, children: /* @__PURE__ */ jsx40(MessagePrimitive.Root, { "data-role": "assistant", children: /* @__PURE__ */ jsx40(MessagePrimitive.Parts, { components: { tools: { Fallback: ToolCallContainer } } }) }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx40(
+    ToolCallCard2,
+    {
+      variant: "tool",
+      name: part.toolName,
+      status,
+      expanded,
+      onToggle: () => setExpanded((prev) => !prev),
+      durationText,
+      argsText: part.argsText,
+      result: part.result === void 0 ? void 0 : typeof part.result === "string" ? part.result : JSON.stringify(part.result, null, 2),
+      isError: part.isError,
+      approvalSlot: showApproval ? /* @__PURE__ */ jsx40(ToolApprovalSlot, { part }) : void 0
+    }
+  );
+};
+
+// src/containers/ToolGroupContainer.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+function ToolGroupContainer({ group, children }) {
+  const ToolGroupCard2 = useSlot("ToolGroupCard");
+  const [expanded, setExpanded] = useState8(true);
+  return /* @__PURE__ */ jsx41(
+    ToolGroupCard2,
+    {
+      toolCallCount: group.indices.length,
+      active: group.status.type === "running",
+      expanded,
+      onToggle: () => setExpanded((prev) => !prev),
+      children
+    }
+  );
+}
+
+// src/containers/AssistantMessageContainer.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+function AssistantLeafPartContainer({ part }) {
+  switch (part.type) {
+    case "text":
+    case "reasoning":
+      return /* @__PURE__ */ jsx42(AssistantTextContainer, {});
+    case "image":
+      return /* @__PURE__ */ jsx42(MessageImageContainer, {});
+    case "tool-call":
+      return /* @__PURE__ */ jsx42(ToolCallContainer, { ...part });
+    default:
+      return null;
+  }
+}
+function downloadMarkdown(text) {
+  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);
+}
+function AssistantMessageContainer() {
+  const MessageBubble2 = useSlot("MessageBubble");
+  const MessageIndicator2 = useSlot("MessageIndicator");
+  const MessageErrorBanner2 = useSlot("MessageErrorBanner");
+  const MessageActionBar2 = useSlot("MessageActionBar");
+  const BranchIndicator2 = useSlot("BranchIndicator");
+  const aui = useAui2();
+  const isRunning = useThreadIsRunning2();
+  const error = useMessageError();
+  const { copy, isCopied } = useActionBarCopy2({
+    copyToClipboard: (text) => navigator.clipboard.writeText(text)
+  });
+  const { branchNumber, branchCount, goToPrev, goToNext } = useMessageBranching();
+  return /* @__PURE__ */ jsx42(MessagePrimitive2.Root, { "data-role": "assistant", children: /* @__PURE__ */ jsx42(
+    MessageBubble2,
+    {
+      variant: "assistant",
+      error: error !== void 0 ? /* @__PURE__ */ jsx42(MessageErrorBanner2, { message: String(error) }) : void 0,
+      branchIndicator: /* @__PURE__ */ jsx42(
+        BranchIndicator2,
+        {
+          index: branchNumber,
+          count: branchCount,
+          onPrevious: goToPrev,
+          onNext: goToNext
+        }
+      ),
+      actionBar: !isRunning ? /* @__PURE__ */ jsx42(
+        MessageActionBar2,
+        {
+          isCopied,
+          onCopy: copy,
+          onExportMarkdown: () => downloadMarkdown(aui.message().getCopyText())
+        }
+      ) : void 0,
+      children: /* @__PURE__ */ jsx42(
+        MessagePrimitive2.GroupedParts,
+        {
+          groupBy: groupPartByType({
+            reasoning: ["group-chainOfThought", "group-reasoning"],
+            "tool-call": ["group-chainOfThought", "group-tool"],
+            "standalone-tool-call": []
+          }),
+          children: ({ part, children }) => {
+            switch (part.type) {
+              case "group-chainOfThought":
+                return /* @__PURE__ */ jsx42("div", { "data-slot": "aui_chain-of-thought", className: "flex flex-col gap-3", children });
+              case "group-tool":
+                return /* @__PURE__ */ jsx42(ToolGroupContainer, { group: part, children });
+              case "group-reasoning":
+                return /* @__PURE__ */ jsx42(ReasoningContainer, { group: part, children });
+              case "text":
+              case "reasoning":
+              case "tool-call":
+              case "image":
+              case "data":
+                return /* @__PURE__ */ jsx42(AssistantLeafPartContainer, { part });
+              case "indicator":
+                return /* @__PURE__ */ jsx42(MessageIndicator2, {});
+              default:
+                return null;
+            }
+          }
+        }
+      )
+    }
+  ) });
+}
+
+// src/containers/UserEditComposerContainer.tsx
+import {
+  ComposerPrimitive as ComposerPrimitive2,
+  MessagePrimitive as MessagePrimitive4,
+  useAuiState as useAuiState7
+} from "@assistant-ui/react";
+import { useThreadIsRunning as useThreadIsRunning3 } from "@assistant-ui/core/react";
+
+// src/containers/AttachmentsContainer.tsx
+import { ComposerPrimitive, MessagePrimitive as MessagePrimitive3, useAui as useAui3, useAuiState as useAuiState6 } from "@assistant-ui/react";
+
+// src/containers/useAttachmentPreviewSrc.ts
+import { useEffect as useEffect2, useState as useState9 } from "react";
+import { useAuiState as useAuiState5 } from "@assistant-ui/react";
+function isImageAttachment(type, contentType) {
+  return type === "image" || (contentType?.startsWith("image/") ?? false);
+}
+function useFileObjectUrl(file) {
+  const [src, setSrc] = useState9(void 0);
+  useEffect2(() => {
+    if (!file) {
+      setSrc(void 0);
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setSrc(objectUrl);
+    return () => URL.revokeObjectURL(objectUrl);
+  }, [file]);
+  return src;
+}
+function useAttachmentPreviewSrc() {
+  const type = useAuiState5((s) => s.attachment.type);
+  const contentType = useAuiState5((s) => s.attachment.contentType);
+  const file = useAuiState5((s) => "file" in s.attachment ? s.attachment.file : void 0);
+  const contentSrc = useAuiState5((s) => {
+    if (!isImageAttachment(s.attachment.type, s.attachment.contentType)) return void 0;
+    const imagePart = s.attachment.content?.find((part) => part.type === "image");
+    if (imagePart?.type === "image" && imagePart.image) return imagePart.image;
+    return void 0;
+  });
+  const image = isImageAttachment(type, contentType);
+  const fileSrc = useFileObjectUrl(image ? file : void 0);
+  if (!image) return void 0;
+  return fileSrc ?? contentSrc;
+}
+
+// src/containers/AttachmentsContainer.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+function ComposerAttachmentItem() {
+  const AttachmentCard2 = useSlot("AttachmentCard");
+  const AttachmentPreviewDialog2 = useSlot("AttachmentPreviewDialog");
+  const aui = useAui3();
+  const name = useAuiState6((s) => s.attachment.name);
+  const contentType = useAuiState6((s) => s.attachment.contentType);
+  const type = useAuiState6((s) => s.attachment.type);
+  const isImage = isImageAttachment(type, contentType);
+  const previewSrc = useAttachmentPreviewSrc();
+  return /* @__PURE__ */ jsx43(AttachmentPreviewDialog2, { previewSrc, children: /* @__PURE__ */ jsx43(
+    AttachmentCard2,
+    {
+      name,
+      contentType,
+      previewSrc,
+      isImage,
+      size: "chip",
+      onRemove: () => void aui.attachment().remove()
+    }
+  ) });
+}
+function MessageAttachmentItem() {
+  const AttachmentCard2 = useSlot("AttachmentCard");
+  const AttachmentPreviewDialog2 = useSlot("AttachmentPreviewDialog");
+  const name = useAuiState6((s) => s.attachment.name);
+  const contentType = useAuiState6((s) => s.attachment.contentType);
+  const type = useAuiState6((s) => s.attachment.type);
+  const isImage = isImageAttachment(type, contentType);
+  const previewSrc = useAttachmentPreviewSrc();
+  const card = /* @__PURE__ */ jsx43(
+    AttachmentCard2,
+    {
+      name,
+      contentType,
+      previewSrc,
+      isImage,
+      size: isImage ? "preview" : "chip",
+      previewRem: USER_MESSAGE_ATTACHMENT_PREVIEW_REM
+    }
+  );
+  if (isImage && previewSrc) {
+    return /* @__PURE__ */ jsx43(AttachmentPreviewDialog2, { previewSrc, children: card });
+  }
+  return card;
+}
+function ComposerAttachmentsContainer() {
+  return /* @__PURE__ */ jsx43("div", { className: "aui-composer-attachments flex w-full flex-row flex-wrap items-center gap-2 empty:hidden", children: /* @__PURE__ */ jsx43(ComposerPrimitive.Attachments, { children: () => /* @__PURE__ */ jsx43(ComposerAttachmentItem, {}) }) });
+}
+function MessageAttachmentsContainer() {
+  return /* @__PURE__ */ jsx43("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", children: /* @__PURE__ */ jsx43(MessagePrimitive3.Attachments, { children: () => /* @__PURE__ */ jsx43(MessageAttachmentItem, {}) }) });
+}
+function ComposerAttachmentPickerContainer() {
+  const AttachmentPickerButton2 = useSlot("AttachmentPickerButton");
+  return /* @__PURE__ */ jsx43(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx43(AttachmentPickerButton2, {}) });
+}
+
+// src/containers/UserEditComposerContainer.tsx
+import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+function ReadOnlyMessageAttachments() {
+  const hasAttachments = useAuiState7(
+    (s) => (s.message.attachments?.length ?? 0) > 0
+  );
+  if (!hasAttachments) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx44("div", { className: "pointer-events-none opacity-90", children: /* @__PURE__ */ jsx44(MessageAttachmentsContainer, {}) });
+}
+function UserEditComposerContainer() {
+  const Button2 = useSlot("Button");
+  const isRunning = useThreadIsRunning3();
+  return /* @__PURE__ */ jsx44(MessagePrimitive4.Root, { "data-role": "user", children: /* @__PURE__ */ jsxs25(
+    "div",
+    {
+      "data-slot": "aui_user-edit-composer-root",
+      className: "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-150 [&:where(>*)]:col-start-2",
+      children: [
+        /* @__PURE__ */ jsx44(ReadOnlyMessageAttachments, {}),
+        /* @__PURE__ */ jsx44(ComposerPrimitive2.Root, { asChild: true, children: /* @__PURE__ */ jsx44("div", { className: "aui-user-edit-composer col-start-2 min-w-0", children: /* @__PURE__ */ jsxs25("div", { className: "ring-primary/60 bg-muted rounded-xl px-4 py-3 ring-2", children: [
+          /* @__PURE__ */ jsx44(
+            ComposerPrimitive2.Input,
+            {
+              disabled: isRunning,
+              className: "placeholder:text-muted-foreground/80 max-h-32 min-h-10 w-full resize-none bg-transparent text-base outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsxs25("div", { className: "mt-3 flex items-end justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs25("p", { className: "text-muted-foreground text-xs", children: [
+              /* @__PURE__ */ jsx44("kbd", { className: "bg-background/60 rounded border px-1 py-0.5 font-sans text-[10px]", children: "Enter" }),
+              " ",
+              "to save",
+              " ",
+              /* @__PURE__ */ jsx44("kbd", { className: "bg-background/60 rounded border px-1 py-0.5 font-sans text-[10px]", children: "Esc" }),
+              " ",
+              "to cancel"
+            ] }),
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx44(ComposerPrimitive2.Cancel, { asChild: true, children: /* @__PURE__ */ jsx44(
+                Button2,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-muted-foreground h-8 px-2",
+                  children: "Cancel"
+                }
+              ) }),
+              /* @__PURE__ */ jsx44(ComposerPrimitive2.Send, { asChild: true, children: /* @__PURE__ */ jsx44(
+                Button2,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: cn("h-8 rounded-lg px-3"),
+                  disabled: isRunning,
+                  children: "Send"
+                }
+              ) })
+            ] })
+          ] })
+        ] }) }) })
+      ]
+    }
+  ) });
+}
+
+// src/containers/UserMessageContainer.tsx
+import { MessagePrimitive as MessagePrimitive5 } from "@assistant-ui/react";
+import { useThreadIsRunning as useThreadIsRunning4 } from "@assistant-ui/core/react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+function UserMessageContainer() {
+  const MessageBubble2 = useSlot("MessageBubble");
+  const UserMessageActionBar2 = useSlot("UserMessageActionBar");
+  const isRunning = useThreadIsRunning4();
+  return /* @__PURE__ */ jsx45(MessagePrimitive5.Root, { "data-role": "user", children: /* @__PURE__ */ jsx45(
+    MessageBubble2,
+    {
+      variant: "user",
+      attachments: /* @__PURE__ */ jsx45(MessageAttachmentsContainer, {}),
+      actionBar: !isRunning ? /* @__PURE__ */ jsx45(UserMessageActionBar2, {}) : void 0,
+      children: /* @__PURE__ */ jsx45(MessagePrimitive5.Parts, { components: { Text: AssistantTextContainer } })
+    }
+  ) });
+}
+
+// src/containers/ThreadContainer.tsx
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+var isNewChatView = (s) => s.thread.messages.length === 0 && (!s.thread.isLoading || s.threads.isLoading);
+function ThreadMessage({ isEditing }) {
+  const role = useAuiState8((s) => s.message.role);
+  if (role === "user") {
+    if (isEditing) {
+      return /* @__PURE__ */ jsx46(UserEditComposerContainer, {});
+    }
+    return /* @__PURE__ */ jsx46(UserMessageContainer, {});
+  }
+  return /* @__PURE__ */ jsx46(AssistantMessageContainer, {});
+}
+function ThreadContainer({ composer }) {
+  const ThreadRootShell2 = useSlot("ThreadRootShell");
+  const ThreadViewportShell2 = useSlot("ThreadViewportShell");
+  const ThreadComposerAreaShell2 = useSlot("ThreadComposerAreaShell");
+  const MessageGroup2 = useSlot("MessageGroup");
+  const WelcomeScreen2 = useSlot("WelcomeScreen");
+  const MessageListSkeleton2 = useSlot("MessageListSkeleton");
+  const ScrollToBottomButton2 = useSlot("ScrollToBottomButton");
+  const isEmpty = useAuiState8(isNewChatView);
+  const isLoading = useAuiState8((s) => s.thread.isLoading);
+  return /* @__PURE__ */ jsx46(ComposerBusyProvider, { children: /* @__PURE__ */ jsx46(ThreadPrimitive.Root, { asChild: true, children: /* @__PURE__ */ jsxs26(ThreadRootShell2, { children: [
+    /* @__PURE__ */ jsx46(ThreadPrimitive.Viewport, { asChild: true, turnAnchor: "top", autoScroll: true, children: /* @__PURE__ */ jsxs26(ThreadViewportShell2, { isEmpty, children: [
+      isEmpty && /* @__PURE__ */ jsx46(WelcomeScreen2, {}),
+      isLoading ? /* @__PURE__ */ jsx46(MessageListSkeleton2, {}) : /* @__PURE__ */ jsx46(MessageGroup2, { children: /* @__PURE__ */ jsx46(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx46(
+        ThreadMessage,
+        {
+          isEditing: message.role === "user" && message.composer.isEditing
+        }
+      ) }) })
+    ] }) }),
+    !isLoading && /* @__PURE__ */ jsxs26(ThreadComposerAreaShell2, { isEmpty, children: [
+      /* @__PURE__ */ jsx46(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx46(ScrollToBottomButton2, {}) }),
+      composer
+    ] })
+  ] }) }) });
+}
+
+// src/containers/ComposerContainer.tsx
+import { useRef } from "react";
+import { useAui as useAui4, useAuiState as useAuiState9 } from "@assistant-ui/react";
+import { useTrueFoundryCancel, useTrueFoundryToolResponses as useTrueFoundryToolResponses2 } from "@truefoundry/assistant-ui-runtime";
+
+// src/containers/AskUserContainer.tsx
+import { useState as useState10 } from "react";
+import { useTrueFoundryToolResponses } from "@truefoundry/assistant-ui-runtime";
+import { useThreadIsRunning as useThreadIsRunning5 } from "@assistant-ui/core/react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var OTHER_OPTION_ID2 = "__other";
+function AskUserContainer() {
+  const AskUserPrompt2 = useSlot("AskUserPrompt");
+  const { pending, respond } = useTrueFoundryToolResponses();
+  const isRunning = useThreadIsRunning5();
+  const [selectedOptionId, setSelectedOptionId] = useState10(void 0);
+  const [otherValue, setOtherValue] = useState10("");
+  const item = pending[0];
+  if (item == null) return null;
+  const options = (item.options ?? []).map((option) => ({ id: option, label: option }));
+  const allowOther = options.length === 0;
+  const onSubmit = () => {
+    const content = selectedOptionId != null && selectedOptionId !== OTHER_OPTION_ID2 ? options.find((o) => o.id === selectedOptionId)?.label ?? "" : otherValue.trim();
+    if (!content) return;
+    respond({ toolCallId: item.toolCallId, content });
+    setSelectedOptionId(void 0);
+    setOtherValue("");
+  };
+  return /* @__PURE__ */ jsx47(
+    AskUserPrompt2,
+    {
+      question: item.question ?? "Answer required",
+      options,
+      allowOther,
+      selectedOptionId,
+      otherValue,
+      disabled: isRunning,
+      onSelectOption: setSelectedOptionId,
+      onOtherValueChange: setOtherValue,
+      onSubmit
+    }
+  );
+}
+
+// src/containers/McpAuthContainer.tsx
+import { useTrueFoundryMcpAuth } from "@truefoundry/assistant-ui-runtime";
+import { useThreadIsRunning as useThreadIsRunning6 } from "@assistant-ui/core/react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+function McpAuthContainer() {
+  const McpAuthPrompt2 = useSlot("McpAuthPrompt");
+  const { pending, resume } = useTrueFoundryMcpAuth();
+  const isRunning = useThreadIsRunning6();
+  if (!pending) return null;
+  return /* @__PURE__ */ jsx48(
+    McpAuthPrompt2,
+    {
+      servers: pending.mcpServers,
+      disabled: isRunning,
+      onContinue: () => void resume()
+    }
+  );
+}
+
+// src/containers/ComposerContainer.tsx
+import { Fragment as Fragment3, jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+var threadHasPendingMcpAuth = (s) => {
+  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?.pendingMcpAuth === true;
+};
+function ComposerContainer() {
+  const ComposerShell2 = useSlot("ComposerShell");
+  const aui = useAui4();
+  const text = useAuiState9((s) => s.composer.text);
+  const { isBusy, send, resetBusy } = useComposerBusyState();
+  const mcpPending = useAuiState9(threadHasPendingMcpAuth);
+  const { pending: toolResponsesPending } = useTrueFoundryToolResponses2();
+  const cancel = useTrueFoundryCancel();
+  const fileInputRef = useRef(null);
+  if (mcpPending) {
+    return /* @__PURE__ */ jsx49(McpAuthContainer, {});
+  }
+  if (toolResponsesPending.length > 0) {
+    return /* @__PURE__ */ jsx49(AskUserContainer, {});
+  }
+  return /* @__PURE__ */ jsxs27(Fragment3, { children: [
+    /* @__PURE__ */ jsx49(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        hidden: true,
+        onChange: (event) => {
+          const file = event.target.files?.[0];
+          if (file) void aui.composer().addAttachment(file);
+          event.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx49(
+      ComposerShell2,
+      {
+        attachments: /* @__PURE__ */ jsx49(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()
+      }
+    )
+  ] });
+}
+
+// src/containers/ThreadListContainer.tsx
+import { useAui as useAui5, useAuiState as useAuiState10 } from "@assistant-ui/react";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+function ThreadListContainer() {
+  const ThreadListShell2 = useSlot("ThreadListShell");
+  const ThreadListNewButton2 = useSlot("ThreadListNewButton");
+  const ThreadListRow2 = useSlot("ThreadListRow");
+  const ThreadListRowSkeleton2 = useSlot("ThreadListRowSkeleton");
+  const ThreadListEmptyState2 = useSlot("ThreadListEmptyState");
+  const Button2 = useSlot("Button");
+  const aui = useAui5();
+  const isLoading = useAuiState10((s) => s.threads.isLoading);
+  const isLoadingMore = useAuiState10((s) => s.threads.isLoadingMore);
+  const hasMore = useAuiState10((s) => s.threads.hasMore);
+  const threadIds = useAuiState10((s) => s.threads.threadIds);
+  const threadItems = useAuiState10((s) => s.threads.threadItems);
+  const mainThreadId = useAuiState10((s) => s.threads.mainThreadId);
+  const itemsById = new Map(threadItems.map((item) => [item.id, item]));
+  return /* @__PURE__ */ jsxs28(ThreadListShell2, { header: /* @__PURE__ */ jsx50(ThreadListNewButton2, { onClick: () => aui.threads().switchToNewThread() }), children: [
+    isLoading ? /* @__PURE__ */ jsx50(ThreadListRowSkeleton2, {}) : threadIds.length === 0 ? /* @__PURE__ */ jsx50(ThreadListEmptyState2, {}) : threadIds.map((id) => {
+      const item = itemsById.get(id);
+      return /* @__PURE__ */ jsx50(
+        ThreadListRow2,
+        {
+          title: item?.title ?? "New Chat",
+          active: id === mainThreadId,
+          onSelect: () => aui.threads().switchToThread(id),
+          onArchive: () => aui.threads().item({ id }).archive(),
+          onDelete: () => aui.threads().item({ id }).delete()
+        },
+        id
+      );
+    }),
+    !isLoading && hasMore && (isLoadingMore ? /* @__PURE__ */ jsx50(ThreadListRowSkeleton2, { count: 1 }) : /* @__PURE__ */ jsx50(Button2, { variant: "ghost", onClick: () => void aui.threads().loadMore(), children: "Load more" }))
+  ] });
+}
+
+// src/containers/Thread.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+function Thread() {
+  return /* @__PURE__ */ jsx51(ThreadContainer, { composer: /* @__PURE__ */ jsx51(ComposerContainer, {}) });
+}
+export {
+  AskUserContainer,
+  AskUserPrompt,
+  AssistantMessageContainer,
+  AssistantTextContainer,
+  AttachmentCard,
+  AttachmentPickerButton,
+  AttachmentPreviewDialog,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  BranchIndicator,
+  Button,
+  CodeBlockHeader,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  ComposerAttachmentPickerContainer,
+  ComposerAttachmentsContainer,
+  ComposerBusyProvider,
+  ComposerContainer,
+  ComposerShell,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  ErrorToasterProvider,
+  IconButton,
+  Markdown,
+  McpAuthContainer,
+  McpAuthPrompt,
+  MessageActionBar,
+  MessageAttachmentsContainer,
+  MessageBubble,
+  MessageErrorBanner,
+  MessageGroup,
+  MessageIndicator,
+  MessageListSkeleton,
+  OpenUIBlock,
+  ReasoningCard,
+  ReasoningContainer,
+  SandboxArtifactList,
+  ScrollToBottomButton,
+  Skeleton,
+  SlotsProvider,
+  Thread,
+  ThreadComposerAreaShell,
+  ThreadContainer,
+  ThreadListContainer,
+  ThreadListEmptyState,
+  ThreadListNewButton,
+  ThreadListRow,
+  ThreadListRowSkeleton,
+  ThreadListShell,
+  ThreadRootShell,
+  ThreadViewportShell,
+  Toast,
+  ToastStack,
+  TokensProvider,
+  ToolApprovalBar,
+  ToolCallCard,
+  ToolCallContainer,
+  ToolGroupCard,
+  ToolGroupContainer,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  USER_MESSAGE_ATTACHMENT_PREVIEW_REM,
+  UserEditComposerContainer,
+  UserMessageActionBar,
+  UserMessageContainer,
+  WelcomeScreen,
+  buttonVariants,
+  defaultSlots,
+  defaultTokens,
+  useComposerBusyState,
+  useErrorToaster,
+  useErrorToasterOptional,
+  useSlot,
+  useTokens
+};
+//# sourceMappingURL=index.js.map