@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.39.1 → 0.5.0-beta.41.1

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import { Accordion as Accordion_2 } from 'radix-ui';
 import { AlertDialog as AlertDialog_2 } from 'radix-ui';
 import { AspectRatio as AspectRatio_2 } from 'radix-ui';
 import { Avatar as Avatar_2 } from 'radix-ui';
+import { BundledLanguage } from 'shiki';
+import { ChatStatus } from 'ai';
 import { Checkbox as Checkbox_2 } from 'radix-ui';
 import { ClassProp } from 'class-variance-authority/types';
 import { Collapsible as Collapsible_2 } from 'radix-ui';
@@ -9,6 +11,8 @@ import { ColumnDef } from '@tanstack/react-table';
 import { ColumnOrderState } from '@tanstack/react-table';
 import { Combobox as Combobox_2 } from '@base-ui/react';
 import { Command as Command_2 } from 'cmdk';
+import { ComponentProps } from 'react';
+import { Context as Context_2 } from 'react';
 import { ContextMenu as ContextMenu_2 } from 'radix-ui';
 import { DayButton } from 'react-day-picker';
 import { DayPicker } from 'react-day-picker';
@@ -17,31 +21,50 @@ import { default as default_3 } from 'embla-carousel-react';
 import { Dialog as Dialog_2 } from 'radix-ui';
 import { Drawer as Drawer_2 } from 'vaul';
 import { DropdownMenu as DropdownMenu_2 } from 'radix-ui';
+import { DynamicToolUIPart } from 'ai';
+import { ElementType } from 'react';
+import { FileUIPart } from 'ai';
+import { FormEvent } from 'react';
 import { HoverCard as HoverCard_2 } from 'radix-ui';
+import { HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { Label as Label_2 } from 'radix-ui';
+import { LanguageModelUsage } from 'ai';
 import { Locale } from 'react-day-picker';
 import { LucideIcon } from 'lucide-react';
+import { MemoExoticComponent } from 'react';
 import { Menubar as Menubar_2 } from 'radix-ui';
 import { NavigationMenu as NavigationMenu_2 } from 'radix-ui';
 import { OnChange } from '@monaco-editor/react';
 import { OTPInput } from 'input-otp';
 import { PaginationState } from '@tanstack/react-table';
+import { PropsWithChildren } from 'react';
 import { RadioGroup as RadioGroup_2 } from 'radix-ui';
 import * as React_2 from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { RefObject } from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { ScrollArea as ScrollArea_2 } from 'radix-ui';
 import { SearchEqlRequest } from '@tetrascience-npm/ts-connectors-sdk';
 import { Select as Select_2 } from 'radix-ui';
 import { Separator as Separator_2 } from 'radix-ui';
 import { Slider as Slider_2 } from 'radix-ui';
+import { SourceDocumentUIPart } from 'ai';
+import { StickToBottom } from 'use-stick-to-bottom';
+import { Streamdown } from 'streamdown';
 import { Switch as Switch_2 } from 'radix-ui';
 import { Table as Table_2 } from '@tanstack/react-table';
 import { Tabs as Tabs_2 } from 'radix-ui';
+import { ThemedToken } from 'shiki';
 import { ToasterProps } from 'sonner';
 import { Toggle as Toggle_2 } from 'radix-ui';
 import { ToggleGroup as ToggleGroup_2 } from 'radix-ui';
 import { Tooltip as Tooltip_2 } from 'radix-ui';
+import { ToolUIPart } from 'ai';
+import { UIMessage } from 'ai';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
 import { VisibilityState } from '@tanstack/react-table';
@@ -118,6 +141,85 @@ export declare type AreaGraphVariant = "normal" | "stacked";
 
 export declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio_2.Root>): JSX.Element;
 
+export declare const Attachment: ({ data, onRemove, className, children, ...props }: AttachmentProps) => JSX.Element;
+
+declare interface AttachmentContextValue {
+    data: AttachmentData;
+    mediaCategory: AttachmentMediaCategory;
+    onRemove?: () => void;
+    variant: AttachmentVariant;
+}
+
+export declare type AttachmentData = (FileUIPart & {
+    id: string;
+}) | (SourceDocumentUIPart & {
+    id: string;
+});
+
+export declare const AttachmentEmpty: ({ className, children, ...props }: AttachmentEmptyProps) => JSX.Element;
+
+export declare type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const AttachmentHoverCard: ({ openDelay, closeDelay, ...props }: AttachmentHoverCardProps) => JSX.Element;
+
+export declare const AttachmentHoverCardContent: ({ align, className, ...props }: AttachmentHoverCardContentProps) => JSX.Element;
+
+export declare type AttachmentHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
+
+export declare type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
+
+export declare const AttachmentHoverCardTrigger: (props: AttachmentHoverCardTriggerProps) => JSX.Element;
+
+export declare type AttachmentHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
+
+export declare const AttachmentInfo: ({ showMediaType, className, ...props }: AttachmentInfoProps) => JSX.Element | null;
+
+export declare type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
+    showMediaType?: boolean;
+};
+
+export declare type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
+
+export declare const AttachmentPreview: ({ fallbackIcon, className, ...props }: AttachmentPreviewProps) => JSX.Element;
+
+export declare type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
+    fallbackIcon?: ReactNode;
+};
+
+export declare type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
+    data: AttachmentData;
+    onRemove?: () => void;
+};
+
+export declare const AttachmentRemove: ({ label, className, children, ...props }: AttachmentRemoveProps) => JSX.Element | null;
+
+export declare type AttachmentRemoveProps = ComponentProps<typeof Button> & {
+    label?: string;
+};
+
+export declare const Attachments: ({ variant, className, children, ...props }: AttachmentsProps) => JSX.Element;
+
+export declare interface AttachmentsContext {
+    files: (FileUIPart & {
+        id: string;
+    })[];
+    add: (files: File[] | FileList) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+    openFileDialog: () => void;
+    fileInputRef: RefObject<HTMLInputElement | null>;
+}
+
+declare interface AttachmentsContextValue {
+    variant: AttachmentVariant;
+}
+
+export declare type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
+    variant?: AttachmentVariant;
+};
+
+export declare type AttachmentVariant = "grid" | "inline" | "list";
+
 export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof Avatar_2.Root> & {
     size?: "default" | "sm" | "lg";
 }): JSX.Element;
@@ -325,12 +427,121 @@ declare type CarouselProps = {
     setApi?: (api: CarouselApi) => void;
 };
 
+export declare const ChainOfThought: {
+    ({ className, defaultOpen, ...props }: ChainOfThoughtProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ChainOfThoughtContent: {
+    ({ className, ...props }: ChainOfThoughtContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export declare const ChainOfThoughtImage: {
+    ({ src, alt, caption, className, ...props }: ChainOfThoughtImageProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtImageProps = ComponentProps<"figure"> & {
+    src: string;
+    alt?: string;
+    caption?: string;
+};
+
+export declare type ChainOfThoughtProps = ComponentProps<typeof Collapsible>;
+
+export declare const ChainOfThoughtSource: {
+    ({ className, children, ...props }: ChainOfThoughtSourceProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtSourceProps = ComponentProps<"a">;
+
+export declare const ChainOfThoughtSources: {
+    ({ className, ...props }: ChainOfThoughtSourcesProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtSourcesProps = ComponentProps<"div">;
+
+export declare const ChainOfThoughtStep: {
+    ({ variant, className, children, ...props }: ChainOfThoughtStepProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtStepProps = ComponentProps<"div"> & {
+    /**
+     * Visual prefix for the step.
+     * - `"bullet"` — small dot (default, plain reasoning text)
+     * - `"search"` — magnifying-glass (web search / tool call)
+     * - `"image"` — image icon (image fetch / vision step)
+     * - ReactNode — custom icon
+     */
+    variant?: ChainOfThoughtStepVariant | ReactNode;
+};
+
+export declare type ChainOfThoughtStepVariant = "bullet" | "search" | "image";
+
+export declare const ChainOfThoughtTrigger: {
+    ({ className, children, title, icon, isStreaming, ...props }: ChainOfThoughtTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ChainOfThoughtTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    title?: string;
+    icon?: ReactNode;
+    /** When true, renders a subtle animated dot next to the title. */
+    isStreaming?: boolean;
+};
+
 /**
  * Chart color palette for consistent graph styling
  * Uses the primary graph colors from the design system
  */
 export declare const CHART_COLORS: readonly [string, string, string, string, string, string, string, string, string, string, string, string];
 
+export declare const Chat: ({ initialMessages, models, defaultModel, suggestions, onSend, className, }: ChatProps) => JSX.Element;
+
+export declare interface ChatMessage {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    /** Displayed in a collapsible Reasoning panel above the message content. */
+    reasoning?: string;
+    /** Web sources used to produce this message. */
+    sources?: ChatSource[];
+    /** Multiple alternative responses (for branching). When provided, the
+     *  array should include `content` as one of its items. */
+    branches?: string[];
+}
+
+export declare interface ChatModel {
+    id: string;
+    name: string;
+}
+
+export declare interface ChatProps {
+    /** Initial messages to pre-populate the conversation. */
+    initialMessages?: ChatMessage[];
+    /** Available models shown in the model-selector dropdown. */
+    models?: ChatModel[];
+    /** Initial model id. Defaults to the first model in `models`. */
+    defaultModel?: string;
+    /** Suggestion chips shown when the conversation is empty. */
+    suggestions?: string[];
+    /** Called when the user submits a message. The returned string (if any)
+     *  will be appended as the assistant's reply. Defaults to a no-op. */
+    onSend?: (message: string, model: string) => Promise<string | undefined> | string | undefined;
+    className?: string;
+}
+
+export declare interface ChatSource {
+    href: string;
+    title: string;
+}
+
 export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof Checkbox_2.Root>): JSX.Element;
 
 export declare const Chromatogram: default_2.FC<ChromatogramProps>;
@@ -426,6 +637,60 @@ export declare interface ChromatogramSeries {
     metadata?: Record<string, unknown>;
 }
 
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => JSX.Element;
+
+export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+
+export declare const CodeBlockContainer: ({ className, language, style, ...props }: HTMLAttributes<HTMLDivElement> & {
+    language: string;
+}) => JSX.Element;
+
+export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+}) => JSX.Element;
+
+export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => JSX.Element;
+
+export declare type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+
+export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
+
+export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+
+export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => JSX.Element;
+
+export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => JSX.Element;
+
+export declare type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
+
+export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => JSX.Element;
+
+export declare type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
+
+export declare type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
+
+export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => JSX.Element;
+
+export declare type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
+
+export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => JSX.Element;
+
+export declare type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
+
+declare type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+
+export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+
 export declare const CodeEditor: default_2.FC<CodeEditorProps>;
 
 export declare interface CodeEditorProps {
@@ -629,6 +894,71 @@ declare interface CommonTdpSearchProps {
     renderResults?: (props: TdpResultsRenderProps) => default_2.ReactNode;
 }
 
+export declare const Confirmation: ({ className, approval, state, children, ...props }: ConfirmationProps) => JSX.Element | null;
+
+export declare const ConfirmationAccepted: ({ children }: {
+    children?: ReactNode;
+}) => JSX.Element | null;
+
+export declare const ConfirmationAction: ({ className, size, ...props }: ConfirmationActionProps) => JSX.Element;
+
+export declare type ConfirmationActionProps = ComponentProps<typeof Button>;
+
+export declare const ConfirmationActions: ({ className, ...props }: ConfirmationActionsProps) => JSX.Element | null;
+
+export declare type ConfirmationActionsProps = ComponentProps<"div">;
+
+export declare const ConfirmationCode: ({ className, children, ...props }: ConfirmationCodeProps) => JSX.Element;
+
+export declare type ConfirmationCodeProps = ComponentProps<typeof CodeBlock>;
+
+export declare type ConfirmationProps = ComponentProps<"div"> & {
+    approval?: ToolUIPartApproval;
+    state: ToolUIPart["state"];
+};
+
+export declare const ConfirmationRejected: ({ children }: {
+    children?: ReactNode;
+}) => JSX.Element | null;
+
+export declare const ConfirmationRequest: ({ children }: {
+    children?: ReactNode;
+}) => JSX.Element | null;
+
+export declare const ConfirmationShortcut: ({ className, ...props }: ConfirmationShortcutProps) => JSX.Element;
+
+export declare type ConfirmationShortcutProps = ComponentProps<typeof Kbd>;
+
+export declare const ConfirmationTitle: ({ className, children, ...props }: ConfirmationTitleProps) => JSX.Element;
+
+export declare type ConfirmationTitleProps = PropsWithChildren<ComponentProps<"h3">>;
+
+export declare const Context: ({ usedTokens, maxTokens, usage, cost, ...props }: ContextProps) => JSX.Element;
+
+export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null;
+
+export declare type ContextCacheUsageProps = ComponentProps<"div">;
+
+export declare const ContextContent: ({ className, ...props }: ContextContentProps) => JSX.Element;
+
+export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => JSX.Element;
+
+export declare type ContextContentBodyProps = ComponentProps<"div">;
+
+export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => JSX.Element;
+
+export declare type ContextContentFooterProps = ComponentProps<"div">;
+
+export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => JSX.Element;
+
+export declare type ContextContentHeaderProps = ComponentProps<"div">;
+
+export declare type ContextContentProps = ComponentProps<typeof HoverCardContent>;
+
+export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null;
+
+export declare type ContextInputUsageProps = ComponentProps<"div">;
+
 export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenu_2.Root>): JSX.Element;
 
 export declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof ContextMenu_2.CheckboxItem> & {
@@ -672,6 +1002,65 @@ export declare function ContextMenuSubTrigger({ className, inset, children, ...p
 
 export declare function ContextMenuTrigger({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Trigger>): JSX.Element;
 
+export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null;
+
+export declare type ContextOutputUsageProps = ComponentProps<"div">;
+
+export declare type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
+
+export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null;
+
+export declare type ContextReasoningUsageProps = ComponentProps<"div">;
+
+declare interface ContextSchema {
+    usedTokens: number;
+    maxTokens: number;
+    usage?: LanguageModelUsage;
+    cost?: CostBreakdown;
+}
+
+export declare const ContextTrigger: ({ children, showPercentage, ...props }: ContextTriggerProps) => JSX.Element;
+
+export declare type ContextTriggerProps = ComponentProps<typeof Button> & {
+    showPercentage?: boolean;
+};
+
+export declare const Conversation: ({ className, ...props }: ConversationProps) => JSX.Element;
+
+export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => JSX.Element;
+
+export declare type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+
+export declare const ConversationDownload: ({ messages, filename, formatMessage, className, children, ...props }: ConversationDownloadProps) => JSX.Element;
+
+export declare type ConversationDownloadProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+    messages: UIMessage[];
+    filename?: string;
+    formatMessage?: (message: UIMessage, index: number) => string;
+};
+
+export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => JSX.Element;
+
+export declare type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+
+export declare type ConversationProps = ComponentProps<typeof StickToBottom>;
+
+export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | JSX.Element;
+
+export declare type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+
+export declare interface CostBreakdown {
+    total?: number;
+    input?: number;
+    output?: number;
+    reasoning?: number;
+    cache?: number;
+}
+
 export declare function DataAppShell({ appName, appFullName, appIcon, version, navGroups, onAppNameClick, backToPlatformPath, onBackToPlatform, userMenu, breadcrumbs, onHelpClick, headerActions, sidebarPanel, children, className, }: DataAppShellProps): JSX.Element;
 
 export declare interface DataAppShellProps {
@@ -892,6 +1281,12 @@ declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const getAttachmentLabel: (data: AttachmentData) => string;
+
+export declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
+
+export declare const getStatusBadge: (status: ToolPart["state"]) => JSX.Element;
+
 /**
  * TDP Navigation Utilities
  *
@@ -954,6 +1349,8 @@ export declare interface HeatmapProps {
     valueUnit?: string;
 }
 
+export declare const highlightCode: (code: string, language: BundledLanguage, callback?: (result: TokenizedCode) => void) => TokenizedCode | null;
+
 export declare const Histogram: default_2.FC<HistogramProps>;
 
 export declare interface HistogramDataSeries {
@@ -988,6 +1385,68 @@ export declare function HoverCardContent({ className, align, sideOffset, ...prop
 
 export declare function HoverCardTrigger({ ...props }: React_2.ComponentProps<typeof HoverCard_2.Trigger>): JSX.Element;
 
+export declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => JSX.Element;
+
+export declare const InlineCitationCard: (props: InlineCitationCardProps) => JSX.Element;
+
+export declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => JSX.Element;
+
+export declare type InlineCitationCardBodyProps = ComponentProps<"div">;
+
+export declare type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+
+export declare const InlineCitationCardTrigger: ({ sources, className, ...props }: InlineCitationCardTriggerProps) => JSX.Element;
+
+export declare type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+    sources: string[];
+};
+
+export declare const InlineCitationCarousel: ({ className, children, ...props }: InlineCitationCarouselProps) => JSX.Element;
+
+export declare const InlineCitationCarouselContent: (props: InlineCitationCarouselContentProps) => JSX.Element;
+
+export declare type InlineCitationCarouselContentProps = ComponentProps<"div">;
+
+export declare const InlineCitationCarouselHeader: ({ className, ...props }: InlineCitationCarouselHeaderProps) => JSX.Element;
+
+export declare type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+
+export declare const InlineCitationCarouselIndex: ({ children, className, ...props }: InlineCitationCarouselIndexProps) => JSX.Element;
+
+export declare type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+
+export declare const InlineCitationCarouselItem: ({ className, ...props }: InlineCitationCarouselItemProps) => JSX.Element;
+
+export declare type InlineCitationCarouselItemProps = ComponentProps<"div">;
+
+export declare const InlineCitationCarouselNext: ({ className, ...props }: InlineCitationCarouselNextProps) => JSX.Element;
+
+export declare type InlineCitationCarouselNextProps = ComponentProps<"button">;
+
+export declare const InlineCitationCarouselPrev: ({ className, ...props }: InlineCitationCarouselPrevProps) => JSX.Element;
+
+export declare type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+
+export declare type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+
+export declare type InlineCitationProps = ComponentProps<"span">;
+
+export declare const InlineCitationQuote: ({ children, className, ...props }: InlineCitationQuoteProps) => JSX.Element;
+
+export declare type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+
+export declare const InlineCitationSource: ({ title, url, description, className, children, ...props }: InlineCitationSourceProps) => JSX.Element;
+
+export declare type InlineCitationSourceProps = ComponentProps<"div"> & {
+    title?: string;
+    url?: string;
+    description?: string;
+};
+
+export declare const InlineCitationText: ({ className, ...props }: InlineCitationTextProps) => JSX.Element;
+
+export declare type InlineCitationTextProps = ComponentProps<"span">;
+
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
 
 export declare function InputGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
@@ -1173,6 +1632,8 @@ export declare type LineGraphProps = {
 
 export declare type LineGraphVariant = "lines" | "lines+markers" | "lines+markers+error_bars";
 
+export declare const LocalReferencedSourcesContext: Context_2<ReferencedSourcesContext | null>;
+
 export declare type MarkerSymbol = "circle" | "circle-open" | "circle-dot" | "circle-open-dot" | "square" | "square-open" | "square-dot" | "square-open-dot" | "diamond" | "diamond-open" | "diamond-dot" | "diamond-open-dot" | "cross" | "cross-open" | "cross-dot" | "cross-open-dot" | "x" | "x-open" | "x-dot" | "x-open-dot" | "triangle-up" | "triangle-up-open" | "triangle-up-dot" | "triangle-up-open-dot" | "triangle-down" | "triangle-down-open" | "triangle-down-dot" | "triangle-down-open-dot" | "triangle-left" | "triangle-left-open" | "triangle-left-dot" | "triangle-left-open-dot" | "triangle-right" | "triangle-right-open" | "triangle-right-dot" | "triangle-right-open-dot" | "triangle-ne" | "triangle-ne-open" | "triangle-ne-dot" | "triangle-ne-open-dot" | "triangle-se" | "triangle-se-open" | "triangle-se-dot" | "triangle-se-open-dot" | "triangle-sw" | "triangle-sw-open" | "triangle-sw-dot" | "triangle-sw-open-dot" | "triangle-nw" | "triangle-nw-open" | "triangle-nw-dot" | "triangle-nw-open-dot" | "pentagon" | "pentagon-open" | "pentagon-dot" | "pentagon-open-dot" | "hexagon" | "hexagon-open" | "hexagon-dot" | "hexagon-open-dot" | "hexagon2" | "hexagon2-open" | "hexagon2-dot" | "hexagon2-open-dot" | "octagon" | "octagon-open" | "octagon-dot" | "octagon-open-dot" | "star" | "star-open" | "star-dot" | "star-open-dot" | "hexagram" | "hexagram-open" | "hexagram-dot" | "hexagram-open-dot" | "star-triangle-up" | "star-triangle-up-open" | "star-triangle-up-dot" | "star-triangle-up-open-dot" | "star-triangle-down" | "star-triangle-down-open" | "star-triangle-down-dot" | "star-triangle-down-open-dot" | "star-square" | "star-square-open" | "star-square-dot" | "star-square-open-dot" | "star-diamond" | "star-diamond-open" | "star-diamond-dot" | "star-diamond-open-dot" | "diamond-tall" | "diamond-tall-open" | "diamond-tall-dot" | "diamond-tall-open-dot" | "diamond-wide" | "diamond-wide-open" | "diamond-wide-dot" | "diamond-wide-open-dot" | "hourglass" | "hourglass-open" | "bowtie" | "bowtie-open" | "circle-cross" | "circle-cross-open" | "circle-x" | "circle-x-open" | "square-cross" | "square-cross-open" | "square-x" | "square-x-open" | "diamond-cross" | "diamond-cross-open" | "diamond-x" | "diamond-x-open" | "cross-thin" | "cross-thin-open" | "x-thin" | "x-thin-open" | "asterisk" | "asterisk-open" | "hash" | "hash-open" | "hash-dot" | "hash-open-dot" | "y-up" | "y-up-open" | "y-down" | "y-down-open" | "y-left" | "y-left-open" | "y-right" | "y-right-open" | "line-ew" | "line-ew-open" | "line-ns" | "line-ns-open" | "line-ne" | "line-ne-open" | "line-nw" | "line-nw-open" | "arrow" | "arrow-open" | "arrow-wide" | "arrow-wide-open";
 
 declare type MarkerSymbol_2 = "circle" | "square" | "diamond" | "triangle-up" | "triangle-down" | "star";
@@ -1220,6 +1681,124 @@ export declare function MenubarSubTrigger({ className, inset, children, ...props
 
 export declare function MenubarTrigger({ className, ...props }: React_2.ComponentProps<typeof Menubar_2.Trigger>): JSX.Element;
 
+export declare const Message: ({ className, from, ...props }: MessageProps) => JSX.Element;
+
+export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => JSX.Element;
+
+export declare type MessageActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+
+export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => JSX.Element;
+
+export declare type MessageActionsProps = ComponentProps<"div">;
+
+export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => JSX.Element;
+
+export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => JSX.Element[];
+
+export declare type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => JSX.Element;
+
+export declare type MessageBranchNextProps = ComponentProps<typeof Button>;
+
+export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => JSX.Element;
+
+export declare type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+
+export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => JSX.Element;
+
+export declare type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+
+export declare type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+
+export declare const MessageBranchSelector: ({ className, ...props }: MessageBranchSelectorProps) => JSX.Element | null;
+
+export declare type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;
+
+export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => JSX.Element;
+
+export declare type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+
+export declare type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+
+export declare const MessageResponse: MemoExoticComponent<({ className, ...props }: MessageResponseProps) => JSX.Element>;
+
+export declare type MessageResponseProps = ComponentProps<typeof Streamdown>;
+
+export declare const messagesToMarkdown: (messages: UIMessage[], formatMessage?: (message: UIMessage, index: number) => string) => string;
+
+export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => JSX.Element;
+
+export declare type MessageToolbarProps = ComponentProps<"div">;
+
+export declare const ModelSelector: (props: ModelSelectorProps) => JSX.Element;
+
+export declare const ModelSelectorContent: ({ className, children, title, ...props }: ModelSelectorContentProps) => JSX.Element;
+
+export declare type ModelSelectorContentProps = ComponentProps<typeof DialogContent> & {
+    title?: ReactNode;
+};
+
+export declare const ModelSelectorDialog: (props: ModelSelectorDialogProps) => JSX.Element;
+
+export declare type ModelSelectorDialogProps = ComponentProps<typeof CommandDialog>;
+
+export declare const ModelSelectorEmpty: (props: ModelSelectorEmptyProps) => JSX.Element;
+
+export declare type ModelSelectorEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export declare const ModelSelectorGroup: (props: ModelSelectorGroupProps) => JSX.Element;
+
+export declare type ModelSelectorGroupProps = ComponentProps<typeof CommandGroup>;
+
+export declare const ModelSelectorInput: ({ className, ...props }: ModelSelectorInputProps) => JSX.Element;
+
+export declare type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;
+
+export declare const ModelSelectorItem: (props: ModelSelectorItemProps) => JSX.Element;
+
+export declare type ModelSelectorItemProps = ComponentProps<typeof CommandItem>;
+
+export declare const ModelSelectorList: (props: ModelSelectorListProps) => JSX.Element;
+
+export declare type ModelSelectorListProps = ComponentProps<typeof CommandList>;
+
+export declare const ModelSelectorLogo: ({ provider, className, ...props }: ModelSelectorLogoProps) => JSX.Element;
+
+export declare const ModelSelectorLogoGroup: ({ className, ...props }: ModelSelectorLogoGroupProps) => JSX.Element;
+
+export declare type ModelSelectorLogoGroupProps = ComponentProps<"div">;
+
+export declare 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 ModelSelectorName: ({ className, ...props }: ModelSelectorNameProps) => JSX.Element;
+
+export declare type ModelSelectorNameProps = ComponentProps<"span">;
+
+export declare type ModelSelectorProps = ComponentProps<typeof Dialog>;
+
+export declare const ModelSelectorSeparator: (props: ModelSelectorSeparatorProps) => JSX.Element;
+
+export declare type ModelSelectorSeparatorProps = ComponentProps<typeof CommandSeparator>;
+
+export declare const ModelSelectorShortcut: ({ className, ...props }: ModelSelectorShortcutProps) => JSX.Element;
+
+export declare type ModelSelectorShortcutProps = ComponentProps<typeof Kbd>;
+
+export declare const ModelSelectorTrigger: (props: ModelSelectorTriggerProps) => JSX.Element;
+
+export declare type ModelSelectorTriggerProps = ComponentProps<typeof DialogTrigger>;
+
 export declare interface NavGroup {
     /** Optional group label shown as a section header in expanded nav */
     label?: string;
@@ -1511,10 +2090,347 @@ declare interface PlateRegion {
     fillColor?: string;
 }
 
+export declare const PromptInput: ({ className, accept, multiple, globalDrop, syncHiddenInput, maxFiles, maxFileSize, onError, onSubmit, children, ...props }: PromptInputProps) => JSX.Element;
+
+export declare const PromptInputActionAddAttachments: ({ label, ...props }: PromptInputActionAddAttachmentsProps) => JSX.Element;
+
+export declare type PromptInputActionAddAttachmentsProps = ComponentProps<typeof DropdownMenuItem> & {
+    label?: string;
+};
+
+export declare const PromptInputActionAddScreenshot: ({ label, onSelect, ...props }: PromptInputActionAddScreenshotProps) => JSX.Element;
+
+export declare type PromptInputActionAddScreenshotProps = ComponentProps<typeof DropdownMenuItem> & {
+    label?: string;
+};
+
+export declare const PromptInputActionMenu: (props: PromptInputActionMenuProps) => JSX.Element;
+
+export declare const PromptInputActionMenuContent: ({ className, ...props }: PromptInputActionMenuContentProps) => JSX.Element;
+
+export declare type PromptInputActionMenuContentProps = ComponentProps<typeof DropdownMenuContent>;
+
+export declare const PromptInputActionMenuItem: ({ className, ...props }: PromptInputActionMenuItemProps) => JSX.Element;
+
+export declare type PromptInputActionMenuItemProps = ComponentProps<typeof DropdownMenuItem>;
+
+export declare type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>;
+
+export declare const PromptInputActionMenuTrigger: ({ className, children, tooltip, "aria-label": ariaLabel, ...props }: PromptInputActionMenuTriggerProps) => JSX.Element;
+
+export declare type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
+
+export declare const PromptInputBody: ({ className, ...props }: PromptInputBodyProps) => JSX.Element;
+
+export declare type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const PromptInputButton: ({ variant, className, size, tooltip, ...props }: PromptInputButtonProps) => JSX.Element;
+
+export declare type PromptInputButtonProps = ComponentProps<typeof InputGroupButton> & {
+    tooltip?: PromptInputButtonTooltip;
+};
+
+export declare type PromptInputButtonTooltip = string | {
+    content: ReactNode;
+    shortcut?: string;
+    side?: ComponentProps<typeof TooltipContent>["side"];
+};
+
+export declare const PromptInputCommand: ({ className, ...props }: PromptInputCommandProps) => JSX.Element;
+
+export declare const PromptInputCommandEmpty: ({ className, ...props }: PromptInputCommandEmptyProps) => JSX.Element;
+
+export declare type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>;
+
+export declare const PromptInputCommandGroup: ({ className, ...props }: PromptInputCommandGroupProps) => JSX.Element;
+
+export declare type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>;
+
+export declare const PromptInputCommandInput: ({ className, ...props }: PromptInputCommandInputProps) => JSX.Element;
+
+export declare type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>;
+
+export declare const PromptInputCommandItem: ({ className, ...props }: PromptInputCommandItemProps) => JSX.Element;
+
+export declare type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>;
+
+export declare const PromptInputCommandList: ({ className, ...props }: PromptInputCommandListProps) => JSX.Element;
+
+export declare type PromptInputCommandListProps = ComponentProps<typeof CommandList>;
+
+export declare type PromptInputCommandProps = ComponentProps<typeof Command>;
+
+export declare const PromptInputCommandSeparator: ({ className, ...props }: PromptInputCommandSeparatorProps) => JSX.Element;
+
+export declare type PromptInputCommandSeparatorProps = ComponentProps<typeof CommandSeparator>;
+
+export declare interface 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 PromptInputFooter: ({ className, ...props }: PromptInputFooterProps) => JSX.Element;
+
+export declare type PromptInputFooterProps = Omit<ComponentProps<typeof InputGroupAddon>, "align">;
+
+export declare const PromptInputHeader: ({ className, ...props }: PromptInputHeaderProps) => JSX.Element;
+
+export declare type PromptInputHeaderProps = Omit<ComponentProps<typeof InputGroupAddon>, "align">;
+
+export declare const PromptInputHoverCard: ({ openDelay, closeDelay, ...props }: PromptInputHoverCardProps) => JSX.Element;
+
+export declare const PromptInputHoverCardContent: ({ align, ...props }: PromptInputHoverCardContentProps) => JSX.Element;
+
+export declare type PromptInputHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
+
+export declare type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>;
+
+export declare const PromptInputHoverCardTrigger: (props: PromptInputHoverCardTriggerProps) => JSX.Element;
+
+export declare type PromptInputHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
+
+export declare interface PromptInputMessage {
+    text: string;
+    files: FileUIPart[];
+}
+
+export declare 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>;
+};
+
+/**
+ * Optional global provider that lifts PromptInput state outside of PromptInput.
+ * If you don't use it, PromptInput stays fully self-managed.
+ */
+export declare const PromptInputProvider: ({ initialInput: initialTextInput, children, }: PromptInputProviderProps) => JSX.Element;
+
+export declare type PromptInputProviderProps = PropsWithChildren<{
+    initialInput?: string;
+}>;
+
+export declare const PromptInputSelect: (props: PromptInputSelectProps) => JSX.Element;
+
+export declare const PromptInputSelectContent: ({ className, ...props }: PromptInputSelectContentProps) => JSX.Element;
+
+export declare type PromptInputSelectContentProps = ComponentProps<typeof SelectContent>;
+
+export declare const PromptInputSelectItem: ({ className, ...props }: PromptInputSelectItemProps) => JSX.Element;
+
+export declare type PromptInputSelectItemProps = ComponentProps<typeof SelectItem>;
+
+export declare type PromptInputSelectProps = ComponentProps<typeof Select>;
+
+export declare const PromptInputSelectTrigger: ({ className, ...props }: PromptInputSelectTriggerProps) => JSX.Element;
+
+export declare type PromptInputSelectTriggerProps = ComponentProps<typeof SelectTrigger>;
+
+export declare const PromptInputSelectValue: ({ className, ...props }: PromptInputSelectValueProps) => JSX.Element;
+
+export declare type PromptInputSelectValueProps = ComponentProps<typeof SelectValue>;
+
+export declare const PromptInputSlotSwap: ({ a, b, show, className, }: PromptInputSlotSwapProps) => JSX.Element;
+
+export declare type PromptInputSlotSwapProps = {
+    /** Shown when show=false (e.g. mic button). */
+    a: ReactNode;
+    /** Shown when show=true (e.g. submit button). */
+    b: ReactNode;
+    /** When true, b is visible; when false, a is visible. */
+    show: boolean;
+    className?: string;
+};
+
+export declare const PromptInputSubmit: ({ className, variant, size, status, onStop, onClick, children, ...props }: PromptInputSubmitProps) => JSX.Element;
+
+export declare type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+    status?: ChatStatus;
+    onStop?: () => void;
+};
+
+export declare const PromptInputTab: ({ className, ...props }: PromptInputTabProps) => JSX.Element;
+
+export declare const PromptInputTabBody: ({ className, ...props }: PromptInputTabBodyProps) => JSX.Element;
+
+export declare type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const PromptInputTabItem: ({ className, ...props }: PromptInputTabItemProps) => JSX.Element;
+
+export declare type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const PromptInputTabLabel: ({ className, children, ...props }: PromptInputTabLabelProps) => JSX.Element;
+
+export declare type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>;
+
+export declare type PromptInputTabProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const PromptInputTabsList: ({ className, ...props }: PromptInputTabsListProps) => JSX.Element;
+
+export declare type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const PromptInputTextarea: ({ onChange, onKeyDown, className, placeholder, ...props }: PromptInputTextareaProps) => JSX.Element;
+
+export declare type PromptInputTextareaProps = ComponentProps<typeof InputGroupTextarea>;
+
+export declare const PromptInputTools: ({ className, ...props }: PromptInputToolsProps) => JSX.Element;
+
+export declare type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>;
+
+export declare const Queue: ({ className, isStreaming, children, style, id, ...props }: QueueProps) => JSX.Element;
+
+export declare const QueueItem: ({ className, ...props }: QueueItemProps) => JSX.Element;
+
+export declare const QueueItemAction: ({ className, ...props }: QueueItemActionProps) => JSX.Element;
+
+export declare type QueueItemActionProps = Omit<ComponentProps<typeof Button>, "variant" | "size">;
+
+export declare const QueueItemActions: ({ className, ...props }: QueueItemActionsProps) => JSX.Element;
+
+export declare type QueueItemActionsProps = ComponentProps<"div">;
+
+export declare const QueueItemAttachment: ({ className, ...props }: QueueItemAttachmentProps) => JSX.Element;
+
+export declare type QueueItemAttachmentProps = ComponentProps<"div">;
+
+export declare const QueueItemContent: ({ completed, className, ...props }: QueueItemContentProps) => JSX.Element;
+
+export declare type QueueItemContentProps = ComponentProps<"span"> & {
+    completed?: boolean;
+};
+
+export declare const QueueItemDescription: ({ completed, className, ...props }: QueueItemDescriptionProps) => JSX.Element;
+
+export declare type QueueItemDescriptionProps = ComponentProps<"div"> & {
+    completed?: boolean;
+};
+
+export declare const QueueItemFile: ({ children, className, ...props }: QueueItemFileProps) => JSX.Element;
+
+export declare type QueueItemFileProps = ComponentProps<"span">;
+
+export declare const QueueItemImage: ({ className, ...props }: QueueItemImageProps) => JSX.Element;
+
+export declare type QueueItemImageProps = ComponentProps<"img">;
+
+export declare const QueueItemIndicator: ({ status, completed, className, ...props }: QueueItemIndicatorProps) => JSX.Element;
+
+export declare type QueueItemIndicatorProps = ComponentProps<"span"> & {
+    /**
+     * Visual state of the indicator dot.
+     * - `pending`  — unfilled muted ring
+     * - `loading`  — spinning ring (primary accent)
+     * - `done`     — filled muted dot (task complete)
+     * - `error`    — filled destructive dot
+     */
+    status?: QueueItemStatus;
+    /** @deprecated Use `status="done"` instead. */
+    completed?: boolean;
+};
+
+export declare type QueueItemProps = ComponentProps<"li">;
+
+export declare type QueueItemStatus = "pending" | "loading" | "done" | "error";
+
+export declare const QueueList: ({ children, className, ...props }: QueueListProps) => JSX.Element;
+
+export declare type QueueListProps = ComponentProps<typeof ScrollArea>;
+
+export declare interface QueueMessage {
+    id: string;
+    parts: QueueMessagePart[];
+}
+
+export declare interface QueueMessagePart {
+    type: string;
+    text?: string;
+    url?: string;
+    filename?: string;
+    mediaType?: string;
+}
+
+export declare type QueueProps = ComponentProps<"div"> & {
+    isStreaming?: boolean;
+};
+
+export declare const QueueSection: ({ className, defaultOpen, ...props }: QueueSectionProps) => JSX.Element;
+
+export declare const QueueSectionContent: ({ className, ...props }: QueueSectionContentProps) => JSX.Element;
+
+export declare type QueueSectionContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export declare const QueueSectionLabel: ({ count, icon, className, children, ...props }: QueueSectionLabelProps) => JSX.Element;
+
+export declare type QueueSectionLabelProps = ComponentProps<"span"> & {
+    count?: number;
+    icon?: React.ReactNode;
+};
+
+export declare type QueueSectionProps = ComponentProps<typeof Collapsible>;
+
+export declare const QueueSectionTrigger: ({ children, className, ...props }: QueueSectionTriggerProps) => JSX.Element;
+
+export declare type QueueSectionTriggerProps = ComponentProps<"button">;
+
+export declare interface QueueTodo {
+    id: string;
+    title: string;
+    description?: string;
+    status?: "pending" | "completed";
+}
+
 export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Root>): JSX.Element;
 
 export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Item>): JSX.Element;
 
+export declare const Reasoning: MemoExoticComponent<({ className, isStreaming, open, defaultOpen, onOpenChange, duration: durationProp, children, ...props }: ReasoningProps) => JSX.Element>;
+
+export declare const ReasoningContent: MemoExoticComponent<({ className, children, ...props }: ReasoningContentProps) => JSX.Element>;
+
+export declare type ReasoningContentProps = ComponentProps<typeof CollapsibleContent> & {
+    children: string;
+};
+
+declare interface ReasoningContextValue {
+    isStreaming: boolean;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    duration: number | undefined;
+}
+
+export declare type ReasoningProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    duration?: number;
+};
+
+export declare const ReasoningTrigger: MemoExoticComponent<({ className, children, getThinkingMessage, ...props }: ReasoningTriggerProps) => JSX.Element>;
+
+export declare type ReasoningTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;
+};
+
+export declare interface ReferencedSourcesContext {
+    sources: (SourceDocumentUIPart & {
+        id: string;
+    })[];
+    add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+}
+
 export declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
 }): JSX.Element;
@@ -1603,6 +2519,8 @@ export declare function SheetTitle({ className, ...props }: React_2.ComponentPro
 
 export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof Dialog_2.Trigger>): JSX.Element;
 
+export declare const Shimmer: MemoExoticComponent<({ children, as: Component, className, duration, spread, gradient, }: TextShimmerProps) => JSX.Element>;
+
 export declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
@@ -1693,12 +2611,114 @@ export declare function Skeleton({ className, ...props }: React.ComponentProps<"
 
 export declare function Slider({ className, defaultValue, value, min, max, ...props }: React_2.ComponentProps<typeof Slider_2.Root>): JSX.Element;
 
+export declare const Source: ({ href, title, className, children, ...props }: SourceProps) => JSX.Element;
+
+export declare type SourceProps = ComponentProps<"a">;
+
+export declare const Sources: ({ className, ...props }: SourcesProps) => JSX.Element;
+
+export declare const SourcesContent: ({ className, ...props }: SourcesContentProps) => JSX.Element;
+
+export declare type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export declare type SourcesProps = ComponentProps<"div">;
+
+export declare const SourcesTrigger: ({ className, count, children, ...props }: SourcesTriggerProps) => JSX.Element;
+
+export declare type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    count: number;
+};
+
+export declare const SpeechInput: ({ className, onTranscriptionChange, onAudioRecorded, lang, ...props }: SpeechInputProps) => JSX.Element;
+
+export declare type SpeechInputProps = ComponentProps<typeof Button> & {
+    onTranscriptionChange?: (text: string) => void;
+    /**
+     * Callback for when audio is recorded using MediaRecorder fallback.
+     * This is called in browsers that don't support the Web Speech API (Firefox, Safari).
+     * The callback receives an audio Blob that should be sent to a transcription service.
+     * Return the transcribed text, which will be passed to onTranscriptionChange.
+     */
+    onAudioRecorded?: (audioBlob: Blob) => Promise<string>;
+    lang?: string;
+};
+
 export declare function Spinner({ className, size, ...props }: React.ComponentProps<"svg"> & VariantProps<typeof spinnerVariants>): JSX.Element;
 
 export declare const spinnerVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+/** Built-in Lucide spinner icons that pair well with ts-spin-pulse animation. */
+export declare const STREAM_STATUS_ICONS: {
+    readonly loader: JSX.Element;
+    readonly "loader-circle": JSX.Element;
+    readonly "loader-pinwheel": JSX.Element;
+    readonly "disc-3": JSX.Element;
+};
+
+export declare const StreamStatus: MemoExoticComponent<({ startTime, isStreaming, state: stateProp, showIndicator, tokenCount, tokenLabel, icon, iconVariant, className, }: StreamStatusProps) => JSX.Element>;
+
+export declare type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;
+
+export declare interface StreamStatusProps {
+    /**
+     * Timestamp when streaming started (Date or epoch ms).
+     * The component manages an internal 1-second ticker when set.
+     */
+    startTime?: Date | number;
+    /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */
+    isStreaming?: boolean;
+    /**
+     * Explicit state for the right-end indicator dot colour.
+     * If omitted, derived from `isStreaming`: `true` → "streaming", `false` → "idle".
+     *
+     * | state       | colour                     |
+     * |-------------|----------------------------|
+     * | streaming   | TS Light Blue 300 (pulsing)|
+     * | idle        | muted gray                 |
+     * | done        | TS Forest Green 300        |
+     * | error       | TS Imperial Red            |
+     */
+    state?: StreamStatusState;
+    /**
+     * Show the coloured status dot at the right end of the component.
+     * Defaults to `false`.
+     */
+    showIndicator?: boolean;
+    /** Token count shown after the separator, e.g. `8700` → "↓ 8.7k tokens". */
+    tokenCount?: number;
+    /** Prefix before the formatted token count. Defaults to `↓`. */
+    tokenLabel?: ReactNode;
+    /**
+     * Custom icon (ReactNode). Takes precedence over `iconVariant`.
+     * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous
+     * rotation that occasionally surges to 1.3× scale.
+     */
+    icon?: ReactNode;
+    /**
+     * Convenience shorthand to pick a built-in Lucide spinner.
+     * Ignored when `icon` is also provided.
+     *
+     * Options: `"loader"` | `"loader-circle"` | `"loader-pinwheel"` | `"disc-3"`
+     */
+    iconVariant?: StreamStatusIconVariant;
+    className?: string;
+}
+
+export declare type StreamStatusState = "streaming" | "idle" | "done" | "error";
+
+export declare const Suggestion: ({ suggestion, onClick, className, variant, size, children, ...props }: SuggestionProps) => JSX.Element;
+
+export declare type SuggestionProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+    suggestion: string;
+    onClick?: (suggestion: string) => void;
+};
+
+export declare const Suggestions: ({ className, children, ...props }: SuggestionsProps) => JSX.Element;
+
+export declare type SuggestionsProps = ComponentProps<"div">;
+
 export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof Switch_2.Root> & {
     size?: "sm" | "default";
 }): JSX.Element;
@@ -1748,6 +2768,30 @@ export declare const tabsListVariants: (props?: ({
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Trigger>): JSX.Element;
 
+export declare const Task: ({ defaultOpen, isStreaming, open, onOpenChange, className, ...props }: TaskProps) => JSX.Element;
+
+export declare const TaskContent: ({ children, className, ...props }: TaskContentProps) => JSX.Element;
+
+export declare type TaskContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export declare const TaskItem: ({ children, className, ...props }: TaskItemProps) => JSX.Element;
+
+export declare const TaskItemFile: ({ children, className, ...props }: TaskItemFileProps) => JSX.Element;
+
+export declare type TaskItemFileProps = ComponentProps<"div">;
+
+export declare type TaskItemProps = ComponentProps<"div">;
+
+export declare type TaskProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+};
+
+export declare const TaskTrigger: ({ children, className, title, ...props }: TaskTriggerProps) => JSX.Element;
+
+export declare type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    title: string;
+};
+
 /** Props passed to the renderFilters render prop */
 export declare interface TdpFiltersRenderProps {
     filters: TdpSearchFilter[];
@@ -1942,6 +2986,26 @@ export declare interface TetraScienceIconProps extends React_2.SVGProps<SVGSVGEl
 
 export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
 
+export declare interface TextInputContext {
+    value: string;
+    setInput: (v: string) => void;
+    clear: () => void;
+}
+
+export declare interface TextShimmerProps {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    duration?: number;
+    spread?: number;
+    /**
+     * CSS gradient used as the base text colour. Defaults to `muted-foreground`.
+     * Pass `TS_SHIMMER_GRADIENT` (or any custom gradient) to colour the text
+     * with the brand blue→purple sweep.
+     */
+    gradient?: string;
+}
+
 export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
 
 export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof Toggle_2.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
@@ -1958,6 +3022,52 @@ export declare const toggleVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface TokenizedCode {
+    tokens: ThemedToken[][];
+    fg: string;
+    bg: string;
+}
+
+export declare const Tool: ({ className, isStreaming, open, onOpenChange, defaultOpen, ...props }: ToolProps) => JSX.Element;
+
+export declare const ToolContent: ({ className, ...props }: ToolContentProps) => JSX.Element;
+
+export declare type ToolContentProps = ComponentProps<typeof CollapsibleContent>;
+
+export declare const ToolHeader: ({ className, title, type, state, toolName, ...props }: ToolHeaderProps) => JSX.Element;
+
+export declare type ToolHeaderProps = {
+    title?: string;
+    className?: string;
+} & ({
+    type: ToolUIPart["type"];
+    state: ToolUIPart["state"];
+    toolName?: never;
+} | {
+    type: DynamicToolUIPart["type"];
+    state: DynamicToolUIPart["state"];
+    toolName: string;
+});
+
+export declare const ToolInput: ({ className, input, ...props }: ToolInputProps) => JSX.Element;
+
+export declare type ToolInputProps = ComponentProps<"div"> & {
+    input: ToolPart["input"];
+};
+
+export declare const ToolOutput: ({ className, output, errorText, ...props }: ToolOutputProps) => JSX.Element | null;
+
+export declare type ToolOutputProps = ComponentProps<"div"> & {
+    output: ToolPart["output"];
+    errorText: ToolPart["errorText"];
+};
+
+export declare type ToolPart = ToolUIPart | DynamicToolUIPart;
+
+export declare type ToolProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+};
+
 export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Root>): JSX.Element;
 
 export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof Tooltip_2.Content>): JSX.Element;
@@ -1966,6 +3076,31 @@ export declare function TooltipProvider({ delayDuration, ...props }: React_2.Com
 
 export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof Tooltip_2.Trigger>): JSX.Element;
 
+declare type ToolUIPartApproval = {
+    id: string;
+    approved?: never;
+    reason?: never;
+} | {
+    id: string;
+    approved: boolean;
+    reason?: string;
+} | {
+    id: string;
+    approved: true;
+    reason?: string;
+} | {
+    id: string;
+    approved: false;
+    reason?: string;
+} | undefined;
+
+/** TetraScience brand gradient — Light Blue 300 → Purple 500 → Violet Marble */
+export declare const TS_SHIMMER_GRADIENT = "linear-gradient(90deg, #549DFF, #8243BA, #9665F4)";
+
+export declare const useAttachmentContext: () => AttachmentContextValue;
+
+export declare const useAttachmentsContext: () => AttachmentsContextValue;
+
 export declare function useCarousel(): CarouselContextProps;
 
 declare type UseCarouselParameters = Parameters<typeof default_3>;
@@ -1974,6 +3109,16 @@ export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement |
 
 export declare function useDataTable<TData = unknown>(): TableContextValue<TData>;
 
+export declare const usePromptInputAttachments: () => AttachmentsContext;
+
+export declare const usePromptInputController: () => PromptInputControllerProps;
+
+export declare const usePromptInputReferencedSources: () => ReferencedSourcesContext;
+
+export declare const useProviderAttachments: () => AttachmentsContext;
+
+export declare const useReasoning: () => ReasoningContextValue;
+
 export declare function useSearch(config: UseSearchConfig): UseSearchResult;
 
 export declare type UseSearchConfig = {