@xpert-ai/chatkit-ui 0.3.0 → 0.3.1

package/dist/index.js

@@ -590,6 +590,7 @@ function ParentMessengerProvider({
     /* @__PURE__ */ new Map()
   );
   const onSetOptionsHandlersRef = useRef(/* @__PURE__ */ new Set());
+  const onSetPetEnabledHandlersRef = useRef(/* @__PURE__ */ new Set());
   const onSetComposerValueHandlersRef = useRef(
     /* @__PURE__ */ new Set()
   );
@@ -607,6 +608,15 @@ function ParentMessengerProvider({
       onSetOptionsHandlersRef.current.delete(handler);
     };
   }, []);
+  const registerOnSetPetEnabled = useCallback(
+    (handler) => {
+      onSetPetEnabledHandlersRef.current.add(handler);
+      return () => {
+        onSetPetEnabledHandlersRef.current.delete(handler);
+      };
+    },
+    []
+  );
   const registerOnSetComposerValue = useCallback(
     (handler) => {
       onSetComposerValueHandlersRef.current.add(handler);
@@ -749,6 +759,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(
@@ -845,6 +866,7 @@ function ParentMessengerProvider({
       sendCommand,
       sendEvent,
       registerOnSetOptions,
+      registerOnSetPetEnabled,
       registerOnSetComposerValue,
       registerOnFocusComposer
     }),
@@ -853,6 +875,7 @@ function ParentMessengerProvider({
       sendCommand,
       sendEvent,
       registerOnSetOptions,
+      registerOnSetPetEnabled,
       registerOnSetComposerValue,
       registerOnFocusComposer
     ]
@@ -863,6 +886,7 @@ function ParentMessengerProvider({
 // src/hooks/useParentMessenger.tsx
 function useParentMessenger({
   onSetOptions,
+  onSetPetEnabled,
   onSetComposerValue,
   onFocusComposer
 } = {}) {
@@ -874,16 +898,21 @@ function useParentMessenger({
   }
   const {
     registerOnSetOptions,
+    registerOnSetPetEnabled,
     registerOnSetComposerValue,
     registerOnFocusComposer,
     ...messenger
   } = context;
   const onSetOptionsRef = useRef2(onSetOptions);
+  const onSetPetEnabledRef = useRef2(onSetPetEnabled);
   const onSetComposerValueRef = useRef2(onSetComposerValue);
   const onFocusComposerRef = useRef2(onFocusComposer);
   useEffect2(() => {
     onSetOptionsRef.current = onSetOptions;
   }, [onSetOptions]);
+  useEffect2(() => {
+    onSetPetEnabledRef.current = onSetPetEnabled;
+  }, [onSetPetEnabled]);
   useEffect2(() => {
     onSetComposerValueRef.current = onSetComposerValue;
   }, [onSetComposerValue]);
@@ -891,6 +920,7 @@ function useParentMessenger({
     onFocusComposerRef.current = onFocusComposer;
   }, [onFocusComposer]);
   const hasOnSetOptions = Boolean(onSetOptions);
+  const hasOnSetPetEnabled = Boolean(onSetPetEnabled);
   const hasOnSetComposerValue = Boolean(onSetComposerValue);
   const hasOnFocusComposer = Boolean(onFocusComposer);
   useEffect2(() => {
@@ -900,6 +930,13 @@ function useParentMessenger({
     };
     return registerOnSetOptions(handler);
   }, [hasOnSetOptions, registerOnSetOptions]);
+  useEffect2(() => {
+    if (!hasOnSetPetEnabled) return;
+    const handler = (enabled) => {
+      onSetPetEnabledRef.current?.(enabled);
+    };
+    return registerOnSetPetEnabled(handler);
+  }, [hasOnSetPetEnabled, registerOnSetPetEnabled]);
   useEffect2(() => {
     if (!hasOnSetComposerValue) return;
     const handler = (payload) => {
@@ -5545,14 +5582,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;
@@ -5567,6 +5604,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,
@@ -5580,22 +5632,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
@@ -5606,8 +5669,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({
@@ -5617,6 +5680,7 @@ function useConversationSummaryEvent({
   currentThreadIsRunning,
   threadErrorMessage,
   messages,
+  historyMessageLoadVersion = 0,
   fallbackTitle
 }) {
   const summary = React21.useMemo(
@@ -5639,18 +5703,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;
 }
 
@@ -11223,15 +11326,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;
@@ -11441,7 +11541,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") {
@@ -12674,9 +12786,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -60,8 +60,8 @@
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
     "@xpert-ai/a2ui-react": "~0.1.0",
-    "@xpert-ai/chatkit-web-shared": "~0.3.0",
-    "@xpert-ai/chatkit-types": "~0.3.0"
+    "@xpert-ai/chatkit-types": "~0.3.2",
+    "@xpert-ai/chatkit-web-shared": "~0.3.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-ByK1S3DD.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-ymMwuJsf.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-bIGveE9D.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-C_BNMjyo.js";import{_ as i}from"./index-ymMwuJsf.js";import"./chunk-FMBD7UC4-CsUUeatk.js";import"./chunk-YZCP3GAM-Dr-QmZua.js";import"./chunk-55IACEB6-D3WNN3Ra.js";import"./chunk-EDXVE4YY-ZQR5cNyF.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-bIGveE9D.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-C_BNMjyo.js";import{_ as i}from"./index-ymMwuJsf.js";import"./chunk-FMBD7UC4-CsUUeatk.js";import"./chunk-YZCP3GAM-Dr-QmZua.js";import"./chunk-55IACEB6-D3WNN3Ra.js";import"./chunk-EDXVE4YY-ZQR5cNyF.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-CGhA6PF9.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-Chm-7PyJ.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-1yK0SXDF.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-BfC1NUL6.js";import{_ as i}from"./index-ymMwuJsf.js";import"./chunk-55IACEB6-D3WNN3Ra.js";import"./chunk-EDXVE4YY-ZQR5cNyF.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};