@bpinternal/integration-hub 0.8.0 → 0.8.1

package/dist/runtime/index.js

@@ -1,14 +1,14 @@
-import { jsx as I, jsxs as $ } from "react/jsx-runtime";
-import { Loader2 as Lt } from "lucide-react";
-import { useState as x, useRef as G, useEffect as Z, useMemo as F, useCallback as N } from "react";
-import { I as ue, c as bt, u as fe, a as ge, b as pe, d as he, e as be, f as ve, g as Ce, h as ye, i as Ie, j as we, k as Se, l as Ae } from "../chunks/index.js";
-import { StaticZuiForm as Me } from "@bpinternal/static-zui-form";
-import { useQueryClient as kt, useQuery as Et, useMutation as Q } from "@tanstack/react-query";
+import { jsx as w, jsxs as _ } from "react/jsx-runtime";
+import { Loader2 as Et } from "lucide-react";
+import { useState as x, useRef as W, useEffect as Z, useMemo as V, useCallback as N } from "react";
+import { I as ge, c as Ct, u as pe, a as he, b as be, d as ve, e as Ce, f as ye, g as we, h as Ie, i as Se, j as Ae, k as Me, l as Te } from "../chunks/index.js";
+import { StaticZuiForm as Oe } from "@bpinternal/static-zui-form";
+import { useQueryClient as Nt, useQuery as Vt, useMutation as q } from "@tanstack/react-query";
 import "framer-motion";
 import "clsx";
 import "tailwind-merge";
 import "@base-ui/react/menu";
-const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be = (t) => {
+const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue = (t) => {
   if (!t)
     return null;
   try {
@@ -16,7 +16,7 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   } catch {
     return t.split("/").filter(Boolean).at(-1) ?? null;
   }
-}, Ue = async ({
+}, ke = async ({
   client: t,
   linkTemplateScript: e,
   data: i
@@ -28,27 +28,27 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   if (typeof n != "string")
     throw new Error("Authorization URL is not a string");
   return n;
-}, xe = async ({
+}, De = async ({
   authorizationUrl: t,
   onClose: e,
-  popupFeatures: i = Te,
-  pollIntervalMs: n = Oe,
-  timeoutMs: o = Pe
+  popupFeatures: i = Pe,
+  pollIntervalMs: n = Be,
+  timeoutMs: o = xe
 }) => {
   const a = window.open(t, "OAuth", i);
   if (!a)
     return "blocked";
-  if (!await new Promise((c) => {
-    const r = window.setInterval(() => {
+  if (!await new Promise((r) => {
+    const c = window.setInterval(() => {
       try {
         if (!a.closed)
           return;
-        window.clearInterval(r), window.clearTimeout(l), c(!0);
+        window.clearInterval(c), window.clearTimeout(g), r(!0);
       } catch {
-        window.clearInterval(r), window.clearTimeout(l), c(!1);
+        window.clearInterval(c), window.clearTimeout(g), r(!1);
       }
-    }, n), l = window.setTimeout(() => {
-      window.clearInterval(r), a.closed || a.close(), c(!1);
+    }, n), g = window.setTimeout(() => {
+      window.clearInterval(c), a.closed || a.close(), r(!1);
     }, o);
   }))
     return "timeout";
@@ -57,23 +57,23 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   } catch {
     return "failed";
   }
-}, De = (t) => t instanceof Error ? t : new Error("OAuth authorization failed"), Le = ({
+}, Le = (t) => t instanceof Error ? t : new Error("OAuth authorization failed"), Ee = ({
   client: t,
   integrationName: e,
   linkTemplateScript: i,
   webhookId: n,
   webhookUrl: o,
   oauthTemplateData: a,
-  isAuthorized: d = !1,
-  disabled: c = !1,
-  onAuthorized: r,
-  onError: l
+  isAuthorized: l = !1,
+  disabled: r = !1,
+  onAuthorized: c,
+  onError: g
 }) => {
-  const [u, v] = x(null), [C, S] = x(!1), [T, O] = x(!1), B = n ?? Be(o), h = !!(n || o), g = G(l);
+  const [d, p] = x(null), [v, A] = x(!1), [P, T] = x(!1), U = n ?? Ue(o), b = !!(n || o), f = W(g);
   Z(() => {
-    g.current = l;
-  }, [l]);
-  const M = F(() => {
+    f.current = g;
+  }, [g]);
+  const M = V(() => {
     try {
       return JSON.stringify(a ?? {});
     } catch {
@@ -81,112 +81,112 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     }
   }, [a]);
   Z(() => {
-    if (!h) {
-      v(null), S(!1);
+    if (!b) {
+      p(null), A(!1);
       return;
     }
-    let p = !1;
+    let h = !1;
     return (async () => {
-      var P;
-      let k = {};
+      var O;
+      let L = {};
       try {
-        k = JSON.parse(M);
+        L = JSON.parse(M);
       } catch {
-        k = {};
+        L = {};
       }
       const y = {
         webhookUrl: o ?? null,
-        webhookId: B,
-        ...k
+        webhookId: U,
+        ...L
       };
-      S(!0);
+      A(!0);
       try {
-        const V = await Ue({
+        const j = await ke({
           client: t,
           linkTemplateScript: i,
           data: y
         });
-        p || v(V);
-      } catch (V) {
-        p || (v(null), (P = g.current) == null || P.call(g, De(V)));
+        h || p(j);
+      } catch (j) {
+        h || (p(null), (O = f.current) == null || O.call(f, Le(j)));
       } finally {
-        p || S(!1);
+        h || A(!1);
       }
     })(), () => {
-      p = !0;
+      h = !0;
     };
-  }, [t, h, i, M, o, B]);
-  const j = h && !!u && !C && !c, _ = async () => {
-    var p, A, k;
-    if (!(!u || T)) {
-      O(!0);
+  }, [t, b, i, M, o, U]);
+  const K = b && !!d && !v && !r, F = async () => {
+    var h, S, L;
+    if (!(!d || P)) {
+      T(!0);
       try {
-        const y = await xe({
-          authorizationUrl: u,
-          onClose: r
+        const y = await De({
+          authorizationUrl: d,
+          onClose: c
         });
         if (y === "completed")
           return;
         if (y === "blocked") {
-          (p = g.current) == null || p.call(g, new Error("Please allow browser popups to authorize this integration."));
+          (h = f.current) == null || h.call(f, new Error("Please allow browser popups to authorize this integration."));
           return;
         }
         if (y === "timeout") {
-          (A = g.current) == null || A.call(g, new Error("OAuth popup did not close in time. Please close it and try again."));
+          (S = f.current) == null || S.call(f, new Error("OAuth popup did not close in time. Please close it and try again."));
           return;
         }
-        (k = g.current) == null || k.call(g, new Error("OAuth authorization finished but refresh failed."));
+        (L = f.current) == null || L.call(f, new Error("OAuth authorization finished but refresh failed."));
       } finally {
-        O(!1);
+        T(!1);
       }
     }
   };
-  return /* @__PURE__ */ I(
-    ue,
+  return /* @__PURE__ */ w(
+    ge,
     {
       integrationName: e,
-      canAuthorize: j,
-      isAuthorizing: T,
-      isAuthorized: d,
-      disabled: c,
-      showInstallHint: !h,
+      canAuthorize: K,
+      isAuthorizing: P,
+      isAuthorized: l,
+      disabled: r,
+      showInstallHint: !b,
       onClick: () => {
-        _();
+        F();
       }
     }
   );
-}, Nt = ({
+}, Ft = ({
   definition: t,
   selectedConnectionMethod: e
 }) => {
   var n, o, a;
   const i = e != null ? (o = (n = t.configurations) == null ? void 0 : n[e]) == null ? void 0 : o.schema : (a = t.configuration) == null ? void 0 : a.schema;
   return !i || typeof i != "object" ? null : i;
-}, Vt = (t) => {
+}, jt = (t) => {
   if (!t || typeof t != "object")
     return [];
   const e = t.properties;
   return !e || typeof e != "object" ? [] : Object.keys(e);
-}, gt = (t) => !t || typeof t != "object" || Array.isArray(t) ? {} : t, Ut = (t, e) => {
+}, ht = (t) => !t || typeof t != "object" || Array.isArray(t) ? {} : t, kt = (t, e) => {
   if (e.length === 0)
     return {};
   const i = e.filter((n) => Object.prototype.hasOwnProperty.call(t, n)).map((n) => [n, t[n]]);
   return Object.fromEntries(i);
-}, it = (t) => !!t && typeof t == "object" && !Array.isArray(t), vt = (t, e) => {
+}, it = (t) => !!t && typeof t == "object" && !Array.isArray(t), yt = (t, e) => {
   if (Object.is(t, e))
     return !0;
   if (Array.isArray(t) || Array.isArray(e))
-    return !Array.isArray(t) || !Array.isArray(e) || t.length !== e.length ? !1 : t.every((i, n) => vt(i, e[n]));
+    return !Array.isArray(t) || !Array.isArray(e) || t.length !== e.length ? !1 : t.every((i, n) => yt(i, e[n]));
   if (it(t) || it(e)) {
     if (!it(t) || !it(e))
       return !1;
     const i = Object.keys(t), n = Object.keys(e);
     return i.length !== n.length ? !1 : i.every(
-      (o) => Object.prototype.hasOwnProperty.call(e, o) && vt(t[o], e[o])
+      (o) => Object.prototype.hasOwnProperty.call(e, o) && yt(t[o], e[o])
     );
   }
   return !1;
-}, ke = ({
+}, Ne = ({
   definition: t,
   installedState: e,
   selectedConnectionMethod: i,
@@ -194,70 +194,70 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   isSaving: o,
   disabled: a = !1
 }) => {
-  const d = F(
-    () => Nt({ definition: t, selectedConnectionMethod: i }),
+  const l = V(
+    () => Ft({ definition: t, selectedConnectionMethod: i }),
     [t, i]
-  ), c = F(() => Vt(d), [d]), r = F(
-    () => Ut(gt(e == null ? void 0 : e.configuration), c),
-    [e == null ? void 0 : e.configuration, c]
-  ), l = F(() => c.join("\0"), [c]), [u, v] = x({}), [C, S] = x(null), [T, O] = x(0), B = G(null);
+  ), r = V(() => jt(l), [l]), c = V(
+    () => kt(ht(e == null ? void 0 : e.configuration), r),
+    [e == null ? void 0 : e.configuration, r]
+  ), g = V(() => r.join("\0"), [r]), [d, p] = x({}), [v, A] = x(null), [P, T] = x(0), U = W(null);
   return Z(() => {
-    const h = {
+    const b = {
       integrationAlias: (e == null ? void 0 : e.integrationAlias) ?? null,
       configurationType: (e == null ? void 0 : e.configurationType) ?? null,
-      schemaKeySignature: l,
-      configuration: r
-    }, g = B.current;
-    g && g.integrationAlias === h.integrationAlias && g.configurationType === h.configurationType && g.schemaKeySignature === h.schemaKeySignature && vt(g.configuration, h.configuration) || (B.current = h, v(r), S(null), O((M) => M + 1));
-  }, [r, e == null ? void 0 : e.integrationAlias, e == null ? void 0 : e.configurationType, l]), !d || c.length === 0 ? null : /* @__PURE__ */ $("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ I(
-      Me,
+      schemaKeySignature: g,
+      configuration: c
+    }, f = U.current;
+    f && f.integrationAlias === b.integrationAlias && f.configurationType === b.configurationType && f.schemaKeySignature === b.schemaKeySignature && yt(f.configuration, b.configuration) || (U.current = b, p(c), A(null), T((M) => M + 1));
+  }, [c, e == null ? void 0 : e.integrationAlias, e == null ? void 0 : e.configurationType, g]), !l || r.length === 0 ? null : /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ w(
+      Oe,
       {
-        schema: d,
-        value: u,
-        onChange: (h) => {
-          const g = Ut(gt(h), c);
-          v(g);
+        schema: l,
+        value: d,
+        onChange: (b) => {
+          const f = kt(ht(b), r);
+          p(f);
         },
-        onValidation: ({ formValid: h }) => {
-          S(h);
+        onValidation: ({ formValid: b }) => {
+          A(b);
         }
       },
-      T
+      P
     ),
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ _(
       "button",
       {
         type: "button",
-        disabled: a || o || C !== !0,
+        disabled: a || o || v !== !0,
         onClick: () => {
-          const h = gt(e == null ? void 0 : e.configuration);
+          const b = ht(e == null ? void 0 : e.configuration);
           n({
-            ...h,
-            ...u
+            ...b,
+            ...d
           });
         },
-        className: bt(
+        className: Ct(
           "relative self-end rounded-lg bg-[var(--gray-12)] px-6 py-2 text-sm text-[var(--gray-1)] hover:opacity-90 cursor-pointer",
           "disabled:opacity-50 disabled:cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ I("span", { className: o ? "invisible" : "", children: "Save Configuration" }),
-          o && /* @__PURE__ */ I(Lt, { className: "absolute inset-0 m-auto h-4 w-4 animate-spin" })
+          /* @__PURE__ */ w("span", { className: o ? "invisible" : "", children: "Save Configuration" }),
+          o && /* @__PURE__ */ w(Et, { className: "absolute inset-0 m-auto h-4 w-4 animate-spin" })
         ]
       }
     )
   ] });
-}, Ft = "Other", Ee = "team-cloud-services", pt = "sandbox", ht = (t) => t.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), Ne = (t) => t == null ? void 0 : t.replace(/\.$/, ""), jt = (t) => {
+}, _t = "Other", Ve = "team-cloud-services", bt = "sandbox", vt = (t) => t.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), Fe = (t) => t == null ? void 0 : t.replace(/\.$/, ""), Kt = (t) => {
   var e;
   return t && "meta" in t ? ((e = t.meta) == null ? void 0 : e.installs) ?? null : null;
-}, Ct = (t) => t instanceof Error ? t : new Error("An unknown error occurred while loading integrations"), _t = (t) => t === Ee, Kt = (t, e) => {
+}, wt = (t) => t instanceof Error ? t : new Error("An unknown error occurred while loading integrations"), Ht = (t) => t === Ve, zt = (t, e) => {
   var o;
   const i = e == null ? void 0 : e(t);
   if (i)
     return i;
   const n = (o = t.attributes) == null ? void 0 : o.category;
-  return typeof n == "string" && n.length > 0 ? n : Ft;
+  return typeof n == "string" && n.length > 0 ? n : _t;
 }, ot = (t) => t ? Object.entries(t).map(([e, i]) => {
   const n = i;
   return {
@@ -266,17 +266,17 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     name: typeof n.name == "string" && n.name.length > 0 ? n.name : e,
     integrationAlias: e
   };
-}) : [], yt = ({
+}) : [], It = ({
   installedIntegrations: t,
   integrationId: e,
   integrationName: i
-}) => t.find((n) => n.id === e) ?? t.find((n) => n.integrationAlias === e) ?? (i ? t.find((n) => n.name === i) : void 0), Ve = ({
+}) => t.find((n) => n.id === e) ?? t.find((n) => n.integrationAlias === e) ?? (i ? t.find((n) => n.name === i) : void 0), je = ({
   summary: t,
   installedByName: e,
   categoryResolver: i
 }) => {
-  var r, l, u;
-  const n = e.get(t.name), o = _t((r = t.ownerWorkspace) == null ? void 0 : r.handle), a = (n == null ? void 0 : n.version) ?? null, d = t.version ?? null, c = a && d ? a !== d : !1;
+  var c, g, d;
+  const n = e.get(t.name), o = Ht((c = t.ownerWorkspace) == null ? void 0 : c.handle), a = (n == null ? void 0 : n.version) ?? null, l = t.version ?? null, r = a && l ? a !== l : !1;
   return {
     id: t.id,
     installedId: n == null ? void 0 : n.id,
@@ -284,15 +284,15 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     title: t.title,
     description: t.description,
     iconUrl: t.iconUrl,
-    attributes: { category: Kt(t, i) },
+    attributes: { category: zt(t, i) },
     meta: {
-      installs: jt(t)
+      installs: Kt(t)
     },
     installed: !!n,
     enabled: n == null ? void 0 : n.enabled,
-    hasUpdate: c,
+    hasUpdate: r,
     deprecated: (n == null ? void 0 : n.lifecycleStatus) === "deprecated" || t.lifecycleStatus === "deprecated",
-    author: ((l = t.ownerWorkspace) == null ? void 0 : l.handle) ?? ((u = t.ownerWorkspace) == null ? void 0 : u.name) ?? null,
+    author: ((g = t.ownerWorkspace) == null ? void 0 : g.handle) ?? ((d = t.ownerWorkspace) == null ? void 0 : d.name) ?? null,
     isOfficial: o,
     isVerified: t.verificationStatus === "approved",
     isPrivate: t.visibility === "private",
@@ -302,13 +302,13 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     version: t.version,
     updatedAt: t.updatedAt
   };
-}, Fe = ({
+}, _e = ({
   installedIntegration: t,
   summary: e,
   categoryResolver: i
 }) => {
-  var a, d, c;
-  const n = _t((a = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : a.handle), o = t.version && (e != null && e.version) ? t.version !== (e == null ? void 0 : e.version) : !1;
+  var a, l, r;
+  const n = Ht((a = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : a.handle), o = t.version && (e != null && e.version) ? t.version !== (e == null ? void 0 : e.version) : !1;
   return {
     id: (e == null ? void 0 : e.id) ?? t.id,
     installedId: t.id,
@@ -317,16 +317,16 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     description: (e == null ? void 0 : e.description) ?? null,
     iconUrl: e == null ? void 0 : e.iconUrl,
     attributes: {
-      category: e ? Kt(e, i) : Ft
+      category: e ? zt(e, i) : _t
     },
     meta: {
-      installs: jt(e)
+      installs: Kt(e)
     },
     installed: !0,
     enabled: t.enabled,
     hasUpdate: o,
     deprecated: t.lifecycleStatus === "deprecated",
-    author: ((d = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : d.handle) ?? ((c = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : c.name) ?? null,
+    author: ((l = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : l.handle) ?? ((r = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : r.name) ?? null,
     isOfficial: n,
     isVerified: (e == null ? void 0 : e.verificationStatus) === "approved",
     isPrivate: (e == null ? void 0 : e.visibility) === "private",
@@ -336,7 +336,7 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     version: (e == null ? void 0 : e.version) ?? t.version,
     updatedAt: e == null ? void 0 : e.updatedAt
   };
-}, je = (t) => {
+}, Ke = (t) => {
   if (!t)
     return {
       actionCards: [],
@@ -347,23 +347,23 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     var a;
     return ((a = o.attributes) == null ? void 0 : a.bpActionHiddenInStudio) !== "true";
   }).map(([o, a]) => {
-    var d;
+    var l;
     return {
       key: o,
-      name: ht(o),
+      name: vt(o),
       description: a.description ?? "",
       type: "action",
-      billable: ((d = a.attributes) == null ? void 0 : d.billable) === "true"
+      billable: ((l = a.attributes) == null ? void 0 : l.billable) === "true"
     };
   }), i = Object.entries(t.events ?? {}).map(([o, a]) => ({
     key: o,
-    name: ht(o),
+    name: vt(o),
     description: a.description ?? "",
     type: "event",
     enabled: !0
   })), n = Object.keys(t.channels ?? {}).map((o) => ({
     key: o,
-    name: ht(o),
+    name: vt(o),
     description: "Channel communication support",
     type: "channel",
     enabled: !0
@@ -373,101 +373,101 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     eventCards: i,
     channelCards: n
   };
-}, _e = (t) => {
-  var a, d, c, r;
+}, He = (t) => {
+  var a, l, r, c;
   if (!t)
     return [];
   const i = [
     {
       value: null,
-      label: !!((d = (a = t.configuration) == null ? void 0 : a.identifier) != null && d.linkTemplateScript) ? "Connect with OAuth" : "Default configuration"
+      label: !!((l = (a = t.configuration) == null ? void 0 : a.identifier) != null && l.linkTemplateScript) ? "Connect with OAuth" : "Default configuration"
     }
   ];
-  for (const [l, u] of Object.entries(t.configurations ?? {}))
-    l !== pt && i.push({
-      value: l,
-      label: Ne(u.description) || u.title || l
+  for (const [g, d] of Object.entries(t.configurations ?? {}))
+    g !== bt && i.push({
+      value: g,
+      label: Fe(d.description) || d.title || g
     });
-  return !!((c = t.sandbox) == null ? void 0 : c.identifierExtractScript) && !!((r = t.configurations) != null && r[pt]) && i.push({ value: pt, label: "Connect to a Playground" }), i;
-}, Ke = ({
+  return !!((r = t.sandbox) == null ? void 0 : r.identifierExtractScript) && !!((c = t.configurations) != null && c[bt]) && i.push({ value: bt, label: "Connect to a Playground" }), i;
+}, ze = ({
   installedState: t,
   connectionMethods: e
 }) => {
   var n;
   const i = (t == null ? void 0 : t.configurationType) ?? null;
   return e.some((o) => o.value === i) ? i : ((n = e[0]) == null ? void 0 : n.value) ?? null;
-}, He = ({
+}, Re = ({
   integrations: t,
   searchTerm: e,
   visibility: i,
   verification: n,
   sortMethod: o
 }) => {
-  const a = e.trim().toLowerCase(), d = n ?? [];
-  let c = t;
-  if (a && (c = c.filter((u) => (u.title || u.name).toLowerCase().includes(a))), i && i !== "all" && (c = c.filter((u) => i === "private" ? u.isPrivate : !u.isPrivate)), d.length > 0 && (c = c.filter((u) => {
-    const v = d.includes("official") && u.isOfficial, C = d.includes("verified") && u.isVerified;
-    return v || C;
+  const a = e.trim().toLowerCase(), l = n ?? [];
+  let r = t;
+  if (a && (r = r.filter((d) => (d.title || d.name).toLowerCase().includes(a))), i && i !== "all" && (r = r.filter((d) => i === "private" ? d.isPrivate : !d.isPrivate)), l.length > 0 && (r = r.filter((d) => {
+    const p = l.includes("official") && d.isOfficial, v = l.includes("verified") && d.isVerified;
+    return p || v;
   })), !o)
-    return c;
-  const r = (u) => (u.title || u.name).toLowerCase(), l = (u) => u.updatedAt ? new Date(u.updatedAt).getTime() : 0;
-  return [...c].sort((u, v) => o === "asc" ? r(u).localeCompare(r(v), void 0, { sensitivity: "base" }) : o === "desc" ? r(v).localeCompare(r(u), void 0, { sensitivity: "base" }) : o === "newest" ? l(v) - l(u) : l(u) - l(v));
-}, wn = (t) => {
+    return r;
+  const c = (d) => (d.title || d.name).toLowerCase(), g = (d) => d.updatedAt ? new Date(d.updatedAt).getTime() : 0;
+  return [...r].sort((d, p) => o === "asc" ? c(d).localeCompare(c(p), void 0, { sensitivity: "base" }) : o === "desc" ? c(p).localeCompare(c(d), void 0, { sensitivity: "base" }) : o === "newest" ? g(p) - g(d) : g(d) - g(p));
+}, An = (t) => {
   const e = /* @__PURE__ */ new Map();
   for (const i of t)
     e.set(i.id, i);
   return [...e.values()];
-}, Ht = ({
+}, Rt = ({
   client: t,
   botId: e,
   transformIntegrationPatch: i
 }) => async (n, o) => {
-  const a = i == null ? void 0 : i[n], d = a ? await a(o) : o;
-  await t.updateBot({ id: e, integrations: d });
-}, ze = (t, e) => ["integration-hub", t, e], Re = (t) => {
+  const a = i == null ? void 0 : i[n], l = a ? await a(o) : o;
+  await t.updateBot({ id: e, integrations: l });
+}, qe = (t, e) => ["integration-hub", t, e], Qe = (t) => {
   var i;
   if (!t || typeof t != "object")
     return !1;
   const e = t;
   return e.status === 404 || e.statusCode === 404 || ((i = e.response) == null ? void 0 : i.status) === 404;
-}, qe = async ({
+}, We = async ({
   client: t,
   integrationId: e
 }) => {
   try {
     return (await t.getPublicIntegrationById({ id: e })).integration;
   } catch (i) {
-    if (!Re(i))
+    if (!Qe(i))
       throw i;
     return (await t.getIntegration({ id: e })).integration;
   }
-}, Qe = ({
+}, $e = ({
   installedIntegrations: t,
   integrationId: e,
   integrationName: i
-}) => yt({
+}) => It({
   installedIntegrations: t,
   integrationId: e,
   integrationName: i
-}) ?? null, We = async ({ client: t, botId: e, integrationId: i }) => {
+}) ?? null, Ge = async ({ client: t, botId: e, integrationId: i }) => {
   if (!i)
     return null;
   const [n, o] = await Promise.all([
-    qe({ client: t, integrationId: i }),
+    We({ client: t, integrationId: i }),
     t.getBot({ id: e })
-  ]), a = ot(o.bot.integrations), d = Qe({
+  ]), a = ot(o.bot.integrations), l = $e({
     installedIntegrations: a,
     integrationId: i,
     integrationName: n.name
-  }), c = _e(n);
+  }), r = He(n);
   return {
     definition: n,
-    installedState: d,
-    capabilities: je(n),
-    connectionMethods: c,
-    selectedConnectionMethod: Ke({ installedState: d, connectionMethods: c })
+    installedState: l,
+    capabilities: Ke(n),
+    connectionMethods: r,
+    selectedConnectionMethod: ze({ installedState: l, connectionMethods: r })
   };
-}, zt = ({
+}, qt = ({
   client: t,
   workspaceId: e,
   botId: i,
@@ -475,71 +475,71 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   enabled: o = !0,
   transformIntegrationPatch: a
 }) => {
-  const d = kt(), c = F(() => ze(e, i), [e, i]), { data: r, isLoading: l, error: u, refetch: v } = Et({
-    queryKey: [...c, "details", n],
+  const l = Nt(), r = V(() => qe(e, i), [e, i]), { data: c, isLoading: g, error: d, refetch: p } = Vt({
+    queryKey: [...r, "details", n],
     enabled: o && !!n,
-    queryFn: () => We({ client: t, workspaceId: e, botId: i, integrationId: n, enabled: o })
-  }), C = N(async () => {
-    await d.invalidateQueries({ queryKey: c });
-  }, [d, c]), S = () => {
-    if (!(r != null && r.installedState))
+    queryFn: () => Ge({ client: t, workspaceId: e, botId: i, integrationId: n, enabled: o })
+  }), v = N(async () => {
+    await l.invalidateQueries({ queryKey: r });
+  }, [l, r]), A = () => {
+    if (!(c != null && c.installedState))
       throw new Error("Integration is not installed on this bot");
-    return r.installedState;
-  }, T = Ht({ client: t, botId: i, transformIntegrationPatch: a }), O = Q({
-    mutationFn: async (g) => {
-      const M = S();
-      await T("configure", {
+    return c.installedState;
+  }, P = Rt({ client: t, botId: i, transformIntegrationPatch: a }), T = q({
+    mutationFn: async (f) => {
+      const M = A();
+      await P("configure", {
         [M.integrationAlias]: {
-          configuration: g,
+          configuration: f,
           configurationType: M.configurationType ?? null
         }
       });
     },
-    onSuccess: C
-  }), B = Q({
+    onSuccess: v
+  }), U = q({
     mutationFn: async () => {
-      const g = S(), M = g.enabled ? "disable" : "enable";
-      await T(M, {
-        [g.integrationAlias]: {
-          enabled: !g.enabled
+      const f = A(), M = f.enabled ? "disable" : "enable";
+      await P(M, {
+        [f.integrationAlias]: {
+          enabled: !f.enabled
         }
       });
     },
-    onSuccess: C
-  }), h = Q({
-    mutationFn: async (g) => {
-      const M = S();
-      await T("configure", {
+    onSuccess: v
+  }), b = q({
+    mutationFn: async (f) => {
+      const M = A();
+      await P("configure", {
         [M.integrationAlias]: {
-          configurationType: g
+          configurationType: f
         }
       });
     },
-    onSuccess: C
+    onSuccess: v
   });
   return {
-    definition: (r == null ? void 0 : r.definition) ?? null,
-    installedState: (r == null ? void 0 : r.installedState) ?? null,
-    selectedConnectionMethod: (r == null ? void 0 : r.selectedConnectionMethod) ?? null,
-    capabilities: (r == null ? void 0 : r.capabilities) ?? {
+    definition: (c == null ? void 0 : c.definition) ?? null,
+    installedState: (c == null ? void 0 : c.installedState) ?? null,
+    selectedConnectionMethod: (c == null ? void 0 : c.selectedConnectionMethod) ?? null,
+    capabilities: (c == null ? void 0 : c.capabilities) ?? {
       actionCards: [],
       eventCards: [],
       channelCards: []
     },
-    connectionMethods: (r == null ? void 0 : r.connectionMethods) ?? [],
-    isLoading: l,
-    error: u ? Ct(u) : null,
-    saveConfig: O.mutateAsync,
-    toggleEnabled: B.mutateAsync,
-    setConnectionMethod: h.mutateAsync,
+    connectionMethods: (c == null ? void 0 : c.connectionMethods) ?? [],
+    isLoading: g,
+    error: d ? wt(d) : null,
+    saveConfig: T.mutateAsync,
+    toggleEnabled: U.mutateAsync,
+    setConnectionMethod: b.mutateAsync,
     refresh: () => {
-      v();
+      p();
     },
-    isSavingConfig: O.isPending,
-    isTogglingEnabled: B.isPending,
-    isSettingConnectionMethod: h.isPending
+    isSavingConfig: T.isPending,
+    isTogglingEnabled: U.isPending,
+    isSettingConnectionMethod: b.isPending
   };
-}, Sn = zt, Rt = 100, qt = 200, $e = (t, e) => ["integration-hub", t, e], Ge = ({
+}, Mn = qt, Qt = 100, Wt = 200, Je = (t, e) => ["integration-hub", t, e], Ze = ({
   publicIntegrations: t,
   privateIntegrations: e
 }) => {
@@ -549,38 +549,38 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   for (const n of e)
     i.set(n.id, n);
   return [...i.values()];
-}, Je = async ({ client: t }) => {
+}, Xe = async ({ client: t }) => {
   const e = [];
   let i, n = 0;
   do {
     const o = i, a = await t.listPublicIntegrations({
-      limit: Rt,
+      limit: Qt,
       version: "latest",
       nextToken: i
     });
-    if (e.push(...a.integrations), i = a.meta.nextToken, n += 1, n >= qt)
+    if (e.push(...a.integrations), i = a.meta.nextToken, n += 1, n >= Wt)
       throw new Error("Public integration pagination exceeded safety limit");
     if (i && i === o)
       break;
   } while (i);
   return e;
-}, Ze = async ({ client: t }) => {
+}, Ye = async ({ client: t }) => {
   const e = [];
   let i, n = 0;
   do {
     const o = i, a = await t.listIntegrations({
-      limit: Rt,
+      limit: Qt,
       version: "latest",
       visibility: "private",
       nextToken: i
     });
-    if (e.push(...a.integrations), i = a.meta.nextToken, n += 1, n >= qt)
+    if (e.push(...a.integrations), i = a.meta.nextToken, n += 1, n >= Wt)
       throw new Error("Private integration pagination exceeded safety limit");
     if (i && i === o)
       break;
   } while (i);
   return e;
-}, Xe = async ({
+}, me = async ({
   client: t,
   integrationId: e
 }) => {
@@ -593,35 +593,35 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
       return;
     }
   }
-}, Ye = ({
+}, tn = ({
   integrationId: t,
   installedIntegrations: e
 }) => {
-  const i = yt({ installedIntegrations: e, integrationId: t });
+  const i = It({ installedIntegrations: e, integrationId: t });
   return (i == null ? void 0 : i.integrationAlias) ?? t;
-}, me = async ({ client: t, botId: e, categoryResolver: i }) => {
+}, en = async ({ client: t, botId: e, categoryResolver: i }) => {
   const [n, o, a] = await Promise.all([
-    Je({ client: t }),
-    Ze({ client: t }),
+    Xe({ client: t }),
+    Ye({ client: t }),
     t.getBot({ id: e })
-  ]), d = ot(a.bot.integrations), c = Ge({ publicIntegrations: n, privateIntegrations: o }), r = new Map(d.map((C) => [C.name, C])), l = new Map(c.map((C) => [C.name, C])), u = c.map(
-    (C) => Ve({
-      summary: C,
-      installedByName: r,
+  ]), l = ot(a.bot.integrations), r = Ze({ publicIntegrations: n, privateIntegrations: o }), c = new Map(l.map((v) => [v.name, v])), g = new Map(r.map((v) => [v.name, v])), d = r.map(
+    (v) => je({
+      summary: v,
+      installedByName: c,
       categoryResolver: i
     })
-  ), v = d.map(
-    (C) => Fe({
-      installedIntegration: C,
-      summary: l.get(C.name),
+  ), p = l.map(
+    (v) => _e({
+      installedIntegration: v,
+      summary: g.get(v.name),
       categoryResolver: i
     })
   );
   return {
-    integrations: u,
-    installedIntegrations: v
+    integrations: d,
+    installedIntegrations: p
   };
-}, Qt = ({
+}, $t = ({
   client: t,
   workspaceId: e,
   botId: i,
@@ -629,93 +629,93 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   enabled: o = !0,
   transformIntegrationPatch: a
 }) => {
-  const d = kt(), c = F(() => $e(e, i), [e, i]), r = G(Promise.resolve()), { data: l, isLoading: u, error: v, refetch: C } = Et({
-    queryKey: [...c, "catalog"],
+  const l = Nt(), r = V(() => Je(e, i), [e, i]), c = W(Promise.resolve()), { data: g, isLoading: d, error: p, refetch: v } = Vt({
+    queryKey: [...r, "catalog"],
     enabled: o,
-    queryFn: () => me({ client: t, workspaceId: e, botId: i, categoryResolver: n })
-  }), S = N(async () => {
-    await d.invalidateQueries({ queryKey: c });
-  }, [d, c]), T = N(async (p) => {
-    const A = r.current.then(p, p);
-    return r.current = A.then(
+    queryFn: () => en({ client: t, workspaceId: e, botId: i, categoryResolver: n })
+  }), A = N(async () => {
+    await l.invalidateQueries({ queryKey: r });
+  }, [l, r]), P = N(async (h) => {
+    const S = c.current.then(h, h);
+    return c.current = S.then(
       () => {
       },
       () => {
       }
-    ), A;
-  }, []), O = Ht({ client: t, botId: i, transformIntegrationPatch: a }), B = async (p) => {
-    const { bot: A } = await t.getBot({ id: i }), k = ot(A.integrations);
-    return Ye({ integrationId: p, installedIntegrations: k });
-  }, h = Q({
-    mutationFn: async (p) => {
-      await T(async () => {
-        await O("install", { [p]: { enabled: !0 } });
+    ), S;
+  }, []), T = Rt({ client: t, botId: i, transformIntegrationPatch: a }), U = async (h) => {
+    const { bot: S } = await t.getBot({ id: i }), L = ot(S.integrations);
+    return tn({ integrationId: h, installedIntegrations: L });
+  }, b = q({
+    mutationFn: async (h) => {
+      await P(async () => {
+        await T("install", { [h]: { enabled: !0 } });
       });
     },
-    onSuccess: S
-  }), g = Q({
-    mutationFn: async (p) => {
-      await T(async () => {
-        const A = await B(p);
-        await O("uninstall", { [A]: null });
+    onSuccess: A
+  }), f = q({
+    mutationFn: async (h) => {
+      await P(async () => {
+        const S = await U(h);
+        await T("uninstall", { [S]: null });
       });
     },
-    onSuccess: S
-  }), M = Q({
-    mutationFn: async (p) => {
-      await T(async () => {
-        const A = await B(p);
-        await O("enable", { [A]: { enabled: !0 } });
+    onSuccess: A
+  }), M = q({
+    mutationFn: async (h) => {
+      await P(async () => {
+        const S = await U(h);
+        await T("enable", { [S]: { enabled: !0 } });
       });
     },
-    onSuccess: S
-  }), j = Q({
-    mutationFn: async (p) => {
-      await T(async () => {
-        const A = await B(p);
-        await O("disable", { [A]: { enabled: !1 } });
+    onSuccess: A
+  }), K = q({
+    mutationFn: async (h) => {
+      await P(async () => {
+        const S = await U(h);
+        await T("disable", { [S]: { enabled: !1 } });
       });
     },
-    onSuccess: S
-  }), _ = Q({
-    mutationFn: async (p) => {
-      await T(async () => {
-        const { bot: A } = await t.getBot({ id: i }), k = ot(A.integrations), y = await Xe({ client: t, integrationId: p }), P = yt({
-          installedIntegrations: k,
-          integrationId: p,
+    onSuccess: A
+  }), F = q({
+    mutationFn: async (h) => {
+      await P(async () => {
+        const { bot: S } = await t.getBot({ id: i }), L = ot(S.integrations), y = await me({ client: t, integrationId: h }), O = It({
+          installedIntegrations: L,
+          integrationId: h,
           integrationName: y
-        }), V = {
-          enabled: (P == null ? void 0 : P.enabled) ?? !0,
-          configuration: (P == null ? void 0 : P.configuration) ?? {},
-          configurationType: (P == null ? void 0 : P.configurationType) ?? null
-        }, J = {
-          [p]: V
+        }), j = {
+          enabled: (O == null ? void 0 : O.enabled) ?? !0,
+          configuration: (O == null ? void 0 : O.configuration) ?? {},
+          configurationType: (O == null ? void 0 : O.configurationType) ?? null
+        }, $ = {
+          [h]: j
         };
-        P && P.integrationAlias !== p && (J[P.integrationAlias] = null), await O("upgrade", J);
+        O && O.integrationAlias !== h && ($[O.integrationAlias] = null), await T("upgrade", $);
       });
     },
-    onSuccess: S
+    onSuccess: A
   });
   return {
-    integrations: (l == null ? void 0 : l.integrations) ?? [],
-    installedIntegrations: (l == null ? void 0 : l.installedIntegrations) ?? [],
-    isLoading: u,
-    error: v ? Ct(v) : null,
-    install: h.mutateAsync,
-    uninstall: g.mutateAsync,
+    integrations: (g == null ? void 0 : g.integrations) ?? [],
+    installedIntegrations: (g == null ? void 0 : g.installedIntegrations) ?? [],
+    isLoading: d,
+    error: p ? wt(p) : null,
+    install: b.mutateAsync,
+    uninstall: f.mutateAsync,
     enable: M.mutateAsync,
-    disable: j.mutateAsync,
-    upgrade: _.mutateAsync,
+    disable: K.mutateAsync,
+    upgrade: F.mutateAsync,
     refresh: () => {
-      C();
+      v();
     },
-    isInstalling: h.isPending,
-    isUninstalling: g.isPending,
+    isInstalling: b.isPending,
+    isUninstalling: f.isPending,
     isEnabling: M.isPending,
-    isDisabling: j.isPending,
-    isUpgrading: _.isPending
+    isDisabling: K.isPending,
+    isUpgrading: F.isPending
   };
-}, An = Qt, tn = ["hub", "installed"], en = (t, e) => `integration-hub:nav:${t}:${e}`, xt = (t) => {
+}, Tn = $t, nn = ["hub", "installed"], on = (t, e) => `integration-hub:nav:${t}:${e}`, Dt = (t) => {
   try {
     const e = sessionStorage.getItem(t);
     if (!e)
@@ -724,11 +724,11 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     if (typeof i != "object" || i === null)
       return null;
     const n = i, o = {};
-    return typeof n.view == "string" && tn.includes(n.view) && (o.view = n.view), (typeof n.selectedIntegrationId == "string" || n.selectedIntegrationId === null) && (o.selectedIntegrationId = n.selectedIntegrationId), (typeof n.selectedDefinitionId == "string" || n.selectedDefinitionId === null) && (o.selectedDefinitionId = n.selectedDefinitionId), typeof n.searchInput == "string" && (o.searchInput = n.searchInput), typeof n.visibility == "string" ? o.visibility = n.visibility : "visibility" in n && (o.visibility = void 0), Array.isArray(n.verification) && n.verification.every((a) => typeof a == "string") ? o.verification = n.verification : "verification" in n && (o.verification = void 0), typeof n.sortMethod == "string" ? o.sortMethod = n.sortMethod : "sortMethod" in n && (o.sortMethod = void 0), typeof n.selectedCategory == "string" ? o.selectedCategory = n.selectedCategory : "selectedCategory" in n && (o.selectedCategory = void 0), o;
+    return typeof n.view == "string" && nn.includes(n.view) && (o.view = n.view), (typeof n.selectedIntegrationId == "string" || n.selectedIntegrationId === null) && (o.selectedIntegrationId = n.selectedIntegrationId), (typeof n.selectedDefinitionId == "string" || n.selectedDefinitionId === null) && (o.selectedDefinitionId = n.selectedDefinitionId), typeof n.searchInput == "string" && (o.searchInput = n.searchInput), typeof n.visibility == "string" ? o.visibility = n.visibility : "visibility" in n && (o.visibility = void 0), Array.isArray(n.verification) && n.verification.every((a) => typeof a == "string") ? o.verification = n.verification : "verification" in n && (o.verification = void 0), typeof n.sortMethod == "string" ? o.sortMethod = n.sortMethod : "sortMethod" in n && (o.sortMethod = void 0), typeof n.selectedCategory == "string" ? o.selectedCategory = n.selectedCategory : "selectedCategory" in n && (o.selectedCategory = void 0), o;
   } catch {
     return null;
   }
-}, nn = (t, e) => {
+}, an = (t, e) => {
   try {
     sessionStorage.setItem(
       t,
@@ -736,7 +736,7 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
     );
   } catch {
   }
-}, Dt = (t, e) => ({
+}, Lt = (t, e) => ({
   view: (t == null ? void 0 : t.view) ?? e.initialView,
   selectedIntegrationId: (t == null ? void 0 : t.selectedIntegrationId) ?? null,
   selectedDefinitionId: (t == null ? void 0 : t.selectedDefinitionId) ?? null,
@@ -745,553 +745,561 @@ const Te = "width=650,height=800,popup=true", Oe = 500, Pe = 5 * 60 * 1e3, Be =
   verification: t && "verification" in t ? t.verification ? [...t.verification] : void 0 : e.defaultVerification,
   sortMethod: t && "sortMethod" in t ? t.sortMethod : e.defaultSortMethod,
   selectedCategory: t == null ? void 0 : t.selectedCategory
-}), on = ({
+}), sn = ({
   workspaceId: t,
   botId: e,
   enabled: i,
   defaults: n
 }) => {
-  const o = en(t, e), a = G(null);
+  const o = on(t, e), a = W(null);
   if (a.current === null) {
-    const f = i ? xt(o) : null;
-    a.current = Dt(f, n);
+    const u = i ? Dt(o) : null;
+    a.current = Lt(u, n);
   }
-  const [d, c] = x(a.current.view), [r, l] = x(
+  const [l, r] = x(a.current.view), [c, g] = x(
     a.current.selectedIntegrationId
-  ), [u, v] = x(
+  ), [d, p] = x(
     a.current.selectedDefinitionId
-  ), [C, S] = x(a.current.searchInput), [T, O] = x(a.current.visibility), [B, h] = x(a.current.verification), [g, M] = x(a.current.sortMethod), [j, _] = x(
+  ), [v, A] = x(a.current.searchInput), [P, T] = x(a.current.visibility), [U, b] = x(a.current.verification), [f, M] = x(a.current.sortMethod), [K, F] = x(
     a.current.selectedCategory
-  ), p = G(a.current), A = G(i);
-  A.current = i;
-  const k = G(o);
+  ), h = W(a.current), S = W(i);
+  S.current = i;
+  const L = W(o);
   Z(() => {
-    if (o === k.current)
+    if (o === L.current)
       return;
-    k.current = o;
-    const f = i ? xt(o) : null, E = Dt(f, n);
-    p.current = E, c(E.view), l(E.selectedIntegrationId), v(E.selectedDefinitionId), S(E.searchInput), O(E.visibility), h(E.verification), M(E.sortMethod), _(E.selectedCategory);
+    L.current = o;
+    const u = i ? Dt(o) : null, E = Lt(u, n);
+    h.current = E, r(E.view), g(E.selectedIntegrationId), p(E.selectedDefinitionId), A(E.searchInput), T(E.visibility), b(E.verification), M(E.sortMethod), F(E.selectedCategory);
   }, [o, i, n]);
-  const y = N((f) => {
-    f.verification !== void 0 && (f = { ...f, verification: f.verification ? [...f.verification] : void 0 }), Object.assign(p.current, f), A.current && nn(k.current, p.current);
-  }, []), P = N(
-    (f) => {
-      c(f), y({ view: f });
+  const y = N((u) => {
+    u.verification !== void 0 && (u = { ...u, verification: u.verification ? [...u.verification] : void 0 }), Object.assign(h.current, u), S.current && an(L.current, h.current);
+  }, []), O = N(
+    (u) => {
+      r(u), y({ view: u });
     },
     [y]
-  ), V = N(
-    (f) => {
-      l(f), y({ selectedIntegrationId: f });
+  ), j = N(
+    (u) => {
+      g(u), y({ selectedIntegrationId: u });
     },
     [y]
-  ), J = N(
-    (f) => {
-      v(f), y({ selectedDefinitionId: f });
+  ), $ = N(
+    (u) => {
+      p(u), y({ selectedDefinitionId: u });
     },
     [y]
-  ), at = N(
-    (f) => {
-      S(f), y({ searchInput: f });
+  ), G = N(
+    (u) => {
+      A(u), y({ searchInput: u });
     },
     [y]
-  ), X = N(
-    (f) => {
-      O(f), y({ visibility: f });
+  ), at = N(
+    (u) => {
+      T(u), y({ visibility: u });
     },
     [y]
-  ), Y = N(
-    (f) => {
-      h(f), y({ verification: f });
+  ), st = N(
+    (u) => {
+      b(u), y({ verification: u });
     },
     [y]
-  ), K = N(
-    (f) => {
-      M(f), y({ sortMethod: f });
+  ), X = N(
+    (u) => {
+      M(u), y({ sortMethod: u });
     },
     [y]
-  ), H = N(
-    (f) => {
-      _(f), y({ selectedCategory: f });
+  ), Y = N(
+    (u) => {
+      F(u), y({ selectedCategory: u });
     },
     [y]
   );
   return {
-    view: d,
-    setView: P,
-    selectedIntegrationId: r,
-    setSelectedIntegrationId: V,
-    selectedDefinitionId: u,
-    setSelectedDefinitionId: J,
-    searchInput: C,
-    setSearchInput: at,
-    visibility: T,
-    setVisibility: X,
-    verification: B,
-    setVerification: Y,
-    sortMethod: g,
-    setSortMethod: K,
-    selectedCategory: j,
-    setSelectedCategory: H
+    view: l,
+    setView: O,
+    selectedIntegrationId: c,
+    setSelectedIntegrationId: j,
+    selectedDefinitionId: d,
+    setSelectedDefinitionId: $,
+    searchInput: v,
+    setSearchInput: G,
+    visibility: P,
+    setVisibility: at,
+    verification: U,
+    setVerification: st,
+    sortMethod: f,
+    setSortMethod: X,
+    selectedCategory: K,
+    setSelectedCategory: Y
   };
-}, an = ["official", "verified"], sn = () => /* @__PURE__ */ I("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ I(Lt, { className: "h-6 w-6 animate-spin text-[var(--gray-9)]" }) }), rn = () => /* @__PURE__ */ I("div", { className: "flex items-center justify-center py-16 text-sm text-[var(--gray-11)]", children: "Integration details are unavailable for this selection." }), cn = (t) => t ? {
+}, rn = ["official", "verified"], cn = () => /* @__PURE__ */ w("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ w(Et, { className: "h-6 w-6 animate-spin text-[var(--gray-9)]" }) }), ln = () => /* @__PURE__ */ w("div", { className: "flex items-center justify-center py-16 text-sm text-[var(--gray-11)]", children: "Integration details are unavailable for this selection." }), dn = (t) => t ? {
   key: t.key,
   type: t.type
-} : null, ln = ({
+} : null, un = ({
   definition: t,
   selectedConnectionMethod: e
 }) => {
-  var i, n, o, a, d;
-  return e ? ((o = (n = (i = t.configurations) == null ? void 0 : i[e]) == null ? void 0 : n.identifier) == null ? void 0 : o.linkTemplateScript) ?? null : ((d = (a = t.configuration) == null ? void 0 : a.identifier) == null ? void 0 : d.linkTemplateScript) ?? null;
-}, dn = ({
+  var i, n, o, a, l;
+  return e ? ((o = (n = (i = t.configurations) == null ? void 0 : i[e]) == null ? void 0 : n.identifier) == null ? void 0 : o.linkTemplateScript) ?? null : ((l = (a = t.configuration) == null ? void 0 : a.identifier) == null ? void 0 : l.linkTemplateScript) ?? null;
+}, fn = ({
   client: t,
   workspaceId: e,
   botId: i,
-  initialView: n,
-  categories: o,
-  bannerSlides: a,
-  bannerIconUrl: d,
-  noResultsDocumentationLink: c,
-  disableInstallation: r = !1,
-  hasWriteAccess: l = !0,
-  transformIntegrationPatch: u,
-  categoryResolver: v,
-  filterMenuLabels: C,
-  defaultVisibility: S,
-  defaultVerification: T,
-  defaultSortMethod: O,
-  renderConfigurationForm: B,
-  renderConnectionsContent: h,
-  oauthTemplateData: g,
-  renderDetailPanel: M,
-  renderNotifications: j,
-  onShare: _,
-  onInstall: p,
-  onUninstall: A,
-  onEnable: k,
-  onDisable: y,
-  onUpgrade: P,
-  onError: V,
-  persistNavigationState: J = !1
+  headerTitle: n,
+  headerIconUrl: o,
+  initialView: a,
+  categories: l,
+  bannerSlides: r,
+  bannerIconUrl: c,
+  noResultsDocumentationLink: g,
+  disableInstallation: d = !1,
+  hasWriteAccess: p = !0,
+  transformIntegrationPatch: v,
+  categoryResolver: A,
+  filterMenuLabels: P,
+  defaultVisibility: T,
+  defaultVerification: U,
+  defaultSortMethod: b,
+  renderConfigurationForm: f,
+  renderConnectionsContent: M,
+  oauthTemplateData: K,
+  renderDetailPanel: F,
+  renderNotifications: h,
+  onShare: S,
+  onInstall: L,
+  onUninstall: y,
+  onEnable: O,
+  onDisable: j,
+  onUpgrade: $,
+  onError: G,
+  persistNavigationState: at = !1
 }) => {
-  var It;
-  const at = F(
+  var St;
+  const st = V(
     () => ({
-      initialView: n ?? "hub",
-      defaultVisibility: S,
-      defaultVerification: T ?? [...an],
-      defaultSortMethod: O
+      initialView: a ?? "hub",
+      defaultVisibility: T,
+      defaultVerification: U ?? [...rn],
+      defaultSortMethod: b
     }),
-    [n, S, T, O]
+    [a, T, U, b]
   ), {
     view: X,
     setView: Y,
-    selectedIntegrationId: K,
-    setSelectedIntegrationId: H,
-    selectedDefinitionId: f,
-    setSelectedDefinitionId: E,
+    selectedIntegrationId: u,
+    setSelectedIntegrationId: E,
+    selectedDefinitionId: rt,
+    setSelectedDefinitionId: J,
     searchInput: m,
-    setSearchInput: Wt,
-    visibility: st,
-    setVisibility: $t,
-    verification: rt,
-    setVerification: Gt,
-    sortMethod: ct,
-    setSortMethod: Jt,
-    selectedCategory: Zt,
-    setSelectedCategory: Xt
-  } = on({
+    setSearchInput: Gt,
+    visibility: ct,
+    setVisibility: Jt,
+    verification: lt,
+    setVerification: Zt,
+    sortMethod: dt,
+    setSortMethod: Xt,
+    selectedCategory: Yt,
+    setSelectedCategory: mt
+  } = sn({
     workspaceId: e,
     botId: i,
-    enabled: J,
-    defaults: at
-  }), [lt, z] = x(null), [Yt, W] = x(!1), [mt, dt] = x("connections"), [te, ut] = x("connections"), w = Qt({
+    enabled: at,
+    defaults: st
+  }), [ut, H] = x(null), [te, Q] = x(!1), [ee, ft] = x("connections"), [ne, gt] = x("connections"), I = $t({
     client: t,
     workspaceId: e,
     botId: i,
-    categoryResolver: v,
+    categoryResolver: A,
     enabled: !0,
-    transformIntegrationPatch: u
-  }), ee = F(
-    () => He({
-      integrations: w.integrations,
+    transformIntegrationPatch: v
+  }), ie = V(
+    () => Re({
+      integrations: I.integrations,
       searchTerm: m,
-      visibility: st,
-      verification: rt,
-      sortMethod: ct
+      visibility: ct,
+      verification: lt,
+      sortMethod: dt
     }),
-    [w.integrations, m, st, rt, ct]
-  ), D = F(
-    () => [...w.integrations, ...w.installedIntegrations].find(
-      (b) => b.id === K
+    [I.integrations, m, ct, lt, dt]
+  ), k = V(
+    () => [...I.integrations, ...I.installedIntegrations].find(
+      (C) => C.id === u
     ) ?? null,
-    [w.integrations, w.installedIntegrations, K]
+    [I.integrations, I.installedIntegrations, u]
   );
   Z(() => {
-    K && !w.isLoading && !D && (H(null), E(null));
-  }, [K, D, w.isLoading, H, E]);
-  const s = zt({
+    u && !I.isLoading && !k && (E(null), J(null));
+  }, [u, k, I.isLoading, E, J]);
+  const s = qt({
     client: t,
     workspaceId: e,
     botId: i,
-    integrationId: f,
-    enabled: !!f,
-    transformIntegrationPatch: u
-  }), ne = F(
-    () => (o == null ? void 0 : o.filter((b) => b.name !== "Popular").map((b) => b.name)) ?? [],
-    [o]
-  ), { readme: ie, isLoading: oe } = fe((It = s.definition) == null ? void 0 : It.readmeUrl);
+    integrationId: rt,
+    enabled: !!rt,
+    transformIntegrationPatch: v
+  }), oe = V(
+    () => (l == null ? void 0 : l.filter((C) => C.name !== "Popular").map((C) => C.name)) ?? [],
+    [l]
+  ), { readme: ae, isLoading: se } = pe((St = s.definition) == null ? void 0 : St.readmeUrl);
   Z(() => {
-    W(!1), z(null);
-  }, [f]);
+    Q(!1), H(null);
+  }, [rt]);
   const tt = N(
-    (b) => {
-      const U = Ct(b);
-      V == null || V(U);
+    (C) => {
+      const B = wt(C);
+      G == null || G(B);
     },
-    [V]
+    [G]
   ), et = async ({
-    operation: b,
-    onSuccess: U,
-    integration: R
+    operation: C,
+    onSuccess: B,
+    integration: z
   }) => {
-    const q = R ?? D;
-    if (q)
+    const R = z ?? k;
+    if (R)
       try {
-        await b(), U == null || U(q);
-      } catch (ft) {
-        tt(ft);
+        await C(), B == null || B(R);
+      } catch (pt) {
+        tt(pt);
       }
-  }, ae = (b) => {
-    var Tt, Ot, Pt, Bt;
-    if (!K || b !== K)
+  }, re = (C) => {
+    var Pt, Bt, xt, Ut;
+    if (!u || C !== u)
       return null;
     if (s.isLoading)
-      return sn();
-    if (!s.definition || !D)
-      return rn();
-    const U = !!s.installedState, R = ln({
+      return cn();
+    if (!s.definition || !k)
+      return ln();
+    const B = !!s.installedState, z = un({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
-    }), q = s.connectionMethods.length > 1 || !!R, ft = Nt({
+    }), R = s.connectionMethods.length > 1 || !!z, pt = Ft({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
-    }), se = Vt(ft).length > 0, re = !!B || se, wt = !U || Yt, St = {
-      integration: D,
+    }), ce = jt(pt).length > 0, le = !!f || ce, At = !B || te, Mt = {
+      integration: k,
       definition: s.definition,
       installedState: s.installedState,
       workspaceId: e,
       botId: i
-    }, At = async (L) => {
+    }, Tt = async (D) => {
       try {
-        await s.saveConfig(L);
+        await s.saveConfig(D);
       } catch (nt) {
         tt(nt);
       }
-    }, ce = h ? h({
+    }, de = M ? M({
       definition: s.definition,
       installedState: s.installedState,
       connectionMethods: s.connectionMethods,
       selectedConnectionMethod: s.selectedConnectionMethod,
       onConnectionMethodChange: s.setConnectionMethod,
       isSettingConnectionMethod: s.isSettingConnectionMethod
-    }) : /* @__PURE__ */ $("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ I("div", { className: "self-end", children: /* @__PURE__ */ I(
-        ve,
+    }) : /* @__PURE__ */ _("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ w("div", { className: "self-end", children: /* @__PURE__ */ w(
+        ye,
         {
           options: s.connectionMethods,
           value: s.selectedConnectionMethod,
-          disabled: !l,
-          onChange: (L) => {
-            l && s.setConnectionMethod(L).catch(tt);
+          disabled: !p,
+          onChange: (D) => {
+            p && s.setConnectionMethod(D).catch(tt);
           }
         }
       ) }),
-      R ? /* @__PURE__ */ I(
-        Le,
+      z ? /* @__PURE__ */ w(
+        Ee,
         {
           client: t,
           integrationName: s.definition.title ?? s.definition.name,
-          linkTemplateScript: R,
-          webhookUrl: (Tt = s.installedState) == null ? void 0 : Tt.webhookUrl,
-          oauthTemplateData: g,
-          isAuthorized: !!((Ot = s.installedState) != null && Ot.identifier),
-          disabled: !l,
+          linkTemplateScript: z,
+          webhookUrl: (Pt = s.installedState) == null ? void 0 : Pt.webhookUrl,
+          oauthTemplateData: K,
+          isAuthorized: !!((Bt = s.installedState) != null && Bt.identifier),
+          disabled: !p,
           onAuthorized: async () => {
-            s.refresh(), w.refresh();
+            s.refresh(), I.refresh();
           },
           onError: tt
         }
-      ) : /* @__PURE__ */ $("p", { className: "text-sm text-[var(--gray-11)]", children: [
+      ) : /* @__PURE__ */ _("p", { className: "text-sm text-[var(--gray-11)]", children: [
         "No custom connection UI was provided. Use ",
-        /* @__PURE__ */ I("code", { children: "renderConnectionsContent" }),
+        /* @__PURE__ */ w("code", { children: "renderConnectionsContent" }),
         " to plug your OAuth/manual connection flow."
       ] })
-    ] }), le = /* @__PURE__ */ I(
-      Ce,
+    ] }), ue = /* @__PURE__ */ w(
+      we,
       {
-        webhookUrl: (Pt = s.installedState) == null ? void 0 : Pt.webhookUrl,
+        webhookUrl: (xt = s.installedState) == null ? void 0 : xt.webhookUrl,
         isBlocked: !s.installedState,
-        children: B ? B({
+        children: f ? f({
           definition: s.definition,
           installedState: s.installedState,
           selectedConnectionMethod: s.selectedConnectionMethod,
-          onSave: At,
+          onSave: Tt,
           isSaving: s.isSavingConfig
-        }) : /* @__PURE__ */ I(
-          ke,
+        }) : /* @__PURE__ */ w(
+          Ne,
           {
             definition: s.definition,
             installedState: s.installedState,
             selectedConnectionMethod: s.selectedConnectionMethod,
-            onSave: At,
+            onSave: Tt,
             isSaving: s.isSavingConfig,
-            disabled: !l || !s.installedState
+            disabled: !p || !s.installedState
           }
         )
       }
-    ), Mt = /* @__PURE__ */ I(
-      ye,
+    ), Ot = /* @__PURE__ */ w(
+      Ie,
       {
         actionCards: s.capabilities.actionCards,
         eventCards: s.capabilities.eventCards,
         channelCards: s.capabilities.channelCards,
-        selectedCard: lt,
-        onCardSelect: (L) => {
-          z(
-            cn(
-              L ? {
-                key: L.key,
-                type: L.type
+        selectedCard: ut,
+        onCardSelect: (D) => {
+          H(
+            dn(
+              D ? {
+                key: D.key,
+                type: D.type
               } : null
             )
           );
         }
       }
-    ), de = /* @__PURE__ */ I(
-      Ie,
+    ), fe = /* @__PURE__ */ w(
+      Se,
       {
         version: s.definition.version,
         githubUrl: s.definition.url,
         aboutLabel: "About Integration",
-        onAboutClick: U ? () => W(!0) : void 0
+        onAboutClick: B ? () => Q(!0) : void 0
       }
     );
-    return /* @__PURE__ */ I(
-      we,
+    return /* @__PURE__ */ w(
+      Ae,
       {
         title: s.definition.title ?? s.definition.name,
         iconUrl: s.definition.iconUrl,
-        contributorName: D.author,
-        isOfficial: D.isOfficial,
-        isVerified: D.isVerified,
-        isPrivate: D.isPrivate,
+        contributorName: k.author,
+        isOfficial: k.isOfficial,
+        isVerified: k.isVerified,
+        isPrivate: k.isPrivate,
         onBack: () => {
-          H(null), E(null), z(null), W(!1);
+          E(null), J(null), H(null), Q(!1);
         },
-        onInstall: U || r || !l ? void 0 : () => {
+        onInstall: B || d || !p ? void 0 : () => {
           et({
-            operation: () => w.install(D.id),
-            onSuccess: p,
-            integration: D
+            operation: () => I.install(k.id),
+            onSuccess: L,
+            integration: k
           });
         },
-        onToggleEnabled: !U || !l ? void 0 : () => {
-          const L = s.installedState, nt = !!(L != null && L.enabled);
+        onToggleEnabled: !B || !p ? void 0 : () => {
+          const D = s.installedState, nt = !!(D != null && D.enabled);
           et({
             operation: async () => {
-              if (!L)
+              if (!D)
                 throw new Error("Integration is not installed");
               if (nt) {
-                await w.disable(L.id);
+                await I.disable(D.id);
                 return;
               }
-              await w.enable(L.id);
+              await I.enable(D.id);
             },
-            onSuccess: nt ? y : k,
-            integration: D
+            onSuccess: nt ? j : O,
+            integration: k
           });
         },
-        onUninstall: !U || !l ? void 0 : () => {
-          const L = s.installedState;
+        onUninstall: !B || !p ? void 0 : () => {
+          const D = s.installedState;
           et({
             operation: async () => {
-              if (!L)
+              if (!D)
                 throw new Error("Integration is not installed");
-              await w.uninstall(L.id);
+              await I.uninstall(D.id);
             },
-            onSuccess: A,
-            integration: D
+            onSuccess: y,
+            integration: k
           });
         },
-        onUpgrade: !D.hasUpdate || !l ? void 0 : () => {
+        onUpgrade: !k.hasUpdate || !p ? void 0 : () => {
           et({
-            operation: () => w.upgrade(D.id),
-            onSuccess: P,
-            integration: D
+            operation: () => I.upgrade(k.id),
+            onSuccess: $,
+            integration: k
           });
         },
-        isInstalled: U,
-        disableInstallation: r,
-        hasWriteAccess: l,
-        isInstalling: w.isInstalling,
-        isUninstalling: w.isUninstalling,
-        isTogglingEnabled: w.isEnabling || w.isDisabling,
-        hasUpdate: D.hasUpdate,
-        isUpgrading: w.isUpgrading,
-        toggleButtonLabel: (Bt = s.installedState) != null && Bt.enabled ? "Disable" : "Enable",
-        onShare: _ ? () => _(St) : void 0,
-        showBackToSetup: U && wt,
-        onBackToSetup: () => W(!1),
-        notifications: j == null ? void 0 : j(St),
-        selectedDetailPanel: lt && M ? M({
+        isInstalled: B,
+        disableInstallation: d,
+        hasWriteAccess: p,
+        isInstalling: I.isInstalling,
+        isUninstalling: I.isUninstalling,
+        isTogglingEnabled: I.isEnabling || I.isDisabling,
+        hasUpdate: k.hasUpdate,
+        isUpgrading: I.isUpgrading,
+        toggleButtonLabel: (Ut = s.installedState) != null && Ut.enabled ? "Disable" : "Enable",
+        onShare: S ? () => S(Mt) : void 0,
+        showBackToSetup: B && At,
+        onBackToSetup: () => Q(!1),
+        notifications: h == null ? void 0 : h(Mt),
+        selectedDetailPanel: ut && F ? F({
           definition: s.definition,
-          selectedCard: lt,
-          onClose: () => z(null)
+          selectedCard: ut,
+          onClose: () => H(null)
         }) : void 0,
-        onDismissSelectedDetailPanel: () => z(null),
-        children: wt ? /* @__PURE__ */ $("div", { className: "flex flex-col gap-6 mt-6", children: [
-          /* @__PURE__ */ I(Se, { readme: ie, isLoading: oe }),
-          Mt
-        ] }) : /* @__PURE__ */ I(
-          Ae,
+        onDismissSelectedDetailPanel: () => H(null),
+        children: At ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-6 mt-6", children: [
+          /* @__PURE__ */ w(Me, { readme: ae, isLoading: se }),
+          Ot
+        ] }) : /* @__PURE__ */ w(
+          Te,
           {
             integrationTitle: s.definition.title ?? s.definition.name,
-            isFullyConfigured: U,
-            hasConnectionStep: q,
-            hasConfigurationStep: re,
-            configuredTab: mt,
-            onConfiguredTabChange: dt,
-            setupTab: te,
-            onSetupTabChange: ut,
+            isFullyConfigured: B,
+            hasConnectionStep: R,
+            hasConfigurationStep: le,
+            configuredTab: ee,
+            onConfiguredTabChange: ft,
+            setupTab: ne,
+            onSetupTabChange: gt,
             onCancelSetup: () => {
-              H(null), E(null), z(null), W(!1);
+              E(null), J(null), H(null), Q(!1);
             },
-            metadata: de,
-            connectionsContent: ce,
-            configurationContent: le,
-            capabilitiesContent: Mt
+            metadata: fe,
+            connectionsContent: de,
+            configurationContent: ue,
+            capabilitiesContent: Ot
           }
         )
       }
     );
   };
-  return /* @__PURE__ */ $("div", { className: "flex h-full min-h-0 flex-col", children: [
-    !K && /* @__PURE__ */ I("div", { className: "flex justify-end px-6 pt-4", children: /* @__PURE__ */ $("div", { className: "flex rounded-lg bg-[var(--gray-a3)] p-1", children: [
-      /* @__PURE__ */ I(
-        "button",
-        {
-          type: "button",
-          onClick: () => Y("hub"),
-          className: bt(
-            "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
-            X === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
-          ),
-          children: "Integration Hub"
-        }
-      ),
-      /* @__PURE__ */ I(
-        "button",
-        {
-          type: "button",
-          onClick: () => Y("installed"),
-          className: bt(
-            "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
-            X === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
-          ),
-          children: "Installed Integrations"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ I(
-      ge,
+  return /* @__PURE__ */ _("div", { className: "flex h-full min-h-0 flex-col", children: [
+    !u && /* @__PURE__ */ _("div", { className: "flex items-center justify-between px-6 pt-4", children: [
+      (n || o) && /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+        o && /* @__PURE__ */ w("img", { src: o, alt: "", className: "h-6 w-6 shrink-0 rounded object-contain" }),
+        n && /* @__PURE__ */ w("h2", { className: "text-lg font-semibold text-[var(--gray-12)]", children: n })
+      ] }),
+      /* @__PURE__ */ _("div", { className: "flex rounded-lg bg-[var(--gray-a3)] p-1 ml-auto", children: [
+        /* @__PURE__ */ w(
+          "button",
+          {
+            type: "button",
+            onClick: () => Y("hub"),
+            className: Ct(
+              "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
+              X === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
+            ),
+            children: "Integration Hub"
+          }
+        ),
+        /* @__PURE__ */ w(
+          "button",
+          {
+            type: "button",
+            onClick: () => Y("installed"),
+            className: Ct(
+              "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
+              X === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
+            ),
+            children: "Installed Integrations"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ w(
+      he,
       {
         view: X,
         searchInput: m,
         searchTerm: m,
-        onSearchInputChange: Wt,
-        selectedCategory: Zt,
-        onSelectedCategoryChange: Xt,
-        selectedIntegrationId: K,
-        hubIntegrations: ee,
-        sidebarIntegrations: w.integrations,
-        installedIntegrations: w.installedIntegrations,
-        isHubLoading: w.isLoading,
-        isInstalledLoading: w.isLoading,
-        filterMenu: /* @__PURE__ */ I(
-          pe,
+        onSearchInputChange: Gt,
+        selectedCategory: Yt,
+        onSelectedCategoryChange: mt,
+        selectedIntegrationId: u,
+        hubIntegrations: ie,
+        sidebarIntegrations: I.integrations,
+        installedIntegrations: I.installedIntegrations,
+        isHubLoading: I.isLoading,
+        isInstalledLoading: I.isLoading,
+        filterMenu: /* @__PURE__ */ w(
+          be,
           {
-            visibility: st,
-            verification: rt,
-            sortMethod: ct,
-            labels: C,
-            onVisibilityChange: $t,
-            onVerificationChange: Gt,
-            onSortMethodChange: Jt
+            visibility: ct,
+            verification: lt,
+            sortMethod: dt,
+            labels: P,
+            onVisibilityChange: Jt,
+            onVerificationChange: Zt,
+            onSortMethodChange: Xt
           }
         ),
-        categories: o,
-        bannerSlides: a,
-        bannerIconUrl: d,
-        noResultsDocumentationLink: c,
-        renderIntegrationCard: (b, { onEscape: U }) => /* @__PURE__ */ I(
-          he,
+        categories: l,
+        bannerSlides: r,
+        bannerIconUrl: c,
+        noResultsDocumentationLink: g,
+        renderIntegrationCard: (C, { onEscape: B }) => /* @__PURE__ */ w(
+          ve,
           {
-            name: b.title ?? b.name,
-            description: b.description,
-            author: b.author,
-            installed: b.installed,
-            updateAvailable: b.hasUpdate,
-            verified: b.isVerified,
-            official: b.isOfficial,
-            private: b.isPrivate,
-            iconUrl: b.iconUrl,
+            name: C.title ?? C.name,
+            description: C.description,
+            author: C.author,
+            installed: C.installed,
+            updateAvailable: C.hasUpdate,
+            verified: C.isVerified,
+            official: C.isOfficial,
+            private: C.isPrivate,
+            iconUrl: C.iconUrl,
             onClick: () => {
-              H(b.id), E(b.installedId ?? b.id), dt("connections"), ut("connections"), W(!1), z(null);
+              E(C.id), J(C.installedId ?? C.id), ft("connections"), gt("connections"), Q(!1), H(null);
             },
-            onEscape: U
+            onEscape: B
           }
         ),
-        renderInstalledIntegrations: ({ integrations: b, searchTerm: U, categoryOrder: R }) => /* @__PURE__ */ I(
-          be,
+        renderInstalledIntegrations: ({ integrations: C, searchTerm: B, categoryOrder: z }) => /* @__PURE__ */ w(
+          Ce,
           {
-            integrations: b,
-            searchTerm: U,
-            categoryOrder: R.length > 0 ? R : ne,
-            onSelectIntegration: (q) => {
-              H(q.id), E(q.installedId ?? q.id), dt("connections"), ut("connections"), W(!1), z(null);
+            integrations: C,
+            searchTerm: B,
+            categoryOrder: z.length > 0 ? z : oe,
+            onSelectIntegration: (R) => {
+              E(R.id), J(R.installedId ?? R.id), ft("connections"), gt("connections"), Q(!1), H(null);
             }
           }
         ),
-        renderIntegrationDetails: ae
+        renderIntegrationDetails: re
       }
     )
   ] });
-}, Mn = dn;
+}, On = fn;
 export {
-  Mn as BotpressIntegrationHub,
-  dn as BotpressIntegrationHubScreen,
-  Le as IntegrationOAuthButton,
-  Se as IntegrationReadmeContent,
-  ke as IntegrationStaticZuiConfigurationForm,
-  wn as dedupeById,
-  Ue as fetchOAuthAuthorizationUrl,
-  He as filterAndSortIntegrations,
-  yt as findInstalledIntegration,
+  On as BotpressIntegrationHub,
+  fn as BotpressIntegrationHubScreen,
+  Ee as IntegrationOAuthButton,
+  Me as IntegrationReadmeContent,
+  Ne as IntegrationStaticZuiConfigurationForm,
+  An as dedupeById,
+  ke as fetchOAuthAuthorizationUrl,
+  Re as filterAndSortIntegrations,
+  It as findInstalledIntegration,
   ot as getInstalledIntegrations,
-  Ke as getSelectedConnectionMethod,
-  Be as getWebhookIdFromUrl,
-  _t as isOfficialWorkspace,
-  xe as openOAuthPopup,
-  Kt as resolveCategory,
-  je as toCapabilityCards,
-  _e as toConnectionMethods,
-  Ct as toError,
-  Ve as toHubItem,
-  Fe as toInstalledItem,
-  zt as useBotpressIntegrationDetails,
-  Qt as useBotpressIntegrationHub,
-  Sn as useIntegrationDetails,
-  An as useIntegrationHub,
-  fe as useIntegrationReadme,
-  on as usePersistedNavigationState
+  ze as getSelectedConnectionMethod,
+  Ue as getWebhookIdFromUrl,
+  Ht as isOfficialWorkspace,
+  De as openOAuthPopup,
+  zt as resolveCategory,
+  Ke as toCapabilityCards,
+  He as toConnectionMethods,
+  wt as toError,
+  je as toHubItem,
+  _e as toInstalledItem,
+  qt as useBotpressIntegrationDetails,
+  $t as useBotpressIntegrationHub,
+  Mn as useIntegrationDetails,
+  Tn as useIntegrationHub,
+  pe as useIntegrationReadme,
+  sn as usePersistedNavigationState
 };