@datalayer/agent-runtimes 0.0.8 → 0.0.10

package/lib/components/vercel-ai-elements/message.js

@@ -1,109 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@/components/ui/button';
-import { ButtonGroup, ButtonGroupText } from '@/components/ui/button-group';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@/components/ui/tooltip';
-import { cn } from '@/lib/utils';
-import { ChevronLeftIcon, ChevronRightIcon, PaperclipIcon, XIcon, } from 'lucide-react';
-import { createContext, memo, useContext, useEffect, useState } from 'react';
-import { Streamdown } from 'streamdown';
-export const Message = ({ className, from, ...props }) => (_jsx("div", { className: cn('group flex w-full max-w-[95%] flex-col gap-2', from === 'user' ? 'is-user ml-auto justify-end' : 'is-assistant', className), ...props }));
-export const MessageContent = ({ children, className, ...props }) => (_jsx("div", { className: cn('is-user:dark flex w-fit max-w-full min-w-0 flex-col gap-2 overflow-hidden text-sm', 'group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground', 'group-[.is-assistant]:text-foreground', className), ...props, children: children }));
-export const MessageActions = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex items-center gap-1', className), ...props, children: children }));
-export const MessageAction = ({ tooltip, children, label, variant = 'ghost', size = 'icon-sm', ...props }) => {
-    const button = (_jsxs(Button, { size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
-    if (tooltip) {
-        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
-    }
-    return button;
-};
-const MessageBranchContext = createContext(null);
-const useMessageBranch = () => {
-    const context = useContext(MessageBranchContext);
-    if (!context) {
-        throw new Error('MessageBranch components must be used within MessageBranch');
-    }
-    return context;
-};
-export const 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 (_jsx(MessageBranchContext.Provider, { value: contextValue, children: _jsx("div", { className: cn('grid w-full gap-2 [&>div]:pb-0', className), ...props }) }));
-};
-export const MessageBranchContent = ({ children, ...props }) => {
-    const { currentBranch, setBranches, branches } = useMessageBranch();
-    const childrenArray = Array.isArray(children) ? children : [children];
-    // Use useEffect to update branches when they change
-    useEffect(() => {
-        if (branches.length !== childrenArray.length) {
-            setBranches(childrenArray);
-        }
-    }, [childrenArray, branches, setBranches]);
-    return childrenArray.map((branch, index) => (_jsx("div", { className: cn('grid gap-2 overflow-hidden [&>div]:pb-0', index === currentBranch ? 'block' : 'hidden'), ...props, children: branch }, branch.key)));
-};
-export const MessageBranchSelector = ({ className, from, ...props }) => {
-    const { totalBranches } = useMessageBranch();
-    // Don't render if there's only one branch
-    if (totalBranches <= 1) {
-        return null;
-    }
-    return (_jsx(ButtonGroup, { className: "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md", orientation: "horizontal", ...props }));
-};
-export const MessageBranchPrevious = ({ children, ...props }) => {
-    const { goToPrevious, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Previous branch", disabled: totalBranches <= 1, onClick: goToPrevious, size: "icon-sm", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronLeftIcon, { size: 14 }) }));
-};
-export const MessageBranchNext = ({ children, className, ...props }) => {
-    const { goToNext, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Next branch", disabled: totalBranches <= 1, onClick: goToNext, size: "icon-sm", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronRightIcon, { size: 14 }) }));
-};
-export const MessageBranchPage = ({ className, ...props }) => {
-    const { currentBranch, totalBranches } = useMessageBranch();
-    return (_jsxs(ButtonGroupText, { className: cn('border-none bg-transparent text-muted-foreground shadow-none', className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
-};
-export const MessageResponse = memo(({ className, ...props }) => (_jsx(Streamdown, { className: cn('size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0', className), ...props })), (prevProps, nextProps) => prevProps.children === nextProps.children);
-MessageResponse.displayName = 'MessageResponse';
-export 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 (_jsx("div", { className: cn('group relative size-24 overflow-hidden rounded-lg', className), ...props, children: isImage ? (_jsxs(_Fragment, { children: [_jsx("img", { alt: filename || 'attachment', className: "size-full object-cover", height: 100, src: data.url, width: 100 }), onRemove && (_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: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Remove" })] }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(PaperclipIcon, { className: "size-4" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: attachmentLabel }) })] }), onRemove && (_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: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Remove" })] }))] })) }));
-}
-export function MessageAttachments({ children, className, ...props }) {
-    if (!children) {
-        return null;
-    }
-    return (_jsx("div", { className: cn('ml-auto flex w-fit flex-wrap items-start gap-2', className), ...props, children: children }));
-}
-export const MessageToolbar = ({ className, children, ...props }) => (_jsx("div", { className: cn('mt-4 flex w-full items-center justify-between gap-4', className), ...props, children: children }));

package/lib/components/vercel-ai-elements/model-selector.d.ts

@@ -1,35 +0,0 @@
-import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '@/components/ui/command';
-import { Dialog, DialogContent, DialogTrigger } from '@/components/ui/dialog';
-import type { ComponentProps, ReactNode } from 'react';
-export type ModelSelectorProps = ComponentProps<typeof Dialog>;
-export declare const ModelSelector: (props: ModelSelectorProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;
-export declare const ModelSelectorTrigger: (props: ModelSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {
-    title?: ReactNode;
-};
-export declare const ModelSelectorContent: ({ className, children, title, ...props }: ModelSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;
-export declare const ModelSelectorDialog: (props: ModelSelectorDialogProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;
-export declare const ModelSelectorInput: ({ className, ...props }: ModelSelectorInputProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorListProps = ComponentProps<typeof CommandList>;
-export declare const ModelSelectorList: (props: ModelSelectorListProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
-export declare const ModelSelectorEmpty: (props: ModelSelectorEmptyProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;
-export declare const ModelSelectorGroup: (props: ModelSelectorGroupProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;
-export declare const ModelSelectorItem: (props: ModelSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorShortcutProps = ComponentProps<typeof CommandShortcut>;
-export declare const ModelSelectorShortcut: (props: ModelSelectorShortcutProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorSeparatorProps = ComponentProps<typeof CommandSeparator>;
-export declare const ModelSelectorSeparator: (props: ModelSelectorSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorLogoProps = Omit<ComponentProps<'img'>, 'src' | 'alt'> & {
-    provider: 'moonshotai-cn' | 'lucidquery' | 'moonshotai' | 'zai-coding-plan' | 'alibaba' | 'xai' | 'vultr' | 'nvidia' | 'upstage' | 'groq' | 'github-copilot' | 'mistral' | 'vercel' | 'nebius' | 'deepseek' | 'alibaba-cn' | 'google-vertex-anthropic' | 'venice' | 'chutes' | 'cortecs' | 'github-models' | 'togetherai' | 'azure' | 'baseten' | 'huggingface' | 'opencode' | 'fastrouter' | 'google' | 'google-vertex' | 'cloudflare-workers-ai' | 'inception' | 'wandb' | 'openai' | 'zhipuai-coding-plan' | 'perplexity' | 'openrouter' | 'zenmux' | 'v0' | 'iflowcn' | 'synthetic' | 'deepinfra' | 'zhipuai' | 'submodel' | 'zai' | 'inference' | 'requesty' | 'morph' | 'lmstudio' | 'anthropic' | 'aihubmix' | 'fireworks-ai' | 'modelscope' | 'llama' | 'scaleway' | 'amazon-bedrock' | 'cerebras' | (string & {});
-};
-export declare const ModelSelectorLogo: ({ provider, className, ...props }: ModelSelectorLogoProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorLogoGroupProps = ComponentProps<'div'>;
-export declare const ModelSelectorLogoGroup: ({ className, ...props }: ModelSelectorLogoGroupProps) => import("react/jsx-runtime").JSX.Element;
-export type ModelSelectorNameProps = ComponentProps<'span'>;
-export declare const ModelSelectorName: ({ className, ...props }: ModelSelectorNameProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/vercel-ai-elements/model-selector.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from '@/components/ui/command';
-import { Dialog, DialogContent, DialogTitle, DialogTrigger, } from '@/components/ui/dialog';
-import { cn } from '@/lib/utils';
-export const ModelSelector = (props) => (_jsx(Dialog, { ...props }));
-export const ModelSelectorTrigger = (props) => (_jsx(DialogTrigger, { ...props }));
-export const ModelSelectorContent = ({ className, children, title = 'Model Selector', ...props }) => (_jsxs(DialogContent, { className: cn('p-0', className), ...props, children: [_jsx(DialogTitle, { className: "sr-only", children: title }), _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: children })] }));
-export const ModelSelectorDialog = (props) => (_jsx(CommandDialog, { ...props }));
-export const ModelSelectorInput = ({ className, ...props }) => (_jsx(CommandInput, { className: cn('h-auto py-3.5', className), ...props }));
-export const ModelSelectorList = (props) => (_jsx(CommandList, { ...props }));
-export const ModelSelectorEmpty = (props) => (_jsx(CommandEmpty, { ...props }));
-export const ModelSelectorGroup = (props) => (_jsx(CommandGroup, { ...props }));
-export const ModelSelectorItem = (props) => (_jsx(CommandItem, { ...props }));
-export const ModelSelectorShortcut = (props) => (_jsx(CommandShortcut, { ...props }));
-export const ModelSelectorSeparator = (props) => (_jsx(CommandSeparator, { ...props }));
-export const ModelSelectorLogo = ({ provider, className, ...props }) => (_jsx("img", { ...props, alt: `${provider} logo`, className: cn('size-3 dark:invert', className), height: 12, src: `https://models.dev/logos/${provider}.svg`, width: 12 }));
-export const ModelSelectorLogoGroup = ({ className, ...props }) => (_jsx("div", { className: cn('-space-x-1 flex shrink-0 items-center [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground', className), ...props }));
-export const ModelSelectorName = ({ className, ...props }) => (_jsx("span", { className: cn('flex-1 truncate text-left', className), ...props }));

package/lib/components/vercel-ai-elements/prompt-input.d.ts

@@ -1,195 +0,0 @@
-import * as React from 'react';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/components/ui/command';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
-import { InputGroupAddon, InputGroupButton, InputGroupTextarea } from '@/components/ui/input-group';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import type { ChatStatus, FileUIPart } from 'ai';
-import { type ComponentProps, type FormEvent, type HTMLAttributes, type PropsWithChildren, type ReactNode, type RefObject } from 'react';
-export type AttachmentsContext = {
-    files: (FileUIPart & {
-        id: string;
-    })[];
-    add: (files: File[] | FileList) => void;
-    remove: (id: string) => void;
-    clear: () => void;
-    openFileDialog: () => void;
-    fileInputRef: RefObject<HTMLInputElement | null>;
-};
-export type TextInputContext = {
-    value: string;
-    setInput: (v: string) => void;
-    clear: () => void;
-};
-export type PromptInputControllerProps = {
-    textInput: TextInputContext;
-    attachments: AttachmentsContext;
-    /** INTERNAL: Allows PromptInput to register its file textInput + "open" callback */
-    __registerFileInput: (ref: RefObject<HTMLInputElement | null>, open: () => void) => void;
-};
-export declare const usePromptInputController: () => PromptInputControllerProps;
-export declare const useProviderAttachments: () => AttachmentsContext;
-export type PromptInputProviderProps = PropsWithChildren<{
-    initialInput?: string;
-}>;
-/**
- * Optional global provider that lifts PromptInput state outside of PromptInput.
- * If you don't use it, PromptInput stays fully self-managed.
- */
-export declare function PromptInputProvider({ initialInput: initialTextInput, children, }: PromptInputProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare const usePromptInputAttachments: () => AttachmentsContext;
-export type PromptInputAttachmentProps = HTMLAttributes<HTMLDivElement> & {
-    data: FileUIPart & {
-        id: string;
-    };
-    className?: string;
-};
-export declare function PromptInputAttachment({ data, className, ...props }: PromptInputAttachmentProps): import("react/jsx-runtime").JSX.Element;
-export type PromptInputAttachmentsProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    children: (attachment: FileUIPart & {
-        id: string;
-    }) => ReactNode;
-};
-export declare function PromptInputAttachments({ children, className, ...props }: PromptInputAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
-export type PromptInputActionAddAttachmentsProps = ComponentProps<typeof InputGroupButton> & {
-    label?: string;
-};
-export declare const PromptInputActionAddAttachments: ({ label, children, ...props }: PromptInputActionAddAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputMessage = {
-    text: string;
-    files: FileUIPart[];
-};
-export type PromptInputProps = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'> & {
-    accept?: string;
-    multiple?: boolean;
-    globalDrop?: boolean;
-    syncHiddenInput?: boolean;
-    maxFiles?: number;
-    maxFileSize?: number;
-    onError?: (err: {
-        code: 'max_files' | 'max_file_size' | 'accept';
-        message: string;
-    }) => void;
-    onSubmit: (message: PromptInputMessage, event: FormEvent<HTMLFormElement>) => void | Promise<void>;
-};
-export declare const PromptInput: ({ className, accept, multiple, globalDrop, syncHiddenInput, maxFiles, maxFileSize, onError, onSubmit, children, ...props }: PromptInputProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputBody: ({ className, ...props }: PromptInputBodyProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTextareaProps = ComponentProps<typeof InputGroupTextarea>;
-export declare const PromptInputTextarea: ({ onChange, className, placeholder, ...props }: PromptInputTextareaProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputHeaderProps = Omit<ComponentProps<typeof InputGroupAddon>, 'align'>;
-export declare const PromptInputHeader: ({ className, ...props }: PromptInputHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputFooterProps = Omit<ComponentProps<typeof InputGroupAddon>, 'align'>;
-export declare const PromptInputFooter: ({ className, ...props }: PromptInputFooterProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputTools: ({ className, ...props }: PromptInputToolsProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputButtonProps = ComponentProps<typeof InputGroupButton>;
-export declare const PromptInputButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "size"> & import("class-variance-authority").VariantProps<(props?: ({
-    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>;
-export declare const PromptInputActionMenu: (props: PromptInputActionMenuProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
-export declare const PromptInputActionMenuTrigger: ({ className, children, ...props }: PromptInputActionMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputActionMenuContentProps = ComponentProps<typeof DropdownMenuContent>;
-export declare const PromptInputActionMenuContent: ({ className, ...props }: PromptInputActionMenuContentProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputActionMenuItemProps = ComponentProps<typeof DropdownMenuItem>;
-export declare const PromptInputActionMenuItem: ({ className, ...props }: PromptInputActionMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
-    status?: ChatStatus;
-};
-export declare const PromptInputSubmit: ({ className, variant, size, status, children, ...props }: PromptInputSubmitProps) => import("react/jsx-runtime").JSX.Element;
-interface SpeechRecognition extends EventTarget {
-    continuous: boolean;
-    interimResults: boolean;
-    lang: string;
-    start(): void;
-    stop(): void;
-    onstart: ((this: SpeechRecognition, ev: Event) => any) | null;
-    onend: ((this: SpeechRecognition, ev: Event) => any) | null;
-    onresult: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => any) | null;
-    onerror: ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => any) | null;
-}
-interface SpeechRecognitionEvent extends Event {
-    results: SpeechRecognitionResultList;
-    resultIndex: number;
-}
-type SpeechRecognitionResultList = {
-    readonly length: number;
-    item(index: number): SpeechRecognitionResult;
-    [index: number]: SpeechRecognitionResult;
-};
-type SpeechRecognitionResult = {
-    readonly length: number;
-    item(index: number): SpeechRecognitionAlternative;
-    [index: number]: SpeechRecognitionAlternative;
-    isFinal: boolean;
-};
-type SpeechRecognitionAlternative = {
-    transcript: string;
-    confidence: number;
-};
-interface SpeechRecognitionErrorEvent extends Event {
-    error: string;
-}
-declare global {
-    interface Window {
-        SpeechRecognition: {
-            new (): SpeechRecognition;
-        };
-        webkitSpeechRecognition: {
-            new (): SpeechRecognition;
-        };
-    }
-}
-export type PromptInputSpeechButtonProps = ComponentProps<typeof PromptInputButton> & {
-    textareaRef?: RefObject<HTMLTextAreaElement | null>;
-    onTranscriptionChange?: (text: string) => void;
-};
-export declare const PromptInputSpeechButton: ({ className, textareaRef, onTranscriptionChange, ...props }: PromptInputSpeechButtonProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSelectProps = ComponentProps<typeof Select>;
-export declare const PromptInputSelect: (props: PromptInputSelectProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSelectTriggerProps = ComponentProps<typeof SelectTrigger>;
-export declare const PromptInputSelectTrigger: ({ className, ...props }: PromptInputSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSelectContentProps = ComponentProps<typeof SelectContent>;
-export declare const PromptInputSelectContent: ({ className, ...props }: PromptInputSelectContentProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSelectItemProps = ComponentProps<typeof SelectItem>;
-export declare const PromptInputSelectItem: ({ className, ...props }: PromptInputSelectItemProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputSelectValueProps = ComponentProps<typeof SelectValue>;
-export declare const PromptInputSelectValue: ({ className, ...props }: PromptInputSelectValueProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>;
-export declare const PromptInputHoverCard: ({ openDelay, closeDelay, ...props }: PromptInputHoverCardProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
-export declare const PromptInputHoverCardTrigger: (props: PromptInputHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
-export declare const PromptInputHoverCardContent: ({ align, ...props }: PromptInputHoverCardContentProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputTabsList: ({ className, ...props }: PromptInputTabsListProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTabProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputTab: ({ className, ...props }: PromptInputTabProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>;
-export declare const PromptInputTabLabel: ({ className, ...props }: PromptInputTabLabelProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputTabBody: ({ className, ...props }: PromptInputTabBodyProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>;
-export declare const PromptInputTabItem: ({ className, ...props }: PromptInputTabItemProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandProps = ComponentProps<typeof Command>;
-export declare const PromptInputCommand: ({ className, ...props }: PromptInputCommandProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>;
-export declare const PromptInputCommandInput: ({ className, ...props }: PromptInputCommandInputProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandListProps = ComponentProps<typeof CommandList>;
-export declare const PromptInputCommandList: ({ className, ...props }: PromptInputCommandListProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>;
-export declare const PromptInputCommandEmpty: ({ className, ...props }: PromptInputCommandEmptyProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>;
-export declare const PromptInputCommandGroup: ({ className, ...props }: PromptInputCommandGroupProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>;
-export declare const PromptInputCommandItem: ({ className, ...props }: PromptInputCommandItemProps) => import("react/jsx-runtime").JSX.Element;
-export type PromptInputCommandSeparatorProps = ComponentProps<typeof CommandSeparator>;
-export declare const PromptInputCommandSeparator: ({ className, ...props }: PromptInputCommandSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-export {};