@bpinternal/integration-hub 0.6.1 → 0.8.0

package/dist/runtime/index.js

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