@bikdotai/bik-component-library 0.0.871 → 0.0.872

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

@@ -1,363 +1,373 @@
-import { jsxs as u, jsx as i, Fragment as ze } from "react/jsx-runtime";
-import { useState as R, useRef as ne, useCallback as c, useEffect as J } from "react";
-import { TitleSmall as ie, BodyCaption as Ve, BodySecondary as le } from "../../TypographyStyle.js";
-import { COLORS as _ } from "../../../constants/Theme.js";
-import { Step3Root as je, Step3Grid as $e, SectionBodyWrap as ae, Step3Divider as Je, SideSection as se, SideSectionHeader as Qe } from "../AgentBuilder.styled.js";
-import { ConfigToolPanel as Xe } from "../components/ConfigToolPanel.js";
-import { CreateSubAgentPanel as Ye } from "../components/CreateSubAgentPanel.js";
-import { MentionField as re } from "../components/MentionField.js";
-import { RequireVerificationModal as Ze } from "../components/RequireVerificationModal.js";
-import { RestApiToolPanel as et } from "../components/RestApiToolPanel.js";
-import { SelectableListSection as ce } from "../components/SelectableListSection.js";
-import { StepSectionHeader as tt } from "../components/StepSectionHeader.js";
-import { STEP_DEFINITIONS as ot } from "../constants/steps.js";
-import { ToolSource as p, CONFIG_TOOL_SOURCES as nt } from "../constants/tools.js";
-import { useAgentBuilderContext as it } from "../context/AgentBuilderContext.js";
-import { restApiMentionItem as lt, configToolMentionItem as at, restApiToolName as st, configToolName as rt, toolSourceLabel as ct, buildAgentMentionItems as de, buildCustomToolMentionItems as dt, appTypeLabel as ue } from "../utils/mentionSerialization.js";
-import { sourceIcon as Se, SOURCE_ICONS as pe, renderSourceIcon as ut } from "../utils/sourceIcons.js";
-import { buildToolActions as pt } from "../utils/toolActions.js";
-import mt from "../../../icons/Informational/Common UI/Shield.js";
-import { Dropdown as me } from "../../dropdown/Dropdown.js";
-import { unwrapDropdownValue as ge } from "../../dropdown/utils.js";
-import { Tooltip as gt } from "../../tooltips/Tooltip.js";
-import { Switch as ft } from "../../switch/Switch.js";
-const ht = (n) => ut(Se(n)) ?? void 0, fe = (n) => ({
-  label: n.display_name,
-  value: n.tool_id,
-  leadingIcon: ht(n.source ?? p.Manifest)
-}), he = ot[2], Q = [
+import { jsxs as u, jsx as i, Fragment as Ye } from "react/jsx-runtime";
+import { useState as O, useRef as se, useCallback as c, useEffect as Q } from "react";
+import { TitleSmall as ae, BodyCaption as je, BodySecondary as re } from "../../TypographyStyle.js";
+import { COLORS as k } from "../../../constants/Theme.js";
+import { Step3Root as $e, Step3Grid as Je, SectionBodyWrap as ce, Step3Divider as Qe, SideSection as de, SideSectionHeader as Xe } from "../AgentBuilder.styled.js";
+import { ConfigToolPanel as Ze } from "../components/ConfigToolPanel.js";
+import { CreateSubAgentPanel as et } from "../components/CreateSubAgentPanel.js";
+import { MentionField as ue } from "../components/MentionField.js";
+import { RequireVerificationModal as tt } from "../components/RequireVerificationModal.js";
+import { RestApiToolPanel as ot } from "../components/RestApiToolPanel.js";
+import { SelectableListSection as pe } from "../components/SelectableListSection.js";
+import { StepSectionHeader as nt } from "../components/StepSectionHeader.js";
+import { STEP_DEFINITIONS as it } from "../constants/steps.js";
+import { ToolSource as f, CONFIG_TOOL_SOURCE_BY_KEY as lt, CONFIG_TOOL_SOURCES as st, INTEGRATIONS_LABEL as at, INTEGRATIONS_KEY as rt } from "../constants/tools.js";
+import { useAgentBuilderContext as ct } from "../context/AgentBuilderContext.js";
+import { restApiMentionItem as dt, configToolMentionItem as ut, restApiToolName as pt, configToolName as mt, toolSourceLabel as gt, buildAgentMentionItems as me, buildCustomToolMentionItems as ft, appTypeLabel as ge } from "../utils/mentionSerialization.js";
+import { partitionSources as ht } from "../utils/sourceGrouping.js";
+import { sourceIcon as Ae, SOURCE_ICONS as fe, renderSourceIcon as bt } from "../utils/sourceIcons.js";
+import { buildToolActions as St } from "../utils/toolActions.js";
+import Tt from "../../../icons/Informational/Common UI/Shield.js";
+import { Dropdown as he } from "../../dropdown/Dropdown.js";
+import { unwrapDropdownValue as be } from "../../dropdown/utils.js";
+import { Tooltip as yt } from "../../tooltips/Tooltip.js";
+import { Switch as At } from "../../switch/Switch.js";
+const vt = (o) => bt(Ae(o)) ?? void 0, Se = (o) => ({
+  label: o.display_name,
+  value: o.tool_id,
+  leadingIcon: vt(o.source ?? f.Manifest)
+}), Te = it[2], X = [
   { label: "OTP to phone", value: "phone_otp" },
   { label: "OTP to email", value: "email_otp" }
-], be = (n, l) => {
-  const y = n ?? [];
-  return y.some((m) => m.id === l.id) ? y.map((m) => m.id === l.id ? l : m) : [...y, l];
-}, Bt = () => {
+], ye = (o, l) => {
+  const I = o ?? [];
+  return I.some((p) => p.id === l.id) ? I.map((p) => p.id === l.id ? l : p) : [...I, l];
+}, Yt = () => {
   const {
-    value: n,
+    value: o,
     patch: l,
-    updateField: y,
-    addReference: m,
-    removeReference: X,
-    availableTools: s,
-    availableSubAgents: Te,
-    availableModels: N,
-    configToolTemplates: q,
-    applicationType: Y,
-    charLimits: v,
+    updateField: I,
+    addReference: p,
+    removeReference: Z,
+    availableTools: r,
+    availableSubAgents: ve,
+    availableModels: P,
+    configToolTemplates: K,
+    applicationType: ee,
+    charLimits: C,
     insertMention: d,
-    onCreateSubAgent: h,
-    onFetchSubAgent: O,
-    onUpdateSubAgent: D,
-    onImproveSubAgent: ye,
-    onImproveToolInstructions: P,
-    registerSubAgentCreator: H,
-    registerToolActionHandler: K,
-    integrationStatus: L,
-    onConnectIntegration: B,
-    variablesData: F
-  } = it(), [g, k] = R(null), x = ne(0), [a, b] = R(null), M = ne(0), G = c((e) => {
-    M.current += 1, b({
-      key: M.current,
+    onCreateSubAgent: T,
+    onFetchSubAgent: E,
+    onUpdateSubAgent: H,
+    onImproveSubAgent: Ie,
+    onImproveToolInstructions: B,
+    registerSubAgentCreator: G,
+    registerToolActionHandler: F,
+    integrationStatus: w,
+    onConnectIntegration: N,
+    variablesData: U
+  } = ct(), [m, x] = O(null), M = se(0), [s, y] = O(null), q = se(0), W = c((e) => {
+    q.current += 1, y({
+      key: q.current,
       kind: "restapi",
       initialRest: e
     });
-  }, []), U = c(
+  }, []), z = c(
     (e, t) => {
-      M.current += 1, b({
-        key: M.current,
+      q.current += 1, y({
+        key: q.current,
         kind: "config",
         toolKey: e,
         initialConfig: t
       });
     },
     []
-  ), ve = c(
+  ), Ce = c(
     (e) => {
-      const t = !(n.restApiTools ?? []).some((o) => o.id === e.id);
-      l({ restApiTools: be(n.restApiTools, e) }), t && d(
+      const t = !(o.restApiTools ?? []).some((n) => n.id === e.id);
+      l({ restApiTools: ye(o.restApiTools, e) }), t && d(
         "tool",
         e.id,
-        lt(e).label,
-        p.RestApi
-      ), b(null);
+        dt(e).label,
+        f.RestApi
+      ), y(null);
     },
-    [l, n.restApiTools, d]
-  ), Ae = c(
+    [l, o.restApiTools, d]
+  ), we = c(
     (e) => {
-      const t = !(n.configTools ?? []).some((o) => o.id === e.id);
-      if (l({ configTools: be(n.configTools, e) }), t) {
-        const o = e.tool_key === "send_slack_message" ? p.Slack : p.EmailHandover;
-        d(
-          "tool",
-          e.id,
-          at(e).label,
-          o
-        );
-      }
-      b(null);
+      const t = !(o.configTools ?? []).some((n) => n.id === e.id);
+      l({ configTools: ye(o.configTools, e) }), t && d(
+        "tool",
+        e.id,
+        ut(e).label,
+        lt[e.tool_key]
+      ), y(null);
     },
-    [l, n.configTools, d]
-  ), W = c(
-    (e) => {
-      const t = nt[e];
-      t ? U(t) : G();
+    [l, o.configTools, d]
+  ), V = c(
+    (e, t) => {
+      const n = t ?? st[e]?.[0];
+      n ? z(n) : e == f.RestApi && W();
     },
-    [U, G]
+    [z, W]
   );
-  J(() => (K(W), () => K(null)), [K, W]);
-  const [Ie, Z] = R([]), [Ce, we] = R(() => /* @__PURE__ */ new Set()), A = /* @__PURE__ */ new Map();
-  Te.forEach((e) => A.set(e.id, e)), Ie.forEach((e) => A.set(e.id, e));
-  const ee = Array.from(A.values()), z = c(() => {
-    x.current += 1, k({ key: x.current, title: "Create sub-agent" });
+  Q(() => (F(V), () => F(null)), [F, V]);
+  const [Re, te] = O([]), [_e, Oe] = O(() => /* @__PURE__ */ new Set()), R = /* @__PURE__ */ new Map();
+  ve.forEach((e) => R.set(e.id, e)), Re.forEach((e) => R.set(e.id, e));
+  const oe = Array.from(R.values()), Y = c(() => {
+    M.current += 1, x({ key: M.current, title: "Create sub-agent" });
   }, []);
-  J(() => {
-    if (h)
-      return H(z), () => H(null);
-  }, [H, z, h]);
-  const Re = c(
+  Q(() => {
+    if (T)
+      return G(Y), () => G(null);
+  }, [G, Y, T]);
+  const ke = c(
     async (e) => {
-      if (!O)
+      if (!E)
         return;
-      const t = await O(e);
-      x.current += 1, k({
-        key: x.current,
+      const t = await E(e);
+      M.current += 1, x({
+        key: M.current,
         title: "Edit sub-agent",
         editingId: e,
         initial: t
       });
     },
-    [O]
-  ), _e = n.tools.some(
-    (e) => s.find((t) => t.tool_id === e)?.auth_required
-  ), Oe = n.subagents.some(
-    (e) => Ce.has(e)
-  ), f = _e || Oe, S = n.authentication?.enabled ?? !1, T = n.authentication?.type ?? "email_otp", ke = ue(Y) !== "BIK", xe = c(
+    [E]
+  ), Ee = o.tools.some(
+    (e) => r.find((t) => t.tool_id === e)?.auth_required
+  ), Ne = o.subagents.some(
+    (e) => _e.has(e)
+  ), h = Ee || Ne, A = o.authentication?.enabled ?? !1, v = o.authentication?.type ?? "email_otp", xe = ge(ee) !== "BIK", Me = c(
     async (e) => {
       let t;
-      if (g?.editingId) {
-        if (D) {
-          const o = await D(g.editingId, e);
-          t = o.id, Z((r) => [
-            ...r.filter((C) => C.id !== o.id),
-            o
+      if (m?.editingId) {
+        if (H) {
+          const n = await H(m.editingId, e);
+          t = n.id, te((b) => [
+            ...b.filter((S) => S.id !== n.id),
+            n
           ]);
         }
-      } else if (h) {
-        const o = await h(e);
-        t = o.id, Z((r) => [...r, o]), l({ subagents: [...n.subagents, o.id] }), d("subagent", o.id, `sub-agent: ${o.name}`);
+      } else if (T) {
+        const n = await T(e);
+        t = n.id, te((b) => [...b, n]), l({ subagents: [...o.subagents, n.id] }), d("subagent", n.id, `sub-agent: ${n.name}`);
       }
       if (t) {
-        const o = t, r = e.tools.some(
-          (C) => s.find((w) => w.tool_id === C)?.auth_required
+        const n = t, b = e.tools.some(
+          (S) => r.find((g) => g.tool_id === S)?.auth_required
         );
-        we((C) => {
-          const w = new Set(C);
-          return r ? w.add(o) : w.delete(o), w;
+        Oe((S) => {
+          const g = new Set(S);
+          return b ? g.add(n) : g.delete(n), g;
         });
       }
-      k(null);
+      x(null);
     },
     [
-      g,
-      D,
-      h,
+      m,
+      H,
+      T,
       l,
-      n.subagents,
+      o.subagents,
       d,
-      s
+      r
     ]
   );
-  J(() => {
-    f && !S && l({ authentication: { enabled: !0, type: T } });
-  }, [f, S, T, l]);
-  const [E, V] = R(null), j = c(
+  Q(() => {
+    h && !A && l({ authentication: { enabled: !0, type: v } });
+  }, [h, A, v, l]);
+  const [D, j] = O(null), $ = c(
     (e) => {
-      d("tool", e), m("tool", e);
+      d("tool", e), p("tool", e);
     },
-    [d, m]
-  ), Me = c(
+    [d, p]
+  ), qe = c(
     (e) => {
-      if (s.find((o) => o.tool_id === e)?.auth_required && !S) {
-        V(e);
+      if (r.find((n) => n.tool_id === e)?.auth_required && !A) {
+        j(e);
         return;
       }
-      j(e);
+      $(e);
     },
-    [s, S, j]
-  ), Ee = n.tools.map((e) => {
-    const t = s.find((o) => o.tool_id === e);
+    [r, A, $]
+  ), De = o.tools.map((e) => {
+    const t = r.find((n) => n.tool_id === e);
     return t ? {
       id: e,
       label: t.display_name,
-      icon: Se(t.source ?? p.Manifest),
+      icon: Ae(t.source ?? f.Manifest),
       authRequired: t.auth_required
     } : null;
-  }).filter((e) => e !== null), Ne = (n.restApiTools ?? []).map(
+  }).filter((e) => e !== null), Le = (o.restApiTools ?? []).map(
     (e) => ({
       id: e.id,
-      label: st(e),
-      icon: pe[p.RestApi],
-      onConfigure: () => G(e)
+      label: pt(e),
+      icon: fe[f.RestApi],
+      onConfigure: () => W(e)
     })
-  ), qe = (n.configTools ?? []).map(
+  ), Pe = (o.configTools ?? []).map(
     (e) => ({
       id: e.id,
-      label: rt(e),
-      icon: pe[e.tool_key === "send_slack_message" ? p.Slack : p.EmailHandover],
-      onConfigure: () => U(e.tool_key, e)
+      label: mt(e),
+      icon: fe[e.tool_key === "send_slack_message" ? f.Slack : f.EmailHandover],
+      onConfigure: () => z(e.tool_key, e)
     })
-  ), De = [
-    ...Ee,
-    ...Ne,
-    ...qe
-  ], Pe = pt(
-    q,
-    W,
-    L,
-    B
-  ), He = s.map(fe), I = ue(Y), Ke = (() => {
+  ), Ke = [
+    ...De,
+    ...Le,
+    ...Pe
+  ], ne = St(
+    K,
+    V,
+    w,
+    N
+  ), He = r.map(Se), _ = ge(ee), Be = (() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return s.forEach((o) => {
-      const r = o.source ?? p.Manifest;
-      t.has(r) || (t.set(r, []), e.push(r)), t.get(r)?.push(fe(o));
-    }), e.map((o) => ({
-      source: o,
-      label: ct(o, I),
-      options: t.get(o) ?? [],
-      // Not connected → the source button opens the connect flow instead of
-      // its tool list (see SelectableListSection / onConnectIntegration).
-      connected: L?.[o],
-      onConnect: () => B?.(o)
+    r.forEach((a) => {
+      const L = a.source ?? f.Manifest;
+      t.has(L) || (t.set(L, []), e.push(L)), t.get(L)?.push(Se(a));
+    });
+    const { outside: n, inside: b } = ht(
+      [...e, ...ne.map((a) => a.source)],
+      w
+    ), S = new Set(n), g = e.filter((a) => S.has(a)).map((a) => ({
+      source: a,
+      label: gt(a, _),
+      options: t.get(a) ?? [],
+      // Reachable only when connected or ungated, so no connect flow needed —
+      // kept for the picker's own gating, which reads these groups.
+      connected: w?.[a],
+      onConnect: () => N?.(a)
     }));
-  })(), Le = n.subagents.map((e) => {
-    const t = A.get(e);
+    return b.length > 0 && g.push({
+      source: rt,
+      label: at,
+      // No options of its own: clicking opens the picker at the umbrella,
+      // where each unconnected source offers "Connect".
+      options: []
+    }), g;
+  })(), Ge = o.subagents.map((e) => {
+    const t = R.get(e);
     return t ? { id: e, label: t.name } : null;
-  }).filter((e) => e !== null), Be = ee.map((e) => ({
+  }).filter((e) => e !== null), Fe = oe.map((e) => ({
     label: e.name,
     value: e.id
-  })), Fe = [
-    ...de(s, [], I),
-    ...dt(n.configTools, n.restApiTools)
-  ], Ge = de(
+  })), Ue = [
+    ...me(r, [], _),
+    ...ft(o.configTools, o.restApiTools)
+  ], We = me(
     [],
-    ee,
-    I
-  ), Ue = N.map((e) => ({
+    oe,
+    _
+  ), ze = P.map((e) => ({
     label: e.label,
     value: e.value,
-    selected: e.value === n.model
-  })), $ = N.find((e) => e.value === n.model), te = a?.kind === "config" && a.toolKey ? q?.[a.toolKey] : void 0, oe = /* @__PURE__ */ i(
-    ft,
+    selected: e.value === o.model
+  })), J = P.find((e) => e.value === o.model), ie = s?.kind === "config" && s.toolKey ? K?.[s.toolKey] : void 0, le = /* @__PURE__ */ i(
+    At,
     {
       "data-test": "agent-auth-toggle",
-      value: S || f,
-      disabled: f,
+      value: A || h,
+      disabled: h,
       onValueChange: async (e) => {
-        l({ authentication: { enabled: e, type: T } });
+        l({ authentication: { enabled: e, type: v } });
       }
     }
-  ), We = f ? /* @__PURE__ */ i(
-    gt,
+  ), Ve = h ? /* @__PURE__ */ i(
+    yt,
     {
       body: "Remove tools that requires customer verification to change this setting.",
       placement: "bottom",
-      children: /* @__PURE__ */ i("span", { style: { display: "flex" }, children: oe })
+      children: /* @__PURE__ */ i("span", { style: { display: "flex" }, children: le })
     }
-  ) : oe;
-  return /* @__PURE__ */ u(je, { children: [
-    /* @__PURE__ */ i(tt, { title: he.title, helper: he.helper }),
-    /* @__PURE__ */ u($e, { $grow: !0, children: [
-      /* @__PURE__ */ u(ae, { children: [
+  ) : le;
+  return /* @__PURE__ */ u($e, { children: [
+    /* @__PURE__ */ i(nt, { title: Te.title, helper: Te.helper }),
+    /* @__PURE__ */ u(Je, { $grow: !0, children: [
+      /* @__PURE__ */ u(ce, { children: [
         /* @__PURE__ */ i(
-          re,
+          ue,
           {
             fieldKey: "instructions",
             "data-test": "agent-instructions",
             label: "Instructions",
-            maxLength: v.instructions,
+            maxLength: C.instructions,
             placeholder: "Write the steps in plain English. The agent will follow them exactly. The more specific you are, the better it performs.",
             minHeight: "200px"
           }
         ),
         /* @__PURE__ */ i(
-          re,
+          ue,
           {
             fieldKey: "guardrail",
             "data-test": "agent-guardrail",
             label: "Guardrails",
-            maxLength: v.guardrail,
+            maxLength: C.guardrail,
             placeholder: "e.g. Never discuss competitor pricing. Always stay within the cancellation policy. Do not process refunds above ₹10,000 without human approval.",
             minHeight: "140px"
           }
         )
       ] }),
-      /* @__PURE__ */ i(Je, {}),
-      /* @__PURE__ */ u(ae, { children: [
+      /* @__PURE__ */ i(Qe, {}),
+      /* @__PURE__ */ u(ce, { children: [
         /* @__PURE__ */ i(
-          ce,
+          pe,
           {
             title: "Tools",
             helper: "Actions this agent can take while responding.",
             dataTestPrefix: "agent-tools",
-            items: De,
+            items: Ke,
             addableOptions: He,
-            sourceGroups: Ke,
-            mentionItems: Fe,
-            actionSources: Pe,
+            sourceGroups: Be,
+            integrationStatus: w,
+            onConnectIntegration: (e) => N?.(e),
+            mentionItems: Ue,
+            actionSources: ne,
             emptyText: "No tools added yet.",
-            appLabel: I,
-            onAdd: Me,
-            onRemove: (e) => X("tool", e),
+            appLabel: _,
+            onAdd: qe,
+            onRemove: (e) => Z("tool", e),
             confirmDelete: { noun: "tool" }
           }
         ),
         /* @__PURE__ */ i(
-          ce,
+          pe,
           {
             title: "Sub-agents",
             helper: "Other agents this agent can hand off the conversation to.",
             dataTestPrefix: "agent-subagents",
-            items: Le,
-            addableOptions: Be,
-            mentionItems: Ge,
+            items: Ge,
+            addableOptions: Fe,
+            mentionItems: We,
             emptyText: "No sub-agents added yet.",
             onAdd: (e) => {
-              d("subagent", e), m("subagent", e);
+              d("subagent", e), p("subagent", e);
             },
-            onRemove: (e) => X("subagent", e),
+            onRemove: (e) => Z("subagent", e),
             confirmDelete: { noun: "sub-agent" },
-            onConfigure: O ? Re : void 0,
-            createOption: h ? { label: "Create new", onSelect: z } : void 0
+            onConfigure: E ? ke : void 0,
+            createOption: T ? { label: "Create new", onSelect: Y } : void 0
           }
         ),
-        /* @__PURE__ */ u(se, { children: [
-          /* @__PURE__ */ u(Qe, { children: [
+        /* @__PURE__ */ u(de, { children: [
+          /* @__PURE__ */ u(Xe, { children: [
             /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i(mt, { size: 20 }),
-              /* @__PURE__ */ i(ie, { color: _.content.primary, children: "Require customer verification" })
+              /* @__PURE__ */ i(Tt, { size: 20 }),
+              /* @__PURE__ */ i(ae, { color: k.content.primary, children: "Require customer verification" })
             ] }),
-            We
+            Ve
           ] }),
-          /* @__PURE__ */ i(Ve, { color: _.content.secondary, children: f ? "Required — this agent uses a tool that accesses customer order details." : "Customers must verify their identity before this agent responds." }),
-          ke && (S || f) && /* @__PURE__ */ u(ze, { children: [
-            /* @__PURE__ */ i(le, { color: _.content.primary, children: "Select verification method" }),
+          /* @__PURE__ */ i(je, { color: k.content.secondary, children: h ? "Required — this agent uses a tool that accesses customer order details." : "Customers must verify their identity before this agent responds." }),
+          xe && (A || h) && /* @__PURE__ */ u(Ye, { children: [
+            /* @__PURE__ */ i(re, { color: k.content.primary, children: "Select verification method" }),
             /* @__PURE__ */ i(
-              me,
+              he,
               {
                 "data-test": "agent-auth-method",
                 size: "small",
                 width: "100%",
                 dropdownWidth: "328px",
                 placeHolder: "Select verification method",
-                options: Q.map((e) => ({
+                options: X.map((e) => ({
                   ...e,
-                  selected: e.value === T
+                  selected: e.value === v
                 })),
                 defaultOptions: [
-                  Q.find((e) => e.value === T) ?? Q[0]
+                  X.find((e) => e.value === v) ?? X[0]
                 ],
                 onSelect: (e) => {
-                  const t = ge(e);
+                  const t = be(e);
                   t && l({
                     authentication: {
                       enabled: !0,
@@ -369,94 +379,94 @@ const ht = (n) => ut(Se(n)) ?? void 0, fe = (n) => ({
             )
           ] })
         ] }),
-        N.length > 0 && /* @__PURE__ */ u(se, { children: [
-          /* @__PURE__ */ i(ie, { color: _.content.primary, children: "Advanced settings" }),
-          /* @__PURE__ */ i(le, { color: _.content.primary, children: "Select AI model" }),
+        P.length > 0 && /* @__PURE__ */ u(de, { children: [
+          /* @__PURE__ */ i(ae, { color: k.content.primary, children: "Advanced settings" }),
+          /* @__PURE__ */ i(re, { color: k.content.primary, children: "Select AI model" }),
           /* @__PURE__ */ i(
-            me,
+            he,
             {
               "data-test": "agent-model",
               size: "small",
               width: "100%",
               dropdownWidth: "328px",
               placeHolder: "Select model",
-              options: Ue,
-              defaultOptions: $ ? [
+              options: ze,
+              defaultOptions: J ? [
                 {
-                  label: $.label,
-                  value: $.value
+                  label: J.label,
+                  value: J.value
                 }
               ] : void 0,
               onSelect: (e) => {
-                const t = ge(e);
-                t && y("model", t);
+                const t = be(e);
+                t && I("model", t);
               }
             }
           )
         ] })
       ] })
     ] }),
-    g && /* @__PURE__ */ i(
-      Ye,
+    m && /* @__PURE__ */ i(
+      et,
       {
-        title: g.title,
-        initial: g.initial,
-        existingNames: n.subagents.filter((e) => e !== g.editingId).map((e) => A.get(e)?.name).filter((e) => !!e),
-        availableTools: s,
-        configToolTemplates: q,
-        variablesData: F,
-        integrationStatus: L,
-        onConnectIntegration: B,
-        appLabel: I,
-        charLimits: v,
-        onImprove: ye,
-        onImproveToolInstructions: P,
-        onClose: () => k(null),
-        onSave: xe
+        title: m.title,
+        initial: m.initial,
+        existingNames: o.subagents.filter((e) => e !== m.editingId).map((e) => R.get(e)?.name).filter((e) => !!e),
+        availableTools: r,
+        configToolTemplates: K,
+        variablesData: U,
+        integrationStatus: w,
+        onConnectIntegration: N,
+        appLabel: _,
+        charLimits: C,
+        onImprove: Ie,
+        onImproveToolInstructions: B,
+        onClose: () => x(null),
+        onSave: Me
       },
-      g.key
+      m.key
     ),
-    a?.kind === "restapi" && /* @__PURE__ */ i(
-      et,
+    s?.kind === "restapi" && /* @__PURE__ */ i(
+      ot,
       {
-        initial: a.initialRest,
-        charLimits: v,
-        variablesData: F,
-        existingNames: (n.restApiTools ?? []).filter((e) => e.id !== a.initialRest?.id).map((e) => e.name),
-        onImprove: P,
-        onClose: () => b(null),
-        onSave: ve
+        initial: s.initialRest,
+        charLimits: C,
+        variablesData: U,
+        existingNames: (o.restApiTools ?? []).filter((e) => e.id !== s.initialRest?.id).map((e) => e.name),
+        onImprove: B,
+        onClose: () => y(null),
+        onSave: Ce
       },
-      a.key
+      s.key
     ),
-    a?.kind === "config" && a.toolKey && te && /* @__PURE__ */ i(
-      Xe,
+    s?.kind === "config" && s.toolKey && ie && /* @__PURE__ */ i(
+      Ze,
       {
-        toolKey: a.toolKey,
-        template: te,
-        initial: a.initialConfig,
-        charLimits: v,
-        variablesData: F,
-        onImprove: P,
-        onClose: () => b(null),
-        onSave: Ae
+        toolKey: s.toolKey,
+        template: ie,
+        initial: s.initialConfig,
+        charLimits: C,
+        variablesData: U,
+        onImprove: B,
+        onClose: () => y(null),
+        onSave: we
       },
-      a.key
+      s.key
     ),
     /* @__PURE__ */ i(
-      Ze,
+      tt,
       {
-        open: E !== null,
-        toolLabel: s.find((e) => e.tool_id === E)?.display_name ?? "This tool",
-        onCancel: () => V(null),
+        open: D !== null,
+        toolLabel: r.find((e) => e.tool_id === D)?.display_name ?? "This tool",
+        onCancel: () => j(null),
         onConfirm: () => {
-          l({ authentication: { enabled: !0, type: T } }), E && j(E), V(null);
+          l({ authentication: { enabled: !0, type: v } }), D && $(D), j(null);
         }
       }
     )
   ] });
 };
 export {
-  Bt as Step3HowItResponds
+  Yt as Step3HowItResponds
 };
 //# sourceMappingURL=Step3HowItResponds.js.map