@bikdotai/bik-component-library 0.0.850-beta.2 → 0.0.850-beta.3

package/dist/esm/components/agent-builder/components/DiscardModal.js

@@ -1,60 +1,68 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { TitleMedium as c, BodyPrimary as m } from "../../TypographyStyle.js";
-import { COLORS as r } from "../../../constants/Theme.js";
-import { ModalBody as u, ModalActions as p } from "../AgentBuilder.styled.js";
-import { StyledModal as y } from "../../modals/styledModal.js";
-import { Button as a } from "../../button/Button.js";
+import { COLORS as a } from "../../../constants/Theme.js";
+import { ModalBody as p, ModalActions as h } from "../AgentBuilder.styled.js";
+import { StyledModal as u } from "../../modals/styledModal.js";
+import { Button as i } from "../../button/Button.js";
 const M = ({
-  open: i,
-  onClose: o,
-  onDiscard: d,
-  onSaveDraft: l,
-  isSaving: n,
+  open: r,
+  onClose: d,
+  onDiscard: o,
+  onSaveDraft: n,
+  isSaving: l,
   disableSaveDraft: s
-}) => i ? /* @__PURE__ */ t(
-  y,
+}) => r ? /* @__PURE__ */ t(
+  u,
   {
     "data-test": "agent-discard-modal",
     open: !0,
-    onClose: o,
+    onClose: d,
     width: "530px",
-    children: /* @__PURE__ */ e(u, { style: { alignItems: "flex-start", textAlign: "left" }, children: [
-      /* @__PURE__ */ t(c, { color: r.content.primary, children: "You have unsaved changes" }),
-      /* @__PURE__ */ t(
-        m,
-        {
-          color: r.content.secondary,
-          style: { lineHeight: "24px" },
-          children: "Your progress will be lost if you leave. You can save as draft and come back to this later."
-        }
-      ),
-      /* @__PURE__ */ e(p, { children: [
-        /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
-          a,
-          {
-            "data-test": "agent-discard-leave",
-            buttonType: "secondary",
-            size: "medium",
-            matchParentWidth: !0,
-            buttonText: "Discard",
-            onClick: d
-          }
-        ) }),
-        /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
-          a,
-          {
-            "data-test": "agent-discard-save-draft",
-            buttonType: "primary",
-            size: "medium",
-            matchParentWidth: !0,
-            buttonText: "Save as draft",
-            disabled: s,
-            isLoading: n,
-            onClick: l
-          }
-        ) })
-      ] })
-    ] })
+    children: /* @__PURE__ */ e(
+      p,
+      {
+        style: { alignItems: "flex-start", textAlign: "left", gap: "32px" },
+        children: [
+          /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+            /* @__PURE__ */ t(c, { color: a.content.primary, children: "You have unsaved changes" }),
+            /* @__PURE__ */ t(
+              m,
+              {
+                color: a.content.secondary,
+                style: { lineHeight: "24px" },
+                children: "Leaving now will discard your recent changes. You can save them and come back to this later."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(h, { children: [
+            /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
+              i,
+              {
+                "data-test": "agent-discard-leave",
+                buttonType: "secondary",
+                size: "medium",
+                matchParentWidth: !0,
+                buttonText: "Discard",
+                onClick: o
+              }
+            ) }),
+            /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
+              i,
+              {
+                "data-test": "agent-discard-save-draft",
+                buttonType: "primary",
+                size: "medium",
+                matchParentWidth: !0,
+                buttonText: "Save as draft",
+                disabled: s,
+                isLoading: l,
+                onClick: n
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
   }
 ) : null;
 export {

package/dist/esm/components/agent-builder/components/DiscardModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardModal.js","sources":["../../../../../src/components/agent-builder/components/DiscardModal.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ModalActions, ModalBody } from '../AgentBuilder.styled';\n\ninterface DiscardModalProps {\n\topen: boolean;\n\t/** Dismiss the dialog and stay on the builder (X / outside click). */\n\tonClose: () => void;\n\t/** Leave without saving. */\n\tonDiscard: () => void;\n\t/** Save the draft, then leave. */\n\tonSaveDraft: () => void;\n\tisSaving?: boolean;\n\t/** Block \"Save as draft\" (e.g. the agent has no name yet). */\n\tdisableSaveDraft?: boolean;\n}\n\n/**\n * \"You have unsaved changes\" confirmation shown when the user tries to leave the\n * builder (Back). Actions live inside the body (see GoLiveModal for why we avoid\n * StyledModal's footer). Content is left-aligned per design.\n */\nexport const DiscardModal: React.FC<DiscardModalProps> = ({\n\topen,\n\tonClose,\n\tonDiscard,\n\tonSaveDraft,\n\tisSaving,\n\tdisableSaveDraft,\n}) => {\n\tif (!open) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-discard-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth=\"530px\"\n\t\t>\n\t\t\t<ModalBody style={{ alignItems: 'flex-start', textAlign: 'left' }}>\n\t\t\t\t<TitleMedium color={COLORS.content.primary}>\n\t\t\t\t\tYou have unsaved changes\n\t\t\t\t</TitleMedium>\n\t\t\t\t<BodyPrimary\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tstyle={{ lineHeight: '24px' }}\n\t\t\t\t>\n\t\t\t\t\tYour progress will be lost if you leave. You can save as draft and\n\t\t\t\t\tcome back to this later.\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-discard-leave\"\n\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\tbuttonText=\"Discard\"\n\t\t\t\t\t\t\tonClick={onDiscard}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-discard-save-draft\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\t\tdisabled={disableSaveDraft}\n\t\t\t\t\t\t\tisLoading={isSaving}\n\t\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DiscardModal","open","onClose","onDiscard","onSaveDraft","isSaving","disableSaveDraft","jsx","StyledModal","jsxs","ModalBody","TitleMedium","COLORS","BodyPrimary","ModalActions","Button"],"mappings":";;;;;;AAyBO,MAAMA,IAA4C,CAAC;AAAA,EACzD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACD,MACML,IAKJ,gBAAAM;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,aAAU;AAAA,IACV,MAAI;AAAA,IACJ,SAAAN;AAAA,IACA,OAAM;AAAA,IAEN,UAAA,gBAAAO,EAACC,KAAU,OAAO,EAAE,YAAY,cAAc,WAAW,UACxD,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAY,OAAOC,EAAO,QAAQ,SAAS,UAAA,4BAE5C;AAAA,MACA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,OAAOD,EAAO,QAAQ;AAAA,UACtB,OAAO,EAAE,YAAY,OAAA;AAAA,UACrB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAKAE,GAAA,EACA,UAAA;AAAA,QAAA,gBAAAP,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,YAAW;AAAA,YACX,MAAK;AAAA,YACL,kBAAgB;AAAA,YAChB,YAAW;AAAA,YACX,SAASZ;AAAA,UAAA;AAAA,QAAA,GAEX;AAAA,0BACC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAI;AAAA,UAACQ;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,YAAW;AAAA,YACX,MAAK;AAAA,YACL,kBAAgB;AAAA,YAChB,YAAW;AAAA,YACX,UAAUT;AAAA,YACV,WAAWD;AAAA,YACX,SAASD;AAAA,UAAA;AAAA,QAAA,EACV,CACD;AAAA,MAAA,EAAA,CACD;AAAA,IAAA,EAAA,CACD;AAAA,EAAA;AAAA,IA9CM;"}
+{"version":3,"file":"DiscardModal.js","sources":["../../../../../src/components/agent-builder/components/DiscardModal.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ModalActions, ModalBody } from '../AgentBuilder.styled';\n\ninterface DiscardModalProps {\n\topen: boolean;\n\t/** Dismiss the dialog and stay on the builder (X / outside click). */\n\tonClose: () => void;\n\t/** Leave without saving. */\n\tonDiscard: () => void;\n\t/** Save the draft, then leave. */\n\tonSaveDraft: () => void;\n\tisSaving?: boolean;\n\t/** Block \"Save as draft\" (e.g. the agent has no name yet). */\n\tdisableSaveDraft?: boolean;\n}\n\n/**\n * \"You have unsaved changes\" confirmation shown when the user tries to leave the\n * builder (Back). Actions live inside the body (see GoLiveModal for why we avoid\n * StyledModal's footer). Content is left-aligned per design.\n */\nexport const DiscardModal: React.FC<DiscardModalProps> = ({\n\topen,\n\tonClose,\n\tonDiscard,\n\tonSaveDraft,\n\tisSaving,\n\tdisableSaveDraft,\n}) => {\n\tif (!open) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-discard-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth=\"530px\"\n\t\t>\n\t\t\t<ModalBody\n\t\t\t\tstyle={{ alignItems: 'flex-start', textAlign: 'left', gap: '32px' }}\n\t\t\t>\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t<TitleMedium color={COLORS.content.primary}>\n\t\t\t\t\t\tYou have unsaved changes\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{ lineHeight: '24px' }}\n\t\t\t\t\t>\n\t\t\t\t\t\tLeaving now will discard your recent changes. You can save them and\n\t\t\t\t\t\tcome back to this later.\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-discard-leave\"\n\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\tbuttonText=\"Discard\"\n\t\t\t\t\t\t\tonClick={onDiscard}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdata-test=\"agent-discard-save-draft\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\t\tdisabled={disableSaveDraft}\n\t\t\t\t\t\t\tisLoading={isSaving}\n\t\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DiscardModal","open","onClose","onDiscard","onSaveDraft","isSaving","disableSaveDraft","jsx","StyledModal","jsxs","ModalBody","TitleMedium","COLORS","BodyPrimary","ModalActions","Button"],"mappings":";;;;;;AAyBO,MAAMA,IAA4C,CAAC;AAAA,EACzD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACD,MACML,IAKJ,gBAAAM;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,aAAU;AAAA,IACV,MAAI;AAAA,IACJ,SAAAN;AAAA,IACA,OAAM;AAAA,IAEN,UAAA,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,OAAO,EAAE,YAAY,cAAc,WAAW,QAAQ,KAAK,OAAA;AAAA,QAE3D,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAA,GAC5D,UAAA;AAAA,YAAA,gBAAAF,EAACI,GAAA,EAAY,OAAOC,EAAO,QAAQ,SAAS,UAAA,4BAE5C;AAAA,YACA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACA,OAAOD,EAAO,QAAQ;AAAA,gBACtB,OAAO,EAAE,YAAY,OAAA;AAAA,gBACrB,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAGD,GACD;AAAA,4BAECE,GAAA,EACA,UAAA;AAAA,YAAA,gBAAAP,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAA;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACA,aAAU;AAAA,gBACV,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,kBAAgB;AAAA,gBAChB,YAAW;AAAA,gBACX,SAASZ;AAAA,cAAA;AAAA,YAAA,GAEX;AAAA,8BACC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAI;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACA,aAAU;AAAA,gBACV,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,kBAAgB;AAAA,gBAChB,YAAW;AAAA,gBACX,UAAUT;AAAA,gBACV,WAAWD;AAAA,gBACX,SAASD;AAAA,cAAA;AAAA,YAAA,EACV,CACD;AAAA,UAAA,EAAA,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAAA,IAlDM;"}

package/dist/esm/components/agent-builder/components/GoLiveModal.js

@@ -1,35 +1,39 @@
-import { jsx as t, jsxs as a, Fragment as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as i, Fragment as m } from "react/jsx-runtime";
 import h from "../../../assets/icons/ManifestGlass.svg.js";
-import u from "../../../assets/icons/successIcon.svg.js";
-import { TitleMedium as g, BodyPrimary as p } from "../../TypographyStyle.js";
+import p from "../../../assets/icons/successIcon.svg.js";
+import { TitleMedium as u, BodyPrimary as g } from "../../TypographyStyle.js";
 import { COLORS as n } from "../../../constants/Theme.js";
-import { ModalBody as y, ModalIcon as f, ModalActions as v, DraftButtonScope as x } from "../AgentBuilder.styled.js";
+import { ModalBody as y, ModalIcon as f, ModalActions as x, DraftButtonScope as v } from "../AgentBuilder.styled.js";
 import { StyledModal as b } from "../../modals/styledModal.js";
 import { Button as o } from "../../button/Button.js";
 import S from "../../../icons/Arrows/Normal arrows/ArrowRight.js";
 const z = ({
-  mode: i,
-  onClose: r,
+  mode: r,
+  onClose: a,
   onConfirm: d,
-  onSaveDraft: s,
-  onGoToDashboard: c,
-  isPublishing: l
+  onSaveDraft: l,
+  onGoToDashboard: s,
+  isPublishing: c
 }) => {
-  if (!i)
+  if (!r)
     return null;
-  const e = i === "success";
+  const e = r === "success";
   return /* @__PURE__ */ t(
     b,
     {
       "data-test": "agent-go-live-modal",
       open: !0,
-      onClose: r,
+      onClose: a,
       width: e ? "400px" : "520px",
-      children: /* @__PURE__ */ a(y, { children: [
-        /* @__PURE__ */ t(f, { children: e ? /* @__PURE__ */ t(u, { width: 64, height: 64 }) : /* @__PURE__ */ t(h, { width: 64, height: 64 }) }),
-        /* @__PURE__ */ t(g, { color: n.content.primary, children: e ? "Your agent is live!" : "Ready to go live?" }),
-        /* @__PURE__ */ t(p, { color: n.content.secondary, children: e ? "You can manage your agents from the AI agent dashboard." : "This agent will start handling customer conversations immediately. You can pause it at any time." }),
-        /* @__PURE__ */ t(v, { children: e ? /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ i(y, { style: { gap: "24px" }, children: [
+        /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+          /* @__PURE__ */ t(f, { children: e ? /* @__PURE__ */ t(p, { width: 64, height: 64 }) : /* @__PURE__ */ t(h, { width: 64, height: 64 }) }),
+          /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+            /* @__PURE__ */ t(u, { color: n.content.primary, children: e ? "Your agent is live!" : "Ready to go live?" }),
+            /* @__PURE__ */ t(g, { color: n.content.secondary, children: e ? "You can manage your agents from the AI agent dashboard." : "This agent will start handling customer conversations immediately. You can pause it at any time." })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(x, { children: e ? /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
           o,
           {
             "data-test": "agent-go-dashboard",
@@ -38,10 +42,10 @@ const z = ({
             matchParentWidth: !0,
             buttonText: "Go to Agent dashboard",
             TrailingIcon: S,
-            onClick: c ?? r
+            onClick: s ?? a
           }
-        ) }) : /* @__PURE__ */ a(m, { children: [
-          /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+        ) }) : /* @__PURE__ */ i(m, { children: [
+          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(
             o,
             {
               "data-test": "agent-confirm-save-draft",
@@ -49,7 +53,7 @@ const z = ({
               size: "medium",
               matchParentWidth: !0,
               buttonText: "Save as draft",
-              onClick: s
+              onClick: l
             }
           ) }),
           /* @__PURE__ */ t("div", { style: { display: "flex" }, children: /* @__PURE__ */ t(
@@ -60,7 +64,7 @@ const z = ({
               size: "medium",
               matchParentWidth: !0,
               buttonText: "Go live now",
-              isLoading: l,
+              isLoading: c,
               onClick: d
             }
           ) })

package/dist/esm/components/agent-builder/components/GoLiveModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoLiveModal.js","sources":["../../../../../src/components/agent-builder/components/GoLiveModal.tsx"],"sourcesContent":["import ManifestGlass from '@src/assets/icons/ManifestGlass.svg';\nimport SuccessIcon from '@src/assets/icons/successIcon.svg';\nimport { ArrowRight } from '@src/icons';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tDraftButtonScope,\n\tModalActions,\n\tModalBody,\n\tModalIcon,\n} from '../AgentBuilder.styled';\n\nexport type GoLiveModalMode = 'confirm' | 'success' | null;\n\ninterface GoLiveModalProps {\n\tmode: GoLiveModalMode;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tonSaveDraft: () => void;\n\tonGoToDashboard?: () => void;\n\tisPublishing?: boolean;\n}\n\n/**\n * Confirm / success dialog for going live. Uses `StyledModal` as the shell but\n * renders the actions INSIDE the body (not StyledModal's footer) — the footer's\n * `margin-top:auto` detaches from this short, centered hero layout and spills\n * out of the card. Body-level actions stay anchored under the content.\n */\nexport const GoLiveModal: React.FC<GoLiveModalProps> = ({\n\tmode,\n\tonClose,\n\tonConfirm,\n\tonSaveDraft,\n\tonGoToDashboard,\n\tisPublishing,\n}) => {\n\tif (!mode) {\n\t\treturn null;\n\t}\n\n\tconst isSuccess = mode === 'success';\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-go-live-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth={isSuccess ? '400px' : '520px'}\n\t\t>\n\t\t\t<ModalBody>\n\t\t\t\t<ModalIcon>\n\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t<SuccessIcon width={64} height={64} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ManifestGlass width={64} height={64} />\n\t\t\t\t\t)}\n\t\t\t\t</ModalIcon>\n\n\t\t\t\t<TitleMedium color={COLORS.content.primary}>\n\t\t\t\t\t{isSuccess ? 'Your agent is live!' : 'Ready to go live?'}\n\t\t\t\t</TitleMedium>\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t{isSuccess\n\t\t\t\t\t\t? 'You can manage your agents from the AI agent dashboard.'\n\t\t\t\t\t\t: 'This agent will start handling customer conversations immediately. You can pause it at any time.'}\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test=\"agent-go-dashboard\"\n\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tbuttonText=\"Go to Agent dashboard\"\n\t\t\t\t\t\t\t\tTrailingIcon={ArrowRight}\n\t\t\t\t\t\t\t\tonClick={onGoToDashboard ?? onClose}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<DraftButtonScope>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-save-draft\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</DraftButtonScope>\n\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-go-live\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText=\"Go live now\"\n\t\t\t\t\t\t\t\t\tisLoading={isPublishing}\n\t\t\t\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["GoLiveModal","mode","onClose","onConfirm","onSaveDraft","onGoToDashboard","isPublishing","isSuccess","jsx","StyledModal","ModalBody","ModalIcon","SuccessIcon","ManifestGlass","TitleMedium","COLORS","BodyPrimary","ModalActions","Button","ArrowRight","jsxs","Fragment","DraftButtonScope"],"mappings":";;;;;;;;;AAgCO,MAAMA,IAA0C,CAAC;AAAA,EACvD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACD,MAAM;AACL,MAAI,CAACL;AACJ,WAAO;AAGR,QAAMM,IAAYN,MAAS;AAE3B,SACC,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,MAAI;AAAA,MACJ,SAAAP;AAAA,MACA,OAAOK,IAAY,UAAU;AAAA,MAE7B,4BAACG,GAAA,EACA,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EACC,UAAAJ,IACA,gBAAAC,EAACI,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI,sBAEnCC,GAAA,EAAc,OAAO,IAAI,QAAQ,IAAI,GAExC;AAAA,QAEA,gBAAAL,EAACM,KAAY,OAAOC,EAAO,QAAQ,SACjC,UAAAR,IAAY,wBAAwB,oBAAA,CACtC;AAAA,QACA,gBAAAC,EAACQ,KAAY,OAAOD,EAAO,QAAQ,WACjC,UAAAR,IACE,4DACA,mGAAA,CACJ;AAAA,QAEA,gBAAAC,EAACS,KACC,UAAAV,IACA,gBAAAC,EAAC,SAAI,OAAO,EAAE,SAAS,OAAA,GACtB,UAAA,gBAAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,YAAW;AAAA,YACX,MAAK;AAAA,YACL,kBAAgB;AAAA,YAChB,YAAW;AAAA,YACX,cAAcC;AAAAA,YACd,SAASd,KAAmBH;AAAA,UAAA;AAAA,QAAA,EAC7B,CACD,IAEA,gBAAAkB,EAAAC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAb,EAACc,GAAA,EACA,UAAA,gBAAAd;AAAA,YAACU;AAAA,YAAA;AAAA,cACA,aAAU;AAAA,cACV,YAAW;AAAA,cACX,MAAK;AAAA,cACL,kBAAgB;AAAA,cAChB,YAAW;AAAA,cACX,SAASd;AAAA,YAAA;AAAA,UAAA,GAEX;AAAA,4BACC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAI;AAAA,YAACU;AAAA,YAAA;AAAA,cACA,aAAU;AAAA,cACV,YAAW;AAAA,cACX,MAAK;AAAA,cACL,kBAAgB;AAAA,cAChB,YAAW;AAAA,cACX,WAAWZ;AAAA,cACX,SAASH;AAAA,YAAA;AAAA,UAAA,EACV,CACD;AAAA,QAAA,EAAA,CACD,EAAA,CAEF;AAAA,MAAA,EAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"GoLiveModal.js","sources":["../../../../../src/components/agent-builder/components/GoLiveModal.tsx"],"sourcesContent":["import ManifestGlass from '@src/assets/icons/ManifestGlass.svg';\nimport SuccessIcon from '@src/assets/icons/successIcon.svg';\nimport { ArrowRight } from '@src/icons';\nimport React from 'react';\nimport { Button } from '@src/components/button';\nimport { StyledModal } from '@src/components/modals';\nimport { BodyPrimary, TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tDraftButtonScope,\n\tModalActions,\n\tModalBody,\n\tModalIcon,\n} from '../AgentBuilder.styled';\n\nexport type GoLiveModalMode = 'confirm' | 'success' | null;\n\ninterface GoLiveModalProps {\n\tmode: GoLiveModalMode;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tonSaveDraft: () => void;\n\tonGoToDashboard?: () => void;\n\tisPublishing?: boolean;\n}\n\n/**\n * Confirm / success dialog for going live. Uses `StyledModal` as the shell but\n * renders the actions INSIDE the body (not StyledModal's footer) — the footer's\n * `margin-top:auto` detaches from this short, centered hero layout and spills\n * out of the card. Body-level actions stay anchored under the content.\n */\nexport const GoLiveModal: React.FC<GoLiveModalProps> = ({\n\tmode,\n\tonClose,\n\tonConfirm,\n\tonSaveDraft,\n\tonGoToDashboard,\n\tisPublishing,\n}) => {\n\tif (!mode) {\n\t\treturn null;\n\t}\n\n\tconst isSuccess = mode === 'success';\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test=\"agent-go-live-modal\"\n\t\t\topen\n\t\t\tonClose={onClose}\n\t\t\twidth={isSuccess ? '400px' : '520px'}\n\t\t>\n\t\t\t<ModalBody style={{ gap: '24px' }}>\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t<ModalIcon>\n\t\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t\t<SuccessIcon width={64} height={64} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ManifestGlass width={64} height={64} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ModalIcon>\n\n\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t\t<TitleMedium color={COLORS.content.primary}>\n\t\t\t\t\t\t\t{isSuccess ? 'Your agent is live!' : 'Ready to go live?'}\n\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{isSuccess\n\t\t\t\t\t\t\t\t? 'You can manage your agents from the AI agent dashboard.'\n\t\t\t\t\t\t\t\t: 'This agent will start handling customer conversations immediately. You can pause it at any time.'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<ModalActions>\n\t\t\t\t\t{isSuccess ? (\n\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-test=\"agent-go-dashboard\"\n\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tbuttonText=\"Go to Agent dashboard\"\n\t\t\t\t\t\t\t\tTrailingIcon={ArrowRight}\n\t\t\t\t\t\t\t\tonClick={onGoToDashboard ?? onClose}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<DraftButtonScope>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-save-draft\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText=\"Save as draft\"\n\t\t\t\t\t\t\t\t\tonClick={onSaveDraft}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</DraftButtonScope>\n\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdata-test=\"agent-confirm-go-live\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText=\"Go live now\"\n\t\t\t\t\t\t\t\t\tisLoading={isPublishing}\n\t\t\t\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</ModalActions>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["GoLiveModal","mode","onClose","onConfirm","onSaveDraft","onGoToDashboard","isPublishing","isSuccess","jsx","StyledModal","ModalBody","jsxs","ModalIcon","SuccessIcon","ManifestGlass","TitleMedium","COLORS","BodyPrimary","ModalActions","Button","ArrowRight","Fragment","DraftButtonScope"],"mappings":";;;;;;;;;AAgCO,MAAMA,IAA0C,CAAC;AAAA,EACvD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AACD,MAAM;AACL,MAAI,CAACL;AACJ,WAAO;AAGR,QAAMM,IAAYN,MAAS;AAE3B,SACC,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,MAAI;AAAA,MACJ,SAAAP;AAAA,MACA,OAAOK,IAAY,UAAU;AAAA,MAE7B,4BAACG,GAAA,EAAU,OAAO,EAAE,KAAK,UACxB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAA,GAC5D,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EACC,UAAAL,IACA,gBAAAC,EAACK,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI,sBAEnCC,GAAA,EAAc,OAAO,IAAI,QAAQ,IAAI,GAExC;AAAA,UAEA,gBAAAH,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAA,GAC5D,UAAA;AAAA,YAAA,gBAAAH,EAACO,KAAY,OAAOC,EAAO,QAAQ,SACjC,UAAAT,IAAY,wBAAwB,oBAAA,CACtC;AAAA,YACA,gBAAAC,EAACS,KAAY,OAAOD,EAAO,QAAQ,WACjC,UAAAT,IACE,4DACA,mGAAA,CACJ;AAAA,UAAA,EAAA,CACD;AAAA,QAAA,GACD;AAAA,QAEA,gBAAAC,EAACU,KACC,UAAAX,IACA,gBAAAC,EAAC,SAAI,OAAO,EAAE,SAAS,OAAA,GACtB,UAAA,gBAAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,YAAW;AAAA,YACX,MAAK;AAAA,YACL,kBAAgB;AAAA,YAChB,YAAW;AAAA,YACX,cAAcC;AAAAA,YACd,SAASf,KAAmBH;AAAA,UAAA;AAAA,QAAA,EAC7B,CACD,IAEA,gBAAAS,EAAAU,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAb,EAACc,GAAA,EACA,UAAA,gBAAAd;AAAA,YAACW;AAAA,YAAA;AAAA,cACA,aAAU;AAAA,cACV,YAAW;AAAA,cACX,MAAK;AAAA,cACL,kBAAgB;AAAA,cAChB,YAAW;AAAA,cACX,SAASf;AAAA,YAAA;AAAA,UAAA,GAEX;AAAA,4BACC,OAAA,EAAI,OAAO,EAAE,SAAS,UACtB,UAAA,gBAAAI;AAAA,YAACW;AAAA,YAAA;AAAA,cACA,aAAU;AAAA,cACV,YAAW;AAAA,cACX,MAAK;AAAA,cACL,kBAAgB;AAAA,cAChB,YAAW;AAAA,cACX,WAAWb;AAAA,cACX,SAASH;AAAA,YAAA;AAAA,UAAA,EACV,CACD;AAAA,QAAA,EAAA,CACD,EAAA,CAEF;AAAA,MAAA,EAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/components/agent-builder/components/MentionEditor.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as f } from "react/jsx-runtime";
 import { useRef as T, useState as J, useCallback as b, useEffect as E, useMemo as Y } from "react";
 import { TitleSmall as $, BodyCaption as q } from "../../TypographyStyle.js";
-import { COLORS as k } from "../../../constants/Theme.js";
+import { COLORS as H } from "../../../constants/Theme.js";
 import { FieldBlock as z, FieldLabelRow as I, AiTextAreaShell as Q } from "../AgentBuilder.styled.js";
 import { AGENT_EDITOR_STYLE as U } from "../constants/editorStyle.js";
 import { buildMentionHtml as V, instructionsToEditorHtml as W, editorDocToInstructions as X } from "../utils/mentionSerialization.js";
@@ -10,8 +10,8 @@ import { MentionPicker as K } from "./MentionPicker.js";
 import { BikEditor as tt } from "../../../editor/BikEditor.js";
 const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\r?\n/g, "<br>"), mt = ({
   label: a,
-  value: n,
-  onChange: H,
+  value: e,
+  onChange: k,
   maxLength: o,
   placeholder: R,
   minHeight: x = "200px",
@@ -19,31 +19,31 @@ const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   mentionItems: i,
   tools: O,
   onMentionSelect: D,
-  onFocus: M,
+  onFocus: L,
   registerInsert: c,
-  onCreateSubAgent: y,
-  toolActions: A,
-  integrationStatus: B,
-  onConnectIntegration: L,
+  onCreateSubAgent: M,
+  toolActions: y,
+  integrationStatus: A,
+  onConnectIntegration: B,
   action: P,
   ...j
 }) => {
-  const l = T(null), [w, p] = J(n.length), d = T(n.length), F = b(
+  const l = T(null), [w, p] = J(e.length), d = T(e.length), F = b(
     ({ text: t }) => {
       if (!t)
         return !1;
-      const r = l.current, m = r?.getSelectedText().length ?? 0, e = o - (d.current - m);
-      return t.length <= e ? !1 : (e <= 0 || r?.insertContent(rt(t.slice(0, e))), !0);
+      const r = l.current, m = r?.getSelectedText().length ?? 0, n = o - (d.current - m);
+      return t.length <= n ? !1 : (n <= 0 || r?.insertContent(rt(t.slice(0, n))), !0);
     },
     [o]
   ), g = b(
-    (t, r, m, e) => {
+    (t, r, m, n) => {
       const h = l.current;
       if (!h)
         return;
       const S = i.find(
         (C) => String(C.id) === String(r) && C.meta?.kind === t
-      ), _ = m ?? S?.label ?? r, G = e ?? S?.meta?.source;
+      ), _ = m ?? S?.label ?? r, G = n ?? S?.meta?.source;
       h.insertInlineContent(
         `${V(String(r), _, t, G)}&nbsp;`
       );
@@ -55,20 +55,20 @@ const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       return c(g), () => c(null);
   }, [c, g]);
   const N = Y(
-    () => W(n, i),
+    () => W(e, i),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [u]
   );
   return E(
     () => {
-      p(n.length), d.current = n.length;
+      p(e.length), d.current = e.length;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [u]
   ), /* @__PURE__ */ s(z, { children: [
     /* @__PURE__ */ s(I, { children: [
-      /* @__PURE__ */ f($, { color: k.content.primary, children: a }),
-      /* @__PURE__ */ s(q, { color: k.content.secondary, children: [
+      /* @__PURE__ */ f($, { color: H.content.primary, children: a }),
+      /* @__PURE__ */ s(q, { color: H.content.secondary, children: [
         w,
         "/",
         o
@@ -82,12 +82,13 @@ const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
           initialContent: N,
           placeholder: R,
           characterLimit: o,
+          characterLimitHard: !0,
           onPaste: F,
           minHeight: "120px",
           maxHeight: "320px",
           style: { border: "none" },
           editorStyle: U,
-          onFocus: M,
+          onFocus: L,
           mentions: {
             agents: i,
             removeTriggerOnDismiss: !0,
@@ -98,10 +99,10 @@ const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
               K,
               {
                 ...t,
-                onCreateSubAgent: y,
-                toolActions: A,
-                integrationStatus: B,
-                onConnectIntegration: L
+                onCreateSubAgent: M,
+                toolActions: y,
+                integrationStatus: A,
+                onConnectIntegration: B
               }
             ),
             onSelect: (t) => {
@@ -112,7 +113,7 @@ const rt = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
           onChange: (t) => {
             p(t.characterCount), d.current = t.characterCount;
             const r = l.current?.getJSON() ?? null;
-            H(X(r, O));
+            k(X(r, O));
           }
         },
         u

package/dist/esm/components/agent-builder/components/MentionEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionEditor.js","sources":["../../../../../src/components/agent-builder/components/MentionEditor.tsx"],"sourcesContent":["import { BikEditor, BikEditorRef, MentionItem, PasteData } from '@src/editor';\nimport React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentTool } from '../AgentBuilder.model';\nimport {\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\nimport { AGENT_EDITOR_STYLE } from '../constants/editorStyle';\nimport type { ToolAction, ToolSource } from '../constants/tools';\nimport {\n\tbuildMentionHtml,\n\teditorDocToInstructions,\n\tinstructionsToEditorHtml,\n\tMentionKindMeta,\n} from '../utils/mentionSerialization';\nimport { renderSourceIcon, sourceIcon } from '../utils/sourceIcons';\nimport { MentionPicker } from './MentionPicker';\n\ntype InsertFn = (\n\tkind: 'tool' | 'subagent',\n\tid: string,\n\tlabel?: string,\n\tsource?: string,\n) => void;\n\n// Insert-safe HTML for a plain-text run: escape entities so pasted text is never\n// interpreted as markup, and keep line breaks (mirrors the plain-paste pipeline).\nconst plainTextToHtml = (text: string): string =>\n\ttext\n\t\t.replace(/&/g, '&amp;')\n\t\t.replace(/</g, '&lt;')\n\t\t.replace(/>/g, '&gt;')\n\t\t.replace(/\\r?\\n/g, '<br>');\n\ninterface MentionEditorProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: (text: string) => void;\n\tmaxLength: number;\n\tplaceholder?: string;\n\tminHeight?: string;\n\t/** Changing this remounts the editor with fresh content. */\n\tresetKey?: string | number;\n\t/** Items shown in the `@` picker (tools, and sub-agents where allowed). */\n\tmentionItems: MentionItem[];\n\t/** Tools used to serialise mention nodes back to `{{tool:KEY}}`. */\n\ttools: AgentTool[];\n\t/** Called when an item is picked from the `@` menu (to attach it upstream). */\n\tonMentionSelect?: (kind: 'tool' | 'subagent', id: string) => void;\n\tonFocus?: () => void;\n\t/** Receives an insert-at-cursor fn (and null on unmount) for side-panel adds. */\n\tregisterInsert?: (fn: InsertFn | null) => void;\n\t/**\n\t * When set, the `@` picker's Sub-agent view shows a \"Create new\" row that calls\n\t * this (opens the create-sub-agent drawer). Omit to hide it (e.g. the drawer's\n\t * own editors, which can't nest sub-agents).\n\t */\n\tonCreateSubAgent?: () => void;\n\t/**\n\t * Built-in tool actions (Rest API / Handover to email) shown in the `@` picker's\n\t * Tools view. Picking one opens its drawer instead of inserting a mention.\n\t */\n\ttoolActions?: ToolAction[];\n\tintegrationStatus?: Partial<Record<ToolSource, boolean>>;\n\tonConnectIntegration?: (source: ToolSource) => void;\n\t/** Optional action(s) rendered inside the shell, below the editor. */\n\taction?: React.ReactNode;\n\t'data-test'?: string;\n}\n\n/**\n * Presentational BikEditor field with `@` mentions. Stores firebase token text\n * (`{{tool:KEY}}` / `{{subagent:ID}}`). Context-free — both the builder's\n * Step-3 fields and the create-sub-agent drawer compose it.\n */\nexport const MentionEditor: React.FC<MentionEditorProps> = ({\n\tlabel,\n\tvalue,\n\tonChange,\n\tmaxLength,\n\tplaceholder,\n\tminHeight = '200px',\n\tresetKey,\n\tmentionItems,\n\ttools,\n\tonMentionSelect,\n\tonFocus,\n\tregisterInsert,\n\tonCreateSubAgent,\n\ttoolActions,\n\tintegrationStatus,\n\tonConnectIntegration,\n\taction,\n\t...rest\n}) => {\n\tconst editorRef = useRef<BikEditorRef>(null);\n\tconst [count, setCount] = useState(value.length);\n\t// Live character count for the paste handler (BikEditor captures onPaste once\n\t// at mount, so it can't read the `count` state without going stale).\n\tconst countRef = useRef(value.length);\n\n\t// On paste, insert only the characters that still fit under the limit instead\n\t// of letting the paste overflow. Pastes that fit fall through to the editor's\n\t// normal (break-preserving) plain-paste pipeline.\n\tconst handlePaste = useCallback(\n\t\t({ text }: PasteData): boolean | void => {\n\t\t\tif (!text) {\n\t\t\t\treturn false; // non-text (e.g. images) → default handling\n\t\t\t}\n\t\t\tconst editor = editorRef.current;\n\t\t\tconst selectionLength = editor?.getSelectedText().length ?? 0;\n\t\t\tconst room = maxLength - (countRef.current - selectionLength);\n\t\t\tif (text.length <= room) {\n\t\t\t\treturn false; // fits → let the default plain-paste pipeline run\n\t\t\t}\n\t\t\tif (room <= 0) {\n\t\t\t\treturn true; // already full → drop the paste\n\t\t\t}\n\t\t\teditor?.insertContent(plainTextToHtml(text.slice(0, room)));\n\t\t\treturn true;\n\t\t},\n\t\t[maxLength],\n\t);\n\n\tconst insert = useCallback<InsertFn>(\n\t\t(kind, id, overrideLabel, overrideSource) => {\n\t\t\tconst editor = editorRef.current;\n\t\t\tif (!editor) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst item = mentionItems.find(\n\t\t\t\t(m) =>\n\t\t\t\t\tString(m.id) === String(id) &&\n\t\t\t\t\t(m.meta as unknown as MentionKindMeta | undefined)?.kind === kind,\n\t\t\t);\n\t\t\tconst finalLabel = overrideLabel ?? item?.label ?? id;\n\t\t\t// Prefer the caller-supplied source: a JUST-created custom tool (Rest API /\n\t\t\t// email / Slack) isn't in `mentionItems` yet, so the lookup would miss and\n\t\t\t// the chip would render without its icon until reload.\n\t\t\tconst source =\n\t\t\t\toverrideSource ??\n\t\t\t\t(item?.meta as unknown as MentionKindMeta | undefined)?.source;\n\t\t\teditor.insertInlineContent(\n\t\t\t\t`${buildMentionHtml(String(id), finalLabel, kind, source)}&nbsp;`,\n\t\t\t);\n\t\t},\n\t\t[mentionItems],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!registerInsert) {\n\t\t\treturn;\n\t\t}\n\t\tregisterInsert(insert);\n\t\treturn () => registerInsert(null);\n\t}, [registerInsert, insert]);\n\n\t// Mount-only initial HTML; recomputed (editor remounted via key) on resetKey.\n\tconst initialHtml = useMemo(\n\t\t() => instructionsToEditorHtml(value, mentionItems),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[resetKey],\n\t);\n\n\tuseEffect(\n\t\t() => {\n\t\t\tsetCount(value.length);\n\t\t\tcountRef.current = value.length;\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[resetKey],\n\t);\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{count}/{maxLength}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell minHeight={minHeight} data-test={rest['data-test']}>\n\t\t\t\t<BikEditor\n\t\t\t\t\tkey={resetKey}\n\t\t\t\t\tref={editorRef}\n\t\t\t\t\tinitialContent={initialHtml}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t// Soft limit: blocks typing past the cap; `onPaste` truncates a\n\t\t\t\t\t// paste to what still fits, and any residual overflow renders grey.\n\t\t\t\t\tcharacterLimit={maxLength}\n\t\t\t\t\tonPaste={handlePaste}\n\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t\tmaxHeight=\"320px\"\n\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\teditorStyle={AGENT_EDITOR_STYLE}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tmentions={{\n\t\t\t\t\t\tagents: mentionItems,\n\t\t\t\t\t\tremoveTriggerOnDismiss: true,\n\t\t\t\t\t\t// Tool chips lead with their source glyph (manifest / shopify / …);\n\t\t\t\t\t\t// sub-agent chips have no source, so no icon.\n\t\t\t\t\t\trenderChipIcon: (source) =>\n\t\t\t\t\t\t\trenderSourceIcon(sourceIcon(source ?? undefined), -6),\n\t\t\t\t\t\trenderDropdown: (props) => (\n\t\t\t\t\t\t\t<MentionPicker\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\tonCreateSubAgent={onCreateSubAgent}\n\t\t\t\t\t\t\t\ttoolActions={toolActions}\n\t\t\t\t\t\t\t\tintegrationStatus={integrationStatus}\n\t\t\t\t\t\t\t\tonConnectIntegration={onConnectIntegration}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tonSelect: (item) => {\n\t\t\t\t\t\t\tconst kind = (item.meta as unknown as MentionKindMeta | undefined)\n\t\t\t\t\t\t\t\t?.kind;\n\t\t\t\t\t\t\tif (kind) {\n\t\t\t\t\t\t\t\tonMentionSelect?.(kind, String(item.id));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={(snapshot) => {\n\t\t\t\t\t\tsetCount(snapshot.characterCount);\n\t\t\t\t\t\tcountRef.current = snapshot.characterCount;\n\t\t\t\t\t\tconst doc = editorRef.current?.getJSON() ?? null;\n\t\t\t\t\t\tonChange(editorDocToInstructions(doc, tools));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{action}\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["plainTextToHtml","text","MentionEditor","label","value","onChange","maxLength","placeholder","minHeight","resetKey","mentionItems","tools","onMentionSelect","onFocus","registerInsert","onCreateSubAgent","toolActions","integrationStatus","onConnectIntegration","action","rest","editorRef","useRef","count","setCount","useState","countRef","handlePaste","useCallback","editor","selectionLength","room","insert","kind","id","overrideLabel","overrideSource","item","m","finalLabel","source","buildMentionHtml","useEffect","initialHtml","useMemo","instructionsToEditorHtml","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AiTextAreaShell","BikEditor","AGENT_EDITOR_STYLE","renderSourceIcon","sourceIcon","props","MentionPicker","snapshot","doc","editorDocToInstructions"],"mappings":"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"}
+{"version":3,"file":"MentionEditor.js","sources":["../../../../../src/components/agent-builder/components/MentionEditor.tsx"],"sourcesContent":["import { BikEditor, BikEditorRef, MentionItem, PasteData } from '@src/editor';\nimport React, {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentTool } from '../AgentBuilder.model';\nimport {\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\nimport { AGENT_EDITOR_STYLE } from '../constants/editorStyle';\nimport type { ToolAction, ToolSource } from '../constants/tools';\nimport {\n\tbuildMentionHtml,\n\teditorDocToInstructions,\n\tinstructionsToEditorHtml,\n\tMentionKindMeta,\n} from '../utils/mentionSerialization';\nimport { renderSourceIcon, sourceIcon } from '../utils/sourceIcons';\nimport { MentionPicker } from './MentionPicker';\n\ntype InsertFn = (\n\tkind: 'tool' | 'subagent',\n\tid: string,\n\tlabel?: string,\n\tsource?: string,\n) => void;\n\n// Insert-safe HTML for a plain-text run: escape entities so pasted text is never\n// interpreted as markup, and keep line breaks (mirrors the plain-paste pipeline).\nconst plainTextToHtml = (text: string): string =>\n\ttext\n\t\t.replace(/&/g, '&amp;')\n\t\t.replace(/</g, '&lt;')\n\t\t.replace(/>/g, '&gt;')\n\t\t.replace(/\\r?\\n/g, '<br>');\n\ninterface MentionEditorProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: (text: string) => void;\n\tmaxLength: number;\n\tplaceholder?: string;\n\tminHeight?: string;\n\t/** Changing this remounts the editor with fresh content. */\n\tresetKey?: string | number;\n\t/** Items shown in the `@` picker (tools, and sub-agents where allowed). */\n\tmentionItems: MentionItem[];\n\t/** Tools used to serialise mention nodes back to `{{tool:KEY}}`. */\n\ttools: AgentTool[];\n\t/** Called when an item is picked from the `@` menu (to attach it upstream). */\n\tonMentionSelect?: (kind: 'tool' | 'subagent', id: string) => void;\n\tonFocus?: () => void;\n\t/** Receives an insert-at-cursor fn (and null on unmount) for side-panel adds. */\n\tregisterInsert?: (fn: InsertFn | null) => void;\n\t/**\n\t * When set, the `@` picker's Sub-agent view shows a \"Create new\" row that calls\n\t * this (opens the create-sub-agent drawer). Omit to hide it (e.g. the drawer's\n\t * own editors, which can't nest sub-agents).\n\t */\n\tonCreateSubAgent?: () => void;\n\t/**\n\t * Built-in tool actions (Rest API / Handover to email) shown in the `@` picker's\n\t * Tools view. Picking one opens its drawer instead of inserting a mention.\n\t */\n\ttoolActions?: ToolAction[];\n\tintegrationStatus?: Partial<Record<ToolSource, boolean>>;\n\tonConnectIntegration?: (source: ToolSource) => void;\n\t/** Optional action(s) rendered inside the shell, below the editor. */\n\taction?: React.ReactNode;\n\t'data-test'?: string;\n}\n\n/**\n * Presentational BikEditor field with `@` mentions. Stores firebase token text\n * (`{{tool:KEY}}` / `{{subagent:ID}}`). Context-free — both the builder's\n * Step-3 fields and the create-sub-agent drawer compose it.\n */\nexport const MentionEditor: React.FC<MentionEditorProps> = ({\n\tlabel,\n\tvalue,\n\tonChange,\n\tmaxLength,\n\tplaceholder,\n\tminHeight = '200px',\n\tresetKey,\n\tmentionItems,\n\ttools,\n\tonMentionSelect,\n\tonFocus,\n\tregisterInsert,\n\tonCreateSubAgent,\n\ttoolActions,\n\tintegrationStatus,\n\tonConnectIntegration,\n\taction,\n\t...rest\n}) => {\n\tconst editorRef = useRef<BikEditorRef>(null);\n\tconst [count, setCount] = useState(value.length);\n\t// Live character count for the paste handler (BikEditor captures onPaste once\n\t// at mount, so it can't read the `count` state without going stale).\n\tconst countRef = useRef(value.length);\n\n\t// On paste, insert only the characters that still fit under the limit instead\n\t// of letting the paste overflow. Pastes that fit fall through to the editor's\n\t// normal (break-preserving) plain-paste pipeline.\n\tconst handlePaste = useCallback(\n\t\t({ text }: PasteData): boolean | void => {\n\t\t\tif (!text) {\n\t\t\t\treturn false; // non-text (e.g. images) → default handling\n\t\t\t}\n\t\t\tconst editor = editorRef.current;\n\t\t\tconst selectionLength = editor?.getSelectedText().length ?? 0;\n\t\t\tconst room = maxLength - (countRef.current - selectionLength);\n\t\t\tif (text.length <= room) {\n\t\t\t\treturn false; // fits → let the default plain-paste pipeline run\n\t\t\t}\n\t\t\tif (room <= 0) {\n\t\t\t\treturn true; // already full → drop the paste\n\t\t\t}\n\t\t\teditor?.insertContent(plainTextToHtml(text.slice(0, room)));\n\t\t\treturn true;\n\t\t},\n\t\t[maxLength],\n\t);\n\n\tconst insert = useCallback<InsertFn>(\n\t\t(kind, id, overrideLabel, overrideSource) => {\n\t\t\tconst editor = editorRef.current;\n\t\t\tif (!editor) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst item = mentionItems.find(\n\t\t\t\t(m) =>\n\t\t\t\t\tString(m.id) === String(id) &&\n\t\t\t\t\t(m.meta as unknown as MentionKindMeta | undefined)?.kind === kind,\n\t\t\t);\n\t\t\tconst finalLabel = overrideLabel ?? item?.label ?? id;\n\t\t\t// Prefer the caller-supplied source: a JUST-created custom tool (Rest API /\n\t\t\t// email / Slack) isn't in `mentionItems` yet, so the lookup would miss and\n\t\t\t// the chip would render without its icon until reload.\n\t\t\tconst source =\n\t\t\t\toverrideSource ??\n\t\t\t\t(item?.meta as unknown as MentionKindMeta | undefined)?.source;\n\t\t\teditor.insertInlineContent(\n\t\t\t\t`${buildMentionHtml(String(id), finalLabel, kind, source)}&nbsp;`,\n\t\t\t);\n\t\t},\n\t\t[mentionItems],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!registerInsert) {\n\t\t\treturn;\n\t\t}\n\t\tregisterInsert(insert);\n\t\treturn () => registerInsert(null);\n\t}, [registerInsert, insert]);\n\n\t// Mount-only initial HTML; recomputed (editor remounted via key) on resetKey.\n\tconst initialHtml = useMemo(\n\t\t() => instructionsToEditorHtml(value, mentionItems),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[resetKey],\n\t);\n\n\tuseEffect(\n\t\t() => {\n\t\t\tsetCount(value.length);\n\t\t\tcountRef.current = value.length;\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[resetKey],\n\t);\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{count}/{maxLength}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell minHeight={minHeight} data-test={rest['data-test']}>\n\t\t\t\t<BikEditor\n\t\t\t\t\tkey={resetKey}\n\t\t\t\t\tref={editorRef}\n\t\t\t\t\tinitialContent={initialHtml}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t// Hard limit: nothing may push the content past the cap. Typing,\n\t\t\t\t\t// Enter and drop past it are rejected; a paste is truncated to fill\n\t\t\t\t\t// the remaining room (`onPaste` pre-trims; the hard filter trims any\n\t\t\t\t\t// residue). Content loaded over the cap is kept and can only shrink.\n\t\t\t\t\t// Same metric as the shown count.\n\t\t\t\t\tcharacterLimit={maxLength}\n\t\t\t\t\tcharacterLimitHard\n\t\t\t\t\tonPaste={handlePaste}\n\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t\tmaxHeight=\"320px\"\n\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\teditorStyle={AGENT_EDITOR_STYLE}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tmentions={{\n\t\t\t\t\t\tagents: mentionItems,\n\t\t\t\t\t\tremoveTriggerOnDismiss: true,\n\t\t\t\t\t\t// Tool chips lead with their source glyph (manifest / shopify / …);\n\t\t\t\t\t\t// sub-agent chips have no source, so no icon.\n\t\t\t\t\t\trenderChipIcon: (source) =>\n\t\t\t\t\t\t\trenderSourceIcon(sourceIcon(source ?? undefined), -6),\n\t\t\t\t\t\trenderDropdown: (props) => (\n\t\t\t\t\t\t\t<MentionPicker\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\tonCreateSubAgent={onCreateSubAgent}\n\t\t\t\t\t\t\t\ttoolActions={toolActions}\n\t\t\t\t\t\t\t\tintegrationStatus={integrationStatus}\n\t\t\t\t\t\t\t\tonConnectIntegration={onConnectIntegration}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tonSelect: (item) => {\n\t\t\t\t\t\t\tconst kind = (item.meta as unknown as MentionKindMeta | undefined)\n\t\t\t\t\t\t\t\t?.kind;\n\t\t\t\t\t\t\tif (kind) {\n\t\t\t\t\t\t\t\tonMentionSelect?.(kind, String(item.id));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tonChange={(snapshot) => {\n\t\t\t\t\t\tsetCount(snapshot.characterCount);\n\t\t\t\t\t\tcountRef.current = snapshot.characterCount;\n\t\t\t\t\t\tconst doc = editorRef.current?.getJSON() ?? null;\n\t\t\t\t\t\tonChange(editorDocToInstructions(doc, tools));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{action}\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["plainTextToHtml","text","MentionEditor","label","value","onChange","maxLength","placeholder","minHeight","resetKey","mentionItems","tools","onMentionSelect","onFocus","registerInsert","onCreateSubAgent","toolActions","integrationStatus","onConnectIntegration","action","rest","editorRef","useRef","count","setCount","useState","countRef","handlePaste","useCallback","editor","selectionLength","room","insert","kind","id","overrideLabel","overrideSource","item","m","finalLabel","source","buildMentionHtml","useEffect","initialHtml","useMemo","instructionsToEditorHtml","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AiTextAreaShell","BikEditor","AGENT_EDITOR_STYLE","renderSourceIcon","sourceIcon","props","MentionPicker","snapshot","doc","editorDocToInstructions"],"mappings":"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"}