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

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

@@ -1,148 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import A from "../../../assets/icons/cross.svg.js";
-import w from "../../../assets/icons/plus.svg.js";
-import T from "react";
-import { RadioButton as g } from "../../radioButton/RadioButton.js";
-import { TitleSmall as l, BodyCaption as d, BodySecondary as f } from "../../TypographyStyle.js";
-import { COLORS as o } from "../../../constants/Theme.js";
-import { CardRow as k, RadioCard as C, RadioCardText as v, FieldBlock as x, ChipWrap as R, IntentChip as B, ChipCloseButton as O, AddChipButton as D } from "../AgentBuilder.styled.js";
-import { AiTextArea as E } from "../components/AiTextArea.js";
-import { StepSectionHeader as H } from "../components/StepSectionHeader.js";
-import { AGENT_CHAR_LIMITS as M } from "../constants/charLimits.js";
-import { STEP_DEFINITIONS as F } from "../constants/steps.js";
-import { useAgentBuilderContext as L } from "../context/AgentBuilderContext.js";
-import { Dropdown as N } from "../../dropdown/Dropdown.js";
-const y = F[1], Z = () => {
-  const { value: S, patch: r, availableIntents: m } = L(), { trigger: n } = S, [I, h] = T.useState(!1), a = (e) => r({ trigger: { ...n, mode: e } }), b = (e) => {
-    n.intents.includes(e) || r({
-      trigger: { ...n, intents: [...n.intents, e] }
-    }), h(!1);
-  }, _ = (e) => r({
-    trigger: {
-      ...n,
-      intents: n.intents.filter((c) => c !== e)
-    }
-  }), u = (e) => m.find((c) => c.value === e)?.label ?? e, s = m.filter((e) => !n.intents.includes(e.value)).map((e) => ({ label: e.label, value: e.value }));
-  return /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ t(H, { title: y.title, helper: y.helper }),
-    /* @__PURE__ */ i(k, { children: [
-      /* @__PURE__ */ i(
-        C,
-        {
-          "data-test": "trigger-mode-manifest",
-          selected: n.mode === "manifest_intent",
-          onClick: () => a("manifest_intent"),
-          children: [
-            /* @__PURE__ */ t(
-              g,
-              {
-                isActive: n.mode === "manifest_intent",
-                onValueChange: () => a("manifest_intent"),
-                skipSelectingOff: !0,
-                activeColor: o.content.brand
-              }
-            ),
-            /* @__PURE__ */ i(v, { children: [
-              /* @__PURE__ */ t(l, { color: o.content.primary, children: "Manifest intent" }),
-              /* @__PURE__ */ t(d, { color: o.content.secondary, children: "Manifest's AI classifier routes conversations automatically — no keywords needed." })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ i(
-        C,
-        {
-          "data-test": "trigger-mode-custom",
-          selected: n.mode === "custom_intent",
-          onClick: () => a("custom_intent"),
-          children: [
-            /* @__PURE__ */ t(
-              g,
-              {
-                isActive: n.mode === "custom_intent",
-                onValueChange: () => a("custom_intent"),
-                skipSelectingOff: !0,
-                activeColor: o.content.brand
-              }
-            ),
-            /* @__PURE__ */ i(v, { children: [
-              /* @__PURE__ */ t(l, { color: o.content.primary, children: "Custom intent" }),
-              /* @__PURE__ */ t(d, { color: o.content.secondary, children: "Define your own trigger — use exact phrases or describe the customer's intent." })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    n.mode === "manifest_intent" ? /* @__PURE__ */ i(x, { children: [
-      /* @__PURE__ */ t(l, { color: o.content.primary, children: "If customer talks about" }),
-      /* @__PURE__ */ i(R, { children: [
-        n.intents.map((e) => /* @__PURE__ */ i(B, { "data-test": `intent-chip-${e}`, children: [
-          /* @__PURE__ */ t(f, { color: o.content.primary, children: u(e) }),
-          /* @__PURE__ */ t(
-            O,
-            {
-              onClick: () => _(e),
-              "aria-label": `Remove ${u(e)}`,
-              children: /* @__PURE__ */ t(
-                A,
-                {
-                  width: 14,
-                  height: 14,
-                  color: o.content.secondary
-                }
-              )
-            }
-          )
-        ] }, e)),
-        I && s.length > 0 ? /* @__PURE__ */ t(
-          N,
-          {
-            "data-test": "intent-add-dropdown",
-            size: "small",
-            width: "200px",
-            placeHolder: "Select intent",
-            isSearchable: !0,
-            options: s,
-            onSelect: (e) => {
-              const p = (Array.isArray(e) ? e[0] : e)?.value;
-              p && b(p);
-            }
-          }
-        ) : s.length > 0 && /* @__PURE__ */ i(
-          D,
-          {
-            "data-test": "intent-add-button",
-            onClick: () => h(!0),
-            children: [
-              /* @__PURE__ */ t(
-                w,
-                {
-                  width: 16,
-                  height: 16,
-                  color: o.content.secondary
-                }
-              ),
-              /* @__PURE__ */ t(f, { color: o.content.secondary, children: "Intent" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(d, { color: o.content.secondary, children: "This agent takes over from your main assistant when this intent is detected. The changeover is automatic when you go live." })
-    ] }) : /* @__PURE__ */ t(
-      E,
-      {
-        "data-test": "custom-intent",
-        label: "Describe the trigger",
-        value: n.customIntent ?? "",
-        onChange: (e) => r({ trigger: { ...n, customIntent: e } }),
-        maxLength: M.customIntent,
-        placeholder: "e.g. The customer wants to cancel an order they placed.",
-        minHeight: "120px"
-      }
-    )
-  ] });
-};
-export {
-  Z as Step2WhenItStepsIn
-};
-//# sourceMappingURL=Step2WhenItStepsIn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Step2WhenItStepsIn.js","sources":["../../../../../src/components/agent-builder/steps/Step2WhenItStepsIn.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { RadioButton } from '@src/components/radioButton/RadioButton';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { TriggerMode } from '../AgentBuilder.model';\nimport {\n\tAddChipButton,\n\tCardRow,\n\tChipCloseButton,\n\tChipWrap,\n\tFieldBlock,\n\tIntentChip,\n\tRadioCard,\n\tRadioCardText,\n} from '../AgentBuilder.styled';\nimport { AiTextArea } from '../components/AiTextArea';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\nconst STEP = STEP_DEFINITIONS[1];\n\nexport const Step2WhenItStepsIn: React.FC = () => {\n\tconst { value, patch, availableIntents } = useAgentBuilderContext();\n\tconst { trigger } = value;\n\tconst [adding, setAdding] = React.useState(false);\n\n\tconst setMode = (mode: TriggerMode) =>\n\t\tpatch({ trigger: { ...trigger, mode } });\n\n\tconst addIntent = (intentValue: string) => {\n\t\tif (!trigger.intents.includes(intentValue)) {\n\t\t\tpatch({\n\t\t\t\ttrigger: { ...trigger, intents: [...trigger.intents, intentValue] },\n\t\t\t});\n\t\t}\n\t\tsetAdding(false);\n\t};\n\n\tconst removeIntent = (intentValue: string) =>\n\t\tpatch({\n\t\t\ttrigger: {\n\t\t\t\t...trigger,\n\t\t\t\tintents: trigger.intents.filter((i) => i !== intentValue),\n\t\t\t},\n\t\t});\n\n\tconst labelFor = (v: string) =>\n\t\tavailableIntents.find((o) => o.value === v)?.label ?? v;\n\n\tconst remainingOptions: SingleOption[] = availableIntents\n\t\t.filter((o) => !trigger.intents.includes(o.value))\n\t\t.map((o) => ({ label: o.label, value: o.value }));\n\n\treturn (\n\t\t<div>\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\n\t\t\t<CardRow>\n\t\t\t\t<RadioCard\n\t\t\t\t\tdata-test=\"trigger-mode-manifest\"\n\t\t\t\t\tselected={trigger.mode === 'manifest_intent'}\n\t\t\t\t\tonClick={() => setMode('manifest_intent')}\n\t\t\t\t>\n\t\t\t\t\t<RadioButton\n\t\t\t\t\t\tisActive={trigger.mode === 'manifest_intent'}\n\t\t\t\t\t\tonValueChange={() => setMode('manifest_intent')}\n\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t/>\n\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tManifest intent\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tManifest&apos;s AI classifier routes conversations automatically —\n\t\t\t\t\t\t\tno keywords needed.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</RadioCardText>\n\t\t\t\t</RadioCard>\n\n\t\t\t\t<RadioCard\n\t\t\t\t\tdata-test=\"trigger-mode-custom\"\n\t\t\t\t\tselected={trigger.mode === 'custom_intent'}\n\t\t\t\t\tonClick={() => setMode('custom_intent')}\n\t\t\t\t>\n\t\t\t\t\t<RadioButton\n\t\t\t\t\t\tisActive={trigger.mode === 'custom_intent'}\n\t\t\t\t\t\tonValueChange={() => setMode('custom_intent')}\n\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t/>\n\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\tCustom intent\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tDefine your own trigger — use exact phrases or describe the\n\t\t\t\t\t\t\tcustomer&apos;s intent.\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</RadioCardText>\n\t\t\t\t</RadioCard>\n\t\t\t</CardRow>\n\n\t\t\t{trigger.mode === 'manifest_intent' ? (\n\t\t\t\t<FieldBlock>\n\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\tIf customer talks about\n\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t<ChipWrap>\n\t\t\t\t\t\t{trigger.intents.map((intent) => (\n\t\t\t\t\t\t\t<IntentChip key={intent} data-test={`intent-chip-${intent}`}>\n\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t{labelFor(intent)}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<ChipCloseButton\n\t\t\t\t\t\t\t\t\tonClick={() => removeIntent(intent)}\n\t\t\t\t\t\t\t\t\taria-label={`Remove ${labelFor(intent)}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ChipCloseButton>\n\t\t\t\t\t\t\t</IntentChip>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{adding && remainingOptions.length > 0 ? (\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tdata-test=\"intent-add-dropdown\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\t\t\tplaceHolder=\"Select intent\"\n\t\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\t\toptions={remainingOptions}\n\t\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\t\tconst single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\t\t\t\tconst v = (single as SingleOption)?.value;\n\t\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\t\taddIntent(v);\n\t\t\t\t\t\t\t\t\t}\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\t\tremainingOptions.length > 0 && (\n\t\t\t\t\t\t\t\t<AddChipButton\n\t\t\t\t\t\t\t\t\tdata-test=\"intent-add-button\"\n\t\t\t\t\t\t\t\t\tonClick={() => setAdding(true)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\tIntent\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</AddChipButton>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ChipWrap>\n\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\tThis agent takes over from your main assistant when this intent is\n\t\t\t\t\t\tdetected. The changeover is automatic when you go live.\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FieldBlock>\n\t\t\t) : (\n\t\t\t\t<AiTextArea\n\t\t\t\t\tdata-test=\"custom-intent\"\n\t\t\t\t\tlabel=\"Describe the trigger\"\n\t\t\t\t\tvalue={trigger.customIntent ?? ''}\n\t\t\t\t\tonChange={(text) =>\n\t\t\t\t\t\tpatch({ trigger: { ...trigger, customIntent: text } })\n\t\t\t\t\t}\n\t\t\t\t\tmaxLength={AGENT_CHAR_LIMITS.customIntent}\n\t\t\t\t\tplaceholder=\"e.g. The customer wants to cancel an order they placed.\"\n\t\t\t\t\tminHeight=\"120px\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","Step2WhenItStepsIn","value","patch","availableIntents","useAgentBuilderContext","trigger","adding","setAdding","React","setMode","mode","addIntent","intentValue","removeIntent","i","labelFor","v","o","remainingOptions","jsx","StepSectionHeader","CardRow","jsxs","RadioCard","RadioButton","COLORS","RadioCardText","TitleSmall","BodyCaption","FieldBlock","ChipWrap","intent","IntentChip","BodySecondary","ChipCloseButton","CrossIcon","Dropdown","opt","AddChipButton","PlusIcon","AiTextArea","text","AGENT_CHAR_LIMITS"],"mappings":"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"}

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

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

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

@@ -1,193 +0,0 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { useState as A, useRef as z, useCallback as S } from "react";
-import { TitleSmall as T } from "../../TypographyStyle.js";
-import { COLORS as I } from "../../../constants/Theme.js";
-import { Step3Grid as U, Step3Main as W, Step3Side as $, SideSection as q } from "../AgentBuilder.styled.js";
-import { CreateSubAgentPanel as J } from "../components/CreateSubAgentPanel.js";
-import { MentionField as x } from "../components/MentionField.js";
-import { SelectableListSection as C } from "../components/SelectableListSection.js";
-import { StepSectionHeader as Q } from "../components/StepSectionHeader.js";
-import { AGENT_CHAR_LIMITS as w } from "../constants/charLimits.js";
-import { STEP_DEFINITIONS as V } from "../constants/steps.js";
-import { useAgentBuilderContext as X } from "../context/AgentBuilderContext.js";
-import { appTypeLabel as Y } from "../utils/mentionSerialization.js";
-import { Dropdown as Z } from "../../dropdown/Dropdown.js";
-const O = V[2], ge = () => {
-  const {
-    value: n,
-    patch: i,
-    updateField: k,
-    removeReference: v,
-    availableTools: g,
-    availableSubAgents: N,
-    availableModels: b,
-    applicationType: R,
-    insertMention: r,
-    onCreateSubAgent: d,
-    onFetchSubAgent: c,
-    onUpdateSubAgent: f,
-    onImproveSubAgent: E
-  } = X(), [l, u] = A(null), p = z(0), [L, y] = A([]), m = /* @__PURE__ */ new Map();
-  N.forEach((e) => m.set(e.id, e)), L.forEach((e) => m.set(e.id, e));
-  const M = Array.from(m.values()), P = S(() => {
-    p.current += 1, u({ key: p.current, title: "Create sub-agent" });
-  }, []), H = S(
-    async (e) => {
-      if (!c)
-        return;
-      const t = await c(e);
-      p.current += 1, u({
-        key: p.current,
-        title: "Edit sub-agent",
-        editingId: e,
-        initial: t
-      });
-    },
-    [c]
-  ), _ = S(
-    async (e) => {
-      if (l?.editingId) {
-        if (f) {
-          const t = await f(l.editingId, e);
-          y((a) => [
-            ...a.filter((D) => D.id !== t.id),
-            t
-          ]);
-        }
-      } else if (d) {
-        const t = await d(e);
-        y((a) => [...a, t]), i({ subagents: [...n.subagents, t.id] }), r("subagent", t.id, `sub-agent: ${t.name}`);
-      }
-      u(null);
-    },
-    [
-      l,
-      f,
-      d,
-      i,
-      n.subagents,
-      r
-    ]
-  ), F = n.tools.map((e) => {
-    const t = g.find((a) => a.tool_id === e);
-    return t ? { id: e, label: t.displayName } : null;
-  }).filter((e) => e !== null), G = g.map((e) => ({
-    label: e.displayName,
-    value: e.tool_id,
-    subText: e.description
-  })), K = n.subagents.map((e) => {
-    const t = m.get(e);
-    return t ? { id: e, label: t.name } : null;
-  }).filter((e) => e !== null), j = M.map((e) => ({
-    label: e.name,
-    value: e.id
-  })), B = b.map((e) => ({
-    label: e.label,
-    value: e.value,
-    selected: e.value === n.model
-  })), h = b.find((e) => e.value === n.model);
-  return /* @__PURE__ */ s("div", { className: "bik-agent-step bik-agent-step--response", children: [
-    /* @__PURE__ */ o(Q, { title: O.title, helper: O.helper }),
-    /* @__PURE__ */ s(U, { children: [
-      /* @__PURE__ */ s(W, { children: [
-        /* @__PURE__ */ o(
-          x,
-          {
-            fieldKey: "instructions",
-            "data-test": "agent-instructions",
-            label: "Instructions",
-            maxLength: w.instructions,
-            placeholder: "Write what this agent should do. Type @ to reference a tool or sub-agent.",
-            minHeight: "200px"
-          }
-        ),
-        /* @__PURE__ */ o(
-          x,
-          {
-            fieldKey: "guardrail",
-            "data-test": "agent-guardrail",
-            label: "Guardrails",
-            maxLength: w.guardrail,
-            placeholder: "Things this agent must never do. Type @ to reference a tool or sub-agent.",
-            minHeight: "140px"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ s($, { children: [
-        /* @__PURE__ */ o(
-          C,
-          {
-            title: "Tools",
-            helper: "Actions this agent can take while responding.",
-            dataTestPrefix: "agent-tools",
-            items: F,
-            addableOptions: G,
-            emptyText: "No tools added yet.",
-            onAdd: (e) => {
-              r("tool", e), n.tools.includes(e) || i({ tools: [...n.tools, e] });
-            },
-            onRemove: (e) => v("tool", e)
-          }
-        ),
-        /* @__PURE__ */ o(
-          C,
-          {
-            title: "Sub-agents",
-            helper: "Other agents this agent can hand off the conversation to.",
-            dataTestPrefix: "agent-subagents",
-            items: K,
-            addableOptions: j,
-            emptyText: "No sub-agents added yet.",
-            onAdd: (e) => {
-              r("subagent", e), n.subagents.includes(e) || i({ subagents: [...n.subagents, e] });
-            },
-            onRemove: (e) => v("subagent", e),
-            onConfigure: c ? H : void 0,
-            createOption: d ? { label: "Create new", onSelect: P } : void 0
-          }
-        ),
-        b.length > 0 && /* @__PURE__ */ s(q, { children: [
-          /* @__PURE__ */ o(T, { color: I.content.primary, children: "Advanced settings" }),
-          /* @__PURE__ */ o(T, { color: I.content.secondary, children: "Select AI model" }),
-          /* @__PURE__ */ o(
-            Z,
-            {
-              "data-test": "agent-model",
-              size: "small",
-              width: "100%",
-              placeHolder: "Select model",
-              options: B,
-              defaultOptions: h ? [
-                {
-                  label: h.label,
-                  value: h.value
-                }
-              ] : void 0,
-              onSelect: (e) => {
-                const a = (Array.isArray(e) ? e[0] : e)?.value;
-                a && k("model", a);
-              }
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    l && /* @__PURE__ */ o(
-      J,
-      {
-        title: l.title,
-        initial: l.initial,
-        availableTools: g,
-        appLabel: Y(R),
-        onImprove: E,
-        onClose: () => u(null),
-        onSave: _
-      },
-      l.key
-    )
-  ] });
-};
-export {
-  ge as Step3HowItResponds
-};
-//# sourceMappingURL=Step3HowItResponds.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Step3HowItResponds.js","sources":["../../../../../src/components/agent-builder/steps/Step3HowItResponds.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { SubAgentDraft, SubAgentRef } from '../AgentBuilder.model';\nimport {\n\tSideSection,\n\tStep3Grid,\n\tStep3Main,\n\tStep3Side,\n} from '../AgentBuilder.styled';\nimport { CreateSubAgentPanel } from '../components/CreateSubAgentPanel';\nimport { MentionField } from '../components/MentionField';\nimport {\n\tSelectableItem,\n\tSelectableListSection,\n} from '../components/SelectableListSection';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\nimport { appTypeLabel } from '../utils/mentionSerialization';\n\nconst STEP = STEP_DEFINITIONS[2];\n\n/** Drawer state — null when closed; `key` remounts it fresh per open. */\ninterface SubAgentPanelState {\n\tkey: number;\n\ttitle: string;\n\teditingId?: string;\n\tinitial?: SubAgentDraft;\n}\n\nexport const Step3HowItResponds: React.FC = () => {\n\tconst {\n\t\tvalue,\n\t\tpatch,\n\t\tupdateField,\n\t\tremoveReference,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableModels,\n\t\tapplicationType,\n\t\tinsertMention,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t} = useAgentBuilderContext();\n\n\tconst [panel, setPanel] = useState<SubAgentPanelState | null>(null);\n\tconst panelKeyRef = useRef(0);\n\t// Sub-agents created / edited in this session, so a chip resolves (and reflects\n\t// a renamed sub-agent) before the consumer refreshes `availableSubAgents`.\n\tconst [createdSubAgents, setCreatedSubAgents] = useState<SubAgentRef[]>([]);\n\t// Created/edited refs take precedence over the consumer-supplied list.\n\tconst subAgentById = new Map<string, SubAgentRef>();\n\tavailableSubAgents.forEach((s) => subAgentById.set(s.id, s));\n\tcreatedSubAgents.forEach((s) => subAgentById.set(s.id, s));\n\tconst knownSubAgents = Array.from(subAgentById.values());\n\n\tconst openCreate = useCallback(() => {\n\t\tpanelKeyRef.current += 1;\n\t\tsetPanel({ key: panelKeyRef.current, title: 'Create sub-agent' });\n\t}, []);\n\n\tconst openConfigure = useCallback(\n\t\tasync (id: string) => {\n\t\t\tif (!onFetchSubAgent) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst data = await onFetchSubAgent(id);\n\t\t\tpanelKeyRef.current += 1;\n\t\t\tsetPanel({\n\t\t\t\tkey: panelKeyRef.current,\n\t\t\t\ttitle: 'Edit sub-agent',\n\t\t\t\teditingId: id,\n\t\t\t\tinitial: data,\n\t\t\t});\n\t\t},\n\t\t[onFetchSubAgent],\n\t);\n\n\tconst handlePanelSave = useCallback(\n\t\tasync (draft: SubAgentDraft) => {\n\t\t\tif (panel?.editingId) {\n\t\t\t\tif (onUpdateSubAgent) {\n\t\t\t\t\tconst ref = await onUpdateSubAgent(panel.editingId, draft);\n\t\t\t\t\tsetCreatedSubAgents((prev) => [\n\t\t\t\t\t\t...prev.filter((s) => s.id !== ref.id),\n\t\t\t\t\t\tref,\n\t\t\t\t\t]);\n\t\t\t\t}\n\t\t\t} else if (onCreateSubAgent) {\n\t\t\t\tconst ref = await onCreateSubAgent(draft);\n\t\t\t\tsetCreatedSubAgents((prev) => [...prev, ref]);\n\t\t\t\tpatch({ subagents: [...value.subagents, ref.id] });\n\t\t\t\tinsertMention('subagent', ref.id, `sub-agent: ${ref.name}`);\n\t\t\t}\n\t\t\tsetPanel(null);\n\t\t},\n\t\t[\n\t\t\tpanel,\n\t\t\tonUpdateSubAgent,\n\t\t\tonCreateSubAgent,\n\t\t\tpatch,\n\t\t\tvalue.subagents,\n\t\t\tinsertMention,\n\t\t],\n\t);\n\n\tconst toolItems: SelectableItem[] = value.tools\n\t\t.map((id): SelectableItem | null => {\n\t\t\tconst tool = availableTools.find((t) => t.tool_id === id);\n\t\t\treturn tool ? { id, label: tool.displayName } : null;\n\t\t})\n\t\t.filter((x): x is SelectableItem => x !== null);\n\n\t// All tools are offered (even already-added ones) so a tool can be referenced\n\t// again in the text; the chip list below still shows each only once.\n\tconst toolOptions: SingleOption[] = availableTools.map((t) => ({\n\t\tlabel: t.displayName,\n\t\tvalue: t.tool_id,\n\t\tsubText: t.description,\n\t}));\n\n\tconst subAgentItems: SelectableItem[] = value.subagents\n\t\t.map((id): SelectableItem | null => {\n\t\t\tconst sub = subAgentById.get(id);\n\t\t\treturn sub ? { id, label: sub.name } : null;\n\t\t})\n\t\t.filter((x): x is SelectableItem => x !== null);\n\n\tconst subAgentOptions: SingleOption[] = knownSubAgents.map((s) => ({\n\t\tlabel: s.name,\n\t\tvalue: s.id,\n\t}));\n\n\tconst modelOptions: SingleOption[] = availableModels.map((m) => ({\n\t\tlabel: m.label,\n\t\tvalue: m.value,\n\t\tselected: m.value === value.model,\n\t}));\n\tconst selectedModel = availableModels.find((m) => m.value === value.model);\n\n\treturn (\n\t\t<div className=\"bik-agent-step bik-agent-step--response\">\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\n\t\t\t<Step3Grid>\n\t\t\t\t<Step3Main>\n\t\t\t\t\t<MentionField\n\t\t\t\t\t\tfieldKey=\"instructions\"\n\t\t\t\t\t\tdata-test=\"agent-instructions\"\n\t\t\t\t\t\tlabel=\"Instructions\"\n\t\t\t\t\t\tmaxLength={AGENT_CHAR_LIMITS.instructions}\n\t\t\t\t\t\tplaceholder=\"Write what this agent should do. Type @ to reference a tool or sub-agent.\"\n\t\t\t\t\t\tminHeight=\"200px\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<MentionField\n\t\t\t\t\t\tfieldKey=\"guardrail\"\n\t\t\t\t\t\tdata-test=\"agent-guardrail\"\n\t\t\t\t\t\tlabel=\"Guardrails\"\n\t\t\t\t\t\tmaxLength={AGENT_CHAR_LIMITS.guardrail}\n\t\t\t\t\t\tplaceholder=\"Things this agent must never do. Type @ to reference a tool or sub-agent.\"\n\t\t\t\t\t\tminHeight=\"140px\"\n\t\t\t\t\t/>\n\t\t\t\t</Step3Main>\n\n\t\t\t\t<Step3Side>\n\t\t\t\t\t<SelectableListSection\n\t\t\t\t\t\ttitle=\"Tools\"\n\t\t\t\t\t\thelper=\"Actions this agent can take while responding.\"\n\t\t\t\t\t\tdataTestPrefix=\"agent-tools\"\n\t\t\t\t\t\titems={toolItems}\n\t\t\t\t\t\taddableOptions={toolOptions}\n\t\t\t\t\t\temptyText=\"No tools added yet.\"\n\t\t\t\t\t\tonAdd={(id) => {\n\t\t\t\t\t\t\t// Always drop a chip at the cursor; keep the list deduped.\n\t\t\t\t\t\t\tinsertMention('tool', id);\n\t\t\t\t\t\t\tif (!value.tools.includes(id)) {\n\t\t\t\t\t\t\t\tpatch({ tools: [...value.tools, id] });\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonRemove={(id) => removeReference('tool', id)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SelectableListSection\n\t\t\t\t\t\ttitle=\"Sub-agents\"\n\t\t\t\t\t\thelper=\"Other agents this agent can hand off the conversation to.\"\n\t\t\t\t\t\tdataTestPrefix=\"agent-subagents\"\n\t\t\t\t\t\titems={subAgentItems}\n\t\t\t\t\t\taddableOptions={subAgentOptions}\n\t\t\t\t\t\temptyText=\"No sub-agents added yet.\"\n\t\t\t\t\t\tonAdd={(id) => {\n\t\t\t\t\t\t\tinsertMention('subagent', id);\n\t\t\t\t\t\t\tif (!value.subagents.includes(id)) {\n\t\t\t\t\t\t\t\tpatch({ subagents: [...value.subagents, id] });\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonRemove={(id) => removeReference('subagent', id)}\n\t\t\t\t\t\tonConfigure={onFetchSubAgent ? openConfigure : undefined}\n\t\t\t\t\t\tcreateOption={\n\t\t\t\t\t\t\tonCreateSubAgent\n\t\t\t\t\t\t\t\t? { label: 'Create new', onSelect: openCreate }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{availableModels.length > 0 && (\n\t\t\t\t\t\t<SideSection>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tAdvanced settings\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tSelect AI model\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tdata-test=\"agent-model\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\tplaceHolder=\"Select model\"\n\t\t\t\t\t\t\t\toptions={modelOptions}\n\t\t\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\t\t\tselectedModel\n\t\t\t\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: selectedModel.label,\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: selectedModel.value,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSelect={(opt) => {\n\t\t\t\t\t\t\t\t\tconst single = Array.isArray(opt) ? opt[0] : opt;\n\t\t\t\t\t\t\t\t\tconst v = (single as SingleOption)?.value;\n\t\t\t\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\t\t\t\tupdateField('model', v);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</SideSection>\n\t\t\t\t\t)}\n\t\t\t\t</Step3Side>\n\t\t\t</Step3Grid>\n\n\t\t\t{panel && (\n\t\t\t\t<CreateSubAgentPanel\n\t\t\t\t\tkey={panel.key}\n\t\t\t\t\ttitle={panel.title}\n\t\t\t\t\tinitial={panel.initial}\n\t\t\t\t\tavailableTools={availableTools}\n\t\t\t\t\tappLabel={appTypeLabel(applicationType)}\n\t\t\t\t\tonImprove={onImproveSubAgent}\n\t\t\t\t\tonClose={() => setPanel(null)}\n\t\t\t\t\tonSave={handlePanelSave}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","Step3HowItResponds","value","patch","updateField","removeReference","availableTools","availableSubAgents","availableModels","applicationType","insertMention","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","useAgentBuilderContext","panel","setPanel","useState","panelKeyRef","useRef","createdSubAgents","setCreatedSubAgents","subAgentById","s","knownSubAgents","openCreate","useCallback","openConfigure","id","data","handlePanelSave","draft","ref","prev","toolItems","tool","t","x","toolOptions","subAgentItems","sub","subAgentOptions","modelOptions","m","selectedModel","jsxs","jsx","StepSectionHeader","Step3Grid","Step3Main","MentionField","AGENT_CHAR_LIMITS","Step3Side","SelectableListSection","SideSection","TitleSmall","COLORS","Dropdown","opt","v","CreateSubAgentPanel","appTypeLabel"],"mappings":"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"}

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

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

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

@@ -1,83 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { RadioButton as d } from "../../radioButton/RadioButton.js";
-import { TitleSmall as a, BodyCaption as l } from "../../TypographyStyle.js";
-import { COLORS as n } from "../../../constants/Theme.js";
-import { FieldBlock as f, CardRow as u, RadioCard as s, RadioCardText as h } from "../AgentBuilder.styled.js";
-import { AiTextArea as v } from "../components/AiTextArea.js";
-import { StepSectionHeader as g } from "../components/StepSectionHeader.js";
-import { AGENT_CHAR_LIMITS as C } from "../constants/charLimits.js";
-import { STEP_DEFINITIONS as S } from "../constants/steps.js";
-import { useAgentBuilderContext as A } from "../context/AgentBuilderContext.js";
-const m = S[3], O = () => {
-  const { value: p, patch: c } = A(), { handover: t } = p, r = (i) => c({ handover: { ...t, method: i } });
-  return /* @__PURE__ */ o("div", { className: "bik-agent-step bik-agent-step--handover", children: [
-    /* @__PURE__ */ e(g, { title: m.title, helper: m.helper }),
-    /* @__PURE__ */ e(
-      v,
-      {
-        "data-test": "handover-when",
-        label: "Handover when",
-        value: t.when,
-        onChange: (i) => c({ handover: { ...t, when: i } }),
-        maxLength: C.handoverWhen,
-        placeholder: "e.g. Hand over if the customer is angry or requests a human agent.",
-        minHeight: "120px"
-      }
-    ),
-    /* @__PURE__ */ o(f, { children: [
-      /* @__PURE__ */ e(a, { color: n.content.primary, children: "Handover method" }),
-      /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ o(
-          s,
-          {
-            "data-test": "handover-method-default",
-            selected: t.method === "default",
-            onClick: () => r("default"),
-            children: [
-              /* @__PURE__ */ e(
-                d,
-                {
-                  isActive: t.method === "default",
-                  onValueChange: () => r("default"),
-                  skipSelectingOff: !0,
-                  activeColor: n.content.brand
-                }
-              ),
-              /* @__PURE__ */ o(h, { children: [
-                /* @__PURE__ */ e(a, { color: n.content.primary, children: "Use default settings" }),
-                /* @__PURE__ */ e(l, { color: n.content.secondary, children: "Defined in Customize > Agent handover" })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          s,
-          {
-            "data-test": "handover-method-specific",
-            selected: t.method === "specific_channels",
-            onClick: () => r("specific_channels"),
-            children: [
-              /* @__PURE__ */ e(
-                d,
-                {
-                  isActive: t.method === "specific_channels",
-                  onValueChange: () => r("specific_channels"),
-                  skipSelectingOff: !0,
-                  activeColor: n.content.brand
-                }
-              ),
-              /* @__PURE__ */ o(h, { children: [
-                /* @__PURE__ */ e(a, { color: n.content.primary, children: "Choose specific channels" }),
-                /* @__PURE__ */ e(l, { color: n.content.secondary, children: "Always hands over regardless of business hours." })
-              ] })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-export {
-  O as Step4HandoverRules
-};
-//# sourceMappingURL=Step4HandoverRules.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Step4HandoverRules.js","sources":["../../../../../src/components/agent-builder/steps/Step4HandoverRules.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioButton } from '@src/components/radioButton/RadioButton';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HandoverMethod } from '../AgentBuilder.model';\nimport {\n\tCardRow,\n\tFieldBlock,\n\tRadioCard,\n\tRadioCardText,\n} from '../AgentBuilder.styled';\nimport { AiTextArea } from '../components/AiTextArea';\nimport { StepSectionHeader } from '../components/StepSectionHeader';\nimport { AGENT_CHAR_LIMITS } from '../constants/charLimits';\nimport { STEP_DEFINITIONS } from '../constants/steps';\nimport { useAgentBuilderContext } from '../context/AgentBuilderContext';\n\nconst STEP = STEP_DEFINITIONS[3];\n\nexport const Step4HandoverRules: React.FC = () => {\n\tconst { value, patch } = useAgentBuilderContext();\n\tconst { handover } = value;\n\n\tconst setMethod = (method: HandoverMethod) =>\n\t\tpatch({ handover: { ...handover, method } });\n\n\treturn (\n\t\t<div className=\"bik-agent-step bik-agent-step--handover\">\n\t\t\t<StepSectionHeader title={STEP.title} helper={STEP.helper} />\n\n\t\t\t<AiTextArea\n\t\t\t\tdata-test=\"handover-when\"\n\t\t\t\tlabel=\"Handover when\"\n\t\t\t\tvalue={handover.when}\n\t\t\t\tonChange={(text) => patch({ handover: { ...handover, when: text } })}\n\t\t\t\tmaxLength={AGENT_CHAR_LIMITS.handoverWhen}\n\t\t\t\tplaceholder=\"e.g. Hand over if the customer is angry or requests a human agent.\"\n\t\t\t\tminHeight=\"120px\"\n\t\t\t/>\n\n\t\t\t<FieldBlock>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>Handover method</TitleSmall>\n\t\t\t\t<CardRow>\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"handover-method-default\"\n\t\t\t\t\t\tselected={handover.method === 'default'}\n\t\t\t\t\t\tonClick={() => setMethod('default')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={handover.method === 'default'}\n\t\t\t\t\t\t\tonValueChange={() => setMethod('default')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tUse default settings\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tDefined in Customize &gt; Agent handover\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\n\t\t\t\t\t<RadioCard\n\t\t\t\t\t\tdata-test=\"handover-method-specific\"\n\t\t\t\t\t\tselected={handover.method === 'specific_channels'}\n\t\t\t\t\t\tonClick={() => setMethod('specific_channels')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButton\n\t\t\t\t\t\t\tisActive={handover.method === 'specific_channels'}\n\t\t\t\t\t\t\tonValueChange={() => setMethod('specific_channels')}\n\t\t\t\t\t\t\tskipSelectingOff\n\t\t\t\t\t\t\tactiveColor={COLORS.content.brand}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<RadioCardText>\n\t\t\t\t\t\t\t<TitleSmall color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\tChoose specific channels\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\tAlways hands over regardless of business hours.\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</RadioCardText>\n\t\t\t\t\t</RadioCard>\n\t\t\t\t</CardRow>\n\t\t\t</FieldBlock>\n\t\t</div>\n\t);\n};\n"],"names":["STEP","STEP_DEFINITIONS","Step4HandoverRules","value","patch","useAgentBuilderContext","handover","setMethod","method","jsxs","jsx","StepSectionHeader","AiTextArea","text","AGENT_CHAR_LIMITS","FieldBlock","TitleSmall","COLORS","CardRow","RadioCard","RadioButton","RadioCardText","BodyCaption"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAAOC,EAAiB,CAAC,GAElBC,IAA+B,MAAM;AACjD,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAA,IAAUC,EAAA,GACnB,EAAE,UAAAC,MAAaH,GAEfI,IAAY,CAACC,MAClBJ,EAAM,EAAE,UAAU,EAAE,GAAGE,GAAU,QAAAE,EAAA,GAAU;AAE5C,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACd,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAkB,OAAOX,EAAK,OAAO,QAAQA,EAAK,QAAQ;AAAA,IAE3D,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,aAAU;AAAA,QACV,OAAM;AAAA,QACN,OAAON,EAAS;AAAA,QAChB,UAAU,CAACO,MAAST,EAAM,EAAE,UAAU,EAAE,GAAGE,GAAU,MAAMO,EAAA,GAAQ;AAAA,QACnE,WAAWC,EAAkB;AAAA,QAC7B,aAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGVC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAS,UAAA,mBAAe;AAAA,wBACzDC,GAAA,EACA,UAAA;AAAA,QAAA,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,UAAUb,EAAS,WAAW;AAAA,YAC9B,SAAS,MAAMC,EAAU,SAAS;AAAA,YAElC,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACA,UAAUd,EAAS,WAAW;AAAA,kBAC9B,eAAe,MAAMC,EAAU,SAAS;AAAA,kBACxC,kBAAgB;AAAA,kBAChB,aAAaU,EAAO,QAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAE5BI,GAAA,EACA,UAAA;AAAA,gBAAA,gBAAAX,EAACM,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAS,UAAA,wBAE3C;AAAA,kCACCK,GAAA,EAAY,OAAOL,EAAO,QAAQ,WAAW,UAAA,wCAAA,CAE9C;AAAA,cAAA,EAAA,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAR;AAAA,UAACU;AAAA,UAAA;AAAA,YACA,aAAU;AAAA,YACV,UAAUb,EAAS,WAAW;AAAA,YAC9B,SAAS,MAAMC,EAAU,mBAAmB;AAAA,YAE5C,UAAA;AAAA,cAAA,gBAAAG;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACA,UAAUd,EAAS,WAAW;AAAA,kBAC9B,eAAe,MAAMC,EAAU,mBAAmB;AAAA,kBAClD,kBAAgB;AAAA,kBAChB,aAAaU,EAAO,QAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAE5BI,GAAA,EACA,UAAA;AAAA,gBAAA,gBAAAX,EAACM,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAS,UAAA,4BAE3C;AAAA,kCACCK,GAAA,EAAY,OAAOL,EAAO,QAAQ,WAAW,UAAA,kDAAA,CAE9C;AAAA,cAAA,EAAA,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACD,EAAA,CACD;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/agent-builder/utils/mentionSerialization.d.ts

@@ -1,61 +0,0 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth';
-import { MentionItem } from '../../../editor';
-import { AgentTool, SubAgentRef } from '../AgentBuilder.model';
-/**
- * Serialization helpers between the BikEditor document and the firebase
- * `instructions` string.
- *
- * Firebase stores `instructions` as PLAIN TEXT with inline reference tokens:
- *   - `{{subagent:<agentId>}}`  — hand-off to another agent
- *   - `{{tool:<function_key>}}` — an action the agent can call
- *   - `{{<variableName>}}`      — a template variable
- *
- * In the editor those references are inserted via the `@` mention menu (which we
- * populate with BOTH tools and sub-agents). Mention nodes keep their `id` in the
- * ProseMirror doc JSON (the rendered HTML drops it), so we serialize from the doc
- * JSON — not from HTML.
- */
-export interface MentionKindMeta {
-    /** Distinguishes a tool reference from a sub-agent reference. */
-    kind: 'tool' | 'subagent';
-    /** For tools: the function_key used in the `{{tool:KEY}}` token. */
-    functionKey?: string;
-    /** Plain item name (no prefix) shown in the picker dropdown rows. */
-    plainLabel?: string;
-    /** For tools: the source bucket (manifest / shopify / …) the picker groups by. */
-    source?: string;
-}
-/** Display labels for the known tool sources (drives picker headers + chip prefix). */
-export declare const TOOL_SOURCE_LABELS: Record<string, string>;
-/** Human label for a tool source; falls back to the host-app label, then the raw key. */
-export declare const toolSourceLabel: (source: string | undefined, fallback?: string) => string;
-/** Human label for the host application, used as the tool-chip prefix. */
-export declare const appTypeLabel: (applicationType?: ApplicationType) => string;
-/**
- * Build the combined `@` mention list from the available tools + sub-agents.
- *
- * The `label` is the CHIP text shown once inserted — tools read
- * `"<App> : <tool name>"` (e.g. "Manifest : Look up order"), sub-agents read
- * `"sub-agent: <name>"`. `meta.plainLabel` is the un-prefixed name for the
- * picker rows, and `meta.kind` drives the `{{tool}}` / `{{subagent}}` colour.
- */
-export declare const buildAgentMentionItems: (tools: AgentTool[], subAgents: SubAgentRef[], appLabel?: string) => MentionItem[];
-/**
- * Public: HTML for one mention chip, for inserting at the cursor (e.g. when a
- * tool / sub-agent is added from the Step-3 side panel). Round-trips through the
- * same parser path as the rehydrated chips.
- */
-export declare const buildMentionHtml: (id: string, label: string, kind: 'tool' | 'subagent') => string;
-/**
- * Convert the stored instructions string into HTML for `BikEditor.initialContent`.
- * `{{tool:KEY}}` / `{{subagent:ID}}` tokens are rehydrated into mention chips
- * (resolved via `mentionItems`); any other `{{…}}` token is left as literal text
- * for the editor's variable decoration. Newlines become paragraph / line breaks.
- */
-export declare const instructionsToEditorHtml: (text: string, mentionItems?: MentionItem[]) => string;
-/**
- * Convert a BikEditor document (from `ref.getJSON()`) into the firebase
- * instructions string, replacing mention nodes with `{{subagent:ID}}` /
- * `{{tool:KEY}}` tokens.
- */
-export declare const editorDocToInstructions: (doc: Record<string, unknown> | null, tools: AgentTool[]) => string;