@aigentyc/chat-sdk 0.4.0 → 0.5.0

package/dist/ai-elements.cjs

@@ -1,27 +1,27 @@
 "use client";
 'use strict';
 
-var chunk4WOBNRRB_cjs = require('./chunk-4WOBNRRB.cjs');
+var chunkDDATCJ3O_cjs = require('./chunk-DDATCJ3O.cjs');
+var chunkKTYYLZN7_cjs = require('./chunk-KTYYLZN7.cjs');
 require('./chunk-X7R334SB.cjs');
 require('./chunk-3MP2EGEJ.cjs');
 var chunkJOO6C3XT_cjs = require('./chunk-JOO6C3XT.cjs');
-var chunkOU5OZKYH_cjs = require('./chunk-OU5OZKYH.cjs');
-var chunkTZ7EM3EG_cjs = require('./chunk-TZ7EM3EG.cjs');
+var chunkY4B45DW4_cjs = require('./chunk-Y4B45DW4.cjs');
+var chunkEMVZ7HWM_cjs = require('./chunk-EMVZ7HWM.cjs');
 var chunkAWAJOSFP_cjs = require('./chunk-AWAJOSFP.cjs');
 var chunk525KS5HM_cjs = require('./chunk-525KS5HM.cjs');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
-var React2 = require('react');
-var streamdown = require('streamdown');
 var shiki = require('shiki');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
+var streamdown = require('streamdown');
 var react = require('motion/react');
 var tokenlens = require('tokenlens');
 var react$1 = require('@xyflow/react');
 var cmdk = require('cmdk');
+var classVarianceAuthority = require('class-variance-authority');
 var nanoid = require('nanoid');
 require('@xyflow/react/dist/style.css');
 
@@ -46,454 +46,6 @@ function _interopNamespace(e) {
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 
-var buttonGroupVariants = classVarianceAuthority.cva(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": orientation,
-      className: chunk525KS5HM_cjs.cn(buttonGroupVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Message = ({ className, from, fullWidth, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: chunk525KS5HM_cjs.cn(
-      "group flex w-full flex-col gap-2",
-      fullWidth ? "" : from === "assistant" ? "max-w-[var(--ac-assistant-max-width,95%)]" : "max-w-[95%]",
-      from === "user" ? "is-user justify-end" : "is-assistant",
-      className
-    ),
-    ...props
-  }
-);
-var MessageContent = ({
-  children,
-  className,
-  fullWidth,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: chunk525KS5HM_cjs.cn(
-      "flex min-w-0 flex-col gap-2 overflow-hidden",
-      fullWidth ? "w-full" : "w-fit max-w-full",
-      "group-[.is-user]:ml-auto group-[.is-user]:px-6 group-[.is-user]:py-4 group-[.is-user]:text-foreground group-[.is-user]:rounded-bl-[24px] group-[.is-user]:rounded-br-[24px] group-[.is-user]:rounded-tl-[4px] group-[.is-user]:rounded-tr-[24px] group-[.is-user]:bg-[var(--ac-user-bubble-bg,#f0f4f8)]",
-      "group-[.is-assistant]:text-foreground group-[.is-assistant]:w-full",
-      className
-    ),
-    ...props,
-    children
-  }
-);
-var MessageActions = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk525KS5HM_cjs.cn("flex items-center gap-1", className), ...props, children });
-var MessageAction = ({
-  tooltip,
-  children,
-  label,
-  variant = "ghost",
-  size = "icon-sm",
-  ...props
-}) => {
-  const button = /* @__PURE__ */ jsxRuntime.jsxs(chunkTZ7EM3EG_cjs.Button, { size, type: "button", variant, ...props, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label || tooltip })
-  ] });
-  if (tooltip) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip }) })
-    ] }) });
-  }
-  return button;
-};
-var MessageBranchContext = React2.createContext(
-  null
-);
-var useMessageBranch = () => {
-  const context = React2.useContext(MessageBranchContext);
-  if (!context) {
-    throw new Error(
-      "MessageBranch components must be used within MessageBranch"
-    );
-  }
-  return context;
-};
-var MessageBranch = ({
-  defaultBranch = 0,
-  onBranchChange,
-  className,
-  ...props
-}) => {
-  const [currentBranch, setCurrentBranch] = React2.useState(defaultBranch);
-  const [branches, setBranches] = React2.useState([]);
-  const handleBranchChange = (newBranch) => {
-    setCurrentBranch(newBranch);
-    onBranchChange?.(newBranch);
-  };
-  const goToPrevious = () => {
-    const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
-    handleBranchChange(newBranch);
-  };
-  const goToNext = () => {
-    const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
-    handleBranchChange(newBranch);
-  };
-  const contextValue = {
-    currentBranch,
-    totalBranches: branches.length,
-    goToPrevious,
-    goToNext,
-    branches,
-    setBranches
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(MessageBranchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunk525KS5HM_cjs.cn("grid w-full gap-2 [&>div]:pb-0", className),
-      ...props
-    }
-  ) });
-};
-var MessageBranchContent = ({
-  children,
-  ...props
-}) => {
-  const { currentBranch, setBranches, branches } = useMessageBranch();
-  const childrenArray = Array.isArray(children) ? children : [children];
-  React2.useEffect(() => {
-    if (branches.length !== childrenArray.length) {
-      setBranches(childrenArray);
-    }
-  }, [childrenArray, branches, setBranches]);
-  return childrenArray.map((branch, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "grid gap-2 overflow-hidden [&>div]:pb-0",
-        index === currentBranch ? "block" : "hidden"
-      ),
-      ...props,
-      children: branch
-    },
-    branch.key
-  ));
-};
-var MessageBranchSelector = ({
-  className,
-  from,
-  ...props
-}) => {
-  const { totalBranches } = useMessageBranch();
-  if (totalBranches <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ButtonGroup,
-    {
-      className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
-      orientation: "horizontal",
-      ...props
-    }
-  );
-};
-var MessageBranchPrevious = ({
-  children,
-  ...props
-}) => {
-  const { goToPrevious, totalBranches } = useMessageBranch();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
-    {
-      "aria-label": "Previous branch",
-      disabled: totalBranches <= 1,
-      onClick: goToPrevious,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { size: 14 })
-    }
-  );
-};
-var MessageBranchNext = ({
-  children,
-  className,
-  ...props
-}) => {
-  const { goToNext, totalBranches } = useMessageBranch();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
-    {
-      "aria-label": "Next branch",
-      disabled: totalBranches <= 1,
-      onClick: goToNext,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { size: 14 })
-    }
-  );
-};
-var MessageBranchPage = ({
-  className,
-  ...props
-}) => {
-  const { currentBranch, totalBranches } = useMessageBranch();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ButtonGroupText,
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "border-none bg-transparent text-muted-foreground shadow-none",
-        className
-      ),
-      ...props,
-      children: [
-        currentBranch + 1,
-        " of ",
-        totalBranches
-      ]
-    }
-  );
-};
-function addUtmParams(url) {
-  try {
-    const urlObj = new URL(url);
-    urlObj.searchParams.set("utm_source", "chat");
-    urlObj.searchParams.set("utm_medium", "referral");
-    return urlObj.toString();
-  } catch {
-    return url;
-  }
-}
-var CustomLink = ({ href, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "a",
-  {
-    href: href ? addUtmParams(href) : href,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "hover:underline hover:opacity-80 transition-opacity font-medium",
-    ...props,
-    children
-  }
-);
-var CustomImage = ({ src, alt, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "img",
-  {
-    src,
-    alt: alt || "",
-    loading: "lazy",
-    className: "rounded-xl max-w-full h-auto my-4",
-    ...props
-  }
-);
-var CustomTable = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "table",
-  {
-    className: "w-full text-sm rounded-xl border border-black/[0.08] overflow-hidden",
-    ...props,
-    children
-  }
-) });
-var CustomThead = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-black/[0.04]", ...props, children });
-var CustomTh = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "th",
-  {
-    className: "px-4 py-3 text-start text-xs font-medium uppercase tracking-wider opacity-60 border-b border-black/[0.08]",
-    ...props,
-    children
-  }
-);
-var CustomTd = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "td",
-  {
-    className: "px-4 py-3 border-b border-black/[0.08]",
-    ...props,
-    children
-  }
-);
-var CustomTr = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "tr",
-  {
-    className: "hover:bg-black/[0.02] transition-colors",
-    ...props,
-    children
-  }
-);
-var MessageResponse = React2.memo(
-  ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-    streamdown.Streamdown,
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "message-response size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        className
-      ),
-      components: {
-        a: CustomLink,
-        img: CustomImage,
-        table: CustomTable,
-        thead: CustomThead,
-        th: CustomTh,
-        td: CustomTd,
-        tr: CustomTr
-      },
-      linkSafety: { enabled: false },
-      ...props
-    }
-  ),
-  (prevProps, nextProps) => prevProps.children === nextProps.children
-);
-MessageResponse.displayName = "MessageResponse";
-function MessageAttachment({
-  data,
-  className,
-  onRemove,
-  ...props
-}) {
-  const filename = data.filename || "";
-  const mediaType = data.mediaType?.startsWith("image/") && data.url ? "image" : "file";
-  const isImage = mediaType === "image";
-  const attachmentLabel = filename || (isImage ? "Image" : "Attachment");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "group relative size-24 overflow-hidden rounded-lg",
-        className
-      ),
-      ...props,
-      children: isImage ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            alt: filename || "attachment",
-            className: "size-full object-cover",
-            height: 100,
-            src: data.url,
-            width: 100
-          }
-        ),
-        onRemove && /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkTZ7EM3EG_cjs.Button,
-          {
-            "aria-label": "Remove attachment",
-            className: "absolute top-2 right-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3",
-            onClick: (e) => {
-              e.stopPropagation();
-              onRemove();
-            },
-            type: "button",
-            variant: "ghost",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Remove" })
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PaperclipIcon, { className: "size-4" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: attachmentLabel }) })
-        ] }),
-        onRemove && /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkTZ7EM3EG_cjs.Button,
-          {
-            "aria-label": "Remove attachment",
-            className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3",
-            onClick: (e) => {
-              e.stopPropagation();
-              onRemove();
-            },
-            type: "button",
-            variant: "ghost",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Remove" })
-            ]
-          }
-        )
-      ] })
-    }
-  );
-}
-function MessageAttachments({
-  children,
-  className,
-  ...props
-}) {
-  if (!children) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunk525KS5HM_cjs.cn(
-        "ml-auto flex w-fit flex-wrap items-start gap-2",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-var MessageToolbar = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: chunk525KS5HM_cjs.cn(
-      "mt-4 flex w-full items-center justify-between gap-4",
-      className
-    ),
-    ...props,
-    children
-  }
-);
 var MOBILE_BREAKPOINT = 768;
 function subscribeToResize(cb) {
   if (typeof window === "undefined") return () => {
@@ -760,7 +312,7 @@ var ArtifactClose = ({
   variant = "ghost",
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  chunkTZ7EM3EG_cjs.Button,
+  chunkEMVZ7HWM_cjs.Button,
   {
     className: chunk525KS5HM_cjs.cn(
       "size-8 p-0 text-muted-foreground hover:text-foreground",
@@ -802,7 +354,7 @@ var ArtifactAction = ({
   ...props
 }) => {
   const button = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkTZ7EM3EG_cjs.Button,
+    chunkEMVZ7HWM_cjs.Button,
     {
       className: chunk525KS5HM_cjs.cn(
         "size-8 p-0 text-muted-foreground hover:text-foreground",
@@ -819,9 +371,9 @@ var ArtifactAction = ({
     }
   );
   if (tooltip) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip }) })
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkEMVZ7HWM_cjs.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip }) })
     ] }) });
   }
   return button;
@@ -945,7 +497,7 @@ var CodeBlockCopyButton = ({
   };
   const Icon = isCopied ? lucideReact.CheckIcon : lucideReact.CopyIcon;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
+    chunkEMVZ7HWM_cjs.Button,
     {
       className: chunk525KS5HM_cjs.cn("shrink-0", className),
       onClick: copyToClipboard,
@@ -1013,9 +565,9 @@ var WebPreviewNavigationButton = ({
   tooltip,
   children,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Tooltip, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkEMVZ7HWM_cjs.Tooltip, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkEMVZ7HWM_cjs.Button,
     {
       className: "h-8 w-8 p-0 hover:text-foreground",
       disabled,
@@ -1026,7 +578,7 @@ var WebPreviewNavigationButton = ({
       children
     }
   ) }),
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip }) })
+  /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tooltip }) })
 ] }) });
 var WebPreviewUrl = ({
   value,
@@ -1051,7 +603,7 @@ var WebPreviewUrl = ({
     onKeyDown?.(event);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOU5OZKYH_cjs.Input,
+    chunkY4B45DW4_cjs.Input,
     {
       className: "h-8 flex-1 text-sm",
       onChange: onChange ?? handleChange,
@@ -1091,15 +643,15 @@ var WebPreviewConsole = ({
 }) => {
   const { consoleOpen, setConsoleOpen } = useWebPreview();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkTZ7EM3EG_cjs.Collapsible,
+    chunkEMVZ7HWM_cjs.Collapsible,
     {
       className: chunk525KS5HM_cjs.cn("border-t bg-muted/50 font-mono text-sm", className),
       onOpenChange: setConsoleOpen,
       open: consoleOpen,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkTZ7EM3EG_cjs.Button,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkEMVZ7HWM_cjs.Button,
           {
             className: "flex w-full items-center justify-between p-4 text-start font-medium hover:bg-muted/50",
             variant: "ghost",
@@ -1118,7 +670,7 @@ var WebPreviewConsole = ({
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTZ7EM3EG_cjs.CollapsibleContent,
+          chunkEMVZ7HWM_cjs.CollapsibleContent,
           {
             className: chunk525KS5HM_cjs.cn(
               "px-4 pb-4",
@@ -1192,7 +744,7 @@ var InlineCitationCardTrigger = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-  chunkOU5OZKYH_cjs.Badge,
+  chunkY4B45DW4_cjs.Badge,
   {
     className: chunk525KS5HM_cjs.cn("ml-1 rounded-full", className),
     variant: "secondary",
@@ -1219,14 +771,14 @@ var InlineCitationCarousel = ({
   ...props
 }) => {
   const [api, setApi] = React2.useState();
-  return /* @__PURE__ */ jsxRuntime.jsx(CarouselApiContext.Provider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Carousel, { className: chunk525KS5HM_cjs.cn("w-full", className), setApi, ...props, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(CarouselApiContext.Provider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Carousel, { className: chunk525KS5HM_cjs.cn("w-full", className), setApi, ...props, children }) });
 };
-var InlineCitationCarouselContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.CarouselContent, { ...props });
+var InlineCitationCarouselContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.CarouselContent, { ...props });
 var InlineCitationCarouselItem = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkOU5OZKYH_cjs.CarouselItem,
+  chunkY4B45DW4_cjs.CarouselItem,
   {
     className: chunk525KS5HM_cjs.cn("w-full space-y-2 p-4 pl-8", className),
     ...props
@@ -1444,7 +996,7 @@ var Reasoning = React2.memo(
       {
         value: { isStreaming, isOpen, setIsOpen, duration },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTZ7EM3EG_cjs.Collapsible,
+          chunkEMVZ7HWM_cjs.Collapsible,
           {
             className: chunk525KS5HM_cjs.cn("not-prose mb-4", className),
             onOpenChange: handleOpenChange,
@@ -1474,7 +1026,7 @@ var ReasoningTrigger = React2.memo(
   ({ className, children, getThinkingMessage = defaultGetThinkingMessage, ...props }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTZ7EM3EG_cjs.CollapsibleTrigger,
+      chunkEMVZ7HWM_cjs.CollapsibleTrigger,
       {
         className: chunk525KS5HM_cjs.cn(
           "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
@@ -1500,7 +1052,7 @@ var ReasoningTrigger = React2.memo(
 );
 var ReasoningContent = React2.memo(
   ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.CollapsibleContent,
+    chunkEMVZ7HWM_cjs.CollapsibleContent,
     {
       className: chunk525KS5HM_cjs.cn(
         "mt-4 text-sm",
@@ -1589,7 +1141,7 @@ function FollowupButtons({
 }) {
   if (!suggestions || suggestions.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk525KS5HM_cjs.cn("flex flex-wrap gap-2", className), children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
+    chunkEMVZ7HWM_cjs.Button,
     {
       variant: "outline",
       size: "sm",
@@ -1605,9 +1157,9 @@ var Suggestions = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.ScrollArea, { className: "w-full overflow-x-auto whitespace-nowrap", ...props, children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs(chunkY4B45DW4_cjs.ScrollArea, { className: "w-full overflow-x-auto whitespace-nowrap", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk525KS5HM_cjs.cn("flex w-max flex-nowrap items-center gap-2", className), children }),
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.ScrollBar, { className: "hidden", orientation: "horizontal" })
+  /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.ScrollBar, { className: "hidden", orientation: "horizontal" })
 ] });
 var Suggestion = ({
   suggestion,
@@ -1622,7 +1174,7 @@ var Suggestion = ({
     onClick?.(suggestion);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
+    chunkEMVZ7HWM_cjs.Button,
     {
       className: chunk525KS5HM_cjs.cn("cursor-pointer rounded-full px-4", className),
       onClick: handleClick,
@@ -1719,7 +1271,7 @@ var ContextTrigger = ({ children, ...props }) => {
     style: "percent",
     maximumFractionDigits: 1
   }).format(usedPercent);
-  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(chunkTZ7EM3EG_cjs.Button, { type: "button", variant: "ghost", ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(chunkEMVZ7HWM_cjs.Button, { type: "button", variant: "ghost", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-muted-foreground", children: renderedPercent }),
     /* @__PURE__ */ jsxRuntime.jsx(ContextIcon, {})
   ] }) });
@@ -1760,7 +1312,7 @@ var ContextContentHeader = ({
         total
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Progress, { className: "bg-muted", value: usedPercent * PERCENT_MAX }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Progress, { className: "bg-muted", value: usedPercent * PERCENT_MAX }) })
   ] }) });
 };
 var ContextContentBody = ({
@@ -1987,8 +1539,8 @@ var ChainOfThought = React2.memo(
 var ChainOfThoughtHeader = React2.memo(
   ({ className, children, ...props }) => {
     const { isOpen, setIsOpen } = useChainOfThought();
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkTZ7EM3EG_cjs.CollapsibleTrigger,
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkEMVZ7HWM_cjs.CollapsibleTrigger,
       {
         className: chunk525KS5HM_cjs.cn(
           "flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
@@ -2063,7 +1615,7 @@ var ChainOfThoughtSearchResults = React2.memo(
 );
 var ChainOfThoughtSearchResult = React2.memo(
   ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOU5OZKYH_cjs.Badge,
+    chunkY4B45DW4_cjs.Badge,
     {
       className: chunk525KS5HM_cjs.cn("gap-1 px-2 py-0.5 font-normal text-xs", className),
       variant: "secondary",
@@ -2075,8 +1627,8 @@ var ChainOfThoughtSearchResult = React2.memo(
 var ChainOfThoughtContent = React2.memo(
   ({ className, children, ...props }) => {
     const { isOpen } = useChainOfThought();
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Collapsible, { open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTZ7EM3EG_cjs.CollapsibleContent,
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Collapsible, { open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkEMVZ7HWM_cjs.CollapsibleContent,
       {
         className: chunk525KS5HM_cjs.cn(
           "mt-2 space-y-3",
@@ -2121,12 +1673,12 @@ var Confirmation = ({
   if (!approval || state === "input-streaming" || state === "input-available") {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ConfirmationContext.Provider, { value: { approval, state }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Alert, { className: chunk525KS5HM_cjs.cn("flex flex-col gap-2", className), ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfirmationContext.Provider, { value: { approval, state }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Alert, { className: chunk525KS5HM_cjs.cn("flex flex-col gap-2", className), ...props }) });
 };
 var ConfirmationTitle = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.AlertDescription, { className: chunk525KS5HM_cjs.cn("inline", className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.AlertDescription, { className: chunk525KS5HM_cjs.cn("inline", className), ...props });
 var ConfirmationRequest = ({ children }) => {
   const { state } = useConfirmation();
   if (state !== "approval-requested") {
@@ -2168,7 +1720,7 @@ var ConfirmationActions = ({
     }
   );
 };
-var ConfirmationAction = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Button, { className: "h-8 px-3 text-sm", type: "button", ...props });
+var ConfirmationAction = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Button, { className: "h-8 px-3 text-sm", type: "button", ...props });
 var Controls = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   react$1.Controls,
   {
@@ -2193,7 +1745,7 @@ var Command = React2__namespace.forwardRef(({ className, ...props }, ref) => /*
 ));
 Command.displayName = cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
 var CommandInput = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
@@ -2277,15 +1829,15 @@ var CommandShortcut = ({
   );
 };
 CommandShortcut.displayName = "CommandShortcut";
-var ModelSelector = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Dialog, { ...props });
-var ModelSelectorTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DialogTrigger, { ...props });
+var ModelSelector = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Dialog, { ...props });
+var ModelSelectorTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DialogTrigger, { ...props });
 var ModelSelectorContent = ({
   className,
   children,
   title = "Model Selector",
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.DialogContent, { className: chunk525KS5HM_cjs.cn("p-0", className), ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DialogTitle, { className: "sr-only", children: title }),
+}) => /* @__PURE__ */ jsxRuntime.jsxs(chunkY4B45DW4_cjs.DialogContent, { className: chunk525KS5HM_cjs.cn("p-0", className), ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DialogTitle, { className: "sr-only", children: title }),
   /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-auto", children })
 ] });
 var ModelSelectorDialog = (props) => /* @__PURE__ */ jsxRuntime.jsx(CommandDialog, { ...props });
@@ -2394,19 +1946,19 @@ var useOpenInContext = () => {
   }
   return context;
 };
-var OpenIn = ({ query, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(OpenInContext.Provider, { value: { query }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenu, { ...props }) });
+var OpenIn = ({ query, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(OpenInContext.Provider, { value: { query }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenu, { ...props }) });
 var OpenInContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkOU5OZKYH_cjs.DropdownMenuContent,
+  chunkY4B45DW4_cjs.DropdownMenuContent,
   {
     align: "start",
     className: chunk525KS5HM_cjs.cn("w-[240px]", className),
     ...props
   }
 );
-var OpenInItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuItem, { ...props });
-var OpenInLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuLabel, { ...props });
-var OpenInSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuSeparator, { ...props });
-var OpenInTrigger = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuTrigger, { ...props, asChild: true, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(chunkTZ7EM3EG_cjs.Button, { type: "button", variant: "outline", children: [
+var OpenInItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuItem, { ...props });
+var OpenInLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuLabel, { ...props });
+var OpenInSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuSeparator, { ...props });
+var OpenInTrigger = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuTrigger, { ...props, asChild: true, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(chunkEMVZ7HWM_cjs.Button, { type: "button", variant: "outline", children: [
   "Open in chat",
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
 ] }) });
@@ -2414,7 +1966,7 @@ var makeProviderItem = (key) => {
   return (props) => {
     const { query } = useOpenInContext();
     const p = providers[key];
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuItem, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuItem, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "a",
       {
         className: "flex items-center gap-2",
@@ -2459,7 +2011,7 @@ var Plan = ({
   isStreaming = false,
   children,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(PlanContext.Provider, { value: { isStreaming }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Collapsible, { asChild: true, "data-slot": "plan", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.Card, { className: chunk525KS5HM_cjs.cn("shadow-none", className), children }) }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(PlanContext.Provider, { value: { isStreaming }, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Collapsible, { asChild: true, "data-slot": "plan", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.Card, { className: chunk525KS5HM_cjs.cn("shadow-none", className), children }) }) });
 var PlanHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   chunkAWAJOSFP_cjs.CardHeader,
   {
@@ -2489,10 +2041,10 @@ var PlanDescription = ({
   );
 };
 var PlanAction = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.CardAction, { "data-slot": "plan-action", ...props });
-var PlanContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleContent, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.CardContent, { "data-slot": "plan-content", ...props }) });
+var PlanContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleContent, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.CardContent, { "data-slot": "plan-content", ...props }) });
 var PlanFooter = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkAWAJOSFP_cjs.CardFooter, { "data-slot": "plan-footer", ...props });
-var PlanTrigger = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-  chunkTZ7EM3EG_cjs.Button,
+var PlanTrigger = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  chunkEMVZ7HWM_cjs.Button,
   {
     className: chunk525KS5HM_cjs.cn("size-8", className),
     "data-slot": "plan-trigger",
@@ -2591,7 +2143,7 @@ function InputGroupButton({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Button,
+    chunkEMVZ7HWM_cjs.Button,
     {
       type,
       "data-size": size,
@@ -2606,7 +2158,7 @@ function InputGroupTextarea({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTZ7EM3EG_cjs.Textarea,
+    chunkEMVZ7HWM_cjs.Textarea,
     {
       "data-slot": "input-group-control",
       className: chunk525KS5HM_cjs.cn(
@@ -2783,7 +2335,7 @@ function PromptInputAttachment({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PaperclipIcon, { className: "size-3" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkTZ7EM3EG_cjs.Button,
+              chunkEMVZ7HWM_cjs.Button,
               {
                 "aria-label": "Remove attachment",
                 className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
@@ -2847,7 +2399,7 @@ var PromptInputActionAddAttachments = ({
 }) => {
   const attachments = usePromptInputAttachments();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkOU5OZKYH_cjs.DropdownMenuItem,
+    chunkY4B45DW4_cjs.DropdownMenuItem,
     {
       ...props,
       onSelect: (e) => {
@@ -3268,20 +2820,20 @@ var PromptInputButton = ({
     }
   );
 };
-var PromptInputActionMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenu, { ...props });
+var PromptInputActionMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenu, { ...props });
 var PromptInputActionMenuTrigger = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(PromptInputButton, { className, ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-4" }) }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(PromptInputButton, { className, ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-4" }) }) });
 var PromptInputActionMenuContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuContent, { align: "start", className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuContent, { align: "start", className: chunk525KS5HM_cjs.cn(className), ...props });
 var PromptInputActionMenuItem = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.DropdownMenuItem, { className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.DropdownMenuItem, { className: chunk525KS5HM_cjs.cn(className), ...props });
 var PromptInputSubmit = ({
   className,
   variant = "default",
@@ -3315,6 +2867,7 @@ var PromptInputSpeechButton = ({
   className,
   textareaRef,
   onTranscriptionChange,
+  lang,
   ...props
 }) => {
   const [isListening, setIsListening] = React2.useState(false);
@@ -3328,7 +2881,6 @@ var PromptInputSpeechButton = ({
       const speechRecognition = new SpeechRecognition();
       speechRecognition.continuous = true;
       speechRecognition.interimResults = true;
-      speechRecognition.lang = "en-US";
       speechRecognition.onstart = () => {
         setIsListening(true);
       };
@@ -3371,10 +2923,13 @@ var PromptInputSpeechButton = ({
     }
     if (isListening) {
       recognition.stop();
-    } else {
-      recognition.start();
+      return;
     }
-  }, [recognition, isListening]);
+    const browserLang = typeof navigator !== "undefined" ? navigator.language : "en-US";
+    const typed = chunkDDATCJ3O_cjs.detectLanguage(textareaRef?.current?.value ?? "");
+    recognition.lang = lang ?? (typed === null || typed === chunkDDATCJ3O_cjs.LATIN ? browserLang : typed);
+    recognition.start();
+  }, [recognition, isListening, lang, textareaRef]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     PromptInputButton,
     {
@@ -3390,12 +2945,12 @@ var PromptInputSpeechButton = ({
     }
   );
 };
-var PromptInputSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Select, { ...props });
+var PromptInputSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.Select, { ...props });
 var PromptInputSelectTrigger = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkOU5OZKYH_cjs.SelectTrigger,
+  chunkY4B45DW4_cjs.SelectTrigger,
   {
     className: chunk525KS5HM_cjs.cn(
       "border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors",
@@ -3408,15 +2963,15 @@ var PromptInputSelectTrigger = ({
 var PromptInputSelectContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.SelectContent, { className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.SelectContent, { className: chunk525KS5HM_cjs.cn(className), ...props });
 var PromptInputSelectItem = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.SelectItem, { className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.SelectItem, { className: chunk525KS5HM_cjs.cn(className), ...props });
 var PromptInputSelectValue = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.SelectValue, { className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.SelectValue, { className: chunk525KS5HM_cjs.cn(className), ...props });
 var PromptInputHoverCard = ({
   openDelay = 0,
   closeDelay = 0,
@@ -3556,7 +3111,7 @@ var QueueItemAction = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkTZ7EM3EG_cjs.Button,
+  chunkEMVZ7HWM_cjs.Button,
   {
     className: chunk525KS5HM_cjs.cn(
       "size-auto rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-muted-foreground/10 hover:text-foreground group-hover:opacity-100",
@@ -3607,17 +3162,17 @@ var QueueList = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.ScrollArea, { className: chunk525KS5HM_cjs.cn("-mb-1 mt-2", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-40 pr-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children }) }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkY4B45DW4_cjs.ScrollArea, { className: chunk525KS5HM_cjs.cn("-mb-1 mt-2", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-40 pr-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children }) }) });
 var QueueSection = ({
   className,
   defaultOpen = true,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Collapsible, { className: chunk525KS5HM_cjs.cn(className), defaultOpen, ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Collapsible, { className: chunk525KS5HM_cjs.cn(className), defaultOpen, ...props });
 var QueueSectionTrigger = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     className: chunk525KS5HM_cjs.cn(
@@ -3647,7 +3202,7 @@ var QueueSectionLabel = ({
 var QueueSectionContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleContent, { className: chunk525KS5HM_cjs.cn(className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleContent, { className: chunk525KS5HM_cjs.cn(className), ...props });
 var Queue = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
@@ -3678,13 +3233,13 @@ var Task = ({
   defaultOpen = true,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Collapsible, { className: chunk525KS5HM_cjs.cn(className), defaultOpen, ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Collapsible, { className: chunk525KS5HM_cjs.cn(className), defaultOpen, ...props });
 var TaskTrigger = ({
   children,
   className,
   title,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.CollapsibleTrigger, { asChild: true, className: chunk525KS5HM_cjs.cn("group", className), ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.CollapsibleTrigger, { asChild: true, className: chunk525KS5HM_cjs.cn("group", className), ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4" }),
   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: title }),
   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })
@@ -3694,7 +3249,7 @@ var TaskContent = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkTZ7EM3EG_cjs.CollapsibleContent,
+  chunkEMVZ7HWM_cjs.CollapsibleContent,
   {
     className: chunk525KS5HM_cjs.cn(
       "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
@@ -3705,7 +3260,7 @@ var TaskContent = ({
   }
 );
 var Tool = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkTZ7EM3EG_cjs.Collapsible,
+  chunkEMVZ7HWM_cjs.Collapsible,
   {
     className: chunk525KS5HM_cjs.cn("not-prose mb-4 w-full rounded-md border", className),
     ...props
@@ -3730,7 +3285,7 @@ var getStatusBadge = (status) => {
     "output-error": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "size-4 text-red-600" }),
     "output-denied": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "size-4 text-orange-600" })
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkY4B45DW4_cjs.Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
     icons[status],
     labels[status]
   ] });
@@ -3742,7 +3297,7 @@ var ToolHeader = ({
   state,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  chunkTZ7EM3EG_cjs.CollapsibleTrigger,
+  chunkEMVZ7HWM_cjs.CollapsibleTrigger,
   {
     className: chunk525KS5HM_cjs.cn(
       "flex w-full items-center justify-between gap-4 p-3",
@@ -3760,7 +3315,7 @@ var ToolHeader = ({
   }
 );
 var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  chunkTZ7EM3EG_cjs.CollapsibleContent,
+  chunkEMVZ7HWM_cjs.CollapsibleContent,
   {
     className: chunk525KS5HM_cjs.cn(
       "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
@@ -3843,7 +3398,7 @@ var Checkpoint = ({
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.Separator, {})
+      /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Separator, {})
     ]
   }
 );
@@ -3859,10 +3414,10 @@ var CheckpointTrigger = ({
   size = "sm",
   tooltip,
   ...props
-}) => tooltip ? /* @__PURE__ */ jsxRuntime.jsxs(chunkOU5OZKYH_cjs.Tooltip, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Button, { size, type: "button", variant, ...props, children }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(chunkOU5OZKYH_cjs.TooltipContent, { align: "start", side: "bottom", children: tooltip })
-] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkTZ7EM3EG_cjs.Button, { size, type: "button", variant, ...props, children });
+}) => tooltip ? /* @__PURE__ */ jsxRuntime.jsxs(chunkEMVZ7HWM_cjs.Tooltip, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Button, { size, type: "button", variant, ...props, children }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.TooltipContent, { align: "start", side: "bottom", children: tooltip })
+] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkEMVZ7HWM_cjs.Button, { size, type: "button", variant, ...props, children });
 var HALF = 0.5;
 var Connection = ({
   fromX,
@@ -4045,47 +3600,103 @@ var Image = ({
 
 Object.defineProperty(exports, "Conversation", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.Conversation; }
+  get: function () { return chunkKTYYLZN7_cjs.Conversation; }
 });
 Object.defineProperty(exports, "ConversationContent", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.ConversationContent; }
+  get: function () { return chunkKTYYLZN7_cjs.ConversationContent; }
 });
 Object.defineProperty(exports, "ConversationEmptyState", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.ConversationEmptyState; }
+  get: function () { return chunkKTYYLZN7_cjs.ConversationEmptyState; }
 });
 Object.defineProperty(exports, "ConversationScrollButton", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.ConversationScrollButton; }
+  get: function () { return chunkKTYYLZN7_cjs.ConversationScrollButton; }
 });
 Object.defineProperty(exports, "Loader", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.Loader; }
+  get: function () { return chunkKTYYLZN7_cjs.Loader; }
+});
+Object.defineProperty(exports, "Message", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.Message; }
+});
+Object.defineProperty(exports, "MessageAction", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageAction; }
+});
+Object.defineProperty(exports, "MessageActions", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageActions; }
+});
+Object.defineProperty(exports, "MessageAttachment", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageAttachment; }
+});
+Object.defineProperty(exports, "MessageAttachments", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageAttachments; }
+});
+Object.defineProperty(exports, "MessageBranch", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranch; }
+});
+Object.defineProperty(exports, "MessageBranchContent", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranchContent; }
+});
+Object.defineProperty(exports, "MessageBranchNext", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranchNext; }
+});
+Object.defineProperty(exports, "MessageBranchPage", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranchPage; }
+});
+Object.defineProperty(exports, "MessageBranchPrevious", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranchPrevious; }
+});
+Object.defineProperty(exports, "MessageBranchSelector", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageBranchSelector; }
+});
+Object.defineProperty(exports, "MessageContent", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageContent; }
 });
 Object.defineProperty(exports, "MessageFeedback", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.MessageFeedback; }
+  get: function () { return chunkKTYYLZN7_cjs.MessageFeedback; }
+});
+Object.defineProperty(exports, "MessageResponse", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageResponse; }
+});
+Object.defineProperty(exports, "MessageToolbar", {
+  enumerable: true,
+  get: function () { return chunkKTYYLZN7_cjs.MessageToolbar; }
 });
 Object.defineProperty(exports, "Source", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.Source; }
+  get: function () { return chunkKTYYLZN7_cjs.Source; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.Sources; }
+  get: function () { return chunkKTYYLZN7_cjs.Sources; }
 });
 Object.defineProperty(exports, "SourcesContent", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.SourcesContent; }
+  get: function () { return chunkKTYYLZN7_cjs.SourcesContent; }
 });
 Object.defineProperty(exports, "SourcesTrigger", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.SourcesTrigger; }
+  get: function () { return chunkKTYYLZN7_cjs.SourcesTrigger; }
 });
 Object.defineProperty(exports, "SpinnerLoader", {
   enumerable: true,
-  get: function () { return chunk4WOBNRRB_cjs.SpinnerLoader; }
+  get: function () { return chunkKTYYLZN7_cjs.SpinnerLoader; }
 });
 exports.AIImage = Image;
 exports.Artifact = Artifact;
@@ -4145,20 +3756,6 @@ exports.InlineCitationCarouselPrev = InlineCitationCarouselPrev;
 exports.InlineCitationQuote = InlineCitationQuote;
 exports.InlineCitationSource = InlineCitationSource;
 exports.InlineCitationText = InlineCitationText;
-exports.Message = Message;
-exports.MessageAction = MessageAction;
-exports.MessageActions = MessageActions;
-exports.MessageAttachment = MessageAttachment;
-exports.MessageAttachments = MessageAttachments;
-exports.MessageBranch = MessageBranch;
-exports.MessageBranchContent = MessageBranchContent;
-exports.MessageBranchNext = MessageBranchNext;
-exports.MessageBranchPage = MessageBranchPage;
-exports.MessageBranchPrevious = MessageBranchPrevious;
-exports.MessageBranchSelector = MessageBranchSelector;
-exports.MessageContent = MessageContent;
-exports.MessageResponse = MessageResponse;
-exports.MessageToolbar = MessageToolbar;
 exports.ModelSelector = ModelSelector;
 exports.ModelSelectorContent = ModelSelectorContent;
 exports.ModelSelectorDialog = ModelSelectorDialog;