@slipstream-ui/ai 0.4.0 → 0.6.0

package/dist/index.d.mts

@@ -45,6 +45,10 @@ type MessageProps = {
     userLabel?: string;
     /** Display name for the assistant role; override for localization. */
     assistantLabel?: string;
+    /** Formats the message timestamp; defaults to the runtime's toLocaleTimeString(). */
+    formatTime?: (date: Date) => string;
+    /** BCP-47 locale used by the default timestamp formatter. */
+    locale?: string;
     /**
      * Custom content renderer, e.g. for markdown/code blocks.
      * When provided, it fully replaces the default plain-text rendering.
@@ -77,7 +81,7 @@ type MessageProps = {
  * (and timestamp re-formatting) for every other message in the transcript.
  * Callback props must be referentially stable for memo to help.
  */
-declare const MemoizedMessage: React.MemoExoticComponent<React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>>;
+declare const MemoizedMessage: React.NamedExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
 
 /** User sentiment for an AI response. */
 type FeedbackRating = 'up' | 'down';
@@ -357,7 +361,7 @@ type PromptInputProps = {
 };
 declare const PromptInputRoot: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;
 /** Auto-resizing textarea bound to the prompt state. Accepts standard textarea props. */
-declare const PromptInputTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const PromptInputTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;
 /** Status-aware submit control: send / stop / error icons chosen automatically. */
 declare const PromptInputSubmit: React.ForwardRefExoticComponent<{
     className?: string;
@@ -409,6 +413,17 @@ type ReasoningProps = {
     duration?: number | string;
     /** Marks reasoning as still arriving: animated header state. */
     isStreaming?: boolean;
+    /** Formats step timestamps; defaults to the runtime's toLocaleTimeString(). */
+    formatTime?: (date: Date) => string;
+    /** BCP-47 locale used by the default timestamp formatter. */
+    locale?: string;
+    /** Localized header, count and step labels. */
+    labels?: {
+        title?: string;
+        count?: (count: number) => string;
+        thinking?: string;
+        step?: (index: number) => string;
+    };
 };
 declare const Reasoning: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -416,6 +431,16 @@ type ToolCallProps = {
     toolCall: ToolCall$1;
     className?: string;
     showResult?: boolean;
+    /** Localized status and section labels. */
+    labels?: {
+        pending?: string;
+        running?: string;
+        completed?: string;
+        failed?: string;
+        arguments?: string;
+        result?: string;
+        error?: string;
+    };
 };
 /**
  * Displays a single tool invocation: name, status chip, serialized
@@ -488,20 +513,41 @@ type Command = {
     /** Extra lexical search terms. */
     keywords?: string[];
     shortcut?: string;
+    /** Optional leading icon (rendered by the default row or renderCommand). */
+    icon?: React.ReactNode;
+    /** Optional secondary line in the default row. */
+    description?: string;
 };
 type CommandPaletteProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    /** Static command set (ignored for filtering when loadCommands is set). */
     commands: Command[];
     onSelect: (command: Command) => void;
+    /** Async source; called with the current query (debounced). */
+    loadCommands?: (query: string) => Promise<Command[]>;
+    /** Debounce for loadCommands, in ms. Default 200. */
+    debounceMs?: number;
+    /** Custom row renderer (icons, type badges, metadata). */
+    renderCommand?: (command: Command, state: {
+        active: boolean;
+    }) => React.ReactNode;
+    /** Shown while async commands load. */
+    loadingText?: string;
     placeholder?: string;
+    /** Accessible label for the combobox. Default 'Command palette'. */
+    dialogLabel?: string;
+    /** Accessible label for the listbox. Default 'Commands'. */
+    listLabel?: string;
+    /** Shown when no command matches. Default 'No matching commands.'. */
+    emptyText?: string;
 };
 /**
  * Cmd+K command palette: combobox + listbox with aria-activedescendant
  * keyboard navigation, lexical filtering over label/keywords, and
  * Escape-to-close. No focus leaves the input while navigating.
  */
-declare function CommandPalette({ open, onOpenChange, commands, onSelect, placeholder, }: CommandPaletteProps): React.JSX.Element | null;
+declare function CommandPalette({ open, onOpenChange, commands, onSelect, loadCommands, debounceMs, renderCommand, loadingText, placeholder, dialogLabel, listLabel, emptyText, }: CommandPaletteProps): React.JSX.Element | null;
 
 /**
  * Structural types mirroring the parts of the Vercel AI SDK's chat state the
@@ -576,4 +622,5 @@ type UseSlipstreamStreamResult = {
  */
 declare function useSlipstreamStream({ status, error, onRetry, messages, }: UseSlipstreamStreamOptions): UseSlipstreamStreamResult;
 
-export { type AiSdkMessage, type AiSdkStatus, type AiSdkToolInvocation, Attachment, type AttachmentItem, AttachmentList, type AttachmentListProps, type AttachmentProps, Branch, type BranchProps, ChainThought, type ChainThoughtProps, type ChainThoughtStep, CodeBlock, type CodeBlockProps, type Command, CommandPalette, type CommandPaletteProps, Confirmation, type ConfirmationProps, type ConfirmationStatus, Conversation, type ConversationProps, type FeedbackRating, InlineCitation, type InlineCitationProps, MemoizedMessage as Message, MessageActions, type MessageActionsProps, type Message as MessageData, type MessageProps, type MessageRole, PromptInputRoot as PromptInput, PromptInputActionAddAttachments, PromptInputActionDictate, PromptInputBody, PromptInputButton, type PromptInputButtonProps, PromptInputFooter, PromptInputHeader, type PromptInputProps, PromptInputSubmit, PromptInputTextarea, PromptInputTools, Reasoning, type ReasoningProps, type ReasoningStep, Response, type ResponseProps, Source, type SourceItem, type SourceProps, Sources, type SourcesProps, StreamingIndicator, type StreamingIndicatorProps, type Suggestion, Suggestions, type SuggestionsProps, ToolCall, type ToolCall$1 as ToolCallData, type ToolCallProps, type UseAttachmentsOptions, type UseAttachmentsResult, type UseSlipstreamMessagesOptions, type UseSlipstreamMessagesResult, type UseSlipstreamStreamOptions, type UseSlipstreamStreamResult, closeIncompleteMarkdown, toSlipstreamMessage, toSlipstreamMessages, toSlipstreamToolCall, toSlipstreamToolCalls, usePromptInputAttachments, useSlipstreamMessages, useSlipstreamStream, useSpeechRecognition };
+export { Attachment, AttachmentList, Branch, ChainThought, CodeBlock, CommandPalette, Confirmation, Conversation, InlineCitation, MemoizedMessage as Message, MessageActions, PromptInputRoot as PromptInput, PromptInputActionAddAttachments, PromptInputActionDictate, PromptInputBody, PromptInputButton, PromptInputFooter, PromptInputHeader, PromptInputSubmit, PromptInputTextarea, PromptInputTools, Reasoning, Response, Source, Sources, StreamingIndicator, Suggestions, ToolCall, closeIncompleteMarkdown, toSlipstreamMessage, toSlipstreamMessages, toSlipstreamToolCall, toSlipstreamToolCalls, usePromptInputAttachments, useSlipstreamMessages, useSlipstreamStream, useSpeechRecognition };
+export type { AiSdkMessage, AiSdkStatus, AiSdkToolInvocation, AttachmentItem, AttachmentListProps, AttachmentProps, BranchProps, ChainThoughtProps, ChainThoughtStep, CodeBlockProps, Command, CommandPaletteProps, ConfirmationProps, ConfirmationStatus, ConversationProps, FeedbackRating, InlineCitationProps, MessageActionsProps, Message as MessageData, MessageProps, MessageRole, PromptInputButtonProps, PromptInputProps, ReasoningProps, ReasoningStep, ResponseProps, SourceItem, SourceProps, SourcesProps, StreamingIndicatorProps, Suggestion, SuggestionsProps, ToolCall$1 as ToolCallData, ToolCallProps, UseAttachmentsOptions, UseAttachmentsResult, UseSlipstreamMessagesOptions, UseSlipstreamMessagesResult, UseSlipstreamStreamOptions, UseSlipstreamStreamResult };

package/dist/index.d.ts

@@ -45,6 +45,10 @@ type MessageProps = {
     userLabel?: string;
     /** Display name for the assistant role; override for localization. */
     assistantLabel?: string;
+    /** Formats the message timestamp; defaults to the runtime's toLocaleTimeString(). */
+    formatTime?: (date: Date) => string;
+    /** BCP-47 locale used by the default timestamp formatter. */
+    locale?: string;
     /**
      * Custom content renderer, e.g. for markdown/code blocks.
      * When provided, it fully replaces the default plain-text rendering.
@@ -77,7 +81,7 @@ type MessageProps = {
  * (and timestamp re-formatting) for every other message in the transcript.
  * Callback props must be referentially stable for memo to help.
  */
-declare const MemoizedMessage: React.MemoExoticComponent<React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>>;
+declare const MemoizedMessage: React.NamedExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
 
 /** User sentiment for an AI response. */
 type FeedbackRating = 'up' | 'down';
@@ -357,7 +361,7 @@ type PromptInputProps = {
 };
 declare const PromptInputRoot: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;
 /** Auto-resizing textarea bound to the prompt state. Accepts standard textarea props. */
-declare const PromptInputTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const PromptInputTextarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;
 /** Status-aware submit control: send / stop / error icons chosen automatically. */
 declare const PromptInputSubmit: React.ForwardRefExoticComponent<{
     className?: string;
@@ -409,6 +413,17 @@ type ReasoningProps = {
     duration?: number | string;
     /** Marks reasoning as still arriving: animated header state. */
     isStreaming?: boolean;
+    /** Formats step timestamps; defaults to the runtime's toLocaleTimeString(). */
+    formatTime?: (date: Date) => string;
+    /** BCP-47 locale used by the default timestamp formatter. */
+    locale?: string;
+    /** Localized header, count and step labels. */
+    labels?: {
+        title?: string;
+        count?: (count: number) => string;
+        thinking?: string;
+        step?: (index: number) => string;
+    };
 };
 declare const Reasoning: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -416,6 +431,16 @@ type ToolCallProps = {
     toolCall: ToolCall$1;
     className?: string;
     showResult?: boolean;
+    /** Localized status and section labels. */
+    labels?: {
+        pending?: string;
+        running?: string;
+        completed?: string;
+        failed?: string;
+        arguments?: string;
+        result?: string;
+        error?: string;
+    };
 };
 /**
  * Displays a single tool invocation: name, status chip, serialized
@@ -488,20 +513,41 @@ type Command = {
     /** Extra lexical search terms. */
     keywords?: string[];
     shortcut?: string;
+    /** Optional leading icon (rendered by the default row or renderCommand). */
+    icon?: React.ReactNode;
+    /** Optional secondary line in the default row. */
+    description?: string;
 };
 type CommandPaletteProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    /** Static command set (ignored for filtering when loadCommands is set). */
     commands: Command[];
     onSelect: (command: Command) => void;
+    /** Async source; called with the current query (debounced). */
+    loadCommands?: (query: string) => Promise<Command[]>;
+    /** Debounce for loadCommands, in ms. Default 200. */
+    debounceMs?: number;
+    /** Custom row renderer (icons, type badges, metadata). */
+    renderCommand?: (command: Command, state: {
+        active: boolean;
+    }) => React.ReactNode;
+    /** Shown while async commands load. */
+    loadingText?: string;
     placeholder?: string;
+    /** Accessible label for the combobox. Default 'Command palette'. */
+    dialogLabel?: string;
+    /** Accessible label for the listbox. Default 'Commands'. */
+    listLabel?: string;
+    /** Shown when no command matches. Default 'No matching commands.'. */
+    emptyText?: string;
 };
 /**
  * Cmd+K command palette: combobox + listbox with aria-activedescendant
  * keyboard navigation, lexical filtering over label/keywords, and
  * Escape-to-close. No focus leaves the input while navigating.
  */
-declare function CommandPalette({ open, onOpenChange, commands, onSelect, placeholder, }: CommandPaletteProps): React.JSX.Element | null;
+declare function CommandPalette({ open, onOpenChange, commands, onSelect, loadCommands, debounceMs, renderCommand, loadingText, placeholder, dialogLabel, listLabel, emptyText, }: CommandPaletteProps): React.JSX.Element | null;
 
 /**
  * Structural types mirroring the parts of the Vercel AI SDK's chat state the
@@ -576,4 +622,5 @@ type UseSlipstreamStreamResult = {
  */
 declare function useSlipstreamStream({ status, error, onRetry, messages, }: UseSlipstreamStreamOptions): UseSlipstreamStreamResult;
 
-export { type AiSdkMessage, type AiSdkStatus, type AiSdkToolInvocation, Attachment, type AttachmentItem, AttachmentList, type AttachmentListProps, type AttachmentProps, Branch, type BranchProps, ChainThought, type ChainThoughtProps, type ChainThoughtStep, CodeBlock, type CodeBlockProps, type Command, CommandPalette, type CommandPaletteProps, Confirmation, type ConfirmationProps, type ConfirmationStatus, Conversation, type ConversationProps, type FeedbackRating, InlineCitation, type InlineCitationProps, MemoizedMessage as Message, MessageActions, type MessageActionsProps, type Message as MessageData, type MessageProps, type MessageRole, PromptInputRoot as PromptInput, PromptInputActionAddAttachments, PromptInputActionDictate, PromptInputBody, PromptInputButton, type PromptInputButtonProps, PromptInputFooter, PromptInputHeader, type PromptInputProps, PromptInputSubmit, PromptInputTextarea, PromptInputTools, Reasoning, type ReasoningProps, type ReasoningStep, Response, type ResponseProps, Source, type SourceItem, type SourceProps, Sources, type SourcesProps, StreamingIndicator, type StreamingIndicatorProps, type Suggestion, Suggestions, type SuggestionsProps, ToolCall, type ToolCall$1 as ToolCallData, type ToolCallProps, type UseAttachmentsOptions, type UseAttachmentsResult, type UseSlipstreamMessagesOptions, type UseSlipstreamMessagesResult, type UseSlipstreamStreamOptions, type UseSlipstreamStreamResult, closeIncompleteMarkdown, toSlipstreamMessage, toSlipstreamMessages, toSlipstreamToolCall, toSlipstreamToolCalls, usePromptInputAttachments, useSlipstreamMessages, useSlipstreamStream, useSpeechRecognition };
+export { Attachment, AttachmentList, Branch, ChainThought, CodeBlock, CommandPalette, Confirmation, Conversation, InlineCitation, MemoizedMessage as Message, MessageActions, PromptInputRoot as PromptInput, PromptInputActionAddAttachments, PromptInputActionDictate, PromptInputBody, PromptInputButton, PromptInputFooter, PromptInputHeader, PromptInputSubmit, PromptInputTextarea, PromptInputTools, Reasoning, Response, Source, Sources, StreamingIndicator, Suggestions, ToolCall, closeIncompleteMarkdown, toSlipstreamMessage, toSlipstreamMessages, toSlipstreamToolCall, toSlipstreamToolCalls, usePromptInputAttachments, useSlipstreamMessages, useSlipstreamStream, useSpeechRecognition };
+export type { AiSdkMessage, AiSdkStatus, AiSdkToolInvocation, AttachmentItem, AttachmentListProps, AttachmentProps, BranchProps, ChainThoughtProps, ChainThoughtStep, CodeBlockProps, Command, CommandPaletteProps, ConfirmationProps, ConfirmationStatus, ConversationProps, FeedbackRating, InlineCitationProps, MessageActionsProps, Message as MessageData, MessageProps, MessageRole, PromptInputButtonProps, PromptInputProps, ReasoningProps, ReasoningStep, ResponseProps, SourceItem, SourceProps, SourcesProps, StreamingIndicatorProps, Suggestion, SuggestionsProps, ToolCall$1 as ToolCallData, ToolCallProps, UseAttachmentsOptions, UseAttachmentsResult, UseSlipstreamMessagesOptions, UseSlipstreamMessagesResult, UseSlipstreamStreamOptions, UseSlipstreamStreamResult };