@bikdotai/bik-component-library 0.0.866 → 0.0.867

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

@@ -1,92 +1,95 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { useState as i, useCallback as t } from "react";
-import { COLORS as ce } from "../../constants/Theme.js";
-import { BuilderRoot as de, Main as ue, Rail as fe, Content as ge, ContentCard as me, StepScroll as he } from "./AgentBuilder.styled.js";
-import { AgentBuilderFooter as ve } from "./components/AgentBuilderFooter.js";
-import { AgentBuilderTopBar as pe } from "./components/AgentBuilderTopBar.js";
-import { DiscardModal as Se } from "./components/DiscardModal.js";
-import { GoLiveModal as be } from "./components/GoLiveModal.js";
-import { StepRail as Ce } from "./components/StepRail.js";
-import { UndoToast as Ae } from "./components/UndoToast.js";
-import { AgentBuilderProvider as Le, useAgentBuilderContext as De } from "./context/AgentBuilderContext.js";
-import { Step1About as ye } from "./steps/Step1About.js";
-import { Step2WhenItStepsIn as Te } from "./steps/Step2WhenItStepsIn.js";
-import { Step3HowItResponds as Be } from "./steps/Step3HowItResponds.js";
-import { Step4HandoverRules as we } from "./steps/Step4HandoverRules.js";
-import { Spinner as Ge } from "../spinner/Spinner.js";
-const Ie = () => {
-  const { activeStep: d } = De();
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as s, useCallback as t } from "react";
+import { COLORS as ge } from "../../constants/Theme.js";
+import { BuilderRoot as fe, Main as he, Rail as me, Content as ve, ContentCard as pe, StepScroll as Se } from "./AgentBuilder.styled.js";
+import { AgentBuilderFooter as be } from "./components/AgentBuilderFooter.js";
+import { AgentBuilderTopBar as Ce } from "./components/AgentBuilderTopBar.js";
+import { DiscardModal as Ae } from "./components/DiscardModal.js";
+import { GoLiveModal as Le } from "./components/GoLiveModal.js";
+import { StepRail as De } from "./components/StepRail.js";
+import { UndoToast as ye } from "./components/UndoToast.js";
+import { AgentBuilderProvider as Te, useAgentBuilderContext as Be } from "./context/AgentBuilderContext.js";
+import { Step1About as we } from "./steps/Step1About.js";
+import { Step2WhenItStepsIn as Ge } from "./steps/Step2WhenItStepsIn.js";
+import { Step3HowItResponds as Ie } from "./steps/Step3HowItResponds.js";
+import { Step4HandoverRules as Pe } from "./steps/Step4HandoverRules.js";
+import { Spinner as Me } from "../spinner/Spinner.js";
+const ke = () => {
+  const { activeStep: d } = Be();
   switch (d) {
     case "about":
-      return /* @__PURE__ */ o(ye, {});
+      return /* @__PURE__ */ o(we, {});
     case "trigger":
-      return /* @__PURE__ */ o(Te, {});
+      return /* @__PURE__ */ o(Ge, {});
     case "response":
-      return /* @__PURE__ */ o(Be, {});
+      return /* @__PURE__ */ o(Ie, {});
     case "handover":
-      return /* @__PURE__ */ o(we, {});
+      return /* @__PURE__ */ o(Pe, {});
     default:
       return null;
   }
-}, Pe = (d) => {
+}, Re = (d) => {
   const {
     config: P,
     onChange: v,
     onStepChange: u,
     onDiscard: p,
-    onSaveDraft: s,
+    onSaveDraft: i,
     onPublish: S,
-    onBack: f,
-    onTestAgent: g,
-    onGoToDashboard: m,
+    onBack: g,
+    onTestAgent: f,
+    onGoToDashboard: h,
     onCreateSubAgent: r,
     onFetchSubAgent: M,
     onUpdateSubAgent: k,
     onImproveSubAgent: R,
     onImproveToolInstructions: x,
     onConnectIntegration: j,
-    ...H
+    onManageChannels: H,
+    onSmartAgentHandover: F,
+    ...N
   } = d, {
     value: l,
-    activeStep: F,
-    availableTools: N,
-    availableSubAgents: O,
-    availableIntents: U = [],
-    availableModels: z = [],
-    configToolTemplates: E,
-    integrationStatus: W,
-    variablesData: $,
-    validation: q,
-    applicationType: J,
-    charLimits: K,
+    activeStep: O,
+    availableTools: U,
+    availableSubAgents: z,
+    availableIntents: E = [],
+    availableModels: W = [],
+    configToolTemplates: $,
+    integrationStatus: q,
+    variablesData: J,
+    validation: K,
+    applicationType: Q,
+    availableChannels: V,
+    charLimits: X,
     isSaving: b,
     isPublishing: C,
-    isLoading: Q,
-    footerHint: V = "Changes don’t affect customers until you go live",
-    disableStepNavigation: X,
+    isLoading: Y,
+    footerHint: Z = "Changes don’t affect customers until you go live",
+    disableStepNavigation: _,
     debugLog: A
-  } = P, [L, a] = i(null), [D, y] = i(!1), [Y, T] = i(!1), [Z, c] = i(!1), [B, w] = i(!1), n = t(
-    (e, ...le) => {
-      A && console.log(`[AgentBuilder] ${e}`, ...le);
+  } = P, [L, a] = s(null), [D, y] = s(!1), [ee, T] = s(!1), [ne, c] = s(!1), [B, w] = s(!1), n = t(
+    (e, ...ue) => {
+      A && console.log(`[AgentBuilder] ${e}`, ...ue);
     },
     [A]
-  ), _ = t(
+  ), oe = t(
     (e) => {
       n("onChange", e), v(e);
     },
     [n, v]
-  ), ee = t(
+  ), te = t(
     (e) => {
       n("onStepChange", e), u?.(e);
     },
     [n, u]
-  ), ne = t(() => (n("onSaveDraft"), s()), [n, s]), oe = t(() => (n("onPublish"), S()), [n, S]), te = t(() => {
+  ), ae = t(() => (n("onSaveDraft"), i()), [n, i]), se = t(() => (n("onPublish"), S()), [n, S]), ie = t(() => {
     n("onBack"), c(!0);
-  }, [n]), ae = t(() => {
+  }, [n]), re = t(() => {
     n("onDiscardAndLeave"), c(!1), p();
   }, [n, p]), G = t(async () => {
     n("onSaveDraftAndLeave");
-    const e = s();
+    const e = i();
     if (c(!1), e && typeof e.then == "function") {
       w(!0);
       try {
@@ -95,10 +98,10 @@ const Ie = () => {
         w(!1);
       }
     }
-    f?.();
-  }, [n, s, f]), ie = t(async () => {
+    g?.();
+  }, [n, i, g]), le = t(async () => {
     n("onTestAgent");
-    const e = g?.();
+    const e = f?.();
     if (e && typeof e.then == "function") {
       T(!0);
       try {
@@ -107,14 +110,14 @@ const Ie = () => {
         T(!1);
       }
     }
-  }, [n, g]), I = t(() => {
-    n("onGoToDashboard"), m?.();
-  }, [n, m]), se = t(
+  }, [n, f]), I = t(() => {
+    n("onGoToDashboard"), h?.();
+  }, [n, h]), ce = t(
     (e) => (n("onCreateSubAgent", e), r ? r(e) : Promise.reject(new Error("onCreateSubAgent not provided"))),
     [n, r]
-  ), re = async () => {
+  ), de = async () => {
     n("onGoLiveConfirm");
-    const e = oe();
+    const e = se();
     if (e && typeof e.then == "function") {
       a(null), y(!0);
       try {
@@ -126,43 +129,46 @@ const Ie = () => {
       a("success");
   };
   return /* @__PURE__ */ o(
-    Le,
+    Te,
     {
       value: l,
-      onChange: _,
-      activeStep: F,
-      onStepChange: u ? ee : void 0,
-      availableTools: N,
-      availableSubAgents: O,
-      availableIntents: U,
-      availableModels: z,
-      configToolTemplates: E,
-      integrationStatus: W,
+      onChange: oe,
+      activeStep: O,
+      onStepChange: u ? te : void 0,
+      availableTools: U,
+      availableSubAgents: z,
+      availableIntents: E,
+      availableModels: W,
+      configToolTemplates: $,
+      integrationStatus: q,
       onConnectIntegration: j,
-      variablesData: $,
-      validation: q,
-      applicationType: J,
-      charLimits: K,
-      disableStepNavigation: X,
-      onCreateSubAgent: r ? se : void 0,
+      variablesData: J,
+      validation: K,
+      applicationType: Q,
+      availableChannels: V,
+      onManageChannels: H,
+      onSmartAgentHandover: F,
+      charLimits: X,
+      disableStepNavigation: _,
+      onCreateSubAgent: r ? ce : void 0,
       onFetchSubAgent: M,
       onUpdateSubAgent: k,
       onImproveSubAgent: R,
       onImproveToolInstructions: x,
-      children: /* @__PURE__ */ h(de, { "data-test": H["data-test"] ?? "agent-builder", children: [
+      children: /* @__PURE__ */ m(fe, { "data-test": N["data-test"] ?? "agent-builder", children: [
         /* @__PURE__ */ o(
-          pe,
+          Ce,
           {
             name: l.name,
             status: l.status,
-            onBack: f ? te : void 0,
+            onBack: g ? ie : void 0,
             onSaveDraft: G,
             isSaving: b || B
           }
         ),
-        /* @__PURE__ */ h(ue, { children: [
-          /* @__PURE__ */ o(fe, { children: /* @__PURE__ */ o(Ce, {}) }),
-          /* @__PURE__ */ o(ge, { children: Q ? /* @__PURE__ */ o(
+        /* @__PURE__ */ m(he, { children: [
+          /* @__PURE__ */ o(me, { children: /* @__PURE__ */ o(De, {}) }),
+          /* @__PURE__ */ o(ve, { children: Y ? /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -171,16 +177,16 @@ const Ie = () => {
                 justifyContent: "center",
                 height: "100%"
               },
-              children: /* @__PURE__ */ o(Ge, { size: "large", color: ce.stroke.brand })
+              children: /* @__PURE__ */ o(Me, { size: "large", color: ge.stroke.brand })
             }
-          ) : /* @__PURE__ */ h(me, { children: [
-            /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o(Ie, {}) }),
+          ) : /* @__PURE__ */ m(pe, { children: [
+            /* @__PURE__ */ o(Se, { children: /* @__PURE__ */ o(ke, {}) }),
             /* @__PURE__ */ o(
-              ve,
+              be,
               {
-                footerHint: V,
-                onTestAgent: g ? ie : void 0,
-                isTesting: Y,
+                footerHint: Z,
+                onTestAgent: f ? le : void 0,
+                isTesting: ee,
                 onGoLive: () => {
                   n("onGoLive"), a("confirm");
                 },
@@ -190,39 +196,39 @@ const Ie = () => {
           ] }) })
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Le,
           {
             mode: L,
             onClose: () => {
               const e = L === "success";
               a(null), e && I();
             },
-            onConfirm: re,
+            onConfirm: de,
             onSaveDraft: () => {
-              a(null), ne();
+              a(null), ae();
             },
-            onGoToDashboard: m ? I : void 0,
+            onGoToDashboard: h ? I : void 0,
             isPublishing: C || D
           }
         ),
         /* @__PURE__ */ o(
-          Se,
+          Ae,
           {
-            open: Z,
+            open: ne,
             onClose: () => c(!1),
-            onDiscard: ae,
+            onDiscard: re,
             onSaveDraft: G,
             disableSaveDraft: !l.name.trim(),
             isSaving: b || B
           }
         ),
-        /* @__PURE__ */ o(Ae, {})
+        /* @__PURE__ */ o(ye, {})
       ] })
     }
   );
 };
-Pe.displayName = "AgentBuilder";
+Re.displayName = "AgentBuilder";
 export {
-  Pe as AgentBuilder
+  Re as AgentBuilder
 };
 //# sourceMappingURL=AgentBuilder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n\tStepScroll,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\tonImproveToolInstructions,\n\t\tonConnectIntegration,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tconfigToolTemplates,\n\t\tintegrationStatus,\n\t\tvariablesData,\n\t\tvalidation,\n\t\tapplicationType,\n\t\tcharLimits,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// True while onTestAgent's async work (e.g. save-as-draft before the test\n\t// modal opens) is in flight — loads + disables the Test agent button.\n\tconst [testingLocal, setTestingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\t// Closed up front for the same reason as go-live: the caller's saving dialog\n\t\t// would otherwise stack a second overlay on top of this one.\n\t\tsetShowLeaveConfirm(false);\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(async () => {\n\t\tlogAction('onTestAgent');\n\t\tconst result = onTestAgent?.();\n\t\t// A new agent saves as draft before the test modal opens — that's slow, so\n\t\t// disable + load the button until it settles (prevents double-triggering).\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetTestingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetTestingLocal(false);\n\t\t\t}\n\t\t}\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\t// Close before handing the screen to the caller's in-flight dialog: two\n\t\t\t// modals at once means two stacked overlays and this one's cross showing\n\t\t\t// through. The footer's Go live button keeps spinning via `isPublishing`,\n\t\t\t// so a caller with no dialog of its own still shows progress.\n\t\t\tsetModalMode(null);\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tconfigToolTemplates={configToolTemplates}\n\t\t\tintegrationStatus={integrationStatus}\n\t\t\tonConnectIntegration={onConnectIntegration}\n\t\t\tvariablesData={variablesData}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tcharLimits={charLimits}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t\tonImproveToolInstructions={onImproveToolInstructions}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepScroll>\n\t\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t\t</StepScroll>\n\t\t\t\t\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\t\t\t\t\tisTesting={testingLocal}\n\t\t\t\t\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tconst wasSuccess = modalMode === 'success';\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\tif (wasSuccess) {\n\t\t\t\t\t\t\thandleGoToDashboard();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tdisableSaveDraft={!value.name.trim()}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","onImproveToolInstructions","onConnectIntegration","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","configToolTemplates","integrationStatus","variablesData","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","testingLocal","setTestingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","StepScroll","AgentBuilderFooter","GoLiveModal","wasSuccess","DiscardModal","UndoToast"],"mappings":"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"}
+{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n\tStepScroll,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\tonImproveToolInstructions,\n\t\tonConnectIntegration,\n\t\tonManageChannels,\n\t\tonSmartAgentHandover,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tconfigToolTemplates,\n\t\tintegrationStatus,\n\t\tvariablesData,\n\t\tvalidation,\n\t\tapplicationType,\n\t\tavailableChannels,\n\t\tcharLimits,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// True while onTestAgent's async work (e.g. save-as-draft before the test\n\t// modal opens) is in flight — loads + disables the Test agent button.\n\tconst [testingLocal, setTestingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\t// Closed up front for the same reason as go-live: the caller's saving dialog\n\t\t// would otherwise stack a second overlay on top of this one.\n\t\tsetShowLeaveConfirm(false);\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(async () => {\n\t\tlogAction('onTestAgent');\n\t\tconst result = onTestAgent?.();\n\t\t// A new agent saves as draft before the test modal opens — that's slow, so\n\t\t// disable + load the button until it settles (prevents double-triggering).\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetTestingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetTestingLocal(false);\n\t\t\t}\n\t\t}\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\t// Close before handing the screen to the caller's in-flight dialog: two\n\t\t\t// modals at once means two stacked overlays and this one's cross showing\n\t\t\t// through. The footer's Go live button keeps spinning via `isPublishing`,\n\t\t\t// so a caller with no dialog of its own still shows progress.\n\t\t\tsetModalMode(null);\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tconfigToolTemplates={configToolTemplates}\n\t\t\tintegrationStatus={integrationStatus}\n\t\t\tonConnectIntegration={onConnectIntegration}\n\t\t\tvariablesData={variablesData}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tavailableChannels={availableChannels}\n\t\t\tonManageChannels={onManageChannels}\n\t\t\tonSmartAgentHandover={onSmartAgentHandover}\n\t\t\tcharLimits={charLimits}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t\tonImproveToolInstructions={onImproveToolInstructions}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepScroll>\n\t\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t\t</StepScroll>\n\t\t\t\t\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\t\t\t\t\tisTesting={testingLocal}\n\t\t\t\t\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tconst wasSuccess = modalMode === 'success';\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\tif (wasSuccess) {\n\t\t\t\t\t\t\thandleGoToDashboard();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tdisableSaveDraft={!value.name.trim()}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","onImproveToolInstructions","onConnectIntegration","onManageChannels","onSmartAgentHandover","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","configToolTemplates","integrationStatus","variablesData","validation","applicationType","availableChannels","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","testingLocal","setTestingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","StepScroll","AgentBuilderFooter","GoLiveModal","wasSuccess","DiscardModal","UndoToast"],"mappings":"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"}

package/dist/esm/components/agent-builder/AgentBuilder.model.d.ts

@@ -1,4 +1,5 @@
 import { AgentConfig, AgentHandoverConfig, AgentToolDoc, IntentOption, ModelOption, StepKey, StepValidation, SubAgentRef, Trigger } from '@bikdotai/bik-models/ai-agents';
+import { Channels } from '@bikdotai/bik-models/campaigns/models/Channel';
 import { ApplicationType } from '@bikdotai/bik-models/growth';
 import { VariableListInterfaceV3 } from '../variable-picker-v3/model';
 import { AgentCharLimits } from './constants/charLimits';
@@ -32,6 +33,12 @@ export type AgentValue = AgentConfig & {
      * meaningful for entry agents (sub-agents don't trigger).
      */
     authentication?: Authentication;
+    /**
+     * Channels (and the specific accounts within each) this agent is activated on
+     * — Step 1's "Channels to activate it on" section. Empty / omitted means the
+     * agent runs on nothing yet.
+     */
+    channels?: AgentChannelSelection[];
 };
 /** Per-agent customer verification config (see {@link AgentValue.authentication}). */
 export interface Authentication {
@@ -40,6 +47,53 @@ export interface Authentication {
     /** ONE method per agent; default "email_otp". */
     type: 'email_otp' | 'phone_otp';
 }
+/**
+ * Which surface an account belongs to.
+ *
+ * These are the shared `Channels` members from bik-models — NOT a re-spelled
+ * copy — narrowed to the three the builder actually supports. TypeScript treats
+ * each enum member as its own type, so this stays in lockstep with the platform
+ * enum while making `Channels.SMS` (and friends) a compile error here.
+ *
+ * Supporting another channel is two edits: add its member below, then add its
+ * entry to `CHANNEL_PRESENTATION` — which is typed
+ * `Record<AgentChannelType, …>`, so the compiler will insist on it.
+ */
+export type AgentChannelType = Channels.WHATSAPP | Channels.EMAIL | Channels.INSTAGRAM;
+/** Whether the store's connection to an account is currently healthy. */
+export type AgentChannelStatus = 'connected' | 'disconnected';
+/**
+ * One connected account within a channel. The two ids are deliberately
+ * separate: `channelName` is the merchant-facing handle (a WhatsApp number, an
+ * inbox address, an Instagram username) and is ALL that's ever rendered, while
+ * `channelId` is the backend's opaque id and is ALL that's ever persisted.
+ * Never show `channelId`; never persist `channelName`.
+ */
+export interface AgentChannelAccount {
+    /** Backend id. Persisted in {@link AgentChannelSelection.channelIds}. */
+    channelId: string;
+    /** Merchant-facing handle shown on the chip / row. */
+    channelName: string;
+    /**
+     * Connection health. `'disconnected'` flags the account (negative chip +
+     * a row-level alert) so the merchant can go reconnect it. Defaults to
+     * `'connected'` when omitted.
+     */
+    status?: AgentChannelStatus;
+}
+/** A channel the store has, plus every account connected under it. */
+export interface AgentChannel {
+    type: AgentChannelType;
+    /** Overrides the built-in label for `type`. Required for unknown types. */
+    label?: string;
+    accounts: AgentChannelAccount[];
+}
+/** The agent's activation on one channel (see {@link AgentValue.channels}). */
+export interface AgentChannelSelection {
+    type: AgentChannelType;
+    /** Backend {@link AgentChannelAccount.channelId}s — never display names. */
+    channelIds: string[];
+}
 /**
  * The picker reads `AgentToolDoc`'s fields. `auth_required` is a backend-derived
  * (read-only) flag — true when the tool touches customer-private data (order
@@ -202,6 +256,7 @@ export interface SubAgentDraft {
     /** "Rest API" tools configured for this sub-agent (bespoke drawer). */
     restApiTools?: RestApiToolConfig[];
 }
+export { Channels } from '@bikdotai/bik-models/campaigns/models/Channel';
 export type { AgentConfig, AgentToolDoc, AgentStatus, StepKey, StepValidation, TriggerMode, Trigger, HandoverMethod, AgentHandoverConfig, SubAgentRef, IntentOption, ModelOption, } from '@bikdotai/bik-models/ai-agents';
 /**
  * All non-function (data / reference / flag) props, grouped into one object.
@@ -242,6 +297,13 @@ export interface AgentBuilderConfig {
     variablesData?: VariableListInterfaceV3[];
     /** Host application context the merchant runs in (e.g. ApplicationType.MANIFEST). */
     applicationType?: ApplicationType;
+    /**
+     * The store's connected channels + accounts, for Step 1's "Channels to
+     * activate it on" section. Omit (or pass empty) to hide the section entirely.
+     * The library owns the label / glyph / tint for the known channel types and
+     * renders unknown ones from `label`.
+     */
+    availableChannels?: AgentChannel[];
     /** Optional consumer-supplied validity; merged over the builder's derived validity. */
     validation?: Partial<StepValidation>;
     /**
@@ -331,6 +393,20 @@ export interface AgentBuilderProps {
      * `integrationStatus` so the source unblocks.
      */
     onConnectIntegration?: (source: ToolSource) => void;
+    /**
+     * Open the consumer's channel-management screen — the "Channel management"
+     * link in the account picker's footer. Always called with the channel the
+     * merchant opened the picker for, so the consumer can deep-link straight to
+     * it. Omit to hide the link.
+     */
+    onManageChannels?: (type: AgentChannelType) => void;
+    /**
+     * Open the consumer's smart-agent-handover settings — the link inside Step 4's
+     * "Use default settings" card, which is where those defaults are actually
+     * defined. BIK only (see {@link AgentBuilderConfig.applicationType}); omit to
+     * render the card's subtitle as plain text with no link.
+     */
+    onSmartAgentHandover?: () => void;
     /** Test id applied to the builder root for e2e/component tests. */
     'data-test'?: string;
 }

package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export declare const BuilderRoot: import('styled-components').StyledComponent<"div", any, {
     className: "bik-builder-root";
 }, "className">;
@@ -169,3 +170,70 @@ export declare const ModalActions: import('styled-components').StyledComponent<"
 export declare const FieldActionRow: import('styled-components').StyledComponent<"div", any, {
     className: "bik-field-action-row";
 }, "className">;
+export declare const ChannelsSectionRoot: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channels-section";
+}, "className">;
+/** "Channel management" / "Smart agent handover" — a text link, not a Button. */
+export declare const ChannelsLink: import('styled-components').StyledComponent<"button", any, {
+    className: "bik-channels-link";
+}, "className">;
+/** One channel's card. */
+export declare const ChannelCard: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-card";
+}, "className">;
+export declare const ChannelRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-row";
+}, "className">;
+export declare const ChannelRowMain: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-row-main";
+}, "className">;
+/** Label + glyph. Fixed-width so every card's chips start on the same column. */
+export declare const ChannelIdentity: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-identity";
+}, "className">;
+/** Tinted 24×24 square holding the 16px brand glyph. */
+export declare const ChannelGlyph: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-glyph";
+} & {
+    tint: string;
+}, "className">;
+/** The account chips. Wraps rather than overflowing when a store has many. */
+export declare const ChannelChips: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-chips";
+}, "className">;
+/**
+ * Hover target for a chip's tooltip.
+ *
+ * Tippy attaches a ref to its child to use as the trigger, but `Tag` is a plain
+ * function component with no `forwardRef` — so wrapping a Tag directly gives
+ * Tippy no DOM node and the tooltip silently never opens. This span is the node
+ * it can hold on to. (`IconButton` wraps its disabled tooltip the same way.)
+ */
+export declare const ChipTooltipTarget: import('styled-components').StyledComponent<"span", any, {
+    className: "bik-chip-tooltip-target";
+}, "className">;
+/** Scrollable account list inside the picker modal. */
+export declare const ChannelPickerList: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-list";
+}, "className">;
+export declare const ChannelPickerRow: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-row";
+}, "className">;
+/**
+ * Glyph + account name inside a picker row. Figma wraps these in their own
+ * `px-4` group, so the checkbox sits 12px from the glyph but the glyph sits 8px
+ * from the label.
+ */
+export declare const ChannelPickerAccount: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-account";
+}, "className">;
+export declare const ChannelPickerBody: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-channel-picker-body";
+}, "className">;
+/**
+ * Figma reserves a 24×24 slot for a checkbox (an 18px box inset by 3px), but the
+ * library's CheckBox renders the bare 18px box. Without this the checkbox column
+ * — and everything after it — sits 3px tight against the design. Passed as
+ * CheckBox's `style`, which lands on its container.
+ */
+export declare const CHECKBOX_SLOT: React.CSSProperties;