@bikdotai/bik-component-library 0.0.829 → 0.0.830-beta.1

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

@@ -1,39 +1,39 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { useState as l, useCallback as t } from "react";
-import { COLORS as oe } from "../../constants/Theme.js";
-import { BuilderRoot as te, Main as ae, Rail as re, Content as ie, ContentCard as se, StepScroll as le } from "./AgentBuilder.styled.js";
-import { AgentBuilderFooter as de } from "./components/AgentBuilderFooter.js";
-import { AgentBuilderTopBar as ce } from "./components/AgentBuilderTopBar.js";
-import { DiscardModal as ue } from "./components/DiscardModal.js";
-import { GoLiveModal as ge } from "./components/GoLiveModal.js";
-import { StepRail as fe } from "./components/StepRail.js";
-import { UndoToast as he } from "./components/UndoToast.js";
-import { AgentBuilderProvider as me, useAgentBuilderContext as ve } from "./context/AgentBuilderContext.js";
-import { Step1About as pe } from "./steps/Step1About.js";
-import { Step2WhenItStepsIn as Se } from "./steps/Step2WhenItStepsIn.js";
-import { Step3HowItResponds as be } from "./steps/Step3HowItResponds.js";
-import { Step4HandoverRules as Ce } from "./steps/Step4HandoverRules.js";
-import { Spinner as Ae } from "../spinner/Spinner.js";
-const Le = () => {
-  const { activeStep: d } = ve();
+import { COLORS as ae } from "../../constants/Theme.js";
+import { BuilderRoot as re, Main as ie, Rail as se, Content as le, ContentCard as de, StepScroll as ce } from "./AgentBuilder.styled.js";
+import { AgentBuilderFooter as ue } from "./components/AgentBuilderFooter.js";
+import { AgentBuilderTopBar as ge } from "./components/AgentBuilderTopBar.js";
+import { DiscardModal as fe } from "./components/DiscardModal.js";
+import { GoLiveModal as he } from "./components/GoLiveModal.js";
+import { StepRail as me } from "./components/StepRail.js";
+import { UndoToast as pe } from "./components/UndoToast.js";
+import { AgentBuilderProvider as ve, useAgentBuilderContext as Se } from "./context/AgentBuilderContext.js";
+import { Step1About as be } from "./steps/Step1About.js";
+import { Step2WhenItStepsIn as Ce } from "./steps/Step2WhenItStepsIn.js";
+import { Step3HowItResponds as Ae } from "./steps/Step3HowItResponds.js";
+import { Step4HandoverRules as Le } from "./steps/Step4HandoverRules.js";
+import { Spinner as De } from "../spinner/Spinner.js";
+const Te = () => {
+  const { activeStep: d } = Se();
   switch (d) {
     case "about":
-      return /* @__PURE__ */ o(pe, {});
+      return /* @__PURE__ */ o(be, {});
     case "trigger":
-      return /* @__PURE__ */ o(Se, {});
+      return /* @__PURE__ */ o(Ce, {});
     case "response":
-      return /* @__PURE__ */ o(be, {});
+      return /* @__PURE__ */ o(Ae, {});
     case "handover":
-      return /* @__PURE__ */ o(Ce, {});
+      return /* @__PURE__ */ o(Le, {});
     default:
       return null;
   }
-}, De = (d) => {
+}, ye = (d) => {
   const {
     config: G,
-    onChange: v,
+    onChange: p,
     onStepChange: c,
-    onDiscard: p,
+    onDiscard: v,
     onSaveDraft: r,
     onPublish: S,
     onBack: u,
@@ -41,66 +41,68 @@ const Le = () => {
     onGoToDashboard: f,
     onCreateSubAgent: i,
     onFetchSubAgent: P,
-    onUpdateSubAgent: w,
-    onImproveSubAgent: M,
+    onUpdateSubAgent: I,
+    onImproveSubAgent: w,
+    onImproveToolInstructions: M,
     ...k
   } = d, {
     value: h,
-    activeStep: I,
-    availableTools: R,
-    availableSubAgents: x,
-    availableIntents: j = [],
-    availableModels: H = [],
-    validation: F,
-    applicationType: N,
-    charLimits: O,
+    activeStep: R,
+    availableTools: x,
+    availableSubAgents: j,
+    availableIntents: H = [],
+    availableModels: F = [],
+    configToolTemplates: N,
+    validation: O,
+    applicationType: U,
+    charLimits: z,
     isSaving: b,
     isPublishing: C,
-    isLoading: U,
-    footerHint: z = "Changes don’t affect customers until you go live",
-    disableStepNavigation: E,
+    isLoading: E,
+    footerHint: W = "Changes don’t affect customers until you go live",
+    disableStepNavigation: $,
     debugLog: A
-  } = G, [W, a] = l(null), [L, D] = l(!1), [$, s] = l(!1), [y, B] = l(!1), e = t(
-    (n, ...ne) => {
-      A && console.log(`[AgentBuilder] ${n}`, ...ne);
+  } = G, [q, a] = l(null), [L, D] = l(!1), [J, s] = l(!1), [T, y] = l(!1), e = t(
+    (n, ...te) => {
+      A && console.log(`[AgentBuilder] ${n}`, ...te);
     },
     [A]
-  ), q = t(
+  ), K = t(
     (n) => {
-      e("onChange", n), v(n);
+      e("onChange", n), p(n);
     },
-    [e, v]
-  ), J = t(
+    [e, p]
+  ), Q = t(
     (n) => {
       e("onStepChange", n), c?.(n);
     },
     [e, c]
-  ), K = t(() => (e("onSaveDraft"), r()), [e, r]), Q = t(() => (e("onPublish"), S()), [e, S]), V = t(() => {
+  ), V = t(() => (e("onSaveDraft"), r()), [e, r]), X = t(() => (e("onPublish"), S()), [e, S]), Y = t(() => {
     e("onBack"), s(!0);
-  }, [e]), X = t(() => {
-    e("onDiscardAndLeave"), s(!1), p();
-  }, [e, p]), T = t(async () => {
+  }, [e]), Z = t(() => {
+    e("onDiscardAndLeave"), s(!1), v();
+  }, [e, v]), B = t(async () => {
     e("onSaveDraftAndLeave");
     const n = r();
     if (n && typeof n.then == "function") {
-      B(!0);
+      y(!0);
       try {
         await n;
       } finally {
-        B(!1);
+        y(!1);
       }
     }
     s(!1), u?.();
-  }, [e, r, u]), Y = t(() => {
+  }, [e, r, u]), _ = t(() => {
     e("onTestAgent"), g?.();
-  }, [e, g]), Z = t(() => {
+  }, [e, g]), ee = t(() => {
     e("onGoToDashboard"), f?.();
-  }, [e, f]), _ = t(
+  }, [e, f]), ne = t(
     (n) => (e("onCreateSubAgent", n), i ? i(n) : Promise.reject(new Error("onCreateSubAgent not provided"))),
     [e, i]
-  ), ee = async () => {
+  ), oe = async () => {
     e("onGoLiveConfirm");
-    const n = Q();
+    const n = X();
     if (n && typeof n.then == "function") {
       D(!0);
       try {
@@ -112,38 +114,40 @@ const Le = () => {
       a("success");
   };
   return /* @__PURE__ */ o(
-    me,
+    ve,
     {
       value: h,
-      onChange: q,
-      activeStep: I,
-      onStepChange: c ? J : void 0,
-      availableTools: R,
-      availableSubAgents: x,
-      availableIntents: j,
-      availableModels: H,
-      validation: F,
-      applicationType: N,
-      charLimits: O,
-      disableStepNavigation: E,
-      onCreateSubAgent: i ? _ : void 0,
+      onChange: K,
+      activeStep: R,
+      onStepChange: c ? Q : void 0,
+      availableTools: x,
+      availableSubAgents: j,
+      availableIntents: H,
+      availableModels: F,
+      configToolTemplates: N,
+      validation: O,
+      applicationType: U,
+      charLimits: z,
+      disableStepNavigation: $,
+      onCreateSubAgent: i ? ne : void 0,
       onFetchSubAgent: P,
-      onUpdateSubAgent: w,
-      onImproveSubAgent: M,
-      children: /* @__PURE__ */ m(te, { "data-test": k["data-test"] ?? "agent-builder", children: [
+      onUpdateSubAgent: I,
+      onImproveSubAgent: w,
+      onImproveToolInstructions: M,
+      children: /* @__PURE__ */ m(re, { "data-test": k["data-test"] ?? "agent-builder", children: [
         /* @__PURE__ */ o(
-          ce,
+          ge,
           {
             name: h.name,
             status: h.status,
-            onBack: u ? V : void 0,
-            onSaveDraft: T,
-            isSaving: b || y
+            onBack: u ? Y : void 0,
+            onSaveDraft: B,
+            isSaving: b || T
           }
         ),
-        /* @__PURE__ */ m(ae, { children: [
-          /* @__PURE__ */ o(re, { children: /* @__PURE__ */ o(fe, {}) }),
-          /* @__PURE__ */ o(ie, { children: U ? /* @__PURE__ */ o(
+        /* @__PURE__ */ m(ie, { children: [
+          /* @__PURE__ */ o(se, { children: /* @__PURE__ */ o(me, {}) }),
+          /* @__PURE__ */ o(le, { children: E ? /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -152,15 +156,15 @@ const Le = () => {
                 justifyContent: "center",
                 height: "100%"
               },
-              children: /* @__PURE__ */ o(Ae, { size: "large", color: oe.stroke.brand })
+              children: /* @__PURE__ */ o(De, { size: "large", color: ae.stroke.brand })
             }
-          ) : /* @__PURE__ */ m(se, { children: [
-            /* @__PURE__ */ o(le, { children: /* @__PURE__ */ o(Le, {}) }),
+          ) : /* @__PURE__ */ m(de, { children: [
+            /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ o(Te, {}) }),
             /* @__PURE__ */ o(
-              de,
+              ue,
               {
-                footerHint: z,
-                onTestAgent: g ? Y : void 0,
+                footerHint: W,
+                onTestAgent: g ? _ : void 0,
                 onGoLive: () => {
                   e("onGoLive"), a("confirm");
                 },
@@ -170,35 +174,35 @@ const Le = () => {
           ] }) })
         ] }),
         /* @__PURE__ */ o(
-          ge,
+          he,
           {
-            mode: W,
+            mode: q,
             onClose: () => a(null),
-            onConfirm: ee,
+            onConfirm: oe,
             onSaveDraft: () => {
-              a(null), K();
+              a(null), V();
             },
-            onGoToDashboard: f ? Z : void 0,
+            onGoToDashboard: f ? ee : void 0,
             isPublishing: C || L
           }
         ),
         /* @__PURE__ */ o(
-          ue,
+          fe,
           {
-            open: $,
+            open: J,
             onClose: () => s(!1),
-            onDiscard: X,
-            onSaveDraft: T,
-            isSaving: b || y
+            onDiscard: Z,
+            onSaveDraft: B,
+            isSaving: b || T
           }
         ),
-        /* @__PURE__ */ o(he, {})
+        /* @__PURE__ */ o(pe, {})
       ] })
     }
   );
 };
-De.displayName = "AgentBuilder";
+ye.displayName = "AgentBuilder";
 export {
-  De as AgentBuilder
+  ye 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\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\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// 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\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\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\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\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\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>\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\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={() => setModalMode(null)}\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\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","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","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","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\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\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// 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\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\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\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\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\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\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={() => setModalMode(null)}\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\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","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","configToolTemplates","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","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","DiscardModal","UndoToast"],"mappings":"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"}

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

@@ -12,9 +12,131 @@ import { AgentCharLimits } from './constants/charLimits';
 export type AgentValue = AgentConfig & {
     trigger: Trigger;
     handover: AgentHandoverConfig;
+    /**
+     * "Rest API" tools configured inline via the Step-3 tools drawer. These are a
+     * UI-only refinement (the bik-models tool schema carries no parameters), so
+     * they live on the builder's working value rather than in `tools`.
+     */
+    restApiTools?: RestApiToolConfig[];
+    /**
+     * Shared-drawer configurable tools (email / Slack) configured inline via the
+     * Step-3 tools drawer. All render through the one dynamic `ConfigToolPanel`.
+     */
+    configTools?: ConfigToolConfig[];
 };
 export type AgentTool = AgentToolDoc;
 export type AgentTriggerValue = Trigger;
+/** HTTP verb for a {@link RestApiToolConfig}. */
+export type RestApiMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+/** A single request header (key / value) for a {@link RestApiToolConfig}. */
+export interface RestApiHeader {
+    key: string;
+    value: string;
+}
+/**
+ * A "Rest API" tool the agent can call. The AI fills any `{{ }}` placeholders in
+ * the URL / request body at run time; the sample response is used to infer the
+ * shape the agent should expect back.
+ */
+export interface RestApiToolConfig {
+    /** Stable id (generated by the builder). */
+    id: string;
+    /** Display name shown in the tools list. */
+    name: string;
+    /** Natural-language guidance for how the LLM should call this endpoint. */
+    instructions: string;
+    /** Endpoint URL; may contain `{{ }}` placeholders the AI fills. */
+    url: string;
+    method: RestApiMethod;
+    headers: RestApiHeader[];
+    /** Raw JSON request-body template (may contain `{{ }}` placeholders). */
+    requestBody: string;
+    /** Raw JSON sample response, for schema inference. */
+    responseSample: string;
+}
+/** One form field of a configurable tool, as described by the backend. */
+export interface ParamField {
+    /** FE label. */
+    title: string;
+    /** Same as the map key. */
+    key: string;
+    /**
+     * OPTIONAL — the backend infers it from `component` when omitted
+     * (KeyValueInput/JsonInput → object, Switch → boolean, else string).
+     */
+    type?: 'string' | 'boolean' | 'number' | 'object';
+    /**
+     * FE widget: "KeywordInput" | "MultilineInput" | "Select" | "Switch"
+     * | "KeyValueInput" | "JsonInput" | ...
+     */
+    component: string;
+    hint?: string;
+    /** Must be filled before save; default false. */
+    required?: boolean;
+    /** Configured value (a literal, a prompt, a switch state, or a key/value object). */
+    value: string | boolean | number | object;
+}
+/** A configurable tool's form: field descriptors keyed by field, in order. */
+export type ParamsBlob = Record<string, ParamField>;
+/** How an agent references a tool (`agent.tools` entries). */
+export interface ToolRef {
+    /** Catalog `tool_key` (native) or created custom `tool_id`. */
+    tool_id: string;
+    type: 'native' | 'custom';
+}
+/** A shared catalog entry from `GET /ai-agent/list-catalog`. */
+export interface CatalogTool {
+    tool_key: string;
+    display_name: string;
+    description: string;
+    enabled: boolean;
+    /** false = native (attach as-is); true = template to instantiate. */
+    configurable: boolean;
+    /** Blank template form; present only when configurable. */
+    params?: ParamsBlob;
+}
+/** A per-store configured tool instance (`list-agent-tools` / `create-tool`). */
+export interface CustomTool {
+    /** Server-generated. */
+    tool_id: string;
+    /** Which template it was created from: "send_email" | "rest_api" | "send_slack_message". */
+    tool_key: string;
+    display_name: string;
+    description: string;
+    enabled: boolean;
+    /** The template's params with values filled in. */
+    params: ParamsBlob;
+    store_id: string;
+    /** The entry-agent tree root that owns it (FE-minted id). */
+    main_agent_id: string;
+    /** Set only when created while editing a sub-agent. */
+    sub_agent_id: string | null;
+    created_at?: number;
+    updated_at?: number;
+}
+/**
+ * Configurable tools rendered by the shared dynamic drawer (`ConfigToolPanel`).
+ * These share ONE form contract — a backend `params` template with values
+ * filled in — and differ only by `tool_key` (which picks the header/labels and
+ * how the consumer persists it). Rest API is deliberately NOT here: it keeps its
+ * own bespoke drawer.
+ */
+export type ConfigToolKey = 'send_email' | 'send_slack_message';
+/**
+ * A configured instance of a shared-drawer tool (email / Slack). The form is
+ * DYNAMIC — its fields are the backend template (`CatalogTool.params`) for
+ * `tool_key`, with values filled in; the builder never hardcodes them. `id` is
+ * builder-minted for a new tool and replaced by the server `tool_id` once the
+ * consumer persists it via create-tool.
+ */
+export interface ConfigToolConfig {
+    /** Builder-minted id, or the server `tool_id` once persisted. */
+    id: string;
+    /** Which template drives the form + how the consumer persists it. */
+    tool_key: ConfigToolKey;
+    /** The template for `tool_key` with values filled in. */
+    params: ParamsBlob;
+}
 /**
  * The data captured by the "Create sub-agent" drawer. The consumer persists it
  * (as an `is_entry: false` agent) and returns the created {@link SubAgentRef}.
@@ -23,8 +145,16 @@ export interface SubAgentDraft {
     name: string;
     instructions: string;
     guardrail: string;
-    /** Tool ids the sub-agent can use. */
+    /** Native tool ids (catalog `tool_key`s) the sub-agent can use. */
     tools: string[];
+    /**
+     * Shared-drawer configurable tools (email / Slack) owned by this sub-agent.
+     * The consumer persists each with `sub_agent_id = <this sub-agent>` (they flow
+     * up to the parent). Same shape/drawer as the main agent's {@link configTools}.
+     */
+    configTools?: ConfigToolConfig[];
+    /** "Rest API" tools configured for this sub-agent (bespoke drawer). */
+    restApiTools?: RestApiToolConfig[];
 }
 export type { AgentConfig, AgentToolDoc, AgentStatus, StepKey, StepValidation, TriggerMode, Trigger, HandoverMethod, AgentHandoverConfig, SubAgentRef, IntentOption, ModelOption, } from '@bikdotai/bik-models/ai-agents';
 /**
@@ -41,6 +171,13 @@ export interface AgentBuilderConfig {
     availableSubAgents: SubAgentRef[];
     availableIntents?: IntentOption[];
     availableModels?: ModelOption[];
+    /**
+     * Backend templates (`list-catalog` → params) for the shared-drawer tools,
+     * keyed by `tool_key`. Each present key drives its DYNAMIC form and enables
+     * its Step-3 tool action; an absent key hides that action. The form's fields
+     * only ever come from the backend.
+     */
+    configToolTemplates?: Partial<Record<ConfigToolKey, ParamsBlob>>;
     /** Host application context the merchant runs in (e.g. ApplicationType.MANIFEST). */
     applicationType?: ApplicationType;
     /** Optional consumer-supplied validity; merged over the builder's derived validity. */
@@ -114,6 +251,12 @@ export interface AgentBuilderProps {
      * guardrails. Resolves with the rewritten text. Omit to hide the buttons.
      */
     onImproveSubAgent?: (kind: 'instructions' | 'guardrail', text: string) => Promise<string>;
+    /**
+     * Optional "Improve with AI" for the instructions field of the Rest API and
+     * Handover-to-email tool drawers. Resolves with the rewritten text. Omit to
+     * hide the button in both drawers.
+     */
+    onImproveToolInstructions?: (text: string) => Promise<string>;
     /** Test id applied to the builder root for e2e/component tests. */
     'data-test'?: string;
 }

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

@@ -142,27 +142,6 @@ export declare const ModalIcon: import('styled-components').StyledComponent<"div
 export declare const ModalActions: import('styled-components').StyledComponent<"div", any, {
     className: "bik-modal-actions";
 }, "className">;
-export declare const SubAgentScrim: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-scrim";
-}, "className">;
-export declare const SubAgentPanel: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-panel";
-}, "className">;
-export declare const SubAgentPanelHeader: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-panel-header";
-}, "className">;
-export declare const SubAgentPanelHeaderText: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-panel-header-text";
-}, "className">;
-export declare const SubAgentPanelBody: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-panel-body";
-}, "className">;
-export declare const SubAgentPanelFooter: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-subagent-panel-footer";
-}, "className">;
-export declare const SubAgentCloseButton: import('styled-components').StyledComponent<"button", any, {
-    className: "bik-subagent-close";
-}, "className">;
 /** Inline action row inside a rich field (e.g. "Improve with AI"). */
 export declare const FieldActionRow: import('styled-components').StyledComponent<"div", any, {
     className: "bik-field-action-row";