@botonic/react 0.40.0 → 0.41.0-alpha.0

package/lib/cjs/components/system-debug-trace/icons/link.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../../constants");
+const LinkSvg = ({ color = constants_1.COLORS.N500 }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 640 640', fill: color }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M451.5 160C434.9 160 418.8 164.5 404.7 172.7C388.9 156.7 370.5 143.3 350.2 133.2C378.4 109.2 414.3 96 451.5 96C537.9 96 608 166 608 252.5C608 294 591.5 333.8 562.2 363.1L491.1 434.2C461.8 463.5 422 480 380.5 480C294.1 480 224 410 224 323.5C224 322 224 320.5 224.1 319C224.6 301.3 239.3 287.4 257 287.9C274.7 288.4 288.6 303.1 288.1 320.8C288.1 321.7 288.1 322.6 288.1 323.4C288.1 374.5 329.5 415.9 380.6 415.9C405.1 415.9 428.6 406.2 446 388.8L517.1 317.7C534.4 300.4 544.2 276.8 544.2 252.3C544.2 201.2 502.8 159.8 451.7 159.8zM307.2 237.3C305.3 236.5 303.4 235.4 301.7 234.2C289.1 227.7 274.7 224 259.6 224C235.1 224 211.6 233.7 194.2 251.1L123.1 322.2C105.8 339.5 96 363.1 96 387.6C96 438.7 137.4 480.1 188.5 480.1C205 480.1 221.1 475.7 235.2 467.5C251 483.5 269.4 496.9 289.8 507C261.6 530.9 225.8 544.2 188.5 544.2C102.1 544.2 32 474.2 32 387.7C32 346.2 48.5 306.4 77.8 277.1L148.9 206C178.2 176.7 218 160.2 259.5 160.2C346.1 160.2 416 230.8 416 317.1C416 318.4 416 319.7 416 321C415.6 338.7 400.9 352.6 383.2 352.2C365.5 351.8 351.6 337.1 352 319.4C352 318.6 352 317.9 352 317.1C352 283.4 334 253.8 307.2 237.5z', fill: 'currentColor' }) })));
+};
+exports.LinkSvg = LinkSvg;
+//# sourceMappingURL=link.js.map

package/lib/cjs/components/system-debug-trace/icons/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/icons/link.tsx"],"names":[],"mappings":";;;;AAEA,kDAA2C;AAGpC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAM,CAAC,IAAI,EAAa,EAAE,EAAE;IAC5D,OAAO,CACL,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,KAAK,gBACvE,iCACE,CAAC,EAAC,+lCAA+lC,EACjmC,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,OAAO,WASnB"}

package/lib/cjs/components/system-debug-trace/icons/quote-right.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const QuoteRightSvg: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/system-debug-trace/icons/quote-right.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuoteRightSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../../constants");
+const QuoteRightSvg = ({ color = constants_1.COLORS.N500 }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 640 640', color: color }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M544 360C544 426.3 490.3 480 424 480L416 480C398.3 480 384 465.7 384 448C384 430.3 398.3 416 416 416L424 416C454.9 416 480 390.9 480 360L480 352L416 352C380.7 352 352 323.3 352 288L352 224C352 188.7 380.7 160 416 160L480 160C515.3 160 544 188.7 544 224L544 360zM288 360C288 426.3 234.3 480 168 480L160 480C142.3 480 128 465.7 128 448C128 430.3 142.3 416 160 416L168 416C198.9 416 224 390.9 224 360L224 352L160 352C124.7 352 96 323.3 96 288L96 224C96 188.7 124.7 160 160 160L224 160C259.3 160 288 188.7 288 224L288 360z', fill: 'currentColor' }) })));
+};
+exports.QuoteRightSvg = QuoteRightSvg;
+//# sourceMappingURL=quote-right.js.map

package/lib/cjs/components/system-debug-trace/icons/quote-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-right.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/icons/quote-right.tsx"],"names":[],"mappings":";;;;AAEA,kDAA2C;AAGpC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAM,CAAC,IAAI,EAAa,EAAE,EAAE;IAClE,OAAO,CACL,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,gBACxE,iCACE,CAAC,EAAC,wgBAAwgB,EAC1gB,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,aAAa,iBASzB"}

package/lib/cjs/components/system-debug-trace/icons/screwdriver-wrench.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const ScrewdriverWrenchSvg: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/system-debug-trace/icons/screwdriver-wrench.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrewdriverWrenchSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../../constants");
+const ScrewdriverWrenchSvg = ({ color = constants_1.COLORS.N500 }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 640 640', fill: color }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M102.8 57.3C108.2 51.9 116.6 51.1 123 55.3L241.9 134.5C250.8 140.4 256.1 150.4 256.1 161.1L256.1 210.7L346.9 301.5C380.2 286.5 420.8 292.6 448.1 320L574.2 446.1C592.9 464.8 592.9 495.2 574.2 514L514.1 574.1C495.4 592.8 465 592.8 446.2 574.1L320.1 448C292.7 420.6 286.6 380.1 301.6 346.8L210.8 256L161.2 256C150.5 256 140.5 250.7 134.6 241.8L55.4 122.9C51.2 116.6 52 108.1 57.4 102.7L102.8 57.3zM247.8 360.8C241.5 397.7 250.1 436.7 274 468L179.1 563C151 591.1 105.4 591.1 77.3 563C49.2 534.9 49.2 489.3 77.3 461.2L212.7 325.7L247.9 360.8zM416.1 64C436.2 64 455.5 67.7 473.2 74.5C483.2 78.3 485 91 477.5 98.6L420.8 155.3C417.8 158.3 416.1 162.4 416.1 166.6L416.1 208C416.1 216.8 423.3 224 432.1 224L473.5 224C477.7 224 481.8 222.3 484.8 219.3L541.5 162.6C549.1 155.1 561.8 156.9 565.6 166.9C572.4 184.6 576.1 203.9 576.1 224C576.1 267.2 558.9 306.3 531.1 335.1L482 286C448.9 253 403.5 240.3 360.9 247.6L304.1 190.8L304.1 161.1L303.9 156.1C303.1 143.7 299.5 131.8 293.4 121.2C322.8 86.2 366.8 64 416.1 63.9z', fill: 'currentColor' }) })));
+};
+exports.ScrewdriverWrenchSvg = ScrewdriverWrenchSvg;
+//# sourceMappingURL=screwdriver-wrench.js.map

package/lib/cjs/components/system-debug-trace/icons/screwdriver-wrench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screwdriver-wrench.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/icons/screwdriver-wrench.tsx"],"names":[],"mappings":";;;;AAEA,kDAA2C;AAGpC,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAM,CAAC,IAAI,EAAa,EAAE,EAAE;IACzE,OAAO,CACL,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,KAAK,gBACvE,iCACE,CAAC,EAAC,8+BAA8+B,EACh/B,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,oBAAoB,wBAShC"}

package/lib/cjs/components/system-debug-trace/icons/wand.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const WandSvg: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/system-debug-trace/icons/wand.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WandSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../../constants");
+const WandSvg = ({ color = constants_1.COLORS.N500 }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 576 512', fill: color }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z', fill: 'currentColor' }) })));
+};
+exports.WandSvg = WandSvg;
+//# sourceMappingURL=wand.js.map

package/lib/cjs/components/system-debug-trace/icons/wand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wand.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/icons/wand.tsx"],"names":[],"mappings":";;;;AAEA,kDAA2C;AAGpC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAM,CAAC,IAAI,EAAa,EAAE,EAAE;IAC5D,OAAO,CACL,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,KAAK,gBACvE,iCACE,CAAC,EAAC,g4BAAg4B,EACl4B,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AATY,QAAA,OAAO,WASnB"}

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

@@ -0,0 +1,10 @@
+interface SystemDebugTraceProps {
+    type: string;
+    data: Record<string, any> | string;
+    id?: string;
+}
+export declare const SystemDebugTrace: {
+    (props: SystemDebugTraceProps): import("react/jsx-runtime").JSX.Element | null;
+    serialize: (props: SystemDebugTraceProps) => any;
+};
+export {};

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemDebugTrace = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const constants_1 = require("../../constants");
+const message_1 = require("../message");
+const debug_message_1 = require("./debug-message");
+const serialize = (props) => {
+    const { data } = props;
+    // Return the event data as an object, ensuring it's not stringified
+    return typeof data === 'string' ? JSON.parse(data) : data;
+};
+const SystemDebugTrace = (props) => {
+    const { data, id } = props, otherProps = tslib_1.__rest(props
+    // Parse data if it's a string
+    , ["data", "id"]);
+    // Parse data if it's a string
+    const parsedData = typeof data === 'string' ? JSON.parse(data) : data;
+    if ((0, core_1.isBrowser)()) {
+        const eventData = Object.assign({}, parsedData);
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ role: constants_1.ROLES.SYSTEM_DEBUG_TRACE_MESSAGE, json: serialize(props) }, otherProps, { type: core_1.INPUT.SYSTEM_DEBUG_TRACE, id: id }, { children: (0, jsx_runtime_1.jsx)(debug_message_1.DebugMessage, { debugEvent: eventData, messageId: id }) })));
+    }
+    return null;
+};
+exports.SystemDebugTrace = SystemDebugTrace;
+exports.SystemDebugTrace.serialize = serialize;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/index.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAGhD,+CAAuC;AACvC,wCAAoC;AACpC,mDAA8C;AAQ9C,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAE,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,oEAAoE;IACpE,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3D,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,EAAE,KAAoB,KAAK,EAApB,UAAU,kBAAK,KAAK;IAEzC,8BAA8B;MAFxB,cAA2B,CAAQ,CAAA;IAEzC,8BAA8B;IAC9B,MAAM,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAErE,IAAI,IAAA,gBAAS,GAAE,EAAE;QACf,MAAM,SAAS,qBACV,UAAU,CACd,CAAA;QAED,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,0BAA0B,EACtC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,UAAU,IACd,IAAI,EAAE,YAAK,CAAC,kBAAkB,EAC9B,EAAE,EAAE,EAAE,gBAEN,uBAAC,4BAAY,IAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,GAAI,IAC9C,CACX,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAxBY,QAAA,gBAAgB,oBAwB5B;AAED,wBAAgB,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -0,0 +1,26 @@
+export declare const StyledDebugContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDebugHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDebugArrow: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDebugIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDebugTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDebugContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface StyledDebugDetailProps {
+    $isLastItem?: boolean;
+}
+export declare const StyledDebugDetail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDebugDetailProps, never>;
+export declare const StyledDebugLabel: import("styled-components").StyledComponent<"strong", import("styled-components").DefaultTheme, {}, never>;
+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>;
+interface StyledGuardrailItemProps {
+    $isLastItem?: boolean;
+}
+export declare const StyledGuardrailItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledGuardrailItemProps, never>;
+export declare const StyledDebugContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledGuardrailLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledGuardrailValue: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSourceValue: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFileSourceValue: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledUrlSourceValue: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -0,0 +1,267 @@
+"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;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../../constants");
+exports.StyledDebugContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: space-between;
+  gap: 12px;
+
+  background-color: ${constants_1.COLORS.SOLID_WHITE};
+  border-radius: 6px;
+  font-family: 'Inter', sans-serif;
+  box-sizing: border-box;
+  margin: 0px 8px;
+  max-width: calc(100% - 16px);
+  width: 100%;
+
+  /* When collapsible (expanded or collapsed), entire container is hoverable and clickable */
+  &.collapsible {
+    cursor: pointer;
+
+    &:hover {
+      background-color: ${constants_1.COLORS.N50};
+    }
+  }
+`;
+exports.StyledDebugHeader = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  user-select: none;
+  border-radius: 6px;
+  padding: 8px 12px;
+  width: 100%;
+`;
+exports.StyledDebugArrow = styled_components_1.default.span `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+exports.StyledDebugIcon = styled_components_1.default.span `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  margin-right: 8px;
+  flex-shrink: 0;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+exports.StyledDebugTitle = styled_components_1.default.span `
+  flex: 1;
+  display: flex;
+  align-items: center;
+
+  font-weight: 600;
+  font-size: 12px;
+  color: ${constants_1.COLORS.N700};
+  line-height: 1.5;
+  white-space: nowrap;
+  gap: 4px;
+
+  span {
+    font-weight: 400;
+  }
+`;
+exports.StyledDebugContent = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+`;
+exports.StyledDebugDetail = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding-left: 28px;
+  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
+  line-height: 1.5;
+`;
+exports.StyledDebugLabel = styled_components_1.default.strong `
+  color: ${constants_1.COLORS.N700};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 1.5;
+`;
+exports.StyledDebugValue = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 12px;
+  color: ${constants_1.COLORS.N700};
+  line-height: 1.5;
+
+  > svg {
+    width: 14px;
+    height: 14px;
+    min-width: 14px;
+    min-height: 14px;
+    flex-shrink: 0;
+    display: block;
+  }
+`;
+exports.StyledDebugItemWithIcon = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0;
+  font-weight: 600;
+  font-size: 12px;
+  color: ${constants_1.COLORS.N700};
+  line-height: 1.5;
+
+  &:not(:last-child) {
+    margin-bottom: 4px;
+  }
+
+  > svg {
+    width: 14px;
+    height: 14px;
+    min-width: 14px;
+    min-height: 14px;
+    flex-shrink: 0;
+    display: block;
+  }
+`;
+exports.StyledDebugMetadata = styled_components_1.default.div `
+  margin-top: 8px;
+  padding-top: 12px;
+  border-top: 1px solid ${constants_1.COLORS.N100};
+  color: ${constants_1.COLORS.N700};
+  font-size: 12px;
+  padding-left: 28px;
+
+  > div {
+    margin-top: 6px;
+    font-weight: 400;
+  }
+`;
+exports.StyledSeeChunksButton = styled_components_1.default.button `
+  border: 1px solid #c4c6d0;
+  border-radius: 6px;
+  padding: 8px;
+  height: 28px;
+  background-color: transparent;
+  color: #413f48;
+  font-family: 'Inter', sans-serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.5;
+  cursor: pointer;
+  margin-left: 0;
+  margin-top: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+
+  &:hover {
+    background-color: ${constants_1.COLORS.N200};
+  }
+`;
+exports.StyledGuardrailItem = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-left: 28px;
+  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+
+  svg {
+    width: 14px;
+    height: 14px;
+    flex-shrink: 0;
+  }
+`;
+exports.StyledDebugContentWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  position: relative;
+
+  /* Create line from first label to last label */
+  &::before {
+    content: '';
+    position: absolute;
+    left: 13px;
+    width: 1px;
+    background-color: ${constants_1.COLORS.N100};
+    top: 0;
+    /* Height ends at last label's bottom position */
+    height: var(--last-label-bottom, 100%);
+  }
+
+  /* Change line color to N200 when collapsible event is hovered */
+  .collapsible:hover & {
+    &::before {
+      background-color: ${constants_1.COLORS.N200};
+    }
+  }
+`;
+exports.StyledGuardrailLabel = styled_components_1.default.span `
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+`;
+exports.StyledGuardrailValue = styled_components_1.default.span `
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+`;
+exports.StyledSourceValue = styled_components_1.default.span `
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+`;
+exports.StyledFileSourceValue = (0, styled_components_1.default)(exports.StyledSourceValue) `
+  display: block;
+`;
+exports.StyledUrlSourceValue = styled_components_1.default.a `
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${constants_1.COLORS.N700};
+  text-decoration: none;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+
+  &:hover {
+    text-decoration: underline;
+    color: ${constants_1.COLORS.BOTONIC_BLUE};
+  }
+
+  &:visited {
+    color: ${constants_1.COLORS.N700};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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;;;;;;;WAOjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAIY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;mBAKhD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;CAElE,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAM/B,kBAAM,CAAC,IAAI;;;;;;;;;;;CAWrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;CAerB,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;;;;;;;;;;;;wBAY3B,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;;CAE7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;aAUT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}

package/lib/cjs/components/system-debug-trace/types.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { AiAgentDebugEvent, FallbackDebugEvent, HandoffSuccessDebugEvent, KeywordDebugEvent, KnowledgeBaseDebugEvent, SmartIntentDebugEvent } from './events';
+export interface IconProps {
+    color?: string;
+}
+export type DebugEvent = KeywordDebugEvent | AiAgentDebugEvent | KnowledgeBaseDebugEvent | FallbackDebugEvent | SmartIntentDebugEvent | HandoffSuccessDebugEvent;
+export interface DebugEventConfig {
+    action: string;
+    title: React.ReactNode;
+    component: React.ComponentType<any> | null;
+    icon?: React.ReactNode;
+    collapsible?: boolean;
+}

package/lib/cjs/components/system-debug-trace/types.js

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

package/lib/cjs/components/system-debug-trace/types.js.map

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

package/lib/cjs/constants.d.ts

@@ -25,6 +25,11 @@ export namespace COLORS {
     const TASMAN_GRAY: string;
     const TRANSPARENT: string;
     const WILD_SAND_WHITE: string;
+    const N50: string;
+    const N100: string;
+    const N200: string;
+    const N500: string;
+    const N700: string;
 }
 export namespace WEBCHAT {
     namespace DEFAULTS {
@@ -145,9 +150,11 @@ export namespace ROLES {
     const WEBVIEW: string;
     const WEBVIEW_HEADER: string;
     const MESSAGE: string;
+    const SYSTEM_MESSAGE: string;
     const IMAGE_MESSAGE: string;
     const AUDIO_MESSAGE: string;
     const VIDEO_MESSAGE: string;
     const DOCUMENT_MESSAGE: string;
     const RAW_MESSAGE: string;
+    const SYSTEM_DEBUG_TRACE_MESSAGE: string;
 }

package/lib/cjs/constants.js

@@ -6,32 +6,37 @@ const botonic_react_logo100x100_png_1 = tslib_1.__importDefault(require("./asset
 const url_icon_png_1 = tslib_1.__importDefault(require("./assets/url-icon.png"));
 exports.COLORS = {
     // http://chir.ag/projects/name-that-color
-    APPLE_GREEN: 'rgba(58, 156, 53, 1)',
-    BLEACHED_CEDAR_PURPLE: 'rgba(46, 32, 59, 1)',
-    BOTONIC_BLUE: 'rgba(0, 153, 255, 1)',
-    CACTUS_GREEN: 'rgba(96, 115, 94, 1)',
-    CONCRETE_WHITE: 'rgba(243, 243, 243, 1)',
-    CURIOUS_BLUE: 'rgba(38, 139, 210, 1)',
-    DAINTREE_BLUE: 'rgba(0, 43, 53, 1)',
-    ERROR_RED: 'rgba(255, 43, 94)',
-    FRINGY_FLOWER_GREEN: 'rgba(198, 231, 192, 1)',
-    GRAY: 'rgba(129, 129, 129, 1)',
-    LIGHT_GRAY: 'rgba(209, 209, 209, 1)',
-    MID_GRAY: 'rgba(105, 105, 115, 1)',
+    APPLE_GREEN: '#3A9C35',
+    BLEACHED_CEDAR_PURPLE: '#2E203B',
+    BOTONIC_BLUE: '#0099FF',
+    CACTUS_GREEN: '#60735E',
+    CONCRETE_WHITE: '#F3F3F3',
+    CURIOUS_BLUE: '#268BD2',
+    DAINTREE_BLUE: '#002B35',
+    ERROR_RED: '#FF2B5E',
+    FRINGY_FLOWER_GREEN: '#C6E7C0',
+    GRAY: '#818181',
+    LIGHT_GRAY: '#D1D1D1',
+    MID_GRAY: '#696973',
     PIGEON_POST_BLUE_ALPHA_0_5: 'rgba(176, 196, 222, 0.5)',
-    RED_NOTIFICATIONS: 'rgba(255, 66, 111, 1)',
-    SCORPION_GRAY: 'rgba(87, 87, 87, 1)',
-    SEASHELL_WHITE: 'rgba(241, 240, 240, 1)',
-    SILVER: 'rgba(200, 200, 200, 1)',
+    RED_NOTIFICATIONS: '#FF426F',
+    SCORPION_GRAY: '#575757',
+    SEASHELL_WHITE: '#F1F0F0',
+    SILVER: '#C8C8C8',
     SOLID_BLACK_ALPHA_0_2: 'rgba(0, 0, 0, 0.2)',
     SOLID_BLACK_ALPHA_0_5: 'rgba(0, 0, 0, 0.5)',
-    SOLID_BLACK: 'rgba(0, 0, 0, 1)',
+    SOLID_BLACK: '#000000',
     SOLID_WHITE_ALPHA_0_2: 'rgba(255, 255, 255, 0.2)',
     SOLID_WHITE_ALPHA_0_8: 'rgba(255, 255, 255, 0.8)',
-    SOLID_WHITE: 'rgba(255, 255, 255, 1)',
-    TASMAN_GRAY: 'rgba(209, 216, 207, 1)',
+    SOLID_WHITE: '#FFFFFF',
+    TASMAN_GRAY: '#D1D8CF',
     TRANSPARENT: 'rgba(0, 0, 0, 0)',
-    WILD_SAND_WHITE: 'rgba(244, 244, 244, 1)',
+    WILD_SAND_WHITE: '#F4F4F4',
+    N50: '#F0F0F3',
+    N100: '#E8E8EA',
+    N200: '#CAC9CE',
+    N500: '#6D6A78',
+    N700: '#393B45',
 };
 exports.WEBCHAT = {
     DEFAULTS: {
@@ -170,10 +175,12 @@ exports.ROLES = {
     WEBVIEW: 'webview',
     WEBVIEW_HEADER: 'webview-header',
     MESSAGE: 'message',
+    SYSTEM_MESSAGE: 'system-message',
     IMAGE_MESSAGE: 'image-message',
     AUDIO_MESSAGE: 'audio-message',
     VIDEO_MESSAGE: 'video-message',
     DOCUMENT_MESSAGE: 'document-message',
     RAW_MESSAGE: 'raw-message',
+    SYSTEM_DEBUG_TRACE_MESSAGE: 'system-debug-trace-message',
 };
 //# sourceMappingURL=constants.js.map

package/lib/cjs/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { BotContext, BotRequest as CoreBotRequest, Input as CoreInput, InputType as CoreInputType, Route as CoreRoute, Routes as CoreRoutes, ServerConfig, Session as CoreSession, SessionUser as CoreSessionUser } from '@botonic/core';
 import React from 'react';
 import { BlockInputOption, ButtonProps, ReplyProps, WebchatSettingsProps } from './components';
+import { ChunkIdsGroupedBySourceData } from './components/system-debug-trace/events/knowledge-bases-types';
 import { CloseWebviewOptions } from './contexts';
 import { UseWebchat } from './webchat/context/use-webchat';
 import { CoverComponentOptions, PersistentMenuOptionsTheme, WebchatTheme } from './webchat/theme/types';
@@ -18,6 +19,7 @@ export type Routes = CoreRoutes<Route>;
 export type ActionRequest = BotContext;
 export interface WebchatRef {
     addBotResponse: ({ response, session, lastRoutePath, }: AddBotResponseArgs) => void;
+    addSystemResponse: ({ response }: AddSystemResponseArgs) => void;
     setTyping: (typing: boolean) => void;
     addUserMessage: (message: any) => Promise<void>;
     updateUser: (userToUpdate: any) => void;
@@ -47,6 +49,13 @@ interface AddBotResponseArgs {
     session?: any;
     lastRoutePath?: any;
 }
+interface AddSystemResponseArgs {
+    response: any;
+}
+export interface PreviewUtils {
+    getChunkIdsGroupedBySource: (chunkIds: string[]) => Promise<ChunkIdsGroupedBySourceData[]>;
+    onClickOpenChunks: (chunkIdsGroupedBySource: ChunkIdsGroupedBySourceData[]) => void;
+}
 export interface WebchatArgs {
     theme?: Partial<WebchatTheme>;
     persistentMenu?: PersistentMenuOptionsTheme;
@@ -71,6 +80,7 @@ export interface WebchatArgs {
     appId?: string;
     visibility?: boolean | (() => boolean) | 'dynamic';
     server?: ServerConfig;
+    previewUtils?: PreviewUtils;
 }
 export interface WebchatProps {
     webchatHooks?: UseWebchat;
@@ -91,6 +101,7 @@ export interface WebchatProps {
     host?: any;
     server?: ServerConfig;
     localWebviews?: React.ComponentType[];
+    previewUtils?: PreviewUtils;
 }
 export type EventArgs = {
     [key: string]: any;
@@ -99,7 +110,8 @@ export type TrackEventFunction = (request: ActionRequest, eventName: string, arg
 export declare enum SENDERS {
     bot = "bot",
     user = "user",
-    agent = "agent"
+    agent = "agent",
+    system = "system"
 }
 export declare enum Typing {
     On = "typing_on",
@@ -154,4 +166,4 @@ interface UpdateMessageInfoEvent {
     isError?: boolean;
 }
 export { CaseEventQueuePositionChangedInput } from '@botonic/core';
-export { WebchatTheme };
+export { ChunkIdsGroupedBySourceData, WebchatTheme };

package/lib/cjs/index-types.js

@@ -6,6 +6,7 @@ var SENDERS;
     SENDERS["bot"] = "bot";
     SENDERS["user"] = "user";
     SENDERS["agent"] = "agent";
+    SENDERS["system"] = "system";
 })(SENDERS = exports.SENDERS || (exports.SENDERS = {}));
 var Typing;
 (function (Typing) {

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

@@ -1 +1 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAoIA,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;AACjB,CAAC,EAJW,OAAO,GAAP,eAAO,KAAP,eAAO,QAIlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB"}
+{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAqJA,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;AACnB,CAAC,EALW,OAAO,GAAP,eAAO,KAAP,eAAO,QAKlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB"}