@xpert-ai/chatkit-ui 0.3.0 → 0.3.1

package/dist/index.cjs

@@ -619,6 +619,7 @@ function ParentMessengerProvider({
     /* @__PURE__ */ new Map()
   );
   const onSetOptionsHandlersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  const onSetPetEnabledHandlersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
   const onSetComposerValueHandlersRef = (0, import_react.useRef)(
     /* @__PURE__ */ new Set()
   );
@@ -636,6 +637,15 @@ function ParentMessengerProvider({
       onSetOptionsHandlersRef.current.delete(handler);
     };
   }, []);
+  const registerOnSetPetEnabled = (0, import_react.useCallback)(
+    (handler) => {
+      onSetPetEnabledHandlersRef.current.add(handler);
+      return () => {
+        onSetPetEnabledHandlersRef.current.delete(handler);
+      };
+    },
+    []
+  );
   const registerOnSetComposerValue = (0, import_react.useCallback)(
     (handler) => {
       onSetComposerValueHandlersRef.current.add(handler);
@@ -778,6 +788,17 @@ function ParentMessengerProvider({
         }
         return;
       }
+      if (payload.type === "command" && payload.command === "onSetPetEnabled") {
+        const data = payload.data;
+        const enabled = data?.enabled === true;
+        onSetPetEnabledHandlersRef.current.forEach((handler2) => {
+          handler2(enabled);
+        });
+        if (payload.nonce) {
+          sendResponse(payload.nonce, { ok: true });
+        }
+        return;
+      }
       if (payload.type === "command" && payload.command === "onFocusComposer") {
         void Promise.all(
           [...onFocusComposerHandlersRef.current].map(
@@ -874,6 +895,7 @@ function ParentMessengerProvider({
       sendCommand,
       sendEvent,
       registerOnSetOptions,
+      registerOnSetPetEnabled,
       registerOnSetComposerValue,
       registerOnFocusComposer
     }),
@@ -882,6 +904,7 @@ function ParentMessengerProvider({
       sendCommand,
       sendEvent,
       registerOnSetOptions,
+      registerOnSetPetEnabled,
       registerOnSetComposerValue,
       registerOnFocusComposer
     ]
@@ -892,6 +915,7 @@ function ParentMessengerProvider({
 // src/hooks/useParentMessenger.tsx
 function useParentMessenger({
   onSetOptions,
+  onSetPetEnabled,
   onSetComposerValue,
   onFocusComposer
 } = {}) {
@@ -903,16 +927,21 @@ function useParentMessenger({
   }
   const {
     registerOnSetOptions,
+    registerOnSetPetEnabled,
     registerOnSetComposerValue,
     registerOnFocusComposer,
     ...messenger
   } = context;
   const onSetOptionsRef = (0, import_react2.useRef)(onSetOptions);
+  const onSetPetEnabledRef = (0, import_react2.useRef)(onSetPetEnabled);
   const onSetComposerValueRef = (0, import_react2.useRef)(onSetComposerValue);
   const onFocusComposerRef = (0, import_react2.useRef)(onFocusComposer);
   (0, import_react2.useEffect)(() => {
     onSetOptionsRef.current = onSetOptions;
   }, [onSetOptions]);
+  (0, import_react2.useEffect)(() => {
+    onSetPetEnabledRef.current = onSetPetEnabled;
+  }, [onSetPetEnabled]);
   (0, import_react2.useEffect)(() => {
     onSetComposerValueRef.current = onSetComposerValue;
   }, [onSetComposerValue]);
@@ -920,6 +949,7 @@ function useParentMessenger({
     onFocusComposerRef.current = onFocusComposer;
   }, [onFocusComposer]);
   const hasOnSetOptions = Boolean(onSetOptions);
+  const hasOnSetPetEnabled = Boolean(onSetPetEnabled);
   const hasOnSetComposerValue = Boolean(onSetComposerValue);
   const hasOnFocusComposer = Boolean(onFocusComposer);
   (0, import_react2.useEffect)(() => {
@@ -929,6 +959,13 @@ function useParentMessenger({
     };
     return registerOnSetOptions(handler);
   }, [hasOnSetOptions, registerOnSetOptions]);
+  (0, import_react2.useEffect)(() => {
+    if (!hasOnSetPetEnabled) return;
+    const handler = (enabled) => {
+      onSetPetEnabledRef.current?.(enabled);
+    };
+    return registerOnSetPetEnabled(handler);
+  }, [hasOnSetPetEnabled, registerOnSetPetEnabled]);
   (0, import_react2.useEffect)(() => {
     if (!hasOnSetComposerValue) return;
     const handler = (payload) => {
@@ -5510,14 +5547,14 @@ function formatUnknownMessageContent(content) {
 function getMessagePlainText(message) {
   return formatUnknownMessageContent(message.content).replace(/\s+/g, " ").trim();
 }
-function findLatestMessageByType(messages, types) {
+function findLatestMessageMatchByType(messages, types) {
   for (let index = messages.length - 1; index >= 0; index -= 1) {
     const message = messages[index];
     if (!message) {
       continue;
     }
     if (types.includes(String(message.type))) {
-      return message;
+      return { message, index };
     }
   }
   return null;
@@ -5532,6 +5569,21 @@ function truncateSummaryText(value, maxLength) {
   }
   return `${value.slice(0, Math.max(0, maxLength - 3)).trimEnd()}...`;
 }
+function normalizeThreadId(threadId) {
+  const normalized = threadId?.trim();
+  return normalized || null;
+}
+function getConversationSummarySourceKey(summary) {
+  if (!summary) {
+    return null;
+  }
+  return [
+    summary.threadId,
+    summary.messageId ?? "",
+    summary.updatedAt ?? "",
+    summary.message
+  ].join("
");
+}
 function buildConversationSummary({
   threadId,
   currentThread,
@@ -5545,22 +5597,33 @@ function buildConversationSummary({
     return null;
   }
   const errorMessage = threadErrorMessage?.trim();
-  const assistantMessage = findLatestMessageByType(messages, [
+  const assistantMatch = findLatestMessageMatchByType(messages, [
     "assistant",
     "ai"
   ]);
-  if (!assistantMessage && !errorMessage) {
+  const latestUserMatch = findLatestMessageMatchByType(messages, [
+    "user",
+    "human"
+  ]);
+  const assistantMessage = assistantMatch?.message;
+  const latestUserMessage = latestUserMatch?.message;
+  const assistantMessageText = assistantMessage ? getMessagePlainText(assistantMessage) : "";
+  const latestUserMessageText = latestUserMessage ? getMessagePlainText(latestUserMessage) : "";
+  const latestUserIsAfterAssistant = Boolean(
+    latestUserMatch && (!assistantMatch || latestUserMatch.index > assistantMatch.index)
+  );
+  const shouldUseLatestUserMessage = Boolean(
+    currentThreadIsRunning && latestUserMatch && latestUserMessageText && (latestUserIsAfterAssistant || !assistantMessageText)
+  );
+  const summaryMessage = shouldUseLatestUserMessage && latestUserMatch ? latestUserMatch.message : assistantMessageText ? assistantMessage : void 0;
+  if (!summaryMessage && !errorMessage) {
     return null;
   }
-  const assistantMessageText = assistantMessage ? getMessagePlainText(assistantMessage) : "";
-  const message = errorMessage || assistantMessageText;
+  const summaryMessageText = shouldUseLatestUserMessage ? latestUserMessageText : assistantMessageText;
+  const message = errorMessage || summaryMessageText;
   if (!message) {
     return null;
   }
-  const latestUserMessage = findLatestMessageByType(messages, [
-    "user",
-    "human"
-  ]);
   const title = currentThread?.title?.trim() || (latestUserMessage ? truncateSummaryText(
     getMessagePlainText(latestUserMessage),
     CONVERSATION_SUMMARY_TITLE_FALLBACK_MAX_LENGTH
@@ -5571,8 +5634,8 @@ function buildConversationSummary({
     title,
     message,
     status,
-    ...assistantMessage && getMessageStringField(assistantMessage, "id") ? { messageId: getMessageStringField(assistantMessage, "id") } : {},
-    ...assistantMessage && getMessageStringField(assistantMessage, "updatedAt") ? { updatedAt: getMessageStringField(assistantMessage, "updatedAt") } : assistantMessage && getMessageStringField(assistantMessage, "createdAt") ? { updatedAt: getMessageStringField(assistantMessage, "createdAt") } : {}
+    ...summaryMessage && getMessageStringField(summaryMessage, "id") ? { messageId: getMessageStringField(summaryMessage, "id") } : {},
+    ...summaryMessage && getMessageStringField(summaryMessage, "updatedAt") ? { updatedAt: getMessageStringField(summaryMessage, "updatedAt") } : summaryMessage && getMessageStringField(summaryMessage, "createdAt") ? { updatedAt: getMessageStringField(summaryMessage, "createdAt") } : {}
   };
 }
 function useConversationSummaryEvent({
@@ -5582,6 +5645,7 @@ function useConversationSummaryEvent({
   currentThreadIsRunning,
   threadErrorMessage,
   messages,
+  historyMessageLoadVersion = 0,
   fallbackTitle
 }) {
   const summary = React21.useMemo(
@@ -5604,18 +5668,57 @@ function useConversationSummaryEvent({
     ]
   );
   const sendParentEvent = parentMessenger?.sendEvent;
+  const emissionStateRef = React21.useRef({
+    threadId: null,
+    historyMessageLoadVersion,
+    baselineSourceKey: null,
+    publishedSourceKey: null
+  });
   React21.useEffect(() => {
     if (!sendParentEvent) {
       return;
     }
-    sendParentEvent("public_event", [
-      "log",
-      {
-        name: CONVERSATION_SUMMARY_LOG_NAME,
-        data: summary
-      }
-    ]);
-  }, [sendParentEvent, summary]);
+    const normalizedThreadId = summary?.threadId ?? normalizeThreadId(threadId);
+    const sourceKey = getConversationSummarySourceKey(summary);
+    const state = emissionStateRef.current;
+    const sendSummary = (data) => {
+      sendParentEvent("public_event", [
+        "log",
+        {
+          name: CONVERSATION_SUMMARY_LOG_NAME,
+          data
+        }
+      ]);
+    };
+    if (state.threadId !== normalizedThreadId) {
+      emissionStateRef.current = {
+        threadId: normalizedThreadId,
+        historyMessageLoadVersion,
+        baselineSourceKey: sourceKey,
+        publishedSourceKey: null
+      };
+      sendSummary(null);
+      return;
+    }
+    if (state.historyMessageLoadVersion !== historyMessageLoadVersion) {
+      state.historyMessageLoadVersion = historyMessageLoadVersion;
+      state.baselineSourceKey = sourceKey;
+      state.publishedSourceKey = null;
+      sendSummary(null);
+      return;
+    }
+    if (!summary || !sourceKey) {
+      state.baselineSourceKey = null;
+      state.publishedSourceKey = null;
+      sendSummary(null);
+      return;
+    }
+    if (!state.publishedSourceKey && state.baselineSourceKey === sourceKey) {
+      return;
+    }
+    state.publishedSourceKey = sourceKey;
+    sendSummary(summary);
+  }, [historyMessageLoadVersion, sendParentEvent, summary, threadId]);
   return summary;
 }
 
@@ -11135,15 +11238,12 @@ function Chat({
     }),
     [basePetSettings, petLocalSettings, petRequired]
   );
-  const effectivePet = React43.useMemo(
-    () => {
-      if (petRequired || petLocalSettings) {
-        return buildPetOptionsFromLocalSettings(displayedPetSettings);
-      }
-      return options?.pet ?? null;
-    },
-    [displayedPetSettings, options?.pet, petLocalSettings, petRequired]
-  );
+  const effectivePet = React43.useMemo(() => {
+    if (petRequired || petLocalSettings) {
+      return buildPetOptionsFromLocalSettings(displayedPetSettings);
+    }
+    return options?.pet ?? null;
+  }, [displayedPetSettings, options?.pet, petLocalSettings, petRequired]);
   const savePetLocalSettings = React43.useCallback(
     (settings) => {
       const nextSettings = petRequired ? { ...settings, enabled: true } : settings;
@@ -11353,7 +11453,19 @@ function Chat({
     ),
     onFocusComposer: React43.useCallback(() => {
       composerInputRef.current?.focus();
-    }, [])
+    }, []),
+    onSetPetEnabled: React43.useCallback(
+      (enabled) => {
+        if (petRequired) {
+          return;
+        }
+        savePetLocalSettings({
+          ...displayedPetSettings,
+          enabled
+        });
+      },
+      [displayedPetSettings, petRequired, savePetLocalSettings]
+    )
   });
   const syncQuoteSelection = React43.useCallback(() => {
     if (typeof window === "undefined") {
@@ -12586,9 +12698,10 @@ function Chat({
     parentMessenger,
     threadId: stream.threadId,
     currentThread,
-    currentThreadIsRunning,
+    currentThreadIsRunning: stream.isLoading,
     threadErrorMessage,
     messages,
+    historyMessageLoadVersion: stream.historyMessageLoadVersion ?? 0,
     fallbackTitle: t("history.threadFallback")
   });
   const assistantTitle = assistantName || resolvedTitle;

package/dist/index.d.cts

@@ -115,6 +115,9 @@ type CommandMessageMap = {
     onSendUserMessage: SendUserMessageParams;
     onSetComposerValue: ComposerValuePayload | null;
     onSetOptions: ChatKitOptions | null;
+    onSetPetEnabled: {
+        enabled: boolean;
+    };
     onFocusComposer: null;
     onSetThreadId: {
         threadId: string | null;
@@ -151,10 +154,11 @@ declare function ParentMessengerProvider({ children, }: ParentMessengerProviderP
 
 type ParentMessengerOptions = {
     onSetOptions?: (options: ChatKitOptions | null) => void;
+    onSetPetEnabled?: (enabled: boolean) => void;
     onSetComposerValue?: (payload: ComposerValuePayload | null) => void;
     onFocusComposer?: () => void;
 };
-declare function useParentMessenger({ onSetOptions, onSetComposerValue, onFocusComposer, }?: ParentMessengerOptions): ParentMessenger;
+declare function useParentMessenger({ onSetOptions, onSetPetEnabled, onSetComposerValue, onFocusComposer, }?: ParentMessengerOptions): ParentMessenger;
 
 interface ThemeProviderProps {
     children: React.ReactNode;

package/dist/index.d.ts

@@ -115,6 +115,9 @@ type CommandMessageMap = {
     onSendUserMessage: SendUserMessageParams;
     onSetComposerValue: ComposerValuePayload | null;
     onSetOptions: ChatKitOptions | null;
+    onSetPetEnabled: {
+        enabled: boolean;
+    };
     onFocusComposer: null;
     onSetThreadId: {
         threadId: string | null;
@@ -151,10 +154,11 @@ declare function ParentMessengerProvider({ children, }: ParentMessengerProviderP
 
 type ParentMessengerOptions = {
     onSetOptions?: (options: ChatKitOptions | null) => void;
+    onSetPetEnabled?: (enabled: boolean) => void;
     onSetComposerValue?: (payload: ComposerValuePayload | null) => void;
     onFocusComposer?: () => void;
 };
-declare function useParentMessenger({ onSetOptions, onSetComposerValue, onFocusComposer, }?: ParentMessengerOptions): ParentMessenger;
+declare function useParentMessenger({ onSetOptions, onSetPetEnabled, onSetComposerValue, onFocusComposer, }?: ParentMessengerOptions): ParentMessenger;
 
 interface ThemeProviderProps {
     children: React.ReactNode;