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

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

@@ -1 +1 @@
-{"version":3,"file":"keyword.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/keyword.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,sDAAoD;AAW7C,MAAM,qBAAqB,GAAG,CACnC,IAAuB,EACL,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,iFACkB,qDAAe,IAAI,CAAC,gBAAgB,UAAc,IACjE,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,OAAO;QAC3B,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,2BAAa,KAAG;QACvB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,qBAAqB,yBAgBjC"}
+{"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/esm/components/system-debug-trace/events/knowledge-bases-types.js

@@ -1,3 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+
+
 //# sourceMappingURL=knowledge-bases-types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"knowledge-bases-types.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/knowledge-bases-types.ts"],"names":[],"mappings":""}
+{"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/esm/components/system-debug-trace/events/redirect-flow.d.ts

@@ -1,5 +1,5 @@
 import { EventAction } from '@botonic/core';
-import type { DebugEventConfig } from '../types';
+import type { DebugEventConfig } from '../types.js';
 export interface RedirectFlowDebugEvent {
     action: EventAction.RedirectFlow;
     flow_id: string;

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

@@ -1,18 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRedirectFlowEventConfig = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const arrow_progress_1 = require("../icons/arrow-progress");
-const getRedirectFlowEventConfig = (data) => {
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Redirected to flow ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.flow_target_name] })] }));
+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: core_1.EventAction.RedirectFlow,
+        action: EventAction.RedirectFlow,
         title,
         component: null,
-        icon: (0, jsx_runtime_1.jsx)(arrow_progress_1.ArrowProgressSvg, {}),
-        collapsible: false,
+        icon: /*#__PURE__*/ jsx(ArrowProgressSvg, {}),
+        collapsible: false
     };
 };
-exports.getRedirectFlowEventConfig = getRedirectFlowEventConfig;
+
+export { getRedirectFlowEventConfig };
+
 //# sourceMappingURL=redirect-flow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"redirect-flow.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/redirect-flow.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,4DAA0D;AAWnD,MAAM,0BAA0B,GAAG,CACxC,IAA4B,EACV,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,oFACqB,mDAAS,IAAI,CAAC,gBAAgB,IAAQ,IACxD,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,YAAY;QAChC,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,iCAAgB,KAAG;QAC1B,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,0BAA0B,8BAgBtC"}
+{"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/esm/components/system-debug-trace/events/smart-intent.d.ts

@@ -1,5 +1,5 @@
 import { EventAction } from '@botonic/core';
-import type { DebugEventConfig } from '../types';
+import type { DebugEventConfig } from '../types.js';
 export interface SmartIntentDebugEvent {
     action: EventAction.IntentSmart;
     nlu_intent_smart_title: string;

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

@@ -1,17 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSmartIntentEventConfig = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const icons_1 = require("../icons");
-const getSmartIntentEventConfig = (data) => {
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Smart intent triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- \"", data.nlu_intent_smart_title, "\""] })] }));
+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: core_1.EventAction.IntentSmart,
+        action: EventAction.IntentSmart,
         title,
         component: null,
-        icon: (0, jsx_runtime_1.jsx)(icons_1.BrainSvg, {}),
+        icon: /*#__PURE__*/ jsx(BrainSvg, {})
     };
 };
-exports.getSmartIntentEventConfig = getSmartIntentEventConfig;
+
+export { getSmartIntentEventConfig };
+
 //# sourceMappingURL=smart-intent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"smart-intent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/smart-intent.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,oCAAmC;AAQ5B,MAAM,yBAAyB,GAAG,CACvC,IAA2B,EACT,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,wFACyB,qDAAU,IAAI,CAAC,sBAAsB,UAAS,IACpE,CACJ,CAAA;IACD,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,WAAW;QAC/B,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,gBAAQ,KAAG;KACnB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,yBAAyB,6BAcrC"}
+{"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/esm/components/system-debug-trace/events/webview-action-triggered.d.ts

@@ -1,5 +1,5 @@
 import { EventAction } from '@botonic/core';
-import type { DebugEventConfig } from '../types';
+import type { DebugEventConfig } from '../types.js';
 export interface WebviewActionTriggeredDebugEvent {
     action: EventAction.WebviewActionTriggered;
     webview_target_id: string;

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

@@ -1,25 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWebviewActionTriggeredEventConfig = exports.WebviewActionTriggered = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const window_restore_1 = require("../icons/window-restore");
-const styles_1 = require("../styles");
-const WebviewActionTriggered = (props) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.keys(props.webview_params ?? {}).length > 0
-            ? Object.entries(props.webview_params ?? {}).map(([key, value]) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: key }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: value })] }, key)))
-            : 'Webview without params' }));
+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'
+    });
 };
-exports.WebviewActionTriggered = WebviewActionTriggered;
-const getWebviewActionTriggeredEventConfig = (data) => {
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Webview action triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.webview_name] })] }));
+const getWebviewActionTriggeredEventConfig = (data)=>{
+    const title = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Webview action triggered ",
+            /*#__PURE__*/ jsxs("span", {
+                children: [
+                    "- ",
+                    data.webview_name
+                ]
+            })
+        ]
+    });
     return {
-        action: core_1.EventAction.WebviewActionTriggered,
+        action: EventAction.WebviewActionTriggered,
         title,
-        component: exports.WebviewActionTriggered,
-        icon: (0, jsx_runtime_1.jsx)(window_restore_1.WindowRestoreSvg, {}),
-        collapsible: true,
+        component: WebviewActionTriggered,
+        icon: /*#__PURE__*/ jsx(WindowRestoreSvg, {}),
+        collapsible: true
     };
 };
-exports.getWebviewActionTriggeredEventConfig = getWebviewActionTriggeredEventConfig;
+
+export { WebviewActionTriggered, getWebviewActionTriggeredEventConfig };
+
 //# sourceMappingURL=webview-action-triggered.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webview-action-triggered.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/webview-action-triggered.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,4DAA0D;AAC1D,sCAIkB;AAUX,MAAM,sBAAsB,GAAG,CACpC,KAAuC,EACvC,EAAE;IACF,OAAO,CACL,2DACG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;YACjD,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC/D,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,GAAG,GAAoB,EAC1C,uBAAC,yBAAgB,cAAE,KAAK,GAAoB,KAFtB,GAAG,CAGP,CACrB,CAAC;YACJ,CAAC,CAAC,wBAAwB,GAC3B,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,sBAAsB,0BAelC;AACM,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,0FAC2B,mDAAS,IAAI,CAAC,YAAY,IAAQ,IAC1D,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,8BAAsB;QACjC,IAAI,EAAE,uBAAC,iCAAgB,KAAG;QAC1B,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,oCAAoC,wCAgBhD"}
+{"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/esm/components/system-debug-trace/hooks/use-knowledge-base-info.d.ts

@@ -1,5 +1,5 @@
-import type { ChunkIdsGroupedBySourceData } from '../../../index-types';
-import type { HubtypeChunk, HubtypeSource } from '../events/knowledge-bases-types';
+import type { ChunkIdsGroupedBySourceData } from '../../../index-types.js';
+import type { HubtypeChunk, HubtypeSource } from '../events/knowledge-bases-types.js';
 interface UseKnowledgeBaseInfoParams {
     sourceIds: string[];
     chunkIds: string[];

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

@@ -1,27 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKnowledgeBaseInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const context_1 = require("../../../webchat/context");
-const icons_1 = require("../icons");
-const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWithSources, }) => {
-    const { updateMessage, webchatState, previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
+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] = (0, react_1.useState)(initialChunksWithSources);
-    const [sources, setSources] = (0, react_1.useState)(initialSources);
-    const [chunks, setChunks] = (0, react_1.useState)(initialChunks);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const updateMessageWithKnowledgeData = (fetchedChunksWithSources) => {
+    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);
+        const message = webchatState.messagesJSON.find((m)=>m.id === messageId);
         if (!message) {
             return;
         }
@@ -35,15 +41,15 @@ const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWi
             // 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,
+            knowledge_base_chunks_with_sources: fetchedChunksWithSources
         };
         // Update the message in webchat state - keep data as object
         updateMessage({
             ...message,
-            data: updatedData,
+            data: updatedData
         });
     };
-    const fetchChunksWithSources = async () => {
+    const fetchChunksWithSources = async ()=>{
         if (chunkIds.length === 0 || !previewUtils) {
             return [];
         }
@@ -51,31 +57,28 @@ const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWi
         try {
             const fetchedChunksWithSources = await previewUtils.getChunkIdsGroupedBySource(chunkIds);
             return fetchedChunksWithSources;
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Error fetching chunks with sources:', error);
             return [];
-        }
-        finally {
+        } finally{
             setIsLoading(false);
         }
     };
-    const getIconForSourceType = (source) => {
-        switch (source.type) {
+    const getIconForSourceType = (source)=>{
+        switch(source.type){
             case 'file':
                 if (source.activeExtractionJob.fileName.endsWith('.pdf')) {
-                    return (0, jsx_runtime_1.jsx)(icons_1.FilePdfSvg, {});
-                }
-                else {
-                    return (0, jsx_runtime_1.jsx)(icons_1.FileWordSvg, {});
+                    return /*#__PURE__*/ jsx(FilePdfSvg, {});
+                } else {
+                    return /*#__PURE__*/ jsx(FileWordSvg, {});
                 }
             case 'url':
-                return (0, jsx_runtime_1.jsx)(icons_1.LinkSvg, {});
+                return /*#__PURE__*/ jsx(LinkSvg, {});
             default:
                 return null;
         }
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(()=>{
         // If we already have cached data (even if empty), don't fetch again
         if (hasCachedData) {
             return;
@@ -85,11 +88,11 @@ const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWi
             return;
         }
         // Otherwise, fetch the data
-        const fetchData = async () => {
+        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);
+            const fetchedSources = fetchedChunksWithSources.map((item)=>item.source);
+            const fetchedChunks = fetchedChunksWithSources.flatMap((item)=>item.chunks);
             setChunksWithSources(fetchedChunksWithSources);
             setSources(fetchedSources);
             setChunks(fetchedChunks);
@@ -98,14 +101,18 @@ const useKnowledgeBaseInfo = ({ sourceIds, chunkIds, messageId, existingChunksWi
             updateMessageWithKnowledgeData(fetchedChunksWithSources);
         };
         fetchData();
-    }, [chunkIds]);
+    }, [
+        chunkIds
+    ]);
     return {
         sources,
         chunks,
         chunksWithSources,
         isLoading,
-        getIconForSourceType,
+        getIconForSourceType
     };
 };
-exports.useKnowledgeBaseInfo = useKnowledgeBaseInfo;
+
+export { useKnowledgeBaseInfo };
+
 //# sourceMappingURL=use-knowledge-base-info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-knowledge-base-info.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/hooks/use-knowledge-base-info.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AAGvD,sDAAyD;AAKzD,oCAA2D;AASpD,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,SAAS,EACT,yBAAyB,GACE,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,GACjD,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,+BAA+B;IAC/B,MAAM,aAAa,GAAG,yBAAyB,KAAK,SAAS,CAAA;IAE7D,kEAAkE;IAClE,MAAM,wBAAwB,GAAG,yBAAyB,IAAI,EAAE,CAAA;IAChE,MAAM,cAAc,GAAG,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxE,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAE3E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAExD,wBAAwB,CAAC,CAAA;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAkB,cAAc,CAAC,CAAA;IACvE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,aAAa,CAAC,CAAA;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,8BAA8B,GAAG,CACrC,wBAAuD,EACvD,EAAE;QACF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAA;QACvE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,yEAAyE;QACzE,MAAM,UAAU,GACd,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAA;QAE5E,oEAAoE;QACpE,MAAM,WAAW,GAAG;YAClB,GAAG,UAAU;YACb,gEAAgE;YAChE,yBAAyB,EAAE,SAAS;YACpC,gEAAgE;YAChE,wBAAwB,EAAE,QAAQ;YAClC,gEAAgE;YAChE,kCAAkC,EAAE,wBAAwB;SAC7D,CAAA;QAED,4DAA4D;QAC5D,aAAa,CAAC;YACZ,GAAG,OAAO;YACV,IAAI,EAAE,WAAW;SAClB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,KAAK,IAAI,EAAE;QACxC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YAC3C,OAAO,EAAE,CAAA;QACX,CAAC;QACD,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,CAAC;YACH,MAAM,wBAAwB,GAC5B,MAAM,YAAY,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAA;YACzD,OAAO,wBAAwB,CAAA;QACjC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAA;YAC3D,OAAO,EAAE,CAAA;QACX,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,MAAqB,EAAE,EAAE;QACrD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;YACpB,KAAK,MAAM;gBACT,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACzD,OAAO,uBAAC,kBAAU,KAAG,CAAA;gBACvB,CAAC;qBAAM,CAAC;oBACN,OAAO,uBAAC,mBAAW,KAAG,CAAA;gBACxB,CAAC;YACH,KAAK,KAAK;gBACR,OAAO,uBAAC,eAAO,KAAG,CAAA;YACpB;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,oEAAoE;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,0CAA0C;QAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,4BAA4B;QAC5B,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,MAAM,wBAAwB,GAAG,MAAM,sBAAsB,EAAE,CAAA;YAE/D,sDAAsD;YACtD,MAAM,cAAc,GAAG,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACxE,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CACpD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CACpB,CAAA;YAED,oBAAoB,CAAC,wBAAwB,CAAC,CAAA;YAC9C,UAAU,CAAC,cAAc,CAAC,CAAA;YAC1B,SAAS,CAAC,aAAa,CAAC,CAAA;YAExB,yEAAyE;YACzE,yDAAyD;YACzD,8BAA8B,CAAC,wBAAwB,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,SAAS,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO;QACL,OAAO;QACP,MAAM;QACN,iBAAiB;QACjB,SAAS;QACT,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA;AAlIY,QAAA,oBAAoB,wBAkIhC"}
+{"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/esm/components/system-debug-trace/hooks/use-last-label-position.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLastLabelPosition = useLastLabelPosition;
-const react_1 = require("react");
-function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsible, }) {
-    (0, react_1.useEffect)(() => {
+import { useEffect } from "react";
+
+
+
+function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsible }) {
+    useEffect(()=>{
         // Only measure for collapsible events
         if (!isCollapsible) {
             return undefined;
@@ -14,7 +14,7 @@ function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsibl
             }
             return undefined;
         }
-        const measure = () => {
+        const measure = ()=>{
             const wrapper = wrapperRef.current;
             if (!wrapper) {
                 return;
@@ -29,23 +29,19 @@ function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsibl
             let labelBottomPosition;
             if (lineEndMarker) {
                 const wrapperTop = wrapper.getBoundingClientRect().top;
-                labelBottomPosition =
-                    lineEndMarker.getBoundingClientRect().bottom - wrapperTop;
-            }
-            else {
+                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 => {
+                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()) {
+                    if (el.tagName === 'SPAN' && el.children.length === 0 && el.textContent?.trim()) {
                         const parent = el.parentElement;
                         if (parent) {
                             const parentStyle = window.getComputedStyle(parent);
@@ -60,8 +56,7 @@ function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsibl
                 }
                 const lastLabel = allLabels[allLabels.length - 1];
                 const wrapperTop = wrapper.getBoundingClientRect().top;
-                labelBottomPosition =
-                    lastLabel.getBoundingClientRect().bottom - wrapperTop;
+                labelBottomPosition = lastLabel.getBoundingClientRect().bottom - wrapperTop;
             }
             // Set CSS variable for line height calculation
             wrapper.style.setProperty('--last-label-bottom', `${labelBottomPosition}px`);
@@ -72,10 +67,18 @@ function useLastLabelPosition({ wrapperRef, isExpanded, debugEvent, isCollapsibl
         if (resizeObserver && wrapperRef.current) {
             resizeObserver.observe(wrapperRef.current);
         }
-        return () => {
+        return ()=>{
             clearTimeout(timeoutId);
             resizeObserver?.disconnect();
         };
-    }, [isExpanded, debugEvent, wrapperRef, isCollapsible]);
+    }, [
+        isExpanded,
+        debugEvent,
+        wrapperRef,
+        isCollapsible
+    ]);
 }
+
+export { useLastLabelPosition };
+
 //# sourceMappingURL=use-last-label-position.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-last-label-position.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/hooks/use-last-label-position.ts"],"names":[],"mappings":";;AASA,oDAoGC;AA7GD,iCAAiD;AASjD,SAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,UAAU,EACV,UAAU,EACV,aAAa,GACa;IAC1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAA;YACpE,CAAC;YACD,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;YAClC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAM;YACR,CAAC;YAED,mBAAmB;YACnB,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAA;YACpC,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBACjE,OAAM;YACR,CAAC;YAED,6DAA6D;YAC7D,MAAM,aAAa,GACjB,OAAO,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAA;YAEvD,IAAI,mBAA2B,CAAA;YAE/B,IAAI,aAAa,EAAE,CAAC;gBAClB,MAAM,UAAU,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAA;gBACtD,mBAAmB;oBACjB,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,UAAU,CAAA;YAC7D,CAAC;iBAAM,CAAC;gBACN,gGAAgG;gBAChG,+DAA+D;gBAC/D,MAAM,WAAW,GACf,OAAO,CAAC,gBAAgB,CAAc,cAAc,CAAC,CAAA;gBACvD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;oBACpD,sDAAsD;oBACtD,IAAI,EAAE,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAC5B,OAAO,IAAI,CAAA;oBACb,CAAC;oBAED,+FAA+F;oBAC/F,wCAAwC;oBACxC,IACE,EAAE,CAAC,OAAO,KAAK,MAAM;wBACrB,EAAE,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;wBACxB,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EACtB,CAAC;wBACD,MAAM,MAAM,GAAG,EAAE,CAAC,aAAa,CAAA;wBAC/B,IAAI,MAAM,EAAE,CAAC;4BACX,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;4BACnD,kCAAkC;4BAClC,OAAO,WAAW,CAAC,OAAO,KAAK,MAAM,CAAA;wBACvC,CAAC;oBACH,CAAC;oBACD,OAAO,KAAK,CAAA;gBACd,CAAC,CAAC,CAAA;gBAEF,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBAC3B,OAAM;gBACR,CAAC;gBAED,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;gBACjD,MAAM,UAAU,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAA;gBACtD,mBAAmB;oBACjB,SAAS,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,UAAU,CAAA;YACzD,CAAC;YAED,+CAA+C;YAC/C,OAAO,CAAC,KAAK,CAAC,WAAW,CACvB,qBAAqB,EACrB,GAAG,mBAAmB,IAAI,CAC3B,CAAA;QACH,CAAC,CAAA;QAED,uBAAuB;QACvB,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QACxC,MAAM,cAAc,GAClB,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAEjE,IAAI,cAAc,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACzC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAC5C,CAAC;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,cAAc,EAAE,UAAU,EAAE,CAAA;QAC9B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;AACzD,CAAC"}
+{"version":3,"file":"components/system-debug-trace/hooks/use-last-label-position.js","sources":["../../../../../src/components/system-debug-trace/hooks/use-last-label-position.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react'\n\ninterface UseLastLabelPositionProps {\n  wrapperRef: RefObject<HTMLDivElement>\n  isExpanded: boolean\n  debugEvent: unknown\n  isCollapsible: boolean\n}\n\nexport function useLastLabelPosition({\n  wrapperRef,\n  isExpanded,\n  debugEvent,\n  isCollapsible,\n}: UseLastLabelPositionProps) {\n  useEffect(() => {\n    // Only measure for collapsible events\n    if (!isCollapsible) {\n      return undefined\n    }\n\n    if (!isExpanded || !wrapperRef.current) {\n      if (wrapperRef.current) {\n        wrapperRef.current.style.setProperty('--last-label-bottom', '0px')\n      }\n      return undefined\n    }\n\n    const measure = () => {\n      const wrapper = wrapperRef.current\n      if (!wrapper) {\n        return\n      }\n\n      // Check if visible\n      const parent = wrapper.parentElement\n      if (parent && window.getComputedStyle(parent).display === 'none') {\n        return\n      }\n\n      // If an explicit line-end marker exists, use its bottom edge\n      const lineEndMarker =\n        wrapper.querySelector<HTMLElement>('[data-line-end]')\n\n      let labelBottomPosition: number\n\n      if (lineEndMarker) {\n        const wrapperTop = wrapper.getBoundingClientRect().top\n        labelBottomPosition =\n          lineEndMarker.getBoundingClientRect().bottom - wrapperTop\n      } else {\n        // Find all label elements in order (both <strong> for DebugLabel and <span> for GuardrailLabel)\n        // We need to get them in DOM order to find the actual last one\n        const allElements =\n          wrapper.querySelectorAll<HTMLElement>('strong, span')\n        const allLabels = Array.from(allElements).filter(el => {\n          // Include all <strong> elements (they're DebugLabels)\n          if (el.tagName === 'STRONG') {\n            return true\n          }\n\n          // For <span>, only include if it's a direct child of a flex container (GuardrailLabel pattern)\n          // and has no child elements (just text)\n          if (\n            el.tagName === 'SPAN' &&\n            el.children.length === 0 &&\n            el.textContent?.trim()\n          ) {\n            const parent = el.parentElement\n            if (parent) {\n              const parentStyle = window.getComputedStyle(parent)\n              // GuardrailItem has display: flex\n              return parentStyle.display === 'flex'\n            }\n          }\n          return false\n        })\n\n        if (allLabels.length === 0) {\n          return\n        }\n\n        const lastLabel = allLabels[allLabels.length - 1]\n        const wrapperTop = wrapper.getBoundingClientRect().top\n        labelBottomPosition =\n          lastLabel.getBoundingClientRect().bottom - wrapperTop\n      }\n\n      // Set CSS variable for line height calculation\n      wrapper.style.setProperty(\n        '--last-label-bottom',\n        `${labelBottomPosition}px`\n      )\n    }\n\n    // Measure after render\n    const timeoutId = setTimeout(measure, 0)\n    const resizeObserver =\n      'ResizeObserver' in window ? new ResizeObserver(measure) : null\n\n    if (resizeObserver && wrapperRef.current) {\n      resizeObserver.observe(wrapperRef.current)\n    }\n\n    return () => {\n      clearTimeout(timeoutId)\n      resizeObserver?.disconnect()\n    }\n  }, [isExpanded, debugEvent, wrapperRef, isCollapsible])\n}\n"],"names":["useEffect","useLastLabelPosition","wrapperRef","isExpanded","debugEvent","isCollapsible","undefined","measure","wrapper","parent","window","lineEndMarker","labelBottomPosition","wrapperTop","allElements","allLabels","Array","el","parentStyle","lastLabel","timeoutId","setTimeout","resizeObserver","ResizeObserver","clearTimeout"],"mappings":";;;AAAiD;AAS1C,SAASC,oBAAoBA,CAAC,EACnCC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVC,aAAa,EACa;IAC1BL,SAASA,CAAC;QACR,sCAAsC;QACtC,IAAI,CAACK,eAAe;YAClB,OAAOC;QACT;QAEA,IAAI,CAACH,cAAc,CAACD,WAAW,OAAO,EAAE;YACtC,IAAIA,WAAW,OAAO,EAAE;gBACtBA,WAAW,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB;YAC9D;YACA,OAAOI;QACT;QAEA,MAAMC,UAAU;YACd,MAAMC,UAAUN,WAAW,OAAO;YAClC,IAAI,CAACM,SAAS;gBACZ;YACF;YAEA,mBAAmB;YACnB,MAAMC,SAASD,QAAQ,aAAa;YACpC,IAAIC,UAAUC,OAAO,gBAAgB,CAACD,QAAQ,OAAO,KAAK,QAAQ;gBAChE;YACF;YAEA,6DAA6D;YAC7D,MAAME,gBACJH,QAAQ,aAAa,CAAc;YAErC,IAAII;YAEJ,IAAID,eAAe;gBACjB,MAAME,aAAaL,QAAQ,qBAAqB,GAAG,GAAG;gBACtDI,sBACED,cAAc,qBAAqB,GAAG,MAAM,GAAGE;YACnD,OAAO;gBACL,gGAAgG;gBAChG,+DAA+D;gBAC/D,MAAMC,cACJN,QAAQ,gBAAgB,CAAc;gBACxC,MAAMO,YAAYC,MAAM,IAAI,CAACF,aAAa,MAAM,CAACG,CAAAA;oBAC/C,sDAAsD;oBACtD,IAAIA,GAAG,OAAO,KAAK,UAAU;wBAC3B,OAAO;oBACT;oBAEA,+FAA+F;oBAC/F,wCAAwC;oBACxC,IACEA,GAAG,OAAO,KAAK,UACfA,GAAG,QAAQ,CAAC,MAAM,KAAK,KACvBA,GAAG,WAAW,EAAE,QAChB;wBACA,MAAMR,SAASQ,GAAG,aAAa;wBAC/B,IAAIR,QAAQ;4BACV,MAAMS,cAAcR,OAAO,gBAAgB,CAACD;4BAC5C,kCAAkC;4BAClC,OAAOS,YAAY,OAAO,KAAK;wBACjC;oBACF;oBACA,OAAO;gBACT;gBAEA,IAAIH,UAAU,MAAM,KAAK,GAAG;oBAC1B;gBACF;gBAEA,MAAMI,YAAYJ,SAAS,CAACA,UAAU,MAAM,GAAG,EAAE;gBACjD,MAAMF,aAAaL,QAAQ,qBAAqB,GAAG,GAAG;gBACtDI,sBACEO,UAAU,qBAAqB,GAAG,MAAM,GAAGN;YAC/C;YAEA,+CAA+C;YAC/CL,QAAQ,KAAK,CAAC,WAAW,CACvB,uBACA,GAAGI,oBAAoB,EAAE,CAAC;QAE9B;QAEA,uBAAuB;QACvB,MAAMQ,YAAYC,WAAWd,SAAS;QACtC,MAAMe,iBACJ,oBAAoBZ,SAAS,IAAIa,eAAehB,WAAW;QAE7D,IAAIe,kBAAkBpB,WAAW,OAAO,EAAE;YACxCoB,eAAe,OAAO,CAACpB,WAAW,OAAO;QAC3C;QAEA,OAAO;YACLsB,aAAaJ;YACbE,gBAAgB;QAClB;IACF,GAAG;QAACnB;QAAYC;QAAYF;QAAYG;KAAc;AACxD"}