@copilotz/chat-ui 0.9.22 → 0.9.24

package/dist/index.d.cts

@@ -163,6 +163,10 @@ interface ChatConfig {
         inputPlaceholder?: string;
         sendButton?: string;
         sendMessageTooltip?: string;
+        stageMessageTooltip?: string;
+        sendNowTooltip?: string;
+        stagedMessageLabel?: string;
+        discardStagedMessageTooltip?: string;
         newThread?: string;
         deleteThread?: string;
         copyMessage?: string;
@@ -357,6 +361,10 @@ interface ChatCallbacks {
     onThemeChange?: (theme: "light" | "dark" | "system") => void;
     onLogout?: () => void;
 }
+interface ChatActivityNotice {
+    tone: "info" | "error";
+    message: string;
+}
 interface ChatV2Props {
     messages?: ChatMessage[];
     threads?: ChatThread[];
@@ -370,6 +378,8 @@ interface ChatV2Props {
     isMessagesLoading?: boolean;
     isLoadingOlderMessages?: boolean;
     hasMoreMessagesBefore?: boolean;
+    activityNotice?: ChatActivityNotice | null;
+    isBackgroundRefreshingMessages?: boolean;
     callbacks?: ChatCallbacks;
     onLoadOlderMessages?: () => void;
     user?: {
@@ -519,4 +529,4 @@ declare function mergeConfig(_baseConfig: ChatConfig, userConfig?: Partial<ChatC
 declare const getAttachmentKindFromMimeType: (mimeType?: string | null) => MediaAttachmentKind;
 declare const getMimeTypeFromDataUrl: (dataUrl: string) => string | null;
 
-export { type AgentOption, AssistantActivity, type AssistantActivityBlock, type AssistantActivityItem, type AssistantActivityKind, type AssistantActivityStatus, type AudioAttachment, type ChatCallbacks, type ChatConfig, type ChatHeaderMenuItem, type ChatMarkdownConfig, type ChatMessage, type ChatSender, type ChatState, type ChatThread, type ChatThreadTag, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatUserMenuItem, type ChatUserMenuSection, type ChatV2Props, type CreateVoiceProvider, type FileUploadProgress, type MediaAttachment, type MediaAttachmentKind, type MemoryItem, type MessageAction, type MessageActionEvent, MessageSenderAvatar, 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, getAttachmentKindFromMimeType, getMimeTypeFromDataUrl, mergeConfig, resolveMessageSenderDisplay, useChatUserContext };
+export { type AgentOption, AssistantActivity, type AssistantActivityBlock, type AssistantActivityItem, type AssistantActivityKind, type AssistantActivityStatus, type AudioAttachment, type ChatActivityNotice, type ChatCallbacks, type ChatConfig, type ChatHeaderMenuItem, type ChatMarkdownConfig, type ChatMessage, type ChatSender, type ChatState, type ChatThread, type ChatThreadTag, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatUserMenuItem, type ChatUserMenuSection, type ChatV2Props, type CreateVoiceProvider, type FileUploadProgress, type MediaAttachment, type MediaAttachmentKind, type MemoryItem, type MessageAction, type MessageActionEvent, MessageSenderAvatar, 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, getAttachmentKindFromMimeType, getMimeTypeFromDataUrl, mergeConfig, resolveMessageSenderDisplay, useChatUserContext };

package/dist/index.d.ts

@@ -163,6 +163,10 @@ interface ChatConfig {
         inputPlaceholder?: string;
         sendButton?: string;
         sendMessageTooltip?: string;
+        stageMessageTooltip?: string;
+        sendNowTooltip?: string;
+        stagedMessageLabel?: string;
+        discardStagedMessageTooltip?: string;
         newThread?: string;
         deleteThread?: string;
         copyMessage?: string;
@@ -357,6 +361,10 @@ interface ChatCallbacks {
     onThemeChange?: (theme: "light" | "dark" | "system") => void;
     onLogout?: () => void;
 }
+interface ChatActivityNotice {
+    tone: "info" | "error";
+    message: string;
+}
 interface ChatV2Props {
     messages?: ChatMessage[];
     threads?: ChatThread[];
@@ -370,6 +378,8 @@ interface ChatV2Props {
     isMessagesLoading?: boolean;
     isLoadingOlderMessages?: boolean;
     hasMoreMessagesBefore?: boolean;
+    activityNotice?: ChatActivityNotice | null;
+    isBackgroundRefreshingMessages?: boolean;
     callbacks?: ChatCallbacks;
     onLoadOlderMessages?: () => void;
     user?: {
@@ -519,4 +529,4 @@ declare function mergeConfig(_baseConfig: ChatConfig, userConfig?: Partial<ChatC
 declare const getAttachmentKindFromMimeType: (mimeType?: string | null) => MediaAttachmentKind;
 declare const getMimeTypeFromDataUrl: (dataUrl: string) => string | null;
 
-export { type AgentOption, AssistantActivity, type AssistantActivityBlock, type AssistantActivityItem, type AssistantActivityKind, type AssistantActivityStatus, type AudioAttachment, type ChatCallbacks, type ChatConfig, type ChatHeaderMenuItem, type ChatMarkdownConfig, type ChatMessage, type ChatSender, type ChatState, type ChatThread, type ChatThreadTag, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatUserMenuItem, type ChatUserMenuSection, type ChatV2Props, type CreateVoiceProvider, type FileUploadProgress, type MediaAttachment, type MediaAttachmentKind, type MemoryItem, type MessageAction, type MessageActionEvent, MessageSenderAvatar, 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, getAttachmentKindFromMimeType, getMimeTypeFromDataUrl, mergeConfig, resolveMessageSenderDisplay, useChatUserContext };
+export { type AgentOption, AssistantActivity, type AssistantActivityBlock, type AssistantActivityItem, type AssistantActivityKind, type AssistantActivityStatus, type AudioAttachment, type ChatActivityNotice, type ChatCallbacks, type ChatConfig, type ChatHeaderMenuItem, type ChatMarkdownConfig, type ChatMessage, type ChatSender, type ChatState, type ChatThread, type ChatThreadTag, ChatUI, type ChatUserContext, ChatUserContextProvider, type ChatUserMenuItem, type ChatUserMenuSection, type ChatV2Props, type CreateVoiceProvider, type FileUploadProgress, type MediaAttachment, type MediaAttachmentKind, type MemoryItem, type MessageAction, type MessageActionEvent, MessageSenderAvatar, 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, getAttachmentKindFromMimeType, getMimeTypeFromDataUrl, mergeConfig, resolveMessageSenderDisplay, useChatUserContext };

package/dist/index.js

@@ -25,6 +25,10 @@ var defaultChatConfig = {
     inputPlaceholder: "Type your message...",
     sendButton: "Send",
     sendMessageTooltip: "Send message",
+    stageMessageTooltip: "Stage message",
+    sendNowTooltip: "Send now",
+    stagedMessageLabel: "Not sent yet",
+    discardStagedMessageTooltip: "Discard",
     newThread: "New Conversation",
     deleteThread: "Delete Conversation",
     copyMessage: "Copy",
@@ -5285,7 +5289,8 @@ var ChatInput = memo4(function ChatInput2({
                     config?.labels?.attachmentsCount,
                     "{{count}}/{{max}} attachments",
                     { count: staged.attachments.length, max: maxAttachments }
-                  ) })
+                  ) }),
+                  /* @__PURE__ */ jsx25("div", { className: "text-xs text-muted-foreground", children: config?.labels?.stagedMessageLabel || "Not sent yet" })
                 ] }),
                 /* @__PURE__ */ jsxs15(Tooltip, { children: [
                   /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
@@ -5298,7 +5303,7 @@ var ChatInput = memo4(function ChatInput2({
                       children: /* @__PURE__ */ jsx25(Send2, { className: "h-4 w-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.sendNowTooltip || config?.labels?.sendMessageTooltip })
                 ] }),
                 /* @__PURE__ */ jsxs15(Tooltip, { children: [
                   /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
@@ -5312,7 +5317,7 @@ var ChatInput = memo4(function ChatInput2({
                       children: /* @__PURE__ */ jsx25(X5, { className: "h-4 w-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.voiceCancel })
+                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.discardStagedMessageTooltip || config?.labels?.voiceCancel })
                 ] })
               ]
             },
@@ -5437,7 +5442,7 @@ var ChatInput = memo4(function ChatInput2({
                       children: /* @__PURE__ */ jsx25(Send2, { className: "h-4 w-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+                  /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.stageMessageTooltip || config?.labels?.sendMessageTooltip })
                 ] }),
                 /* @__PURE__ */ jsxs15(Tooltip, { children: [
                   /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
@@ -6069,6 +6074,8 @@ var ChatUI = ({
   isMessagesLoading = false,
   isLoadingOlderMessages = false,
   hasMoreMessagesBefore = false,
+  activityNotice = null,
+  isBackgroundRefreshingMessages = false,
   callbacks = {},
   onLoadOlderMessages,
   user,
@@ -6204,7 +6211,9 @@ var ChatUI = ({
       prevMessageCountRef.current = groupedMessages.length;
       return;
     }
-    const wasEmpty = prevMessageCountRef.current === 0;
+    const previousMessageCount = prevMessageCountRef.current;
+    const wasEmpty = previousMessageCount === 0;
+    const didAppendMessages = groupedMessages.length > previousMessageCount;
     prevMessageCountRef.current = groupedMessages.length;
     if (wasEmpty) {
       requestAnimationFrame(() => {
@@ -6216,6 +6225,9 @@ var ChatUI = ({
       });
       return;
     }
+    if (isBackgroundRefreshingMessages && !didAppendMessages) {
+      return;
+    }
     if (!state.isAtBottom) return;
     requestAnimationFrame(() => {
       const viewport = scrollAreaRef.current;
@@ -6226,7 +6238,7 @@ var ChatUI = ({
         viewport.scrollTop = viewport.scrollHeight;
       }
     });
-  }, [groupedMessages, state.isAtBottom, virtualizer]);
+  }, [groupedMessages, isBackgroundRefreshingMessages, state.isAtBottom, virtualizer]);
   useEffect10(() => {
     const viewport = scrollAreaRef.current;
     if (!viewport) return;
@@ -6717,41 +6729,50 @@ var ChatUI = ({
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx28("div", { className: "-mt-8 bg-gradient-to-t from-background via-background/95 to-transparent px-0 pb-[env(safe-area-inset-bottom)] pt-10", children: /* @__PURE__ */ jsx28(
-                ChatInput,
-                {
-                  value: inputValue,
-                  onChange: (value) => {
-                    inputValueRef.current = value;
-                    if (initialInputApplied.current && !initialInputConsumedRef.current) {
-                      initialInputConsumedRef.current = true;
-                      onInitialInputConsumed?.();
-                    }
-                  },
-                  onSubmit: handleSendMessage,
-                  attachments,
-                  onAttachmentsChange: setAttachments,
-                  placeholder: config.labels.inputPlaceholder,
-                  disabled: false,
-                  isGenerating,
-                  onStopGeneration: callbacks.onStopGeneration,
-                  enableFileUpload: config.features.enableFileUpload,
-                  enableAudioRecording: config.features.enableAudioRecording,
-                  maxAttachments: config.features.maxAttachments,
-                  maxFileSize: config.features.maxFileSize,
-                  acceptedFileTypes: config.features.acceptedFileTypes,
-                  config,
-                  mentionAgents: participantIds && participantIds.length > 0 ? agentOptions.filter(
-                    (a) => participantIds.includes(a.id)
-                  ) : agentOptions,
-                  targetAgentId,
-                  showTargetAgentSelector: Boolean(
-                    isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange
-                  ),
-                  targetAgentSelectorPlaceholder: config.agentSelector?.label || "Select agent",
-                  onTargetAgentChange
-                }
-              ) })
+              /* @__PURE__ */ jsxs18("div", { className: "-mt-8 bg-gradient-to-t from-background via-background/95 to-transparent px-0 pb-[env(safe-area-inset-bottom)] pt-10", children: [
+                activityNotice && /* @__PURE__ */ jsx28("div", { className: "mx-auto mb-2 w-full max-w-3xl px-3 md:px-2", children: /* @__PURE__ */ jsx28(
+                  "div",
+                  {
+                    className: activityNotice.tone === "error" ? "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive" : "rounded-md border border-border bg-muted/70 px-3 py-2 text-sm text-muted-foreground",
+                    children: activityNotice.message
+                  }
+                ) }),
+                /* @__PURE__ */ jsx28(
+                  ChatInput,
+                  {
+                    value: inputValue,
+                    onChange: (value) => {
+                      inputValueRef.current = value;
+                      if (initialInputApplied.current && !initialInputConsumedRef.current) {
+                        initialInputConsumedRef.current = true;
+                        onInitialInputConsumed?.();
+                      }
+                    },
+                    onSubmit: handleSendMessage,
+                    attachments,
+                    onAttachmentsChange: setAttachments,
+                    placeholder: config.labels.inputPlaceholder,
+                    disabled: false,
+                    isGenerating,
+                    onStopGeneration: callbacks.onStopGeneration,
+                    enableFileUpload: config.features.enableFileUpload,
+                    enableAudioRecording: config.features.enableAudioRecording,
+                    maxAttachments: config.features.maxAttachments,
+                    maxFileSize: config.features.maxFileSize,
+                    acceptedFileTypes: config.features.acceptedFileTypes,
+                    config,
+                    mentionAgents: participantIds && participantIds.length > 0 ? agentOptions.filter(
+                      (a) => participantIds.includes(a.id)
+                    ) : agentOptions,
+                    targetAgentId,
+                    showTargetAgentSelector: Boolean(
+                      isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange
+                    ),
+                    targetAgentSelectorPlaceholder: config.agentSelector?.label || "Select agent",
+                    onTargetAgentChange
+                  }
+                )
+              ] })
             ] }),
             config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx28(
               "div",