@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.1

package/lib/components/system-debug-trace/events/handoff-success.js

@@ -0,0 +1,99 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { useContext, useEffect, useState } from "react";
+import { WebchatContext } from "../../../webchat/context/index.js";
+import { HeadSetSvg } from "../icons/index.js";
+import { StyledDebugDetail, StyledDebugLabel, StyledDebugValue } from "../styles.js";
+import { LABELS } from "./constants.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const HandoffSuccess = (props)=>{
+    const { previewUtils } = useContext(WebchatContext);
+    const [noteMessage, setNoteMessage] = useState();
+    useEffect(()=>{
+        const fetchNoteMessage = async ()=>{
+            if (!previewUtils || !props.handoff_note_id) {
+                return;
+            }
+            const noteMessage = await previewUtils.getMessageById(props.handoff_note_id);
+            if (!noteMessage) {
+                return;
+            }
+            setNoteMessage(noteMessage.text);
+        };
+        fetchNoteMessage();
+    }, [
+        previewUtils,
+        props.handoff_note_id
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(StyledDebugDetail, {
+                children: [
+                    /*#__PURE__*/ jsx(StyledDebugLabel, {
+                        children: LABELS.QUEUE
+                    }),
+                    /*#__PURE__*/ jsx(StyledDebugValue, {
+                        children: props.handoff_queue_name
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(StyledDebugDetail, {
+                children: [
+                    /*#__PURE__*/ jsx(StyledDebugLabel, {
+                        children: LABELS.AUTO_ASSIGN
+                    }),
+                    /*#__PURE__*/ jsx(StyledDebugValue, {
+                        children: props.handoff_has_auto_assign ? LABELS.AUTO_ASSIGN_ON : LABELS.AUTO_ASSIGN_OFF
+                    })
+                ]
+            }),
+            Boolean(noteMessage) && /*#__PURE__*/ jsxs(StyledDebugDetail, {
+                children: [
+                    /*#__PURE__*/ jsx(StyledDebugLabel, {
+                        children: LABELS.NOTE
+                    }),
+                    /*#__PURE__*/ jsx(StyledDebugValue, {
+                        children: noteMessage
+                    })
+                ]
+            })
+        ]
+    });
+};
+const getHandoffSuccessEventConfig = (data)=>{
+    return {
+        action: EventAction.HandoffSuccess,
+        title: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                "Handoff to agent ",
+                /*#__PURE__*/ jsxs("span", {
+                    children: [
+                        "- ",
+                        data.handoff_queue_name
+                    ]
+                })
+            ]
+        }),
+        icon: /*#__PURE__*/ jsx(HeadSetSvg, {}),
+        component: HandoffSuccess,
+        collapsible: true
+    };
+};
+
+export { HandoffSuccess, getHandoffSuccessEventConfig };
+
+//# sourceMappingURL=handoff-success.js.map

package/lib/components/system-debug-trace/events/handoff-success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/handoff-success.js","sources":["../../../../src/components/system-debug-trace/events/handoff-success.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\nimport { useContext, useEffect, useState } from 'react'\n\nimport { WebchatContext } from '../../../webchat/context'\nimport { HeadSetSvg } from '../icons'\nimport {\n  StyledDebugDetail,\n  StyledDebugLabel,\n  StyledDebugValue,\n} from '../styles'\nimport type { DebugEventConfig } from '../types'\nimport { LABELS } from './constants'\n\nexport interface HandoffSuccessDebugEvent {\n  action: EventAction.HandoffSuccess\n  handoff_queue_name: string\n  handoff_is_queue_open: boolean\n  handoff_has_auto_assign: boolean\n  handoff_note_id: string\n}\n\nexport const HandoffSuccess = (props: HandoffSuccessDebugEvent) => {\n  const { previewUtils } = useContext(WebchatContext)\n  const [noteMessage, setNoteMessage] = useState<string>()\n\n  useEffect(() => {\n    const fetchNoteMessage = async () => {\n      if (!previewUtils || !props.handoff_note_id) {\n        return\n      }\n      const noteMessage = await previewUtils.getMessageById(\n        props.handoff_note_id\n      )\n      if (!noteMessage) {\n        return\n      }\n      setNoteMessage(noteMessage.text)\n    }\n    fetchNoteMessage()\n  }, [previewUtils, props.handoff_note_id])\n\n  return (\n    <>\n      <StyledDebugDetail>\n        <StyledDebugLabel>{LABELS.QUEUE}</StyledDebugLabel>\n        <StyledDebugValue>{props.handoff_queue_name}</StyledDebugValue>\n      </StyledDebugDetail>\n      <StyledDebugDetail>\n        <StyledDebugLabel>{LABELS.AUTO_ASSIGN}</StyledDebugLabel>\n        <StyledDebugValue>\n          {props.handoff_has_auto_assign\n            ? LABELS.AUTO_ASSIGN_ON\n            : LABELS.AUTO_ASSIGN_OFF}\n        </StyledDebugValue>\n      </StyledDebugDetail>\n      {Boolean(noteMessage) && (\n        <StyledDebugDetail>\n          <StyledDebugLabel>{LABELS.NOTE}</StyledDebugLabel>\n          <StyledDebugValue>{noteMessage}</StyledDebugValue>\n        </StyledDebugDetail>\n      )}\n    </>\n  )\n}\n\nexport const getHandoffSuccessEventConfig = (\n  data: HandoffSuccessDebugEvent\n): DebugEventConfig => {\n  return {\n    action: EventAction.HandoffSuccess,\n    title: (\n      <>\n        Handoff to agent <span>- {data.handoff_queue_name}</span>\n      </>\n    ),\n    icon: <HeadSetSvg />,\n    component: HandoffSuccess,\n    collapsible: true,\n  }\n}\n"],"names":["EventAction","useContext","useEffect","useState","WebchatContext","HeadSetSvg","StyledDebugDetail","StyledDebugLabel","StyledDebugValue","LABELS","HandoffSuccess","props","previewUtils","noteMessage","setNoteMessage","fetchNoteMessage","Boolean","getHandoffSuccessEventConfig","data"],"mappings":";;;;;;;;;;;;;;;;AAA2C;AACY;AAEE;AACpB;AAKnB;AAEkB;AAU7B,MAAMU,cAAcA,GAAG,CAACC;IAC7B,MAAM,EAAEC,YAAY,EAAE,GAAGX,UAAUA,CAACG,cAAcA;IAClD,MAAM,CAACS,aAAaC,eAAe,GAAGX,QAAQA;IAE9CD,SAASA,CAAC;QACR,MAAMa,mBAAmB;YACvB,IAAI,CAACH,gBAAgB,CAACD,MAAM,eAAe,EAAE;gBAC3C;YACF;YACA,MAAME,cAAc,MAAMD,aAAa,cAAc,CACnDD,MAAM,eAAe;YAEvB,IAAI,CAACE,aAAa;gBAChB;YACF;YACAC,eAAeD,YAAY,IAAI;QACjC;QACAE;IACF,GAAG;QAACH;QAAcD,MAAM,eAAe;KAAC;IAExC,qBACE;;0BACE,KAACL,iBAAiBA;;kCAChB,IAACC,gBAAgBA;kCAAEE,YAAY;;kCAC/B,IAACD,gBAAgBA;kCAAEG,MAAM,kBAAkB;;;;0BAE7C,KAACL,iBAAiBA;;kCAChB,IAACC,gBAAgBA;kCAAEE,kBAAkB;;kCACrC,IAACD,gBAAgBA;kCACdG,MAAM,uBAAuB,GAC1BF,qBAAqB,GACrBA,sBAAsB;;;;YAG7BO,QAAQH,8BACP,KAACP,iBAAiBA;;kCAChB,IAACC,gBAAgBA;kCAAEE,WAAW;;kCAC9B,IAACD,gBAAgBA;kCAAEK;;;;;;AAK7B,EAAC;AAEM,MAAMI,4BAA4BA,GAAG,CAC1CC;IAEA,OAAO;QACL,QAAQlB,0BAA0B;QAClC,qBACE;;gBAAE;8BACiB,KAAC;;wBAAK;wBAAGkB,KAAK,kBAAkB;;;;;QAGrD,oBAAM,IAACb,UAAUA;QACjB,WAAWK,cAAcA;QACzB,aAAa;IACf;AACF,EAAC"}

package/lib/components/system-debug-trace/events/index.d.ts

@@ -0,0 +1,14 @@
+export * from './ai-agent/index.js';
+export * from './ai-agent-router/index.js';
+export * from './bot-action.js';
+export * from './conditional-channel.js';
+export * from './conditional-country.js';
+export * from './conditional-custom.js';
+export * from './conditional-queue-status.js';
+export * from './fallback.js';
+export * from './handoff-success.js';
+export * from './keyword.js';
+export * from './knowledge-bases-types.js';
+export * from './redirect-flow.js';
+export * from './smart-intent.js';
+export * from './webview-action-triggered.js';

package/lib/components/system-debug-trace/events/index.js

@@ -0,0 +1,31 @@
+export * from "./ai-agent/index.js";
+export * from "./ai-agent-router/index.js";
+export * from "./bot-action.js";
+export * from "./conditional-channel.js";
+export * from "./conditional-country.js";
+export * from "./conditional-custom.js";
+export * from "./conditional-queue-status.js";
+export * from "./fallback.js";
+export * from "./handoff-success.js";
+export * from "./keyword.js";
+export * from "./knowledge-bases-types.js";
+export * from "./redirect-flow.js";
+export * from "./smart-intent.js";
+export * from "./webview-action-triggered.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//# sourceMappingURL=index.js.map

package/lib/components/system-debug-trace/events/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/index.js","sources":["../../../../src/components/system-debug-trace/events/index.ts"],"sourcesContent":["export * from './ai-agent'\nexport * from './ai-agent-router'\nexport * from './bot-action'\nexport * from './conditional-channel'\nexport * from './conditional-country'\nexport * from './conditional-custom'\nexport * from './conditional-queue-status'\nexport * from './fallback'\nexport * from './handoff-success'\nexport * from './keyword'\nexport * from './knowledge-bases-types'\nexport * from './redirect-flow'\nexport * from './smart-intent'\nexport * from './webview-action-triggered'\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAA0B;AACO;AACL;AACS;AACA;AACD;AACM;AAChB;AACO;AACR;AACc;AACR;AACD;AACY"}

package/lib/components/system-debug-trace/events/keyword.d.ts

@@ -0,0 +1,10 @@
+import { EventAction } from '@botonic/core';
+import type { DebugEventConfig } from '../types.js';
+export interface KeywordDebugEvent {
+    action: EventAction.Keyword;
+    flow_id: string;
+    flow_node_id: string;
+    nlu_keyword_is_regex: boolean;
+    nlu_keyword_name: string;
+}
+export declare const getKeywordEventConfig: (data: KeywordDebugEvent) => DebugEventConfig;

package/lib/components/system-debug-trace/events/keyword.js

@@ -0,0 +1,35 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { QuoteRightSvg } from "../icons/quote-right.js";
+
+
+
+
+
+
+
+const getKeywordEventConfig = (data)=>{
+    const title = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Keyword matched ",
+            /*#__PURE__*/ jsxs("span", {
+                children: [
+                    '- "',
+                    data.nlu_keyword_name,
+                    '"'
+                ]
+            })
+        ]
+    });
+    return {
+        action: EventAction.Keyword,
+        title,
+        component: null,
+        icon: /*#__PURE__*/ jsx(QuoteRightSvg, {}),
+        collapsible: false
+    };
+};
+
+export { getKeywordEventConfig };
+
+//# sourceMappingURL=keyword.js.map

package/lib/components/system-debug-trace/events/keyword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/keyword.js","sources":["../../../../src/components/system-debug-trace/events/keyword.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\n\nimport { QuoteRightSvg } from '../icons/quote-right'\nimport type { DebugEventConfig } from '../types'\n\nexport interface KeywordDebugEvent {\n  action: EventAction.Keyword\n  flow_id: string\n  flow_node_id: string\n  nlu_keyword_is_regex: boolean\n  nlu_keyword_name: string\n}\n\nexport const getKeywordEventConfig = (\n  data: KeywordDebugEvent\n): DebugEventConfig => {\n  const title = (\n    <>\n      Keyword matched <span>- &quot;{data.nlu_keyword_name}&quot;</span>\n    </>\n  )\n\n  return {\n    action: EventAction.Keyword,\n    title,\n    component: null,\n    icon: <QuoteRightSvg />,\n    collapsible: false,\n  }\n}\n"],"names":["EventAction","QuoteRightSvg","getKeywordEventConfig","data","title"],"mappings":";;;;;;;;AAA2C;AAES;AAW7C,MAAME,qBAAqBA,GAAG,CACnCC;IAEA,MAAMC,sBACJ;;YAAE;0BACgB,KAAC;;oBAAK;oBAASD,KAAK,gBAAgB;oBAAC;;;;;IAIzD,OAAO;QACL,QAAQH,mBAAmB;QAC3BI;QACA,WAAW;QACX,oBAAM,IAACH,aAAaA;QACpB,aAAa;IACf;AACF,EAAC"}

package/lib/components/system-debug-trace/events/knowledge-bases-types.js

@@ -0,0 +1,4 @@
+
+
+
+//# sourceMappingURL=knowledge-bases-types.js.map

package/lib/components/system-debug-trace/events/knowledge-bases-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/knowledge-bases-types.js","sources":["../../../../src/components/system-debug-trace/events/knowledge-bases-types.ts"],"sourcesContent":["interface HubtypeExtractionJob {\n  id: string\n  fileName: string\n  fileUrl: string\n  url: string | null\n  isActive: boolean\n  status: string\n  hash: string\n  createdAt: string\n}\n\nexport interface HubtypeSource {\n  id: string\n  name: string\n  type: string\n  scrapingCountryCode: string | null\n  createdAt: string\n  createdBy: string\n  lastUpdatedAt: string\n  lastUpdatedBy: string\n  activeExtractionJob: HubtypeExtractionJob\n  lastExtractionJob: HubtypeExtractionJob\n}\n\nexport interface HubtypeChunk {\n  id: string\n  text: string\n}\n\nexport interface ChunkIdsGroupedBySourceData {\n  source: HubtypeSource\n  chunks: HubtypeChunk[]\n}\n"],"names":[],"mappings":"AAgCC"}

package/lib/components/system-debug-trace/events/redirect-flow.d.ts

@@ -0,0 +1,10 @@
+import { EventAction } from '@botonic/core';
+import type { DebugEventConfig } from '../types.js';
+export interface RedirectFlowDebugEvent {
+    action: EventAction.RedirectFlow;
+    flow_id: string;
+    flow_name: string;
+    flow_target_id: string;
+    flow_target_name: string;
+}
+export declare const getRedirectFlowEventConfig: (data: RedirectFlowDebugEvent) => DebugEventConfig;

package/lib/components/system-debug-trace/events/redirect-flow.js

@@ -0,0 +1,34 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { ArrowProgressSvg } from "../icons/arrow-progress.js";
+
+
+
+
+
+
+
+const getRedirectFlowEventConfig = (data)=>{
+    const title = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Redirected to flow ",
+            /*#__PURE__*/ jsxs("span", {
+                children: [
+                    "- ",
+                    data.flow_target_name
+                ]
+            })
+        ]
+    });
+    return {
+        action: EventAction.RedirectFlow,
+        title,
+        component: null,
+        icon: /*#__PURE__*/ jsx(ArrowProgressSvg, {}),
+        collapsible: false
+    };
+};
+
+export { getRedirectFlowEventConfig };
+
+//# sourceMappingURL=redirect-flow.js.map

package/lib/components/system-debug-trace/events/redirect-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/redirect-flow.js","sources":["../../../../src/components/system-debug-trace/events/redirect-flow.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\n\nimport { ArrowProgressSvg } from '../icons/arrow-progress'\nimport type { DebugEventConfig } from '../types'\n\nexport interface RedirectFlowDebugEvent {\n  action: EventAction.RedirectFlow\n  flow_id: string\n  flow_name: string\n  flow_target_id: string\n  flow_target_name: string\n}\n\nexport const getRedirectFlowEventConfig = (\n  data: RedirectFlowDebugEvent\n): DebugEventConfig => {\n  const title = (\n    <>\n      Redirected to flow <span>- {data.flow_target_name}</span>\n    </>\n  )\n\n  return {\n    action: EventAction.RedirectFlow,\n    title,\n    component: null,\n    icon: <ArrowProgressSvg />,\n    collapsible: false,\n  }\n}\n"],"names":["EventAction","ArrowProgressSvg","getRedirectFlowEventConfig","data","title"],"mappings":";;;;;;;;AAA2C;AAEe;AAWnD,MAAME,0BAA0BA,GAAG,CACxCC;IAEA,MAAMC,sBACJ;;YAAE;0BACmB,KAAC;;oBAAK;oBAAGD,KAAK,gBAAgB;;;;;IAIrD,OAAO;QACL,QAAQH,wBAAwB;QAChCI;QACA,WAAW;QACX,oBAAM,IAACH,gBAAgBA;QACvB,aAAa;IACf;AACF,EAAC"}

package/lib/components/system-debug-trace/events/smart-intent.d.ts

@@ -0,0 +1,7 @@
+import { EventAction } from '@botonic/core';
+import type { DebugEventConfig } from '../types.js';
+export interface SmartIntentDebugEvent {
+    action: EventAction.IntentSmart;
+    nlu_intent_smart_title: string;
+}
+export declare const getSmartIntentEventConfig: (data: SmartIntentDebugEvent) => DebugEventConfig;

package/lib/components/system-debug-trace/events/smart-intent.js

@@ -0,0 +1,34 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { BrainSvg } from "../icons/index.js";
+
+
+
+
+
+
+
+const getSmartIntentEventConfig = (data)=>{
+    const title = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Smart intent triggered ",
+            /*#__PURE__*/ jsxs("span", {
+                children: [
+                    '- "',
+                    data.nlu_intent_smart_title,
+                    '"'
+                ]
+            })
+        ]
+    });
+    return {
+        action: EventAction.IntentSmart,
+        title,
+        component: null,
+        icon: /*#__PURE__*/ jsx(BrainSvg, {})
+    };
+};
+
+export { getSmartIntentEventConfig };
+
+//# sourceMappingURL=smart-intent.js.map

package/lib/components/system-debug-trace/events/smart-intent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/smart-intent.js","sources":["../../../../src/components/system-debug-trace/events/smart-intent.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\n\nimport { BrainSvg } from '../icons'\nimport type { DebugEventConfig } from '../types'\n\nexport interface SmartIntentDebugEvent {\n  action: EventAction.IntentSmart\n  nlu_intent_smart_title: string\n}\n\nexport const getSmartIntentEventConfig = (\n  data: SmartIntentDebugEvent\n): DebugEventConfig => {\n  const title = (\n    <>\n      Smart intent triggered <span>- \"{data.nlu_intent_smart_title}\"</span>\n    </>\n  )\n  return {\n    action: EventAction.IntentSmart,\n    title,\n    component: null,\n    icon: <BrainSvg />,\n  }\n}\n"],"names":["EventAction","BrainSvg","getSmartIntentEventConfig","data","title"],"mappings":";;;;;;;;AAA2C;AAER;AAQ5B,MAAME,yBAAyBA,GAAG,CACvCC;IAEA,MAAMC,sBACJ;;YAAE;0BACuB,KAAC;;oBAAK;oBAAID,KAAK,sBAAsB;oBAAC;;;;;IAGjE,OAAO;QACL,QAAQH,uBAAuB;QAC/BI;QACA,WAAW;QACX,oBAAM,IAACH,QAAQA;IACjB;AACF,EAAC"}

package/lib/components/system-debug-trace/events/webview-action-triggered.d.ts

@@ -0,0 +1,10 @@
+import { EventAction } from '@botonic/core';
+import type { DebugEventConfig } from '../types.js';
+export interface WebviewActionTriggeredDebugEvent {
+    action: EventAction.WebviewActionTriggered;
+    webview_target_id: string;
+    webview_name: string;
+    webview_params?: Record<string, string>;
+}
+export declare const WebviewActionTriggered: (props: WebviewActionTriggeredDebugEvent) => import("react").JSX.Element;
+export declare const getWebviewActionTriggeredEventConfig: (data: WebviewActionTriggeredDebugEvent) => DebugEventConfig;

package/lib/components/system-debug-trace/events/webview-action-triggered.js

@@ -0,0 +1,51 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { WindowRestoreSvg } from "../icons/window-restore.js";
+import { StyledDebugDetail, StyledDebugLabel, StyledDebugValue } from "../styles.js";
+
+
+
+
+
+
+
+
+
+const WebviewActionTriggered = (props)=>{
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: Object.keys(props.webview_params ?? {}).length > 0 ? Object.entries(props.webview_params ?? {}).map(([key, value])=>/*#__PURE__*/ jsxs(StyledDebugDetail, {
+                children: [
+                    /*#__PURE__*/ jsx(StyledDebugLabel, {
+                        children: key
+                    }),
+                    /*#__PURE__*/ jsx(StyledDebugValue, {
+                        children: value
+                    })
+                ]
+            }, key)) : 'Webview without params'
+    });
+};
+const getWebviewActionTriggeredEventConfig = (data)=>{
+    const title = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Webview action triggered ",
+            /*#__PURE__*/ jsxs("span", {
+                children: [
+                    "- ",
+                    data.webview_name
+                ]
+            })
+        ]
+    });
+    return {
+        action: EventAction.WebviewActionTriggered,
+        title,
+        component: WebviewActionTriggered,
+        icon: /*#__PURE__*/ jsx(WindowRestoreSvg, {}),
+        collapsible: true
+    };
+};
+
+export { WebviewActionTriggered, getWebviewActionTriggeredEventConfig };
+
+//# sourceMappingURL=webview-action-triggered.js.map

package/lib/components/system-debug-trace/events/webview-action-triggered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/events/webview-action-triggered.js","sources":["../../../../src/components/system-debug-trace/events/webview-action-triggered.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\n\nimport { WindowRestoreSvg } from '../icons/window-restore'\nimport {\n  StyledDebugDetail,\n  StyledDebugLabel,\n  StyledDebugValue,\n} from '../styles'\nimport type { DebugEventConfig } from '../types'\n\nexport interface WebviewActionTriggeredDebugEvent {\n  action: EventAction.WebviewActionTriggered\n  webview_target_id: string\n  webview_name: string\n  webview_params?: Record<string, string>\n}\n\nexport const WebviewActionTriggered = (\n  props: WebviewActionTriggeredDebugEvent\n) => {\n  return (\n    <>\n      {Object.keys(props.webview_params ?? {}).length > 0\n        ? Object.entries(props.webview_params ?? {}).map(([key, value]) => (\n            <StyledDebugDetail key={key}>\n              <StyledDebugLabel>{key}</StyledDebugLabel>\n              <StyledDebugValue>{value}</StyledDebugValue>\n            </StyledDebugDetail>\n          ))\n        : 'Webview without params'}\n    </>\n  )\n}\nexport const getWebviewActionTriggeredEventConfig = (\n  data: WebviewActionTriggeredDebugEvent\n): DebugEventConfig => {\n  const title = (\n    <>\n      Webview action triggered <span>- {data.webview_name}</span>\n    </>\n  )\n\n  return {\n    action: EventAction.WebviewActionTriggered,\n    title,\n    component: WebviewActionTriggered,\n    icon: <WindowRestoreSvg />,\n    collapsible: true,\n  }\n}\n"],"names":["EventAction","WindowRestoreSvg","StyledDebugDetail","StyledDebugLabel","StyledDebugValue","WebviewActionTriggered","props","Object","key","value","getWebviewActionTriggeredEventConfig","data","title"],"mappings":";;;;;;;;;;AAA2C;AAEe;AAKxC;AAUX,MAAMK,sBAAsBA,GAAG,CACpCC;IAEA,qBACE;kBACGC,OAAO,IAAI,CAACD,MAAM,cAAc,IAAI,CAAC,GAAG,MAAM,GAAG,IAC9CC,OAAO,OAAO,CAACD,MAAM,cAAc,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAACE,KAAKC,MAAM,iBAC1D,KAACP,iBAAiBA;;kCAChB,IAACC,gBAAgBA;kCAAEK;;kCACnB,IAACJ,gBAAgBA;kCAAEK;;;eAFGD,QAK1B;;AAGV,EAAC;AACM,MAAME,oCAAoCA,GAAG,CAClDC;IAEA,MAAMC,sBACJ;;YAAE;0BACyB,KAAC;;oBAAK;oBAAGD,KAAK,YAAY;;;;;IAIvD,OAAO;QACL,QAAQX,kCAAkC;QAC1CY;QACA,WAAWP,sBAAsBA;QACjC,oBAAM,IAACJ,gBAAgBA;QACvB,aAAa;IACf;AACF,EAAC"}

package/lib/components/system-debug-trace/hooks/use-knowledge-base-info.d.ts

@@ -0,0 +1,16 @@
+import type { ChunkIdsGroupedBySourceData } from '../../../index-types.js';
+import type { HubtypeChunk, HubtypeSource } from '../events/knowledge-bases-types.js';
+interface UseKnowledgeBaseInfoParams {
+    sourceIds: string[];
+    chunkIds: string[];
+    messageId?: string;
+    existingChunksWithSources?: ChunkIdsGroupedBySourceData[];
+}
+export declare const useKnowledgeBaseInfo: ({ sourceIds, chunkIds, messageId, existingChunksWithSources, }: UseKnowledgeBaseInfoParams) => {
+    sources: HubtypeSource[];
+    chunks: HubtypeChunk[];
+    chunksWithSources: ChunkIdsGroupedBySourceData[];
+    isLoading: boolean;
+    getIconForSourceType: (source: HubtypeSource) => import("react").JSX.Element | null;
+};
+export {};

package/lib/components/system-debug-trace/hooks/use-knowledge-base-info.js

@@ -0,0 +1,118 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from "react";
+import { WebchatContext } from "../../../webchat/context/index.js";
+import { FilePdfSvg, FileWordSvg, LinkSvg } from "../icons/index.js";
+
+
+
+
+
+
+
+
+
+const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWithSources })=>{
+    const { updateMessage, webchatState, previewUtils } = useContext(WebchatContext);
+    // Check if we have cached data
+    const hasCachedData = existingChunksWithSources !== undefined;
+    // Initialize state from existing chunks with sources if available
+    const initialChunksWithSources = existingChunksWithSources || [];
+    const initialSources = initialChunksWithSources.map((item)=>item.source);
+    const initialChunks = initialChunksWithSources.flatMap((item)=>item.chunks);
+    const [chunksWithSources, setChunksWithSources] = useState(initialChunksWithSources);
+    const [sources, setSources] = useState(initialSources);
+    const [chunks, setChunks] = useState(initialChunks);
+    const [isLoading, setIsLoading] = useState(false);
+    const updateMessageWithKnowledgeData = (fetchedChunksWithSources)=>{
+        if (!messageId) {
+            return;
+        }
+        const message = webchatState.messagesJSON.find((m)=>m.id === messageId);
+        if (!message) {
+            return;
+        }
+        // Parse the existing data if it's a string (shouldn't be, but handle it)
+        const parsedData = typeof message.data === 'string' ? JSON.parse(message.data) : message.data;
+        // Update with fetched chunks with sources and preserve original IDs
+        const updatedData = {
+            ...parsedData,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            knowledgebase_sources_ids: sourceIds,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            knowledgebase_chunks_ids: chunkIds,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            knowledge_base_chunks_with_sources: fetchedChunksWithSources
+        };
+        // Update the message in webchat state - keep data as object
+        updateMessage({
+            ...message,
+            data: updatedData
+        });
+    };
+    const fetchChunksWithSources = async ()=>{
+        if (chunkIds.length === 0 || !previewUtils) {
+            return [];
+        }
+        setIsLoading(true);
+        try {
+            const fetchedChunksWithSources = await previewUtils.getChunkIdsGroupedBySource(chunkIds);
+            return fetchedChunksWithSources;
+        } catch (error) {
+            console.error('Error fetching chunks with sources:', error);
+            return [];
+        } finally{
+            setIsLoading(false);
+        }
+    };
+    const getIconForSourceType = (source)=>{
+        switch(source.type){
+            case 'file':
+                if (source.activeExtractionJob.fileName.endsWith('.pdf')) {
+                    return /*#__PURE__*/ jsx(FilePdfSvg, {});
+                } else {
+                    return /*#__PURE__*/ jsx(FileWordSvg, {});
+                }
+            case 'url':
+                return /*#__PURE__*/ jsx(LinkSvg, {});
+            default:
+                return null;
+        }
+    };
+    useEffect(()=>{
+        // If we already have cached data (even if empty), don't fetch again
+        if (hasCachedData) {
+            return;
+        }
+        // Only fetch if previewUtils is available
+        if (!previewUtils) {
+            return;
+        }
+        // Otherwise, fetch the data
+        const fetchData = async ()=>{
+            const fetchedChunksWithSources = await fetchChunksWithSources();
+            // Extract sources and chunks from chunks with sources
+            const fetchedSources = fetchedChunksWithSources.map((item)=>item.source);
+            const fetchedChunks = fetchedChunksWithSources.flatMap((item)=>item.chunks);
+            setChunksWithSources(fetchedChunksWithSources);
+            setSources(fetchedSources);
+            setChunks(fetchedChunks);
+            // Always update the message with the fetched data (even if empty arrays)
+            // This marks the data as fetched so we don't fetch again
+            updateMessageWithKnowledgeData(fetchedChunksWithSources);
+        };
+        fetchData();
+    }, [
+        chunkIds
+    ]);
+    return {
+        sources,
+        chunks,
+        chunksWithSources,
+        isLoading,
+        getIconForSourceType
+    };
+};
+
+export { useKnowledgeBaseInfo };
+
+//# sourceMappingURL=use-knowledge-base-info.js.map

package/lib/components/system-debug-trace/hooks/use-knowledge-base-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/hooks/use-knowledge-base-info.js","sources":["../../../../src/components/system-debug-trace/hooks/use-knowledge-base-info.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from 'react'\n\nimport type { ChunkIdsGroupedBySourceData } from '../../../index-types'\nimport { WebchatContext } from '../../../webchat/context'\nimport type {\n  HubtypeChunk,\n  HubtypeSource,\n} from '../events/knowledge-bases-types'\nimport { FilePdfSvg, FileWordSvg, LinkSvg } from '../icons'\n\ninterface UseKnowledgeBaseInfoParams {\n  sourceIds: string[]\n  chunkIds: string[]\n  messageId?: string\n  existingChunksWithSources?: ChunkIdsGroupedBySourceData[]\n}\n\nexport const useKnowledgeBaseInfo = ({\n  sourceIds,\n  chunkIds,\n  messageId,\n  existingChunksWithSources,\n}: UseKnowledgeBaseInfoParams) => {\n  const { updateMessage, webchatState, previewUtils } =\n    useContext(WebchatContext)\n\n  // Check if we have cached data\n  const hasCachedData = existingChunksWithSources !== undefined\n\n  // Initialize state from existing chunks with sources if available\n  const initialChunksWithSources = existingChunksWithSources || []\n  const initialSources = initialChunksWithSources.map(item => item.source)\n  const initialChunks = initialChunksWithSources.flatMap(item => item.chunks)\n\n  const [chunksWithSources, setChunksWithSources] = useState<\n    ChunkIdsGroupedBySourceData[]\n  >(initialChunksWithSources)\n  const [sources, setSources] = useState<HubtypeSource[]>(initialSources)\n  const [chunks, setChunks] = useState<HubtypeChunk[]>(initialChunks)\n  const [isLoading, setIsLoading] = useState(false)\n\n  const updateMessageWithKnowledgeData = (\n    fetchedChunksWithSources: ChunkIdsGroupedBySourceData[]\n  ) => {\n    if (!messageId) {\n      return\n    }\n\n    const message = webchatState.messagesJSON.find(m => m.id === messageId)\n    if (!message) {\n      return\n    }\n\n    // Parse the existing data if it's a string (shouldn't be, but handle it)\n    const parsedData =\n      typeof message.data === 'string' ? JSON.parse(message.data) : message.data\n\n    // Update with fetched chunks with sources and preserve original IDs\n    const updatedData = {\n      ...parsedData,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      knowledgebase_sources_ids: sourceIds,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      knowledgebase_chunks_ids: chunkIds,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      knowledge_base_chunks_with_sources: fetchedChunksWithSources,\n    }\n\n    // Update the message in webchat state - keep data as object\n    updateMessage({\n      ...message,\n      data: updatedData,\n    })\n  }\n\n  const fetchChunksWithSources = async () => {\n    if (chunkIds.length === 0 || !previewUtils) {\n      return []\n    }\n    setIsLoading(true)\n    try {\n      const fetchedChunksWithSources =\n        await previewUtils.getChunkIdsGroupedBySource(chunkIds)\n      return fetchedChunksWithSources\n    } catch (error) {\n      console.error('Error fetching chunks with sources:', error)\n      return []\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const getIconForSourceType = (source: HubtypeSource) => {\n    switch (source.type) {\n      case 'file':\n        if (source.activeExtractionJob.fileName.endsWith('.pdf')) {\n          return <FilePdfSvg />\n        } else {\n          return <FileWordSvg />\n        }\n      case 'url':\n        return <LinkSvg />\n      default:\n        return null\n    }\n  }\n\n  useEffect(() => {\n    // If we already have cached data (even if empty), don't fetch again\n    if (hasCachedData) {\n      return\n    }\n\n    // Only fetch if previewUtils is available\n    if (!previewUtils) {\n      return\n    }\n\n    // Otherwise, fetch the data\n    const fetchData = async () => {\n      const fetchedChunksWithSources = await fetchChunksWithSources()\n\n      // Extract sources and chunks from chunks with sources\n      const fetchedSources = fetchedChunksWithSources.map(item => item.source)\n      const fetchedChunks = fetchedChunksWithSources.flatMap(\n        item => item.chunks\n      )\n\n      setChunksWithSources(fetchedChunksWithSources)\n      setSources(fetchedSources)\n      setChunks(fetchedChunks)\n\n      // Always update the message with the fetched data (even if empty arrays)\n      // This marks the data as fetched so we don't fetch again\n      updateMessageWithKnowledgeData(fetchedChunksWithSources)\n    }\n\n    fetchData()\n  }, [chunkIds])\n\n  return {\n    sources,\n    chunks,\n    chunksWithSources,\n    isLoading,\n    getIconForSourceType,\n  }\n}\n"],"names":["useContext","useEffect","useState","WebchatContext","FilePdfSvg","FileWordSvg","LinkSvg","useKnowledgeBaseInfo","sourceIds","chunkIds","messageId","existingChunksWithSources","updateMessage","webchatState","previewUtils","hasCachedData","undefined","initialChunksWithSources","initialSources","item","initialChunks","chunksWithSources","setChunksWithSources","sources","setSources","chunks","setChunks","isLoading","setIsLoading","updateMessageWithKnowledgeData","fetchedChunksWithSources","message","m","parsedData","JSON","updatedData","fetchChunksWithSources","error","console","getIconForSourceType","source","fetchData","fetchedSources","fetchedChunks"],"mappings":"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"}

package/lib/components/system-debug-trace/hooks/use-last-label-position.js

@@ -0,0 +1,84 @@
+import { useEffect } from "react";
+
+
+
+function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsible }) {
+    useEffect(()=>{
+        // Only measure for collapsible events
+        if (!isCollapsible) {
+            return undefined;
+        }
+        if (!isExpanded || !wrapperRef.current) {
+            if (wrapperRef.current) {
+                wrapperRef.current.style.setProperty('--last-label-bottom', '0px');
+            }
+            return undefined;
+        }
+        const measure = ()=>{
+            const wrapper = wrapperRef.current;
+            if (!wrapper) {
+                return;
+            }
+            // Check if visible
+            const parent = wrapper.parentElement;
+            if (parent && window.getComputedStyle(parent).display === 'none') {
+                return;
+            }
+            // If an explicit line-end marker exists, use its bottom edge
+            const lineEndMarker = wrapper.querySelector('[data-line-end]');
+            let labelBottomPosition;
+            if (lineEndMarker) {
+                const wrapperTop = wrapper.getBoundingClientRect().top;
+                labelBottomPosition = lineEndMarker.getBoundingClientRect().bottom - wrapperTop;
+            } else {
+                // Find all label elements in order (both <strong> for DebugLabel and <span> for GuardrailLabel)
+                // We need to get them in DOM order to find the actual last one
+                const allElements = wrapper.querySelectorAll('strong, span');
+                const allLabels = Array.from(allElements).filter((el)=>{
+                    // Include all <strong> elements (they're DebugLabels)
+                    if (el.tagName === 'STRONG') {
+                        return true;
+                    }
+                    // For <span>, only include if it's a direct child of a flex container (GuardrailLabel pattern)
+                    // and has no child elements (just text)
+                    if (el.tagName === 'SPAN' && el.children.length === 0 && el.textContent?.trim()) {
+                        const parent = el.parentElement;
+                        if (parent) {
+                            const parentStyle = window.getComputedStyle(parent);
+                            // GuardrailItem has display: flex
+                            return parentStyle.display === 'flex';
+                        }
+                    }
+                    return false;
+                });
+                if (allLabels.length === 0) {
+                    return;
+                }
+                const lastLabel = allLabels[allLabels.length - 1];
+                const wrapperTop = wrapper.getBoundingClientRect().top;
+                labelBottomPosition = lastLabel.getBoundingClientRect().bottom - wrapperTop;
+            }
+            // Set CSS variable for line height calculation
+            wrapper.style.setProperty('--last-label-bottom', `${labelBottomPosition}px`);
+        };
+        // Measure after render
+        const timeoutId = setTimeout(measure, 0);
+        const resizeObserver = 'ResizeObserver' in window ? new ResizeObserver(measure) : null;
+        if (resizeObserver && wrapperRef.current) {
+            resizeObserver.observe(wrapperRef.current);
+        }
+        return ()=>{
+            clearTimeout(timeoutId);
+            resizeObserver?.disconnect();
+        };
+    }, [
+        isExpanded,
+        debugEvent,
+        wrapperRef,
+        isCollapsible
+    ]);
+}
+
+export { useLastLabelPosition };
+
+//# sourceMappingURL=use-last-label-position.js.map