@aigentyc/chat-sdk 0.4.0 → 0.5.1

package/dist/ai-elements.d.cts

@@ -671,8 +671,16 @@ declare global {
 type PromptInputSpeechButtonProps = ComponentProps<typeof PromptInputButton> & {
     textareaRef?: RefObject<HTMLTextAreaElement | null>;
     onTranscriptionChange?: (text: string) => void;
-};
-declare const PromptInputSpeechButton: ({ className, textareaRef, onTranscriptionChange, ...props }: PromptInputSpeechButtonProps) => react_jsx_runtime.JSX.Element;
+    /**
+     * BCP-47 tag the recogniser dictates in, e.g. `"he-IL"`.
+     *
+     * Defaults to the language of what the visitor has typed so far — the script
+     * of their own characters is the only signal the web gives for which keyboard
+     * is active — falling back to the browser's language. Pass a value to pin it.
+     */
+    lang?: string;
+};
+declare const PromptInputSpeechButton: ({ className, textareaRef, onTranscriptionChange, lang, ...props }: PromptInputSpeechButtonProps) => react_jsx_runtime.JSX.Element;
 type PromptInputSelectProps = ComponentProps<typeof Select>;
 declare const PromptInputSelect: (props: PromptInputSelectProps) => react_jsx_runtime.JSX.Element;
 type PromptInputSelectTriggerProps = ComponentProps<typeof SelectTrigger>;

package/dist/ai-elements.d.ts

@@ -671,8 +671,16 @@ declare global {
 type PromptInputSpeechButtonProps = ComponentProps<typeof PromptInputButton> & {
     textareaRef?: RefObject<HTMLTextAreaElement | null>;
     onTranscriptionChange?: (text: string) => void;
-};
-declare const PromptInputSpeechButton: ({ className, textareaRef, onTranscriptionChange, ...props }: PromptInputSpeechButtonProps) => react_jsx_runtime.JSX.Element;
+    /**
+     * BCP-47 tag the recogniser dictates in, e.g. `"he-IL"`.
+     *
+     * Defaults to the language of what the visitor has typed so far — the script
+     * of their own characters is the only signal the web gives for which keyboard
+     * is active — falling back to the browser's language. Pass a value to pin it.
+     */
+    lang?: string;
+};
+declare const PromptInputSpeechButton: ({ className, textareaRef, onTranscriptionChange, lang, ...props }: PromptInputSpeechButtonProps) => react_jsx_runtime.JSX.Element;
 type PromptInputSelectProps = ComponentProps<typeof Select>;
 declare const PromptInputSelect: (props: PromptInputSelectProps) => react_jsx_runtime.JSX.Element;
 type PromptInputSelectTriggerProps = ComponentProps<typeof SelectTrigger>;

package/dist/ai-elements.js

@@ -1,477 +1,29 @@
 "use client";
-export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, Loader, MessageFeedback, Source, Sources, SourcesContent, SourcesTrigger, SpinnerLoader } from './chunk-B27JIQ4Z.js';
+import { detectLanguage, LATIN } from './chunk-BYTPAQ7F.js';
+export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, Loader, Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageFeedback, MessageResponse, MessageToolbar, Source, Sources, SourcesContent, SourcesTrigger, SpinnerLoader } from './chunk-CNGIOCLR.js';
 import './chunk-MZQKGNWF.js';
-import './chunk-QYCEHFAB.js';
+import './chunk-LDQVDUUJ.js';
 import { processImagesInHtml } from './chunk-PS3U7T37.js';
-import { Badge, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Input, Carousel, CarouselContent, CarouselItem, ScrollArea, ScrollBar, Progress, Alert, AlertDescription, Dialog, DialogTrigger, DialogContent, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Select, SelectTrigger, SelectContent, SelectItem, SelectValue, Separator } from './chunk-3KSMOHNY.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, Button, Textarea } from './chunk-JHWSG5IB.js';
+import { Badge, Input, Carousel, CarouselContent, CarouselItem, ScrollArea, ScrollBar, Progress, Alert, AlertDescription, Dialog, DialogTrigger, DialogContent, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from './chunk-R3TYC66R.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, Button, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Separator, Textarea } from './chunk-JAOD6CNW.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from './chunk-NPJKLYLV.js';
 import { cn } from './chunk-3RW7O444.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { BrainIcon, ChevronDownIcon, DotIcon, Search, ChevronLeftIcon, ChevronRightIcon, XIcon, PaperclipIcon, CheckIcon, CopyIcon, ArrowLeftIcon, ArrowRightIcon, ChevronsUpDownIcon, ImageIcon, PlusIcon, MicIcon, SearchIcon, WrenchIcon, BookmarkIcon, CornerDownLeftIcon, Loader2Icon, SquareIcon, ExternalLinkIcon, MessageCircleIcon, XCircleIcon, CheckCircleIcon, ClockIcon, CircleIcon } from 'lucide-react';
 import * as React2 from 'react';
 import { createContext, memo, useState, useEffect, useMemo, useContext, useId, useRef, useSyncExternalStore, useCallback, Fragment as Fragment$1, Children, isValidElement } from 'react';
-import { Streamdown } from 'streamdown';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BrainIcon, ChevronDownIcon, DotIcon, Search, XIcon, CheckIcon, CopyIcon, ArrowLeftIcon, ArrowRightIcon, ChevronsUpDownIcon, PaperclipIcon, ImageIcon, PlusIcon, MicIcon, SearchIcon, WrenchIcon, BookmarkIcon, CornerDownLeftIcon, Loader2Icon, SquareIcon, ExternalLinkIcon, MessageCircleIcon, XCircleIcon, CheckCircleIcon, ClockIcon, CircleIcon } from 'lucide-react';
 import { codeToHtml } from 'shiki';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { Streamdown } from 'streamdown';
 import { motion } from 'motion/react';
 import { getUsage } from 'tokenlens';
 import { Controls as Controls$1, Panel as Panel$1, NodeToolbar, Position, ReactFlow, Background, getSimpleBezierPath, BaseEdge, useInternalNode, getBezierPath, Handle } from '@xyflow/react';
 import { Command as Command$1 } from 'cmdk';
+import { cva } from 'class-variance-authority';
 import { nanoid } from 'nanoid';
 import '@xyflow/react/dist/style.css';
 
-var buttonGroupVariants = 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__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": orientation,
-      className: cn(buttonGroupVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      className: 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__ */ jsx(
-  "div",
-  {
-    className: 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__ */ jsx(
-  "div",
-  {
-    className: 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__ */ jsx("div", { className: cn("flex items-center gap-1", className), ...props, children });
-var MessageAction = ({
-  tooltip,
-  children,
-  label,
-  variant = "ghost",
-  size = "icon-sm",
-  ...props
-}) => {
-  const button = /* @__PURE__ */ jsxs(Button, { size, type: "button", variant, ...props, children: [
-    children,
-    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label || tooltip })
-  ] });
-  if (tooltip) {
-    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltip }) })
-    ] }) });
-  }
-  return button;
-};
-var MessageBranchContext = createContext(
-  null
-);
-var useMessageBranch = () => {
-  const context = 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] = useState(defaultBranch);
-  const [branches, setBranches] = 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__ */ jsx(MessageBranchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: 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];
-  useEffect(() => {
-    if (branches.length !== childrenArray.length) {
-      setBranches(childrenArray);
-    }
-  }, [childrenArray, branches, setBranches]);
-  return childrenArray.map((branch, index) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: 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__ */ 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__ */ jsx(
-    Button,
-    {
-      "aria-label": "Previous branch",
-      disabled: totalBranches <= 1,
-      onClick: goToPrevious,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 14 })
-    }
-  );
-};
-var MessageBranchNext = ({
-  children,
-  className,
-  ...props
-}) => {
-  const { goToNext, totalBranches } = useMessageBranch();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "aria-label": "Next branch",
-      disabled: totalBranches <= 1,
-      onClick: goToNext,
-      size: "icon-sm",
-      type: "button",
-      variant: "ghost",
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { size: 14 })
-    }
-  );
-};
-var MessageBranchPage = ({
-  className,
-  ...props
-}) => {
-  const { currentBranch, totalBranches } = useMessageBranch();
-  return /* @__PURE__ */ jsxs(
-    ButtonGroupText,
-    {
-      className: 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__ */ 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__ */ jsx(
-  "img",
-  {
-    src,
-    alt: alt || "",
-    loading: "lazy",
-    className: "rounded-xl max-w-full h-auto my-4",
-    ...props
-  }
-);
-var CustomTable = ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-4 overflow-x-auto", children: /* @__PURE__ */ jsx(
-  "table",
-  {
-    className: "w-full text-sm rounded-xl border border-black/[0.08] overflow-hidden",
-    ...props,
-    children
-  }
-) });
-var CustomThead = ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { className: "bg-black/[0.04]", ...props, children });
-var CustomTh = ({ children, ...props }) => /* @__PURE__ */ 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__ */ jsx(
-  "td",
-  {
-    className: "px-4 py-3 border-b border-black/[0.08]",
-    ...props,
-    children
-  }
-);
-var CustomTr = ({ children, ...props }) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    className: "hover:bg-black/[0.02] transition-colors",
-    ...props,
-    children
-  }
-);
-var MessageResponse = memo(
-  ({ className, ...props }) => /* @__PURE__ */ jsx(
-    Streamdown,
-    {
-      className: 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__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "group relative size-24 overflow-hidden rounded-lg",
-        className
-      ),
-      ...props,
-      children: isImage ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            alt: filename || "attachment",
-            className: "size-full object-cover",
-            height: 100,
-            src: data.url,
-            width: 100
-          }
-        ),
-        onRemove && /* @__PURE__ */ jsxs(
-          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__ */ jsx(XIcon, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove" })
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(PaperclipIcon, { className: "size-4" }) }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: attachmentLabel }) })
-        ] }),
-        onRemove && /* @__PURE__ */ jsxs(
-          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__ */ jsx(XIcon, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove" })
-            ]
-          }
-        )
-      ] })
-    }
-  );
-}
-function MessageAttachments({
-  children,
-  className,
-  ...props
-}) {
-  if (!children) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "ml-auto flex w-fit flex-wrap items-start gap-2",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-var MessageToolbar = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: 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 () => {
@@ -3293,6 +2845,7 @@ var PromptInputSpeechButton = ({
   className,
   textareaRef,
   onTranscriptionChange,
+  lang,
   ...props
 }) => {
   const [isListening, setIsListening] = useState(false);
@@ -3306,7 +2859,6 @@ var PromptInputSpeechButton = ({
       const speechRecognition = new SpeechRecognition();
       speechRecognition.continuous = true;
       speechRecognition.interimResults = true;
-      speechRecognition.lang = "en-US";
       speechRecognition.onstart = () => {
         setIsListening(true);
       };
@@ -3349,10 +2901,13 @@ var PromptInputSpeechButton = ({
     }
     if (isListening) {
       recognition.stop();
-    } else {
-      recognition.start();
+      return;
     }
-  }, [recognition, isListening]);
+    const browserLang = typeof navigator !== "undefined" ? navigator.language : "en-US";
+    const typed = detectLanguage(textareaRef?.current?.value ?? "");
+    recognition.lang = lang ?? (typed === null || typed === LATIN ? browserLang : typed);
+    recognition.start();
+  }, [recognition, isListening, lang, textareaRef]);
   return /* @__PURE__ */ jsx(
     PromptInputButton,
     {
@@ -4021,6 +3576,6 @@ var Image = ({
   }
 );
 
-export { Image as AIImage, Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, Canvas, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtImage, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, Checkpoint, CheckpointIcon, CheckpointTrigger, CodeBlock, CodeBlockCopyButton, ComponentRenderer, Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, Connection, Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, Controls, Edge, FollowupButtons, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationCarouselNext, InlineCitationCarouselPrev, InlineCitationQuote, InlineCitationSource, InlineCitationText, Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger, Node, NodeAction, NodeContent, NodeDescription, NodeFooter, NodeHeader, NodeTitle, OpenIn, OpenInChatGPT, OpenInClaude, OpenInContent, OpenInCursor, OpenInItem, OpenInLabel, OpenInScira, OpenInSeparator, OpenInT3, OpenInTrigger, OpenInv0, Panel, Plan, PlanAction, PlanContent, PlanDescription, PlanFooter, PlanHeader, PlanTitle, PlanTrigger, PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputProvider, PromptInputSelect, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectTrigger, PromptInputSelectValue, PromptInputSpeechButton, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemAttachment, QueueItemContent, QueueItemDescription, QueueItemFile, QueueItemImage, QueueItemIndicator, QueueList, QueueSection, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger, Reasoning, ReasoningContent, ReasoningTrigger, Shimmer, Suggestion, Suggestions, Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger, ThinkingSpinner, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Toolbar, WebPreview, WebPreviewBody, WebPreviewConsole, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, highlightCode, usePromptInputAttachments, usePromptInputController, useProviderAttachments, useReasoning };
+export { Image as AIImage, Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, Canvas, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtImage, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, Checkpoint, CheckpointIcon, CheckpointTrigger, CodeBlock, CodeBlockCopyButton, ComponentRenderer, Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, Connection, Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, Controls, Edge, FollowupButtons, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationCarouselNext, InlineCitationCarouselPrev, InlineCitationQuote, InlineCitationSource, InlineCitationText, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger, Node, NodeAction, NodeContent, NodeDescription, NodeFooter, NodeHeader, NodeTitle, OpenIn, OpenInChatGPT, OpenInClaude, OpenInContent, OpenInCursor, OpenInItem, OpenInLabel, OpenInScira, OpenInSeparator, OpenInT3, OpenInTrigger, OpenInv0, Panel, Plan, PlanAction, PlanContent, PlanDescription, PlanFooter, PlanHeader, PlanTitle, PlanTrigger, PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputProvider, PromptInputSelect, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectTrigger, PromptInputSelectValue, PromptInputSpeechButton, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, Queue, QueueItem, QueueItemAction, QueueItemActions, QueueItemAttachment, QueueItemContent, QueueItemDescription, QueueItemFile, QueueItemImage, QueueItemIndicator, QueueList, QueueSection, QueueSectionContent, QueueSectionLabel, QueueSectionTrigger, Reasoning, ReasoningContent, ReasoningTrigger, Shimmer, Suggestion, Suggestions, Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger, ThinkingSpinner, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Toolbar, WebPreview, WebPreviewBody, WebPreviewConsole, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, highlightCode, usePromptInputAttachments, usePromptInputController, useProviderAttachments, useReasoning };
 //# sourceMappingURL=ai-elements.js.map
 //# sourceMappingURL=ai-elements.js.map