@miiflow/assistant-ui 0.13.0 → 0.15.0

package/dist/composer/index.d.ts

@@ -138,6 +138,21 @@ interface CommandTokenViewProps {
 }
 declare function CommandTokenView({ id, kind, label, description, icon, tag, variant, selected, onMouseEnter, onMouseDown, htmlId, }: CommandTokenViewProps): react.JSX.Element;
 
+type ResolveTokenLabel = (id: string, kind: string) => string | undefined;
+/**
+ * Rebuild editor content from the plain-text projection the editor itself
+ * emits (`root.getTextContent()` / `ChatComposerSubmitPayload.text`).
+ *
+ * The exact inverse of Lexical's projection: paragraphs are joined with
+ * `"\n\n"` and a `LineBreakNode` is `"\n"`, so `"\n\n"` splits paragraphs and
+ * `"\n"` inside one becomes a line break. `<prefix><id>:<kind>` substrings
+ * become chips again; `resolveLabel` supplies a display label for ids that
+ * are opaque (ad accounts) — it falls back to the id.
+ *
+ * Must run inside `editor.update()` (or as `initialConfig.editorState`).
+ */
+declare function $hydrateFromEncodedText(text: string, resolveLabel?: ResolveTokenLabel): void;
+
 interface LexicalChatInputHandle {
     /** Clear the editor contents and reset history. */
     clear: () => void;
@@ -151,6 +166,11 @@ interface LexicalChatInputHandle {
      * like "/" or "@" so the matching typeahead opens.
      */
     insertText: (text: string) => void;
+    /**
+     * Replace the editor contents with the plain-text projection of an earlier
+     * payload (`/id:kind` substrings become chips again) and reset history.
+     */
+    setContent: (text: string) => void;
 }
 interface LexicalChatInputProps {
     placeholder?: string;
@@ -167,8 +187,22 @@ interface LexicalChatInputProps {
      * gate a parent-rendered submit button on `text.trim().length > 0`.
      */
     onChange?: (payload: ChatComposerSubmitPayload) => void;
-    /** Called when the user presses Enter (without Shift). */
-    onSubmit: (payload: ChatComposerSubmitPayload) => void | Promise<void>;
+    /** Called on submit — Enter without Shift (when `submitOnEnter`) or `submit()`. */
+    onSubmit?: (payload: ChatComposerSubmitPayload) => void | Promise<void>;
+    /**
+     * Whether Enter (without Shift) submits. Default true — the chat contract.
+     * Set false when the editor is a form FIELD (a schedule's message, a saved
+     * prompt): Enter then inserts a paragraph and Shift+Enter a line break, and
+     * the owner reads the value from `onChange`.
+     */
+    submitOnEnter?: boolean;
+    /**
+     * Content to hydrate on mount, in the same plain-text projection the editor
+     * emits (`payload.text`). Read ONCE — remount with a `key` to reset.
+     */
+    initialContent?: string;
+    /** Display label for a rehydrated chip whose id is opaque; defaults to the id. */
+    resolveTokenLabel?: ResolveTokenLabel;
     /**
      * Optional slash-command typeahead. When omitted, the editor behaves like
      * a plain rich-text input.
@@ -184,4 +218,4 @@ interface LexicalChatInputProps {
 }
 declare const LexicalChatInput: react.ForwardRefExoticComponent<LexicalChatInputProps & react.RefAttributes<LexicalChatInputHandle>>;
 
-export { $createCommandTokenNode, $isCommandTokenNode, COMMAND_TOKEN_REGEX, ChatComposerCommand, ChatComposerSubmitPayload, CommandProvider, CommandTokenNode, CommandTokenPlugin, type CommandTokenPluginProps, CommandTokenView, type CommandTokenViewProps, type InlineCommandTokenMatch, LexicalChatInput, type LexicalChatInputHandle, type LexicalChatInputProps, type SerializedCommandTokenNode, findInlineCommandTokens };
+export { $createCommandTokenNode, $hydrateFromEncodedText, $isCommandTokenNode, COMMAND_TOKEN_REGEX, ChatComposerCommand, ChatComposerSubmitPayload, CommandProvider, CommandTokenNode, CommandTokenPlugin, type CommandTokenPluginProps, CommandTokenView, type CommandTokenViewProps, type InlineCommandTokenMatch, LexicalChatInput, type LexicalChatInputHandle, type LexicalChatInputProps, type ResolveTokenLabel, type SerializedCommandTokenNode, findInlineCommandTokens };

package/dist/composer/index.js

@@ -1,2 +1,2 @@
-export{d as $createCommandTokenNode,e as $isCommandTokenNode,f as COMMAND_TOKEN_REGEX,c as CommandTokenNode,h as CommandTokenPlugin,b as CommandTokenView,i as LexicalChatInput,g as findInlineCommandTokens}from'../chunk-ZP4FGAAH.js';//# sourceMappingURL=index.js.map
+export{d as $createCommandTokenNode,i as $hydrateFromEncodedText,e as $isCommandTokenNode,f as COMMAND_TOKEN_REGEX,c as CommandTokenNode,h as CommandTokenPlugin,b as CommandTokenView,j as LexicalChatInput,g as findInlineCommandTokens}from'../chunk-BINTGT2Q.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/context/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { C as ChatMessage, P as ParticipantRole } from '../message-D0oMw3tR.js';
-import { f as VisualizationActionEvent } from '../streaming-CmQo_OOA.js';
+import { C as ChatMessage, P as ParticipantRole } from '../message-DTNTKSQr.js';
+import { g as VisualizationActionEvent } from '../streaming-BfLEgW5u.js';
 
 interface ChatContextValue {
     /** List of messages in the conversation */
@@ -31,6 +31,12 @@ interface ChatContextValue {
         label?: string;
         tag?: ReactNode;
     } | undefined;
+    /** Whether the surface hosting the chat is dark. Drives choices that CSS
+     * variables can't express, such as which syntax-highlighting theme a code
+     * block uses. The host app must supply this: chat-ui is themed through
+     * `--chat-*` variables and the `.dark` class is NOT applied by every
+     * consumer, so neither is a reliable signal. Defaults to false (light). */
+    isDarkSurface: boolean;
 }
 declare const ChatContext: react.Context<ChatContextValue | null>;
 interface ChatProviderProps {
@@ -48,8 +54,9 @@ interface ChatProviderProps {
         label?: string;
         tag?: ReactNode;
     } | undefined;
+    isDarkSurface?: boolean;
 }
-declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, resolveCommandToken, }: ChatProviderProps): react.JSX.Element;
+declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, resolveCommandToken, isDarkSurface, }: ChatProviderProps): react.JSX.Element;
 declare function useChatContext(): ChatContextValue;
 
 export { ChatContext, type ChatContextValue, ChatProvider, type ChatProviderProps, useChatContext };

package/dist/context/index.js

@@ -1,2 +1,2 @@
-export{a as ChatContext,b as ChatProvider,c as useChatContext}from'../chunk-NKLA5PPB.js';//# sourceMappingURL=index.js.map
+export{a as ChatContext,b as ChatProvider,c as useChatContext}from'../chunk-HNHLLH6W.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.d.ts

@@ -1,146 +1,16 @@
-import * as react from 'react';
-import { RefObject, KeyboardEvent } from 'react';
-import { d as StreamingOptions, c as StreamChunk } from '../streaming-CmQo_OOA.js';
-import { B as BrandingData } from '../branding-NieTEGQf.js';
+export { U as UseAutoScrollOptions, a as UseAutoScrollReturn, u as useAttachments, b as useAutoScroll, c as useBrandingCSSVars, d as useMessageComposer, e as useScrollLock, f as useStreaming } from '../use-branding-css-vars-CR2tjSV8.js';
+import 'react';
+import '../streaming-BfLEgW5u.js';
+import '../branding-NieTEGQf.js';
 
-interface UseAutoScrollOptions {
-    /** Whether auto-scroll is enabled */
-    enabled?: boolean;
-    /** Smooth scroll behavior */
-    smooth?: boolean;
-    /** Scroll to bottom when component mounts */
-    scrollToBottomOnMount?: boolean;
-}
-interface UseAutoScrollReturn<T extends HTMLElement> {
-    /** Ref to attach to the scrollable container */
-    containerRef: React.RefObject<T | null>;
-    /** Scroll to bottom programmatically (always forces scroll) */
-    scrollToBottom: (behavior?: ScrollBehavior) => void;
-    /** Whether the viewport is currently at the bottom */
-    isAtBottom: boolean;
-}
 /**
- * Hook to automatically scroll to the bottom of a container
- * when new content is added, unless the user has scrolled up.
+ * Whether the viewer has asked for reduced motion.
  *
- * Combines ResizeObserver + MutationObserver to catch all height changes
- * (image loads, panel expansion, streaming text, new messages).
- *
- * Uses a 1px tolerance for isAtBottom (matches assistant-ui) and
- * persists scroll behavior across content resize to prevent
- * the "content outraces scroll" bug.
- */
-declare function useAutoScroll<T extends HTMLElement>({ enabled, smooth, scrollToBottomOnMount, }?: UseAutoScrollOptions): UseAutoScrollReturn<T>;
-
-/**
- * Locks scroll position during collapsible/height animations.
- *
- * Prevents viewport jumps when content height changes during animations
- * (e.g. ReasoningPanel expand/collapse). Finds the nearest scrollable
- * ancestor and temporarily locks its scroll position for the animation duration.
- *
- * Adapted from assistant-ui's useScrollLock.
- *
- * @param animatedElementRef - Ref to the animated element
- * @param animationDuration - Lock duration in milliseconds
- * @returns Function to activate the scroll lock (call before toggling)
- *
- * @example
- * ```tsx
- * const panelRef = useRef<HTMLDivElement>(null);
- * const lockScroll = useScrollLock(panelRef, 200);
- *
- * const handleToggle = () => {
- *   lockScroll();
- *   setIsExpanded(!isExpanded);
- * };
- * ```
- */
-declare function useScrollLock<T extends HTMLElement = HTMLElement>(animatedElementRef: RefObject<T | null>, animationDuration: number): () => void;
-
-/**
- * Hook to manage streaming message state.
- */
-declare function useStreaming(options?: StreamingOptions): {
-    startStreaming: (messageId: string) => void;
-    appendContent: (chunk: StreamChunk) => void;
-    stopStreaming: () => void;
-    handleError: (error: Error) => void;
-    abortSignal: AbortSignal | undefined;
-    isStreaming: boolean;
-    streamingMessageId: string | null;
-    streamedContent: string;
-};
-
-interface UseMessageComposerOptions {
-    /** Callback when message is submitted */
-    onSubmit: (content: string, attachments?: File[]) => Promise<void>;
-    /** Whether submission is disabled */
-    disabled?: boolean;
-    /** Maximum file size in bytes */
-    maxFileSize?: number;
-    /** Allowed file types (MIME types) */
-    allowedFileTypes?: string[];
-}
-/**
- * Hook to manage message composer state and behavior.
- */
-declare function useMessageComposer({ onSubmit, disabled, maxFileSize, // 10MB
-allowedFileTypes, }: UseMessageComposerOptions): {
-    content: string;
-    attachments: File[];
-    isSubmitting: boolean;
-    error: string | null;
-    canSubmit: boolean | "";
-    inputRef: react.RefObject<HTMLTextAreaElement | null>;
-    handleContentChange: (value: string) => void;
-    handleAddAttachment: (files: FileList | File[]) => void;
-    handleRemoveAttachment: (index: number) => void;
-    handleSubmit: () => Promise<void>;
-    handleKeyDown: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
-    clear: () => void;
-};
-
-interface AttachmentState {
-    file: File;
-    id: string;
-    progress: number;
-    status: "pending" | "uploading" | "complete" | "error";
-    error?: string;
-    url?: string;
-}
-interface UseAttachmentsOptions {
-    /** Maximum number of attachments */
-    maxCount?: number;
-    /** Maximum file size in bytes */
-    maxFileSize?: number;
-    /** Allowed MIME types */
-    allowedTypes?: string[];
-}
-/**
- * Hook to manage file attachments with upload progress.
- */
-declare function useAttachments({ maxCount, maxFileSize, allowedTypes, }?: UseAttachmentsOptions): {
-    attachments: AttachmentState[];
-    addAttachment: (file: File) => {
-        success: boolean;
-        error?: string;
-    };
-    removeAttachment: (id: string) => void;
-    updateProgress: (id: string, progress: number) => void;
-    setError: (id: string, error: string) => void;
-    setUrl: (id: string, url: string) => void;
-    clear: () => void;
-    getFiles: () => File[];
-    canAddMore: boolean;
-};
-
-/**
- * Converts BrandingData into CSS custom properties for chat-ui theming.
- * Returns a CSSProperties object that can be spread onto a container element.
+ * The reasoning stream drives shimmer, a live meter and a blinking caret from
+ * inline `animation` declarations, and a media query cannot override an inline
+ * style — so the decision has to be made in JS and the effect simply not
+ * applied. Starts `false` so server rendering and the first client paint agree.
  */
-declare function useBrandingCSSVars(branding: BrandingData | null | undefined, overrides?: {
-    iconColor?: string;
-}): React.CSSProperties;
+declare function usePrefersReducedMotion(): boolean;
 
-export { type UseAutoScrollOptions, type UseAutoScrollReturn, useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useScrollLock, useStreaming };
+export { usePrefersReducedMotion };

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-export{b as useAttachments,a as useStreaming}from'../chunk-WG77GQR3.js';export{a as useScrollLock}from'../chunk-D2PFIJNZ.js';export{a as useAutoScroll,b as useMessageComposer}from'../chunk-4WWJTYYA.js';export{b as useBrandingCSSVars}from'../chunk-QECTWT2H.js';//# sourceMappingURL=index.js.map
+export{b as useAttachments,a as useStreaming}from'../chunk-ISMTV5BU.js';export{b as usePrefersReducedMotion,a as useScrollLock}from'../chunk-OU5ITGKX.js';export{a as useAutoScroll,b as useMessageComposer}from'../chunk-LDTAZ4GT.js';export{b as useBrandingCSSVars}from'../chunk-QECTWT2H.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { A as Attachment, C as ChatMessage, M as MessageData, a as MessageError, b as Participant, P as ParticipantRole, R as ReasoningChunk, S as SourceReference, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from './message-D0oMw3tR.js';
-export { a as ClarificationAnswer, C as ClarificationData, b as ClarificationQuestion, c as StreamChunk, d as StreamingOptions, e as StreamingState } from './streaming-CmQo_OOA.js';
+export { A as Attachment, C as ChatMessage, M as MessageData, a as MessageError, b as Participant, P as ParticipantRole, R as ReasoningChunk, S as SourceReference, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from './message-DTNTKSQr.js';
+export { a as ClarificationAnswer, C as ClarificationData, b as ClarificationQuestion, c as StreamChunk, d as StreamingOptions, e as StreamingState } from './streaming-BfLEgW5u.js';
 export { B as BrandingData } from './branding-NieTEGQf.js';
 export { ChatContext, ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from './context/index.js';
-export { useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useScrollLock, useStreaming } from './hooks/index.js';
-export { A as AvatarPrimitive, C as ComposerContext, a as ComposerInput, b as ComposerSubmit, M as MessageComposerPrimitive, c as MessageContentPrimitive, d as MessageContext, e as MessagePrimitive, f as MessageTimestampPrimitive, u as useComposer, g as useMessage } from './avatar-CD685KQV.js';
+export { u as useAttachments, b as useAutoScroll, c as useBrandingCSSVars, d as useMessageComposer, e as useScrollLock, f as useStreaming } from './use-branding-css-vars-CR2tjSV8.js';
+export { A as AvatarPrimitive, C as ComposerContext, a as ComposerInput, b as ComposerSubmit, M as MessageComposerPrimitive, c as MessageContentPrimitive, d as MessageContext, e as MessagePrimitive, f as MessageTimestampPrimitive, u as useComposer, g as useMessage } from './avatar-B_AvYfE8.js';
 export { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.js';
-export { A as AttachmentPreview, a as Avatar, C as ChatContainer, b as ChatLayout, M as MarkdownContent, c as Message, d as MessageActionBar, e as MessageComposer, f as MessageList, S as ScrollToBottomButton, g as StreamingText, h as SuggestedActions, T as ToolStatusIndicator, i as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-EGO8Qt2y.js';
+export { A as AttachmentPreview, a as Avatar, C as ChatContainer, b as ChatLayout, M as MarkdownContent, c as Message, d as MessageActionBar, e as MessageComposer, f as MessageList, S as ScrollToBottomButton, g as StreamingText, h as SuggestedActions, T as ToolStatusIndicator, i as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-CSzlU0Yx.js';
 import { ClassValue } from 'clsx';
 import 'react';
 import './types-Du00UBst.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{a as AttachmentPreview,b as Avatar,c as ChatContainer,ba as ChatLayout,f as MarkdownContent,V as Message,l as MessageActionBar,W as MessageComposer,Y as MessageList,X as ScrollToBottomButton,x as StreamingText,y as SuggestedActions,aa as ToolStatusIndicator,_ as TypingIndicator,ca as WelcomeScreen,U as parseContentWithInlineMarkers}from'./chunk-HYFMOOLH.js';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-6RN7SUWT.js';export{b as useAttachments,a as useStreaming}from'./chunk-WG77GQR3.js';export{a as useScrollLock}from'./chunk-D2PFIJNZ.js';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-4WWJTYYA.js';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-NKLA5PPB.js';export{a as chatTokens}from'./chunk-NG4HKXYB.js';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-QECTWT2H.js';export{a as cn}from'./chunk-ZP4FGAAH.js';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},se={...m,year:"numeric",...i};function c(t){let e=typeof t=="string"?new Date(t):t,o=new Date;return e.getDate()===o.getDate()&&e.getMonth()===o.getMonth()&&e.getFullYear()===o.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===o.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",se)}function re(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),n=Math.floor(g/1e3),s=Math.floor(n/60),r=Math.floor(s/60),a=Math.floor(r/24);return n<60?"just now":s<60?`${s} minute${s===1?"":"s"} ago`:r<24?`${r} hour${r===1?"":"s"} ago`:a<7?`${a} day${a===1?"":"s"} ago`:c(e)}export{c as formatMessageTime,re as formatRelativeTime};//# sourceMappingURL=index.js.map
+export{a as AttachmentPreview,b as Avatar,c as ChatContainer,xa as ChatLayout,f as MarkdownContent,fa as Message,n as MessageActionBar,ga as MessageComposer,ia as MessageList,ha as ScrollToBottomButton,H as StreamingText,I as SuggestedActions,wa as ToolStatusIndicator,ka as TypingIndicator,ya as WelcomeScreen,ea as parseContentWithInlineMarkers}from'./chunk-W7HQXA2Z.js';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-7QNDCHY7.js';export{b as useAttachments,a as useStreaming}from'./chunk-ISMTV5BU.js';export{a as useScrollLock}from'./chunk-OU5ITGKX.js';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-LDTAZ4GT.js';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-HNHLLH6W.js';export{a as chatTokens}from'./chunk-NG4HKXYB.js';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-QECTWT2H.js';export{a as cn}from'./chunk-BINTGT2Q.js';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},se={...m,year:"numeric",...i};function c(t){let e=typeof t=="string"?new Date(t):t,o=new Date;return e.getDate()===o.getDate()&&e.getMonth()===o.getMonth()&&e.getFullYear()===o.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===o.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",se)}function re(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),n=Math.floor(g/1e3),s=Math.floor(n/60),r=Math.floor(s/60),a=Math.floor(r/24);return n<60?"just now":s<60?`${s} minute${s===1?"":"s"} ago`:r<24?`${r} hour${r===1?"":"s"} ago`:a<7?`${a} day${a===1?"":"s"} ago`:c(e)}export{c as formatMessageTime,re as formatRelativeTime};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/format-date.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays"],"mappings":"6wCAIA,IAAMA,EAA0C,CAC9C,IAAA,CAAM,UACN,MAAA,CAAQ,SAAA,CACR,OAAQ,IACV,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,MAAO,OAAA,CACP,GAAA,CAAK,SACP,CAAA,CAEMC,EAAAA,CAA0C,CAC9C,GAAGD,CAAAA,CACH,IAAA,CAAM,SAAA,CACN,GAAGD,CACL,CAAA,CAQO,SAASG,CAAAA,CAAkBC,CAAAA,CAA6B,CAC7D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,SAAW,IAAI,IAAA,CAAKA,CAAI,CAAA,CAAIA,CAAAA,CAChDE,EAAM,IAAI,IAAA,CAOhB,OAJED,CAAAA,CAAE,SAAQ,GAAMC,CAAAA,CAAI,SAAQ,EAC5BD,CAAAA,CAAE,UAAS,GAAMC,CAAAA,CAAI,QAAA,EAAS,EAC9BD,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG7BD,EAAE,kBAAA,CAAmB,OAAA,CAASL,CAAW,CAAA,CAG/BK,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG9C,GAAGD,CAAAA,CAAE,kBAAA,CAAmB,QAASJ,CAAW,CAAC,KAAKI,CAAAA,CAAE,kBAAA,CAAmB,QAASL,CAAW,CAAC,GAG9FK,CAAAA,CAAE,kBAAA,CAAmB,OAAA,CAASH,EAAW,CAClD,CAKO,SAASK,GAAmBH,CAAAA,CAA6B,CAC9D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,IAAA,CAAKA,CAAI,EAAIA,CAAAA,CAEhDI,CAAAA,CADM,IAAI,IAAA,EAAK,CACF,OAAA,EAAQ,CAAIH,EAAE,OAAA,EAAQ,CACnCI,EAAc,IAAA,CAAK,KAAA,CAAMD,EAAS,GAAI,CAAA,CACtCE,CAAAA,CAAc,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,EACzCE,CAAAA,CAAY,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,CAAA,CACvCE,CAAAA,CAAW,KAAK,KAAA,CAAMD,CAAAA,CAAY,EAAE,CAAA,CAE1C,OAAIF,EAAc,EAAA,CACT,UAAA,CAGLC,CAAAA,CAAc,EAAA,CACT,GAAGA,CAAW,CAAA,OAAA,EAAUA,IAAgB,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAGzDC,CAAAA,CAAY,EAAA,CACP,CAAA,EAAGA,CAAS,CAAA,KAAA,EAAQA,CAAAA,GAAc,EAAI,EAAA,CAAK,GAAG,OAGnDC,CAAAA,CAAW,CAAA,CACN,GAAGA,CAAQ,CAAA,IAAA,EAAOA,IAAa,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAG7CT,CAAAA,CAAkBE,CAAC,CAC5B","file":"index.js","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n"]}
+{"version":3,"sources":["../src/utils/format-date.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays"],"mappings":"mxCAIA,IAAMA,EAA0C,CAC9C,IAAA,CAAM,UACN,MAAA,CAAQ,SAAA,CACR,OAAQ,IACV,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,MAAO,OAAA,CACP,GAAA,CAAK,SACP,CAAA,CAEMC,EAAAA,CAA0C,CAC9C,GAAGD,CAAAA,CACH,IAAA,CAAM,SAAA,CACN,GAAGD,CACL,CAAA,CAQO,SAASG,CAAAA,CAAkBC,CAAAA,CAA6B,CAC7D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,SAAW,IAAI,IAAA,CAAKA,CAAI,CAAA,CAAIA,CAAAA,CAChDE,EAAM,IAAI,IAAA,CAOhB,OAJED,CAAAA,CAAE,SAAQ,GAAMC,CAAAA,CAAI,SAAQ,EAC5BD,CAAAA,CAAE,UAAS,GAAMC,CAAAA,CAAI,QAAA,EAAS,EAC9BD,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG7BD,EAAE,kBAAA,CAAmB,OAAA,CAASL,CAAW,CAAA,CAG/BK,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG9C,GAAGD,CAAAA,CAAE,kBAAA,CAAmB,QAASJ,CAAW,CAAC,KAAKI,CAAAA,CAAE,kBAAA,CAAmB,QAASL,CAAW,CAAC,GAG9FK,CAAAA,CAAE,kBAAA,CAAmB,OAAA,CAASH,EAAW,CAClD,CAKO,SAASK,GAAmBH,CAAAA,CAA6B,CAC9D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,IAAA,CAAKA,CAAI,EAAIA,CAAAA,CAEhDI,CAAAA,CADM,IAAI,IAAA,EAAK,CACF,OAAA,EAAQ,CAAIH,EAAE,OAAA,EAAQ,CACnCI,EAAc,IAAA,CAAK,KAAA,CAAMD,EAAS,GAAI,CAAA,CACtCE,CAAAA,CAAc,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,EACzCE,CAAAA,CAAY,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,CAAA,CACvCE,CAAAA,CAAW,KAAK,KAAA,CAAMD,CAAAA,CAAY,EAAE,CAAA,CAE1C,OAAIF,EAAc,EAAA,CACT,UAAA,CAGLC,CAAAA,CAAc,EAAA,CACT,GAAGA,CAAW,CAAA,OAAA,EAAUA,IAAgB,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAGzDC,CAAAA,CAAY,EAAA,CACP,CAAA,EAAGA,CAAS,CAAA,KAAA,EAAQA,CAAAA,GAAc,EAAI,EAAA,CAAK,GAAG,OAGnDC,CAAAA,CAAW,CAAA,CACN,GAAGA,CAAQ,CAAA,IAAA,EAAOA,IAAa,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAG7CT,CAAAA,CAAkBE,CAAC,CAC5B","file":"index.js","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n"]}

package/dist/{message-D0oMw3tR.d.ts → message-DTNTKSQr.d.ts}

@@ -1,4 +1,4 @@
-import { S as StreamingChunk, C as ClarificationData, T as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-CmQo_OOA.js';
+import { S as StreamingChunk, C as ClarificationData, T as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-BfLEgW5u.js';
 
 /**
  * Citation source types for AI-generated content.

package/dist/primitives/index.d.ts

@@ -1,8 +1,8 @@
-export { A as Avatar, h as AvatarProps, C as ComposerContext, a as ComposerInput, i as ComposerInputProps, b as ComposerSubmit, j as ComposerSubmitProps, e as Message, M as MessageComposer, k as MessageComposerProps, c as MessageContent, l as MessageContentProps, d as MessageContext, m as MessageProps, f as MessageTimestamp, n as MessageTimestampProps, u as useComposer, g as useMessage } from '../avatar-CD685KQV.js';
+export { A as Avatar, h as AvatarProps, C as ComposerContext, a as ComposerInput, i as ComposerInputProps, b as ComposerSubmit, j as ComposerSubmitProps, e as Message, M as MessageComposer, k as MessageComposerProps, c as MessageContent, l as MessageContentProps, d as MessageContext, m as MessageProps, f as MessageTimestamp, n as MessageTimestampProps, u as useComposer, g as useMessage } from '../avatar-B_AvYfE8.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
-import { d as SuggestedAction } from '../message-D0oMw3tR.js';
-import '../streaming-CmQo_OOA.js';
+import { d as SuggestedAction } from '../message-DTNTKSQr.js';
+import '../streaming-BfLEgW5u.js';
 
 interface MessageListProps extends HTMLAttributes<HTMLDivElement> {
     /** Messages to render */

package/dist/primitives/index.js

@@ -1,2 +1,2 @@
-export{q as ActionButton,l as Avatar,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,c as Message,i as MessageComposer,d as MessageContent,a as MessageContext,f as MessageList,e as MessageTimestamp,m as StreamingText,p as SuggestedActions,n as SuggestedActionsContext,r as TypingIndicator,h as useComposer,b as useMessage,o as useSuggestedActions}from'../chunk-6RN7SUWT.js';import'../chunk-4WWJTYYA.js';//# sourceMappingURL=index.js.map
+export{q as ActionButton,l as Avatar,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,c as Message,i as MessageComposer,d as MessageContent,a as MessageContext,f as MessageList,e as MessageTimestamp,m as StreamingText,p as SuggestedActions,n as SuggestedActionsContext,r as TypingIndicator,h as useComposer,b as useMessage,o as useSuggestedActions}from'../chunk-7QNDCHY7.js';import'../chunk-LDTAZ4GT.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{streaming-CmQo_OOA.d.ts → streaming-BfLEgW5u.d.ts}

@@ -69,6 +69,24 @@ interface SubagentChunkData {
     result?: string;
     durationMs?: number;
     nestedChunks: StreamingChunk[];
+    /**
+     * The parent ReAct step this dispatch was launched from.
+     *
+     * `dispatch_assistant` is parallelizable, so one step can gather several
+     * children. Specialists sharing this value genuinely ran concurrently and are
+     * rendered as one group; different values ran at different times and stay
+     * separate steps. Undefined on runs that predate the field — those never
+     * group, which is the safe direction: showing two sequential dispatches as
+     * concurrent would be a claim the data does not support.
+     */
+    dispatchStep?: number;
+    /**
+     * The sub-agent was handed the turn and answered the user directly, so its
+     * reply is the message body rather than this panel's `result` (which stays
+     * empty). The panel still shows the sub-agent's tool work; consumers use
+     * this to attribute the answer instead of rendering a duplicate result.
+     */
+    transferred?: boolean;
 }
 interface ClarificationQuestion {
     question: string;
@@ -138,7 +156,7 @@ interface ToolApprovalData {
      */
     preview?: unknown;
 }
-type VisualizationType = "chart" | "table" | "card" | "kpi" | "code_preview" | "form";
+type VisualizationType = "chart" | "table" | "card" | "kpi" | "code_preview" | "form" | "auth_prompt";
 type ChartDataType = "line" | "bar" | "pie" | "area" | "scatter" | "composed";
 interface ChartSeries {
     name: string;
@@ -239,6 +257,28 @@ interface FormVisualizationData {
     fields: FormField[];
     submitAction?: string;
 }
+/**
+ * An integration the assistant could not use because the viewer hasn't
+ * authorized it. Either a first-party provider (`serviceProviderId`) or an
+ * OAuth-protected MCP server (`mcpServerId`).
+ *
+ * The package renders this; it never performs the OAuth flow, which needs the
+ * host app's session and mutations. Hosts wire the button through `onAction`.
+ */
+interface AuthPromptVisualizationData {
+    providerName: string;
+    reason?: string;
+    provider?: string;
+    providerLogo?: string;
+    serviceProviderId?: string;
+    mcpServerId?: string;
+    mcpServerName?: string;
+    authMethods?: Array<{
+        id: string;
+        name: string;
+        authType: string;
+    }>;
+}
 interface VisualizationConfig {
     height?: number;
     width?: string;
@@ -264,7 +304,7 @@ interface VisualizationData {
     type: VisualizationType | (string & {});
     title?: string;
     description?: string;
-    data: ChartVisualizationData | TableVisualizationData | CardVisualizationData | KpiVisualizationData | CodePreviewVisualizationData | FormVisualizationData | Record<string, unknown>;
+    data: ChartVisualizationData | TableVisualizationData | CardVisualizationData | KpiVisualizationData | CodePreviewVisualizationData | FormVisualizationData | AuthPromptVisualizationData | Record<string, unknown>;
     config?: VisualizationConfig;
 }
 interface VisualizationChunkData extends VisualizationData {
@@ -323,10 +363,37 @@ interface StreamingChunk {
     type: ChunkType;
     content: string;
     toolName?: string;
+    /** Provider tool-call id — correlates this row with its observation frame
+     *  when a turn runs several calls of the same tool in parallel. */
+    toolCallId?: string;
     toolDescription?: string;
     toolArgs?: Record<string, unknown>;
     success?: boolean;
     status?: "planned" | "executing" | "completed";
+    /**
+     * Whether this tool changes the customer's account, as DECLARED server-side
+     * (`writes` on the tool's schema, required and audit-gated). `undefined`
+     * means the tool declared neither — render that as unknown, never as a read.
+     *
+     * The renderer must not re-derive this from the tool name: the name-shape
+     * guess lives in `audit/checker.py` as a deliberate fallback whose default is
+     * "assume write", and a second copy on the presentation side would drift and
+     * mislabel a mutation as harmless in the one place a human is watching.
+     */
+    toolWrites?: boolean;
+    /**
+     * When this chunk's work began / ended, as epoch ms.
+     *
+     * Three producers fill these and they must agree on the unit: the live
+     * reducers derive them from the SSE frame's `ts` (float seconds, ×1000),
+     * falling back to arrival time on a server that predates that field; the
+     * canonical replay maps the run trace's `started_at` / `completed_at`.
+     *
+     * `endedAt` stays undefined while the chunk is still open, which is what
+     * makes a step render as running rather than as a zero-length one.
+     */
+    startedAt?: number;
+    endedAt?: number;
     subtaskId?: number;
     sequence?: number;
     subtaskData?: SubTaskData;
@@ -435,6 +502,17 @@ type VisualizationActionEvent = {
 } | {
     type: "card_action";
     action: string;
+}
+/**
+ * The viewer asked to connect an integration from an `auth_prompt`. The
+ * package cannot run OAuth, so it reports intent and the host drives the
+ * flow (`connectMcpServer` / `startOauthFlow`).
+ */
+ | {
+    type: "auth_connect";
+    providerName: string;
+    mcpServerId?: string;
+    serviceProviderId?: string;
 };
 
-export type { ArtifactChunkData as A, ClarificationData as C, Event as E, FormVisualizationData as F, KpiVisualizationData as K, MediaChunkData as M, ObservationEvent as O, PlanData as P, StreamingChunk as S, ToolApprovalData as T, VisualizationChunkData as V, ClarificationAnswer as a, ClarificationQuestion as b, StreamChunk as c, StreamingOptions as d, StreamingState as e, VisualizationActionEvent as f, ChartVisualizationData as g, VisualizationConfig as h, TableVisualizationData as i, CardVisualizationData as j, CodePreviewVisualizationData as k, EventStatus as l, ArtifactStatus as m, ChunkType as n, EventType as o, FollowupAction as p, PlanningEvent as q, ProgressData as r, StreamingMessage as s, SubTaskData as t, SubagentChunkData as u, SubtaskEvent as v, ThinkingEvent as w, ToolEvent as x, VisualizationType as y };
+export type { ArtifactChunkData as A, ClarificationData as C, Event as E, FormVisualizationData as F, KpiVisualizationData as K, MediaChunkData as M, ObservationEvent as O, PlanData as P, StreamingChunk as S, ToolApprovalData as T, VisualizationChunkData as V, ClarificationAnswer as a, ClarificationQuestion as b, StreamChunk as c, StreamingOptions as d, StreamingState as e, SubagentChunkData as f, VisualizationActionEvent as g, ChartVisualizationData as h, VisualizationConfig as i, TableVisualizationData as j, CardVisualizationData as k, CodePreviewVisualizationData as l, AuthPromptVisualizationData as m, EventStatus as n, ArtifactStatus as o, ChunkType as p, EventType as q, FollowupAction as r, PlanningEvent as s, ProgressData as t, StreamingMessage as u, SubTaskData as v, SubtaskEvent as w, ThinkingEvent as x, ToolEvent as y, VisualizationType as z };