@botonic/react 0.45.0 → 0.46.0-alpha.0

package/lib/esm/components/system-debug-trace/events/ai-agent/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/system-debug-trace/events/ai-agent/types.ts"],"names":[],"mappings":""}

package/lib/esm/components/system-debug-trace/events/components/sources-section.js

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SourcesSection = void 0;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const styles_1 = require("../../styles");
 const constants_1 = require("../constants");
+const StyledSeeChunksButton = (0, styled_components_1.default)(styles_1.StyledSeeInfo) `
+  margin-left: 0;
+  margin-top: 4px;
+`;
 const SourcesSection = ({ sources, chunks, getIconForSourceType, onSeeChunks, label = constants_1.LABELS.SOURCES, }) => {
     if (sources.length === 0) {
         return null;
@@ -15,7 +21,7 @@ const SourcesSection = ({ sources, chunks, getIconForSourceType, onSeeChunks, la
                     ? source.activeExtractionJob?.url
                     : source.activeExtractionJob?.fileName;
                 return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [icon, isUrl ? ((0, jsx_runtime_1.jsx)(styles_1.StyledUrlSourceValue, { href: value ?? '', target: '_blank', rel: 'noopener noreferrer', title: value ?? 'Not detected', children: value })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledFileSourceValue, { children: value }))] }, source.id));
-            }), chunks.length > 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledSeeChunksButton, { onClick: onSeeChunks, children: constants_1.LABELS.SEE_CHUNKS_BUTTON }))] }));
+            }), chunks.length > 0 && ((0, jsx_runtime_1.jsx)(StyledSeeChunksButton, { onClick: onSeeChunks, children: constants_1.LABELS.SEE_CHUNKS_BUTTON }))] }));
 };
 exports.SourcesSection = SourcesSection;
 //# sourceMappingURL=sources-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sources-section.js","sourceRoot":"","sources":["../../../../../../src/components/system-debug-trace/events/components/sources-section.tsx"],"names":[],"mappings":";;;;AAEA,yCAOqB;AACrB,4CAAqC;AAW9B,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,oBAAoB,EACpB,WAAW,EACX,KAAK,GAAG,kBAAM,CAAC,OAAO,GACF,EAAE,EAAE;IACxB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,KAAK,GAAoB,EAC3C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBACpB,MAAM,IAAI,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;gBACzC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,KAAK,KAAK,CAAA;gBACnC,MAAM,KAAK,GAAG,KAAK;oBACjB,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,GAAG;oBACjC,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,QAAQ,CAAA;gBAExC,OAAO,CACL,wBAAC,gCAAuB,eACrB,IAAI,EACJ,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,6BAAoB,IACnB,IAAI,EAAE,KAAK,IAAI,EAAE,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE,KAAK,IAAI,cAAc,YAE7B,KAAK,GACe,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAqB,cAAE,KAAK,GAAyB,CACvD,KAb2B,MAAM,CAAC,EAAE,CAcb,CAC3B,CAAA;YACH,CAAC,CAAC,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uBAAC,8BAAqB,IAAC,OAAO,EAAE,WAAW,YACxC,kBAAM,CAAC,iBAAiB,GACH,CACzB,IACiB,CACrB,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,cAAc,kBA8C1B"}
+{"version":3,"file":"sources-section.js","sourceRoot":"","sources":["../../../../../../src/components/system-debug-trace/events/components/sources-section.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AACtC,yCAOqB;AACrB,4CAAqC;AAGrC,MAAM,qBAAqB,GAAG,IAAA,2BAAM,EAAC,sBAAa,CAAC,CAAA;;;CAGlD,CAAA;AAUM,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,oBAAoB,EACpB,WAAW,EACX,KAAK,GAAG,kBAAM,CAAC,OAAO,GACF,EAAE,EAAE;IACxB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,KAAK,GAAoB,EAC3C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBACpB,MAAM,IAAI,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;gBACzC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,KAAK,KAAK,CAAA;gBACnC,MAAM,KAAK,GAAG,KAAK;oBACjB,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,GAAG;oBACjC,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,QAAQ,CAAA;gBAExC,OAAO,CACL,wBAAC,gCAAuB,eACrB,IAAI,EACJ,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,6BAAoB,IACnB,IAAI,EAAE,KAAK,IAAI,EAAE,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE,KAAK,IAAI,cAAc,YAE7B,KAAK,GACe,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAqB,cAAE,KAAK,GAAyB,CACvD,KAb2B,MAAM,CAAC,EAAE,CAcb,CAC3B,CAAA;YACH,CAAC,CAAC,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uBAAC,qBAAqB,IAAC,OAAO,EAAE,WAAW,YACxC,kBAAM,CAAC,iBAAiB,GACH,CACzB,IACiB,CACrB,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,cAAc,kBA8C1B"}

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

@@ -4,8 +4,10 @@ export declare const LABELS: {
     readonly FAITHFUL_ANSWER: "Faithful answer";
     readonly QUERY: "Query";
     readonly SOURCES: "Sources";
-    readonly KNOWLEDGE_GATHERED: "Knowledge gathered";
+    readonly KNOWLEDGE_SOURCES: "Knowledge sources";
     readonly EXECUTED_TOOLS: "Executed tools";
+    readonly TOOL_ARGUMENTS: "Tool arguments";
+    readonly TOOL_RESULTS: "Tool results";
     readonly NO_TOOLS_EXECUTED: "No tools executed";
     readonly AUTO_ASSIGN_ON: "ON";
     readonly AUTO_ASSIGN_OFF: "OFF";
@@ -16,6 +18,7 @@ export declare const LABELS: {
     readonly NOTE: "Note";
     readonly KNOWLEDGE_BASE_FAIL_REASON: "Knowledge Base Fail Reason";
     readonly SEE_CHUNKS_BUTTON: "See chunks";
+    readonly SEE_TOOL_DETAILS: "Details";
     readonly STATUS: "Status";
     readonly YES: "Yes";
     readonly NO: "No";

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

@@ -7,8 +7,10 @@ exports.LABELS = {
     FAITHFUL_ANSWER: 'Faithful answer',
     QUERY: 'Query',
     SOURCES: 'Sources',
-    KNOWLEDGE_GATHERED: 'Knowledge gathered',
+    KNOWLEDGE_SOURCES: 'Knowledge sources',
     EXECUTED_TOOLS: 'Executed tools',
+    TOOL_ARGUMENTS: 'Tool arguments',
+    TOOL_RESULTS: 'Tool results',
     NO_TOOLS_EXECUTED: 'No tools executed',
     AUTO_ASSIGN_ON: 'ON',
     AUTO_ASSIGN_OFF: 'OFF',
@@ -19,6 +21,7 @@ exports.LABELS = {
     NOTE: 'Note',
     KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
     SEE_CHUNKS_BUTTON: 'See chunks',
+    SEE_TOOL_DETAILS: 'Details',
     STATUS: 'Status',
     YES: 'Yes',
     NO: 'No',

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;IAC/B,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,cAAc,EAAE,gBAAgB;IAChC,YAAY,EAAE,cAAc;IAC5B,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;IAC/B,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAA"}

package/lib/esm/components/system-debug-trace/styles.d.ts

@@ -9,7 +9,7 @@ export declare const StyledDebugLabel: import("styled-components").StyledCompone
 export declare const StyledDebugValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugItemWithIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugMetadata: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSeeChunksButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeeInfo: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 interface StyledGuardrailItemProps {
     $isLastItem?: boolean;
 }

package/lib/esm/components/system-debug-trace/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledUrlSourceValue = exports.StyledFileSourceValue = exports.StyledSourceValue = exports.StyledGuardrailValue = exports.StyledGuardrailLabel = exports.StyledDebugContentWrapper = exports.StyledGuardrailItem = exports.StyledSeeChunksButton = exports.StyledDebugMetadata = exports.StyledDebugItemWithIcon = exports.StyledDebugValue = exports.StyledDebugLabel = exports.StyledDebugDetail = exports.StyledDebugContent = exports.StyledDebugTitle = exports.StyledDebugIcon = exports.StyledDebugArrow = exports.StyledDebugHeader = exports.StyledDebugContainer = void 0;
+exports.StyledUrlSourceValue = exports.StyledFileSourceValue = exports.StyledSourceValue = exports.StyledGuardrailValue = exports.StyledGuardrailLabel = exports.StyledDebugContentWrapper = exports.StyledGuardrailItem = exports.StyledSeeInfo = exports.StyledDebugMetadata = exports.StyledDebugItemWithIcon = exports.StyledDebugValue = exports.StyledDebugLabel = exports.StyledDebugDetail = exports.StyledDebugContent = exports.StyledDebugTitle = exports.StyledDebugIcon = exports.StyledDebugArrow = exports.StyledDebugHeader = exports.StyledDebugContainer = void 0;
 const tslib_1 = require("tslib");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const constants_1 = require("../../constants");
@@ -169,7 +169,7 @@ exports.StyledDebugMetadata = styled_components_1.default.div `
     font-weight: 400;
   }
 `;
-exports.StyledSeeChunksButton = styled_components_1.default.button `
+exports.StyledSeeInfo = styled_components_1.default.button `
   border: 1px solid #c4c6d0;
   border-radius: 6px;
   padding: 8px;
@@ -181,8 +181,6 @@ exports.StyledSeeChunksButton = styled_components_1.default.button `
   font-weight: 500;
   line-height: 1.5;
   cursor: pointer;
-  margin-left: 0;
-  margin-top: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -211,7 +209,7 @@ exports.StyledGuardrailItem = styled_components_1.default.div `
 exports.StyledDebugContentWrapper = styled_components_1.default.div `
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 16px;
   position: relative;
   width: 100%;
   min-width: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG/B,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;wBAoB1B,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAIY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;wBAgB3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG/B,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;wBAkBlB,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAKY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;wBAgB3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}

package/lib/esm/index-types.d.ts

@@ -1,4 +1,4 @@
-import type { BotContext, BotRequest as CoreBotRequest, Input as CoreInput, InputType as CoreInputType, Route as CoreRoute, Routes as CoreRoutes, Session as CoreSession, SessionUser as CoreSessionUser, ServerConfig } from '@botonic/core';
+import type { BotContext, BotRequest as CoreBotRequest, Input as CoreInput, InputType as CoreInputType, Route as CoreRoute, Routes as CoreRoutes, Session as CoreSession, SessionUser as CoreSessionUser, ServerConfig, ToolExecution } from '@botonic/core';
 import type React from 'react';
 import type { BlockInputOption, ButtonProps, ReplyProps, WebchatSettingsProps } from './components';
 import { ChunkIdsGroupedBySourceData } from './components/system-debug-trace/events/knowledge-bases-types';
@@ -61,6 +61,7 @@ export interface MinimalHubtypeMessage {
 export interface PreviewUtils {
     getChunkIdsGroupedBySource: (chunkIds: string[]) => Promise<ChunkIdsGroupedBySourceData[]>;
     onClickOpenChunks: (chunkIdsGroupedBySource: ChunkIdsGroupedBySourceData[]) => void;
+    onClickOpenToolResults: (toolExecution: ToolExecution) => void;
     getMessageById: (messageId: string) => Promise<MinimalHubtypeMessage>;
     trackPreviewEventOpened: (eventProperties: Record<string, unknown>) => void;
 }

package/lib/esm/index-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AA8JA,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;AACnB,CAAC,EALW,OAAO,uBAAP,OAAO,QAKlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,sBAAN,MAAM,QAGjB"}
+{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAgKA,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;AACnB,CAAC,EALW,OAAO,uBAAP,OAAO,QAKlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,sBAAN,MAAM,QAGjB"}

package/lib/esm/webchat/context/index.js

@@ -73,6 +73,9 @@ exports.WebchatContext = (0, react_1.createContext)({
     },
     webchatState: {},
     previewUtils: {
+        onClickOpenToolResults: () => {
+            return;
+        },
         trackPreviewEventOpened: () => {
             return;
         },

package/lib/esm/webchat/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAqC;AAOrC,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEN,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC,EAAE,uGAAuG;IAC1G,YAAY,EAAE,KAAK,IAAI,EAAE;QACvB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,OAAM;IACR,CAAC;IACD,SAAS,EAAE,KAAK,IAAI,EAAE;QACpB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,KAAK,IAAI,EAAE;QACtB,OAAM;IACR,CAAC;IACD,QAAQ,EAAE,KAAK,IAAI,EAAE;QACnB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,EAAkB;IAChC,YAAY,EAAE;QACZ,uBAAuB,EAAE,GAAG,EAAE;YAC5B,OAAM;QACR,CAAC;QACD,0BAA0B,EAAE,KAAK,IAAI,EAAE;YACrC,OAAO,EAAmC,CAAA;QAC5C,CAAC;QACD,iBAAiB,EAAE,GAAG,EAAE;YACtB,OAAM;QACR,CAAC;QACD,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,OAAO,EAA2B,CAAA;QACpC,CAAC;KACF;IAED,UAAU,EAAE,KAAK,IAAI,EAAE;QACrB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAqC;AAOrC,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEN,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC,EAAE,uGAAuG;IAC1G,YAAY,EAAE,KAAK,IAAI,EAAE;QACvB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,OAAM;IACR,CAAC;IACD,SAAS,EAAE,KAAK,IAAI,EAAE;QACpB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,KAAK,IAAI,EAAE;QACtB,OAAM;IACR,CAAC;IACD,QAAQ,EAAE,KAAK,IAAI,EAAE;QACnB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,EAAkB;IAChC,YAAY,EAAE;QACZ,sBAAsB,EAAE,GAAG,EAAE;YAC3B,OAAM;QACR,CAAC;QACD,uBAAuB,EAAE,GAAG,EAAE;YAC5B,OAAM;QACR,CAAC;QACD,0BAA0B,EAAE,KAAK,IAAI,EAAE;YACrC,OAAO,EAAmC,CAAA;QAC5C,CAAC;QACD,iBAAiB,EAAE,GAAG,EAAE;YACtB,OAAM;QACR,CAAC;QACD,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,OAAO,EAA2B,CAAA;QACpC,CAAC;KACF;IAED,UAAU,EAAE,KAAK,IAAI,EAAE;QACrB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}

package/lib/esm/webchat/custom-messages/rating/index.js

@@ -8,6 +8,17 @@ const components_1 = require("../../../components");
 const context_1 = require("../../context");
 const rating_selector_1 = require("./rating-selector");
 const styles_1 = require("./styles");
+const types_1 = require("./types");
+const ratingValues = {
+    [types_1.RatingType.Stars]: [
+        '⭐'.repeat(1),
+        '⭐'.repeat(2),
+        '⭐'.repeat(3),
+        '⭐'.repeat(4),
+        '⭐'.repeat(5),
+    ],
+    [types_1.RatingType.Smileys]: ['😠', '🙁', '😐', '🙂', '😄'],
+};
 const CustomRatingMessage = props => {
     const { payloads, messageText, buttonText, ratingType, id, valueSent } = props;
     const { updateCustomMessageProps, sendInput } = (0, react_1.useContext)(context_1.WebchatContext);
@@ -31,6 +42,7 @@ const CustomRatingMessage = props => {
         const input = {
             type: core_1.INPUT.POSTBACK,
             payload,
+            referral: ratingValues[ratingType][ratingValue - 1],
         };
         void sendInput(input);
     };

package/lib/esm/webchat/custom-messages/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":";;;AAAA,wCAAqD;AAErD,iCAA4C;AAC5C,yDAAgD;AAEhD,oDAA2D;AAC3D,2CAA8C;AAC9C,uDAAkD;AAClD,qCAAwC;AAYxC,MAAM,mBAAmB,GAAuC,KAAK,CAAC,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE1E,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,gCAAY,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,CAAA;IAEvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAElD,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC1C,cAAc,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;YACvB,OAAM;QACR,CAAC;QAED,MAAM,IAAI,GAAG;YACX,SAAS,EAAE,WAAW;SACvB,CAAA;QACD,wBAAwB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QAElC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QAEzC,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,YAAK,CAAC,QAAqB;YACjC,OAAO;SACR,CAAA;QACD,KAAK,SAAS,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,iCAAK,SAAS,EAAC,0BAA0B,aACvC,wBAAC,sBAAa,IAAC,SAAS,EAAC,uBAAuB,aAC7C,WAAW,EACZ,uBAAC,gCAAc,IACb,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,aAAa,EAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,IACY,EACf,CAAC,KAAK,EAAE,SAAS,IAAI,UAAU,IAAI,CAClC,uBAAC,mBAAM,IACL,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,YAExB,UAAU,GACJ,CACV,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,0BAAa,EAAC;IAC3B,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,mBAAmB;CAC/B,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.45.0",
+  "version": "0.46.0-alpha.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.45.0",
+    "@botonic/core": "^0.46.0-alpha.0",
     "axios": "^1.13.6",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",

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

@@ -0,0 +1,130 @@
+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 { WandSvg } from '../../icons'
+import {
+  StyledDebugDetail,
+  StyledDebugLabel,
+  StyledDebugValue,
+} from '../../styles'
+import type { DebugEventConfig } from '../../types'
+import { GuardrailList, SourcesSection } from '../components'
+import { LABELS } from '../constants'
+import { ExecutedTools } from './executed-tools'
+import { parseTools } from './parse-tools'
+import type { AiAgentDebugEvent, ToolExecuted } from './types'
+
+export const AiAgent = ({
+  tools_executed,
+  input_guardrails_triggered,
+  output_guardrails_triggered,
+  exit,
+  error,
+  messageId,
+  knowledge_base_chunks_with_sources,
+}: AiAgentDebugEvent) => {
+  const { previewUtils } = useContext(WebchatContext)
+
+  const { otherTools, allSourcesIds, allChunksIds, query } = useMemo(
+    () => parseTools(tools_executed),
+    [tools_executed]
+  )
+
+  const {
+    sources: allSources,
+    chunks: allChunks,
+    chunksWithSources,
+    getIconForSourceType,
+  } = useKnowledgeBaseInfo({
+    sourceIds: allSourcesIds,
+    chunkIds: allChunksIds,
+    messageId,
+    existingChunksWithSources: knowledge_base_chunks_with_sources,
+  })
+
+  const handleSeeChunks = () => {
+    previewUtils?.onClickOpenChunks?.(chunksWithSources)
+  }
+
+  const handleSeeToolDetails = (tool: ToolExecuted) => {
+    const toolExecution: ToolExecution = {
+      toolName: tool.tool_name,
+      toolArguments: tool.tool_arguments ?? {},
+      toolResults: tool.tool_results ?? '',
+    }
+
+    previewUtils?.onClickOpenToolResults?.(toolExecution)
+  }
+
+  return (
+    <>
+      {query && (
+        <StyledDebugDetail>
+          <StyledDebugLabel>{LABELS.QUERY}</StyledDebugLabel>
+          <StyledDebugValue>&quot;{query}&quot;</StyledDebugValue>
+        </StyledDebugDetail>
+      )}
+
+      <SourcesSection
+        sources={allSources}
+        chunks={allChunks}
+        getIconForSourceType={getIconForSourceType}
+        onSeeChunks={handleSeeChunks}
+        label={LABELS.KNOWLEDGE_SOURCES}
+      />
+
+      <ExecutedTools
+        tools={otherTools}
+        onSeeToolDetails={handleSeeToolDetails}
+      />
+
+      {!tools_executed.length && (
+        <StyledDebugDetail>
+          <StyledDebugLabel>{LABELS.NO_TOOLS_EXECUTED}</StyledDebugLabel>
+        </StyledDebugDetail>
+      )}
+
+      <GuardrailList
+        keyPrefix='input'
+        guardrails={input_guardrails_triggered}
+      />
+
+      <GuardrailList
+        keyPrefix='output'
+        guardrails={output_guardrails_triggered}
+        $isLastItem={!exit && !error}
+      />
+
+      {exit && (
+        <StyledDebugDetail>
+          <StyledDebugLabel>{LABELS.EXIT}</StyledDebugLabel>
+        </StyledDebugDetail>
+      )}
+
+      {error && (
+        <StyledDebugDetail>
+          <StyledDebugLabel>{LABELS.ERROR}</StyledDebugLabel>
+        </StyledDebugDetail>
+      )}
+    </>
+  )
+}
+
+export const getAiAgentEventConfig = (
+  data: AiAgentDebugEvent
+): DebugEventConfig => {
+  const title = (
+    <>
+      AI Agent triggered <span>- {data.flow_node_content_id}</span>
+    </>
+  )
+
+  return {
+    action: EventAction.AiAgent,
+    title,
+    component: AiAgent,
+    icon: <WandSvg />,
+    collapsible: true,
+  }
+}

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

@@ -0,0 +1,43 @@
+import styled from 'styled-components'
+import { ScrewdriverWrenchSvg } from '../../icons'
+import {
+  StyledDebugDetail,
+  StyledDebugItemWithIcon,
+  StyledDebugLabel,
+  StyledSeeInfo,
+} from '../../styles'
+import { LABELS } from '../constants'
+import type { ToolExecuted } from './types'
+
+const StyledSeeToolDetailsButton = styled(StyledSeeInfo)`
+  flex-shrink: 0;
+  border: none;
+`
+
+interface Props {
+  tools: ToolExecuted[]
+  onSeeToolDetails: (tool: ToolExecuted) => void
+}
+
+export const ExecutedTools = ({ tools, onSeeToolDetails }: Props) => {
+  if (!tools.length) {
+    return null
+  }
+
+  return (
+    <StyledDebugDetail>
+      <StyledDebugLabel>{LABELS.EXECUTED_TOOLS}</StyledDebugLabel>
+
+      {tools.map((tool, index) => (
+        <StyledDebugItemWithIcon key={`${tool.tool_name}-${index}`}>
+          <ScrewdriverWrenchSvg />
+          {tool.tool_name}
+
+          <StyledSeeToolDetailsButton onClick={() => onSeeToolDetails(tool)}>
+            {LABELS.SEE_TOOL_DETAILS}
+          </StyledSeeToolDetailsButton>
+        </StyledDebugItemWithIcon>
+      ))}
+    </StyledDebugDetail>
+  )
+}

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

@@ -0,0 +1,2 @@
+export * from './ai-agent'
+export * from './types'

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

@@ -0,0 +1,31 @@
+import type { ToolExecuted } from './types'
+
+export const RETRIEVE_KNOWLEDGE_TOOL = 'retrieve_knowledge'
+
+export function parseTools(tools: ToolExecuted[]) {
+  const result = {
+    retrieveKnowledgeTools: [] as ToolExecuted[],
+    otherTools: [] as ToolExecuted[],
+    allSourcesIds: [] as string[],
+    allChunksIds: [] as string[],
+    query: undefined as string | undefined,
+  }
+
+  for (const tool of tools) {
+    if (tool.tool_name !== RETRIEVE_KNOWLEDGE_TOOL) {
+      result.otherTools.push(tool)
+      continue
+    }
+
+    result.retrieveKnowledgeTools.push(tool)
+
+    if (typeof tool.tool_arguments?.query === 'string') {
+      result.query = tool.tool_arguments.query
+    }
+
+    result.allSourcesIds.push(...(tool.knowledgebase_sources_ids ?? []))
+    result.allChunksIds.push(...(tool.knowledgebase_chunks_ids ?? []))
+  }
+
+  return result
+}

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

@@ -0,0 +1,23 @@
+import type { EventAction } from '@botonic/core'
+import type { ChunkIdsGroupedBySourceData } from '../knowledge-bases-types'
+
+export interface ToolExecuted {
+  tool_name: string
+  tool_arguments: Record<string, unknown>
+  tool_results?: string
+  knowledgebase_sources_ids?: string[]
+  knowledgebase_chunks_ids?: string[]
+}
+
+export interface AiAgentDebugEvent {
+  action: EventAction.AiAgent
+  flow_node_content_id: string
+  user_input?: string
+  tools_executed: ToolExecuted[]
+  input_guardrails_triggered: string[]
+  output_guardrails_triggered: string[]
+  exit: boolean
+  error: boolean
+  knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[]
+  messageId?: string
+}

package/src/components/system-debug-trace/events/components/sources-section.tsx

@@ -1,16 +1,21 @@
 import type React from 'react'
-
+import styled from 'styled-components'
 import {
   StyledDebugDetail,
   StyledDebugItemWithIcon,
   StyledDebugLabel,
   StyledFileSourceValue,
-  StyledSeeChunksButton,
+  StyledSeeInfo,
   StyledUrlSourceValue,
 } from '../../styles'
 import { LABELS } from '../constants'
 import type { HubtypeChunk, HubtypeSource } from '../knowledge-bases-types'
 
+const StyledSeeChunksButton = styled(StyledSeeInfo)`
+  margin-left: 0;
+  margin-top: 4px;
+`
+
 interface SourcesSectionProps {
   sources: HubtypeSource[]
   chunks: HubtypeChunk[]

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

@@ -4,8 +4,10 @@ export const LABELS = {
   FAITHFUL_ANSWER: 'Faithful answer',
   QUERY: 'Query',
   SOURCES: 'Sources',
-  KNOWLEDGE_GATHERED: 'Knowledge gathered',
+  KNOWLEDGE_SOURCES: 'Knowledge sources',
   EXECUTED_TOOLS: 'Executed tools',
+  TOOL_ARGUMENTS: 'Tool arguments',
+  TOOL_RESULTS: 'Tool results',
   NO_TOOLS_EXECUTED: 'No tools executed',
   AUTO_ASSIGN_ON: 'ON',
   AUTO_ASSIGN_OFF: 'OFF',
@@ -16,6 +18,7 @@ export const LABELS = {
   NOTE: 'Note',
   KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
   SEE_CHUNKS_BUTTON: 'See chunks',
+  SEE_TOOL_DETAILS: 'Details',
   STATUS: 'Status',
   YES: 'Yes',
   NO: 'No',

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

@@ -178,7 +178,7 @@ export const StyledDebugMetadata = styled.div`
   }
 `
 
-export const StyledSeeChunksButton = styled.button`
+export const StyledSeeInfo = styled.button`
   border: 1px solid #c4c6d0;
   border-radius: 6px;
   padding: 8px;
@@ -190,8 +190,6 @@ export const StyledSeeChunksButton = styled.button`
   font-weight: 500;
   line-height: 1.5;
   cursor: pointer;
-  margin-left: 0;
-  margin-top: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -201,6 +199,7 @@ export const StyledSeeChunksButton = styled.button`
     background-color: ${COLORS.N100};
   }
 `
+
 interface StyledGuardrailItemProps {
   $isLastItem?: boolean
 }
@@ -224,7 +223,7 @@ export const StyledGuardrailItem = styled.div<StyledGuardrailItemProps>`
 export const StyledDebugContentWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 16px;
   position: relative;
   width: 100%;
   min-width: 0;

package/src/index-types.ts

@@ -8,6 +8,7 @@ import type {
   Session as CoreSession,
   SessionUser as CoreSessionUser,
   ServerConfig,
+  ToolExecution,
 } from '@botonic/core'
 import type React from 'react'
 
@@ -95,6 +96,7 @@ export interface PreviewUtils {
   onClickOpenChunks: (
     chunkIdsGroupedBySource: ChunkIdsGroupedBySourceData[]
   ) => void
+  onClickOpenToolResults: (toolExecution: ToolExecution) => void
   getMessageById: (messageId: string) => Promise<MinimalHubtypeMessage>
   trackPreviewEventOpened: (eventProperties: Record<string, unknown>) => void
 }

package/src/webchat/context/index.tsx

@@ -76,6 +76,9 @@ export const WebchatContext = createContext<WebchatContextProps>({
   },
   webchatState: {} as WebchatState,
   previewUtils: {
+    onClickOpenToolResults: () => {
+      return
+    },
     trackPreviewEventOpened: () => {
       return
     },

package/src/webchat/custom-messages/rating/index.tsx

@@ -7,7 +7,7 @@ import { Button, customMessage } from '../../../components'
 import { WebchatContext } from '../../context'
 import { RatingSelector } from './rating-selector'
 import { MessageBubble } from './styles'
-import type { RatingType } from './types'
+import { RatingType } from './types'
 
 interface CustomRatingMessageProps {
   payloads: string[]
@@ -18,6 +18,17 @@ interface CustomRatingMessageProps {
   valueSent?: number
 }
 
+const ratingValues = {
+  [RatingType.Stars]: [
+    '⭐'.repeat(1),
+    '⭐'.repeat(2),
+    '⭐'.repeat(3),
+    '⭐'.repeat(4),
+    '⭐'.repeat(5),
+  ],
+  [RatingType.Smileys]: ['😠', '🙁', '😐', '🙂', '😄'],
+} as const
+
 const CustomRatingMessage: React.FC<CustomRatingMessageProps> = props => {
   const { payloads, messageText, buttonText, ratingType, id, valueSent } = props
   const { updateCustomMessageProps, sendInput } = useContext(WebchatContext)
@@ -48,6 +59,7 @@ const CustomRatingMessage: React.FC<CustomRatingMessageProps> = props => {
     const input = {
       type: INPUT.POSTBACK as InputType,
       payload,
+      referral: ratingValues[ratingType][ratingValue - 1],
     }
     void sendInput(input)
   }