@bpinternal/integration-hub 0.7.0 → 0.8.1

package/dist/runtime/index.js

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