@bikdotai/bik-component-library 0.0.821-beta.9 → 0.0.821

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

@@ -0,0 +1,192 @@
+import { jsx as o, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import U from "../../../assets/icons/delete.svg.js";
+import W from "../../../assets/icons/edit.svg.js";
+import A from "../../../assets/icons/plus.svg.js";
+import v, { useState as C } from "react";
+import { TitleSmall as K, BodyCaption as R, BodySecondary as _ } from "../../TypographyStyle.js";
+import { COLORS as l } from "../../../constants/Theme.js";
+import { SideSection as M, SideSectionHeader as V, AddIconButton as q, SourceButtonRow as J, SourceButton as Q, SelectableRow as X, RowText as Y, RowActions as Z, RowMenuButton as B, RowActionDivider as G } from "../AgentBuilder.styled.js";
+import { SOURCE_ICONS as x } from "../utils/sourceIcons.js";
+import { Dropdown as E } from "../../dropdown/Dropdown.js";
+import { Button as T } from "../../button/Button.js";
+const k = "__bik_create_new__", ae = ({
+  title: S,
+  helper: y,
+  items: r,
+  addableOptions: a,
+  onAdd: $,
+  onRemove: I,
+  dataTestPrefix: t,
+  emptyText: L,
+  createOption: n,
+  onConfigure: w,
+  sourceGroups: h
+}) => {
+  const [f, s] = C(!1), [z, m] = C(null), u = !!h && h.length > 0, b = h?.find((e) => e.source === z), D = u ? r.length > 0 : a.length > 0 || !!n && r.length > 0, H = r.length === 0 && !!n && !u, j = u && r.length === 0, F = () => {
+    if (u) {
+      m(null), s((e) => !e);
+      return;
+    }
+    if (a.length === 0 && n) {
+      n.onSelect();
+      return;
+    }
+    s((e) => !e);
+  }, N = () => r.map((e) => /* @__PURE__ */ c(
+    X,
+    {
+      "data-test": `${t}-row-${e.id}`,
+      children: [
+        e.icon && v.createElement(e.icon.Icon, {
+          width: e.icon.w,
+          height: e.icon.h
+        }),
+        /* @__PURE__ */ o(Y, { children: /* @__PURE__ */ o(_, { numberOfLines: 1, color: l.content.primary, children: e.label }) }),
+        /* @__PURE__ */ c(Z, { children: [
+          w && // Configurable rows (sub-agents) get an always-visible edit icon.
+          /* @__PURE__ */ o(
+            B,
+            {
+              "data-test": `${t}-edit-${e.id}`,
+              "aria-label": `Edit ${e.label}`,
+              onClick: () => w(e.id),
+              children: /* @__PURE__ */ o(
+                W,
+                {
+                  width: 16,
+                  height: 16,
+                  color: l.content.secondary
+                }
+              )
+            }
+          ),
+          w && /* @__PURE__ */ o(G, { "aria-hidden": !0 }),
+          /* @__PURE__ */ o(
+            B,
+            {
+              "data-test": `${t}-delete-${e.id}`,
+              "aria-label": `Delete ${e.label}`,
+              onClick: () => I(e.id),
+              children: /* @__PURE__ */ o(
+                U,
+                {
+                  width: 16,
+                  height: 16,
+                  color: l.content.secondary
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    },
+    e.id
+  )), p = n ? [
+    ...a,
+    {
+      label: n.label,
+      value: k,
+      searchKey: n.label,
+      customComponent: /* @__PURE__ */ o(
+        "div",
+        {
+          style: {
+            width: "100%",
+            textAlign: "center",
+            color: l.content.brand,
+            fontFamily: "Inter",
+            fontSize: 14,
+            fontWeight: 600
+          },
+          children: n.label
+        }
+      )
+    }
+  ] : a;
+  return /* @__PURE__ */ c(M, { children: [
+    /* @__PURE__ */ c(V, { children: [
+      /* @__PURE__ */ o(K, { color: l.content.primary, children: S }),
+      D && /* @__PURE__ */ o(
+        q,
+        {
+          "data-test": `${t}-add`,
+          onClick: F,
+          "aria-label": `Add ${S}`,
+          children: /* @__PURE__ */ o(A, { width: 20, height: 20, color: l.content.brand })
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ o(R, { color: l.content.secondary, children: y }),
+    j ? /* @__PURE__ */ c(g, { children: [
+      /* @__PURE__ */ o(J, { "data-test": `${t}-sources`, children: h?.map((e) => {
+        const d = x[e.source];
+        return /* @__PURE__ */ c(
+          Q,
+          {
+            type: "button",
+            "data-test": `${t}-source-${e.source}`,
+            onClick: () => m(e.source),
+            children: [
+              d && v.createElement(d.Icon, {
+                width: d.w - 4,
+                height: d.h - 4
+              }),
+              /* @__PURE__ */ o(_, { color: l.content.primary, children: e.label })
+            ]
+          },
+          e.source
+        );
+      }) }),
+      b && /* @__PURE__ */ o(
+        E,
+        {
+          "data-test": `${t}-dropdown`,
+          size: "small",
+          width: "100%",
+          isSearchable: !0,
+          placeHolder: `Search ${b.label} tools`,
+          options: b.options,
+          onSelect: (e) => {
+            const i = (Array.isArray(e) ? e[0] : e)?.value;
+            m(null), s(!1), i && $(i);
+          }
+        }
+      )
+    ] }) : /* @__PURE__ */ c(g, { children: [
+      f && p.length > 0 && /* @__PURE__ */ o(
+        E,
+        {
+          "data-test": `${t}-dropdown`,
+          size: "small",
+          width: "100%",
+          isSearchable: !0,
+          placeHolder: `Select ${S.toLowerCase()}`,
+          options: p,
+          onSelect: (e) => {
+            const i = (Array.isArray(e) ? e[0] : e)?.value;
+            s(!1), i && (i === k ? n?.onSelect() : $(i));
+          }
+        }
+      ),
+      r.length === 0 && !f ? /* @__PURE__ */ c(g, { children: [
+        /* @__PURE__ */ o(R, { color: l.content.placeholder, children: L }),
+        H && n && /* @__PURE__ */ o(
+          T,
+          {
+            "data-test": `${t}-create`,
+            buttonType: "secondary",
+            size: "small",
+            matchParentWidth: !0,
+            LeadingIcon: A,
+            buttonText: n.label,
+            onClick: n.onSelect
+          }
+        )
+      ] }) : N()
+    ] })
+  ] });
+};
+export {
+  ae as SelectableListSection
+};
+//# sourceMappingURL=SelectableListSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableListSection.js","sources":["../../../../../src/components/agent-builder/components/SelectableListSection.tsx"],"sourcesContent":["import DeleteIcon from '@src/assets/icons/delete.svg';\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAddIconButton,\n\tRowActionDivider,\n\tRowActions,\n\tRowMenuButton,\n\tRowText,\n\tSelectableRow,\n\tSideSection,\n\tSideSectionHeader,\n\tSourceButton,\n\tSourceButtonRow,\n} from '../AgentBuilder.styled';\nimport { SOURCE_ICONS, SourceIcon } from '../utils/sourceIcons';\n\nexport interface SelectableItem {\n\tid: string;\n\tlabel: string;\n\t/** Leading brand glyph (e.g. a tool's source icon). */\n\ticon?: SourceIcon;\n}\n\n/** A tool source for the empty-state picker (Tools): a button → its searchable list. */\nexport interface SourceGroup {\n\tsource: string;\n\tlabel: string;\n\toptions: SingleOption[];\n}\n\n/** Sentinel value for the \"create new\" entry in the add dropdown. */\nconst CREATE_OPTION_VALUE = '__bik_create_new__';\n\ninterface SelectableListSectionProps {\n\ttitle: string;\n\thelper?: string;\n\titems: SelectableItem[];\n\t/**\n\t * Options shown in the add dropdown. Pass ALL items (not just unselected\n\t * ones) when re-picking an already-added item is allowed (e.g. to insert its\n\t * mention again) — the chip list still shows each item only once.\n\t */\n\taddableOptions: SingleOption[];\n\tonAdd: (id: string) => void;\n\tonRemove: (id: string) => void;\n\tdataTestPrefix: string;\n\temptyText: string;\n\t/**\n\t * Adds a \"create new\" entry at the top of the add dropdown (e.g. \"Create\n\t * sub-agent\"). Selecting it calls `onSelect` instead of `onAdd`.\n\t */\n\tcreateOption?: { label: string; onSelect: () => void };\n\t/**\n\t * When provided, each row shows an edit (Configure) icon next to Delete.\n\t * Omit for tools (Delete only).\n\t */\n\tonConfigure?: (id: string) => void;\n\t/**\n\t * Tool sources (e.g. Manifest / Shopify). When set, the empty state shows a\n\t * button per source; clicking one reveals a searchable dropdown of just that\n\t * source's options. Selecting calls `onAdd`. Takes precedence over the plain\n\t * `addableOptions` dropdown.\n\t */\n\tsourceGroups?: SourceGroup[];\n}\n\nexport const SelectableListSection: React.FC<SelectableListSectionProps> = ({\n\ttitle,\n\thelper,\n\titems,\n\taddableOptions,\n\tonAdd,\n\tonRemove,\n\tdataTestPrefix,\n\temptyText,\n\tcreateOption,\n\tonConfigure,\n\tsourceGroups,\n}) => {\n\tconst [adding, setAdding] = useState(false);\n\t// Tools: which source's searchable list is open (null = just show the buttons).\n\tconst [activeSource, setActiveSource] = useState<string | null>(null);\n\tconst hasSourceGroups = !!sourceGroups && sourceGroups.length > 0;\n\tconst activeGroup = sourceGroups?.find((g) => g.source === activeSource);\n\n\t// Header \"+\" picks an EXISTING item (and, once some exist, re-creates via the\n\t// dropdown's footer row). With an empty list + a createOption the body shows a\n\t// dedicated \"Create new\" button instead, so the header \"+\" would be redundant.\n\t// With sourceGroups the empty state IS the source buttons, so \"+\" only adds more.\n\tconst showAddButton = hasSourceGroups\n\t\t? items.length > 0\n\t\t: addableOptions.length > 0 || (!!createOption && items.length > 0);\n\t// Empty state offers a one-click \"Create new\" (sub-agents) rather than burying\n\t// it behind a single-item dropdown.\n\tconst showEmptyCreate =\n\t\titems.length === 0 && !!createOption && !hasSourceGroups;\n\t// Source buttons ONLY while no tool is added. Once one exists, adding more uses\n\t// the header \"+\" → all-tools dropdown (the buttons never come back).\n\tconst showSourceButtons = hasSourceGroups && items.length === 0;\n\t// Nothing existing to pick → skip the 1-item dropdown and create directly.\n\tconst handleAddClick = () => {\n\t\tif (hasSourceGroups) {\n\t\t\tsetActiveSource(null);\n\t\t\tsetAdding((v) => !v);\n\t\t\treturn;\n\t\t}\n\t\tif (addableOptions.length === 0 && createOption) {\n\t\t\tcreateOption.onSelect();\n\t\t\treturn;\n\t\t}\n\t\tsetAdding((v) => !v);\n\t};\n\n\tconst renderChipRows = () =>\n\t\titems.map((item) => (\n\t\t\t<SelectableRow\n\t\t\t\tkey={item.id}\n\t\t\t\tdata-test={`${dataTestPrefix}-row-${item.id}`}\n\t\t\t>\n\t\t\t\t{item.icon &&\n\t\t\t\t\tReact.createElement(item.icon.Icon, {\n\t\t\t\t\t\twidth: item.icon.w,\n\t\t\t\t\t\theight: item.icon.h,\n\t\t\t\t\t})}\n\t\t\t\t<RowText>\n\t\t\t\t\t<BodySecondary numberOfLines={1} color={COLORS.content.primary}>\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</RowText>\n\t\t\t\t<RowActions>\n\t\t\t\t\t{onConfigure && (\n\t\t\t\t\t\t// Configurable rows (sub-agents) get an always-visible edit icon.\n\t\t\t\t\t\t<RowMenuButton\n\t\t\t\t\t\t\tdata-test={`${dataTestPrefix}-edit-${item.id}`}\n\t\t\t\t\t\t\taria-label={`Edit ${item.label}`}\n\t\t\t\t\t\t\tonClick={() => onConfigure(item.id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EditIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RowMenuButton>\n\t\t\t\t\t)}\n\t\t\t\t\t{onConfigure && <RowActionDivider aria-hidden />}\n\t\t\t\t\t<RowMenuButton\n\t\t\t\t\t\tdata-test={`${dataTestPrefix}-delete-${item.id}`}\n\t\t\t\t\t\taria-label={`Delete ${item.label}`}\n\t\t\t\t\t\tonClick={() => onRemove(item.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</RowMenuButton>\n\t\t\t\t</RowActions>\n\t\t\t</SelectableRow>\n\t\t));\n\t// \"Create new\" is a brand-coloured footer row at the BOTTOM of the dropdown,\n\t// separated from the selectable items by a divider.\n\tconst dropdownOptions: SingleOption[] = createOption\n\t\t? [\n\t\t\t\t...addableOptions,\n\t\t\t\t{\n\t\t\t\t\tlabel: createOption.label,\n\t\t\t\t\tvalue: CREATE_OPTION_VALUE,\n\t\t\t\t\tsearchKey: createOption.label,\n\t\t\t\t\tcustomComponent: (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\tcolor: COLORS.content.brand,\n\t\t\t\t\t\t\t\tfontFamily: 'Inter',\n\t\t\t\t\t\t\t\tfontSize: 14,\n\t\t\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{createOption.label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t  ]\n\t\t: addableOptions;\n\n\treturn (\n\t\t<SideSection>\n\t\t\t<SideSectionHeader>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{title}</TitleSmall>\n\t\t\t\t{showAddButton && (\n\t\t\t\t\t<AddIconButton\n\t\t\t\t\t\tdata-test={`${dataTestPrefix}-add`}\n\t\t\t\t\t\tonClick={handleAddClick}\n\t\t\t\t\t\taria-label={`Add ${title}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PlusIcon width={20} height={20} color={COLORS.content.brand} />\n\t\t\t\t\t</AddIconButton>\n\t\t\t\t)}\n\t\t\t</SideSectionHeader>\n\n\t\t\t{helper && (\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>{helper}</BodyCaption>\n\t\t\t)}\n\n\t\t\t{showSourceButtons ? (\n\t\t\t\t<>\n\t\t\t\t\t{/* No tools yet: one button per source (never shown once a tool exists). */}\n\t\t\t\t\t<SourceButtonRow data-test={`${dataTestPrefix}-sources`}>\n\t\t\t\t\t\t{sourceGroups?.map((g) => {\n\t\t\t\t\t\t\tconst icon = SOURCE_ICONS[g.source];\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<SourceButton\n\t\t\t\t\t\t\t\t\tkey={g.source}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tdata-test={`${dataTestPrefix}-source-${g.source}`}\n\t\t\t\t\t\t\t\t\tonClick={() => setActiveSource(g.source)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{icon &&\n\t\t\t\t\t\t\t\t\t\tReact.createElement(icon.Icon, {\n\t\t\t\t\t\t\t\t\t\t\twidth: icon.w - 4,\n\t\t\t\t\t\t\t\t\t\t\theight: icon.h - 4,\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t\t{g.label}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</SourceButton>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</SourceButtonRow>\n\n\t\t\t\t\t{/* Chosen source → its searchable tool list. */}\n\t\t\t\t\t{activeGroup && (\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\tdata-test={`${dataTestPrefix}-dropdown`}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tplaceHolder={`Search ${activeGroup.label} tools`}\n\t\t\t\t\t\t\toptions={activeGroup.options}\n\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\tconst single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\t\t\tconst v = (single as SingleOption)?.value;\n\t\t\t\t\t\t\t\tsetActiveSource(null);\n\t\t\t\t\t\t\t\tsetAdding(false);\n\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\tonAdd(v);\n\t\t\t\t\t\t\t\t}\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</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{adding && dropdownOptions.length > 0 && (\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\tdata-test={`${dataTestPrefix}-dropdown`}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tplaceHolder={`Select ${title.toLowerCase()}`}\n\t\t\t\t\t\t\toptions={dropdownOptions}\n\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\tconst single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\t\t\tconst v = (single as SingleOption)?.value;\n\t\t\t\t\t\t\t\tsetAdding(false);\n\t\t\t\t\t\t\t\tif (!v) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (v === CREATE_OPTION_VALUE) {\n\t\t\t\t\t\t\t\t\tcreateOption?.onSelect();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonAdd(v);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{items.length === 0 && !adding ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t{emptyText}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{showEmptyCreate && createOption && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdata-test={`${dataTestPrefix}-create`}\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\tbuttonText={createOption.label}\n\t\t\t\t\t\t\t\t\tonClick={createOption.onSelect}\n\t\t\t\t\t\t\t\t/>\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\t\trenderChipRows()\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</SideSection>\n\t);\n};\n"],"names":["CREATE_OPTION_VALUE","SelectableListSection","title","helper","items","addableOptions","onAdd","onRemove","dataTestPrefix","emptyText","createOption","onConfigure","sourceGroups","adding","setAdding","useState","activeSource","setActiveSource","hasSourceGroups","activeGroup","g","showAddButton","showEmptyCreate","showSourceButtons","handleAddClick","v","renderChipRows","item","jsxs","SelectableRow","React","jsx","RowText","BodySecondary","COLORS","RowActions","RowMenuButton","EditIcon","RowActionDivider","DeleteIcon","dropdownOptions","SideSection","SideSectionHeader","TitleSmall","AddIconButton","PlusIcon","BodyCaption","Fragment","SourceButtonRow","icon","SOURCE_ICONS","SourceButton","Dropdown","opt","Button"],"mappings":"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"}

package/dist/esm/components/agent-builder/components/StepRail.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const StepRail: React.FC;

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

@@ -0,0 +1,35 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { TitleSmall as S, BodySecondary as p } from "../../TypographyStyle.js";
+import { COLORS as v } from "../../../constants/Theme.js";
+import { RailList as y, RailItem as x, StepBadge as f } from "../AgentBuilder.styled.js";
+import { STEP_DEFINITIONS as g } from "../constants/steps.js";
+import { useAgentBuilderContext as k } from "../context/AgentBuilderContext.js";
+const T = () => {
+  const {
+    activeStep: a,
+    activeIndex: n,
+    validation: c,
+    goToStep: l,
+    disableStepNavigation: i
+  } = k();
+  return /* @__PURE__ */ t(y, { children: g.map((e) => {
+    const o = e.key === a, r = e.index - 1 < n && c[e.key], d = o ? "active" : r ? "complete" : "inactive", m = o ? S : p;
+    return /* @__PURE__ */ s(
+      x,
+      {
+        "data-test": `agent-step-${e.key}`,
+        disabled: i,
+        onClick: i ? void 0 : () => l(e.key),
+        children: [
+          /* @__PURE__ */ t(f, { state: d, children: r ? "✓" : e.index }),
+          /* @__PURE__ */ t(m, { color: v.content.primary, children: e.title })
+        ]
+      },
+      e.key
+    );
+  }) });
+};
+export {
+  T as StepRail
+};
+//# sourceMappingURL=StepRail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepRail.js","sources":["../../../../../src/components/agent-builder/components/StepRail.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { RailItem, RailList, StepBadge } from '../AgentBuilder.styled';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\nexport const StepRail: React.FC = () => {\n\tconst {\n\t\tactiveStep,\n\t\tactiveIndex,\n\t\tvalidation,\n\t\tgoToStep,\n\t\tdisableStepNavigation,\n\t} = useAgentBuilderContext();\n\n\treturn (\n\t\t<RailList>\n\t\t\t{STEP_DEFINITIONS.map((step) => {\n\t\t\t\tconst isActive = step.key === activeStep;\n\t\t\t\tconst isComplete = step.index - 1 < activeIndex && validation[step.key];\n\t\t\t\tconst badgeState = isActive\n\t\t\t\t\t? 'active'\n\t\t\t\t\t: isComplete\n\t\t\t\t\t? 'complete'\n\t\t\t\t\t: 'inactive';\n\n\t\t\t\tconst Label = isActive ? TitleSmall : BodySecondary;\n\n\t\t\t\treturn (\n\t\t\t\t\t<RailItem\n\t\t\t\t\t\tkey={step.key}\n\t\t\t\t\t\tdata-test={`agent-step-${step.key}`}\n\t\t\t\t\t\tdisabled={disableStepNavigation}\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tdisableStepNavigation ? undefined : () => goToStep(step.key)\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StepBadge state={badgeState}>\n\t\t\t\t\t\t\t{isComplete ? '✓' : step.index}\n\t\t\t\t\t\t</StepBadge>\n\t\t\t\t\t\t<Label color={COLORS.content.primary}>{step.title}</Label>\n\t\t\t\t\t</RailItem>\n\t\t\t\t);\n\t\t\t})}\n\t\t</RailList>\n\t);\n};\n"],"names":["StepRail","activeStep","activeIndex","validation","goToStep","disableStepNavigation","useAgentBuilderContext","jsx","RailList","STEP_DEFINITIONS","step","isActive","isComplete","badgeState","Label","TitleSmall","BodySecondary","jsxs","RailItem","StepBadge","COLORS"],"mappings":";;;;;;AAOO,MAAMA,IAAqB,MAAM;AACvC,QAAM;AAAA,IACL,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACGC,EAAA;AAEJ,SACC,gBAAAC,EAACC,GAAA,EACC,UAAAC,EAAiB,IAAI,CAACC,MAAS;AAC/B,UAAMC,IAAWD,EAAK,QAAQT,GACxBW,IAAaF,EAAK,QAAQ,IAAIR,KAAeC,EAAWO,EAAK,GAAG,GAChEG,IAAaF,IAChB,WACAC,IACA,aACA,YAEGE,IAAQH,IAAWI,IAAaC;AAEtC,WACC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEA,aAAW,cAAcR,EAAK,GAAG;AAAA,QACjC,UAAUL;AAAA,QACV,SACCA,IAAwB,SAAY,MAAMD,EAASM,EAAK,GAAG;AAAA,QAG5D,UAAA;AAAA,UAAA,gBAAAH,EAACY,KAAU,OAAON,GAChB,UAAAD,IAAa,MAAMF,EAAK,OAC1B;AAAA,4BACCI,GAAA,EAAM,OAAOM,EAAO,QAAQ,SAAU,YAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAV7CV,EAAK;AAAA,IAAA;AAAA,EAab,CAAC,EAAA,CACF;AAEF;"}

package/dist/esm/components/agent-builder/components/StepSectionHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface StepSectionHeaderProps {
+    title: string;
+    helper?: string;
+}
+export declare const StepSectionHeader: React.FC<StepSectionHeaderProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { TitleRegular as n, BodySecondary as i } from "../../TypographyStyle.js";
+import { COLORS as e } from "../../../constants/Theme.js";
+import { SectionHeaderWrap as m } from "../AgentBuilder.styled.js";
+const s = ({
+  title: t,
+  helper: o
+}) => /* @__PURE__ */ c(m, { children: [
+  /* @__PURE__ */ r(n, { color: e.content.primary, children: t }),
+  o && /* @__PURE__ */ r(i, { color: e.content.secondary, children: o })
+] });
+export {
+  s as StepSectionHeader
+};
+//# sourceMappingURL=StepSectionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepSectionHeader.js","sources":["../../../../../src/components/agent-builder/components/StepSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { SectionHeaderWrap } from '../AgentBuilder.styled';\n\ninterface StepSectionHeaderProps {\n\ttitle: string;\n\thelper?: string;\n}\n\nexport const StepSectionHeader: React.FC<StepSectionHeaderProps> = ({\n\ttitle,\n\thelper,\n}) => (\n\t<SectionHeaderWrap>\n\t\t<TitleRegular color={COLORS.content.primary}>{title}</TitleRegular>\n\t\t{helper && (\n\t\t\t<BodySecondary color={COLORS.content.secondary}>{helper}</BodySecondary>\n\t\t)}\n\t</SectionHeaderWrap>\n);\n"],"names":["StepSectionHeader","title","helper","SectionHeaderWrap","jsx","TitleRegular","COLORS","BodySecondary"],"mappings":";;;;AAUO,MAAMA,IAAsD,CAAC;AAAA,EACnE,OAAAC;AAAA,EACA,QAAAC;AACD,wBACEC,GAAA,EACA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAa,OAAOC,EAAO,QAAQ,SAAU,UAAAL,GAAM;AAAA,EACnDC,KACA,gBAAAE,EAACG,GAAA,EAAc,OAAOD,EAAO,QAAQ,WAAY,UAAAJ,EAAA,CAAO;AAAA,EAAA,CAE1D;"}

package/dist/esm/components/agent-builder/components/UndoToast.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+/**
+ * Top-right toast shown after a tool / sub-agent is removed, offering an Undo.
+ * Re-keyed per removal so each one restarts the auto-close timer. Uses the
+ * shared `Toaster` (which mounts its own ToastContainer).
+ */
+export declare const UndoToast: React.FC;

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

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useAgentBuilderContext as r } from "../context/AgentBuilderContext.js";
+import { Toaster as s } from "../../toaster/Toaster.js";
+const m = () => {
+  const { undoToast: o, undoRemoval: t, dismissUndo: e } = r();
+  return o ? /* @__PURE__ */ n(
+    s,
+    {
+      text: o.message,
+      type: "info",
+      position: "top-right",
+      autoClose: 5e3,
+      hideCloseButton: !0,
+      buttonProps: {
+        buttonText: "Undo",
+        showButton: !0,
+        onButtonClick: () => (t(), {})
+      },
+      onCloseToast: () => e()
+    },
+    o.id
+  ) : null;
+};
+export {
+  m as UndoToast
+};
+//# sourceMappingURL=UndoToast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UndoToast.js","sources":["../../../../../src/components/agent-builder/components/UndoToast.tsx"],"sourcesContent":["import React from 'react';\nimport { Toaster } from '@src/components/toaster';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\n/**\n * Top-right toast shown after a tool / sub-agent is removed, offering an Undo.\n * Re-keyed per removal so each one restarts the auto-close timer. Uses the\n * shared `Toaster` (which mounts its own ToastContainer).\n */\nexport const UndoToast: React.FC = () => {\n\tconst { undoToast, undoRemoval, dismissUndo } = useAgentBuilderContext();\n\n\tif (!undoToast) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Toaster\n\t\t\tkey={undoToast.id}\n\t\t\ttext={undoToast.message}\n\t\t\ttype=\"info\"\n\t\t\tposition=\"top-right\"\n\t\t\tautoClose={5000}\n\t\t\thideCloseButton\n\t\t\tbuttonProps={{\n\t\t\t\tbuttonText: 'Undo',\n\t\t\t\tshowButton: true,\n\t\t\t\tonButtonClick: () => {\n\t\t\t\t\tundoRemoval();\n\t\t\t\t\treturn {} as Record<string, never>;\n\t\t\t\t},\n\t\t\t}}\n\t\t\tonCloseToast={() => dismissUndo()}\n\t\t/>\n\t);\n};\n"],"names":["UndoToast","undoToast","undoRemoval","dismissUndo","useAgentBuilderContext","jsx","Toaster"],"mappings":";;;AASO,MAAMA,IAAsB,MAAM;AACxC,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,aAAAC,EAAA,IAAgBC,EAAA;AAEhD,SAAKH,IAKJ,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MAEA,MAAML,EAAU;AAAA,MAChB,MAAK;AAAA,MACL,UAAS;AAAA,MACT,WAAW;AAAA,MACX,iBAAe;AAAA,MACf,aAAa;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,eAAe,OACdC,EAAA,GACO,CAAA;AAAA,MACR;AAAA,MAED,cAAc,MAAMC,EAAA;AAAA,IAAY;AAAA,IAd3BF,EAAU;AAAA,EAAA,IALT;AAsBT;"}

package/dist/esm/components/agent-builder/constants/charLimits.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Character limits for AgentBuilder fields.
+ *
+ * `name` and `description` are taken directly from the Figma spec. The rest are
+ * sized to match the 0/1000 counters shown on the response/handover steps; adjust
+ * here if product changes them.
+ */
+export declare const AGENT_CHAR_LIMITS: {
+    /** Step 1 — Agent name. */
+    readonly name: 60;
+    /** Step 1 — "What it does". */
+    readonly description: 1000;
+    /** Step 2 — custom intent free text. */
+    readonly custom_intent: 1000;
+    /** Step 3 — Instructions (BikEditor `maxCharacters`). */
+    readonly instructions: 1000;
+    /** Step 3 — Guardrails. */
+    readonly guardrail: 1000;
+    /** Step 4 — "Handover when". */
+    readonly handoverWhen: 1000;
+};

package/dist/esm/components/agent-builder/constants/charLimits.js

@@ -0,0 +1,18 @@
+const e = {
+  /** Step 1 — Agent name. */
+  name: 60,
+  /** Step 1 — "What it does". */
+  description: 1e3,
+  /** Step 2 — custom intent free text. */
+  custom_intent: 1e3,
+  /** Step 3 — Instructions (BikEditor `maxCharacters`). */
+  instructions: 1e3,
+  /** Step 3 — Guardrails. */
+  guardrail: 1e3,
+  /** Step 4 — "Handover when". */
+  handoverWhen: 1e3
+};
+export {
+  e as AGENT_CHAR_LIMITS
+};
+//# sourceMappingURL=charLimits.js.map

package/dist/esm/components/agent-builder/constants/charLimits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charLimits.js","sources":["../../../../../src/components/agent-builder/constants/charLimits.ts"],"sourcesContent":["/**\n * Character limits for AgentBuilder fields.\n *\n * `name` and `description` are taken directly from the Figma spec. The rest are\n * sized to match the 0/1000 counters shown on the response/handover steps; adjust\n * here if product changes them.\n */\nexport const AGENT_CHAR_LIMITS = {\n\t/** Step 1 — Agent name. */\n\tname: 60,\n\t/** Step 1 — \"What it does\". */\n\tdescription: 1000,\n\t/** Step 2 — custom intent free text. */\n\tcustom_intent: 1000,\n\t/** Step 3 — Instructions (BikEditor `maxCharacters`). */\n\tinstructions: 1000,\n\t/** Step 3 — Guardrails. */\n\tguardrail: 1000,\n\t/** Step 4 — \"Handover when\". */\n\thandoverWhen: 1000,\n} as const;\n"],"names":["AGENT_CHAR_LIMITS"],"mappings":"AAOO,MAAMA,IAAoB;AAAA;AAAA,EAEhC,MAAM;AAAA;AAAA,EAEN,aAAa;AAAA;AAAA,EAEb,eAAe;AAAA;AAAA,EAEf,cAAc;AAAA;AAAA,EAEd,WAAW;AAAA;AAAA,EAEX,cAAc;AACf;"}

package/dist/esm/components/agent-builder/constants/editorStyle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+/**
+ * Inline ProseMirror style applied to the agent-builder BikEditors so the rich
+ * inputs (Instructions, Guardrails) render in the SAME font/metrics as the plain
+ * `AiTextAreaInput` textarea (Inter 14/20). `.ProseMirror` itself sets no
+ * font-family, so without this it inherits the host default and looks different.
+ */
+export declare const AGENT_EDITOR_STYLE: React.CSSProperties;

package/dist/esm/components/agent-builder/constants/editorStyle.js

@@ -0,0 +1,10 @@
+const n = {
+  padding: 0,
+  fontFamily: "Inter",
+  fontSize: "14px",
+  lineHeight: "20px"
+};
+export {
+  n as AGENT_EDITOR_STYLE
+};
+//# sourceMappingURL=editorStyle.js.map

package/dist/esm/components/agent-builder/constants/editorStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorStyle.js","sources":["../../../../../src/components/agent-builder/constants/editorStyle.ts"],"sourcesContent":["import type React from 'react';\n\n/**\n * Inline ProseMirror style applied to the agent-builder BikEditors so the rich\n * inputs (Instructions, Guardrails) render in the SAME font/metrics as the plain\n * `AiTextAreaInput` textarea (Inter 14/20). `.ProseMirror` itself sets no\n * font-family, so without this it inherits the host default and looks different.\n */\nexport const AGENT_EDITOR_STYLE: React.CSSProperties = {\n\tpadding: 0,\n\tfontFamily: 'Inter',\n\tfontSize: '14px',\n\tlineHeight: '20px',\n};\n"],"names":["AGENT_EDITOR_STYLE"],"mappings":"AAQO,MAAMA,IAA0C;AAAA,EACtD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACb;"}

package/dist/esm/components/agent-builder/constants/steps.d.ts

@@ -0,0 +1,13 @@
+import { StepKey } from '../AgentBuilder.model';
+export interface StepDefinition {
+    key: StepKey;
+    /** 1-based number shown in the rail. */
+    index: number;
+    /** Rail label + content section title. */
+    title: string;
+    /** Helper text under the section title. */
+    helper: string;
+}
+export declare const STEP_DEFINITIONS: StepDefinition[];
+export declare const STEP_KEYS: StepKey[];
+export declare const getStepIndex: (key: StepKey) => number;

package/dist/esm/components/agent-builder/constants/steps.js

@@ -0,0 +1,32 @@
+const t = [
+  {
+    key: "about",
+    index: 1,
+    title: "About this agent",
+    helper: "Give it a name and one clear job. One agent → one job, that’s what keeps answers sharp."
+  },
+  {
+    key: "trigger",
+    index: 2,
+    title: "When it steps in",
+    helper: "Choose how Manifest knows when to route a conversation to this agent."
+  },
+  {
+    key: "response",
+    index: 3,
+    title: "How it responds",
+    helper: "Write what this agent should do. Type @ to reference a tool, add a condition, or hand off to a sub-agent."
+  },
+  {
+    key: "handover",
+    index: 4,
+    title: "Handover rules",
+    helper: "Define when this agent passes the conversation to a human, and how."
+  }
+], n = t.map((e) => e.key), o = (e) => n.indexOf(e);
+export {
+  t as STEP_DEFINITIONS,
+  n as STEP_KEYS,
+  o as getStepIndex
+};
+//# sourceMappingURL=steps.js.map

package/dist/esm/components/agent-builder/constants/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sources":["../../../../../src/components/agent-builder/constants/steps.ts"],"sourcesContent":["import { StepKey } from '../AgentBuilder.model';\n\nexport interface StepDefinition {\n\tkey: StepKey;\n\t/** 1-based number shown in the rail. */\n\tindex: number;\n\t/** Rail label + content section title. */\n\ttitle: string;\n\t/** Helper text under the section title. */\n\thelper: string;\n}\n\nexport const STEP_DEFINITIONS: StepDefinition[] = [\n\t{\n\t\tkey: 'about',\n\t\tindex: 1,\n\t\ttitle: 'About this agent',\n\t\thelper:\n\t\t\t'Give it a name and one clear job. One agent → one job, that’s what keeps answers sharp.',\n\t},\n\t{\n\t\tkey: 'trigger',\n\t\tindex: 2,\n\t\ttitle: 'When it steps in',\n\t\thelper:\n\t\t\t'Choose how Manifest knows when to route a conversation to this agent.',\n\t},\n\t{\n\t\tkey: 'response',\n\t\tindex: 3,\n\t\ttitle: 'How it responds',\n\t\thelper:\n\t\t\t'Write what this agent should do. Type @ to reference a tool, add a condition, or hand off to a sub-agent.',\n\t},\n\t{\n\t\tkey: 'handover',\n\t\tindex: 4,\n\t\ttitle: 'Handover rules',\n\t\thelper:\n\t\t\t'Define when this agent passes the conversation to a human, and how.',\n\t},\n];\n\nexport const STEP_KEYS: StepKey[] = STEP_DEFINITIONS.map((s) => s.key);\n\nexport const getStepIndex = (key: StepKey): number => STEP_KEYS.indexOf(key);\n"],"names":["STEP_DEFINITIONS","STEP_KEYS","s","getStepIndex","key"],"mappings":"AAYO,MAAMA,IAAqC;AAAA,EACjD;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QACC;AAAA,EAAA;AAAA,EAEF;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QACC;AAAA,EAAA;AAAA,EAEF;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QACC;AAAA,EAAA;AAAA,EAEF;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QACC;AAAA,EAAA;AAEH,GAEaC,IAAuBD,EAAiB,IAAI,CAACE,MAAMA,EAAE,GAAG,GAExDC,IAAe,CAACC,MAAyBH,EAAU,QAAQG,CAAG;"}

package/dist/esm/components/agent-builder/context/AgentBuilderContext.d.ts

@@ -0,0 +1,98 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth';
+import { default as React } from 'react';
+import { AgentTool, AgentValue, IntentOption, ModelOption, StepKey, StepValidation, SubAgentDraft, SubAgentRef } from '../AgentBuilder.model';
+/** Mention-capable text fields in Step 3 (both store firebase token text). */
+export type MentionFieldKey = 'instructions' | 'guardrail';
+type MentionInsertFn = (kind: 'tool' | 'subagent', id: string, label?: string) => void;
+/** Toast shown after a tool / sub-agent is removed, offering an undo. */
+export interface UndoToastState {
+    /** Bumped per removal so the toast timer restarts. */
+    id: number;
+    message: string;
+}
+export interface AgentBuilderContextShape {
+    /** Controlled value relayed from props. */
+    value: AgentValue;
+    /** Patch one or more fields. */
+    patch: (partial: Partial<AgentValue>) => void;
+    /** Patch a single field. */
+    updateField: <K extends keyof AgentValue>(key: K, val: AgentValue[K]) => void;
+    /**
+     * Remove a tool / sub-agent everywhere: drops it from the list AND strips ALL
+     * its `{{tool:KEY}}` / `{{subagent:ID}}` tokens from BOTH the instructions and
+     * the guardrails, remounts the editors, and raises an undo toast.
+     */
+    removeReference: (kind: 'tool' | 'subagent', id: string) => void;
+    /** Remount signal for the mention editors after an external edit. */
+    mentionResetKey: number;
+    /**
+     * Insert a tool / sub-agent mention chip at the last cursor position of
+     * whichever mention field was focused most recently (Instructions or
+     * Guardrails). `label` overrides the chip text (e.g. a just-created sub-agent
+     * not yet in the available list).
+     */
+    insertMention: (kind: 'tool' | 'subagent', id: string, label?: string) => void;
+    /** A mention field registers its editor-backed insert here (internal). */
+    registerMentionField: (fieldKey: MentionFieldKey, fn: MentionInsertFn | null) => void;
+    /** A mention field reports focus so inserts target it (internal). */
+    notifyMentionFocus: (fieldKey: MentionFieldKey) => void;
+    /** Non-null while the undo toast should be visible. */
+    undoToast: UndoToastState | null;
+    /** Restore the last removed tool / sub-agent (list + stripped tokens). */
+    undoRemoval: () => void;
+    /** Dismiss the undo toast without restoring. */
+    dismissUndo: () => void;
+    activeStep: StepKey;
+    activeIndex: number;
+    goToStep: (step: StepKey) => void;
+    goNext: () => void;
+    goPrev: () => void;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    validation: StepValidation;
+    isActiveStepValid: boolean;
+    availableTools: AgentTool[];
+    availableSubAgents: SubAgentRef[];
+    availableIntents: IntentOption[];
+    availableModels: ModelOption[];
+    /** Host application context (e.g. MANIFEST) — drives tool-chip labelling. */
+    applicationType?: ApplicationType;
+    /** When true, step-rail items are not clickable (Back / Next only). */
+    disableStepNavigation: boolean;
+    /** Persist a new sub-agent and resolve with its ref. Omit to hide the create flow. */
+    onCreateSubAgent?: (draft: SubAgentDraft) => Promise<SubAgentRef>;
+    /**
+     * Step 3 registers its "open create-sub-agent drawer" action here so the `@`
+     * picker's "Create new" row can trigger it. Pass `null` to unregister.
+     */
+    registerSubAgentCreator: (fn: (() => void) | null) => void;
+    /** Open the create-sub-agent drawer (no-op until Step 3 registers it). */
+    requestCreateSubAgent: () => void;
+    /** Fetch a sub-agent's editable data (Configure). Omit to hide Configure. */
+    onFetchSubAgent?: (id: string) => Promise<SubAgentDraft>;
+    /** Persist edits to an existing sub-agent. */
+    onUpdateSubAgent?: (id: string, draft: SubAgentDraft) => Promise<SubAgentRef>;
+    /** Optional "Improve with AI" for the drawer's instructions / guardrails. */
+    onImproveSubAgent?: (kind: 'instructions' | 'guardrail', text: string) => Promise<string>;
+}
+export declare const useAgentBuilderContext: () => AgentBuilderContextShape;
+interface ProviderProps {
+    value: AgentValue;
+    onChange: (patch: Partial<AgentValue>) => void;
+    activeStep?: StepKey;
+    onStepChange?: (step: StepKey) => void;
+    availableTools: AgentTool[];
+    availableSubAgents: SubAgentRef[];
+    availableIntents: IntentOption[];
+    availableModels: ModelOption[];
+    validation?: Partial<StepValidation>;
+    applicationType?: ApplicationType;
+    disableStepNavigation?: boolean;
+    onCreateSubAgent?: (draft: SubAgentDraft) => Promise<SubAgentRef>;
+    onFetchSubAgent?: (id: string) => Promise<SubAgentDraft>;
+    onUpdateSubAgent?: (id: string, draft: SubAgentDraft) => Promise<SubAgentRef>;
+    onImproveSubAgent?: (kind: 'instructions' | 'guardrail', text: string) => Promise<string>;
+    children: React.ReactNode;
+}
+export declare const AgentBuilderProvider: React.FC<ProviderProps>;
+export {};