@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/charts/ScatterPlotInteractive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotInteractive.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/charts/ScatterPlotInteractive.js

@@ -0,0 +1,14 @@
+import { ScatterPlotInteractive as _ } from "../components/charts/ScatterPlotInteractive/ScatterPlotInteractive.js";
+import { COLORS as L, DEFAULT_CATEGORY_COLORS as S, DEFAULT_COLOR_SCALE as T, DEFAULT_MARKER_SIZE as R, DEFAULT_MAX_POINTS as t, DEFAULT_SIZE_RANGE as C, PLOT_CONSTANTS as I, SELECTION_MODIFIERS as r } from "../components/charts/ScatterPlotInteractive/constants.js";
+export {
+  L as COLORS,
+  S as DEFAULT_CATEGORY_COLORS,
+  T as DEFAULT_COLOR_SCALE,
+  R as DEFAULT_MARKER_SIZE,
+  t as DEFAULT_MAX_POINTS,
+  C as DEFAULT_SIZE_RANGE,
+  I as PLOT_CONSTANTS,
+  r as SELECTION_MODIFIERS,
+  _ as ScatterPlotInteractive
+};
+//# sourceMappingURL=ScatterPlotInteractive.js.map

package/dist/charts/ScatterPlotInteractive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotInteractive.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/charts/StackedChromatogram.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../components/charts/StackedChromatogram/StackedChromatogram.cjs"),a=require("../components/charts/StackedChromatogram/transforms.cjs");exports.StackedChromatogram=r.StackedChromatogram;exports.applyStackingTransform=a.applyStackingTransform;
+//# sourceMappingURL=StackedChromatogram.cjs.map

package/dist/charts/StackedChromatogram.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedChromatogram.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/charts/StackedChromatogram.js

@@ -0,0 +1,7 @@
+import { StackedChromatogram as a } from "../components/charts/StackedChromatogram/StackedChromatogram.js";
+import { applyStackingTransform as t } from "../components/charts/StackedChromatogram/transforms.js";
+export {
+  a as StackedChromatogram,
+  t as applyStackingTransform
+};
+//# sourceMappingURL=StackedChromatogram.js.map

package/dist/charts/StackedChromatogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedChromatogram.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/ai/attachments.d.ts

@@ -0,0 +1,54 @@
+import { FileUIPart, SourceDocumentUIPart } from 'ai';
+import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
+import { Button } from '../ui/button';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../ui/hover-card';
+export type AttachmentData = (FileUIPart & {
+    id: string;
+}) | (SourceDocumentUIPart & {
+    id: string;
+});
+export type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
+export type AttachmentVariant = "grid" | "inline" | "list";
+export declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
+export declare const getAttachmentLabel: (data: AttachmentData) => string;
+interface AttachmentsContextValue {
+    variant: AttachmentVariant;
+}
+interface AttachmentContextValue {
+    data: AttachmentData;
+    mediaCategory: AttachmentMediaCategory;
+    onRemove?: () => void;
+    variant: AttachmentVariant;
+}
+export declare const useAttachmentsContext: () => AttachmentsContextValue;
+export declare const useAttachmentContext: () => AttachmentContextValue;
+export type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
+    variant?: AttachmentVariant;
+};
+export declare const Attachments: ({ variant, className, children, ...props }: AttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
+    data: AttachmentData;
+    onRemove?: () => void;
+};
+export declare const Attachment: ({ data, onRemove, className, children, ...props }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
+    fallbackIcon?: ReactNode;
+};
+export declare const AttachmentPreview: ({ fallbackIcon, className, ...props }: AttachmentPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
+    showMediaType?: boolean;
+};
+export declare const AttachmentInfo: ({ showMediaType, className, ...props }: AttachmentInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AttachmentRemoveProps = ComponentProps<typeof Button> & {
+    label?: string;
+};
+export declare const AttachmentRemove: ({ label, className, children, ...props }: AttachmentRemoveProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
+export declare const AttachmentHoverCard: ({ openDelay, closeDelay, ...props }: AttachmentHoverCardProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
+export declare const AttachmentHoverCardTrigger: (props: AttachmentHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
+export declare const AttachmentHoverCardContent: ({ align, className, ...props }: AttachmentHoverCardContentProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
+export declare const AttachmentEmpty: ({ className, children, ...props }: AttachmentEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai/chain-of-thought.d.ts

@@ -0,0 +1,56 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+export type ChainOfThoughtProps = ComponentProps<typeof Collapsible>;
+export declare const ChainOfThought: {
+    ({ className, defaultOpen, ...props }: ChainOfThoughtProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    title?: string;
+    icon?: ReactNode;
+    /** When true, renders a subtle animated dot next to the title. */
+    isStreaming?: boolean;
+};
+export declare const ChainOfThoughtTrigger: {
+    ({ className, children, title, icon, isStreaming, ...props }: ChainOfThoughtTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ChainOfThoughtContent: {
+    ({ className, ...props }: ChainOfThoughtContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtStepVariant = "bullet" | "search" | "image";
+export 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 const ChainOfThoughtStep: {
+    ({ variant, className, children, ...props }: ChainOfThoughtStepProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtSourcesProps = ComponentProps<"div">;
+export declare const ChainOfThoughtSources: {
+    ({ className, ...props }: ChainOfThoughtSourcesProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtSourceProps = ComponentProps<"a">;
+export declare const ChainOfThoughtSource: {
+    ({ className, children, ...props }: ChainOfThoughtSourceProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ChainOfThoughtImageProps = ComponentProps<"figure"> & {
+    src: string;
+    alt?: string;
+    caption?: string;
+};
+export declare const ChainOfThoughtImage: {
+    ({ src, alt, caption, className, ...props }: ChainOfThoughtImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ai/confirmation.d.ts

@@ -0,0 +1,47 @@
+import { ToolUIPart } from 'ai';
+import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
+import { Button } from '../ui/button';
+import { CodeBlock } from '../ui/code-block';
+import { Kbd } from '../ui/kbd';
+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;
+export type ConfirmationProps = ComponentProps<"div"> & {
+    approval?: ToolUIPartApproval;
+    state: ToolUIPart["state"];
+};
+export declare const Confirmation: ({ className, approval, state, children, ...props }: ConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmationTitleProps = PropsWithChildren<ComponentProps<"h3">>;
+export declare const ConfirmationTitle: ({ className, children, ...props }: ConfirmationTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type ConfirmationCodeProps = ComponentProps<typeof CodeBlock>;
+export declare const ConfirmationCode: ({ className, children, ...props }: ConfirmationCodeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmationRequest: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ConfirmationAccepted: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ConfirmationRejected: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmationActionsProps = ComponentProps<"div">;
+export declare const ConfirmationActions: ({ className, ...props }: ConfirmationActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export type ConfirmationActionProps = ComponentProps<typeof Button>;
+export declare const ConfirmationAction: ({ className, size, ...props }: ConfirmationActionProps) => import("react/jsx-runtime").JSX.Element;
+export type ConfirmationShortcutProps = ComponentProps<typeof Kbd>;
+export declare const ConfirmationShortcut: ({ className, ...props }: ConfirmationShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai/context.d.ts

@@ -0,0 +1,40 @@
+import { LanguageModelUsage } from 'ai';
+import { ComponentProps } from 'react';
+import { Button } from '../ui/button';
+import { HoverCard, HoverCardContent } from '../ui/hover-card';
+export interface CostBreakdown {
+    total?: number;
+    input?: number;
+    output?: number;
+    reasoning?: number;
+    cache?: number;
+}
+interface ContextSchema {
+    usedTokens: number;
+    maxTokens: number;
+    usage?: LanguageModelUsage;
+    cost?: CostBreakdown;
+}
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
+export declare const Context: ({ usedTokens, maxTokens, usage, cost, ...props }: ContextProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextTriggerProps = ComponentProps<typeof Button> & {
+    showPercentage?: boolean;
+};
+export declare const ContextTrigger: ({ children, showPercentage, ...props }: ContextTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
+export declare const ContextContent: ({ className, ...props }: ContextContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentHeaderProps = ComponentProps<"div">;
+export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentBodyProps = ComponentProps<"div">;
+export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentFooterProps = ComponentProps<"div">;
+export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextInputUsageProps = ComponentProps<"div">;
+export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | bigint | true | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextOutputUsageProps = ComponentProps<"div">;
+export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | bigint | true | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextReasoningUsageProps = ComponentProps<"div">;
+export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | bigint | true | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextCacheUsageProps = ComponentProps<"div">;
+export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | bigint | true | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ai/conversation.d.ts

@@ -0,0 +1,23 @@
+import { StickToBottom } from 'use-stick-to-bottom';
+import { UIMessage } from 'ai';
+import { ComponentProps } from 'react';
+import { Button } from '../ui/button';
+export type ConversationProps = ComponentProps<typeof StickToBottom>;
+export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | import("react/jsx-runtime").JSX.Element;
+export type ConversationDownloadProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+    messages: UIMessage[];
+    filename?: string;
+    formatMessage?: (message: UIMessage, index: number) => string;
+};
+export declare const messagesToMarkdown: (messages: UIMessage[], formatMessage?: (message: UIMessage, index: number) => string) => string;
+export declare const ConversationDownload: ({ messages, filename, formatMessage, className, children, ...props }: ConversationDownloadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/inline-citation.d.ts

@@ -0,0 +1,38 @@
+import { ComponentProps } from 'react';
+import { Badge } from '../ui/badge';
+import { Carousel } from '../ui/carousel';
+import { HoverCard } from '../ui/hover-card';
+export type InlineCitationProps = ComponentProps<"span">;
+export declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationTextProps = ComponentProps<"span">;
+export declare const InlineCitationText: ({ className, ...props }: InlineCitationTextProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
+export declare const InlineCitationCard: (props: InlineCitationCardProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+    sources: string[];
+};
+export declare const InlineCitationCardTrigger: ({ sources, className, ...props }: InlineCitationCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCardBodyProps = ComponentProps<"div">;
+export declare const InlineCitationCardBody: ({ className, ...props }: InlineCitationCardBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;
+export declare const InlineCitationCarousel: ({ className, children, ...props }: InlineCitationCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselContentProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselContent: (props: InlineCitationCarouselContentProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselItemProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselItem: ({ className, ...props }: InlineCitationCarouselItemProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselHeaderProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselHeader: ({ className, ...props }: InlineCitationCarouselHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselIndexProps = ComponentProps<"div">;
+export declare const InlineCitationCarouselIndex: ({ children, className, ...props }: InlineCitationCarouselIndexProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselPrevProps = ComponentProps<"button">;
+export declare const InlineCitationCarouselPrev: ({ className, ...props }: InlineCitationCarouselPrevProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationCarouselNextProps = ComponentProps<"button">;
+export declare const InlineCitationCarouselNext: ({ className, ...props }: InlineCitationCarouselNextProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationSourceProps = ComponentProps<"div"> & {
+    title?: string;
+    url?: string;
+    description?: string;
+};
+export declare const InlineCitationSource: ({ title, url, description, className, children, ...props }: InlineCitationSourceProps) => import("react/jsx-runtime").JSX.Element;
+export type InlineCitationQuoteProps = ComponentProps<"blockquote">;
+export declare const InlineCitationQuote: ({ children, className, ...props }: InlineCitationQuoteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/message.d.ts

@@ -0,0 +1,37 @@
+import { Streamdown } from 'streamdown';
+import { UIMessage } from 'ai';
+import { ComponentProps, HTMLAttributes } from 'react';
+import { Button } from '../ui/button';
+import { ButtonGroup } from '../ui/button-group';
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionsProps = ComponentProps<"div">;
+export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
+export type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;
+export declare const MessageBranchSelector: ({ className, ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchNextProps = ComponentProps<typeof Button>;
+export declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageResponseProps = ComponentProps<typeof Streamdown>;
+export declare const MessageResponse: import('react').MemoExoticComponent<({ className, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
+export type MessageToolbarProps = ComponentProps<"div">;
+export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/model-selector.d.ts

@@ -0,0 +1,36 @@
+import { ComponentProps, ReactNode } from 'react';
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '../ui/command';
+import { Dialog, DialogContent, DialogTrigger } from '../ui/dialog';
+import { Kbd } from '../ui/kbd';
+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 Kbd>;
+export declare const ModelSelectorShortcut: ({ className, ...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/dist/components/ai/prompt-input.d.ts

@@ -0,0 +1,158 @@
+import { ChatStatus, FileUIPart, SourceDocumentUIPart } from 'ai';
+import { ComponentProps, FormEvent, HTMLAttributes, PropsWithChildren, ReactNode, RefObject } from 'react';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '../ui/command';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../ui/hover-card';
+import { InputGroupAddon, InputGroupButton, InputGroupTextarea } from '../ui/input-group';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select';
+import { TooltipContent } from '../ui/tooltip';
+export interface AttachmentsContext {
+    files: (FileUIPart & {
+        id: string;
+    })[];
+    add: (files: File[] | FileList) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+    openFileDialog: () => void;
+    fileInputRef: RefObject<HTMLInputElement | null>;
+}
+export interface TextInputContext {
+    value: string;
+    setInput: (v: string) => void;
+    clear: () => void;
+}
+export 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 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 const PromptInputProvider: ({ initialInput: initialTextInput, children, }: PromptInputProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePromptInputAttachments: () => AttachmentsContext;
+export interface ReferencedSourcesContext {
+    sources: (SourceDocumentUIPart & {
+        id: string;
+    })[];
+    add: (sources: SourceDocumentUIPart[] | SourceDocumentUIPart) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+}
+export declare const LocalReferencedSourcesContext: import('react').Context<ReferencedSourcesContext | null>;
+export declare const usePromptInputReferencedSources: () => ReferencedSourcesContext;
+export type PromptInputActionAddAttachmentsProps = ComponentProps<typeof DropdownMenuItem> & {
+    label?: string;
+};
+export declare const PromptInputActionAddAttachments: ({ label, ...props }: PromptInputActionAddAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export type PromptInputActionAddScreenshotProps = ComponentProps<typeof DropdownMenuItem> & {
+    label?: string;
+};
+export declare const PromptInputActionAddScreenshot: ({ label, onSelect, ...props }: PromptInputActionAddScreenshotProps) => import("react/jsx-runtime").JSX.Element;
+export interface 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, onKeyDown, 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 PromptInputButtonTooltip = string | {
+    content: ReactNode;
+    shortcut?: string;
+    side?: ComponentProps<typeof TooltipContent>["side"];
+};
+export type PromptInputButtonProps = ComponentProps<typeof InputGroupButton> & {
+    tooltip?: PromptInputButtonTooltip;
+};
+export declare const PromptInputButton: ({ variant, className, size, tooltip, ...props }: PromptInputButtonProps) => import("react/jsx-runtime").JSX.Element;
+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, tooltip, "aria-label": ariaLabel, ...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;
+    onStop?: () => void;
+};
+export declare const PromptInputSubmit: ({ className, variant, size, status, onStop, onClick, children, ...props }: PromptInputSubmitProps) => 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 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 PromptInputSlotSwap: ({ a, b, show, className, }: PromptInputSlotSwapProps) => 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, children, ...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;

package/dist/components/ai/queue.d.ts

@@ -0,0 +1,72 @@
+import { ComponentProps } from 'react';
+import { Button } from '../ui/button';
+import { Collapsible, CollapsibleContent } from '../ui/collapsible';
+import { ScrollArea } from '../ui/scroll-area';
+export interface QueueMessagePart {
+    type: string;
+    text?: string;
+    url?: string;
+    filename?: string;
+    mediaType?: string;
+}
+export interface QueueMessage {
+    id: string;
+    parts: QueueMessagePart[];
+}
+export interface QueueTodo {
+    id: string;
+    title: string;
+    description?: string;
+    status?: "pending" | "completed";
+}
+export type QueueItemProps = ComponentProps<"li">;
+export declare const QueueItem: ({ className, ...props }: QueueItemProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemStatus = "pending" | "loading" | "done" | "error";
+export 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 const QueueItemIndicator: ({ status, completed, className, ...props }: QueueItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemContentProps = ComponentProps<"span"> & {
+    completed?: boolean;
+};
+export declare const QueueItemContent: ({ completed, className, ...props }: QueueItemContentProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemDescriptionProps = ComponentProps<"div"> & {
+    completed?: boolean;
+};
+export declare const QueueItemDescription: ({ completed, className, ...props }: QueueItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemActionsProps = ComponentProps<"div">;
+export declare const QueueItemActions: ({ className, ...props }: QueueItemActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemActionProps = Omit<ComponentProps<typeof Button>, "variant" | "size">;
+export declare const QueueItemAction: ({ className, ...props }: QueueItemActionProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemAttachmentProps = ComponentProps<"div">;
+export declare const QueueItemAttachment: ({ className, ...props }: QueueItemAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemImageProps = ComponentProps<"img">;
+export declare const QueueItemImage: ({ className, ...props }: QueueItemImageProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueItemFileProps = ComponentProps<"span">;
+export declare const QueueItemFile: ({ children, className, ...props }: QueueItemFileProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueListProps = ComponentProps<typeof ScrollArea>;
+export declare const QueueList: ({ children, className, ...props }: QueueListProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueSectionProps = ComponentProps<typeof Collapsible>;
+export declare const QueueSection: ({ className, defaultOpen, ...props }: QueueSectionProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueSectionTriggerProps = ComponentProps<"button">;
+export declare const QueueSectionTrigger: ({ children, className, ...props }: QueueSectionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueSectionLabelProps = ComponentProps<"span"> & {
+    count?: number;
+    icon?: React.ReactNode;
+};
+export declare const QueueSectionLabel: ({ count, icon, className, children, ...props }: QueueSectionLabelProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueSectionContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const QueueSectionContent: ({ className, ...props }: QueueSectionContentProps) => import("react/jsx-runtime").JSX.Element;
+export type QueueProps = ComponentProps<"div"> & {
+    isStreaming?: boolean;
+};
+export declare const Queue: ({ className, isStreaming, children, style, id, ...props }: QueueProps) => import("react/jsx-runtime").JSX.Element;