@21st-sdk/react 0.1.3 → 0.1.4

package/dist/index.d.cts

@@ -3,14 +3,14 @@ import React, { ReactNode } from 'react';
 import { UIMessage, ChatStatus } from 'ai';
 import { Chat } from '@ai-sdk/react';
 
-/** Theme JSON generated by the AN playground */
-interface AnTheme {
+/** Theme JSON generated by the playground */
+interface ChatTheme {
     theme: Record<string, string>;
     light: Record<string, string>;
     dark: Record<string, string>;
 }
 /** Per-element CSS class overrides */
-interface AnClassNames {
+interface ChatClassNames {
     root: string;
     messageList: string;
     userMessage: string;
@@ -28,15 +28,15 @@ interface AnClassNames {
     toolGeneric: string;
 }
 /** Component slot overrides */
-interface AnSlots {
+interface ChatSlots {
     InputBar: React.ComponentType<any>;
     UserMessage: React.ComponentType<any>;
     AssistantMessage: React.ComponentType<any>;
     ToolRenderer: React.ComponentType<any>;
     MessageActions: React.ComponentType<any>;
 }
-/** Props for createAnChat() */
-interface CreateAnChatOptions {
+/** Props for createAgentChat() */
+interface CreateAgentChatOptions {
     agent: string;
     /** Provide either tokenUrl (simple) or getToken (full control) */
     tokenUrl?: string;
@@ -53,10 +53,10 @@ interface CreateAnChatOptions {
      *
      * @example
      * // Per-user sandbox
-     * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
+     * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
      *
      * // Continue existing sandbox
-     * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
+     * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
      */
     sandboxId?: string;
     /**
@@ -75,13 +75,13 @@ interface CustomToolRendererProps {
     status: "pending" | "streaming" | "success" | "error";
 }
 /** A model option for the model selector */
-interface AnModelOption {
+interface ModelOption {
     id: string;
     name: string;
     version?: string;
 }
-/** Props for the <AnAgentChat> drop-in component */
-interface AnAgentChatProps {
+/** Props for the <AgentChat> drop-in component */
+interface AgentChatProps {
     messages: UIMessage[];
     onSend: (message: {
         role: "user";
@@ -90,16 +90,16 @@ interface AnAgentChatProps {
     status: ChatStatus;
     onStop: () => void;
     error?: Error;
-    theme?: AnTheme;
+    theme?: ChatTheme;
     colorMode?: "light" | "dark" | "auto";
-    classNames?: Partial<AnClassNames>;
-    slots?: Partial<AnSlots>;
+    classNames?: Partial<ChatClassNames>;
+    slots?: Partial<ChatSlots>;
     toolRenderers?: Record<string, React.ComponentType<CustomToolRendererProps>>;
     /** Show window chrome header (traffic lights + agent indicator) */
     showWindowChrome?: boolean;
     /** Model selector configuration */
     modelSelector?: {
-        models: AnModelOption[];
+        models: ModelOption[];
         activeModelId?: string;
         onModelChange?: (id: string) => void;
         display?: "popover" | "badge";
@@ -138,16 +138,24 @@ interface AnAgentChatProps {
     className?: string;
     style?: React.CSSProperties;
 }
+type AnTheme = ChatTheme;
+type AnClassNames = ChatClassNames;
+type AnSlots = ChatSlots;
+type CreateAnChatOptions = CreateAgentChatOptions;
+type AnModelOption = ModelOption;
+type AnAgentChatProps = AgentChatProps;
 
-declare function AnAgentChat({ messages, onSend, status, onStop, error, theme, colorMode, classNames, slots, toolRenderers, showWindowChrome, modelSelector, modeSelector, attachments, className, style, }: AnAgentChatProps): react_jsx_runtime.JSX.Element;
+declare function AgentChat({ messages, onSend, status, onStop, error, theme, colorMode, classNames, slots, toolRenderers, showWindowChrome, modelSelector, modeSelector, attachments, className, style, }: AgentChatProps): react_jsx_runtime.JSX.Element;
+declare const AnAgentChat: typeof AgentChat;
 
-/** Create an AI SDK Chat instance pointed at the AN Relay API */
-declare function createAnChat(options: CreateAnChatOptions): Chat<UIMessage>;
+/** Create an AI SDK Chat instance pointed at the relay API */
+declare function createAgentChat(options: CreateAgentChatOptions): Chat<UIMessage>;
+declare const createAnChat: typeof createAgentChat;
 
 /** Apply theme CSS variables from playground JSON to a DOM element */
-declare function applyTheme(element: HTMLElement, theme: AnTheme, colorMode?: "light" | "dark" | "auto"): void;
+declare function applyTheme(element: HTMLElement, theme: ChatTheme, colorMode?: "light" | "dark" | "auto"): void;
 
-interface AnThemeConfig {
+interface ChatThemeConfig {
     messageStyle: "bubble-right" | "full-width";
     messageDensity: "relaxed" | "compact" | "dense";
     inputStyle: "rounded" | "flat" | "bordered";
@@ -176,10 +184,11 @@ interface AnThemeConfig {
     showWindowChrome: boolean;
     attachmentPreviewStyle: "thumbnail" | "chip" | "hidden";
 }
-declare const DEFAULT_THEME_CONFIG: AnThemeConfig;
-declare function extractThemeConfig(theme?: AnTheme): AnThemeConfig;
-declare const ThemeConfigContext: React.Context<AnThemeConfig>;
-declare function useThemeConfig(): AnThemeConfig;
+type AnThemeConfig = ChatThemeConfig;
+declare const DEFAULT_THEME_CONFIG: ChatThemeConfig;
+declare function extractThemeConfig(theme?: ChatTheme): ChatThemeConfig;
+declare const ThemeConfigContext: React.Context<ChatThemeConfig>;
+declare function useThemeConfig(): ChatThemeConfig;
 
 interface MessageListProps {
     messages: UIMessage[];
@@ -212,7 +221,7 @@ interface AttachedFile {
 interface ContextItemsProps {
     images: AttachedImage[];
     files: AttachedFile[];
-    previewStyle: AnThemeConfig["attachmentPreviewStyle"];
+    previewStyle: ChatThemeConfig["attachmentPreviewStyle"];
     innerRadius?: number;
     onRemoveImage?: (id: string) => void;
     onRemoveFile?: (id: string) => void;
@@ -236,7 +245,7 @@ interface InputBarProps {
     onPaste?: (e: React.ClipboardEvent) => void;
     isDragOver?: boolean;
     modelSelector?: {
-        models: AnModelOption[];
+        models: ModelOption[];
         activeModelId?: string;
         onModelChange?: (id: string) => void;
         display?: "popover" | "badge";
@@ -300,13 +309,13 @@ interface AttachmentButtonProps {
 declare const AttachmentButton: React.NamedExoticComponent<AttachmentButtonProps>;
 
 declare function ModelPopover({ models, activeModelId, onModelChange, innerRadius, }: {
-    models: AnModelOption[];
+    models: ModelOption[];
     activeModelId?: string;
     onModelChange?: (id: string) => void;
     innerRadius?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function ModelBadge({ models, activeModelId, innerRadius, }: {
-    models: AnModelOption[];
+    models: ModelOption[];
     activeModelId?: string;
     innerRadius?: number;
 }): react_jsx_runtime.JSX.Element;
@@ -592,11 +601,11 @@ declare function ActionRow({ step, state, onComplete, index, showIcon, size, }:
     size?: ToolSize;
 }): react_jsx_runtime.JSX.Element;
 
-declare function resolveToolSize(config: AnThemeConfig): ToolSize;
+declare function resolveToolSize(config: ChatThemeConfig): ToolSize;
 
 declare function routeToolCall(step: Extract<TimelineStep, {
     type: "tool-call";
-}>, state: StepState, onComplete: () => void, config: AnThemeConfig, actionIndex: number): React.ReactNode;
+}>, state: StepState, onComplete: () => void, config: ChatThemeConfig, actionIndex: number): React.ReactNode;
 
 declare function useToolComplete(isAnimating: boolean, duration: number, onComplete: () => void): void;
 
@@ -664,11 +673,14 @@ declare function FileExtIcon({ filename, className }: {
 
 declare function PaperclipIcon(): react_jsx_runtime.JSX.Element;
 
-/** Claude model IDs supported by the AN relay */
-type AnClaudeModelId = "opus" | "sonnet" | "haiku";
-/** Pre-defined Claude models available through AN */
-declare const AN_CLAUDE_MODELS: AnModelOption[];
+/** Claude model IDs supported by the relay */
+type ClaudeModelId = "opus" | "sonnet" | "haiku";
+/** Pre-defined Claude models available through the relay */
+declare const CLAUDE_MODELS: ModelOption[];
 /** Default model ID */
-declare const AN_DEFAULT_MODEL_ID: AnClaudeModelId;
+declare const DEFAULT_MODEL_ID: ClaudeModelId;
+type AnClaudeModelId = ClaudeModelId;
+declare const AN_CLAUDE_MODELS: ModelOption[];
+declare const AN_DEFAULT_MODEL_ID: "sonnet";
 
-export { AN_CLAUDE_MODELS, AN_DEFAULT_MODEL_ID, ActionRow, AnAgentChat, type AnAgentChatProps, type AnClassNames, type AnClaudeModelId, type AnModelOption, type AnSlots, type AnTheme, type AnThemeConfig, type AttachedFile, type AttachedImage, AttachmentButton, BashTool, CheckIcon16, ChevronDown, ChevronRightIcon, ContextItems, type CreateAnChatOptions, type CustomToolRendererProps, DEFAULT_THEME_CONFIG, DateDivider, EditTool, FileChip, FileExtIcon, GenericTool, ImageThumb, ImageThumbInput, InlineModeSelector, InputBar, LightbulbIcon, McpTool, MessageActions, MessageList, ModeSelector, ModelBadge, ModelPopover, PaperclipIcon, PlanTool, PopoverShell, SearchGroupMinimal, SearchGroupRich, SearchIcon, SearchTool, SendButtonUnified, SettingsPopover, SourceIcon, type SourceType, SparklesIcon, SpinnerIcon16, type StepState, StreamingMarkdown, TaskTool, TerminalIcon, ThemeConfigContext, ThinkingTool, type TimelineStep, TodoTool, ToggleSwitch, ToolRenderer, ToolRowBase, type ToolSize, ToolTimer, UserMessage, WindowChrome, EditTool as WriteTool, applyTheme, createAnChat, extractThemeConfig, loadGoogleFont, mapToolInvocationToStep, mapToolStateToStepState, resolveToolSize, routeToolCall, useInputTyping, useStreamingText, useThemeConfig, useToolComplete };
+export { AN_CLAUDE_MODELS, AN_DEFAULT_MODEL_ID, ActionRow, AgentChat, type AgentChatProps, AnAgentChat, type AnAgentChatProps, type AnClassNames, type AnClaudeModelId, type AnModelOption, type AnSlots, type AnTheme, type AnThemeConfig, type AttachedFile, type AttachedImage, AttachmentButton, BashTool, CLAUDE_MODELS, type ChatClassNames, type ChatSlots, type ChatTheme, type ChatThemeConfig, CheckIcon16, ChevronDown, ChevronRightIcon, type ClaudeModelId, ContextItems, type CreateAgentChatOptions, type CreateAnChatOptions, type CustomToolRendererProps, DEFAULT_MODEL_ID, DEFAULT_THEME_CONFIG, DateDivider, EditTool, FileChip, FileExtIcon, GenericTool, ImageThumb, ImageThumbInput, InlineModeSelector, InputBar, LightbulbIcon, McpTool, MessageActions, MessageList, ModeSelector, ModelBadge, type ModelOption, ModelPopover, PaperclipIcon, PlanTool, PopoverShell, SearchGroupMinimal, SearchGroupRich, SearchIcon, SearchTool, SendButtonUnified, SettingsPopover, SourceIcon, type SourceType, SparklesIcon, SpinnerIcon16, type StepState, StreamingMarkdown, TaskTool, TerminalIcon, ThemeConfigContext, ThinkingTool, type TimelineStep, TodoTool, ToggleSwitch, ToolRenderer, ToolRowBase, type ToolSize, ToolTimer, UserMessage, WindowChrome, EditTool as WriteTool, applyTheme, createAgentChat, createAnChat, extractThemeConfig, loadGoogleFont, mapToolInvocationToStep, mapToolStateToStepState, resolveToolSize, routeToolCall, useInputTyping, useStreamingText, useThemeConfig, useToolComplete };

package/dist/index.d.ts

@@ -3,14 +3,14 @@ import React, { ReactNode } from 'react';
 import { UIMessage, ChatStatus } from 'ai';
 import { Chat } from '@ai-sdk/react';
 
-/** Theme JSON generated by the AN playground */
-interface AnTheme {
+/** Theme JSON generated by the playground */
+interface ChatTheme {
     theme: Record<string, string>;
     light: Record<string, string>;
     dark: Record<string, string>;
 }
 /** Per-element CSS class overrides */
-interface AnClassNames {
+interface ChatClassNames {
     root: string;
     messageList: string;
     userMessage: string;
@@ -28,15 +28,15 @@ interface AnClassNames {
     toolGeneric: string;
 }
 /** Component slot overrides */
-interface AnSlots {
+interface ChatSlots {
     InputBar: React.ComponentType<any>;
     UserMessage: React.ComponentType<any>;
     AssistantMessage: React.ComponentType<any>;
     ToolRenderer: React.ComponentType<any>;
     MessageActions: React.ComponentType<any>;
 }
-/** Props for createAnChat() */
-interface CreateAnChatOptions {
+/** Props for createAgentChat() */
+interface CreateAgentChatOptions {
     agent: string;
     /** Provide either tokenUrl (simple) or getToken (full control) */
     tokenUrl?: string;
@@ -53,10 +53,10 @@ interface CreateAnChatOptions {
      *
      * @example
      * // Per-user sandbox
-     * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
+     * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
      *
      * // Continue existing sandbox
-     * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
+     * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
      */
     sandboxId?: string;
     /**
@@ -75,13 +75,13 @@ interface CustomToolRendererProps {
     status: "pending" | "streaming" | "success" | "error";
 }
 /** A model option for the model selector */
-interface AnModelOption {
+interface ModelOption {
     id: string;
     name: string;
     version?: string;
 }
-/** Props for the <AnAgentChat> drop-in component */
-interface AnAgentChatProps {
+/** Props for the <AgentChat> drop-in component */
+interface AgentChatProps {
     messages: UIMessage[];
     onSend: (message: {
         role: "user";
@@ -90,16 +90,16 @@ interface AnAgentChatProps {
     status: ChatStatus;
     onStop: () => void;
     error?: Error;
-    theme?: AnTheme;
+    theme?: ChatTheme;
     colorMode?: "light" | "dark" | "auto";
-    classNames?: Partial<AnClassNames>;
-    slots?: Partial<AnSlots>;
+    classNames?: Partial<ChatClassNames>;
+    slots?: Partial<ChatSlots>;
     toolRenderers?: Record<string, React.ComponentType<CustomToolRendererProps>>;
     /** Show window chrome header (traffic lights + agent indicator) */
     showWindowChrome?: boolean;
     /** Model selector configuration */
     modelSelector?: {
-        models: AnModelOption[];
+        models: ModelOption[];
         activeModelId?: string;
         onModelChange?: (id: string) => void;
         display?: "popover" | "badge";
@@ -138,16 +138,24 @@ interface AnAgentChatProps {
     className?: string;
     style?: React.CSSProperties;
 }
+type AnTheme = ChatTheme;
+type AnClassNames = ChatClassNames;
+type AnSlots = ChatSlots;
+type CreateAnChatOptions = CreateAgentChatOptions;
+type AnModelOption = ModelOption;
+type AnAgentChatProps = AgentChatProps;
 
-declare function AnAgentChat({ messages, onSend, status, onStop, error, theme, colorMode, classNames, slots, toolRenderers, showWindowChrome, modelSelector, modeSelector, attachments, className, style, }: AnAgentChatProps): react_jsx_runtime.JSX.Element;
+declare function AgentChat({ messages, onSend, status, onStop, error, theme, colorMode, classNames, slots, toolRenderers, showWindowChrome, modelSelector, modeSelector, attachments, className, style, }: AgentChatProps): react_jsx_runtime.JSX.Element;
+declare const AnAgentChat: typeof AgentChat;
 
-/** Create an AI SDK Chat instance pointed at the AN Relay API */
-declare function createAnChat(options: CreateAnChatOptions): Chat<UIMessage>;
+/** Create an AI SDK Chat instance pointed at the relay API */
+declare function createAgentChat(options: CreateAgentChatOptions): Chat<UIMessage>;
+declare const createAnChat: typeof createAgentChat;
 
 /** Apply theme CSS variables from playground JSON to a DOM element */
-declare function applyTheme(element: HTMLElement, theme: AnTheme, colorMode?: "light" | "dark" | "auto"): void;
+declare function applyTheme(element: HTMLElement, theme: ChatTheme, colorMode?: "light" | "dark" | "auto"): void;
 
-interface AnThemeConfig {
+interface ChatThemeConfig {
     messageStyle: "bubble-right" | "full-width";
     messageDensity: "relaxed" | "compact" | "dense";
     inputStyle: "rounded" | "flat" | "bordered";
@@ -176,10 +184,11 @@ interface AnThemeConfig {
     showWindowChrome: boolean;
     attachmentPreviewStyle: "thumbnail" | "chip" | "hidden";
 }
-declare const DEFAULT_THEME_CONFIG: AnThemeConfig;
-declare function extractThemeConfig(theme?: AnTheme): AnThemeConfig;
-declare const ThemeConfigContext: React.Context<AnThemeConfig>;
-declare function useThemeConfig(): AnThemeConfig;
+type AnThemeConfig = ChatThemeConfig;
+declare const DEFAULT_THEME_CONFIG: ChatThemeConfig;
+declare function extractThemeConfig(theme?: ChatTheme): ChatThemeConfig;
+declare const ThemeConfigContext: React.Context<ChatThemeConfig>;
+declare function useThemeConfig(): ChatThemeConfig;
 
 interface MessageListProps {
     messages: UIMessage[];
@@ -212,7 +221,7 @@ interface AttachedFile {
 interface ContextItemsProps {
     images: AttachedImage[];
     files: AttachedFile[];
-    previewStyle: AnThemeConfig["attachmentPreviewStyle"];
+    previewStyle: ChatThemeConfig["attachmentPreviewStyle"];
     innerRadius?: number;
     onRemoveImage?: (id: string) => void;
     onRemoveFile?: (id: string) => void;
@@ -236,7 +245,7 @@ interface InputBarProps {
     onPaste?: (e: React.ClipboardEvent) => void;
     isDragOver?: boolean;
     modelSelector?: {
-        models: AnModelOption[];
+        models: ModelOption[];
         activeModelId?: string;
         onModelChange?: (id: string) => void;
         display?: "popover" | "badge";
@@ -300,13 +309,13 @@ interface AttachmentButtonProps {
 declare const AttachmentButton: React.NamedExoticComponent<AttachmentButtonProps>;
 
 declare function ModelPopover({ models, activeModelId, onModelChange, innerRadius, }: {
-    models: AnModelOption[];
+    models: ModelOption[];
     activeModelId?: string;
     onModelChange?: (id: string) => void;
     innerRadius?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function ModelBadge({ models, activeModelId, innerRadius, }: {
-    models: AnModelOption[];
+    models: ModelOption[];
     activeModelId?: string;
     innerRadius?: number;
 }): react_jsx_runtime.JSX.Element;
@@ -592,11 +601,11 @@ declare function ActionRow({ step, state, onComplete, index, showIcon, size, }:
     size?: ToolSize;
 }): react_jsx_runtime.JSX.Element;
 
-declare function resolveToolSize(config: AnThemeConfig): ToolSize;
+declare function resolveToolSize(config: ChatThemeConfig): ToolSize;
 
 declare function routeToolCall(step: Extract<TimelineStep, {
     type: "tool-call";
-}>, state: StepState, onComplete: () => void, config: AnThemeConfig, actionIndex: number): React.ReactNode;
+}>, state: StepState, onComplete: () => void, config: ChatThemeConfig, actionIndex: number): React.ReactNode;
 
 declare function useToolComplete(isAnimating: boolean, duration: number, onComplete: () => void): void;
 
@@ -664,11 +673,14 @@ declare function FileExtIcon({ filename, className }: {
 
 declare function PaperclipIcon(): react_jsx_runtime.JSX.Element;
 
-/** Claude model IDs supported by the AN relay */
-type AnClaudeModelId = "opus" | "sonnet" | "haiku";
-/** Pre-defined Claude models available through AN */
-declare const AN_CLAUDE_MODELS: AnModelOption[];
+/** Claude model IDs supported by the relay */
+type ClaudeModelId = "opus" | "sonnet" | "haiku";
+/** Pre-defined Claude models available through the relay */
+declare const CLAUDE_MODELS: ModelOption[];
 /** Default model ID */
-declare const AN_DEFAULT_MODEL_ID: AnClaudeModelId;
+declare const DEFAULT_MODEL_ID: ClaudeModelId;
+type AnClaudeModelId = ClaudeModelId;
+declare const AN_CLAUDE_MODELS: ModelOption[];
+declare const AN_DEFAULT_MODEL_ID: "sonnet";
 
-export { AN_CLAUDE_MODELS, AN_DEFAULT_MODEL_ID, ActionRow, AnAgentChat, type AnAgentChatProps, type AnClassNames, type AnClaudeModelId, type AnModelOption, type AnSlots, type AnTheme, type AnThemeConfig, type AttachedFile, type AttachedImage, AttachmentButton, BashTool, CheckIcon16, ChevronDown, ChevronRightIcon, ContextItems, type CreateAnChatOptions, type CustomToolRendererProps, DEFAULT_THEME_CONFIG, DateDivider, EditTool, FileChip, FileExtIcon, GenericTool, ImageThumb, ImageThumbInput, InlineModeSelector, InputBar, LightbulbIcon, McpTool, MessageActions, MessageList, ModeSelector, ModelBadge, ModelPopover, PaperclipIcon, PlanTool, PopoverShell, SearchGroupMinimal, SearchGroupRich, SearchIcon, SearchTool, SendButtonUnified, SettingsPopover, SourceIcon, type SourceType, SparklesIcon, SpinnerIcon16, type StepState, StreamingMarkdown, TaskTool, TerminalIcon, ThemeConfigContext, ThinkingTool, type TimelineStep, TodoTool, ToggleSwitch, ToolRenderer, ToolRowBase, type ToolSize, ToolTimer, UserMessage, WindowChrome, EditTool as WriteTool, applyTheme, createAnChat, extractThemeConfig, loadGoogleFont, mapToolInvocationToStep, mapToolStateToStepState, resolveToolSize, routeToolCall, useInputTyping, useStreamingText, useThemeConfig, useToolComplete };
+export { AN_CLAUDE_MODELS, AN_DEFAULT_MODEL_ID, ActionRow, AgentChat, type AgentChatProps, AnAgentChat, type AnAgentChatProps, type AnClassNames, type AnClaudeModelId, type AnModelOption, type AnSlots, type AnTheme, type AnThemeConfig, type AttachedFile, type AttachedImage, AttachmentButton, BashTool, CLAUDE_MODELS, type ChatClassNames, type ChatSlots, type ChatTheme, type ChatThemeConfig, CheckIcon16, ChevronDown, ChevronRightIcon, type ClaudeModelId, ContextItems, type CreateAgentChatOptions, type CreateAnChatOptions, type CustomToolRendererProps, DEFAULT_MODEL_ID, DEFAULT_THEME_CONFIG, DateDivider, EditTool, FileChip, FileExtIcon, GenericTool, ImageThumb, ImageThumbInput, InlineModeSelector, InputBar, LightbulbIcon, McpTool, MessageActions, MessageList, ModeSelector, ModelBadge, type ModelOption, ModelPopover, PaperclipIcon, PlanTool, PopoverShell, SearchGroupMinimal, SearchGroupRich, SearchIcon, SearchTool, SendButtonUnified, SettingsPopover, SourceIcon, type SourceType, SparklesIcon, SpinnerIcon16, type StepState, StreamingMarkdown, TaskTool, TerminalIcon, ThemeConfigContext, ThinkingTool, type TimelineStep, TodoTool, ToggleSwitch, ToolRenderer, ToolRowBase, type ToolSize, ToolTimer, UserMessage, WindowChrome, EditTool as WriteTool, applyTheme, createAgentChat, createAnChat, extractThemeConfig, loadGoogleFont, mapToolInvocationToStep, mapToolStateToStepState, resolveToolSize, routeToolCall, useInputTyping, useStreamingText, useThemeConfig, useToolComplete };

package/dist/index.js

@@ -13672,7 +13672,7 @@ function applyTheme(element, theme, colorMode = "auto") {
 init_cn();
 init_theme_config();
 import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
-function AnAgentChat({
+function AgentChat({
   messages,
   onSend,
   status,
@@ -13756,6 +13756,7 @@ function AnAgentChat({
     }
   ) });
 }
+var AnAgentChat = AgentChat;
 
 // src/create-an-chat.ts
 import { Chat } from "@ai-sdk/react";
@@ -13783,7 +13784,7 @@ function createTokenFetcher(tokenUrl, agent) {
     return data.token;
   };
 }
-function createAnChat(options) {
+function createAgentChat(options) {
   const {
     agent,
     tokenUrl,
@@ -13796,7 +13797,7 @@ function createAnChat(options) {
   } = options;
   const getToken = getTokenFn || (tokenUrl ? createTokenFetcher(tokenUrl, agent) : null);
   if (!getToken) {
-    throw new Error("createAnChat: provide either tokenUrl or getToken");
+    throw new Error("createAgentChat: provide either tokenUrl or getToken");
   }
   return new Chat({
     id: sandboxId || `sandbox-${agent}`,
@@ -13815,6 +13816,7 @@ function createAnChat(options) {
     onError
   });
 }
+var createAnChat = createAgentChat;
 
 // src/index.ts
 init_theme_config();
@@ -15217,23 +15219,28 @@ init_tool_icons();
 init_file_ext_icon();
 
 // src/models.ts
-var AN_CLAUDE_MODELS = [
+var CLAUDE_MODELS = [
   { id: "sonnet", name: "Sonnet", version: "4.6" },
   { id: "opus", name: "Opus", version: "4.6" },
   { id: "haiku", name: "Haiku", version: "4.5" }
 ];
-var AN_DEFAULT_MODEL_ID = "sonnet";
+var DEFAULT_MODEL_ID = "sonnet";
+var AN_CLAUDE_MODELS = CLAUDE_MODELS;
+var AN_DEFAULT_MODEL_ID = DEFAULT_MODEL_ID;
 export {
   AN_CLAUDE_MODELS,
   AN_DEFAULT_MODEL_ID,
   ActionRow,
+  AgentChat,
   AnAgentChat,
   AttachmentButton,
   BashTool,
+  CLAUDE_MODELS,
   CheckIcon16,
   ChevronDown,
   ChevronRightIcon,
   ContextItems,
+  DEFAULT_MODEL_ID,
   DEFAULT_THEME_CONFIG,
   DateDivider,
   EditTool,
@@ -15277,6 +15284,7 @@ export {
   WindowChrome,
   EditTool as WriteTool,
   applyTheme,
+  createAgentChat,
   createAnChat,
   extractThemeConfig,
   loadGoogleFont,