@bikdotai/bik-component-library 0.0.871 → 0.0.872

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

@@ -1,29 +1,30 @@
-import { jsxs as de, Fragment as Pe, jsx as c } from "react/jsx-runtime";
-import { useState as i, useRef as T, useMemo as ze, useCallback as a } from "react";
+import { jsxs as pe, Fragment as Ue, jsx as c } from "react/jsx-runtime";
+import { useState as i, useRef as C, useMemo as ze, useCallback as a } from "react";
 import He from "styled-components";
-import { addUnique as me } from "../../../utils/arrayUtils.js";
-import { COLORS as Z } from "../../../constants/Theme.js";
-import { AGENT_CHAR_LIMITS as Ue } from "../constants/charLimits.js";
-import { CONFIG_TOOL_SOURCES as $e, ToolSource as u } from "../constants/tools.js";
-import { buildAgentMentionItems as Le, buildCustomToolMentionItems as Fe, restApiMentionItem as je, configToolMentionItem as We, restApiToolName as qe, configToolName as Ye, toolSourceLabel as Xe } from "../utils/mentionSerialization.js";
-import { sourceIcon as J, SOURCE_ICONS as pe, renderSourceIcon as fe } from "../utils/sourceIcons.js";
-import { buildToolActions as Ze } from "../utils/toolActions.js";
-import { ConfigToolPanel as Je } from "./ConfigToolPanel.js";
-import { DRAWER_BODY_STYLE as Qe, DRAWER_HEADER_STYLE as Ve, DrawerHeaderText as et } from "./DrawerHeaderText.js";
-import { MentionEditor as ge } from "./MentionEditor.js";
-import { RestApiToolPanel as tt } from "./RestApiToolPanel.js";
-import { SelectableListSection as ot } from "./SelectableListSection.js";
-import { SideModal as nt } from "../../side-modal/SideModal.js";
-import { Input as st } from "../../input/Input.js";
-import { Toaster as rt } from "../../toaster/Toaster.js";
-const it = 1e3, Q = 1002, he = (A, f) => {
-  const s = A ?? [];
-  return s.some((d) => d.id === f.id) ? s.map((d) => d.id === f.id ? f : d) : [...s, f];
-}, ye = He.button`
+import { addUnique as fe } from "../../../utils/arrayUtils.js";
+import { COLORS as Q } from "../../../constants/Theme.js";
+import { AGENT_CHAR_LIMITS as $e } from "../constants/charLimits.js";
+import { CONFIG_TOOL_SOURCES as Fe, ToolSource as g, CONFIG_TOOL_SOURCE_BY_KEY as Ye, INTEGRATIONS_LABEL as je, INTEGRATIONS_KEY as We } from "../constants/tools.js";
+import { buildAgentMentionItems as qe, buildCustomToolMentionItems as Xe, restApiMentionItem as Ze, configToolMentionItem as Je, restApiToolName as Qe, configToolName as Ve, toolSourceLabel as et } from "../utils/mentionSerialization.js";
+import { partitionSources as tt } from "../utils/sourceGrouping.js";
+import { sourceIcon as V, SOURCE_ICONS as ge, renderSourceIcon as he } from "../utils/sourceIcons.js";
+import { buildToolActions as ot } from "../utils/toolActions.js";
+import { ConfigToolPanel as nt } from "./ConfigToolPanel.js";
+import { DRAWER_BODY_STYLE as st, DRAWER_HEADER_STYLE as rt, DrawerHeaderText as it } from "./DrawerHeaderText.js";
+import { MentionEditor as ye } from "./MentionEditor.js";
+import { RestApiToolPanel as lt } from "./RestApiToolPanel.js";
+import { SelectableListSection as at } from "./SelectableListSection.js";
+import { SideModal as ct } from "../../side-modal/SideModal.js";
+import { Input as ut } from "../../input/Input.js";
+import { Toaster as dt } from "../../toaster/Toaster.js";
+const mt = 1e3, ee = 1002, Te = (w, h) => {
+  const r = w ?? [];
+  return r.some((u) => u.id === h.id) ? r.map((u) => u.id === h.id ? h : u) : [...r, h];
+}, Ie = He.button`
 	align-self: flex-start;
-	border: 1px solid ${Z.stroke.primary};
-	color: ${Z.content.primary};
-	background: ${Z.surface.standard};
+	border: 1px solid ${Q.stroke.primary};
+	color: ${Q.content.primary};
+	background: ${Q.surface.standard};
 	border-radius: 8px;
 	padding: 6px 12px;
 	font-size: 13px;
@@ -35,367 +36,380 @@ const it = 1e3, Q = 1002, he = (A, f) => {
 		cursor: default;
 		opacity: 0.6;
 	}
-`, At = ({
-  onClose: A,
-  onSave: f,
-  availableTools: s,
-  onImprove: d,
-  onImproveToolInstructions: V,
-  configToolTemplates: ee,
-  integrationStatus: R,
-  onConnectIntegration: _,
-  title: te = "Create sub-agent",
-  initial: g,
-  existingNames: Te = [],
-  appLabel: h = "Manifest",
-  charLimits: b = Ue,
-  variablesData: w
+`, Nt = ({
+  onClose: w,
+  onSave: h,
+  availableTools: r,
+  onImprove: u,
+  onImproveToolInstructions: te,
+  configToolTemplates: oe,
+  integrationStatus: y,
+  onConnectIntegration: S,
+  title: ne = "Create sub-agent",
+  initial: T,
+  existingNames: be = [],
+  appLabel: I = "Manifest",
+  charLimits: A = $e,
+  variablesData: E
 }) => {
-  const [N, be] = i(g?.name ?? ""), [C, k] = i(g?.instructions ?? ""), [I, E] = i(g?.guardrail ?? ""), [D, M] = i(g?.tools ?? []), [p, B] = i(
-    g?.configTools ?? []
-  ), [m, G] = i(
-    g?.restApiTools ?? []
-  ), [l, y] = i(null), O = T(0), [oe, ne] = i(!1), [Ce, P] = i(0), [Ie, z] = i(0), [S, se] = i(null), H = ze(
+  const [D, Ce] = i(T?.name ?? ""), [v, O] = i(T?.instructions ?? ""), [x, k] = i(T?.guardrail ?? ""), [L, N] = i(T?.tools ?? []), [p, P] = i(
+    T?.configTools ?? []
+  ), [d, U] = i(
+    T?.restApiTools ?? []
+  ), [l, b] = i(null), M = C(0), [se, re] = i(!1), [Se, z] = i(0), [Ae, H] = i(0), [R, ie] = i(null), $ = ze(
     () => [
-      ...Le(s, [], h),
-      ...Fe(p, m)
+      ...qe(r, [], I),
+      ...Xe(p, d)
     ],
-    [s, h, p, m]
-  ), K = T({}), U = T("instructions"), Se = a((e) => {
+    [r, I, p, d]
+  ), K = C({}), F = C("instructions"), ve = a((e) => {
     K.current.instructions = e ?? void 0;
-  }, []), ve = a((e) => {
+  }, []), xe = a((e) => {
     K.current.guardrail = e ?? void 0;
-  }, []), xe = a(() => {
-    U.current = "instructions";
-  }, []), Ae = a(() => {
-    U.current = "guardrail";
-  }, []), re = T(/* @__PURE__ */ new Set());
-  re.current = new Set(
-    [...p, ...m].map((e) => e.id)
+  }, []), Re = a(() => {
+    F.current = "instructions";
+  }, []), _e = a(() => {
+    F.current = "guardrail";
+  }, []), le = C(/* @__PURE__ */ new Set());
+  le.current = new Set(
+    [...p, ...d].map((e) => e.id)
   );
-  const ie = a(
+  const ae = a(
     (e, t) => {
-      e === "tool" && !re.current.has(t) && M((o) => me(o, t));
+      e === "tool" && !le.current.has(t) && N((o) => fe(o, t));
     },
     []
-  ), v = a(
+  ), _ = a(
     (e, t, o) => {
-      (K.current[U.current] ?? K.current.instructions)?.("tool", e, t, o);
+      (K.current[F.current] ?? K.current.instructions)?.("tool", e, t, o);
     },
     []
-  ), $ = a((e) => {
-    O.current += 1, y({
-      key: O.current,
+  ), Y = a((e) => {
+    M.current += 1, b({
+      key: M.current,
       kind: "restapi",
       initialRest: e
     });
-  }, []), L = a(
+  }, []), j = a(
     (e, t) => {
-      O.current += 1, y({
-        key: O.current,
+      M.current += 1, b({
+        key: M.current,
         kind: "config",
         toolKey: e,
         initialConfig: t
       });
     },
     []
-  ), Re = a(
-    (e) => {
-      const t = $e[e];
-      t ? L(t) : $();
+  ), we = a(
+    (e, t) => {
+      const o = t ?? Fe[e]?.[0];
+      o ? j(o) : Y();
     },
-    [L, $]
-  ), _e = a(
+    [j, Y]
+  ), Ee = a(
     (e) => {
-      const t = !m.some((o) => o.id === e.id);
-      G((o) => he(o, e)), t && v(
+      const t = !d.some((o) => o.id === e.id);
+      U((o) => Te(o, e)), t && _(
         e.id,
-        je(e).label,
-        u.RestApi
-      ), y(null);
+        Ze(e).label,
+        g.RestApi
+      ), b(null);
     },
-    [m, v]
-  ), we = a(
+    [d, _]
+  ), Oe = a(
     (e) => {
       const t = !p.some((o) => o.id === e.id);
-      if (B((o) => he(o, e)), t) {
-        const o = e.tool_key === "send_slack_message" ? u.Slack : u.EmailHandover;
-        v(e.id, We(e).label, o);
-      }
-      y(null);
+      P((o) => Te(o, e)), t && _(
+        e.id,
+        Je(e).label,
+        Ye[e.tool_key]
+      ), b(null);
     },
-    [p, v]
-  ), [F, j] = i(
+    [p, _]
+  ), [W, q] = i(
     null
-  ), W = T(null), le = T(0), ke = (e) => {
-    const t = s.find((n) => n.tool_id === e)?.display_name ?? m.find((n) => n.id === e)?.name ?? "Tool", o = `{{tool:${e}}}`, r = (n) => n.split(o).join("");
-    W.current = {
-      instructions: C,
-      guardrail: I,
-      tools: D,
+  ), X = C(null), ce = C(0), ke = (e) => {
+    const t = r.find((n) => n.tool_id === e)?.display_name ?? d.find((n) => n.id === e)?.name ?? "Tool", o = `{{tool:${e}}}`, m = (n) => n.split(o).join("");
+    X.current = {
+      instructions: v,
+      guardrail: x,
+      tools: L,
       configTools: p,
-      restApiTools: m
-    }, k((n) => r(n)), E((n) => r(n)), M((n) => n.filter((x) => x !== e)), B((n) => n.filter((x) => x.id !== e)), G((n) => n.filter((x) => x.id !== e)), P((n) => n + 1), z((n) => n + 1), le.current += 1, j({ id: le.current, message: `Tool "${t}" removed` });
-  }, Ee = () => {
-    const e = W.current;
-    e && (k(e.instructions), E(e.guardrail), M(e.tools), B(e.configTools), G(e.restApiTools), P((t) => t + 1), z((t) => t + 1), W.current = null), j(null);
-  }, q = N.trim(), Y = q.length > 0 && Te.some(
-    (e) => e.trim().toLowerCase() === q.toLowerCase()
-  ), ae = q.length > 0 && !Y && (C.trim().length > 0 || I.trim().length > 0), Me = D.map((e) => {
-    const t = s.find((o) => o.tool_id === e);
+      restApiTools: d
+    }, O((n) => m(n)), k((n) => m(n)), N((n) => n.filter((f) => f !== e)), P((n) => n.filter((f) => f.id !== e)), U((n) => n.filter((f) => f.id !== e)), z((n) => n + 1), H((n) => n + 1), ce.current += 1, q({ id: ce.current, message: `Tool "${t}" removed` });
+  }, Ne = () => {
+    const e = X.current;
+    e && (O(e.instructions), k(e.guardrail), N(e.tools), P(e.configTools), U(e.restApiTools), z((t) => t + 1), H((t) => t + 1), X.current = null), q(null);
+  }, Z = D.trim(), J = Z.length > 0 && be.some(
+    (e) => e.trim().toLowerCase() === Z.toLowerCase()
+  ), ue = Z.length > 0 && !J && (v.trim().length > 0 || x.trim().length > 0), Me = L.map((e) => {
+    const t = r.find((o) => o.tool_id === e);
     return t ? {
       id: e,
       label: t.display_name,
-      icon: J(t.source ?? u.Manifest),
+      icon: V(t.source ?? g.Manifest),
       // Shield flags a tool that needs customer verification, same as
       // the main builder's Step 3 tool rows.
       authRequired: t.auth_required
     } : null;
-  }).filter((e) => e !== null), Oe = m.map((e) => ({
+  }).filter((e) => e !== null), Ke = d.map((e) => ({
     id: e.id,
-    label: qe(e),
-    icon: pe[u.RestApi],
-    onConfigure: () => $(e)
-  })), Ke = p.map((e) => ({
+    label: Qe(e),
+    icon: ge[g.RestApi],
+    onConfigure: () => Y(e)
+  })), Be = p.map((e) => ({
     id: e.id,
-    label: Ye(e),
-    icon: pe[e.tool_key === "send_slack_message" ? u.Slack : u.EmailHandover],
-    onConfigure: () => L(e.tool_key, e)
-  })), Ne = [
+    label: Ve(e),
+    icon: ge[e.tool_key === "send_slack_message" ? g.Slack : g.EmailHandover],
+    onConfigure: () => j(e.tool_key, e)
+  })), Ge = [
     ...Me,
-    ...Oe,
-    ...Ke
-  ], X = Ze(
-    ee,
-    Re,
-    R,
-    _
-  ), ce = l?.kind === "config" && l.toolKey ? ee?.[l.toolKey] : void 0, De = s.map((e) => ({
+    ...Ke,
+    ...Be
+  ], B = ot(
+    oe,
+    we,
+    y,
+    S
+  ), de = l?.kind === "config" && l.toolKey ? oe?.[l.toolKey] : void 0, De = r.map((e) => ({
     label: e.display_name,
     value: e.tool_id,
-    leadingIcon: fe(J(e.source ?? u.Manifest)) ?? void 0
-  })), Be = (() => {
+    leadingIcon: he(V(e.source ?? g.Manifest)) ?? void 0
+  })), Le = (() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return s.forEach((o) => {
-      const r = o.source ?? u.Manifest;
-      t.has(r) || (t.set(r, []), e.push(r)), t.get(r)?.push({
-        label: o.display_name,
-        value: o.tool_id,
-        leadingIcon: fe(J(o.source ?? u.Manifest)) ?? void 0
+    r.forEach((s) => {
+      const G = s.source ?? g.Manifest;
+      t.has(G) || (t.set(G, []), e.push(G)), t.get(G)?.push({
+        label: s.display_name,
+        value: s.tool_id,
+        leadingIcon: he(V(s.source ?? g.Manifest)) ?? void 0
       });
-    }), e.map((o) => ({
-      source: o,
-      label: Xe(o, h),
-      options: t.get(o) ?? [],
-      // Not connected → the source button opens the connect flow instead of
-      // its tool list (mirrors Step 3's tool section).
-      connected: R?.[o],
-      onConnect: () => _?.(o)
+    });
+    const { outside: o, inside: m } = tt(
+      [...e, ...B.map((s) => s.source)],
+      y
+    ), n = new Set(o), f = e.filter((s) => n.has(s)).map((s) => ({
+      source: s,
+      label: et(s, I),
+      options: t.get(s) ?? [],
+      // Reachable only when connected or ungated, so no connect flow needed —
+      // kept for the picker's own gating, which reads these groups.
+      connected: y?.[s],
+      onConnect: () => S?.(s)
     }));
-  })(), Ge = async () => {
-    if (!ae || oe)
+    return m.length > 0 && f.push({
+      source: We,
+      label: je,
+      // No options of its own: clicking opens the picker at the umbrella,
+      // where each unconnected source offers "Connect".
+      options: []
+    }), f;
+  })(), Pe = async () => {
+    if (!ue || se)
       return;
-    const e = f({
-      name: N.trim(),
-      instructions: C,
-      guardrail: I,
-      tools: D,
+    const e = h({
+      name: D.trim(),
+      instructions: v,
+      guardrail: x,
+      tools: L,
       configTools: p,
-      restApiTools: m
+      restApiTools: d
     });
     if (e && typeof e.then == "function") {
-      ne(!0);
+      re(!0);
       try {
         await e;
       } finally {
-        ne(!1);
+        re(!1);
       }
     }
-  }, ue = async (e) => {
-    if (!(!d || S)) {
-      se(e);
+  }, me = async (e) => {
+    if (!(!u || R)) {
+      ie(e);
       try {
-        const o = await d(e, e === "instructions" ? C : I);
-        e === "instructions" ? (k(o), P((r) => r + 1)) : (E(o), z((r) => r + 1));
+        const o = await u(e, e === "instructions" ? v : x);
+        e === "instructions" ? (O(o), z((m) => m + 1)) : (k(o), H((m) => m + 1));
       } finally {
-        se(null);
+        ie(null);
       }
     }
   };
-  return /* @__PURE__ */ de(Pe, { children: [
-    /* @__PURE__ */ de(
-      nt,
+  return /* @__PURE__ */ pe(Ue, { children: [
+    /* @__PURE__ */ pe(
+      ct,
       {
-        header: te,
+        header: ne,
         closeOnEscapeKey: !1,
-        zIndex: it,
+        zIndex: mt,
         headerCustomComponent: /* @__PURE__ */ c(
-          et,
+          it,
           {
-            title: te,
+            title: ne,
             subtitle: "Each sub-agent handles one piece of the job. Use @ in the main instructions to call them."
           }
         ),
         width: "421px",
-        headerStyle: Ve,
-        bodyStyle: Qe,
-        onClose: A,
+        headerStyle: rt,
+        bodyStyle: st,
+        onClose: w,
         saveButtonProps: {
           "data-test": "subagent-save",
           buttonText: "Save",
           buttonType: "primary",
           size: "small",
-          disabled: !ae,
-          isLoading: oe,
-          onClick: Ge
+          disabled: !ue,
+          isLoading: se,
+          onClick: Pe
         },
         cancelButtonProps: {
           "data-test": "subagent-cancel",
           buttonText: "Cancel",
           buttonType: "tertiaryGray",
           size: "small",
-          onClick: A
+          onClick: w
         },
         children: [
           /* @__PURE__ */ c(
-            st,
+            ut,
             {
               "data-test": "subagent-name",
               labelText: "Agent name",
               labelTextBold: !0,
               placeholder: "Enter agent name",
-              value: N,
-              maxCharLimit: b.name,
+              value: D,
+              maxCharLimit: A.name,
               maxCharLimitPosition: "TOP",
               maxCharStyle: { fontSize: 12, lineHeight: "16px" },
-              state: Y ? "invalid" : void 0,
-              errorMessage: Y ? "A sub-agent with this name already exists" : void 0,
-              onChangeText: be
+              state: J ? "invalid" : void 0,
+              errorMessage: J ? "A sub-agent with this name already exists" : void 0,
+              onChangeText: Ce
             }
           ),
           /* @__PURE__ */ c(
-            ge,
+            ye,
             {
               "data-test": "subagent-instructions",
               label: "Instructions",
-              value: C,
-              onChange: k,
-              maxLength: b.instructions,
+              value: v,
+              onChange: O,
+              maxLength: A.instructions,
               placeholder: "Write the steps in plain English. The agent will follow them exactly. The more specific you are, the better it performs.",
               minHeight: "160px",
-              resetKey: `instr-${Ce}`,
-              mentionItems: H,
-              tools: s,
-              toolActions: X,
-              variablesData: w,
+              resetKey: `instr-${Se}`,
+              mentionItems: $,
+              tools: r,
+              toolActions: B,
+              variablesData: E,
               addDataButton: !0,
-              integrationStatus: R,
-              appLabel: h,
-              onConnectIntegration: _,
-              onMentionSelect: ie,
-              onFocus: xe,
-              registerInsert: Se,
-              action: d ? /* @__PURE__ */ c(
-                ye,
+              integrationStatus: y,
+              appLabel: I,
+              onConnectIntegration: S,
+              onMentionSelect: ae,
+              onFocus: Re,
+              registerInsert: ve,
+              action: u ? /* @__PURE__ */ c(
+                Ie,
                 {
                   type: "button",
                   "data-test": "subagent-improve-instructions",
-                  disabled: S !== null,
-                  onClick: () => ue("instructions"),
-                  children: S === "instructions" ? "Improving…" : "Improve with AI"
+                  disabled: R !== null,
+                  onClick: () => me("instructions"),
+                  children: R === "instructions" ? "Improving…" : "Improve with AI"
                 }
               ) : void 0
             }
           ),
           /* @__PURE__ */ c(
-            ge,
+            ye,
             {
               "data-test": "subagent-guardrail",
               label: "Guardrails",
-              value: I,
-              onChange: E,
-              maxLength: b.guardrail,
+              value: x,
+              onChange: k,
+              maxLength: A.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: "160px",
-              resetKey: `guard-${Ie}`,
-              mentionItems: H,
-              tools: s,
-              toolActions: X,
-              variablesData: w,
+              resetKey: `guard-${Ae}`,
+              mentionItems: $,
+              tools: r,
+              toolActions: B,
+              variablesData: E,
               addDataButton: !0,
-              integrationStatus: R,
-              appLabel: h,
-              onConnectIntegration: _,
-              onMentionSelect: ie,
-              onFocus: Ae,
-              registerInsert: ve,
-              action: d ? /* @__PURE__ */ c(
-                ye,
+              integrationStatus: y,
+              appLabel: I,
+              onConnectIntegration: S,
+              onMentionSelect: ae,
+              onFocus: _e,
+              registerInsert: xe,
+              action: u ? /* @__PURE__ */ c(
+                Ie,
                 {
                   type: "button",
                   "data-test": "subagent-improve-guardrail",
-                  disabled: S !== null,
-                  onClick: () => ue("guardrail"),
-                  children: S === "guardrail" ? "Improving…" : "Improve with AI"
+                  disabled: R !== null,
+                  onClick: () => me("guardrail"),
+                  children: R === "guardrail" ? "Improving…" : "Improve with AI"
                 }
               ) : void 0
             }
           ),
           /* @__PURE__ */ c(
-            ot,
+            at,
             {
               title: "Tools this agent can use",
               dataTestPrefix: "subagent-tools",
-              items: Ne,
+              items: Ge,
               addableOptions: De,
-              sourceGroups: Be,
-              mentionItems: H,
-              actionSources: X,
+              sourceGroups: Le,
+              integrationStatus: y,
+              onConnectIntegration: (e) => S?.(e),
+              mentionItems: $,
+              actionSources: B,
               emptyText: "No tools added yet.",
-              appLabel: h,
+              appLabel: I,
               pickerOpensUp: !0,
               onAdd: (e) => {
-                v(e), M((t) => me(t, e));
+                _(e), N((t) => fe(t, e));
               },
               onRemove: ke,
-              confirmDelete: { noun: "tool", zIndex: Q + 1 }
+              confirmDelete: { noun: "tool", zIndex: ee + 1 }
             }
           )
         ]
       }
     ),
     l?.kind === "restapi" && /* @__PURE__ */ c(
-      tt,
+      lt,
       {
         initial: l.initialRest,
-        charLimits: b,
-        variablesData: w,
-        onImprove: V,
-        onClose: () => y(null),
-        onSave: _e,
-        zIndex: Q
+        charLimits: A,
+        variablesData: E,
+        onImprove: te,
+        onClose: () => b(null),
+        onSave: Ee,
+        zIndex: ee
       },
       l.key
     ),
-    l?.kind === "config" && l.toolKey && ce && /* @__PURE__ */ c(
-      Je,
+    l?.kind === "config" && l.toolKey && de && /* @__PURE__ */ c(
+      nt,
       {
         toolKey: l.toolKey,
-        template: ce,
+        template: de,
         initial: l.initialConfig,
-        charLimits: b,
-        variablesData: w,
-        onImprove: V,
-        onClose: () => y(null),
-        onSave: we,
-        zIndex: Q
+        charLimits: A,
+        variablesData: E,
+        onImprove: te,
+        onClose: () => b(null),
+        onSave: Oe,
+        zIndex: ee
       },
       l.key
     ),
-    F && /* @__PURE__ */ c(
-      rt,
+    W && /* @__PURE__ */ c(
+      dt,
       {
-        text: F.message,
+        text: W.message,
         type: "info",
         position: "top-right",
         autoClose: 5e3,
@@ -403,15 +417,15 @@ const it = 1e3, Q = 1002, he = (A, f) => {
         buttonProps: {
           buttonText: "Undo",
           showButton: !0,
-          onButtonClick: () => (Ee(), {})
+          onButtonClick: () => (Ne(), {})
         },
-        onCloseToast: () => j(null)
+        onCloseToast: () => q(null)
       },
-      F.id
+      W.id
     )
   ] });
 };
 export {
-  At as CreateSubAgentPanel
+  Nt as CreateSubAgentPanel
 };
 //# sourceMappingURL=CreateSubAgentPanel.js.map