@botonic/react 0.54.0-alpha.0 → 0.55.0

package/lib/esm/webchat/input-panel/use-typing-session.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPING_IDLE_MS = void 0;
+exports.useTypingSession = useTypingSession;
+const react_1 = require("react");
+const index_types_1 = require("../../index-types");
+/** Local UI inactivity before the textarea stops emitting typing events. */
+exports.TYPING_IDLE_MS = 10 * 1000;
+/**
+ * UI-layer typing session for the textarea.
+ *
+ * Decides *when* the user is typing and requests typing_on / typing_off.
+ * Deduplication and network debouncing live in TypingNetworkSender instead.
+ */
+function useTypingSession(sendChatEvent) {
+    const isTyping = (0, react_1.useRef)(false);
+    // Bumps on each start/stop so stale async stopTyping() calls can be ignored.
+    const startOrStopTypingCount = (0, react_1.useRef)(0);
+    const idleTimer = (0, react_1.useRef)(null);
+    // Shares one in-flight typing_on while delivery is still pending.
+    const pendingTypingOn = (0, react_1.useRef)(null);
+    const stopTyping = (0, react_1.useCallback)(async () => {
+        const countWhenStopWasRequested = ++startOrStopTypingCount.current;
+        if (idleTimer.current) {
+            clearTimeout(idleTimer.current);
+            idleTimer.current = null;
+        }
+        // Wait for typing_on to settle before deciding whether to send typing_off.
+        if (pendingTypingOn.current) {
+            await pendingTypingOn.current;
+        }
+        // Let same-turn input events (e.g. Enter then type next message) bump the counter first.
+        await Promise.resolve();
+        if (countWhenStopWasRequested !== startOrStopTypingCount.current) {
+            return;
+        }
+        if (!isTyping.current) {
+            return;
+        }
+        isTyping.current = false;
+        await sendChatEvent(index_types_1.Typing.Off);
+    }, [sendChatEvent]);
+    const startTyping = (0, react_1.useCallback)(async () => {
+        if (isTyping.current) {
+            return true;
+        }
+        if (pendingTypingOn.current) {
+            return pendingTypingOn.current;
+        }
+        pendingTypingOn.current = (async () => {
+            try {
+                const accepted = await sendChatEvent(index_types_1.Typing.On);
+                // Only mark active after the network layer confirms delivery.
+                if (accepted) {
+                    isTyping.current = true;
+                }
+                return accepted;
+            }
+            finally {
+                pendingTypingOn.current = null;
+            }
+        })();
+        return pendingTypingOn.current;
+    }, [sendChatEvent]);
+    const onTextChange = (0, react_1.useCallback)(async (value) => {
+        if (value === '') {
+            await stopTyping();
+            return;
+        }
+        const countWhenUserTyped = ++startOrStopTypingCount.current;
+        await startTyping();
+        if (countWhenUserTyped !== startOrStopTypingCount.current) {
+            return;
+        }
+        if (!isTyping.current) {
+            return;
+        }
+        // Reset the idle timer on every keystroke.
+        if (idleTimer.current) {
+            clearTimeout(idleTimer.current);
+        }
+        idleTimer.current = setTimeout(() => {
+            stopTyping().catch(() => { });
+        }, exports.TYPING_IDLE_MS);
+    }, [startTyping, stopTyping]);
+    const stopTypingRef = (0, react_1.useRef)(stopTyping);
+    stopTypingRef.current = stopTyping;
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (idleTimer.current) {
+                clearTimeout(idleTimer.current);
+            }
+            stopTypingRef.current().catch(() => { });
+        };
+    }, []);
+    return { stopTyping, onTextChange };
+}
+//# sourceMappingURL=use-typing-session.js.map

package/lib/esm/webchat/input-panel/use-typing-session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing-session.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/use-typing-session.ts"],"names":[],"mappings":"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"}

package/lib/esm/webchat/tracking.d.ts

@@ -1,15 +1,5 @@
 import type { EventCustom, EventFeedback } from '@botonic/core';
-export declare enum EventAction {
-    FeedbackKnowledgebase = "feedback_knowledgebase"
-}
-interface TrackKnowledgebaseFeedbackArgs {
-    messageId: string;
-    isUseful: boolean;
-    botInteractionId?: string;
-    inferenceId?: string;
-}
 interface UseTracking {
-    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
     trackCustomEvent: (event: EventCustom) => Promise<void>;
     trackFeedbackEvent: (event: EventFeedback) => Promise<void>;
 }

package/lib/esm/webchat/tracking.js

@@ -1,19 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EventAction = void 0;
 exports.useTracking = useTracking;
 const react_1 = require("react");
-const uuid_1 = require("uuid");
 const context_1 = require("./context");
-var EventAction;
-(function (EventAction) {
-    EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
-})(EventAction || (exports.EventAction = EventAction = {}));
-var FeedbackOption;
-(function (FeedbackOption) {
-    FeedbackOption["ThumbsUp"] = "thumbsUp";
-    FeedbackOption["ThumbsDown"] = "thumbsDown";
-})(FeedbackOption || (FeedbackOption = {}));
 function useTracking() {
     const { webchatState, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
     const getRequest = () => {
@@ -29,26 +18,6 @@ function useTracking() {
         };
         return request;
     };
-    const trackKnowledgebaseFeedback = async ({ messageId, isUseful, botInteractionId, inferenceId, }) => {
-        if (!trackEvent) {
-            return;
-        }
-        const request = getRequest();
-        // inferenceId and botInteractionId are strings, but in local development they are undefined
-        const event = {
-            action: EventAction.FeedbackKnowledgebase,
-            knowledgebaseInferenceId: inferenceId,
-            feedbackBotInteractionId: botInteractionId,
-            feedbackTargetId: messageId,
-            feedbackGroupId: (0, uuid_1.v7)(),
-            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
-            possibleValues: [0, 1],
-            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
-            value: isUseful ? 1 : 0,
-        };
-        const { action, ...eventArgs } = event;
-        await trackEvent(request, action, eventArgs);
-    };
     const trackCustomEvent = async (event) => {
         if (!trackEvent) {
             return;
@@ -65,6 +34,6 @@ function useTracking() {
         const { action, ...eventArgs } = event;
         await trackEvent(request, action, eventArgs);
     };
-    return { trackKnowledgebaseFeedback, trackCustomEvent, trackFeedbackEvent };
+    return { trackCustomEvent, trackFeedbackEvent };
 }
 //# sourceMappingURL=tracking.js.map

package/lib/esm/webchat/tracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;;AAqCA,kCAmEC;AAnGD,iCAAkC;AAClC,+BAAmC;AAGnC,uCAA0C;AAE1C,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,2BAAX,WAAW,QAEtB;AAQD,IAAK,cAGJ;AAHD,WAAK,cAAc;IACjB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHI,cAAc,KAAd,cAAc,QAGlB;AAaD,SAAgB,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,EAAE;gBACP,GAAG,YAAY,CAAC,OAAO;aACxB;YACD,cAAc,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE;YAC9D,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;YAC5D,eAAe,EAAE,GAAG,EAAE;gBACpB,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,IAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,KAAK,EAAE,EACxC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACoB,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QACD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,4FAA4F;QAC5F,MAAM,KAAK,GAA+B;YACxC,MAAM,EAAE,WAAW,CAAC,qBAAqB;YACzC,wBAAwB,EAAE,WAAqB;YAC/C,wBAAwB,EAAE,gBAA0B;YACpD,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,IAAA,SAAM,GAAE;YACzB,eAAe,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QACD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QAEtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,KAAkB,EAAE,EAAE;QACpD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACxD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAA;AAC7E,CAAC"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;AAWA,kCAuCC;AAjDD,iCAAkC;AAGlC,uCAA0C;AAO1C,SAAgB,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,EAAE;gBACP,GAAG,YAAY,CAAC,OAAO;aACxB;YACD,cAAc,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE;YAC9D,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;YAC5D,eAAe,EAAE,GAAG,EAAE;gBACpB,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,IAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,KAAkB,EAAE,EAAE;QACpD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACxD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAA;AACjD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.54.0-alpha.0",
+  "version": "0.55.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -20,7 +20,7 @@
     "format": "biome format --write src/ tests/"
   },
   "dependencies": {
-    "@botonic/core": "^0.54.0-alpha.0",
+    "@botonic/core": "^0.55.0",
     "axios": "^1.18.1",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",

package/src/components/index-types.ts

@@ -28,8 +28,6 @@ export interface MessageProps {
 export interface TextProps extends MessageProps {
   // converts markdown syntax to HTML
   markdown?: boolean
-  feedbackEnabled?: boolean
-  inferenceId?: string
   botInteractionId?: string
 }
 

package/src/components/message/index.jsx

@@ -38,8 +38,6 @@ export const Message = props => {
     style,
     imagestyle = props.imagestyle || props.imageStyle,
     isUnread = true,
-    feedbackEnabled,
-    inferenceId,
     botInteractionId,
     markdown,
     ...otherProps
@@ -126,8 +124,6 @@ export const Message = props => {
         customTypeName: decomposedChildren.customTypeName,
         ack: ack,
         isUnread: isUnread === 1 || isUnread === true,
-        feedbackEnabled,
-        inferenceId,
         botInteractionId,
       }
       addMessage(message)
@@ -276,14 +272,11 @@ export const Message = props => {
             {Boolean(blob) && hasBlobTick() && getBlobTick(5)}
           </BlobContainer>
         </MessageContainer>
-        {timestampsEnabled || feedbackEnabled ? (
+        {timestampsEnabled ? (
           <MessageFooter
             enabletimestamps={timestampsEnabled}
             messageJSON={messageJSON}
             sentBy={sentBy}
-            feedbackEnabled={feedbackEnabled}
-            inferenceId={inferenceId}
-            botInteractionId={botInteractionId}
           />
         ) : null}
       </ConditionalWrapper>

package/src/components/message/message-footer.tsx

@@ -2,7 +2,6 @@ import { useContext } from 'react'
 
 import { SENDERS } from '../../index-types'
 import { WebchatContext } from '../../webchat/context'
-import { MessageFeedback } from './message-feedback'
 import { MessageFooterContainer } from './styles'
 import { MessageTimestamp, resolveMessageTimestamps } from './timestamps'
 
@@ -10,18 +9,12 @@ interface MessageFooterProps {
   enabletimestamps: boolean
   messageJSON: any
   sentBy: SENDERS
-  feedbackEnabled: boolean
-  inferenceId?: string
-  botInteractionId?: string
 }
 
 export const MessageFooter = ({
   enabletimestamps,
   messageJSON,
   sentBy,
-  feedbackEnabled,
-  inferenceId,
-  botInteractionId,
 }: MessageFooterProps) => {
   const { getThemeProperty } = useContext(WebchatContext)
 
@@ -46,13 +39,6 @@ export const MessageFooter = ({
           timestamp={messageJSON.timestamp}
         />
       ) : null}
-      {feedbackEnabled ? (
-        <MessageFeedback
-          inferenceId={inferenceId}
-          messageId={messageJSON.id}
-          botInteractionId={botInteractionId}
-        />
-      ) : null}
     </MessageFooterContainer>
   )
 }

package/src/components/system-debug-trace/debug-message.tsx

@@ -14,7 +14,6 @@ import {
   getFallbackEventConfig,
   getHandoffSuccessEventConfig,
   getKeywordEventConfig,
-  getKnowledgeBaseEventConfig,
   getRedirectFlowEventConfig,
   getSmartIntentEventConfig,
   getWebviewActionTriggeredEventConfig,
@@ -46,8 +45,6 @@ const getEventConfig = (
       return getAiAgentEventConfig(debugEvent)
     case EventAction.AiAgentRouter:
       return getAiAgentRouterEventConfig(debugEvent)
-    case EventAction.Knowledgebase:
-      return getKnowledgeBaseEventConfig(debugEvent)
     case EventAction.Fallback:
       return getFallbackEventConfig(debugEvent)
     case EventAction.BotAction:

package/src/components/system-debug-trace/events/ai-agent/ai-agent.tsx

@@ -1,5 +1,6 @@
 import { EventAction, type ToolExecution } from '@botonic/core'
 import { useContext, useMemo } from 'react'
+
 import { WebchatContext } from '../../../../webchat/context'
 import { useKnowledgeBaseInfo } from '../../hooks/use-knowledge-base-info'
 import { AiSpecialistSvg } from '../../icons'
@@ -14,17 +15,25 @@ import { LABELS } from '../constants'
 import { ExecutedTools } from './executed-tools'
 import { parseTools } from './parse-tools'
 import type { AiAgentDebugEvent, ToolExecuted } from './types'
+import { useRehydratedAiAgentEvent } from './use-rehydrated-ai-agent-event'
 
-export const AiAgent = ({
-  tools_executed,
-  input_guardrails_triggered,
-  output_guardrails_triggered,
-  exit,
-  error,
-  messageId,
-  knowledge_base_chunks_with_sources,
-}: AiAgentDebugEvent) => {
+export const AiAgent = (props: AiAgentDebugEvent) => {
   const { previewUtils } = useContext(WebchatContext)
+  const { resolvedEvent, isRehydrating } = useRehydratedAiAgentEvent(
+    props,
+    previewUtils
+  )
+
+  const {
+    tools_executed,
+    input_guardrails_triggered,
+    output_guardrails_triggered,
+    exit,
+    error,
+    messageId,
+    knowledge_base_chunks_with_sources,
+    truncated,
+  } = resolvedEvent
 
   const { otherTools, allSourcesIds, allChunksIds, query } = useMemo(
     () => parseTools(tools_executed),
@@ -57,6 +66,9 @@ export const AiAgent = ({
     previewUtils?.onClickOpenToolResults?.(toolExecution)
   }
 
+  const showNoToolsExecuted =
+    !isRehydrating && !tools_executed.length && !truncated
+
   return (
     <>
       {query && (
@@ -79,7 +91,7 @@ export const AiAgent = ({
         onSeeToolDetails={handleSeeToolDetails}
       />
 
-      {!tools_executed.length && (
+      {showNoToolsExecuted && (
         <StyledDebugDetail>
           <StyledDebugLabel>{LABELS.NO_TOOLS_EXECUTED}</StyledDebugLabel>
         </StyledDebugDetail>

package/src/components/system-debug-trace/events/ai-agent/rehydrate-ai-agent-event.ts

@@ -0,0 +1,70 @@
+import type { PreviewUtils } from '../../../../index-types'
+import type { AiAgentDebugEvent } from './types'
+
+const rehydratedEventsCache = new Map<string, AiAgentDebugEvent>()
+const rehydrationInFlight = new Map<string, Promise<AiAgentDebugEvent | null>>()
+
+export const clearRehydrationCacheForTests = () => {
+  rehydratedEventsCache.clear()
+  rehydrationInFlight.clear()
+}
+
+export const getCachedRehydratedEvent = (
+  hubtypeMessageId: string
+): AiAgentDebugEvent | undefined => rehydratedEventsCache.get(hubtypeMessageId)
+
+export const rehydrateTruncatedEvent = async (
+  props: AiAgentDebugEvent,
+  previewUtils: PreviewUtils,
+  hubtypeMessageId: string
+): Promise<AiAgentDebugEvent | null> => {
+  const message = await previewUtils.getMessageById(hubtypeMessageId, {
+    includeDebugEvents: true,
+  })
+
+  if (!message?.event_data) {
+    return null
+  }
+
+  const eventData = message.event_data as Partial<AiAgentDebugEvent>
+
+  return {
+    ...props,
+    ...eventData,
+    action: props.action,
+    messageId: props.messageId,
+    truncated: false,
+  }
+}
+
+export const getOrStartRehydration = (
+  props: AiAgentDebugEvent,
+  previewUtils: PreviewUtils,
+  hubtypeMessageId: string
+): Promise<AiAgentDebugEvent | null> => {
+  const cached = rehydratedEventsCache.get(hubtypeMessageId)
+  if (cached) {
+    return Promise.resolve(cached)
+  }
+
+  const inFlight = rehydrationInFlight.get(hubtypeMessageId)
+  if (inFlight) {
+    return inFlight
+  }
+
+  const promise = rehydrateTruncatedEvent(props, previewUtils, hubtypeMessageId)
+    .then(mergedEvent => {
+      if (mergedEvent) {
+        rehydratedEventsCache.set(hubtypeMessageId, mergedEvent)
+      }
+      rehydrationInFlight.delete(hubtypeMessageId)
+      return mergedEvent
+    })
+    .catch(error => {
+      rehydrationInFlight.delete(hubtypeMessageId)
+      throw error
+    })
+
+  rehydrationInFlight.set(hubtypeMessageId, promise)
+  return promise
+}

package/src/components/system-debug-trace/events/ai-agent/types.ts

@@ -20,4 +20,6 @@ export interface AiAgentDebugEvent {
   error: boolean
   knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[]
   messageId?: string
+  truncated?: boolean
+  hubtype_message_id?: string
 }

package/src/components/system-debug-trace/events/ai-agent/use-rehydrated-ai-agent-event.ts

@@ -0,0 +1,67 @@
+import { useRef, useState } from 'react'
+
+import type { PreviewUtils } from '../../../../index-types'
+import {
+  getCachedRehydratedEvent,
+  getOrStartRehydration,
+} from './rehydrate-ai-agent-event'
+import type { AiAgentDebugEvent } from './types'
+
+interface UseRehydratedAiAgentEventResult {
+  resolvedEvent: AiAgentDebugEvent
+  isRehydrating: boolean
+}
+
+export const useRehydratedAiAgentEvent = (
+  props: AiAgentDebugEvent,
+  previewUtils?: PreviewUtils
+): UseRehydratedAiAgentEventResult => {
+  const hubtypeMessageId = props.hubtype_message_id
+  const needsRehydration = Boolean(
+    props.truncated && hubtypeMessageId && previewUtils
+  )
+
+  const cachedEvent =
+    hubtypeMessageId && needsRehydration
+      ? getCachedRehydratedEvent(hubtypeMessageId)
+      : undefined
+
+  const [resolvedEvent, setResolvedEvent] = useState<AiAgentDebugEvent>(
+    () => cachedEvent ?? props
+  )
+  const [isRehydrating, setIsRehydrating] = useState(
+    () => needsRehydration && !cachedEvent
+  )
+
+  const fetchStartedRef = useRef(false)
+
+  if (!needsRehydration) {
+    return { resolvedEvent: props, isRehydrating: false }
+  }
+
+  if (
+    !cachedEvent &&
+    !fetchStartedRef.current &&
+    hubtypeMessageId &&
+    previewUtils
+  ) {
+    fetchStartedRef.current = true
+
+    getOrStartRehydration(props, previewUtils, hubtypeMessageId)
+      .then(mergedEvent => {
+        if (mergedEvent) {
+          setResolvedEvent(mergedEvent)
+        }
+        setIsRehydrating(false)
+      })
+      .catch(error => {
+        console.error('Error rehydrating truncated AI agent event:', error)
+        setIsRehydrating(false)
+      })
+  }
+
+  return {
+    resolvedEvent: cachedEvent ?? resolvedEvent,
+    isRehydrating: cachedEvent ? false : isRehydrating,
+  }
+}

package/src/components/system-debug-trace/events/constants.ts

@@ -1,6 +1,5 @@
 export const LABELS = {
   GUARDRAIL_TRIGGERED: 'Guardrail triggered',
-  KNOWLEDGE_FOUND: 'Knowledge found',
   FAITHFUL_ANSWER: 'Faithful answer',
   QUERY: 'Query',
   SOURCES: 'Sources',
@@ -16,7 +15,6 @@ export const LABELS = {
   QUEUE: 'Queue',
   AUTO_ASSIGN: 'Auto-assign',
   NOTE: 'Note',
-  KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
   SEE_CHUNKS_BUTTON: 'See chunks',
   SEE_TOOL_DETAILS: 'Details',
   STATUS: 'Status',

package/src/components/system-debug-trace/events/index.ts

@@ -8,7 +8,6 @@ export * from './conditional-queue-status'
 export * from './fallback'
 export * from './handoff-success'
 export * from './keyword'
-export * from './knowledge-base'
 export * from './knowledge-bases-types'
 export * from './redirect-flow'
 export * from './smart-intent'

package/src/components/system-debug-trace/hooks/use-knowledge-base-info.tsx

@@ -1,5 +1,4 @@
-import { KnowledgebaseFailReason } from '@botonic/core'
-import { useContext, useEffect, useMemo, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 
 import type { ChunkIdsGroupedBySourceData } from '../../../index-types'
 import { WebchatContext } from '../../../webchat/context'
@@ -14,7 +13,6 @@ interface UseKnowledgeBaseInfoParams {
   chunkIds: string[]
   messageId?: string
   existingChunksWithSources?: ChunkIdsGroupedBySourceData[]
-  failReason?: string
 }
 
 export const useKnowledgeBaseInfo = ({
@@ -22,7 +20,6 @@ export const useKnowledgeBaseInfo = ({
   chunkIds,
   messageId,
   existingChunksWithSources,
-  failReason,
 }: UseKnowledgeBaseInfoParams) => {
   const { updateMessage, webchatState, previewUtils } =
     useContext(WebchatContext)
@@ -108,27 +105,6 @@ export const useKnowledgeBaseInfo = ({
     }
   }
 
-  const { hasKnowledge, isFaithful } = useMemo(() => {
-    const typedFailReason = failReason as unknown as KnowledgebaseFailReason
-
-    if (typedFailReason === KnowledgebaseFailReason.NoKnowledge) {
-      return {
-        hasKnowledge: false,
-        isFaithful: false,
-      }
-    }
-    if (typedFailReason === KnowledgebaseFailReason.Hallucination) {
-      return {
-        hasKnowledge: true,
-        isFaithful: false,
-      }
-    }
-    return {
-      hasKnowledge: true,
-      isFaithful: true,
-    }
-  }, [failReason])
-
   useEffect(() => {
     // If we already have cached data (even if empty), don't fetch again
     if (hasCachedData) {
@@ -168,7 +144,5 @@ export const useKnowledgeBaseInfo = ({
     chunksWithSources,
     isLoading,
     getIconForSourceType,
-    hasKnowledge,
-    isFaithful,
   }
 }

package/src/components/system-debug-trace/types.ts

@@ -11,7 +11,6 @@ import type {
   FallbackDebugEvent,
   HandoffSuccessDebugEvent,
   KeywordDebugEvent,
-  KnowledgeBaseDebugEvent,
   RedirectFlowDebugEvent,
   SmartIntentDebugEvent,
   WebviewActionTriggeredDebugEvent,
@@ -26,7 +25,6 @@ export type DebugEvent =
   | KeywordDebugEvent
   | AiAgentDebugEvent
   | AiAgentRouterDebugEvent
-  | KnowledgeBaseDebugEvent
   | FallbackDebugEvent
   | SmartIntentDebugEvent
   | HandoffSuccessDebugEvent

package/src/components/text.tsx

@@ -34,8 +34,6 @@ const serialize = (textProps: TextProps) => {
 export const Text = (props: TextProps) => {
   const defaultTextProps = {
     markdown: props.markdown === undefined ? true : props.markdown,
-    feedbackEnabled: props.feedbackEnabled,
-    inferenceId: props.inferenceId,
     botInteractionId: props.botInteractionId,
   }
 

package/src/debug-system-messages.ts

@@ -24,7 +24,6 @@ import type {
   FallbackDebugEvent,
   HandoffSuccessDebugEvent,
   KeywordDebugEvent,
-  KnowledgeBaseDebugEvent,
   RedirectFlowDebugEvent,
   SmartIntentDebugEvent,
   WebviewActionTriggeredDebugEvent,
@@ -88,30 +87,6 @@ export const DEBUG_SYSTEM_MESSAGES = {
     payload: 'custom-action-result',
   } satisfies BotActionDebugEvent,
 
-  knowledgeBase: {
-    action: EventAction.Knowledgebase,
-    flow_id: 'flow-mock-001',
-    flow_node_id: 'node-mock-004',
-    knowledgebase_inference_id: 'inf-mock-001',
-    knowledgebase_fail_reason: '',
-    knowledgebase_sources_ids: ['src-mock-001'],
-    knowledgebase_chunks_ids: ['chunk-mock-001'],
-    user_input: 'How do I reset my password?',
-    knowledge_base_chunks_with_sources: mockChunksWithSources,
-  } satisfies KnowledgeBaseDebugEvent,
-
-  knowledgeBaseFailed: {
-    action: EventAction.Knowledgebase,
-    flow_id: 'flow-mock-001',
-    flow_node_id: 'node-mock-004',
-    knowledgebase_inference_id: 'inf-mock-002',
-    knowledgebase_fail_reason: 'no_relevant_content',
-    knowledgebase_sources_ids: [],
-    knowledgebase_chunks_ids: [],
-    user_input: 'What is the meaning of life?',
-    knowledge_base_chunks_with_sources: [],
-  } satisfies KnowledgeBaseDebugEvent,
-
   conditionalChannel: {
     action: EventAction.ConditionalChannel,
     channel: 'whatsapp',