@miiflow/assistant-ui 0.2.3 → 0.3.0

package/dist/client/index.d.cts

@@ -1,249 +0,0 @@
-import { C as ChatMessage } from '../message-9z0crkf9.cjs';
-import { B as BrandingData } from '../branding-SzYU4ncD.cjs';
-import '../streaming-CF63E6iS.cjs';
-
-/**
- * Types for the Miiflow chat client (transport layer).
- */
-
-interface MiiflowChatConfig {
-    /** Public API key for authentication */
-    publicKey: string;
-    /** Assistant ID to connect to */
-    assistantId: string;
-    /** Optional user ID for identity */
-    userId?: string;
-    /** Optional user display name */
-    userName?: string;
-    /** Optional user email */
-    userEmail?: string;
-    /** Optional user metadata (JSON string) */
-    userMetadata?: string;
-    /** HMAC for identity verification */
-    hmac?: string;
-    /** Timestamp for HMAC verification */
-    timestamp?: string;
-    /** Override base URL (auto-detected from bundleUrl otherwise) */
-    baseUrl?: string;
-    /** Bundle URL used for dev detection (internal, set by script embed) */
-    bundleUrl?: string;
-    /** Response timeout in milliseconds (default: 60000) */
-    responseTimeout?: number;
-    /** WebSocket URL for bidirectional events (tool invocations). Auto-derived from baseUrl if not set. */
-    webSocketUrl?: string;
-    /** Fallback for tool invocations not handled locally (multi-widget routing) */
-    onToolInvocationFallback?: (invocation: ToolInvocationRequest) => Promise<boolean>;
-    /** Callback fired when a user message is created (for widget event emission) */
-    onUserMessageCreated?: (message: {
-        id: string;
-        content: string;
-    }) => void;
-    /** Callback fired when an assistant message stream completes (for widget event emission) */
-    onAssistantMessageComplete?: (message: {
-        id: string;
-        content: string;
-    }) => void;
-}
-interface EmbedSessionBranding {
-    show_header?: boolean;
-    custom_name?: string;
-    welcome_message?: string;
-    chatbox_placeholder?: string;
-    background_bubble_color?: string;
-    header_background_color?: string;
-    message_font_size?: number;
-    rotating_placeholders?: string[];
-    preset_questions?: string[];
-    assistant_avatar?: string;
-    chatbot_logo?: string;
-}
-interface EmbedSessionConfig {
-    assistant_id: string;
-    assistant_name: string;
-    assistant_description: string;
-    thread_id: string;
-    branding?: EmbedSessionBranding;
-}
-interface EmbedSession {
-    token: string;
-    config: EmbedSessionConfig;
-    session_id: string;
-}
-interface MiiflowChatResult {
-    /** Chat messages in ChatMessage format (directly compatible with ChatProvider) */
-    messages: ChatMessage[];
-    /** Whether a response is currently streaming */
-    isStreaming: boolean;
-    /** ID of the message being streamed */
-    streamingMessageId: string | null;
-    /** Send a message to the assistant, optionally with attachment IDs */
-    sendMessage: (content: string, attachmentIds?: string[]) => Promise<void>;
-    /** Upload a file and return its attachment ID */
-    uploadFile: (file: File) => Promise<string>;
-    /** Remove uploaded attachment metadata (call when user removes attachment before sending) */
-    removeUploadedAttachment: (attachmentId: string) => void;
-    /** Current session data */
-    session: EmbedSession | null;
-    /** Whether the session is still initializing */
-    loading: boolean;
-    /** Error message if initialization or sending failed */
-    error: string | null;
-    /** Branding data from the session, mapped to BrandingData */
-    branding: BrandingData | null;
-    /** CSS custom properties derived from branding (spread onto container) */
-    brandingCSSVars: React.CSSProperties;
-    /** Start a new thread, returns the new thread ID */
-    startNewThread: () => Promise<string>;
-    /** Register a client-side tool */
-    registerTool: (tool: ClientToolDefinition) => Promise<void>;
-    /** Register multiple client-side tools */
-    registerTools: (tools: ClientToolDefinition[]) => Promise<void>;
-    /** Send a system event (invisible to chat, processed by assistant) */
-    sendSystemEvent: (event: SystemEvent) => Promise<void>;
-    /** Execute a client tool invocation (called when backend invokes a registered tool). Returns true if handled. */
-    handleToolInvocation: (invocation: ToolInvocationRequest) => Promise<boolean>;
-    /** Update the session externally (e.g. after token refresh) */
-    updateSession: (session: EmbedSession) => void;
-}
-interface JSONSchemaProperty {
-    type: "string" | "number" | "integer" | "boolean" | "array" | "object" | "null";
-    description?: string;
-    enum?: Array<string | number | boolean>;
-    items?: JSONSchemaProperty;
-    properties?: Record<string, JSONSchemaProperty>;
-    required?: string[];
-    default?: unknown;
-}
-interface JSONSchemaObject {
-    type: "object";
-    properties: Record<string, JSONSchemaProperty>;
-    required?: string[];
-    additionalProperties?: boolean | JSONSchemaProperty;
-    description?: string;
-}
-type ToolHandler = (params: Record<string, unknown>) => Promise<unknown>;
-interface ClientToolDefinition {
-    /** Tool name (alphanumeric + underscore, must start with letter/underscore) */
-    name: string;
-    /** Description of what the tool does (shown to LLM) */
-    description: string;
-    /** JSON Schema defining the tool's parameters */
-    parameters: JSONSchemaObject;
-    /** Handler function to execute when LLM calls this tool */
-    handler: ToolHandler;
-}
-interface ToolInvocationRequest {
-    invocation_id: string;
-    tool_name: string;
-    parameters: Record<string, unknown>;
-}
-interface ToolExecutionResult {
-    invocation_id: string;
-    result?: unknown;
-    error?: string;
-}
-interface SystemEvent {
-    action: string;
-    description: string;
-    followUpInstruction: string;
-    metadata?: Record<string, unknown>;
-}
-type WidgetEventType = "widget_ready" | "widget_opened" | "widget_closed" | "widget_reconnected" | "session_start" | "session_end" | "thread_started" | "new_message" | "message_sent" | "message_received" | "error" | "load_failed" | "assistant_response_timeout";
-type WidgetEventPayload = Record<string, unknown> | undefined;
-type WidgetEventCallback = (type: WidgetEventType, payload?: WidgetEventPayload) => void;
-
-/**
- * useMiiflowChat - React hook for connecting to Miiflow's embedded chat API.
- *
- * Handles session init, SSE streaming, message management, tool registration,
- * and branding. Returns a shape directly compatible with ChatProvider props.
- */
-
-declare function useMiiflowChat(config: MiiflowChatConfig): MiiflowChatResult;
-
-/**
- * Determine the backend base URL from config.
- */
-declare function getBackendBaseUrl(config: MiiflowChatConfig): string;
-/**
- * Get or create a persistent anonymous user ID stored in localStorage.
- */
-declare function getOrCreateUserId(): string;
-/**
- * Initialize an embed session by calling the backend init endpoint.
- */
-declare function initSession(config: MiiflowChatConfig): Promise<EmbedSession>;
-/**
- * Create a new thread for the current session.
- */
-declare function createThread(config: MiiflowChatConfig, session: EmbedSession): Promise<{
-    threadId: string;
-    token?: string;
-}>;
-/**
- * Update user data for the current session.
- */
-declare function updateUser(config: MiiflowChatConfig, session: EmbedSession, userData: {
-    user_id?: string;
-    name?: string;
-    email?: string;
-}): Promise<void>;
-/**
- * Upload a file attachment via REST endpoint.
- * Returns the attachment ID for use in sendMessage.
- */
-declare function uploadFile(config: MiiflowChatConfig, session: EmbedSession, file: File): Promise<string>;
-/**
- * Send a system event to the backend (invisible to chat, processed by assistant).
- */
-declare function sendSystemEvent(config: MiiflowChatConfig, session: EmbedSession, systemEvent: SystemEvent): Promise<void>;
-/**
- * Send a tool execution result back to the backend.
- */
-declare function sendToolResult(config: MiiflowChatConfig, session: EmbedSession, result: ToolExecutionResult): Promise<void>;
-/**
- * Register tool definitions with the backend.
- */
-declare function registerToolsOnBackend(config: MiiflowChatConfig, session: EmbedSession, toolDefinitions: Array<Omit<ClientToolDefinition, "handler">>): Promise<void>;
-
-/**
- * Utility functions for parsing and managing JWT tokens.
- * Used for proactive token refresh before expiration.
- */
-/**
- * Parse the expiry time from a JWT token.
- * Returns the expiry timestamp in milliseconds, or null if parsing fails.
- */
-declare function parseTokenExpiry(token: string): number | null;
-/**
- * Check if a token is expiring soon (within the given threshold).
- */
-declare function isTokenExpiringSoon(token: string, thresholdMs: number): boolean;
-/**
- * Check if a token has already expired.
- */
-declare function isTokenExpired(token: string): boolean;
-/**
- * Get the time remaining until token expiry in milliseconds.
- */
-declare function getTimeUntilExpiry(token: string): number;
-
-/**
- * Client-side validator for tool definitions.
- * Validates tool definitions before they're sent to the backend.
- */
-
-declare class ToolValidationError extends Error {
-    constructor(message: string);
-}
-/**
- * Validates a client tool definition.
- * Throws ToolValidationError if validation fails.
- */
-declare function validateToolDefinition(tool: ClientToolDefinition): void;
-/**
- * Strips the handler function from a tool definition for sending to backend.
- */
-declare function serializeToolDefinition(tool: ClientToolDefinition): Omit<ClientToolDefinition, "handler">;
-
-export { type ClientToolDefinition, type EmbedSession, type EmbedSessionBranding, type EmbedSessionConfig, type JSONSchemaObject, type JSONSchemaProperty, type MiiflowChatConfig, type MiiflowChatResult, type SystemEvent, type ToolExecutionResult, type ToolHandler, type ToolInvocationRequest, ToolValidationError, type WidgetEventCallback, type WidgetEventPayload, type WidgetEventType, createThread, getBackendBaseUrl, getOrCreateUserId, getTimeUntilExpiry, initSession, isTokenExpired, isTokenExpiringSoon, parseTokenExpiry, registerToolsOnBackend, sendSystemEvent, sendToolResult, serializeToolDefinition, updateUser, uploadFile, useMiiflowChat, validateToolDefinition };

package/dist/context/index.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkSFEPMZCU_cjs=require('../chunk-SFEPMZCU.cjs');Object.defineProperty(exports,"ChatContext",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.a}});Object.defineProperty(exports,"ChatProvider",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.b}});Object.defineProperty(exports,"useChatContext",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.c}});//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/context/index.cjs.map

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

package/dist/context/index.d.cts

@@ -1,43 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { C as ChatMessage, P as ParticipantRole } from '../message-9z0crkf9.cjs';
-import { d as VisualizationActionEvent } from '../streaming-CF63E6iS.cjs';
-
-interface ChatContextValue {
-    /** List of messages in the conversation */
-    messages: ChatMessage[];
-    /** Whether a message is currently being streamed */
-    isStreaming: boolean;
-    /** ID of the message currently being streamed */
-    streamingMessageId: string | null;
-    /** The viewer's role (determines message alignment) */
-    viewerRole: ParticipantRole;
-    /** Send a new message */
-    sendMessage: (content: string, attachments?: File[]) => Promise<void>;
-    /** Stop the current streaming response */
-    stopStreaming?: () => void;
-    /** Retry the last failed message */
-    retryLastMessage?: () => Promise<void>;
-    /** Custom data passed through context */
-    customData?: Record<string, unknown>;
-    /** Callback when user interacts with a visualization (form submit, card action, etc.) */
-    onVisualizationAction?: (event: VisualizationActionEvent) => void;
-}
-declare const ChatContext: react.Context<ChatContextValue | null>;
-interface ChatProviderProps {
-    children: ReactNode;
-    messages: ChatMessage[];
-    isStreaming?: boolean;
-    streamingMessageId?: string | null;
-    viewerRole?: ParticipantRole;
-    onSendMessage: (content: string, attachments?: File[]) => Promise<void>;
-    onStopStreaming?: () => void;
-    onRetryLastMessage?: () => Promise<void>;
-    customData?: Record<string, unknown>;
-    onVisualizationAction?: (event: VisualizationActionEvent) => void;
-}
-declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, }: ChatProviderProps): react_jsx_runtime.JSX.Element;
-declare function useChatContext(): ChatContextValue;
-
-export { ChatContext, type ChatContextValue, ChatProvider, type ChatProviderProps, useChatContext };

package/dist/hooks/index.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkZKMXEECD_cjs=require('../chunk-ZKMXEECD.cjs'),chunkHVCCZKEO_cjs=require('../chunk-HVCCZKEO.cjs'),chunkTOYU46SZ_cjs=require('../chunk-TOYU46SZ.cjs'),chunkKSMAVBLY_cjs=require('../chunk-KSMAVBLY.cjs');Object.defineProperty(exports,"useAttachments",{enumerable:true,get:function(){return chunkZKMXEECD_cjs.b}});Object.defineProperty(exports,"useStreaming",{enumerable:true,get:function(){return chunkZKMXEECD_cjs.a}});Object.defineProperty(exports,"useScrollLock",{enumerable:true,get:function(){return chunkHVCCZKEO_cjs.a}});Object.defineProperty(exports,"useAutoScroll",{enumerable:true,get:function(){return chunkTOYU46SZ_cjs.a}});Object.defineProperty(exports,"useMessageComposer",{enumerable:true,get:function(){return chunkTOYU46SZ_cjs.b}});Object.defineProperty(exports,"useBrandingCSSVars",{enumerable:true,get:function(){return chunkKSMAVBLY_cjs.b}});//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

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

package/dist/hooks/index.d.cts

@@ -1,146 +0,0 @@
-import * as react from 'react';
-import { RefObject, KeyboardEvent } from 'react';
-import { b as StreamingOptions, a as StreamChunk } from '../streaming-CF63E6iS.cjs';
-import { B as BrandingData } from '../branding-SzYU4ncD.cjs';
-
-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.
- *
- * 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.
- */
-declare function useBrandingCSSVars(branding: BrandingData | null | undefined, overrides?: {
-    iconColor?: string;
-}): React.CSSProperties;
-
-export { type UseAutoScrollOptions, type UseAutoScrollReturn, useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useScrollLock, useStreaming };

package/dist/index.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkQGRXQAWZ_cjs=require('./chunk-QGRXQAWZ.cjs'),chunk3SEVU272_cjs=require('./chunk-3SEVU272.cjs'),chunkZKMXEECD_cjs=require('./chunk-ZKMXEECD.cjs'),chunkHVCCZKEO_cjs=require('./chunk-HVCCZKEO.cjs'),chunkTOYU46SZ_cjs=require('./chunk-TOYU46SZ.cjs'),chunkSFEPMZCU_cjs=require('./chunk-SFEPMZCU.cjs'),chunkKSMAVBLY_cjs=require('./chunk-KSMAVBLY.cjs');var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},te={...m,year:"numeric",...i};function c(t){let e=typeof t=="string"?new Date(t):t,a=new Date;return e.getDate()===a.getDate()&&e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===a.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",te)}function ae(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),s=Math.floor(g/1e3),r=Math.floor(s/60),o=Math.floor(r/60),n=Math.floor(o/24);return s<60?"just now":r<60?`${r} minute${r===1?"":"s"} ago`:o<24?`${o} hour${o===1?"":"s"} ago`:n<7?`${n} day${n===1?"":"s"} ago`:c(e)}var re={spacing:{messageBetween:"1rem",messagePx:"0.875rem",messagePy:"0.625rem",container:"1rem",composerPadding:"1rem"},typography:{message:{fontSize:"1rem",lineHeight:1.5,letterSpacing:"0px"},caption:{fontSize:"0.875rem",lineHeight:1.4},small:{fontSize:"0.8125rem",lineHeight:1.3}},borderRadius:{message:"0.5rem",input:"1rem",panel:"0.5rem",button:"0.5rem",chip:"0.25rem"},colors:{primary:"var(--chat-primary, #106997)",secondary:"var(--chat-secondary, #56C18A)",error:"var(--chat-error, #B1001B)",warning:"var(--chat-warning, #DD9652)",messageBg:"var(--chat-message-bg, rgba(0, 0, 0, 0.03))",userMessageBg:"var(--chat-user-message-bg, var(--chat-primary, #106997))",userMessageText:"var(--chat-user-message-text, #ffffff)",panelBg:"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))",panelBorder:"var(--chat-panel-border, rgba(0, 0, 0, 0.06))",border:"var(--chat-border, rgba(0, 0, 0, 0.06))",borderHover:"var(--chat-border-hover, rgba(0, 0, 0, 0.12))",text:"var(--chat-text, #1D2033)",subtle:"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))",placeholder:"var(--chat-placeholder, rgba(0, 0, 0, 0.4))",status:{pending:{main:"rgba(0, 0, 0, 0.3)",bg:"rgba(0, 0, 0, 0.05)"},running:{main:"rgb(99, 102, 241)",bg:"rgba(99, 102, 241, 0.08)"},completed:{main:"rgb(16, 185, 129)",bg:"rgba(16, 185, 129, 0.08)"},failed:{main:"rgb(239, 68, 68)",bg:"rgba(239, 68, 68, 0.08)"}}},shadows:{subtle:"0 1px 2px rgba(0, 0, 0, 0.04)",input:"0 2px 8px rgba(0, 0, 0, 0.08)",inputFocus:"0 4px 16px rgba(0, 0, 0, 0.12)",button:"0 1px 3px rgba(0, 0, 0, 0.08)",buttonHover:"0 2px 6px rgba(0, 0, 0, 0.12)",primary:"0 2px 6px rgba(16, 105, 151, 0.3)",primaryHover:"0 4px 12px rgba(16, 105, 151, 0.4)"},animations:{messageEntrance:{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.3,ease:[.4,0,.2,1]}},fadeIn:{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2}}}};Object.defineProperty(exports,"AttachmentPreview",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.b}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.c}});Object.defineProperty(exports,"ChatContainer",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.d}});Object.defineProperty(exports,"ChatLayout",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.$}});Object.defineProperty(exports,"MarkdownContent",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.f}});Object.defineProperty(exports,"Message",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.T}});Object.defineProperty(exports,"MessageActionBar",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.k}});Object.defineProperty(exports,"MessageComposer",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.U}});Object.defineProperty(exports,"MessageList",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.W}});Object.defineProperty(exports,"ScrollToBottomButton",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.V}});Object.defineProperty(exports,"StreamingText",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.B}});Object.defineProperty(exports,"SuggestedActions",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.C}});Object.defineProperty(exports,"ToolStatusIndicator",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs._}});Object.defineProperty(exports,"TypingIndicator",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.Y}});Object.defineProperty(exports,"WelcomeScreen",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.aa}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkQGRXQAWZ_cjs.a}});Object.defineProperty(exports,"ActionButton",{enumerable:true,get:function(){return chunk3SEVU272_cjs.q}});Object.defineProperty(exports,"AvatarPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.l}});Object.defineProperty(exports,"ComposerContext",{enumerable:true,get:function(){return chunk3SEVU272_cjs.g}});Object.defineProperty(exports,"ComposerInput",{enumerable:true,get:function(){return chunk3SEVU272_cjs.j}});Object.defineProperty(exports,"ComposerSubmit",{enumerable:true,get:function(){return chunk3SEVU272_cjs.k}});Object.defineProperty(exports,"MessageComposerPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.i}});Object.defineProperty(exports,"MessageContentPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.d}});Object.defineProperty(exports,"MessageContext",{enumerable:true,get:function(){return chunk3SEVU272_cjs.a}});Object.defineProperty(exports,"MessageListPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.f}});Object.defineProperty(exports,"MessagePrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.c}});Object.defineProperty(exports,"MessageTimestampPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.e}});Object.defineProperty(exports,"StreamingTextPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.m}});Object.defineProperty(exports,"SuggestedActionsContext",{enumerable:true,get:function(){return chunk3SEVU272_cjs.n}});Object.defineProperty(exports,"SuggestedActionsPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.p}});Object.defineProperty(exports,"TypingIndicatorPrimitive",{enumerable:true,get:function(){return chunk3SEVU272_cjs.r}});Object.defineProperty(exports,"useComposer",{enumerable:true,get:function(){return chunk3SEVU272_cjs.h}});Object.defineProperty(exports,"useMessage",{enumerable:true,get:function(){return chunk3SEVU272_cjs.b}});Object.defineProperty(exports,"useSuggestedActions",{enumerable:true,get:function(){return chunk3SEVU272_cjs.o}});Object.defineProperty(exports,"useAttachments",{enumerable:true,get:function(){return chunkZKMXEECD_cjs.b}});Object.defineProperty(exports,"useStreaming",{enumerable:true,get:function(){return chunkZKMXEECD_cjs.a}});Object.defineProperty(exports,"useScrollLock",{enumerable:true,get:function(){return chunkHVCCZKEO_cjs.a}});Object.defineProperty(exports,"useAutoScroll",{enumerable:true,get:function(){return chunkTOYU46SZ_cjs.a}});Object.defineProperty(exports,"useMessageComposer",{enumerable:true,get:function(){return chunkTOYU46SZ_cjs.b}});Object.defineProperty(exports,"ChatContext",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.a}});Object.defineProperty(exports,"ChatProvider",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.b}});Object.defineProperty(exports,"useChatContext",{enumerable:true,get:function(){return chunkSFEPMZCU_cjs.c}});Object.defineProperty(exports,"getContrastTextColor",{enumerable:true,get:function(){return chunkKSMAVBLY_cjs.a}});Object.defineProperty(exports,"useBrandingCSSVars",{enumerable:true,get:function(){return chunkKSMAVBLY_cjs.b}});exports.chatTokens=re;exports.formatMessageTime=c;exports.formatRelativeTime=ae;//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/format-date.ts","../src/styles/tokens.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays","chatTokens"],"mappings":"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","file":"index.cjs","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","/**\n * Design tokens for the chat UI.\n * These map to CSS custom properties for easy theming.\n */\n\nexport const chatTokens = {\n  spacing: {\n    /** Vertical spacing between messages (16px) */\n    messageBetween: \"1rem\",\n    /** Message bubble horizontal padding (14px) */\n    messagePx: \"0.875rem\",\n    /** Message bubble vertical padding (10px) */\n    messagePy: \"0.625rem\",\n    /** Container padding (16px) */\n    container: \"1rem\",\n    /** Composer padding (16px) */\n    composerPadding: \"1rem\",\n  },\n\n  typography: {\n    message: {\n      fontSize: \"1rem\",\n      lineHeight: 1.5,\n      letterSpacing: \"0px\",\n    },\n    caption: {\n      fontSize: \"0.875rem\",\n      lineHeight: 1.4,\n    },\n    small: {\n      fontSize: \"0.8125rem\",\n      lineHeight: 1.3,\n    },\n  },\n\n  borderRadius: {\n    message: \"0.5rem\",\n    input: \"1rem\",\n    panel: \"0.5rem\",\n    button: \"0.5rem\",\n    chip: \"0.25rem\",\n  },\n\n  colors: {\n    // CSS custom property references\n    primary: \"var(--chat-primary, #106997)\",\n    secondary: \"var(--chat-secondary, #56C18A)\",\n    error: \"var(--chat-error, #B1001B)\",\n    warning: \"var(--chat-warning, #DD9652)\",\n\n    // Message backgrounds\n    messageBg: \"var(--chat-message-bg, rgba(0, 0, 0, 0.03))\",\n    userMessageBg: \"var(--chat-user-message-bg, var(--chat-primary, #106997))\",\n    userMessageText: \"var(--chat-user-message-text, #ffffff)\",\n\n    // Panel backgrounds\n    panelBg: \"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))\",\n    panelBorder: \"var(--chat-panel-border, rgba(0, 0, 0, 0.06))\",\n\n    // Borders\n    border: \"var(--chat-border, rgba(0, 0, 0, 0.06))\",\n    borderHover: \"var(--chat-border-hover, rgba(0, 0, 0, 0.12))\",\n\n    // Text\n    text: \"var(--chat-text, #1D2033)\",\n    subtle: \"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))\",\n    placeholder: \"var(--chat-placeholder, rgba(0, 0, 0, 0.4))\",\n\n    // Status colors\n    status: {\n      pending: {\n        main: \"rgba(0, 0, 0, 0.3)\",\n        bg: \"rgba(0, 0, 0, 0.05)\",\n      },\n      running: {\n        main: \"rgb(99, 102, 241)\",\n        bg: \"rgba(99, 102, 241, 0.08)\",\n      },\n      completed: {\n        main: \"rgb(16, 185, 129)\",\n        bg: \"rgba(16, 185, 129, 0.08)\",\n      },\n      failed: {\n        main: \"rgb(239, 68, 68)\",\n        bg: \"rgba(239, 68, 68, 0.08)\",\n      },\n    },\n  },\n\n  shadows: {\n    subtle: \"0 1px 2px rgba(0, 0, 0, 0.04)\",\n    input: \"0 2px 8px rgba(0, 0, 0, 0.08)\",\n    inputFocus: \"0 4px 16px rgba(0, 0, 0, 0.12)\",\n    button: \"0 1px 3px rgba(0, 0, 0, 0.08)\",\n    buttonHover: \"0 2px 6px rgba(0, 0, 0, 0.12)\",\n    primary: \"0 2px 6px rgba(16, 105, 151, 0.3)\",\n    primaryHover: \"0 4px 12px rgba(16, 105, 151, 0.4)\",\n  },\n\n  animations: {\n    messageEntrance: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },\n    },\n    fadeIn: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      transition: { duration: 0.2 },\n    },\n  },\n} as const;\n\nexport type ChatTokens = typeof chatTokens;\n"]}

package/dist/index.d.cts

@@ -1,157 +0,0 @@
-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-9z0crkf9.cjs';
-export { a as StreamChunk, b as StreamingOptions, c as StreamingState } from './streaming-CF63E6iS.cjs';
-export { B as BrandingData } from './branding-SzYU4ncD.cjs';
-export { ChatContext, ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from './context/index.cjs';
-export { useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useScrollLock, useStreaming } from './hooks/index.cjs';
-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-CL1hlGO5.cjs';
-export { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.cjs';
-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-BiY3uGhp.cjs';
-import { ClassValue } from 'clsx';
-import 'react/jsx-runtime';
-import 'react';
-
-/**
- * Utility function to merge Tailwind CSS classes with proper precedence.
- * Combines clsx for conditional classes with tailwind-merge for conflict resolution.
- *
- * @example
- * cn("px-4 py-2", "px-6") // => "py-2 px-6"
- * cn("text-red-500", isActive && "text-blue-500") // => "text-blue-500" when isActive
- */
-declare function cn(...inputs: ClassValue[]): string;
-
-/**
- * Format a date for display in chat messages.
- */
-/**
- * Format a timestamp for display.
- * - Today: "2:30 PM"
- * - This year: "Dec 15, 2:30 PM"
- * - Other years: "Dec 15, 2024, 2:30 PM"
- */
-declare function formatMessageTime(date: Date | string): string;
-/**
- * Format a relative time (e.g., "2 minutes ago").
- */
-declare function formatRelativeTime(date: Date | string): string;
-
-/**
- * Given a background color string, return the best contrast text color.
- * Returns "#ffffff" for dark backgrounds and "#1D2033" for light backgrounds.
- * Falls back to "#ffffff" if the color cannot be parsed.
- */
-declare function getContrastTextColor(bgColor: string): string;
-
-/**
- * Design tokens for the chat UI.
- * These map to CSS custom properties for easy theming.
- */
-declare const chatTokens: {
-    readonly spacing: {
-        /** Vertical spacing between messages (16px) */
-        readonly messageBetween: "1rem";
-        /** Message bubble horizontal padding (14px) */
-        readonly messagePx: "0.875rem";
-        /** Message bubble vertical padding (10px) */
-        readonly messagePy: "0.625rem";
-        /** Container padding (16px) */
-        readonly container: "1rem";
-        /** Composer padding (16px) */
-        readonly composerPadding: "1rem";
-    };
-    readonly typography: {
-        readonly message: {
-            readonly fontSize: "1rem";
-            readonly lineHeight: 1.5;
-            readonly letterSpacing: "0px";
-        };
-        readonly caption: {
-            readonly fontSize: "0.875rem";
-            readonly lineHeight: 1.4;
-        };
-        readonly small: {
-            readonly fontSize: "0.8125rem";
-            readonly lineHeight: 1.3;
-        };
-    };
-    readonly borderRadius: {
-        readonly message: "0.5rem";
-        readonly input: "1rem";
-        readonly panel: "0.5rem";
-        readonly button: "0.5rem";
-        readonly chip: "0.25rem";
-    };
-    readonly colors: {
-        readonly primary: "var(--chat-primary, #106997)";
-        readonly secondary: "var(--chat-secondary, #56C18A)";
-        readonly error: "var(--chat-error, #B1001B)";
-        readonly warning: "var(--chat-warning, #DD9652)";
-        readonly messageBg: "var(--chat-message-bg, rgba(0, 0, 0, 0.03))";
-        readonly userMessageBg: "var(--chat-user-message-bg, var(--chat-primary, #106997))";
-        readonly userMessageText: "var(--chat-user-message-text, #ffffff)";
-        readonly panelBg: "var(--chat-panel-bg, rgba(0, 0, 0, 0.02))";
-        readonly panelBorder: "var(--chat-panel-border, rgba(0, 0, 0, 0.06))";
-        readonly border: "var(--chat-border, rgba(0, 0, 0, 0.06))";
-        readonly borderHover: "var(--chat-border-hover, rgba(0, 0, 0, 0.12))";
-        readonly text: "var(--chat-text, #1D2033)";
-        readonly subtle: "var(--chat-text-subtle, rgba(0, 0, 0, 0.5))";
-        readonly placeholder: "var(--chat-placeholder, rgba(0, 0, 0, 0.4))";
-        readonly status: {
-            readonly pending: {
-                readonly main: "rgba(0, 0, 0, 0.3)";
-                readonly bg: "rgba(0, 0, 0, 0.05)";
-            };
-            readonly running: {
-                readonly main: "rgb(99, 102, 241)";
-                readonly bg: "rgba(99, 102, 241, 0.08)";
-            };
-            readonly completed: {
-                readonly main: "rgb(16, 185, 129)";
-                readonly bg: "rgba(16, 185, 129, 0.08)";
-            };
-            readonly failed: {
-                readonly main: "rgb(239, 68, 68)";
-                readonly bg: "rgba(239, 68, 68, 0.08)";
-            };
-        };
-    };
-    readonly shadows: {
-        readonly subtle: "0 1px 2px rgba(0, 0, 0, 0.04)";
-        readonly input: "0 2px 8px rgba(0, 0, 0, 0.08)";
-        readonly inputFocus: "0 4px 16px rgba(0, 0, 0, 0.12)";
-        readonly button: "0 1px 3px rgba(0, 0, 0, 0.08)";
-        readonly buttonHover: "0 2px 6px rgba(0, 0, 0, 0.12)";
-        readonly primary: "0 2px 6px rgba(16, 105, 151, 0.3)";
-        readonly primaryHover: "0 4px 12px rgba(16, 105, 151, 0.4)";
-    };
-    readonly animations: {
-        readonly messageEntrance: {
-            readonly initial: {
-                readonly opacity: 0;
-                readonly y: 8;
-            };
-            readonly animate: {
-                readonly opacity: 1;
-                readonly y: 0;
-            };
-            readonly transition: {
-                readonly duration: 0.3;
-                readonly ease: readonly [0.4, 0, 0.2, 1];
-            };
-        };
-        readonly fadeIn: {
-            readonly initial: {
-                readonly opacity: 0;
-            };
-            readonly animate: {
-                readonly opacity: 1;
-            };
-            readonly transition: {
-                readonly duration: 0.2;
-            };
-        };
-    };
-};
-type ChatTokens = typeof chatTokens;
-
-export { type ChatTokens, chatTokens, cn, formatMessageTime, formatRelativeTime, getContrastTextColor };