@copilotz/chat-adapter 0.9.23 → 0.9.24

package/dist/index.js

@@ -629,6 +629,9 @@ async function fetchThreadMessagesPage(threadId, options, getRequestHeaders) {
   if (options?.before) {
     params.set("before", options.before);
   }
+  if (options?.after) {
+    params.set("after", options.after);
+  }
   const res = await fetch(
     apiUrl(`/v1/threads/${threadId}/messages?${params.toString()}`),
     {
@@ -1636,6 +1639,61 @@ var createEmptyMessagePageInfo = () => ({
   oldestMessageId: null,
   newestMessageId: null
 });
+var stringifyForCompare = (value) => {
+  if (value === void 0) return "";
+  try {
+    return JSON.stringify(value) ?? "";
+  } catch {
+    return String(value);
+  }
+};
+var getMessageSignature = (message) => JSON.stringify({
+  id: message.id,
+  role: message.role,
+  content: message.content ?? "",
+  isStreaming: message.isStreaming === true,
+  isComplete: message.isComplete === true,
+  attachments: stringifyForCompare(message.attachments),
+  activity: stringifyForCompare(message.activity),
+  metadata: stringifyForCompare(message.metadata),
+  sender: message.sender ? {
+    id: message.sender.id,
+    type: message.sender.type,
+    name: message.sender.name,
+    agentId: message.sender.agentId
+  } : null
+});
+var reconcileThreadMessages = (currentMessages, freshMessages) => {
+  if (freshMessages.length === 0) {
+    return { messages: currentMessages, changed: false };
+  }
+  if (currentMessages.length === 0) {
+    return { messages: freshMessages, changed: true };
+  }
+  const freshById = new Map(freshMessages.map((message) => [message.id, message]));
+  const seen = /* @__PURE__ */ new Set();
+  let changed = false;
+  const nextMessages = currentMessages.map((message) => {
+    const fresh = freshById.get(message.id);
+    if (!fresh) return message;
+    seen.add(message.id);
+    if (getMessageSignature(message) === getMessageSignature(fresh)) {
+      return message;
+    }
+    changed = true;
+    return fresh;
+  });
+  const appended = freshMessages.filter((message) => !seen.has(message.id));
+  if (appended.length > 0) {
+    changed = true;
+    nextMessages.push(...appended);
+    nextMessages.sort((a, b) => {
+      const timestampDelta = (a.timestamp ?? 0) - (b.timestamp ?? 0);
+      return timestampDelta !== 0 ? timestampDelta : a.id.localeCompare(b.id);
+    });
+  }
+  return changed ? { messages: nextMessages, changed } : { messages: currentMessages, changed: false };
+};
 var createPendingAssistantActivity = () => ({
   items: [
     {
@@ -1895,6 +1953,34 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
     },
     [getRequestHeaders, prepareThreadMessages]
   );
+  const refreshThreadMessages = useCallback2(
+    async (threadId) => {
+      const requestId = messagesRequestRef.current;
+      try {
+        const page = await fetchThreadMessagesPage(threadId, { limit: THREAD_MESSAGES_PAGE_SIZE }, getRequestHeaders);
+        const { viewMessages, toolResultUpdates } = await prepareThreadMessages(page.data);
+        if (messagesRequestRef.current !== requestId) return;
+        persistedToolUpdatesRef.current = [
+          ...persistedToolUpdatesRef.current,
+          ...toolResultUpdates.filter((update) => !persistedToolUpdatesRef.current.some((current) => matchesToolResultUpdate(current, update)))
+        ];
+        const hydratedMessages = mergePersistedToolResults(viewMessages, persistedToolUpdatesRef.current);
+        setMessages((prev) => {
+          const reconciled = reconcileThreadMessages(prev, hydratedMessages);
+          return reconciled.changed ? reconciled.messages : prev;
+        });
+        setMessagePageInfo((prev) => ({
+          hasMoreBefore: prev.hasMoreBefore || page.pageInfo.hasMoreBefore,
+          oldestMessageId: prev.oldestMessageId ?? page.pageInfo.oldestMessageId,
+          newestMessageId: page.pageInfo.newestMessageId ?? prev.newestMessageId
+        }));
+      } catch (error) {
+        if (isAbortError(error)) return;
+        console.error(`Error refreshing messages for thread ${threadId}`, error);
+      }
+    },
+    [getRequestHeaders, prepareThreadMessages]
+  );
   const loadOlderMessages = useCallback2(async () => {
     const threadId = currentThreadIdRef.current;
     const pageInfo = messagePageInfoRef.current;
@@ -1939,6 +2025,7 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
       void (async () => {
         let delayMs = 2e3;
         let attempts = 0;
+        await refreshThreadMessages(threadId);
         while (recoveryPollGenerationRef.current === generation) {
           await new Promise((resolve) => setTimeout(resolve, delayMs));
           if (recoveryPollGenerationRef.current !== generation) return;
@@ -1949,14 +2036,14 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
             if (activity.status === "running") {
               attempts += 1;
               if (attempts % 3 === 0) {
-                await loadThreadMessages(threadId);
+                await refreshThreadMessages(threadId);
               }
               if (attempts >= 15) {
                 delayMs = 5e3;
               }
               continue;
             }
-            await loadThreadMessages(threadId);
+            await refreshThreadMessages(threadId);
             finalizeStreamingPlaceholders(activity.status);
             return;
           } catch (error) {
@@ -1969,7 +2056,7 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
         }
       })();
     },
-    [finalizeStreamingPlaceholders, getRequestHeaders, loadThreadMessages]
+    [finalizeStreamingPlaceholders, getRequestHeaders, refreshThreadMessages]
   );
   const refreshThreadActivity = useCallback2(
     async (threadId) => {
@@ -1982,14 +2069,14 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
         }
         setIsRecoveringStream(false);
         if (activity.status === "failed") {
-          await loadThreadMessages(threadId);
+          await refreshThreadMessages(threadId);
         }
       } catch (error) {
         if (isAbortError(error)) return;
         console.warn("Unable to load Copilotz thread activity", error);
       }
     },
-    [getRequestHeaders, loadThreadMessages, startThreadActivityRecovery]
+    [getRequestHeaders, refreshThreadMessages, startThreadActivityRecovery]
   );
   const handleSelectThread = useCallback2(
     async (threadId) => {
@@ -2539,7 +2626,7 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
               startThreadActivityRecovery(activityThreadId);
             } else if (streamError || activity.status === "failed") {
               setIsRecoveringStream(false);
-              await loadThreadMessages(activityThreadId);
+              await refreshThreadMessages(activityThreadId);
             }
           }
         } catch (activityError) {
@@ -2558,7 +2645,7 @@ function useCopilotz({ userId, userName, userAvatar, assistantName, agentOptions
       }
       return currentAssistantId;
     },
-    [applyEventInterceptor, handleStreamMessageEvent, handleStreamAssetEvent, fetchAndSetThreadsState, finalizeStreamingPlaceholders, getRequestHeaders, loadThreadMessages, startThreadActivityRecovery]
+    [applyEventInterceptor, handleStreamMessageEvent, handleStreamAssetEvent, fetchAndSetThreadsState, finalizeStreamingPlaceholders, getRequestHeaders, refreshThreadMessages, startThreadActivityRecovery]
   );
   const handleSendMessage = useCallback2(
     async (content, attachments = []) => {
@@ -2869,7 +2956,7 @@ var CopilotzChat = ({ userId, userName, userAvatar, userEmail, initialContext, b
     if (!targetAgentId) return null;
     return targetAgentId;
   }, [targetAgentId]);
-  const { messages, isMessagesLoading, isLoadingOlderMessages, messagePageInfo, threads, currentThreadId, isStreaming, activityNotice, specialState, clearSpecialState, userContextSeed, sendMessage, createThread, selectThread, renameThread, archiveThread, updateThreadTags, editMessage, deleteThread: deleteThread2, stopGeneration, loadOlderMessages } = useCopilotz({
+  const { messages, isMessagesLoading, isLoadingOlderMessages, messagePageInfo, threads, currentThreadId, isStreaming, isRecoveringStream, activityNotice, specialState, clearSpecialState, userContextSeed, sendMessage, createThread, selectThread, renameThread, archiveThread, updateThreadTags, editMessage, deleteThread: deleteThread2, stopGeneration, loadOlderMessages } = useCopilotz({
     userId,
     userName,
     userAvatar,
@@ -2970,7 +3057,7 @@ var CopilotzChat = ({ userId, userName, userAvatar, userEmail, initialContext, b
     [userConfig?.branding?.title, userConfig?.branding?.avatar, userConfig?.branding?.subtitle]
   );
   const specialStateContent = specialState ? renderSpecialState?.(specialState, { clear: clearSpecialState }) : null;
-  return /* @__PURE__ */ jsx(ChatUserContextProvider, { initial: userContextSeed, children: specialStateContent ?? /* @__PURE__ */ jsx(ChatUI, { messages, isMessagesLoading, isLoadingOlderMessages, hasMoreMessagesBefore: messagePageInfo.hasMoreBefore, activityNotice, onLoadOlderMessages: loadOlderMessages, threads, currentThreadId, config: mergedConfig, callbacks: chatCallbacks, isGenerating: isStreaming, suggestions, agentOptions, selectedAgentId, onSelectAgent, participantIds, onParticipantsChange, targetAgentId, onTargetAgentChange, user: userProp, assistant: assistantProp, onAddMemory, onUpdateMemory, onDeleteMemory, userMenuSections, userMenuAdditionalItems, className }) });
+  return /* @__PURE__ */ jsx(ChatUserContextProvider, { initial: userContextSeed, children: specialStateContent ?? /* @__PURE__ */ jsx(ChatUI, { messages, isMessagesLoading, isLoadingOlderMessages, hasMoreMessagesBefore: messagePageInfo.hasMoreBefore, activityNotice, isBackgroundRefreshingMessages: isRecoveringStream, onLoadOlderMessages: loadOlderMessages, threads, currentThreadId, config: mergedConfig, callbacks: chatCallbacks, isGenerating: isStreaming, suggestions, agentOptions, selectedAgentId, onSelectAgent, participantIds, onParticipantsChange, targetAgentId, onTargetAgentChange, user: userProp, assistant: assistantProp, onAddMemory, onUpdateMemory, onDeleteMemory, userMenuSections, userMenuAdditionalItems, className }) });
 };
 export {
   CopilotzChat,