@miiflow/assistant-ui 0.2.3 → 0.3.0

package/dist/WelcomeScreen-BiY3uGhp.d.cts

@@ -1,301 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-import { A as Attachment, M as MessageData, P as ParticipantRole, d as SuggestedAction, S as SourceReference } from './message-9z0crkf9.cjs';
-import { h as AvatarProps$1 } from './avatar-CL1hlGO5.cjs';
-import { S as StreamingChunk, V as VisualizationChunkData, C as ClarificationData } from './streaming-CF63E6iS.cjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface AttachmentPreviewProps {
-    /** The attachment to preview */
-    attachment: Attachment;
-    /** Callback when remove button is clicked */
-    onRemove?: () => void;
-    /** Whether removal is allowed */
-    removable?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Styled attachment preview card.
- */
-declare const AttachmentPreview: react.ForwardRefExoticComponent<AttachmentPreviewProps & react.RefAttributes<HTMLDivElement>>;
-
-interface AvatarProps extends Omit<AvatarProps$1, "fallback"> {
-    /** Size variant */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Styled Avatar component with role-based icons.
- */
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
-
-interface ChatContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /** Children to render */
-    children: ReactNode;
-}
-/**
- * Styled container for the chat interface.
- * Provides flex layout and base styling.
- */
-declare const ChatContainer: react.ForwardRefExoticComponent<ChatContainerProps & react.RefAttributes<HTMLDivElement>>;
-
-interface MarkdownContentProps {
-    /** Markdown content to render */
-    children: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Base font size multiplier for responsive scaling */
-    baselineFontSize?: number;
-    /** Use dark theme for code blocks */
-    darkCodeTheme?: boolean;
-}
-/**
- * Styled markdown renderer with syntax highlighting, copy-to-clipboard,
- * and heading anchor links.
- */
-declare function MarkdownContent({ children, className, baselineFontSize, darkCodeTheme, }: MarkdownContentProps): react_jsx_runtime.JSX.Element;
-
-interface MessageProps {
-    /** The message data */
-    message: MessageData;
-    /** The viewer's role (determines alignment) */
-    viewerRole?: ParticipantRole;
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether to show avatar */
-    showAvatar?: boolean;
-    /** Whether to show timestamp */
-    showTimestamp?: boolean;
-    /** Whether to render content as markdown */
-    renderMarkdown?: boolean;
-    /** Streaming chunks for reasoning panel */
-    reasoning?: StreamingChunk[];
-    /** Execution plan for completed Plan & Execute messages */
-    executionPlan?: unknown;
-    /** Execution timeline for completed messages (all orchestrator modes) */
-    executionTimeline?: unknown[];
-    /** Suggested actions */
-    suggestedActions?: SuggestedAction[];
-    /** Callback when suggested action is selected */
-    onSuggestedAction?: (action: SuggestedAction) => void;
-    /** Whether reasoning panel is expanded */
-    reasoningExpanded?: boolean;
-    /** Callback when reasoning panel expansion changes */
-    onReasoningExpandedChange?: (expanded: boolean) => void;
-    /** Citation sources to display after message content */
-    citations?: SourceReference[];
-    /** Inline visualizations to render within message content */
-    visualizations?: VisualizationChunkData[];
-    /** Base font size multiplier for markdown rendering */
-    baselineFontSize?: number;
-    /** Total execution time in seconds (persisted from streaming wall-clock) */
-    executionTime?: number;
-    /** Pending clarification data (agent needs user input) */
-    pendingClarification?: ClarificationData;
-    /** Callback when user responds to a clarification */
-    onClarificationSubmit?: (response: string) => void;
-}
-/**
- * Styled Message component with grid layout matching the main app.
- * Uses grid to align avatar and content, with reasoning above content.
- * Supports attachments, citations, inline visualizations, and streaming text.
- */
-declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefAttributes<HTMLDivElement>>;
-
-interface MessageComposerProps {
-    /** Callback when message is submitted */
-    onSubmit: (content: string, attachments?: File[], attachmentIds?: string[]) => Promise<void>;
-    /** Callback when files are attached (for upload handling) */
-    onAttach?: (files: File[]) => void;
-    /** Upload a file to backend, returning an attachment ID. When provided, enables server-side upload flow. */
-    onUploadFile?: (file: File) => Promise<string>;
-    /** Notify backend/hook that an uploaded attachment was removed before sending. */
-    onRemoveUploadedAttachment?: (attachmentId: string) => void;
-    /** Whether the composer is disabled */
-    disabled?: boolean;
-    /** Whether attachments are supported */
-    supportsAttachments?: boolean;
-    /** Allowed MIME types for attachments (default: images + docs + videos) */
-    allowedFileTypes?: string[];
-    /** Maximum file size in bytes (default: 100MB) */
-    maxFileSize?: number;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether a message is currently being submitted */
-    isSubmitting?: boolean;
-}
-/**
- * Rich text MessageComposer with Lexical editor, attachment support,
- * file upload integration, drag & drop, and Enter-to-submit.
- */
-declare const MessageComposer: react.ForwardRefExoticComponent<MessageComposerProps & react.RefAttributes<HTMLDivElement>>;
-
-interface MessageListProps {
-    /** Messages to render */
-    children: ReactNode;
-    /** Whether to auto-scroll to bottom */
-    autoScroll?: boolean;
-    /** Whether to show the scroll-to-bottom button */
-    showScrollToBottom?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Styled MessageList with scrolling, spacing, and scroll-to-bottom button.
- * Uses the enhanced useAutoScroll hook directly instead of going through
- * the primitive, since we need reactive isAtBottom for the button.
- */
-declare const MessageList: react.ForwardRefExoticComponent<MessageListProps & react.RefAttributes<HTMLDivElement>>;
-
-interface StreamingTextProps {
-    /** The content to display */
-    content: string;
-    /** Whether the text is currently streaming */
-    isStreaming?: boolean;
-    /** Whether to render as markdown */
-    renderMarkdown?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-    /** Base font size multiplier (passed to MarkdownContent) */
-    baselineFontSize?: number;
-    /** Props forwarded to MarkdownContent */
-    markdownProps?: Partial<MarkdownContentProps>;
-}
-/**
- * Styled StreamingText that renders content directly as tokens arrive.
- *
- * Text appears instantly (no artificial typewriter delay), matching
- * platform-standard behavior. A blinking cursor is shown during streaming.
- */
-declare const StreamingText: react.ForwardRefExoticComponent<StreamingTextProps & react.RefAttributes<HTMLDivElement>>;
-
-interface SuggestedActionsProps {
-    /** List of suggested actions */
-    actions: SuggestedAction[];
-    /** Callback when an action is selected */
-    onSelect?: (action: SuggestedAction) => void | Promise<void>;
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether to show type-specific icons */
-    showIcons?: boolean;
-    /** Disable all action buttons */
-    disabled?: boolean;
-}
-/**
- * Styled SuggestedActions with type-specific icons, loading states, and staggered animation.
- */
-declare const SuggestedActions: react.ForwardRefExoticComponent<SuggestedActionsProps & react.RefAttributes<HTMLDivElement>>;
-
-interface TypingIndicatorProps {
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Styled TypingIndicator with animated dots.
- */
-declare const TypingIndicator: react.ForwardRefExoticComponent<TypingIndicatorProps & react.RefAttributes<HTMLDivElement>>;
-
-interface MessageActionBarProps {
-    /** The text content to copy */
-    textContent: string;
-    /** Optional callback when regenerate is requested */
-    onRegenerate?: () => void;
-    /** Optional callback when edit is requested */
-    onEdit?: () => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Action bar that appears on hover below assistant message bubbles.
- * Currently implements Copy; onRegenerate and onEdit are reserved for future use.
- */
-declare function MessageActionBar({ textContent, onRegenerate, onEdit, className, }: MessageActionBarProps): react_jsx_runtime.JSX.Element;
-
-interface ScrollToBottomButtonProps {
-    /** Whether the viewport is at the bottom (hides button when true) */
-    isAtBottom: boolean;
-    /** Callback to scroll to bottom */
-    onScrollToBottom: () => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * A floating button that appears when the user has scrolled up,
- * allowing them to quickly jump back to the latest messages.
- * Fades in/out based on scroll position.
- */
-declare function ScrollToBottomButton({ isAtBottom, onScrollToBottom, className, }: ScrollToBottomButtonProps): react_jsx_runtime.JSX.Element;
-
-type ToolStatus = "running" | "complete" | "failed" | "pending";
-interface ToolStatusIndicatorProps {
-    /** Name of the tool */
-    toolName: string;
-    /** Current status */
-    status: ToolStatus;
-    /** Optional description of what the tool is doing */
-    description?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Inline status indicator for individual tool executions.
- * Shows tool name + status icon (spinner/check/X/clock).
- * Running state includes a subtle shimmer animation.
- */
-declare function ToolStatusIndicator({ toolName, status, description, className, }: ToolStatusIndicatorProps): react_jsx_runtime.JSX.Element;
-
-interface ChatLayoutProps {
-    /** Whether the chat is in empty state (no messages) */
-    isEmpty: boolean;
-    /** Optional header rendered above the message area */
-    header?: ReactNode;
-    /** Content to display when isEmpty is true (typically a WelcomeScreen) */
-    welcomeScreen?: ReactNode;
-    /** The message list to display when not empty */
-    messageList?: ReactNode;
-    /** The composer rendered at the bottom when not empty */
-    composer?: ReactNode;
-    /** Extra content between message list and composer (e.g. ClarificationPanel) */
-    footer?: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Composable chat layout that handles the empty → active state transition
- * with a smooth crossfade animation.
- *
- * Replaces the repeated `AnimatePresence` + `motion.div` pattern found in
- * `centered-chat-layout.tsx` and `chat/[id]/page.tsx`.
- */
-declare const ChatLayout: react.ForwardRefExoticComponent<ChatLayoutProps & react.RefAttributes<HTMLDivElement>>;
-
-interface WelcomeScreenProps {
-    /** Rotating placeholder strings displayed in the input */
-    placeholders?: string[];
-    /** Preset suggestion cards shown below the input */
-    suggestions?: string[];
-    /** Called when the user submits a message via the built-in input */
-    onSubmit?: (message: string, files?: File[]) => void;
-    /** Called when the user clicks a suggestion card */
-    onSuggestionClick?: (suggestion: string) => void;
-    /** Welcome heading text */
-    welcomeText?: string;
-    /** Whether to show the attachment (paperclip) button */
-    supportsAttachments?: boolean;
-    /** Override the default plain-text input with a custom composer (e.g. chat-ui MessageComposer) */
-    composerSlot?: ReactNode;
-    /** Additional CSS classes for the outer wrapper */
-    className?: string;
-}
-/**
- * Full-screen empty state with rotating placeholder input and suggestion cards.
- * Used as the welcome screen when no messages exist.
- *
- * By default renders a simple textarea input. Pass `composerSlot` to override
- * with e.g. the Lexical-based `MessageComposer`.
- */
-declare const WelcomeScreen: react.ForwardRefExoticComponent<WelcomeScreenProps & react.RefAttributes<HTMLDivElement>>;
-
-export { AttachmentPreview as A, ChatContainer as C, MarkdownContent as M, ScrollToBottomButton as S, ToolStatusIndicator as T, WelcomeScreen as W, Avatar as a, ChatLayout as b, Message as c, MessageActionBar as d, MessageComposer as e, MessageList as f, StreamingText as g, SuggestedActions as h, TypingIndicator as i, type AttachmentPreviewProps as j, type AvatarProps as k, type ChatContainerProps as l, type ChatLayoutProps as m, type MarkdownContentProps as n, type MessageActionBarProps as o, type MessageComposerProps as p, type MessageListProps as q, type MessageProps as r, type ScrollToBottomButtonProps as s, type StreamingTextProps as t, type SuggestedActionsProps as u, type ToolStatus as v, type ToolStatusIndicatorProps as w, type TypingIndicatorProps as x, type WelcomeScreenProps as y };

package/dist/avatar-CL1hlGO5.d.cts

@@ -1,109 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { M as MessageData, P as ParticipantRole } from './message-9z0crkf9.cjs';
-
-interface MessageContextValue {
-    message: MessageData;
-    isViewer: boolean;
-    isStreaming: boolean;
-}
-declare const MessageContext: react.Context<MessageContextValue | null>;
-/**
- * Hook to access the current message context.
- * Must be used within a Message component.
- */
-declare function useMessage(): MessageContextValue;
-interface MessageProps extends HTMLAttributes<HTMLDivElement> {
-    /** The message data */
-    message: MessageData;
-    /** The viewer's role (used to determine alignment) */
-    viewerRole?: ParticipantRole;
-    /** Children to render inside the message */
-    children: ReactNode;
-}
-/**
- * Headless Message primitive.
- * Provides message context to children and data attributes for styling.
- */
-declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefAttributes<HTMLDivElement>>;
-interface MessageContentProps extends HTMLAttributes<HTMLDivElement> {
-    /** Custom content to render instead of message text */
-    children?: ReactNode;
-}
-/**
- * Renders the message content.
- * By default renders the message's textContent.
- */
-declare const MessageContent: react.ForwardRefExoticComponent<MessageContentProps & react.RefAttributes<HTMLDivElement>>;
-interface MessageTimestampProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Custom date formatter */
-    format?: (date: Date) => string;
-}
-/**
- * Renders the message timestamp.
- */
-declare const MessageTimestamp: react.ForwardRefExoticComponent<MessageTimestampProps & react.RefAttributes<HTMLSpanElement>>;
-
-interface ComposerContextValue {
-    content: string;
-    isSubmitting: boolean;
-    canSubmit: boolean;
-    error: string | null;
-    handleContentChange: (value: string) => void;
-    handleSubmit: () => Promise<void>;
-    handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-    inputRef: React.RefObject<HTMLTextAreaElement | null>;
-}
-declare const ComposerContext: react.Context<ComposerContextValue | null>;
-/**
- * Hook to access the composer context.
- * Must be used within a MessageComposer component.
- */
-declare function useComposer(): ComposerContextValue;
-interface MessageComposerProps {
-    /** Callback when message is submitted */
-    onSubmit: (content: string, attachments?: File[]) => Promise<void>;
-    /** Whether the composer is disabled */
-    disabled?: boolean;
-    /** Children to render inside the composer */
-    children: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Headless MessageComposer primitive.
- * Provides composer state and behavior to children.
- */
-declare const MessageComposer: react.ForwardRefExoticComponent<MessageComposerProps & react.RefAttributes<HTMLFormElement>>;
-interface ComposerInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> {
-}
-/**
- * Text input for the message composer.
- */
-declare const ComposerInput: react.ForwardRefExoticComponent<ComposerInputProps & react.RefAttributes<HTMLTextAreaElement>>;
-interface ComposerSubmitProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-}
-/**
- * Submit button for the message composer.
- */
-declare const ComposerSubmit: react.ForwardRefExoticComponent<ComposerSubmitProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
-    /** Name for fallback initials */
-    name?: string;
-    /** Image URL */
-    src?: string;
-    /** Alt text for image */
-    alt?: string;
-    /** Participant role for styling */
-    role?: ParticipantRole;
-    /** Fallback content when no image or name */
-    fallback?: React.ReactNode;
-}
-/**
- * Headless Avatar primitive.
- * Renders an image or fallback initials.
- */
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
-
-export { Avatar as A, ComposerContext as C, MessageComposer as M, ComposerInput as a, ComposerSubmit as b, MessageContent as c, MessageContext as d, Message as e, MessageTimestamp as f, useMessage as g, type AvatarProps as h, type ComposerInputProps as i, type ComposerSubmitProps as j, type MessageComposerProps as k, type MessageContentProps as l, type MessageProps as m, type MessageTimestampProps as n, useComposer as u };

package/dist/branding-SzYU4ncD.d.cts

@@ -1,18 +0,0 @@
-/**
- * Branding types for theming chat UI components.
- */
-interface BrandingData {
-    customName?: string;
-    messageFontSize?: number;
-    welcomeMessage?: string;
-    chatboxPlaceholder?: string;
-    backgroundBubbleColor?: string;
-    headerBackgroundColor?: string;
-    showHeader?: boolean;
-    rotatingPlaceholders?: string[];
-    presetQuestions?: string[];
-    chatbotLogo?: string;
-    assistantAvatar?: string;
-}
-
-export type { BrandingData as B };

package/dist/chunk-3SEVU272.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkTOYU46SZ_cjs=require('./chunk-TOYU46SZ.cjs'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var d=react.createContext(null);function g(){let e=react.useContext(d);if(!e)throw new Error("useMessage must be used within a Message component");return e}var S=react.forwardRef(({message:e,viewerRole:t="user",children:r,...n},s)=>{let o=(e.participant?.role||"").toLowerCase()===(t||"").toLowerCase(),i=e.isStreaming??false;return jsxRuntime.jsx(d.Provider,{value:{message:e,isViewer:o,isStreaming:i},children:jsxRuntime.jsx("div",{ref:s,"data-role":e.participant?.role,"data-viewer":o,"data-streaming":i,...n,children:r})})});S.displayName="Message";var L=react.forwardRef(({children:e,...t},r)=>{let{message:n}=g();return jsxRuntime.jsx("div",{ref:r,...t,children:e??n.textContent})});L.displayName="MessageContent";var h=react.forwardRef(({format:e,...t},r)=>{let{message:n}=g(),s=typeof n.createdAt=="string"?new Date(n.createdAt):n.createdAt,o=e?e(s):s.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:true});return jsxRuntime.jsx("span",{ref:r,...t,children:o})});h.displayName="MessageTimestamp";var R=react.forwardRef(({children:e,autoScroll:t=true,onIsAtBottomChange:r,onScrollToBottomRef:n,...s},o)=>{let{containerRef:i,scrollToBottom:a,isAtBottom:p}=chunkTOYU46SZ_cjs.a({enabled:t});return {current:p}.current!==p&&r?.(p),n?.(a),jsxRuntime.jsx("div",{ref:c=>{i.current=c,typeof o=="function"?o(c):o&&(o.current=c);},...s,children:e})});R.displayName="MessageList";var M=react.createContext(null);function x(){let e=react.useContext(M);if(!e)throw new Error("useComposer must be used within a MessageComposer component");return e}var P=react.forwardRef(({onSubmit:e,disabled:t=false,children:r,className:n},s)=>{let o=chunkTOYU46SZ_cjs.b({onSubmit:e,disabled:t}),i=p=>{p.preventDefault(),o.handleSubmit();},a={...o,canSubmit:!!o.canSubmit};return jsxRuntime.jsx(M.Provider,{value:a,children:jsxRuntime.jsx("form",{ref:s,className:n,onSubmit:i,"data-submitting":o.isSubmitting,"data-can-submit":o.canSubmit,children:r})})});P.displayName="MessageComposer";var H=react.forwardRef((e,t)=>{let{content:r,handleContentChange:n,handleKeyDown:s,inputRef:o}=x();return jsxRuntime.jsx("textarea",{ref:a=>{o.current=a,typeof t=="function"?t(a):t&&(t.current=a);},value:r,onChange:a=>n(a.target.value),onKeyDown:s,...e})});H.displayName="ComposerInput";var E=react.forwardRef(({children:e,disabled:t,...r},n)=>{let{canSubmit:s,isSubmitting:o}=x();return jsxRuntime.jsx("button",{ref:n,type:"submit",disabled:t||!s,"data-submitting":o,...r,children:e})});E.displayName="ComposerSubmit";function G(e){let t=e.trim().split(/\s+/);return t.length===1?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[t.length-1].charAt(0)).toUpperCase()}var N=react.forwardRef(({name:e,src:t,alt:r,role:n,fallback:s,children:o,...i},a)=>{let p=e?G(e):null;return jsxRuntime.jsx("div",{ref:a,"data-role":n,...i,children:o??jsxRuntime.jsx(jsxRuntime.Fragment,{children:t?jsxRuntime.jsx("img",{src:t,alt:r??e??n??"Avatar",style:{width:"100%",height:"100%"}}):s??p??n?.charAt(0).toUpperCase()})})});N.displayName="Avatar";var w=react.forwardRef(({content:e,isStreaming:t=false,showCursor:r=true,cursor:n,children:s,...o},i)=>jsxRuntime.jsxs("div",{ref:i,"data-streaming":t,...o,children:[s??e,t&&r&&(n??jsxRuntime.jsx("span",{"aria-hidden":"true",style:{display:"inline-block",width:"2px",height:"1em",backgroundColor:"currentColor",marginLeft:"2px",verticalAlign:"text-bottom",animation:"blink 1s step-end infinite"}}))]}));w.displayName="StreamingText";var T=react.createContext(null);function D(){let e=react.useContext(T);if(!e)throw new Error("useSuggestedActions must be used within a SuggestedActions component");return e}var I=react.forwardRef(({actions:e,onSelect:t,children:r,className:n},s)=>e.length===0?null:jsxRuntime.jsx(T.Provider,{value:{actions:e,onSelect:t},children:jsxRuntime.jsx("div",{ref:s,role:"group","aria-label":"Suggested actions",className:n,children:r})}));I.displayName="SuggestedActions";var k=react.forwardRef(({action:e,children:t,onClick:r,...n},s)=>{let{onSelect:o}=D();return jsxRuntime.jsx("button",{ref:s,type:"button",onClick:a=>{r?.(a),a.defaultPrevented||o(e);},...n,children:t??e.label})});k.displayName="ActionButton";var V=react.forwardRef(({children:e,dotCount:t=3,...r},n)=>jsxRuntime.jsx("div",{ref:n,role:"status","aria-label":"Assistant is typing",...r,children:e??jsxRuntime.jsx("span",{"aria-hidden":"true",children:Array.from({length:t}).map((s,o)=>jsxRuntime.jsx("span",{style:{display:"inline-block",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:"currentColor",marginRight:o<t-1?"4px":0,animation:"typing 1.4s infinite ease-in-out",animationDelay:`${o*.2}s`}},o))})}));V.displayName="TypingIndicator";exports.a=d;exports.b=g;exports.c=S;exports.d=L;exports.e=h;exports.f=R;exports.g=M;exports.h=x;exports.i=P;exports.j=H;exports.k=E;exports.l=N;exports.m=w;exports.n=T;exports.o=D;exports.p=I;exports.q=k;exports.r=V;//# sourceMappingURL=chunk-3SEVU272.cjs.map
-//# sourceMappingURL=chunk-3SEVU272.cjs.map

package/dist/chunk-3SEVU272.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/message.tsx","../src/primitives/message-list.tsx","../src/primitives/message-composer.tsx","../src/primitives/avatar.tsx","../src/primitives/streaming-text.tsx","../src/primitives/suggested-actions.tsx","../src/primitives/typing-indicator.tsx"],"names":["MessageContext","createContext","useMessage","context","useContext","Message","forwardRef","message","viewerRole","children","props","ref","isViewer","isStreaming","jsx","MessageContent","MessageTimestamp","format","date","formatted","MessageList","autoScroll","onIsAtBottomChange","onScrollToBottomRef","containerRef","scrollToBottom","isAtBottom","useAutoScroll","node","ComposerContext","useComposer","MessageComposer","onSubmit","disabled","className","composer","useMessageComposer","handleFormSubmit","e","contextValue","ComposerInput","content","handleContentChange","handleKeyDown","inputRef","ComposerSubmit","canSubmit","isSubmitting","getInitials","name","parts","Avatar","src","alt","role","fallback","initials","Fragment","StreamingText","showCursor","cursor","jsxs","SuggestedActionsContext","useSuggestedActions","SuggestedActions","actions","onSelect","ActionButton","action","onClick","TypingIndicator","dotCount","_","i"],"mappings":"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","file":"chunk-3SEVU272.cjs","sourcesContent":["import { createContext, forwardRef, useContext, type HTMLAttributes, type ReactNode } from \"react\";\nimport type { MessageData, ParticipantRole } from \"../types\";\n\ninterface MessageContextValue {\n\tmessage: MessageData;\n\tisViewer: boolean;\n\tisStreaming: boolean;\n}\n\nconst MessageContext = createContext<MessageContextValue | null>(null);\n\n/**\n * Hook to access the current message context.\n * Must be used within a Message component.\n */\nexport function useMessage() {\n\tconst context = useContext(MessageContext);\n\tif (!context) {\n\t\tthrow new Error(\"useMessage must be used within a Message component\");\n\t}\n\treturn context;\n}\n\nexport interface MessageProps extends HTMLAttributes<HTMLDivElement> {\n\t/** The message data */\n\tmessage: MessageData;\n\t/** The viewer's role (used to determine alignment) */\n\tviewerRole?: ParticipantRole;\n\t/** Children to render inside the message */\n\tchildren: ReactNode;\n}\n\n/**\n * Headless Message primitive.\n * Provides message context to children and data attributes for styling.\n */\nexport const Message = forwardRef<HTMLDivElement, MessageProps>(\n\t({ message, viewerRole = \"user\", children, ...props }, ref) => {\n\t\t// Case-insensitive comparison for role matching\n\t\tconst isViewer = (message.participant?.role || \"\").toLowerCase() === (viewerRole || \"\").toLowerCase();\n\t\tconst isStreaming = message.isStreaming ?? false;\n\n\t\treturn (\n\t\t\t<MessageContext.Provider value={{ message, isViewer, isStreaming }}>\n\t\t\t\t<div\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdata-role={message.participant?.role}\n\t\t\t\t\tdata-viewer={isViewer}\n\t\t\t\t\tdata-streaming={isStreaming}\n\t\t\t\t\t{...props}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</MessageContext.Provider>\n\t\t);\n\t},\n);\n\nMessage.displayName = \"Message\";\n\nexport interface MessageContentProps extends HTMLAttributes<HTMLDivElement> {\n\t/** Custom content to render instead of message text */\n\tchildren?: ReactNode;\n}\n\n/**\n * Renders the message content.\n * By default renders the message's textContent.\n */\nexport const MessageContent = forwardRef<HTMLDivElement, MessageContentProps>(({ children, ...props }, ref) => {\n\tconst { message } = useMessage();\n\n\treturn (\n\t\t<div ref={ref} {...props}>\n\t\t\t{children ?? message.textContent}\n\t\t</div>\n\t);\n});\n\nMessageContent.displayName = \"MessageContent\";\n\nexport interface MessageTimestampProps extends HTMLAttributes<HTMLSpanElement> {\n\t/** Custom date formatter */\n\tformat?: (date: Date) => string;\n}\n\n/**\n * Renders the message timestamp.\n */\nexport const MessageTimestamp = forwardRef<HTMLSpanElement, MessageTimestampProps>(({ format, ...props }, ref) => {\n\tconst { message } = useMessage();\n\tconst date = typeof message.createdAt === \"string\" ? new Date(message.createdAt) : message.createdAt;\n\n\tconst formatted = format\n\t\t? format(date)\n\t\t: date.toLocaleTimeString(\"en-US\", {\n\t\t\t\thour: \"numeric\",\n\t\t\t\tminute: \"2-digit\",\n\t\t\t\thour12: true,\n\t\t\t});\n\n\treturn (\n\t\t<span ref={ref} {...props}>\n\t\t\t{formatted}\n\t\t</span>\n\t);\n});\n\nMessageTimestamp.displayName = \"MessageTimestamp\";\n\nexport { MessageContext };\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useAutoScroll } from \"../hooks/use-auto-scroll\";\n\nexport interface MessageListProps extends HTMLAttributes<HTMLDivElement> {\n\t/** Messages to render */\n\tchildren: ReactNode;\n\t/** Whether to auto-scroll to bottom on new messages */\n\tautoScroll?: boolean;\n\t/** Whether the viewport is currently at the bottom (exposed for scroll-to-bottom button) */\n\tisAtBottom?: boolean;\n\t/** Callback to receive scroll state updates */\n\tonIsAtBottomChange?: (isAtBottom: boolean) => void;\n\t/** Callback to receive scrollToBottom function */\n\tonScrollToBottomRef?: (scrollToBottom: (behavior?: ScrollBehavior) => void) => void;\n}\n\n/**\n * Headless MessageList primitive.\n * Provides a scrollable container with auto-scroll behavior.\n * Exposes isAtBottom and scrollToBottom for scroll-to-bottom button integration.\n */\nexport const MessageList = forwardRef<HTMLDivElement, MessageListProps>(\n\t({ children, autoScroll = true, onIsAtBottomChange, onScrollToBottomRef, ...props }, ref) => {\n\t\tconst { containerRef, scrollToBottom, isAtBottom } = useAutoScroll<HTMLDivElement>({\n\t\t\tenabled: autoScroll,\n\t\t});\n\n\t\t// Notify parent of scroll state changes\n\t\tconst prevIsAtBottomRef = { current: isAtBottom };\n\t\tif (prevIsAtBottomRef.current !== isAtBottom) {\n\t\t\tonIsAtBottomChange?.(isAtBottom);\n\t\t}\n\n\t\t// Expose scrollToBottom to parent\n\t\tonScrollToBottomRef?.(scrollToBottom);\n\n\t\t// Merge refs\n\t\tconst mergedRef = (node: HTMLDivElement | null) => {\n\t\t\t(containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n\t\t\tif (typeof ref === \"function\") {\n\t\t\t\tref(node);\n\t\t\t} else if (ref) {\n\t\t\t\tref.current = node;\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<div ref={mergedRef} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nMessageList.displayName = \"MessageList\";\n","import {\n  createContext,\n  useContext,\n  forwardRef,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n  type ButtonHTMLAttributes,\n} from \"react\";\nimport { useMessageComposer } from \"../hooks/use-message-composer\";\n\ninterface ComposerContextValue {\n  content: string;\n  isSubmitting: boolean;\n  canSubmit: boolean;\n  error: string | null;\n  handleContentChange: (value: string) => void;\n  handleSubmit: () => Promise<void>;\n  handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  inputRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst ComposerContext = createContext<ComposerContextValue | null>(null);\n\n/**\n * Hook to access the composer context.\n * Must be used within a MessageComposer component.\n */\nexport function useComposer() {\n  const context = useContext(ComposerContext);\n  if (!context) {\n    throw new Error(\"useComposer must be used within a MessageComposer component\");\n  }\n  return context;\n}\n\nexport interface MessageComposerProps {\n  /** Callback when message is submitted */\n  onSubmit: (content: string, attachments?: File[]) => Promise<void>;\n  /** Whether the composer is disabled */\n  disabled?: boolean;\n  /** Children to render inside the composer */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Headless MessageComposer primitive.\n * Provides composer state and behavior to children.\n */\nexport const MessageComposer = forwardRef<HTMLFormElement, MessageComposerProps>(\n  ({ onSubmit, disabled = false, children, className }, ref) => {\n    const composer = useMessageComposer({ onSubmit, disabled });\n\n    const handleFormSubmit = (e: React.FormEvent) => {\n      e.preventDefault();\n      composer.handleSubmit();\n    };\n\n    const contextValue: ComposerContextValue = {\n      ...composer,\n      canSubmit: Boolean(composer.canSubmit),\n    };\n\n    return (\n      <ComposerContext.Provider value={contextValue}>\n        <form\n          ref={ref}\n          className={className}\n          onSubmit={handleFormSubmit}\n          data-submitting={composer.isSubmitting}\n          data-can-submit={composer.canSubmit}\n        >\n          {children}\n        </form>\n      </ComposerContext.Provider>\n    );\n  }\n);\n\nMessageComposer.displayName = \"MessageComposer\";\n\nexport interface ComposerInputProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\" | \"value\"> {}\n\n/**\n * Text input for the message composer.\n */\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComposerInputProps>(\n  (props, ref) => {\n    const { content, handleContentChange, handleKeyDown, inputRef } = useComposer();\n\n    // Merge refs\n    const mergedRef = (node: HTMLTextAreaElement | null) => {\n      (inputRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n\n    return (\n      <textarea\n        ref={mergedRef}\n        value={content}\n        onChange={(e) => handleContentChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        {...props}\n      />\n    );\n  }\n);\n\nComposerInput.displayName = \"ComposerInput\";\n\nexport interface ComposerSubmitProps extends ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * Submit button for the message composer.\n */\nexport const ComposerSubmit = forwardRef<HTMLButtonElement, ComposerSubmitProps>(\n  ({ children, disabled, ...props }, ref) => {\n    const { canSubmit, isSubmitting } = useComposer();\n\n    return (\n      <button\n        ref={ref}\n        type=\"submit\"\n        disabled={disabled || !canSubmit}\n        data-submitting={isSubmitting}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nComposerSubmit.displayName = \"ComposerSubmit\";\n\nexport { ComposerContext };\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport type { ParticipantRole } from \"../types\";\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name for fallback initials */\n  name?: string;\n  /** Image URL */\n  src?: string;\n  /** Alt text for image */\n  alt?: string;\n  /** Participant role for styling */\n  role?: ParticipantRole;\n  /** Fallback content when no image or name */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Get initials from a name.\n */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase();\n  }\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();\n}\n\n/**\n * Headless Avatar primitive.\n * Renders an image or fallback initials.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  ({ name, src, alt, role, fallback, children, ...props }, ref) => {\n    const initials = name ? getInitials(name) : null;\n    const altText = alt ?? name ?? role ?? \"Avatar\";\n\n    return (\n      <div ref={ref} data-role={role} {...props}>\n        {children ?? (\n          <>\n            {src ? (\n              <img src={src} alt={altText} style={{ width: \"100%\", height: \"100%\" }} />\n            ) : (\n              fallback ?? initials ?? role?.charAt(0).toUpperCase()\n            )}\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface StreamingTextProps extends HTMLAttributes<HTMLDivElement> {\n  /** The content to display */\n  content: string;\n  /** Whether the text is currently streaming */\n  isStreaming?: boolean;\n  /** Show a cursor indicator while streaming */\n  showCursor?: boolean;\n  /** Custom cursor element */\n  cursor?: ReactNode;\n  /** Children override (takes precedence over content) */\n  children?: ReactNode;\n}\n\n/**\n * Headless StreamingText primitive.\n * Renders text with streaming indicator support.\n */\nexport const StreamingText = forwardRef<HTMLDivElement, StreamingTextProps>(\n  (\n    { content, isStreaming = false, showCursor = true, cursor, children, ...props },\n    ref\n  ) => {\n    const defaultCursor = (\n      <span\n        aria-hidden=\"true\"\n        style={{\n          display: \"inline-block\",\n          width: \"2px\",\n          height: \"1em\",\n          backgroundColor: \"currentColor\",\n          marginLeft: \"2px\",\n          verticalAlign: \"text-bottom\",\n          animation: \"blink 1s step-end infinite\",\n        }}\n      />\n    );\n\n    return (\n      <div ref={ref} data-streaming={isStreaming} {...props}>\n        {children ?? content}\n        {isStreaming && showCursor && (cursor ?? defaultCursor)}\n      </div>\n    );\n  }\n);\n\nStreamingText.displayName = \"StreamingText\";\n","import {\n  createContext,\n  useContext,\n  forwardRef,\n  type ReactNode,\n  type ButtonHTMLAttributes,\n} from \"react\";\nimport type { SuggestedAction } from \"../types\";\n\ninterface SuggestedActionsContextValue {\n  actions: SuggestedAction[];\n  onSelect: (action: SuggestedAction) => void;\n}\n\nconst SuggestedActionsContext = createContext<SuggestedActionsContextValue | null>(null);\n\n/**\n * Hook to access suggested actions context.\n */\nexport function useSuggestedActions() {\n  const context = useContext(SuggestedActionsContext);\n  if (!context) {\n    throw new Error(\n      \"useSuggestedActions must be used within a SuggestedActions component\"\n    );\n  }\n  return context;\n}\n\nexport interface SuggestedActionsProps {\n  /** List of suggested actions */\n  actions: SuggestedAction[];\n  /** Callback when an action is selected */\n  onSelect: (action: SuggestedAction) => void;\n  /** Children to render */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Headless SuggestedActions primitive.\n * Provides context for rendering action buttons.\n */\nexport const SuggestedActions = forwardRef<HTMLDivElement, SuggestedActionsProps>(\n  ({ actions, onSelect, children, className }, ref) => {\n    if (actions.length === 0) {\n      return null;\n    }\n\n    return (\n      <SuggestedActionsContext.Provider value={{ actions, onSelect }}>\n        <div ref={ref} role=\"group\" aria-label=\"Suggested actions\" className={className}>\n          {children}\n        </div>\n      </SuggestedActionsContext.Provider>\n    );\n  }\n);\n\nSuggestedActions.displayName = \"SuggestedActions\";\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The action this button represents */\n  action: SuggestedAction;\n  /** Children to render inside button */\n  children?: ReactNode;\n}\n\n/**\n * Button for a suggested action.\n */\nexport const ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(\n  ({ action, children, onClick, ...props }, ref) => {\n    const { onSelect } = useSuggestedActions();\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (!e.defaultPrevented) {\n        onSelect(action);\n      }\n    };\n\n    return (\n      <button ref={ref} type=\"button\" onClick={handleClick} {...props}>\n        {children ?? action.label}\n      </button>\n    );\n  }\n);\n\nActionButton.displayName = \"ActionButton\";\n\nexport { SuggestedActionsContext };\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface TypingIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Custom content to show while typing */\n  children?: ReactNode;\n  /** Number of dots to show */\n  dotCount?: number;\n}\n\n/**\n * Headless TypingIndicator primitive.\n * Shows animated dots or custom content.\n */\nexport const TypingIndicator = forwardRef<HTMLDivElement, TypingIndicatorProps>(\n  ({ children, dotCount = 3, ...props }, ref) => {\n    return (\n      <div ref={ref} role=\"status\" aria-label=\"Assistant is typing\" {...props}>\n        {children ?? (\n          <span aria-hidden=\"true\">\n            {Array.from({ length: dotCount }).map((_, i) => (\n              <span\n                key={i}\n                style={{\n                  display: \"inline-block\",\n                  width: \"6px\",\n                  height: \"6px\",\n                  borderRadius: \"50%\",\n                  backgroundColor: \"currentColor\",\n                  marginRight: i < dotCount - 1 ? \"4px\" : 0,\n                  animation: `typing 1.4s infinite ease-in-out`,\n                  animationDelay: `${i * 0.2}s`,\n                }}\n              />\n            ))}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTypingIndicator.displayName = \"TypingIndicator\";\n"]}

package/dist/chunk-HVCCZKEO.cjs

@@ -1,2 +0,0 @@
-'use strict';var react=require('react');function a(t,c){let o=react.useRef(null),r=react.useRef(null);return react.useEffect(()=>()=>{r.current?.();},[]),react.useCallback(()=>{if(r.current?.(),!o.current&&t.current){let l=t.current;for(;l;){let{overflowY:u}=getComputedStyle(l);if(u==="scroll"||u==="auto"){o.current=l;break}l=l.parentElement;}}let e=o.current;if(!e)return;let f=e.scrollTop,s=e.style.scrollbarWidth;e.style.scrollbarWidth="none";let n=()=>{e.scrollTop=f;};e.addEventListener("scroll",n);let b=setTimeout(()=>{e.removeEventListener("scroll",n),e.style.scrollbarWidth=s,r.current=null;},c);r.current=()=>{clearTimeout(b),e.removeEventListener("scroll",n),e.style.scrollbarWidth=s;};},[c,t])}exports.a=a;//# sourceMappingURL=chunk-HVCCZKEO.cjs.map
-//# sourceMappingURL=chunk-HVCCZKEO.cjs.map

package/dist/chunk-HVCCZKEO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-scroll-lock.ts"],"names":["useScrollLock","animatedElementRef","animationDuration","scrollContainerRef","useRef","cleanupRef","useEffect","useCallback","el","overflowY","scrollContainer","scrollPosition","prevScrollbarWidth","resetPosition","timeoutId"],"mappings":"wCA0BO,SAASA,CAAAA,CACdC,EACAC,CAAAA,CACA,CACA,IAAMC,CAAAA,CAAqBC,aAA2B,IAAI,CAAA,CACpDC,CAAAA,CAAaD,YAAAA,CAA4B,IAAI,CAAA,CAGnD,OAAAE,eAAAA,CAAU,IACD,IAAM,CACXD,CAAAA,CAAW,OAAA,KACb,EACC,EAAE,CAAA,CAEcE,iBAAAA,CAAY,IAAM,CAKnC,GAHAF,CAAAA,CAAW,OAAA,IAAU,CAGjB,CAACF,CAAAA,CAAmB,OAAA,EAAWF,EAAmB,OAAA,CAAS,CAC7D,IAAIO,CAAAA,CAAyBP,EAAmB,OAAA,CAChD,KAAOO,CAAAA,EAAI,CACT,GAAM,CAAE,SAAA,CAAAC,CAAU,CAAA,CAAI,iBAAiBD,CAAE,CAAA,CACzC,GAAIC,CAAAA,GAAc,UAAYA,CAAAA,GAAc,MAAA,CAAQ,CAClDN,CAAAA,CAAmB,QAAUK,CAAAA,CAC7B,KACF,CACAA,CAAAA,CAAKA,EAAG,cACV,CACF,CAEA,IAAME,CAAAA,CAAkBP,CAAAA,CAAmB,OAAA,CAC3C,GAAI,CAACO,CAAAA,CAAiB,OAGtB,IAAMC,CAAAA,CAAiBD,EAAgB,SAAA,CACjCE,CAAAA,CAAqBF,CAAAA,CAAgB,KAAA,CAAM,eAGjDA,CAAAA,CAAgB,KAAA,CAAM,cAAA,CAAiB,MAAA,CAGvC,IAAMG,CAAAA,CAAgB,IAAM,CAC1BH,CAAAA,CAAgB,UAAYC,EAC9B,CAAA,CACAD,CAAAA,CAAgB,gBAAA,CAAiB,SAAUG,CAAa,CAAA,CAGxD,IAAMC,CAAAA,CAAY,WAAW,IAAM,CACjCJ,CAAAA,CAAgB,mBAAA,CAAoB,QAAA,CAAUG,CAAa,CAAA,CAC3DH,CAAAA,CAAgB,MAAM,cAAA,CAAiBE,CAAAA,CACvCP,CAAAA,CAAW,OAAA,CAAU,KACvB,CAAA,CAAGH,CAAiB,CAAA,CAEpBG,CAAAA,CAAW,QAAU,IAAM,CACzB,YAAA,CAAaS,CAAS,EACtBJ,CAAAA,CAAgB,mBAAA,CAAoB,QAAA,CAAUG,CAAa,EAC3DH,CAAAA,CAAgB,KAAA,CAAM,cAAA,CAAiBE,EACzC,EACF,CAAA,CAAG,CAACV,CAAAA,CAAmBD,CAAkB,CAAC,CAG5C","file":"chunk-HVCCZKEO.cjs","sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n/**\n * Locks scroll position during collapsible/height animations.\n *\n * Prevents viewport jumps when content height changes during animations\n * (e.g. ReasoningPanel expand/collapse). Finds the nearest scrollable\n * ancestor and temporarily locks its scroll position for the animation duration.\n *\n * Adapted from assistant-ui's useScrollLock.\n *\n * @param animatedElementRef - Ref to the animated element\n * @param animationDuration - Lock duration in milliseconds\n * @returns Function to activate the scroll lock (call before toggling)\n *\n * @example\n * ```tsx\n * const panelRef = useRef<HTMLDivElement>(null);\n * const lockScroll = useScrollLock(panelRef, 200);\n *\n * const handleToggle = () => {\n *   lockScroll();\n *   setIsExpanded(!isExpanded);\n * };\n * ```\n */\nexport function useScrollLock<T extends HTMLElement = HTMLElement>(\n  animatedElementRef: RefObject<T | null>,\n  animationDuration: number,\n) {\n  const scrollContainerRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      cleanupRef.current?.();\n    };\n  }, []);\n\n  const lockScroll = useCallback(() => {\n    // Clean up any previous lock\n    cleanupRef.current?.();\n\n    // Find nearest scrollable ancestor (cached after first find)\n    if (!scrollContainerRef.current && animatedElementRef.current) {\n      let el: HTMLElement | null = animatedElementRef.current;\n      while (el) {\n        const { overflowY } = getComputedStyle(el);\n        if (overflowY === \"scroll\" || overflowY === \"auto\") {\n          scrollContainerRef.current = el;\n          break;\n        }\n        el = el.parentElement;\n      }\n    }\n\n    const scrollContainer = scrollContainerRef.current;\n    if (!scrollContainer) return;\n\n    // Capture current scroll position\n    const scrollPosition = scrollContainer.scrollTop;\n    const prevScrollbarWidth = scrollContainer.style.scrollbarWidth;\n\n    // Hide scrollbar during lock to prevent visual jank\n    scrollContainer.style.scrollbarWidth = \"none\";\n\n    // Lock: intercept any scroll events and reset position\n    const resetPosition = () => {\n      scrollContainer.scrollTop = scrollPosition;\n    };\n    scrollContainer.addEventListener(\"scroll\", resetPosition);\n\n    // Release lock after animation completes\n    const timeoutId = setTimeout(() => {\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = prevScrollbarWidth;\n      cleanupRef.current = null;\n    }, animationDuration);\n\n    cleanupRef.current = () => {\n      clearTimeout(timeoutId);\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = prevScrollbarWidth;\n    };\n  }, [animationDuration, animatedElementRef]);\n\n  return lockScroll;\n}\n"]}

package/dist/chunk-KSMAVBLY.cjs

@@ -1,2 +0,0 @@
-'use strict';var react=require('react');function i(e){let n=e.trim();if(n.startsWith("#")){let r=n.slice(1);if(r.length===3)return [parseInt(r[0]+r[0],16),parseInt(r[1]+r[1],16),parseInt(r[2]+r[2],16)];if(r.length>=6)return [parseInt(r.slice(0,2),16),parseInt(r.slice(2,4),16),parseInt(r.slice(4,6),16)]}let t=e.match(/rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})/);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null}function c(e,n,t){let[r,a,u]=[e/255,n/255,t/255].map(s=>s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4));return .2126*r+.7152*a+.0722*u}function o(e){let n=i(e);return n&&c(...n)>.179?"#1D2033":"#ffffff"}function p(e,n){return react.useMemo(()=>{if(!e&&!n?.iconColor)return {};let t={},r=e?.backgroundBubbleColor||n?.iconColor;return r&&(t["--chat-primary"]=r,t["--chat-user-message-bg"]=r,t["--chat-user-message-text"]=o(r)),e?.headerBackgroundColor&&(t["--chat-header-bg"]=e.headerBackgroundColor),e?.messageFontSize&&(t["--chat-message-font-size"]=`${e.messageFontSize}px`),t},[e,n?.iconColor])}exports.a=o;exports.b=p;//# sourceMappingURL=chunk-KSMAVBLY.cjs.map
-//# sourceMappingURL=chunk-KSMAVBLY.cjs.map

package/dist/chunk-KSMAVBLY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/color-contrast.ts","../src/hooks/use-branding-css-vars.ts"],"names":["parseColor","color","hex","h","rgbMatch","relativeLuminance","r","g","b","rs","gs","bs","c","getContrastTextColor","bgColor","rgb","useBrandingCSSVars","branding","overrides","useMemo","vars","primaryColor"],"mappings":"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","file":"chunk-KSMAVBLY.cjs","sourcesContent":["/**\n * Parse a CSS color string (hex, rgb, rgba) into [r, g, b] values.\n * Returns null if the color cannot be parsed.\n */\nfunction parseColor(color: string): [number, number, number] | null {\n  // Hex: #RGB, #RRGGBB\n  const hex = color.trim();\n  if (hex.startsWith(\"#\")) {\n    const h = hex.slice(1);\n    if (h.length === 3) {\n      return [\n        parseInt(h[0] + h[0], 16),\n        parseInt(h[1] + h[1], 16),\n        parseInt(h[2] + h[2], 16),\n      ];\n    }\n    if (h.length >= 6) {\n      return [\n        parseInt(h.slice(0, 2), 16),\n        parseInt(h.slice(2, 4), 16),\n        parseInt(h.slice(4, 6), 16),\n      ];\n    }\n  }\n\n  // rgb(r, g, b) or rgba(r, g, b, a)\n  const rgbMatch = color.match(\n    /rgba?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})/\n  );\n  if (rgbMatch) {\n    return [Number(rgbMatch[1]), Number(rgbMatch[2]), Number(rgbMatch[3])];\n  }\n\n  return null;\n}\n\n/**\n * Compute the relative luminance of an sRGB color per WCAG 2.0.\n * https://www.w3.org/TR/WCAG20/#relativeluminancedef\n */\nfunction relativeLuminance(r: number, g: number, b: number): number {\n  const [rs, gs, bs] = [r / 255, g / 255, b / 255].map((c) =>\n    c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4)\n  );\n  return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;\n}\n\n/**\n * Given a background color string, return the best contrast text color.\n * Returns \"#ffffff\" for dark backgrounds and \"#1D2033\" for light backgrounds.\n * Falls back to \"#ffffff\" if the color cannot be parsed.\n */\nexport function getContrastTextColor(bgColor: string): string {\n  const rgb = parseColor(bgColor);\n  if (!rgb) return \"#ffffff\";\n\n  const lum = relativeLuminance(...rgb);\n  // WCAG threshold: luminance > 0.179 means the background is \"light\"\n  return lum > 0.179 ? \"#1D2033\" : \"#ffffff\";\n}\n","import { useMemo } from \"react\";\nimport type { BrandingData } from \"../types/branding\";\nimport { getContrastTextColor } from \"../utils/color-contrast\";\n\n/**\n * Converts BrandingData into CSS custom properties for chat-ui theming.\n * Returns a CSSProperties object that can be spread onto a container element.\n */\nexport function useBrandingCSSVars(\n  branding: BrandingData | null | undefined,\n  overrides?: { iconColor?: string }\n): React.CSSProperties {\n  return useMemo(() => {\n    if (!branding && !overrides?.iconColor) return {};\n\n    const vars: Record<string, string> = {};\n\n    const primaryColor =\n      branding?.backgroundBubbleColor || overrides?.iconColor;\n    if (primaryColor) {\n      vars[\"--chat-primary\"] = primaryColor;\n      vars[\"--chat-user-message-bg\"] = primaryColor;\n      vars[\"--chat-user-message-text\"] = getContrastTextColor(primaryColor);\n    }\n\n    if (branding?.headerBackgroundColor) {\n      vars[\"--chat-header-bg\"] = branding.headerBackgroundColor;\n    }\n\n    if (branding?.messageFontSize) {\n      vars[\"--chat-message-font-size\"] = `${branding.messageFontSize}px`;\n    }\n\n    return vars as React.CSSProperties;\n  }, [branding, overrides?.iconColor]);\n}\n"]}