@copilotz/chat-ui 0.4.1 → 0.6.0

package/dist/index.d.ts

@@ -1,8 +1,5 @@
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { Options, Components } from 'react-markdown';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassValue } from 'clsx';
 
 type MediaAttachment = {
     kind: 'image';
@@ -68,6 +65,20 @@ interface ToolCall {
     startTime?: number;
     endTime?: number;
 }
+type ActivityDisplayMode = 'full' | 'summary' | 'hidden';
+type AssistantActivitySummaryKind = 'thinking' | 'working' | 'using_tools' | 'preparing_answer';
+interface AssistantActivitySummary {
+    kind: AssistantActivitySummaryKind;
+    toolName?: string;
+    toolCount?: number;
+}
+interface AssistantActivityState {
+    isActive: boolean;
+    isComplete?: boolean;
+    summary: AssistantActivitySummary;
+    reasoning?: string;
+    toolCalls?: ToolCall[];
+}
 interface ChatMessage {
     id: string;
     role: 'user' | 'assistant' | 'system';
@@ -79,12 +90,9 @@ interface ChatMessage {
     isEdited?: boolean;
     originalContent?: string;
     editedAt?: number;
-    toolCalls?: ToolCall[];
     metadata?: Record<string, any>;
-    /** Model reasoning/thinking content (displayed in a collapsible block) */
-    reasoning?: string;
-    /** Whether reasoning tokens are still being streamed */
-    isReasoningStreaming?: boolean;
+    /** Unified assistant activity state for live rendering and history hydration */
+    activity?: AssistantActivityState;
     /** Agent/sender identity for multi-agent conversations */
     senderName?: string;
     /** Agent ID of the sender (for multi-agent conversations) */
@@ -181,10 +189,16 @@ interface ChatConfig {
         cancel?: string;
         create?: string;
         footerLabel?: string;
-        toolUsed?: string;
         daysAgo?: string;
         inputHelpText?: string;
-        thinking?: string;
+        activityThinking?: string;
+        activityWorking?: string;
+        activityUsingTools?: string;
+        activityPreparingAnswer?: string;
+        activityToolRunning?: string;
+        activityMultipleTools?: string;
+        activityShowDetails?: string;
+        activityHideDetails?: string;
         defaultThreadName?: string;
         loadOlderMessages?: string;
         loadingOlderMessages?: string;
@@ -198,7 +212,7 @@ interface ChatConfig {
         enableMessageEditing?: boolean;
         enableMessageCopy?: boolean;
         enableRegeneration?: boolean;
-        enableToolCallsDisplay?: boolean;
+        activityDisplay?: ActivityDisplayMode;
         maxAttachments?: number;
         maxFileSize?: number;
     };
@@ -371,269 +385,15 @@ interface ChatUserContext extends Record<string, unknown> {
     };
 }
 
-declare const ChatUI: React__default.FC<ChatV2Props>;
-
-interface ChatHeaderConfig {
-    branding?: {
-        logo?: ReactNode;
-        title?: string;
-        subtitle?: string;
-    };
-    agentSelector?: {
-        enabled?: boolean;
-        label?: string;
-        hideIfSingle?: boolean;
-    };
-    labels?: {
-        newThread?: string;
-        exportData?: string;
-        importData?: string;
-        clearAll?: string;
-        sidebarToggle?: string;
-        customComponentToggle?: string;
-        settings?: string;
-        toggleDarkMode?: string;
-        lightMode?: string;
-        darkMode?: string;
-    };
-    customComponent?: {
-        label?: string;
-        icon?: ReactNode;
-        onClick?: () => void;
-    };
-    /** Additional actions to render in the header (before the settings menu) */
-    headerActions?: ReactNode;
-}
-interface ChatHeaderProps {
-    config: ChatHeaderConfig;
-    currentThreadTitle?: string | null;
-    onSidebarToggle?: () => void;
-    onCustomComponentToggle?: () => void;
-    onNewThread?: () => void;
-    onExportData?: () => void;
-    onImportData?: (file: File) => void;
-    onClearAll?: () => void;
-    showCustomComponentButton?: boolean;
-    isMobile?: boolean;
-    showAgentSelector?: boolean;
-    isMultiAgentMode?: boolean;
-    agentOptions?: AgentOption[];
-    selectedAgentId?: string | null;
-    onSelectAgent?: (agentId: string) => void;
-    participantIds?: string[];
-    onParticipantsChange?: (ids: string[]) => void;
-    className?: string;
-}
-declare const ChatHeader: React__default.FC<ChatHeaderProps>;
-
-interface ParticipantsSelectorProps {
-    /** All available agents */
-    agents: AgentOption[];
-    /** Currently selected participant IDs */
-    participantIds: string[];
-    /** Callback when participants change */
-    onParticipantsChange: (ids: string[]) => void;
-    /** Label for the selector */
-    label?: string;
-    /** Maximum participants to show in collapsed view */
-    maxVisible?: number;
-    /** Disabled state */
-    disabled?: boolean;
-}
-/**
- * Multi-select dropdown for choosing which agents participate in the conversation.
- */
-declare const ParticipantsSelector: React__default.FC<ParticipantsSelectorProps>;
-interface TargetAgentSelectorProps {
-    /** Available agents (should be filtered to participants only) */
-    agents: AgentOption[];
-    /** Currently targeted agent ID */
-    targetAgentId: string | null;
-    /** Callback when target changes */
-    onTargetChange: (agentId: string | null) => void;
-    /** Label for the selector */
-    label?: string;
-    /** Placeholder when no target is selected */
-    placeholder?: string;
-    /** Disabled state */
-    disabled?: boolean;
-}
-/**
- * Single-select dropdown for choosing which agent to address with @mention.
- */
-declare const TargetAgentSelector: React__default.FC<TargetAgentSelectorProps>;
-interface AgentBadgeProps {
-    agent: AgentOption;
-    onRemove?: () => void;
-    showRemove?: boolean;
-    size?: 'sm' | 'md';
-}
-/**
- * Badge displaying an agent with optional remove button.
- */
-declare const AgentBadge: React__default.FC<AgentBadgeProps>;
-
-interface ChatInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    onSubmit: (content: string, attachments: MediaAttachment[]) => void;
-    attachments: MediaAttachment[];
-    onAttachmentsChange: (attachments: MediaAttachment[]) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    isGenerating?: boolean;
-    onStopGeneration?: () => void;
-    enableFileUpload?: boolean;
-    enableAudioRecording?: boolean;
-    maxAttachments?: number;
-    maxFileSize?: number;
-    acceptedFileTypes?: string[];
-    className?: string;
-    config?: ChatConfig;
-    mentionAgents?: AgentOption[];
-    onTargetAgentChange?: (agentId: string | null) => void;
-}
-declare const ChatInput: React__default.FC<ChatInputProps>;
+declare const ChatUI: React.FC<ChatV2Props>;
 
-interface MessageProps {
-    message: ChatMessage;
-    isUser?: boolean;
-    userAvatar?: string;
-    userName?: string;
-    assistantAvatar?: React__default.ReactNode;
-    assistantName?: string;
-    showTimestamp?: boolean;
-    showAvatar?: boolean;
-    enableCopy?: boolean;
-    enableEdit?: boolean;
-    enableRegenerate?: boolean;
-    enableToolCallsDisplay?: boolean;
-    compactMode?: boolean;
-    onAction?: (event: MessageActionEvent) => void;
-    className?: string;
-    toolUsedLabel?: string;
-    thinkingLabel?: string;
-    showMoreLabel?: string;
-    showLessLabel?: string;
-    collapseLongMessages?: boolean;
-    collapseLongMessagesForUserOnly?: boolean;
-    longMessagePreviewChars?: number;
-    longMessageChunkChars?: number;
-    renderUserMarkdown?: boolean;
-    markdown?: ChatMarkdownConfig;
-    isExpanded?: boolean;
-    onToggleExpanded?: (messageId: string) => void;
-    /** When true, hides the avatar and name (for grouped consecutive messages from same sender) */
-    isGrouped?: boolean;
-    /** Available agents for resolving multi-agent display (colors, avatars) */
-    agentOptions?: AgentOption[];
+type ActivityLabels = ChatConfig['labels'];
+interface AssistantActivityProps {
+    activity?: AssistantActivityState;
+    displayMode: ActivityDisplayMode;
+    labels?: ActivityLabels;
 }
-declare const Message: React__default.FC<MessageProps>;
-
-declare function Sidebar$1({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): react_jsx_runtime.JSX.Element;
-
-interface UserMenuConfig {
-    labels?: {
-        profile?: string;
-        settings?: string;
-        theme?: string;
-        lightMode?: string;
-        darkMode?: string;
-        systemTheme?: string;
-        logout?: string;
-        guest?: string;
-    };
-}
-interface UserMenuUser {
-    id: string;
-    name?: string;
-    email?: string;
-    avatar?: string;
-}
-interface UserMenuCallbacks {
-    onViewProfile?: () => void;
-    onOpenSettings?: () => void;
-    onThemeChange?: (theme: 'light' | 'dark' | 'system') => void;
-    onLogout?: () => void;
-}
-interface UserMenuProps {
-    user?: UserMenuUser | null;
-    config?: UserMenuConfig;
-    callbacks?: UserMenuCallbacks;
-    currentTheme?: 'light' | 'dark' | 'system';
-    /** Show theme options in the menu */
-    showThemeOptions?: boolean;
-    /** Additional menu items to render */
-    additionalItems?: React__default.ReactNode;
-}
-declare const UserMenu: React__default.FC<UserMenuProps>;
-
-interface SidebarConfig {
-    labels?: {
-        newChat?: string;
-        search?: string;
-        customComponentLabel?: string;
-        showArchived?: string;
-        hideArchived?: string;
-        noThreadsFound?: string;
-        noThreadsYet?: string;
-        deleteConfirmTitle?: string;
-        deleteConfirmDescription?: string;
-        renameThread?: string;
-        archiveThread?: string;
-        unarchiveThread?: string;
-        deleteThread?: string;
-        today?: string;
-        yesterday?: string;
-        createNewThread?: string;
-        threadNamePlaceholder?: string;
-        cancel?: string;
-        create?: string;
-        daysAgo?: string;
-    };
-    branding?: {
-        logo?: React__default.ReactNode;
-        title?: React__default.ReactNode;
-        subtitle?: React__default.ReactNode;
-    };
-    userMenu?: UserMenuConfig;
-}
-interface SidebarProps extends React__default.ComponentProps<typeof Sidebar$1> {
-    threads: ChatThread[];
-    currentThreadId?: string | null;
-    config: SidebarConfig;
-    onCreateThread?: (title?: string) => void;
-    onSelectThread?: (threadId: string) => void;
-    onRenameThread?: (threadId: string, newTitle: string) => void;
-    onDeleteThread?: (threadId: string) => void;
-    onArchiveThread?: (threadId: string) => void;
-    user?: UserMenuUser | null;
-    userMenuCallbacks?: UserMenuCallbacks;
-    currentTheme?: 'light' | 'dark' | 'system';
-    showThemeOptions?: boolean;
-    /** Additional items to render in the user menu */
-    userMenuAdditionalItems?: React__default.ReactNode;
-}
-declare const Sidebar: React__default.FC<SidebarProps>;
-
-interface ThreadManagerProps {
-    threads: ChatThread[];
-    currentThreadId?: string | null;
-    config?: ChatConfig;
-    onCreateThread?: (title?: string) => void;
-    onSelectThread?: (threadId: string) => void;
-    onRenameThread?: (threadId: string, newTitle: string) => void;
-    onDeleteThread?: (threadId: string) => void;
-    onArchiveThread?: (threadId: string) => void;
-    isOpen?: boolean;
-    onClose?: () => void;
-    className?: string;
-}
-declare const ThreadManager: React__default.FC<ThreadManagerProps>;
+declare const AssistantActivity: React.NamedExoticComponent<AssistantActivityProps>;
 
 type Setter = (next: Partial<ChatUserContext> | ((prev: ChatUserContext) => Partial<ChatUserContext>)) => void;
 interface ChatUserContextValue {
@@ -641,82 +401,13 @@ interface ChatUserContextValue {
     setContext: Setter;
     resetContext: () => void;
 }
-declare const ChatUserContextProvider: React__default.FC<{
-    children: React__default.ReactNode;
+declare const ChatUserContextProvider: React.FC<{
+    children: React.ReactNode;
     initial?: Partial<ChatUserContext>;
 }>;
 declare function useChatUserContext(): ChatUserContextValue;
 
-interface UserProfileConfig {
-    labels?: {
-        title?: string;
-        basicInfo?: string;
-        customFields?: string;
-        memories?: string;
-        addMemory?: string;
-        noMemories?: string;
-        close?: string;
-        noCustomFields?: string;
-    };
-}
-interface UserProfileUser {
-    id: string;
-    name?: string;
-    email?: string;
-    avatar?: string;
-}
-interface CustomField {
-    key: string;
-    label: string;
-    value: string | number | boolean | null | undefined;
-    type?: 'text' | 'email' | 'phone' | 'url' | 'date' | 'number' | 'boolean';
-    icon?: React__default.ReactNode;
-}
-interface UserProfileProps {
-    isOpen: boolean;
-    onClose: () => void;
-    user?: UserProfileUser | null;
-    /** Custom fields from userContext.customFields */
-    customFields?: CustomField[] | Record<string, unknown>;
-    /** User memories */
-    memories?: MemoryItem[];
-    config?: UserProfileConfig;
-    /** Called when user wants to edit their profile */
-    onEditProfile?: () => void;
-    /** Called when user wants to logout */
-    onLogout?: () => void;
-    /** Called when user adds a memory */
-    onAddMemory?: (content: string, category?: MemoryItem['category']) => void;
-    /** Called when user updates a memory */
-    onUpdateMemory?: (memoryId: string, content: string) => void;
-    /** Called when user deletes a memory */
-    onDeleteMemory?: (memoryId: string) => void;
-    className?: string;
-}
-declare const UserProfile: React__default.FC<UserProfileProps>;
-
 declare const defaultChatConfig: Required<ChatConfig>;
 declare function mergeConfig(_baseConfig: ChatConfig, userConfig?: Partial<ChatConfig>): Required<ChatConfig>;
 
-declare function cn(...inputs: ClassValue[]): string;
-declare const formatDate: (timestamp: number, labels?: ChatConfig["labels"]) => string;
-declare const createObjectUrlFromDataUrl: (dataUrl: string) => string | null;
-
-declare const chatUtils: {
-    generateId: () => string;
-    generateMessageId: () => string;
-    generateThreadId: () => string;
-    createMessage: (role: "user" | "assistant" | "system", content: string, attachments?: MediaAttachment[]) => ChatMessage;
-    createThread: (title: string) => ChatThread;
-    generateThreadTitle: (firstMessage: string) => string;
-};
-/** Deterministic color for an agent based on its ID. */
-declare function getAgentColor(agentId: string): string;
-/** Up to 2-letter initials from an agent name. */
-declare function getAgentInitials(name: string): string;
-/** Assign colors to agents that don't have a custom color. Returns a new array. */
-declare function assignAgentColors(agents: AgentOption[]): (AgentOption & {
-    color: string;
-})[];
-
-export { AgentBadge, type AgentOption, type AudioAttachment, type ChatCallbacks, type ChatConfig, ChatHeader, type ChatHeaderConfig, type ChatHeaderProps, ChatInput, type ChatMarkdownConfig, type ChatMessage, type ChatState, type ChatThread, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatV2Props, type CreateVoiceProvider, type CustomField, type FileUploadProgress, type MediaAttachment, type MemoryItem, Message, type MessageAction, type MessageActionEvent, ParticipantsSelector, Sidebar, type SidebarConfig, type SidebarProps, type StateCallback, type StreamingUpdate, TargetAgentSelector, ThreadManager, type ToolCall, type UserCustomField, UserMenu, type UserMenuCallbacks, type UserMenuConfig, type UserMenuProps, type UserMenuUser, UserProfile, type UserProfileConfig, type UserProfileProps, type UserProfileUser, type VoiceComposerState, type VoiceProvider, type VoiceProviderHandlers, type VoiceProviderOptions, type VoiceReviewMode, type VoiceSegment, type VoiceTranscript, type VoiceTranscriptMode, assignAgentColors, chatUtils, cn, createObjectUrlFromDataUrl, defaultChatConfig, formatDate, getAgentColor, getAgentInitials, mergeConfig, useChatUserContext };
+export { type ActivityDisplayMode, type AgentOption, AssistantActivity, type AssistantActivityState, type AssistantActivitySummary, type AssistantActivitySummaryKind, type AudioAttachment, type ChatCallbacks, type ChatConfig, type ChatMarkdownConfig, type ChatMessage, type ChatState, type ChatThread, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatV2Props, type CreateVoiceProvider, type FileUploadProgress, type MediaAttachment, type MemoryItem, type MessageAction, type MessageActionEvent, type StateCallback, type StreamingUpdate, type ToolCall, type UserCustomField, type VoiceComposerState, type VoiceProvider, type VoiceProviderHandlers, type VoiceProviderOptions, type VoiceReviewMode, type VoiceSegment, type VoiceTranscript, type VoiceTranscriptMode, defaultChatConfig, mergeConfig, useChatUserContext };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}