@bikdotai/bik-component-library 0.0.853-beta.0 → 0.0.853

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

@@ -1,262 +1,274 @@
-import { jsxs as d, jsx as i, Fragment as Ke } from "react/jsx-runtime";
-import { useState as k, useRef as oe, useCallback as s, useEffect as W } from "react";
-import { TitleSmall as te, BodyCaption as qe, BodySecondary as ne } from "../../TypographyStyle.js";
-import { COLORS as I } from "../../../constants/Theme.js";
-import { Step3Root as Be, Step3Grid as Fe, SectionBodyWrap as ie, Step3Divider as Ge, SideSection as le, SideSectionHeader as Ue } from "../AgentBuilder.styled.js";
-import { ConfigToolPanel as We } from "../components/ConfigToolPanel.js";
-import { CreateSubAgentPanel as ze } from "../components/CreateSubAgentPanel.js";
-import { MentionField as ae } from "../components/MentionField.js";
-import { RequireVerificationModal as Ve } from "../components/RequireVerificationModal.js";
-import { RestApiToolPanel as je } from "../components/RestApiToolPanel.js";
-import { SelectableListSection as se } from "../components/SelectableListSection.js";
-import { StepSectionHeader as $e } from "../components/StepSectionHeader.js";
-import { STEP_DEFINITIONS as Je } from "../constants/steps.js";
-import { ToolSource as u, CONFIG_TOOL_SOURCES as Qe } from "../constants/tools.js";
-import { useAgentBuilderContext as Xe } from "../context/AgentBuilderContext.js";
-import { restApiMentionItem as Ye, configToolMentionItem as Ze, restApiToolName as eo, configToolName as oo, toolSourceLabel as to, buildAgentMentionItems as re, buildCustomToolMentionItems as no, appTypeLabel as ce } from "../utils/mentionSerialization.js";
-import { sourceIcon as he, SOURCE_ICONS as de, renderSourceIcon as io } from "../utils/sourceIcons.js";
-import { buildToolActions as lo } from "../utils/toolActions.js";
-import ao from "../../../icons/Informational/Common UI/Shield.js";
-import { Dropdown as ue } from "../../dropdown/Dropdown.js";
-import { unwrapDropdownValue as pe } from "../../dropdown/utils.js";
-import { Tooltip as so } from "../../tooltips/Tooltip.js";
-import { Switch as ro } from "../../switch/Switch.js";
-const co = (t) => io(he(t)) ?? void 0, me = (t) => ({
-  label: t.display_name,
-  value: t.tool_id,
-  leadingIcon: co(t.source ?? u.Manifest)
-}), fe = Je[2], z = [
+import { jsxs as u, jsx as i, Fragment as Ue } from "react/jsx-runtime";
+import { useState as w, useRef as oe, useCallback as c, useEffect as j } from "react";
+import { TitleSmall as ne, BodyCaption as We, BodySecondary as ie } from "../../TypographyStyle.js";
+import { COLORS as R } from "../../../constants/Theme.js";
+import { Step3Root as ze, Step3Grid as Ve, SectionBodyWrap as le, Step3Divider as je, SideSection as ae, SideSectionHeader as $e } from "../AgentBuilder.styled.js";
+import { ConfigToolPanel as Je } from "../components/ConfigToolPanel.js";
+import { CreateSubAgentPanel as Qe } from "../components/CreateSubAgentPanel.js";
+import { MentionField as se } from "../components/MentionField.js";
+import { RequireVerificationModal as Xe } from "../components/RequireVerificationModal.js";
+import { RestApiToolPanel as Ye } from "../components/RestApiToolPanel.js";
+import { SelectableListSection as re } from "../components/SelectableListSection.js";
+import { StepSectionHeader as Ze } from "../components/StepSectionHeader.js";
+import { STEP_DEFINITIONS as et } from "../constants/steps.js";
+import { ToolSource as p, CONFIG_TOOL_SOURCES as tt } from "../constants/tools.js";
+import { useAgentBuilderContext as ot } from "../context/AgentBuilderContext.js";
+import { restApiMentionItem as nt, configToolMentionItem as it, restApiToolName as lt, configToolName as at, toolSourceLabel as st, buildAgentMentionItems as ce, buildCustomToolMentionItems as rt, appTypeLabel as de } from "../utils/mentionSerialization.js";
+import { sourceIcon as be, SOURCE_ICONS as ue, renderSourceIcon as ct } from "../utils/sourceIcons.js";
+import { buildToolActions as dt } from "../utils/toolActions.js";
+import ut from "../../../icons/Informational/Common UI/Shield.js";
+import { Dropdown as pe } from "../../dropdown/Dropdown.js";
+import { unwrapDropdownValue as me } from "../../dropdown/utils.js";
+import { Tooltip as pt } from "../../tooltips/Tooltip.js";
+import { Switch as mt } from "../../switch/Switch.js";
+const gt = (n) => ct(be(n)) ?? void 0, ge = (n) => ({
+  label: n.display_name,
+  value: n.tool_id,
+  leadingIcon: gt(n.source ?? p.Manifest)
+}), fe = et[2], $ = [
   { label: "OTP to phone", value: "phone_otp" },
   { label: "OTP to email", value: "email_otp" }
-], ge = (t, l) => {
-  const T = t ?? [];
-  return T.some((p) => p.id === l.id) ? T.map((p) => p.id === l.id ? l : p) : [...T, l];
-}, Po = () => {
+], he = (n, l) => {
+  const y = n ?? [];
+  return y.some((m) => m.id === l.id) ? y.map((m) => m.id === l.id ? l : m) : [...y, l];
+}, Lt = () => {
   const {
-    value: t,
+    value: n,
     patch: l,
-    updateField: T,
-    addReference: p,
-    removeReference: V,
-    availableTools: r,
-    availableSubAgents: be,
-    availableModels: x,
-    configToolTemplates: M,
-    applicationType: j,
+    updateField: y,
+    addReference: m,
+    removeReference: J,
+    availableTools: s,
+    availableSubAgents: Se,
+    availableModels: E,
+    configToolTemplates: N,
+    applicationType: Q,
     charLimits: v,
-    insertMention: c,
-    onCreateSubAgent: g,
-    onFetchSubAgent: C,
-    onUpdateSubAgent: E,
-    onImproveSubAgent: ye,
-    onImproveToolInstructions: N,
-    registerSubAgentCreator: P,
-    registerToolActionHandler: D,
-    integrationStatus: $,
-    onConnectIntegration: J,
-    variablesData: H
-  } = Xe(), [m, w] = k(null), _ = oe(0), [a, h] = k(null), R = oe(0), L = s((e) => {
-    R.current += 1, h({
-      key: R.current,
+    insertMention: d,
+    onCreateSubAgent: h,
+    onFetchSubAgent: _,
+    onUpdateSubAgent: q,
+    onImproveSubAgent: Te,
+    onImproveToolInstructions: P,
+    registerSubAgentCreator: D,
+    registerToolActionHandler: H,
+    integrationStatus: L,
+    onConnectIntegration: K
+  } = ot(), [g, O] = w(null), k = oe(0), [a, b] = w(null), x = oe(0), B = c((e) => {
+    x.current += 1, b({
+      key: x.current,
       kind: "restapi",
       initialRest: e
     });
-  }, []), K = s(
-    (e, o) => {
-      R.current += 1, h({
-        key: R.current,
+  }, []), F = c(
+    (e, t) => {
+      x.current += 1, b({
+        key: x.current,
         kind: "config",
         toolKey: e,
-        initialConfig: o
+        initialConfig: t
       });
     },
     []
-  ), Se = s(
+  ), ye = c(
     (e) => {
-      const o = !(t.restApiTools ?? []).some((n) => n.id === e.id);
-      l({ restApiTools: ge(t.restApiTools, e) }), o && c(
+      const t = !(n.restApiTools ?? []).some((o) => o.id === e.id);
+      l({ restApiTools: he(n.restApiTools, e) }), t && d(
         "tool",
         e.id,
-        Ye(e).label,
-        u.RestApi
-      ), h(null);
+        nt(e).label,
+        p.RestApi
+      ), b(null);
     },
-    [l, t.restApiTools, c]
-  ), Te = s(
+    [l, n.restApiTools, d]
+  ), ve = c(
     (e) => {
-      const o = !(t.configTools ?? []).some((n) => n.id === e.id);
-      if (l({ configTools: ge(t.configTools, e) }), o) {
-        const n = e.tool_key === "send_slack_message" ? u.Slack : u.EmailHandover;
-        c(
+      const t = !(n.configTools ?? []).some((o) => o.id === e.id);
+      if (l({ configTools: he(n.configTools, e) }), t) {
+        const o = e.tool_key === "send_slack_message" ? p.Slack : p.EmailHandover;
+        d(
           "tool",
           e.id,
-          Ze(e).label,
-          n
+          it(e).label,
+          o
         );
       }
-      h(null);
+      b(null);
     },
-    [l, t.configTools, c]
-  ), q = s(
+    [l, n.configTools, d]
+  ), G = c(
     (e) => {
-      const o = Qe[e];
-      o ? K(o) : L();
+      const t = tt[e];
+      t ? F(t) : B();
     },
-    [K, L]
+    [F, B]
   );
-  W(() => (D(q), () => D(null)), [D, q]);
-  const [ve, Q] = k([]), A = /* @__PURE__ */ new Map();
-  be.forEach((e) => A.set(e.id, e)), ve.forEach((e) => A.set(e.id, e));
-  const X = Array.from(A.values()), B = s(() => {
-    _.current += 1, w({ key: _.current, title: "Create sub-agent" });
+  j(() => (H(G), () => H(null)), [H, G]);
+  const [Ae, X] = w([]), [Ie, Ce] = w(() => /* @__PURE__ */ new Set()), A = /* @__PURE__ */ new Map();
+  Se.forEach((e) => A.set(e.id, e)), Ae.forEach((e) => A.set(e.id, e));
+  const Y = Array.from(A.values()), U = c(() => {
+    k.current += 1, O({ key: k.current, title: "Create sub-agent" });
   }, []);
-  W(() => {
-    if (g)
-      return P(B), () => P(null);
-  }, [P, B, g]);
-  const Ae = s(
+  j(() => {
+    if (h)
+      return D(U), () => D(null);
+  }, [D, U, h]);
+  const we = c(
     async (e) => {
-      if (!C)
+      if (!_)
         return;
-      const o = await C(e);
-      _.current += 1, w({
-        key: _.current,
+      const t = await _(e);
+      k.current += 1, O({
+        key: k.current,
         title: "Edit sub-agent",
         editingId: e,
-        initial: o
+        initial: t
       });
     },
-    [C]
-  ), Ie = s(
+    [_]
+  ), Re = n.tools.some(
+    (e) => s.find((t) => t.tool_id === e)?.auth_required
+  ), _e = n.subagents.some(
+    (e) => Ie.has(e)
+  ), f = Re || _e, S = n.authentication?.enabled ?? !1, T = n.authentication?.type ?? "email_otp", Oe = c(
     async (e) => {
-      if (m?.editingId) {
-        if (E) {
-          const o = await E(m.editingId, e);
-          Q((n) => [
-            ...n.filter((S) => S.id !== o.id),
+      let t;
+      if (g?.editingId) {
+        if (q) {
+          const o = await q(g.editingId, e);
+          t = o.id, X((r) => [
+            ...r.filter((I) => I.id !== o.id),
             o
           ]);
         }
-      } else if (g) {
-        const o = await g(e);
-        Q((n) => [...n, o]), l({ subagents: [...t.subagents, o.id] }), c("subagent", o.id, `sub-agent: ${o.name}`);
+      } else if (h) {
+        const o = await h(e);
+        t = o.id, X((r) => [...r, o]), l({ subagents: [...n.subagents, o.id] }), d("subagent", o.id, `sub-agent: ${o.name}`);
       }
-      w(null);
+      if (t) {
+        const o = t, r = e.tools.some(
+          (I) => s.find((C) => C.tool_id === I)?.auth_required
+        );
+        Ce((I) => {
+          const C = new Set(I);
+          return r ? C.add(o) : C.delete(o), C;
+        });
+      }
+      O(null);
     },
     [
-      m,
-      E,
       g,
+      q,
+      h,
       l,
-      t.subagents,
-      c
+      n.subagents,
+      d,
+      s
     ]
-  ), f = t.tools.some(
-    (e) => r.find((o) => o.tool_id === e)?.auth_required
-  ), b = t.authentication?.enabled ?? !1, y = t.authentication?.type ?? "email_otp";
-  W(() => {
-    f && !b && l({ authentication: { enabled: !0, type: y } });
-  }, [f, b, y, l]);
-  const [O, F] = k(null), G = s(
+  );
+  j(() => {
+    f && !S && l({ authentication: { enabled: !0, type: T } });
+  }, [f, S, T, l]);
+  const [M, W] = w(null), z = c(
     (e) => {
-      c("tool", e), p("tool", e);
+      d("tool", e), m("tool", e);
     },
-    [c, p]
-  ), Ce = s(
+    [d, m]
+  ), ke = c(
     (e) => {
-      if (r.find((n) => n.tool_id === e)?.auth_required && !b) {
-        F(e);
+      if (s.find((o) => o.tool_id === e)?.auth_required && !S) {
+        W(e);
         return;
       }
-      G(e);
+      z(e);
     },
-    [r, b, G]
-  ), we = t.tools.map((e) => {
-    const o = r.find((n) => n.tool_id === e);
-    return o ? {
+    [s, S, z]
+  ), xe = n.tools.map((e) => {
+    const t = s.find((o) => o.tool_id === e);
+    return t ? {
       id: e,
-      label: o.display_name,
-      icon: he(o.source ?? u.Manifest),
-      authRequired: o.auth_required
+      label: t.display_name,
+      icon: be(t.source ?? p.Manifest),
+      authRequired: t.auth_required
     } : null;
-  }).filter((e) => e !== null), _e = (t.restApiTools ?? []).map(
+  }).filter((e) => e !== null), Me = (n.restApiTools ?? []).map(
     (e) => ({
       id: e.id,
-      label: eo(e),
-      icon: de[u.RestApi],
-      onConfigure: () => L(e)
+      label: lt(e),
+      icon: ue[p.RestApi],
+      onConfigure: () => B(e)
     })
-  ), Re = (t.configTools ?? []).map(
+  ), Ee = (n.configTools ?? []).map(
     (e) => ({
       id: e.id,
-      label: oo(e),
-      icon: de[e.tool_key === "send_slack_message" ? u.Slack : u.EmailHandover],
-      onConfigure: () => K(e.tool_key, e)
+      label: at(e),
+      icon: ue[e.tool_key === "send_slack_message" ? p.Slack : p.EmailHandover],
+      onConfigure: () => F(e.tool_key, e)
     })
-  ), Oe = [
-    ...we,
-    ..._e,
-    ...Re
-  ], ke = lo(
-    M,
-    q,
-    $,
-    J
-  ), xe = r.map(me), Me = (() => {
-    const e = [], o = /* @__PURE__ */ new Map();
-    return r.forEach((n) => {
-      const S = n.source ?? u.Manifest;
-      o.has(S) || (o.set(S, []), e.push(S)), o.get(S)?.push(me(n));
-    }), e.map((n) => ({
-      source: n,
-      label: to(n),
-      options: o.get(n) ?? [],
+  ), Ne = [
+    ...xe,
+    ...Me,
+    ...Ee
+  ], qe = dt(
+    N,
+    G,
+    L,
+    K
+  ), Pe = s.map(ge), De = (() => {
+    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(ge(o));
+    }), e.map((o) => ({
+      source: o,
+      label: st(o),
+      options: t.get(o) ?? [],
       // Not connected → the source button opens the connect flow instead of
       // its tool list (see SelectableListSection / onConnectIntegration).
-      connected: $?.[n],
-      onConnect: () => J?.(n)
+      connected: L?.[o],
+      onConnect: () => K?.(o)
     }));
-  })(), Ee = t.subagents.map((e) => {
-    const o = A.get(e);
-    return o ? { id: e, label: o.name } : null;
-  }).filter((e) => e !== null), Ne = X.map((e) => ({
+  })(), He = n.subagents.map((e) => {
+    const t = A.get(e);
+    return t ? { id: e, label: t.name } : null;
+  }).filter((e) => e !== null), Le = Y.map((e) => ({
     label: e.name,
     value: e.id
-  })), Y = ce(j), Pe = [
-    ...re(r, [], Y),
-    ...no(t.configTools, t.restApiTools)
-  ], De = re(
+  })), Z = de(Q), Ke = [
+    ...ce(s, [], Z),
+    ...rt(n.configTools, n.restApiTools)
+  ], Be = ce(
     [],
-    X,
-    Y
-  ), He = x.map((e) => ({
+    Y,
+    Z
+  ), Fe = E.map((e) => ({
     label: e.label,
     value: e.value,
-    selected: e.value === t.model
-  })), U = x.find((e) => e.value === t.model), Z = a?.kind === "config" && a.toolKey ? M?.[a.toolKey] : void 0, ee = /* @__PURE__ */ i(
-    ro,
+    selected: e.value === n.model
+  })), V = E.find((e) => e.value === n.model), ee = a?.kind === "config" && a.toolKey ? N?.[a.toolKey] : void 0, te = /* @__PURE__ */ i(
+    mt,
     {
       "data-test": "agent-auth-toggle",
-      value: b || f,
+      value: S || f,
       disabled: f,
       onValueChange: async (e) => {
-        l({ authentication: { enabled: e, type: y } });
+        l({ authentication: { enabled: e, type: T } });
       }
     }
-  ), Le = f ? /* @__PURE__ */ i(
-    so,
+  ), Ge = f ? /* @__PURE__ */ i(
+    pt,
     {
       body: "Remove tools that requires customer verification to change this setting.",
       placement: "bottom",
-      children: /* @__PURE__ */ i("span", { style: { display: "flex" }, children: ee })
+      children: /* @__PURE__ */ i("span", { style: { display: "flex" }, children: te })
     }
-  ) : ee;
-  return /* @__PURE__ */ d(Be, { children: [
-    /* @__PURE__ */ i($e, { title: fe.title, helper: fe.helper }),
-    /* @__PURE__ */ d(Fe, { $grow: !0, children: [
-      /* @__PURE__ */ d(ie, { children: [
+  ) : te;
+  return /* @__PURE__ */ u(ze, { children: [
+    /* @__PURE__ */ i(Ze, { title: fe.title, helper: fe.helper }),
+    /* @__PURE__ */ u(Ve, { $grow: !0, children: [
+      /* @__PURE__ */ u(le, { children: [
         /* @__PURE__ */ i(
-          ae,
+          se,
           {
             fieldKey: "instructions",
             "data-test": "agent-instructions",
@@ -267,7 +279,7 @@ const co = (t) => io(he(t)) ?? void 0, me = (t) => ({
           }
         ),
         /* @__PURE__ */ i(
-          ae,
+          se,
           {
             fieldKey: "guardrail",
             "data-test": "agent-guardrail",
@@ -278,76 +290,76 @@ const co = (t) => io(he(t)) ?? void 0, me = (t) => ({
           }
         )
       ] }),
-      /* @__PURE__ */ i(Ge, {}),
-      /* @__PURE__ */ d(ie, { children: [
+      /* @__PURE__ */ i(je, {}),
+      /* @__PURE__ */ u(le, { children: [
         /* @__PURE__ */ i(
-          se,
+          re,
           {
             title: "Tools",
             helper: "Actions this agent can take while responding.",
             dataTestPrefix: "agent-tools",
-            items: Oe,
-            addableOptions: xe,
-            sourceGroups: Me,
-            mentionItems: Pe,
-            actionSources: ke,
+            items: Ne,
+            addableOptions: Pe,
+            sourceGroups: De,
+            mentionItems: Ke,
+            actionSources: qe,
             emptyText: "No tools added yet.",
-            onAdd: Ce,
-            onRemove: (e) => V("tool", e),
+            onAdd: ke,
+            onRemove: (e) => J("tool", e),
             confirmDelete: { noun: "tool" }
           }
         ),
         /* @__PURE__ */ i(
-          se,
+          re,
           {
             title: "Sub-agents",
             helper: "Other agents this agent can hand off the conversation to.",
             dataTestPrefix: "agent-subagents",
-            items: Ee,
-            addableOptions: Ne,
-            mentionItems: De,
+            items: He,
+            addableOptions: Le,
+            mentionItems: Be,
             emptyText: "No sub-agents added yet.",
             onAdd: (e) => {
-              c("subagent", e), p("subagent", e);
+              d("subagent", e), m("subagent", e);
             },
-            onRemove: (e) => V("subagent", e),
+            onRemove: (e) => J("subagent", e),
             confirmDelete: { noun: "sub-agent" },
-            onConfigure: C ? Ae : void 0,
-            createOption: g ? { label: "Create new", onSelect: B } : void 0
+            onConfigure: _ ? we : void 0,
+            createOption: h ? { label: "Create new", onSelect: U } : void 0
           }
         ),
-        /* @__PURE__ */ d(le, { children: [
-          /* @__PURE__ */ d(Ue, { children: [
-            /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i(ao, { size: 20 }),
-              /* @__PURE__ */ i(te, { color: I.content.primary, children: "Require customer verification" })
+        /* @__PURE__ */ u(ae, { children: [
+          /* @__PURE__ */ u($e, { children: [
+            /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+              /* @__PURE__ */ i(ut, { size: 20 }),
+              /* @__PURE__ */ i(ne, { color: R.content.primary, children: "Require customer verification" })
             ] }),
-            Le
+            Ge
           ] }),
-          /* @__PURE__ */ i(qe, { color: I.content.secondary, children: f ? "Required — this agent uses a tool that accesses customer order details." : "Customers must verify their identity before this agent responds." }),
-          (b || f) && /* @__PURE__ */ d(Ke, { children: [
-            /* @__PURE__ */ i(ne, { color: I.content.primary, children: "Select verification method" }),
+          /* @__PURE__ */ i(We, { color: R.content.secondary, children: f ? "Required — this agent uses a tool that accesses customer order details." : "Customers must verify their identity before this agent responds." }),
+          (S || f) && /* @__PURE__ */ u(Ue, { children: [
+            /* @__PURE__ */ i(ie, { color: R.content.primary, children: "Select verification method" }),
             /* @__PURE__ */ i(
-              ue,
+              pe,
               {
                 "data-test": "agent-auth-method",
                 size: "small",
                 width: "100%",
                 dropdownWidth: "328px",
                 placeHolder: "Select verification method",
-                options: z.map((e) => ({
+                options: $.map((e) => ({
                   ...e,
-                  selected: e.value === y
+                  selected: e.value === T
                 })),
                 defaultOptions: [
-                  z.find((e) => e.value === y) ?? z[0]
+                  $.find((e) => e.value === T) ?? $[0]
                 ],
                 onSelect: (e) => {
-                  const o = pe(e);
-                  o && l({
+                  const t = me(e);
+                  t && l({
                     authentication: {
                       enabled: !0,
-                      type: o
+                      type: t
                     }
                   });
                 }
@@ -355,92 +367,91 @@ const co = (t) => io(he(t)) ?? void 0, me = (t) => ({
             )
           ] })
         ] }),
-        x.length > 0 && /* @__PURE__ */ d(le, { children: [
-          /* @__PURE__ */ i(te, { color: I.content.primary, children: "Advanced settings" }),
-          /* @__PURE__ */ i(ne, { color: I.content.primary, children: "Select AI model" }),
+        E.length > 0 && /* @__PURE__ */ u(ae, { children: [
+          /* @__PURE__ */ i(ne, { color: R.content.primary, children: "Advanced settings" }),
+          /* @__PURE__ */ i(ie, { color: R.content.primary, children: "Select AI model" }),
           /* @__PURE__ */ i(
-            ue,
+            pe,
             {
               "data-test": "agent-model",
               size: "small",
               width: "100%",
               dropdownWidth: "328px",
               placeHolder: "Select model",
-              options: He,
-              defaultOptions: U ? [
+              options: Fe,
+              defaultOptions: V ? [
                 {
-                  label: U.label,
-                  value: U.value
+                  label: V.label,
+                  value: V.value
                 }
               ] : void 0,
               onSelect: (e) => {
-                const o = pe(e);
-                o && T("model", o);
+                const t = me(e);
+                t && y("model", t);
               }
             }
           )
         ] })
       ] })
     ] }),
-    m && /* @__PURE__ */ i(
-      ze,
+    g && /* @__PURE__ */ i(
+      Qe,
       {
-        title: m.title,
-        initial: m.initial,
-        existingNames: t.subagents.filter((e) => e !== m.editingId).map((e) => A.get(e)?.name).filter((e) => !!e),
-        availableTools: r,
-        configToolTemplates: M,
-        variablesData: H,
-        appLabel: ce(j),
+        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: N,
+        integrationStatus: L,
+        onConnectIntegration: K,
+        appLabel: de(Q),
         charLimits: v,
-        onImprove: ye,
-        onImproveToolInstructions: N,
-        onClose: () => w(null),
-        onSave: Ie
+        onImprove: Te,
+        onImproveToolInstructions: P,
+        onClose: () => O(null),
+        onSave: Oe
       },
-      m.key
+      g.key
     ),
     a?.kind === "restapi" && /* @__PURE__ */ i(
-      je,
+      Ye,
       {
         initial: a.initialRest,
         charLimits: v,
-        variablesData: H,
-        existingNames: (t.restApiTools ?? []).filter((e) => e.id !== a.initialRest?.id).map((e) => e.name),
-        onImprove: N,
-        onClose: () => h(null),
-        onSave: Se
+        existingNames: (n.restApiTools ?? []).filter((e) => e.id !== a.initialRest?.id).map((e) => e.name),
+        onImprove: P,
+        onClose: () => b(null),
+        onSave: ye
       },
       a.key
     ),
-    a?.kind === "config" && a.toolKey && Z && /* @__PURE__ */ i(
-      We,
+    a?.kind === "config" && a.toolKey && ee && /* @__PURE__ */ i(
+      Je,
       {
         toolKey: a.toolKey,
-        template: Z,
+        template: ee,
         initial: a.initialConfig,
         charLimits: v,
-        variablesData: H,
-        onImprove: N,
-        onClose: () => h(null),
-        onSave: Te
+        onImprove: P,
+        onClose: () => b(null),
+        onSave: ve
       },
       a.key
     ),
     /* @__PURE__ */ i(
-      Ve,
+      Xe,
       {
-        open: O !== null,
-        toolLabel: r.find((e) => e.tool_id === O)?.display_name ?? "This tool",
-        onCancel: () => F(null),
+        open: M !== null,
+        toolLabel: s.find((e) => e.tool_id === M)?.display_name ?? "This tool",
+        onCancel: () => W(null),
         onConfirm: () => {
-          l({ authentication: { enabled: !0, type: y } }), O && G(O), F(null);
+          l({ authentication: { enabled: !0, type: T } }), M && z(M), W(null);
         }
       }
     )
   ] });
 };
 export {
-  Po as Step3HowItResponds
+  Lt as Step3HowItResponds
 };
 //# sourceMappingURL=Step3HowItResponds.js.map