@amp-labs/react 1.9.3 → 1.10.0

package/build/amp-react.es.js

@@ -1,16 +1,39 @@
 import { jsx as l, jsxs as A, Fragment as Kt } from "react/jsx-runtime";
 import Br, { createContext as _e, useContext as ve, useState as k, useCallback as Q, useMemo as we, useEffect as Y, forwardRef as Si, useRef as ma, Children as ya } from "react";
-import { extendTheme as io, withDefaultColorScheme as wa, ChakraProvider as Ia, Box as J, Stack as Ae, Spinner as va, Text as Ie, useTab as oo, useMultiStyleConfig as ao, Button as ne, Divider as Oi, Tabs as ba, Select as Sa, Flex as Ur, Heading as Je, FormControl as He, FormErrorMessage as Oa, Checkbox as Mr, Tag as Ca, Container as cr, Alert as Xr, AlertIcon as Gr, AlertDescription as Vr, Link as so, FormLabel as rt, InputGroup as Yr, Input as Pe, InputRightElement as Zr, Textarea as co } from "@chakra-ui/react";
-import { ThemeContext as Na } from "@emotion/react";
+import { extendTheme as io, ChakraProvider as wa, Box as J, Stack as Ae, Spinner as Ia, Text as Ie, useTab as oo, useMultiStyleConfig as ao, Button as ne, Divider as Oi, Tabs as va, Select as ba, Flex as Ur, Heading as Je, FormControl as He, FormErrorMessage as Sa, Checkbox as Mr, Tag as Oa, Container as cr, Alert as Xr, AlertIcon as Gr, AlertDescription as Vr, Link as so, FormLabel as rt, InputGroup as Yr, Input as Pe, InputRightElement as Zr, Textarea as co } from "@chakra-ui/react";
+import { ThemeContext as Ca } from "@emotion/react";
 import Di from "@emotion/styled";
-const Ta = {
+const Na = {
+  primary: {
+    bg: "black",
+    // Background color
+    color: "white",
+    // Text color
+    _hover: {
+      bg: "gray.700",
+      // Background color on hover
+      _disabled: {
+        bg: "gray.600"
+        // Background color for disabled state
+      }
+    },
+    _disabled: {
+      bg: "gray.600",
+      // Background color for disabled state
+      color: "gray.300",
+      // Text color for disabled state
+      cursor: "not-allowed",
+      // Optional: Disable the pointer
+      opacity: 1
+      // Ensure it is fully visible (no transparency)
+    }
+  },
   warning: {
     bg: "red.50",
     // Background color
-    outlineColor: "red.800",
-    outline: "2px solid",
+    outline: "2px solid red.100",
     outlineOffset: "0",
-    borderColor: "red.800",
+    borderColor: "red.100",
     // Border color
     color: "red.800",
     // Text color
@@ -19,7 +42,7 @@ const Ta = {
       // Background color on hover
     }
   }
-}, Ra = io({
+}, Ta = io({
   components: {
     Tabs: {
       baseStyle: {
@@ -27,18 +50,18 @@ const Ta = {
           width: "100%",
           borderRadius: "4px",
           _hover: {
-            bg: "gray.300"
+            bg: "gray.200"
           },
           _selected: {
             color: "black",
             // Set the color of the selected tab to 'black
             fontWeight: "500",
             // Set the font weight of the selected tab
-            bg: "gray.200",
+            bg: "gray.100",
             // Set the background color of the selected tab
             border: "none",
             _hover: {
-              bg: "gray.300"
+              bg: "gray.200"
             }
           }
         },
@@ -47,38 +70,32 @@ const Ta = {
           width: "100%",
           borderRadius: "4px",
           _hover: {
-            bg: "red.200"
+            bg: "red.100"
           },
           _selected: {
             color: "red.800",
             // Set the color of the selected tab
             fontWeight: "500",
             // Set the font weight of the selected tab
-            bg: "red.100",
+            bg: "red.50",
             // Set the background color of the selected tab
             border: "none",
             _hover: {
-              bg: "red.200"
+              bg: "red.100"
             }
           }
         }
       }
     },
     Button: {
-      variants: Ta
+      variants: Na
     }
   }
-}), _a = io(
-  wa({
-    colorScheme: "facebook",
-    components: ["Button"]
-  }),
-  Ra
-);
-function Aa({ children: e }) {
-  return /* @__PURE__ */ l(Ia, { theme: _a, children: e });
+}), Ra = io(Ta);
+function _a({ children: e }) {
+  return /* @__PURE__ */ l(wa, { theme: Ra, children: e });
 }
-const lo = _e(null), xa = lo.Provider, te = () => {
+const lo = _e(null), Aa = lo.Provider, te = () => {
   const e = ve(lo);
   if (e === null)
     throw new Error("useApiKey must be used within an ApiKeyProvider");
@@ -92,14 +109,14 @@ function nt() {
     throw new Error("useErrorState must be used within a ErrorProvider");
   return e;
 }
-const ka = (() => {
+const xa = (() => {
   const e = {};
   return Object.values(Z).forEach((t) => {
     e[t] = {};
   }), e;
 })();
-function Ea({ children: e }) {
-  const [t, r] = k(ka), n = Q((h, m) => {
+function ka({ children: e }) {
+  const [t, r] = k(xa), n = Q((h, m) => {
     r((w) => {
       const y = {
         ...w
@@ -160,7 +177,7 @@ function De({ message: e }) {
       marginBottom: "20%",
       children: /* @__PURE__ */ A(Ae, { alignItems: "center", children: [
         /* @__PURE__ */ l(
-          va,
+          Ia,
           {
             height: "100px",
             width: "100px",
@@ -222,7 +239,7 @@ function We({ message: e }) {
     }
   );
 }
-const Fa = "https://api.withampersand.com/v1".replace(/\/+$/, "");
+const Ea = "https://api.withampersand.com/v1".replace(/\/+$/, "");
 class po {
   constructor(t = {}) {
     this.configuration = t;
@@ -231,7 +248,7 @@ class po {
     this.configuration = t;
   }
   get basePath() {
-    return this.configuration.basePath != null ? this.configuration.basePath : Fa;
+    return this.configuration.basePath != null ? this.configuration.basePath : Ea;
   }
   get fetchApi() {
     return this.configuration.fetchApi;
@@ -265,8 +282,8 @@ class po {
     return this.configuration.credentials;
   }
 }
-const Pa = new po(), Hr = class Hr {
-  constructor(t = Pa) {
+const Fa = new po(), Hr = class Hr {
+  constructor(t = Fa) {
     this.configuration = t, this.fetchApi = async (r, n) => {
       let i = { url: r, init: n };
       for (const s of this.middleware)
@@ -287,7 +304,7 @@ const Pa = new po(), Hr = class Hr {
             response: a ? a.clone() : void 0
           }) || a);
         if (a === void 0)
-          throw s instanceof Error ? new Ba(s, "The request failed and the interceptors did not return an alternative response") : s;
+          throw s instanceof Error ? new La(s, "The request failed and the interceptors did not return an alternative response") : s;
       }
       for (const s of this.middleware)
         s.post && (a = await s.post({
@@ -328,7 +345,7 @@ const Pa = new po(), Hr = class Hr {
     const { url: n, init: i } = await this.createFetchParams(t, r), a = await this.fetchApi(n, i);
     if (a && a.status >= 200 && a.status < 300)
       return a;
-    throw new La(a, "Response returned an error code");
+    throw new Ka(a, "Response returned an error code");
   }
   async createFetchParams(t, r) {
     let n = this.configuration.basePath + t.path;
@@ -348,7 +365,7 @@ const Pa = new po(), Hr = class Hr {
       })
     }, p = {
       ...u,
-      body: Ka(u.body) || u.body instanceof URLSearchParams || Da(u.body) ? u.body : JSON.stringify(u.body)
+      body: Da(u.body) || u.body instanceof URLSearchParams || Pa(u.body) ? u.body : JSON.stringify(u.body)
     };
     return { url: n, init: p };
   }
@@ -363,18 +380,18 @@ const Pa = new po(), Hr = class Hr {
 };
 Hr.jsonRegex = new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$", "i");
 let de = Hr;
-function Da(e) {
+function Pa(e) {
   return typeof Blob < "u" && e instanceof Blob;
 }
-function Ka(e) {
+function Da(e) {
   return typeof FormData < "u" && e instanceof FormData;
 }
-class La extends Error {
+class Ka extends Error {
   constructor(t, r) {
     super(r), this.response = t, this.name = "ResponseError";
   }
 }
-class Ba extends Error {
+class La extends Error {
   constructor(t, r) {
     super(r), this.cause = t, this.name = "FetchError";
   }
@@ -424,7 +441,7 @@ class ze {
   async value() {
   }
 }
-class Ua {
+class Ba {
   constructor(t) {
     this.raw = t;
   }
@@ -432,83 +449,83 @@ class Ua {
     return await this.raw.text();
   }
 }
-function Ma(e) {
-  return $a(e);
+function Ua(e) {
+  return Ma(e);
 }
-function $a(e, t) {
+function Ma(e, t) {
   return e == null ? e : {
     fieldUsed: N(e, "fieldUsed") ? e.fieldUsed : void 0,
     keyFormat: N(e, "keyFormat") ? e.keyFormat : void 0
   };
 }
-function ja(e) {
-  return qa(e);
+function $a(e) {
+  return ja(e);
 }
-function qa(e, t) {
+function ja(e, t) {
   return e == null ? e : {
     name: e.name,
     valuePrefix: N(e, "valuePrefix") ? e.valuePrefix : void 0
   };
 }
-function Wa(e) {
-  return za(e);
+function qa(e) {
+  return Wa(e);
 }
-function za(e, t) {
+function Wa(e, t) {
   return e == null ? e : {
     name: e.name
   };
 }
-function Ja(e) {
-  return Ha(e);
+function za(e) {
+  return Ja(e);
 }
-function Ha(e, t) {
+function Ja(e, t) {
   return e == null ? e : {
     attachmentType: e.attachmentType,
-    query: N(e, "query") ? Wa(e.query) : void 0,
-    header: N(e, "header") ? ja(e.header) : void 0,
+    query: N(e, "query") ? qa(e.query) : void 0,
+    header: N(e, "header") ? $a(e.header) : void 0,
     docsURL: N(e, "docsURL") ? e.docsURL : void 0
   };
 }
-function Xa(e) {
-  return Ga(e);
+function Ha(e) {
+  return Xa(e);
 }
-function Ga(e, t) {
+function Xa(e, t) {
   return e;
 }
-function Va(e) {
-  return Ya(e);
+function Ga(e) {
+  return Va(e);
 }
-function Ya(e, t) {
+function Va(e, t) {
   return e == null ? e : {
     days: N(e, "days") ? e.days : void 0,
     fullHistory: N(e, "fullHistory") ? e.fullHistory : void 0
   };
 }
 function go(e) {
-  return Za(e);
+  return Ya(e);
 }
-function Za(e, t) {
+function Ya(e, t) {
   return e == null ? e : {
-    defaultPeriod: Va(e.defaultPeriod)
+    defaultPeriod: Ga(e.defaultPeriod)
   };
 }
-function Qa(e) {
+function Za(e) {
   if (e !== void 0)
     return e === null ? null : {
       days: e.days,
       fullHistory: e.fullHistory
     };
 }
-function es(e) {
+function Qa(e) {
   if (e !== void 0)
     return e === null ? null : {
-      defaultPeriod: Qa(e.defaultPeriod)
+      defaultPeriod: Za(e.defaultPeriod)
     };
 }
-function ts(e) {
-  return rs(e);
+function es(e) {
+  return ts(e);
 }
-function rs(e, t) {
+function ts(e, t) {
   return e == null ? e : {
     enabled: N(e, "enabled") ? e.enabled : void 0
   };
@@ -519,7 +536,7 @@ function mo(e) {
       enabled: e.enabled
     };
 }
-function ns(e) {
+function rs(e) {
   if (e !== void 0)
     return e === null ? null : {
       objectName: e.objectName,
@@ -527,38 +544,38 @@ function ns(e) {
       destination: e.destination,
       selectedFields: e.selectedFields,
       selectedFieldMappings: e.selectedFieldMappings,
-      backfill: es(e.backfill)
+      backfill: Qa(e.backfill)
     };
 }
-function is(e) {
+function ns(e) {
   if (e !== void 0)
     return e === null ? null : {
-      objects: e.objects === void 0 ? void 0 : Ci(e.objects, ns)
+      objects: e.objects === void 0 ? void 0 : Ci(e.objects, rs)
     };
 }
-function os(e) {
+function is(e) {
   if (e !== void 0)
     return e === null ? null : {
       objectName: e.objectName
     };
 }
-function as(e) {
+function os(e) {
   if (e !== void 0)
     return e === null ? null : {
-      objects: e.objects === void 0 ? void 0 : Ci(e.objects, os)
+      objects: e.objects === void 0 ? void 0 : Ci(e.objects, is)
     };
 }
-function ss(e) {
-  return cs(e);
+function as(e) {
+  return ss(e);
 }
-function cs(e, t) {
+function ss(e, t) {
   return e == null ? e : {
     apiKeyAsBasic: N(e, "apiKeyAsBasic") ? e.apiKeyAsBasic : void 0,
-    apiKeyAsBasicOpts: N(e, "apiKeyAsBasicOpts") ? Ma(e.apiKeyAsBasicOpts) : void 0,
+    apiKeyAsBasicOpts: N(e, "apiKeyAsBasicOpts") ? Ua(e.apiKeyAsBasicOpts) : void 0,
     docsURL: N(e, "docsURL") ? e.docsURL : void 0
   };
 }
-function ds(e) {
+function cs(e) {
   if (e !== void 0)
     return e === null ? null : {
       sourceZipUrl: e.sourceZipUrl,
@@ -566,9 +583,9 @@ function ds(e) {
     };
 }
 function xr(e) {
-  return ls(e);
+  return ds(e);
 }
-function ls(e, t) {
+function ds(e, t) {
   return e == null ? e : {
     id: e.id,
     name: e.name,
@@ -578,10 +595,10 @@ function ls(e, t) {
     updateTime: N(e, "updateTime") ? new Date(e.updateTime) : void 0
   };
 }
-function us(e) {
-  return ps(e);
+function ls(e) {
+  return us(e);
 }
-function ps(e, t) {
+function us(e, t) {
   return e == null ? e : {
     insert: e.insert,
     update: e.update,
@@ -589,15 +606,15 @@ function ps(e, t) {
     _delete: e.delete
   };
 }
-function fs(e) {
-  return hs(e);
+function ps(e) {
+  return fs(e);
 }
-function hs(e, t) {
+function fs(e, t) {
   return e == null ? e : {
     provider: e.provider,
     read: N(e, "read") ? e.read : void 0,
     write: N(e, "write") ? e.write : void 0,
-    proxy: N(e, "proxy") ? ts(e.proxy) : void 0
+    proxy: N(e, "proxy") ? es(e.proxy) : void 0
   };
 }
 function yo(e) {
@@ -609,22 +626,22 @@ function yo(e) {
       proxy: mo(e.proxy)
     };
 }
-function gs(e) {
-  return ms(e);
+function hs(e) {
+  return gs(e);
 }
-function ms(e, t) {
+function gs(e, t) {
   return e == null ? e : {
     id: e.id,
     revisionId: e.revisionId,
     createTime: new Date(e.createTime),
     createdBy: e.createdBy,
-    content: fs(e.content)
+    content: ps(e.content)
   };
 }
-function ys(e) {
-  return ws(e);
+function ms(e) {
+  return ys(e);
 }
-function ws(e, t) {
+function ys(e, t) {
   return e == null ? e : {
     consumerRef: e.consumerRef,
     consumerName: e.consumerName,
@@ -634,9 +651,9 @@ function ws(e, t) {
   };
 }
 function wo(e) {
-  return Is(e);
+  return ws(e);
 }
-function Is(e, t) {
+function ws(e, t) {
   return e == null ? e : {
     groupRef: e.groupRef,
     groupName: e.groupName,
@@ -646,9 +663,9 @@ function Is(e, t) {
   };
 }
 function Pr(e) {
-  return vs(e);
+  return Is(e);
 }
-function vs(e, t) {
+function Is(e, t) {
   return e == null ? e : {
     id: e.id,
     projectId: e.projectId,
@@ -661,51 +678,51 @@ function vs(e, t) {
   };
 }
 function Dr(e) {
-  return bs(e);
+  return vs(e);
 }
-function bs(e, t) {
+function vs(e, t) {
   return e == null ? e : {
     id: e.id,
     projectId: e.projectId,
     providerApp: Pr(e.providerApp),
     group: wo(e.group),
-    consumer: ys(e.consumer),
+    consumer: ms(e.consumer),
     providerWorkspaceRef: e.providerWorkspaceRef,
     providerConsumerRef: N(e, "ProviderConsumerRef") ? e.ProviderConsumerRef : void 0,
     createTime: new Date(e.createTime),
     updateTime: N(e, "updateTime") ? new Date(e.updateTime) : void 0
   };
 }
-function Ss(e) {
+function bs(e) {
   if (e !== void 0)
     return e === null ? null : {
       consumerRef: e.consumerRef,
       consumerName: e.consumerName
     };
 }
-function Os(e) {
+function Ss(e) {
   if (e !== void 0)
     return e === null ? null : {
       url: e.url,
       headers: e.headers
     };
 }
-function Cs(e) {
+function Os(e) {
   if (e !== void 0)
     return e === null ? null : {
       name: e.name,
       type: e.type,
-      metadata: Os(e.metadata)
+      metadata: Ss(e.metadata)
     };
 }
-function Ns(e) {
+function Cs(e) {
   if (e !== void 0)
     return e === null ? null : {
       groupRef: e.groupRef,
       groupName: e.groupName
     };
 }
-function Ts(e) {
+function Ns(e) {
   if (e !== void 0)
     return e === null ? null : {
       revisionId: e.revisionId,
@@ -713,30 +730,30 @@ function Ts(e) {
       content: yo(e.content)
     };
 }
-function Rs(e) {
+function Ts(e) {
   if (e !== void 0)
     return e === null ? null : {
       groupRef: e.groupRef,
       connectionId: e.connectionId,
-      config: Ts(e.config)
+      config: Ns(e.config)
     };
 }
-function _s(e) {
+function Rs(e) {
   if (e !== void 0)
     return e === null ? null : {
       sourceZipUrl: e.sourceZipUrl,
       sourceYaml: e.sourceYaml
     };
 }
-function As(e) {
+function _s(e) {
   if (e !== void 0)
     return e === null ? null : {
       name: e.name,
       provider: e.provider,
-      latestRevision: _s(e.latestRevision)
+      latestRevision: Rs(e.latestRevision)
     };
 }
-function xs(e) {
+function As(e) {
   if (e !== void 0)
     return e === null ? null : {
       appName: e.appName,
@@ -744,7 +761,7 @@ function xs(e) {
       orgId: e.orgId
     };
 }
-function ks(e) {
+function xs(e) {
   if (e !== void 0)
     return e === null ? null : {
       externalRef: e.externalRef,
@@ -754,32 +771,32 @@ function ks(e) {
       scopes: e.scopes
     };
 }
-function Es(e) {
+function ks(e) {
   if (e !== void 0)
     return e === null ? null : {
       sourceZipUrl: e.sourceZipUrl,
       sourceYaml: e.sourceYaml
     };
 }
-function Fs(e) {
-  return Ps(e);
+function Es(e) {
+  return Fs(e);
 }
-function Ps(e, t) {
+function Fs(e, t) {
   return e == null ? e : {
     mode: N(e, "mode") ? e.mode : void 0,
     pageSize: N(e, "pageSize") ? e.pageSize : void 0
   };
 }
-function Ds(e) {
-  return Ks(e);
+function Ps(e) {
+  return Ds(e);
 }
-function Ks(e, t) {
+function Ds(e, t) {
   return e == null ? e : {
     url: N(e, "url") ? e.url : void 0,
     headers: N(e, "headers") ? e.headers : void 0
   };
 }
-function Ls(e) {
+function Ks(e) {
   if (e !== void 0)
     return e === null ? null : {
       url: e.url,
@@ -787,26 +804,26 @@ function Ls(e) {
     };
 }
 function kr(e) {
-  return Bs(e);
+  return Ls(e);
 }
-function Bs(e, t) {
+function Ls(e, t) {
   return e == null ? e : {
     id: e.id,
     name: e.name,
     type: e.type,
-    metadata: Ds(e.metadata),
+    metadata: Ps(e.metadata),
     createTime: new Date(e.createTime),
     updateTime: N(e, "updateTime") ? new Date(e.updateTime) : void 0
   };
 }
-function Us(e) {
+function Bs(e) {
   if (e !== void 0)
     return e === null ? null : {
       username: e.username,
       password: e.password
     };
 }
-function Ms(e) {
+function Us(e) {
   if (e !== void 0)
     return e === null ? null : {
       clientId: e.clientId,
@@ -814,7 +831,7 @@ function Ms(e) {
       scopes: e.scopes
     };
 }
-function $s(e) {
+function Ms(e) {
   if (e !== void 0)
     return e === null ? null : {
       username: e.username,
@@ -824,7 +841,7 @@ function $s(e) {
       scopes: e.scopes
     };
 }
-function js(e) {
+function $s(e) {
   if (e !== void 0)
     return e === null ? null : {
       providerWorkspaceRef: e.providerWorkspaceRef,
@@ -834,20 +851,20 @@ function js(e) {
       consumerRef: e.consumerRef,
       provider: e.provider,
       apiKey: e.apiKey,
-      basicAuth: Us(e.basicAuth),
-      oauth2ClientCredentials: Ms(e.oauth2ClientCredentials),
-      oauth2Password: $s(e.oauth2Password)
+      basicAuth: Bs(e.basicAuth),
+      oauth2ClientCredentials: Us(e.oauth2ClientCredentials),
+      oauth2Password: Ms(e.oauth2Password)
     };
 }
-function qs(e) {
-  return Ws(e);
+function js(e) {
+  return qs(e);
 }
-function Ws(e, t) {
+function qs(e, t) {
   return e == null ? e : {
     enabled: N(e, "enabled") ? e.enabled : void 0
   };
 }
-function zs(e, t) {
+function Ws(e, t) {
   return e == null ? e : {
     fieldName: e.fieldName,
     displayName: e.displayName
@@ -862,21 +879,21 @@ function Io(e, t) {
   };
 }
 function ai(e) {
-  return Js(e);
+  return zs(e);
 }
-function Js(e, t) {
-  return e == null ? e : { ...zs(e), ...Io(e) };
+function zs(e, t) {
+  return e == null ? e : { ...Ws(e), ...Io(e) };
 }
 function vo(e) {
-  return Hs(e);
+  return Js(e);
 }
-function Hs(e, t) {
+function Js(e, t) {
   return e;
 }
-function Xs(e) {
-  return Gs(e);
+function Hs(e) {
+  return Xs(e);
 }
-function Gs(e, t) {
+function Xs(e, t) {
   return e == null ? e : {
     objectName: e.objectName,
     displayName: e.displayName,
@@ -889,56 +906,56 @@ function Gs(e, t) {
     backfill: N(e, "backfill") ? go(e.backfill) : void 0
   };
 }
-function Vs(e) {
-  return Ys(e);
+function Gs(e) {
+  return Vs(e);
 }
-function Ys(e, t) {
+function Vs(e, t) {
   return e == null ? e : {
-    objects: N(e, "objects") ? e.objects.map(Xs) : void 0
+    objects: N(e, "objects") ? e.objects.map(Hs) : void 0
   };
 }
-function Zs(e) {
-  return Qs(e);
+function Ys(e) {
+  return Zs(e);
 }
-function Qs(e, t) {
+function Zs(e, t) {
   return e == null ? e : {
     objectName: e.objectName,
     displayName: e.displayName
   };
 }
-function ec(e) {
-  return tc(e);
+function Qs(e) {
+  return ec(e);
 }
-function tc(e, t) {
+function ec(e, t) {
   return e == null ? e : {
-    objects: N(e, "objects") ? e.objects.map(Zs) : void 0
+    objects: N(e, "objects") ? e.objects.map(Ys) : void 0
   };
 }
-function rc(e) {
-  return nc(e);
+function tc(e) {
+  return rc(e);
 }
-function nc(e, t) {
+function rc(e, t) {
   return e == null ? e : {
     name: e.name,
     displayName: N(e, "displayName") ? e.displayName : void 0,
     provider: e.provider,
-    read: N(e, "read") ? Vs(e.read) : void 0,
-    write: N(e, "write") ? ec(e.write) : void 0,
-    proxy: N(e, "proxy") ? qs(e.proxy) : void 0
+    read: N(e, "read") ? Gs(e.read) : void 0,
+    write: N(e, "write") ? Qs(e.write) : void 0,
+    proxy: N(e, "proxy") ? js(e.proxy) : void 0
   };
 }
-function ic(e) {
-  return oc(e);
+function nc(e) {
+  return ic(e);
 }
-function oc(e, t) {
+function ic(e, t) {
   return e == null ? e : {
     id: e.id,
     specVersion: e.specVersion,
     createTime: new Date(e.createTime),
-    content: rc(e.content)
+    content: tc(e.content)
   };
 }
-function ac(e) {
+function oc(e) {
   if (e !== void 0)
     return e === null ? null : {
       providerAppId: e.providerAppId,
@@ -952,25 +969,25 @@ function ac(e) {
       scopes: e.scopes
     };
 }
-function sc(e) {
+function ac(e) {
   if (e !== void 0)
     return e === null ? null : {
       revisionId: e.revisionId,
       content: yo(e.content)
     };
 }
-function cc(e) {
+function sc(e) {
   if (e !== void 0)
     return e === null ? null : {
       provider: e.provider,
-      connection: ac(e.connection),
-      config: sc(e.config)
+      connection: oc(e.connection),
+      config: ac(e.config)
     };
 }
 function rr(e) {
-  return dc(e);
+  return cc(e);
 }
-function dc(e, t) {
+function cc(e, t) {
   return e == null ? e : {
     id: e.id,
     projectId: e.projectId,
@@ -981,32 +998,32 @@ function dc(e, t) {
     createTime: new Date(e.createTime),
     createdBy: e.createdBy,
     updateTime: N(e, "updateTime") ? new Date(e.updateTime) : void 0,
-    config: gs(e.config)
+    config: hs(e.config)
   };
 }
-function lc(e) {
-  return uc(e);
+function dc(e) {
+  return lc(e);
 }
-function uc(e, t) {
+function lc(e, t) {
   return e == null ? e : {
     enabled: N(e, "enabled") ? e.enabled : void 0
   };
 }
-function pc(e, t) {
+function uc(e, t) {
   return e == null ? e : {
     fieldName: e.fieldName
   };
 }
 function Ki(e) {
-  return fc(e);
+  return pc(e);
 }
-function fc(e, t) {
-  return e == null ? e : { ...pc(e), ...Io(e) };
+function pc(e, t) {
+  return e == null ? e : { ...uc(e), ...Io(e) };
 }
-function hc(e) {
-  return gc(e);
+function fc(e) {
+  return hc(e);
 }
-function gc(e, t) {
+function hc(e, t) {
   return e == null ? e : {
     objectName: e.objectName,
     destination: e.destination,
@@ -1015,61 +1032,61 @@ function gc(e, t) {
     optionalFields: N(e, "optionalFields") ? e.optionalFields.map(Ki) : void 0,
     optionalFieldsAuto: N(e, "optionalFieldsAuto") ? vo(e.optionalFieldsAuto) : void 0,
     backfill: N(e, "backfill") ? go(e.backfill) : void 0,
-    delivery: N(e, "delivery") ? Fs(e.delivery) : void 0
+    delivery: N(e, "delivery") ? Es(e.delivery) : void 0
   };
 }
-function mc(e) {
-  return yc(e);
+function gc(e) {
+  return mc(e);
 }
-function yc(e, t) {
+function mc(e, t) {
   return e == null ? e : {
-    objects: N(e, "objects") ? e.objects.map(hc) : void 0
+    objects: N(e, "objects") ? e.objects.map(fc) : void 0
   };
 }
-function wc(e) {
-  return Ic(e);
+function yc(e) {
+  return wc(e);
 }
-function Ic(e, t) {
+function wc(e, t) {
   return e == null ? e : {
     objectName: e.objectName
   };
 }
-function vc(e) {
-  return bc(e);
+function Ic(e) {
+  return vc(e);
 }
-function bc(e, t) {
+function vc(e, t) {
   return e == null ? e : {
-    objects: N(e, "objects") ? e.objects.map(wc) : void 0
+    objects: N(e, "objects") ? e.objects.map(yc) : void 0
   };
 }
-function Sc(e) {
-  return Oc(e);
+function bc(e) {
+  return Sc(e);
 }
-function Oc(e, t) {
+function Sc(e, t) {
   return e == null ? e : {
     name: e.name,
     displayName: N(e, "displayName") ? e.displayName : void 0,
     provider: e.provider,
-    read: N(e, "read") ? mc(e.read) : void 0,
-    write: N(e, "write") ? vc(e.write) : void 0,
-    proxy: N(e, "proxy") ? lc(e.proxy) : void 0
+    read: N(e, "read") ? gc(e.read) : void 0,
+    write: N(e, "write") ? Ic(e.write) : void 0,
+    proxy: N(e, "proxy") ? dc(e.proxy) : void 0
   };
 }
-function Cc(e) {
-  return Nc(e);
+function Oc(e) {
+  return Cc(e);
 }
-function Nc(e, t) {
+function Cc(e, t) {
   return e == null ? e : {
     id: e.id,
     specVersion: e.specVersion,
     createTime: new Date(e.createTime),
-    content: Sc(e.content)
+    content: bc(e.content)
   };
 }
 function Li(e) {
-  return Tc(e);
+  return Nc(e);
 }
-function Tc(e, t) {
+function Nc(e, t) {
   return e == null ? e : {
     id: e.id,
     projectId: e.projectId,
@@ -1077,70 +1094,70 @@ function Tc(e, t) {
     provider: e.provider,
     createTime: new Date(e.createTime),
     updateTime: N(e, "updateTime") ? new Date(e.updateTime) : void 0,
-    latestRevision: Cc(e.latestRevision)
+    latestRevision: Oc(e.latestRevision)
   };
 }
-function Rc(e) {
-  return _c(e);
+function Tc(e) {
+  return Rc(e);
 }
-function _c(e, t) {
+function Rc(e, t) {
   return e == null ? e : {
     msg: e.msg,
     operationEventId: N(e, "operation_event_id") ? e.operation_event_id : void 0,
     operationId: N(e, "operation_id") ? e.operation_id : void 0
   };
 }
-function Ac(e) {
-  return xc(e);
+function _c(e) {
+  return Ac(e);
 }
-function xc(e, t) {
+function Ac(e, t) {
   return e == null ? e : {
     timestamp: e.timestamp,
-    message: Rc(e.message),
+    message: Tc(e.message),
     severity: e.severity
   };
 }
-function kc(e) {
-  return Ec(e);
+function xc(e) {
+  return kc(e);
 }
-function Ec(e, t) {
+function kc(e, t) {
   return e == null ? e : {
     iconURL: N(e, "iconURL") ? e.iconURL : void 0,
     logoURL: N(e, "logoURL") ? e.logoURL : void 0
   };
 }
-function Fc(e) {
-  return Pc(e);
+function Ec(e) {
+  return Fc(e);
 }
-function Pc(e, t) {
+function Fc(e, t) {
   return e == null ? e : {
     iconURL: N(e, "iconURL") ? e.iconURL : void 0,
     logoURL: N(e, "logoURL") ? e.logoURL : void 0
   };
 }
-function Dc(e) {
-  return Kc(e);
+function Pc(e) {
+  return Dc(e);
 }
-function Kc(e, t) {
+function Dc(e, t) {
   return e == null ? e : {
-    regular: N(e, "regular") ? Fc(e.regular) : void 0,
-    darkMode: N(e, "darkMode") ? kc(e.darkMode) : void 0
+    regular: N(e, "regular") ? Ec(e.regular) : void 0,
+    darkMode: N(e, "darkMode") ? xc(e.darkMode) : void 0
   };
 }
-function Lc(e) {
-  return Bc(e);
+function Kc(e) {
+  return Lc(e);
 }
-function Bc(e, t) {
+function Lc(e, t) {
   return e == null ? e : {
     workspaceRefField: N(e, "workspaceRefField") ? e.workspaceRefField : void 0,
     consumerRefField: N(e, "consumerRefField") ? e.consumerRefField : void 0,
     scopesField: N(e, "scopesField") ? e.scopesField : void 0
   };
 }
-function Uc(e) {
-  return Mc(e);
+function Bc(e) {
+  return Uc(e);
 }
-function Mc(e, t) {
+function Uc(e, t) {
   return e == null ? e : {
     grantType: e.grantType,
     authURL: N(e, "authURL") ? e.authURL : void 0,
@@ -1148,12 +1165,12 @@ function Mc(e, t) {
     explicitScopesRequired: e.explicitScopesRequired,
     explicitWorkspaceRequired: e.explicitWorkspaceRequired,
     audience: N(e, "audience") ? e.audience : void 0,
-    tokenMetadataFields: Lc(e.tokenMetadataFields),
+    tokenMetadataFields: Kc(e.tokenMetadataFields),
     docsURL: N(e, "docsURL") ? e.docsURL : void 0,
     authURLParams: N(e, "authURLParams") ? e.authURLParams : void 0
   };
 }
-function $c(e) {
+function Mc(e) {
   if (e !== void 0)
     return e === null ? null : {
       providerWorkspaceRef: e.providerWorkspaceRef,
@@ -1167,9 +1184,9 @@ function $c(e) {
     };
 }
 function Bi(e) {
-  return jc(e);
+  return $c(e);
 }
-function jc(e, t) {
+function $c(e, t) {
   return e == null ? e : {
     projectId: e.projectId,
     integrationId: e.integrationId,
@@ -1184,12 +1201,12 @@ function jc(e, t) {
     createTime: N(e, "createTime") ? new Date(e.createTime) : void 0
   };
 }
-function qc(e) {
-  return Wc(e);
+function jc(e) {
+  return qc(e);
 }
-function Wc(e, t) {
+function qc(e, t) {
   return e == null ? e : {
-    bulkWrite: us(e.bulkWrite),
+    bulkWrite: ls(e.bulkWrite),
     proxy: e.proxy,
     read: e.read,
     subscribe: e.subscribe,
@@ -1197,94 +1214,94 @@ function Wc(e, t) {
   };
 }
 function Ui(e) {
-  return zc(e);
+  return Wc(e);
 }
-function zc(e, t) {
+function Wc(e, t) {
   return e == null ? e : {
     name: e.name,
-    authType: Xa(e.authType),
+    authType: Ha(e.authType),
     baseURL: e.baseURL,
-    oauth2Opts: N(e, "oauth2Opts") ? Uc(e.oauth2Opts) : void 0,
-    apiKeyOpts: N(e, "apiKeyOpts") ? Ja(e.apiKeyOpts) : void 0,
-    basicOpts: N(e, "basicOpts") ? ss(e.basicOpts) : void 0,
-    support: qc(e.support),
+    oauth2Opts: N(e, "oauth2Opts") ? Bc(e.oauth2Opts) : void 0,
+    apiKeyOpts: N(e, "apiKeyOpts") ? za(e.apiKeyOpts) : void 0,
+    basicOpts: N(e, "basicOpts") ? as(e.basicOpts) : void 0,
+    support: jc(e.support),
     providerOpts: e.providerOpts,
     displayName: N(e, "displayName") ? e.displayName : void 0,
     postAuthInfoNeeded: N(e, "postAuthInfoNeeded") ? e.postAuthInfoNeeded : void 0,
-    media: N(e, "media") ? Dc(e.media) : void 0,
+    media: N(e, "media") ? Pc(e.media) : void 0,
     labels: N(e, "labels") ? e.labels : void 0
   };
 }
-function Jc(e) {
-  return Hc(e);
+function zc(e) {
+  return Jc(e);
 }
-function Hc(e, t) {
+function Jc(e, t) {
   return e == null ? e : {
     url: e.url,
     bucket: e.bucket,
     path: e.path
   };
 }
-function Xc(e) {
+function Hc(e) {
   if (e !== void 0)
     return e === null ? null : {
       name: e.name,
-      metadata: Ls(e.metadata)
+      metadata: Ks(e.metadata)
     };
 }
-function Gc(e) {
+function Xc(e) {
   if (e !== void 0)
     return e === null ? null : {
       updateMask: e.updateMask,
-      destination: Xc(e.destination)
+      destination: Hc(e.destination)
     };
 }
-function Vc(e) {
+function Gc(e) {
   if (e !== void 0)
     return e === null ? null : {
       provider: e.provider,
-      read: is(e.read),
-      write: as(e.write),
+      read: ns(e.read),
+      write: os(e.write),
       proxy: mo(e.proxy)
     };
 }
-function Yc(e) {
+function Vc(e) {
   if (e !== void 0)
     return e === null ? null : {
       revisionId: e.revisionId,
       createdBy: e.createdBy,
-      content: Vc(e.content)
+      content: Gc(e.content)
     };
 }
-function Zc(e) {
+function Yc(e) {
   if (e !== void 0)
     return e === null ? null : {
       connectionId: e.connectionId,
-      config: Yc(e.config)
+      config: Vc(e.config)
     };
 }
-function Qc(e) {
+function Zc(e) {
   if (e !== void 0)
     return e === null ? null : {
       updateMask: e.updateMask,
-      installation: Zc(e.installation)
+      installation: Yc(e.installation)
     };
 }
-function ed(e) {
+function Qc(e) {
   if (e !== void 0)
     return e === null ? null : {
       appName: e.appName,
       name: e.name
     };
 }
-function td(e) {
+function ed(e) {
   if (e !== void 0)
     return e === null ? null : {
       updateMask: e.updateMask,
-      project: ed(e.project)
+      project: Qc(e.project)
     };
 }
-function rd(e) {
+function td(e) {
   if (e !== void 0)
     return e === null ? null : {
       externalRef: e.externalRef,
@@ -1294,14 +1311,14 @@ function rd(e) {
       scopes: e.scopes
     };
 }
-function nd(e) {
+function rd(e) {
   if (e !== void 0)
     return e === null ? null : {
       updateMask: e.updateMask,
-      providerApp: rd(e.providerApp)
+      providerApp: td(e.providerApp)
     };
 }
-class id extends de {
+class nd extends de {
   /**
    * Generate a new connection (only valid for providers with auth types which are not OAuth2 Authorization Code)
    */
@@ -1315,7 +1332,7 @@ class id extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: js(t.generateConnectionParams)
+      body: $s(t.generateConnectionParams)
     }, r);
     return new B(a, (s) => Dr(s));
   }
@@ -1374,7 +1391,7 @@ class id extends de {
     return await (await this.listConnectionsRaw(t, r)).value();
   }
 }
-class od extends de {
+class id extends de {
   /**
    * Create a new consumer
    */
@@ -1390,7 +1407,7 @@ class od extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: Ss(t.consumer)
+      body: bs(t.consumer)
     }, r);
     return new ze(a);
   }
@@ -1401,7 +1418,7 @@ class od extends de {
     await this.createConsumerRaw(t, r);
   }
 }
-class ad extends de {
+class od extends de {
   /**
    * Create a new destination
    */
@@ -1417,7 +1434,7 @@ class ad extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: Cs(t.destination)
+      body: Os(t.destination)
     }, r);
     return new B(a, (s) => kr(s));
   }
@@ -1514,7 +1531,7 @@ class ad extends de {
       method: "PATCH",
       headers: i,
       query: n,
-      body: Gc(t.destinationUpdate)
+      body: Xc(t.destinationUpdate)
     }, r);
     return new B(a, (s) => kr(s));
   }
@@ -1525,7 +1542,7 @@ class ad extends de {
     return await (await this.updateDestinationRaw(t, r)).value();
   }
 }
-class sd extends de {
+class ad extends de {
   /**
    * Create a new group
    */
@@ -1541,7 +1558,7 @@ class sd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: Ns(t.group)
+      body: Cs(t.group)
     }, r);
     return new ze(a);
   }
@@ -1552,7 +1569,7 @@ class sd extends de {
     await this.createGroupRaw(t, r);
   }
 }
-class cd extends de {
+class sd extends de {
   /**
    * Create a new installation
    */
@@ -1570,7 +1587,7 @@ class cd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: Rs(t.installation)
+      body: Ts(t.installation)
     }, r);
     return new B(a, (s) => rr(s));
   }
@@ -1649,7 +1666,7 @@ class cd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: cc(t.installation)
+      body: sc(t.installation)
     }, r);
     return new B(a, (s) => rr(s));
   }
@@ -1704,7 +1721,7 @@ class cd extends de {
       method: "PATCH",
       headers: i,
       query: n,
-      body: Qc(t.installationUpdate)
+      body: Zc(t.installationUpdate)
     }, r);
     return new B(a, (s) => rr(s));
   }
@@ -1715,7 +1732,7 @@ class cd extends de {
     return await (await this.updateInstallationRaw(t, r)).value();
   }
 }
-class dd extends de {
+class cd extends de {
   /**
    * Batch upsert a group of integrations
    */
@@ -1729,7 +1746,7 @@ class dd extends de {
       method: "PUT",
       headers: i,
       query: n,
-      body: ds(t.batchUpsertIntegrationsRequest)
+      body: cs(t.batchUpsertIntegrationsRequest)
     }, r);
     return new B(a, (s) => s.map(Li));
   }
@@ -1754,7 +1771,7 @@ class dd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: As(t.integration)
+      body: _s(t.integration)
     }, r);
     return new ze(a);
   }
@@ -1811,7 +1828,7 @@ class dd extends de {
     return await (await this.listIntegrationsRaw(t, r)).value();
   }
 }
-class ld extends de {
+class dd extends de {
   /**
    * Generate a URL for the browser to render to kick off OAuth flow.
    * Get URL for OAuth flow
@@ -1826,9 +1843,9 @@ class ld extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: $c(t.connectOAuthParams)
+      body: Mc(t.connectOAuthParams)
     }, r);
-    return this.isJsonMime(a.headers.get("content-type")) ? new B(a) : new Ua(a);
+    return this.isJsonMime(a.headers.get("content-type")) ? new B(a) : new Ba(a);
   }
   /**
    * Generate a URL for the browser to render to kick off OAuth flow.
@@ -1838,7 +1855,7 @@ class ld extends de {
     return await (await this.oauthConnectRaw(t, r)).value();
   }
 }
-class ud extends de {
+class ld extends de {
   /**
    * Get an operation
    */
@@ -1879,7 +1896,7 @@ class ud extends de {
       headers: i,
       query: n
     }, r);
-    return new B(a, (s) => s.map(Ac));
+    return new B(a, (s) => s.map(_c));
   }
   /**
    * List logs for an operation
@@ -1914,7 +1931,7 @@ class ud extends de {
     return await (await this.listOperationsRaw(t, r)).value();
   }
 }
-class pd extends de {
+class ud extends de {
   /**
    * Create a new project
    */
@@ -1928,7 +1945,7 @@ class pd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: xs(t.project)
+      body: As(t.project)
     }, r);
     return new B(a, (s) => xr(s));
   }
@@ -2017,7 +2034,7 @@ class pd extends de {
       method: "PATCH",
       headers: i,
       query: n,
-      body: td(t.projectUpdate)
+      body: ed(t.projectUpdate)
     }, r);
     return new B(a, (s) => xr(s));
   }
@@ -2028,7 +2045,7 @@ class pd extends de {
     return await (await this.updateProjectRaw(t, r)).value();
   }
 }
-class fd extends de {
+class pd extends de {
   /**
    * Get provider
    */
@@ -2072,7 +2089,7 @@ class fd extends de {
     return await (await this.listProvidersRaw(t)).value();
   }
 }
-class hd extends de {
+class fd extends de {
   /**
    * Create a new provider app
    */
@@ -2088,7 +2105,7 @@ class hd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: ks(t.providerApp)
+      body: xs(t.providerApp)
     }, r);
     return new B(a, (s) => Pr(s));
   }
@@ -2161,7 +2178,7 @@ class hd extends de {
       method: "PATCH",
       headers: i,
       query: n,
-      body: nd(t.providerAppUpdate)
+      body: rd(t.providerAppUpdate)
     }, r);
     return new B(a, (s) => Pr(s));
   }
@@ -2172,7 +2189,7 @@ class hd extends de {
     return await (await this.updateProviderAppRaw(t, r)).value();
   }
 }
-class gd extends de {
+class hd extends de {
   /**
    * Create a new revision
    */
@@ -2188,7 +2205,7 @@ class gd extends de {
       method: "POST",
       headers: i,
       query: n,
-      body: Es(t.revision)
+      body: ks(t.revision)
     }, r);
     return new ze(a);
   }
@@ -2221,7 +2238,7 @@ class gd extends de {
       headers: i,
       query: n
     }, r);
-    return new B(a, (s) => ic(s));
+    return new B(a, (s) => nc(s));
   }
   /**
    * Hydrate a revision with information from the consumer\'s SaaS instance.
@@ -2231,7 +2248,7 @@ class gd extends de {
     return await (await this.getHydratedRevisionRaw(t, r)).value();
   }
 }
-class md extends de {
+class gd extends de {
   /**
    * Generate a signed URL to upload a zip file to.
    */
@@ -2244,7 +2261,7 @@ class md extends de {
       headers: n,
       query: r
     }, t);
-    return new B(i, (a) => Jc(a));
+    return new B(i, (a) => zc(a));
   }
   /**
    * Generate a signed URL to upload a zip file to.
@@ -2253,12 +2270,12 @@ class md extends de {
     return await (await this.generateUploadUrlRaw(t)).value();
   }
 }
-class yd {
+class md {
   constructor(t) {
-    this.connectionApi = new id(t), this.consumerApi = new od(t), this.destinationApi = new ad(t), this.groupApi = new sd(t), this.installationApi = new cd(t), this.integrationApi = new dd(t), this.oAuthApi = new ld(t), this.operationApi = new ud(t), this.projectApi = new pd(t), this.providerApi = new fd(t), this.providerAppApi = new hd(t), this.revisionApi = new gd(t), this.uploadURLApi = new md(t);
+    this.connectionApi = new nd(t), this.consumerApi = new id(t), this.destinationApi = new od(t), this.groupApi = new ad(t), this.installationApi = new sd(t), this.integrationApi = new cd(t), this.oAuthApi = new dd(t), this.operationApi = new ld(t), this.projectApi = new ud(t), this.providerApi = new pd(t), this.providerAppApi = new fd(t), this.revisionApi = new hd(t), this.uploadURLApi = new gd(t);
   }
 }
-const wd = "1.9.3", Id = "v1", Er = "https://api.withampersand.com";
+const yd = "1.10.0", wd = "v1", Er = "https://api.withampersand.com";
 function bo() {
   try {
     const e = process.env.REACT_APP_AMP_SERVER;
@@ -2282,19 +2299,19 @@ function bo() {
     return Er;
   }
 }
-const vd = (e, t) => `${e}/${t}`;
-function bd() {
-  return vd(bo(), Id);
+const Id = (e, t) => `${e}/${t}`;
+function vd() {
+  return Id(bo(), wd);
 }
-const Sd = bo(), Od = bd(), Cd = new po({
-  basePath: Od,
+const bd = bo(), Sd = vd(), Od = new po({
+  basePath: Sd,
   headers: {
     "X-Amp-Client": "react",
-    "X-Amp-Client-Version": wd
+    "X-Amp-Client-Version": yd
   }
 });
-let Nd = new yd(Cd);
-const X = () => Nd, So = _e({
+let Cd = new md(Od);
+const X = () => Cd, So = _e({
   integrations: null
 }), Oo = () => {
   const e = ve(So);
@@ -2302,7 +2319,7 @@ const X = () => Nd, So = _e({
     throw new Error("useIntegrationList must be used within a IntegrationListProvider");
   return e;
 };
-function Td({ projectIdOrName: e, children: t }) {
+function Nd({ projectIdOrName: e, children: t }) {
   const r = te(), { setError: n, isError: i } = nt(), [a, s] = k(null), [u, p] = k(!0);
   Y(() => {
     X().integrationApi.listIntegrations({ projectIdOrName: e }, {
@@ -2331,7 +2348,7 @@ const Co = _e({
     throw new Error("useProject must be used within a ProjectProvider");
   return e;
 };
-function Rd({ projectIdOrName: e, children: t }) {
+function Td({ projectIdOrName: e, children: t }) {
   const r = te(), { isError: n, setError: i } = nt(), [a, s] = k(null), [u, p] = k(!0);
   Y(() => {
     X().projectApi.getProject({ projectIdOrName: e }, {
@@ -2352,7 +2369,7 @@ function Rd({ projectIdOrName: e, children: t }) {
   }), [e, a]);
   return n(Z.PROJECT, e) ? /* @__PURE__ */ l(We, { message: `Error loading project ${e}` }) : /* @__PURE__ */ l(Co.Provider, { value: h, children: u ? /* @__PURE__ */ l(De, {}) : t });
 }
-function Vp(e) {
+function Gp(e) {
   const { options: { apiKey: t, projectId: r, project: n }, children: i } = e, a = n || r;
   if (r && n)
     throw new Error("Use AmpersandProvider either with projectId or project but not both.");
@@ -2360,11 +2377,11 @@ function Vp(e) {
     throw new Error("Cannot use AmpersandProvider without a projectId or name.");
   if (!t)
     throw new Error("Cannot use AmpersandProvider without an apiKey.");
-  return /* @__PURE__ */ l(Aa, { children: /* @__PURE__ */ l(Ea, { children: /* @__PURE__ */ l(xa, { value: t, children: /* @__PURE__ */ l(Rd, { projectIdOrName: a, children: /* @__PURE__ */ l(Td, { projectIdOrName: a, children: i }) }) }) }) });
+  return /* @__PURE__ */ l(_a, { children: /* @__PURE__ */ l(ka, { children: /* @__PURE__ */ l(Aa, { value: t, children: /* @__PURE__ */ l(Td, { projectIdOrName: a, children: /* @__PURE__ */ l(Nd, { projectIdOrName: a, children: i }) }) }) }) });
 }
-const _d = _e(null);
-function Yp() {
-  const e = ve(_d);
+const Rd = _e(null);
+function Vp() {
+  const e = ve(Rd);
   if (!e)
     throw new Error(`Cannot call useAmpersandProvider unless your 
         component is wrapped with AmpersandProvider`);
@@ -2377,7 +2394,7 @@ function vt(e, t) {
   return (t == null ? void 0 : t.displayName) ?? No(e);
 }
 const To = (e) => e.split(`
-`).filter((r) => r.trim() !== ""), Ad = (e, t) => (t == null ? void 0 : t.length) === 0 || !e ? null : t.find(
+`).filter((r) => r.trim() !== ""), _d = (e, t) => (t == null ? void 0 : t.length) === 0 || !e ? null : t.find(
   (r) => r.name === e
 ) ?? null, Ro = _e({
   integrationId: "",
@@ -2401,7 +2418,7 @@ function Ke() {
     throw new Error("useInstallIntegrationProps must be used within an InstallIntegrationProvider");
   return e;
 }
-function xd({
+function Ad({
   children: e,
   integration: t,
   consumerRef: r,
@@ -2412,7 +2429,7 @@ function xd({
   onUpdateSuccess: u
 }) {
   const p = te(), { projectId: h } = ee(), { integrations: m } = Oo(), [w, y] = k([]), [I, b] = k(!0), { setError: v, isError: S } = nt(), R = (w == null ? void 0 : w[0]) || null, C = we(
-    () => Ad(t, m || []),
+    () => _d(t, m || []),
     [t, m]
   );
   Y(() => {
@@ -2997,28 +3014,28 @@ $r.exports;
   }
   e.exports = Me;
 })($r, $r.exports);
-var kd = $r.exports;
-const Ed = /* @__PURE__ */ Ni(kd), yt = "other";
+var xd = $r.exports;
+const kd = /* @__PURE__ */ Ni(xd), yt = "other";
 function tt(e) {
   return e.mapToName !== void 0;
 }
-function Fd(e, t) {
+function Ed(e, t) {
   var r;
   return ((r = e == null ? void 0 : e.objects) == null ? void 0 : r.find((n) => n.objectName === t)) || null;
 }
-function Pd(e) {
+function Fd(e) {
   var t;
   return ((t = e == null ? void 0 : e.requiredFields) == null ? void 0 : t.filter(
     (r) => !tt(r) && !!r.fieldName
   )) || null;
 }
-function Dd(e) {
+function Pd(e) {
   var r;
   return ((r = e == null ? void 0 : e.requiredFields) == null ? void 0 : r.filter(
     (n) => tt(n) && !!n.mapToName
   )) || [];
 }
-function Kd(e) {
+function Dd(e) {
   var t;
   return ((t = e == null ? void 0 : e.optionalFields) == null ? void 0 : t.filter(
     (r) => !tt(r) && !!r.fieldName
@@ -3028,7 +3045,7 @@ const xo = (e, t) => {
   var r, n, i;
   return (i = (n = (r = e == null ? void 0 : e.content) == null ? void 0 : r.read) == null ? void 0 : n.objects) == null ? void 0 : i[t];
 };
-function Ld(e) {
+function Kd(e) {
   return tt(e) ? e.mapToName : e.fieldName;
 }
 const ko = (e, t) => {
@@ -3051,7 +3068,7 @@ const ko = (e, t) => {
     completed: e ? !!((r = e == null ? void 0 : e.content) != null && r.write) : !1
   };
 };
-function Bd(e, t) {
+function Ld(e, t) {
   var a;
   const r = ko(e, t), i = !!((a = t == null ? void 0 : t.content) != null && a.write) ? Eo(e) : void 0;
   return i && r.push(i), r;
@@ -3063,13 +3080,13 @@ function Fo(e, t, r) {
   return r(Z.MAPPING, i), n != null && n.length && console.error("required fields not met", n.map((a) => a.mapToDisplayName)), { errorList: i };
 }
 function Ti(e, t) {
-  return Ed(e, t);
+  return kd(e, t);
 }
-const Ud = (e, t, r) => {
+const Bd = (e, t, r) => {
   var I, b, v, S, R, C;
   if (!e)
     return null;
-  const n = Fd(e, t), i = n && Pd(n), a = n && Kd(n), s = n && Dd(n), u = (n == null ? void 0 : n.allFields) || [], p = r == null ? void 0 : r.content, h = ((v = (b = (I = p == null ? void 0 : p.read) == null ? void 0 : I.objects) == null ? void 0 : b[t]) == null ? void 0 : v.selectedFields) || {}, m = ((C = (R = (S = p == null ? void 0 : p.read) == null ? void 0 : S.objects) == null ? void 0 : R[t]) == null ? void 0 : C.selectedFieldMappings) || {}, w = { ...h }, y = { ...m };
+  const n = Ed(e, t), i = n && Fd(n), a = n && Dd(n), s = n && Pd(n), u = (n == null ? void 0 : n.allFields) || [], p = r == null ? void 0 : r.content, h = ((v = (b = (I = p == null ? void 0 : p.read) == null ? void 0 : I.objects) == null ? void 0 : b[t]) == null ? void 0 : v.selectedFields) || {}, m = ((C = (R = (S = p == null ? void 0 : p.read) == null ? void 0 : S.objects) == null ? void 0 : R[t]) == null ? void 0 : C.selectedFieldMappings) || {}, w = { ...h }, y = { ...m };
   return {
     allFields: u,
     // from hydrated revision
@@ -3091,7 +3108,7 @@ const Ud = (e, t, r) => {
       // from config
     }
   };
-}, Md = (e, t) => {
+}, Ud = (e, t) => {
   var s, u;
   if (!e)
     return null;
@@ -3113,8 +3130,8 @@ function Po(e, t, r) {
   var a, s;
   const n = (a = e == null ? void 0 : e.content) == null ? void 0 : a.read, i = (s = e == null ? void 0 : e.content) == null ? void 0 : s.write;
   return {
-    read: Ud(n, t, r),
-    write: Md(i, r)
+    read: Bd(n, t, r),
+    write: Ud(i, r)
   };
 }
 const Do = (e, t, r, n) => {
@@ -3124,8 +3141,8 @@ const Do = (e, t, r, n) => {
     t
   );
   n(r, i);
-}, $d = (e, t, r) => {
-  const n = Bd(t, e), i = {};
+}, Md = (e, t, r) => {
+  const n = Ld(t, e), i = {};
   n.forEach(({ name: a, completed: s }) => {
     s && (i[a] = Po(
       e,
@@ -3135,7 +3152,7 @@ const Do = (e, t, r, n) => {
   }), r(i);
 }, Ko = (e) => {
   const { requiredFields: t, selectedOptionalFields: r } = (e == null ? void 0 : e.read) || {}, n = /* @__PURE__ */ new Set();
-  return t == null || t.forEach((a) => n.add(Ld(a))), {
+  return t == null || t.forEach((a) => n.add(Kd(a))), {
     ...Array.from(n).reduce((a, s) => ({
       ...a,
       [s]: !0
@@ -3188,13 +3205,13 @@ function Qr(e) {
   var t;
   return (t = e.content.proxy) == null ? void 0 : t.enabled;
 }
-const jd = (e, t) => {
+const $d = (e, t) => {
   const r = e.content.read, n = r == null ? void 0 : r.objects;
   return n == null ? void 0 : n.find((i) => i.objectName === t);
-}, qd = (e, t, r, n) => {
+}, jd = (e, t, r, n) => {
   const i = Ko(e), a = Lo(
     e
-  ), s = jd(r, t);
+  ), s = $d(r, t);
   if (!s)
     return console.error(`Error when getting object from hydratedRevision for objectName: ${t}`), null;
   const u = {
@@ -3217,8 +3234,8 @@ const jd = (e, t) => {
     }
   };
   return Qr(r) && (u.content.proxy = { enabled: !0 }), u;
-}, Wd = (e, t, r, n, i, a, s, u, p, h, m) => {
-  const w = qd(
+}, qd = (e, t, r, n, i, a, s, u, p, h, m) => {
+  const w = jd(
     p,
     a,
     u,
@@ -3243,11 +3260,11 @@ const jd = (e, t) => {
       objectName: p
     });
   }), t;
-}, zd = (e) => {
+}, Wd = (e) => {
   const t = e.content.write;
   return t == null ? void 0 : t.objects;
-}, Jd = (e, t, r) => {
-  if (!zd(t))
+}, zd = (e, t, r) => {
+  if (!Wd(t))
     return console.error("Error when getting write objects from hydratedRevision"), null;
   const i = Uo(e), a = {
     revisionId: t.id,
@@ -3265,8 +3282,8 @@ const jd = (e, t) => {
     }
   };
   return Qr(t) && (a.content.proxy = { enabled: !0 }), a;
-}, Hd = (e, t, r, n, i, a, s, u, p, h) => {
-  const m = Jd(
+}, Jd = (e, t, r, n, i, a, s, u, p, h) => {
+  const m = zd(
     u,
     s,
     n
@@ -3282,7 +3299,7 @@ const jd = (e, t) => {
     onInstallSuccess: h
   }) : (console.error("Error when generating createConfig from configureState"), Promise.resolve(null));
 };
-function Xd() {
+function Hd() {
   return /* @__PURE__ */ A("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l("path", { d: "M2.25 4.5H3.75H15.75", stroke: "#991B1B", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l(
@@ -3299,7 +3316,7 @@ function Xd() {
     /* @__PURE__ */ l("path", { d: "M10.5 8.25V12.75", stroke: "#991B1B", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-const Mo = "uninstall-installation", Gd = Si(
+const Mo = "uninstall-installation", Xd = Si(
   ({ text: e = "Uninstall" }, t) => {
     const r = oo({ ref: t }), n = ao("Tabs", r);
     return /* @__PURE__ */ A(
@@ -3319,7 +3336,7 @@ const Mo = "uninstall-installation", Gd = Si(
               my: 2,
               mx: 4,
               children: [
-                Xd(),
+                Hd(),
                 /* @__PURE__ */ l(J, { textAlign: "left", children: /* @__PURE__ */ l(Ie, { color: "red.800", children: e }) })
               ]
             }
@@ -3338,7 +3355,7 @@ const Mo = "uninstall-installation", Gd = Si(
     throw new Error("useHydratedRevision must be used within a HydratedRevisionProvider");
   return e;
 };
-function Vd({
+function Gd({
   projectId: e,
   children: t
 }) {
@@ -3375,7 +3392,7 @@ function Vd({
   }), [a, u]), C = `Error retrieving integration details for '${(i == null ? void 0 : i.name) || n || "unknown integration"}. This is sometimes caused by insufficient permissions with your credentials'`;
   return /* @__PURE__ */ l($o.Provider, { value: S, children: h(Z.HYDRATED_REVISION, v) ? /* @__PURE__ */ l(We, { message: C }) : t });
 }
-var jo = Symbol.for("immer-nothing"), Mi = Symbol.for("immer-draftable"), pe = Symbol.for("immer-state"), Yd = process.env.NODE_ENV !== "production" ? [
+var jo = Symbol.for("immer-nothing"), Mi = Symbol.for("immer-draftable"), pe = Symbol.for("immer-state"), Vd = process.env.NODE_ENV !== "production" ? [
   // All error codes, starting by 0:
   function(e) {
     return `The plugin for '${e}' has not been loaded into Immer. To enable the plugin, import and call \`enable${e}()\` when initializing your application.`;
@@ -3408,7 +3425,7 @@ var jo = Symbol.for("immer-nothing"), Mi = Symbol.for("immer-draftable"), pe = S
 ] : [];
 function le(e, ...t) {
   if (process.env.NODE_ENV !== "production") {
-    const r = Yd[e], n = typeof r == "function" ? r.apply(null, t) : r;
+    const r = Vd[e], n = typeof r == "function" ? r.apply(null, t) : r;
     throw new Error(`[Immer] ${n}`);
   }
   throw new Error(
@@ -3423,7 +3440,7 @@ function wt(e) {
   var t;
   return e ? qo(e) || Array.isArray(e) || !!e[Mi] || !!((t = e.constructor) != null && t[Mi]) || tn(e) || rn(e) : !1;
 }
-var Zd = Object.prototype.constructor.toString();
+var Yd = Object.prototype.constructor.toString();
 function qo(e) {
   if (!e || typeof e != "object")
     return !1;
@@ -3431,7 +3448,7 @@ function qo(e) {
   if (t === null)
     return !0;
   const r = Object.hasOwnProperty.call(t, "constructor") && t.constructor;
-  return r === Object ? !0 : typeof r == "function" && Function.toString.call(r) === Zd;
+  return r === Object ? !0 : typeof r == "function" && Function.toString.call(r) === Yd;
 }
 function jr(e, t) {
   en(e) === 0 ? Reflect.ownKeys(e).forEach((r) => {
@@ -3449,7 +3466,7 @@ function Wo(e, t, r) {
   const n = en(e);
   n === 2 ? e.set(t, r) : n === 3 ? e.add(r) : e[t] = r;
 }
-function Qd(e, t) {
+function Zd(e, t) {
   return e === t ? e !== 0 || 1 / e === 1 / t : e !== e && t !== t;
 }
 function tn(e) {
@@ -3493,24 +3510,24 @@ function pi(e, t) {
   }
 }
 function _i(e, t = !1) {
-  return nn(e) || Dt(e) || !wt(e) || (en(e) > 1 && (e.set = e.add = e.clear = e.delete = el), Object.freeze(e), t && Object.entries(e).forEach(([r, n]) => _i(n, !0))), e;
+  return nn(e) || Dt(e) || !wt(e) || (en(e) > 1 && (e.set = e.add = e.clear = e.delete = Qd), Object.freeze(e), t && Object.entries(e).forEach(([r, n]) => _i(n, !0))), e;
 }
-function el() {
+function Qd() {
   le(2);
 }
 function nn(e) {
   return Object.isFrozen(e);
 }
-var tl = {};
+var el = {};
 function It(e) {
-  const t = tl[e];
+  const t = el[e];
   return t || le(0, e), t;
 }
 var ar;
 function zo() {
   return ar;
 }
-function rl(e, t) {
+function tl(e, t) {
   return {
     drafts_: [],
     parent_: e,
@@ -3525,15 +3542,15 @@ function $i(e, t) {
   t && (It("Patches"), e.patches_ = [], e.inversePatches_ = [], e.patchListener_ = t);
 }
 function fi(e) {
-  hi(e), e.drafts_.forEach(nl), e.drafts_ = null;
+  hi(e), e.drafts_.forEach(rl), e.drafts_ = null;
 }
 function hi(e) {
   e === ar && (ar = e.parent_);
 }
 function ji(e) {
-  return ar = rl(ar, e);
+  return ar = tl(ar, e);
 }
-function nl(e) {
+function rl(e) {
   const t = e[pe];
   t.type_ === 0 || t.type_ === 1 ? t.revoke_() : t.revoked_ = !0;
 }
@@ -3594,7 +3611,7 @@ function Wi(e, t, r, n, i, a, s) {
 function Wr(e, t, r = !1) {
   !e.parent_ && e.immer_.autoFreeze_ && e.canAutoFreeze_ && _i(t, r);
 }
-function il(e, t) {
+function nl(e, t) {
   const r = Array.isArray(e), n = {
     type_: r ? 1 : 0,
     // Track which produce call this is associated with.
@@ -3629,7 +3646,7 @@ var Ai = {
       return e;
     const r = ht(e);
     if (!ui(r, t))
-      return ol(e, r, t);
+      return il(e, r, t);
     const n = r[t];
     return e.finalized_ || !wt(n) ? n : n === si(e.base_, t) ? (ci(e), e.copy_[t] = mi(n, e)) : n;
   },
@@ -3647,7 +3664,7 @@ var Ai = {
       const i = si(ht(e), t), a = i == null ? void 0 : i[pe];
       if (a && a.base_ === r)
         return e.copy_[t] = r, e.assigned_[t] = !1, !0;
-      if (Qd(r, i) && (r !== void 0 || ui(e.base_, t)))
+      if (Zd(r, i) && (r !== void 0 || ui(e.base_, t)))
         return !0;
       ci(e), gi(e);
     }
@@ -3694,7 +3711,7 @@ function si(e, t) {
   const r = e[pe];
   return (r ? ht(r) : e)[t];
 }
-function ol(e, t, r) {
+function il(e, t, r) {
   var i;
   const n = Jo(t, r);
   return n ? "value" in n ? n.value : (
@@ -3723,7 +3740,7 @@ function ci(e) {
     e.scope_.immer_.useStrictShallowCopy_
   ));
 }
-var al = class {
+var ol = class {
   constructor(e) {
     this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.produce = (t, r, n) => {
       if (typeof t == "function" && typeof r != "function") {
@@ -3763,7 +3780,7 @@ var al = class {
     }, typeof (e == null ? void 0 : e.autoFreeze) == "boolean" && this.setAutoFreeze(e.autoFreeze), typeof (e == null ? void 0 : e.useStrictShallowCopy) == "boolean" && this.setUseStrictShallowCopy(e.useStrictShallowCopy);
   }
   createDraft(e) {
-    wt(e) || le(8), Dt(e) && (e = sl(e));
+    wt(e) || le(8), Dt(e) && (e = al(e));
     const t = ji(this), r = mi(e, void 0);
     return r[pe].isManual_ = !0, hi(t), r;
   }
@@ -3807,10 +3824,10 @@ var al = class {
   }
 };
 function mi(e, t) {
-  const r = tn(e) ? It("MapSet").proxyMap_(e, t) : rn(e) ? It("MapSet").proxySet_(e, t) : il(e, t);
+  const r = tn(e) ? It("MapSet").proxyMap_(e, t) : rn(e) ? It("MapSet").proxySet_(e, t) : nl(e, t);
   return (t ? t.scope_ : zo()).drafts_.push(r), r;
 }
-function sl(e) {
+function al(e) {
   return Dt(e) || le(10, e), Ho(e);
 }
 function Ho(e) {
@@ -3828,7 +3845,7 @@ function Ho(e) {
     Wo(r, n, Ho(i));
   }), t && (t.finalized_ = !1), r;
 }
-var fe = new al(), nr = fe.produce;
+var fe = new ol(), nr = fe.produce;
 fe.produceWithPatches.bind(
   fe
 );
@@ -3837,20 +3854,20 @@ fe.setUseStrictShallowCopy.bind(fe);
 fe.applyPatches.bind(fe);
 fe.createDraft.bind(fe);
 fe.finishDraft.bind(fe);
-const Xo = _e(void 0), cl = {};
+const Xo = _e(void 0), sl = {};
 function xi() {
   const e = ve(Xo);
   if (!e)
     throw new Error("useObjectsConfigureState must be used within a ConfigurationProvider");
   return e;
 }
-function dl({ children: e }) {
+function cl({ children: e }) {
   const { installation: t } = Ke(), { hydratedRevision: r, loading: n } = dr(), [
     i,
     a
-  ] = k(cl), s = t == null ? void 0 : t.config;
+  ] = k(sl), s = t == null ? void 0 : t.config;
   Y(() => {
-    r != null && r.content && !n && s && !(Object.entries(i).length > 0) && $d(
+    r != null && r.content && !n && s && !(Object.entries(i).length > 0) && Md(
       r,
       s,
       a
@@ -3898,11 +3915,11 @@ function dl({ children: e }) {
   );
   return /* @__PURE__ */ l(Xo.Provider, { value: y, children: e });
 }
-const ll = /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+const dl = /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
   /* @__PURE__ */ l("circle", { cx: "9", cy: "9", r: "9", fill: "#BBF7D0" }),
   /* @__PURE__ */ l("path", { d: "M13 7L7.5 12L5 9.72727", stroke: "#16A34A", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
-function ul(e, t) {
+function ll(e, t) {
   return t ? Br.createElement(
     "svg",
     {
@@ -3918,7 +3935,7 @@ function ul(e, t) {
       r: "5",
       fill: "#FBD38D"
     })
-  ) : e ? ll : /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ l("circle", { cx: "9", cy: "9", r: "5", fill: "#BFDBFE" }) });
+  ) : e ? dl : /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ l("circle", { cx: "9", cy: "9", r: "5", fill: "#BFDBFE" }) });
 }
 const Go = Si(
   ({
@@ -3938,7 +3955,7 @@ const Go = Si(
           gap: 2,
           mr: "3",
           children: [
-            ul(t, r),
+            ll(t, r),
             /* @__PURE__ */ A(J, { textAlign: "left", children: [
               /* @__PURE__ */ l(Ie, { children: n || e }),
               r && /* @__PURE__ */ l(Ie, { fontSize: 10, fontStyle: "italic", children: "pending" })
@@ -3950,7 +3967,7 @@ const Go = Si(
     ] });
   }
 );
-function pl({ pending: e, completed: t, displayName: r }) {
+function ul({ pending: e, completed: t, displayName: r }) {
   return /* @__PURE__ */ A(Kt, { children: [
     /* @__PURE__ */ l(Oi, { marginY: 3 }),
     /* @__PURE__ */ l(
@@ -3974,31 +3991,30 @@ function Yo() {
     );
   return { selectedObjectName: e };
 }
-function fl(e, t) {
+function pl(e, t) {
   return e != null && e[t] ? e[t] : { name: Mo, completed: !1 };
 }
-function hl({
+function fl({
   children: e
 }) {
   var S, R, C;
   const { project: t } = ee(), { installation: r, provider: n } = Ke(), { hydratedRevision: i } = dr(), { objectConfigurationsState: a } = xi(), [s, u] = k(0), p = (t == null ? void 0 : t.appName) || "", h = r == null ? void 0 : r.config, m = i && ko(h, i), w = m !== null, y = !!((S = i == null ? void 0 : i.content) != null && S.write), I = y ? Eo(h) : void 0, b = [...m || []];
   I && y && b.push(I);
-  const v = fl(b, s);
+  const v = pl(b, s);
   return /* @__PURE__ */ l(Vo.Provider, { value: v == null ? void 0 : v.name, children: /* @__PURE__ */ A(
     J,
     {
       p: 8,
       maxWidth: "55rem",
-      border: "1px solid #EFEFEF",
-      borderRadius: 6,
-      boxShadow: "md",
+      borderRadius: 4,
       margin: "auto",
-      bgColor: "whitesmoke",
       display: "flex",
       gap: "6",
       minHeight: "100%",
-      color: "gray.800",
       fontSize: "md",
+      backgroundColor: "#FCFCFC",
+      border: "1px solid #EFEFEF",
+      boxShadow: "0px 4px 8px rgba(0, 0, 0, 0.05)",
       children: [
         /* @__PURE__ */ A(J, { width: "20rem", children: [
           /* @__PURE__ */ A(Ie, { children: [
@@ -4007,7 +4023,7 @@ function hl({
           ] }),
           /* @__PURE__ */ l(Ie, { marginBottom: "20px", fontSize: "1.125rem", fontWeight: "500", children: p }),
           w && /* @__PURE__ */ A(
-            ba,
+            va,
             {
               index: s,
               onChange: u,
@@ -4026,7 +4042,7 @@ function hl({
                   );
                 }),
                 y && I && /* @__PURE__ */ l(
-                  pl,
+                  ul,
                   {
                     completed: I.completed,
                     pending: (C = (R = a == null ? void 0 : a.other) == null ? void 0 : R.write) == null ? void 0 : C.isWriteModified,
@@ -4036,7 +4052,7 @@ function hl({
                 r && /* @__PURE__ */ A(Kt, { children: [
                   /* @__PURE__ */ l(Oi, { marginTop: 10, marginBottom: 3 }),
                   /* @__PURE__ */ l(
-                    Gd,
+                    Xd,
                     {
                       text: "Uninstall"
                     },
@@ -4061,7 +4077,7 @@ const Bt = () => {
     selectedObjectName: n
   };
 };
-function gl(e, t, r) {
+function hl(e, t, r) {
   var i;
   const n = ((i = e == null ? void 0 : e.read) == null ? void 0 : i.selectedFieldMappings) || {};
   if (n[t] = r, e != null && e.read) {
@@ -4072,10 +4088,10 @@ function gl(e, t, r) {
 function Zo(e, t, r, n) {
   t(
     e,
-    (i) => gl(i, r, n)
+    (i) => hl(i, r, n)
   );
 }
-function ml({ field: e, onSelectChange: t, allFields: r }) {
+function gl({ field: e, onSelectChange: t, allFields: r }) {
   var w;
   const { configureState: n, selectedObjectName: i, setConfigureState: a } = Bt(), [s, u] = k(!0), p = (w = n == null ? void 0 : n.read) == null ? void 0 : w.selectedFieldMappings, h = p == null ? void 0 : p[e.mapToName];
   Y(() => {
@@ -4088,7 +4104,7 @@ function ml({ field: e, onSelectChange: t, allFields: r }) {
     /* @__PURE__ */ l(Ie, { fontWeight: "500", children: e.mapToDisplayName }),
     /* @__PURE__ */ l(Ie, { marginBottom: "5px", fontSize: 14, children: e == null ? void 0 : e.prompt }),
     /* @__PURE__ */ l(
-      Sa,
+      ba,
       {
         name: e.mapToName,
         variant: "flushed",
@@ -4107,7 +4123,7 @@ function on({ string: e }) {
     /* @__PURE__ */ l(Ur, { flex: "1", justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ l(Oi, { marginLeft: 2 }) })
   ] });
 }
-function yl() {
+function ml() {
   const { selectedObjectName: e, configureState: t, setConfigureState: r } = Bt(), { isError: n, removeError: i } = nt(), a = (u) => {
     const { value: p, name: h } = u.target;
     p && (e && Zo(e, r, h, p), n(Z.MAPPING, h) && i(Z.MAPPING, h));
@@ -4133,14 +4149,14 @@ function yl() {
           ),
           children: [
             /* @__PURE__ */ l(
-              ml,
+              gl,
               {
                 allFields: ((p = t.read) == null ? void 0 : p.allFields) || [],
                 field: u,
                 onSelectChange: a
               }
             ),
-            /* @__PURE__ */ l(Oa, { children: " * required" })
+            /* @__PURE__ */ l(Sa, { children: " * required" })
           ]
         },
         u.mapToName
@@ -4148,7 +4164,7 @@ function yl() {
     }) })
   ] }) : null;
 }
-function wl(e, t, r) {
+function yl(e, t, r) {
   var i, a;
   const n = ((i = e == null ? void 0 : e.read) == null ? void 0 : i.selectedOptionalFields) || {};
   if (n[t] = r, r || delete n[t], (a = e.read) != null && a.savedConfig.optionalFields) {
@@ -4160,10 +4176,10 @@ function wl(e, t, r) {
 function zi(e, t, r, n) {
   t(
     e,
-    (i) => wl(i, r, n)
+    (i) => yl(i, r, n)
   );
 }
-function Il() {
+function wl() {
   var w, y;
   const {
     appName: e,
@@ -4217,22 +4233,22 @@ function Il() {
     )
   ] });
 }
-function vl() {
+function Il() {
   var n, i, a;
   const { configureState: e, selectedObjectName: t } = Bt(), { appName: r } = ee();
   return /* @__PURE__ */ A(Kt, { children: [
     /* @__PURE__ */ l(on, { string: `${r} reads the following ${t} fields` }),
-    /* @__PURE__ */ l(J, { marginBottom: "20px", display: "flex", gap: 1, children: (i = (n = e == null ? void 0 : e.read) == null ? void 0 : n.requiredFields) != null && i.length ? (a = e.read) == null ? void 0 : a.requiredFields.map((s) => tt(s) ? null : /* @__PURE__ */ l(Ca, { children: s.displayName }, s.fieldName)) : "There are no required fields." })
+    /* @__PURE__ */ l(J, { marginBottom: "20px", display: "flex", gap: 1, children: (i = (n = e == null ? void 0 : e.read) == null ? void 0 : n.requiredFields) != null && i.length ? (a = e.read) == null ? void 0 : a.requiredFields.map((s) => tt(s) ? null : /* @__PURE__ */ l(Oa, { children: s.displayName }, s.fieldName)) : "There are no required fields." })
   ] });
 }
-function bl() {
+function vl() {
   return /* @__PURE__ */ A(Kt, { children: [
-    /* @__PURE__ */ l(vl, {}),
-    /* @__PURE__ */ l(yl, {}),
-    /* @__PURE__ */ l(Il, {})
+    /* @__PURE__ */ l(Il, {}),
+    /* @__PURE__ */ l(ml, {}),
+    /* @__PURE__ */ l(wl, {})
   ] });
 }
-function Sl(e, t, r) {
+function bl(e, t, r) {
   var n, i, a;
   if (((n = e == null ? void 0 : e.write) == null ? void 0 : n.selectedNonConfigurableWriteFields) === null && (e.write.selectedNonConfigurableWriteFields = {}), e != null && e.write) {
     const s = e.write.selectedNonConfigurableWriteFields;
@@ -4246,11 +4262,11 @@ function Ji(e, t, r, n) {
   t(
     e,
     (i) => {
-      Sl(i, r, n);
+      bl(i, r, n);
     }
   );
 }
-function Ol() {
+function Sl() {
   var w, y, I, b;
   const {
     appName: e,
@@ -4317,7 +4333,7 @@ function Ol() {
     )
   ] });
 }
-function Cl() {
+function Ol() {
   const e = te(), { projectId: t, appName: r } = ee(), { integrationId: n, installation: i, resetInstallations: a } = Ke(), [s, u] = k(!1), p = !t || !n || !(i != null && i.id) || s, h = async () => {
     if (!p) {
       u(!0), console.warn(
@@ -4359,8 +4375,7 @@ function Qo({
       /* @__PURE__ */ l(
         ne,
         {
-          backgroundColor: "gray.800",
-          _hover: { backgroundColor: "gray.600" },
+          variant: "primary",
           type: "submit",
           isDisabled: S,
           children: n ? "Install" : "Save"
@@ -4369,9 +4384,6 @@ function Qo({
       /* @__PURE__ */ l(
         ne,
         {
-          backgroundColor: "gray.200",
-          color: "blackAlpha.700",
-          _hover: { backgroundColor: "gray.300" },
           isDisabled: S,
           onClick: t,
           children: "Reset"
@@ -4382,21 +4394,17 @@ function Qo({
       J,
       {
         p: 8,
-        width: "100%",
-        border: "1px solid #EFEFEF",
-        borderRadius: 8,
-        boxShadow: "md",
-        textAlign: ["left"],
+        borderRadius: 4,
+        boxShadow: "sm",
         margin: "auto",
-        bgColor: "white",
-        maxHeight: "100%",
-        overflowY: "scroll",
+        backgroundColor: "white",
+        border: "1px solid gray.100",
         minHeight: 300,
         children: [
           s && /* @__PURE__ */ l(De, {}),
-          a && !C && !R && /* @__PURE__ */ l(bl, {}),
-          a && !C && R && /* @__PURE__ */ l(Ol, {}),
-          !s && C && /* @__PURE__ */ l(Cl, {})
+          a && !C && !R && /* @__PURE__ */ l(vl, {}),
+          a && !C && R && /* @__PURE__ */ l(Sl, {}),
+          !s && C && /* @__PURE__ */ l(Ol, {})
         ]
       }
     )
@@ -4435,8 +4443,8 @@ const ea = () => {
     onInstallSuccess: i,
     onUpdateSuccess: a
   };
-}, Nl = void 0;
-function Tl() {
+}, Cl = void 0;
+function Nl() {
   const {
     integrationId: e,
     groupRef: t,
@@ -4459,7 +4467,7 @@ function Tl() {
     () => {
       m(Z.MAPPING), i != null && i.content && !a && s && Do(
         i,
-        Nl,
+        Cl,
         s,
         y
       );
@@ -4475,7 +4483,7 @@ function Tl() {
       V,
       w
     );
-    be.length > 0 || (s && (u != null && u.id) && p && h && e && t && r && i ? (C(!0), Wd(
+    be.length > 0 || (s && (u != null && u.id) && p && h && e && t && r && i ? (C(!0), qd(
       h,
       e,
       t,
@@ -4491,7 +4499,7 @@ function Tl() {
       C(!1), b(s);
     })) : console.error("CreateInstallallation - onSaveReadCreate: missing required props"));
   }, ie = () => {
-    s && (u != null && u.id) && p && h && e && t && r && i ? (C(!0), Hd(
+    s && (u != null && u.id) && p && h && e && t && r && i ? (C(!0), Jd(
       h,
       e,
       t,
@@ -4518,7 +4526,7 @@ function Tl() {
     }
   );
 }
-function Rl({
+function Tl({
   updateConfig: e,
   projectId: t,
   integrationId: r,
@@ -4552,7 +4560,7 @@ function Rl({
     console.error("ERROR: ", h);
   });
 }
-const _l = (e, t, r, n, i, a) => {
+const Rl = (e, t, r, n, i, a) => {
   const s = Ko(e), u = Lo(
     e
   ), p = {
@@ -4573,8 +4581,8 @@ const _l = (e, t, r, n, i, a) => {
     }
   };
   return Qr(i) && (p.content || (p.content = {}), p.content.proxy = { enabled: !0 }), p;
-}, Al = (e, t, r, n, i, a, s, u, p, h) => {
-  const m = _l(
+}, _l = (e, t, r, n, i, a, s, u, p, h) => {
+  const m = Rl(
     a,
     n || "",
     u,
@@ -4582,7 +4590,7 @@ const _l = (e, t, r, n, i, a) => {
     p,
     u.backfill
   );
-  return m ? Rl({
+  return m ? Tl({
     updateConfig: m,
     projectId: e,
     integrationId: t,
@@ -4592,7 +4600,7 @@ const _l = (e, t, r, n, i, a) => {
     setInstallation: s,
     onUpdateSuccess: h
   }) : (console.error("Error when generating updateConfig from configureState"), Promise.resolve(null));
-}, xl = (e, t) => {
+}, Al = (e, t) => {
   const n = {
     content: {
       write: {
@@ -4601,8 +4609,8 @@ const _l = (e, t, r, n, i, a) => {
     }
   };
   return Qr(t) && (n.content || (n.content = {}), n.content.proxy = { enabled: !0 }), n;
-}, kl = (e, t, r, n, i, a, s, u) => {
-  const p = xl(i, a);
+}, xl = (e, t, r, n, i, a, s, u) => {
+  const p = Al(i, a);
   if (!p)
     return console.error("Error when generating write updateConfig from configureState"), Promise.resolve(null);
   const h = {
@@ -4629,7 +4637,7 @@ const _l = (e, t, r, n, i, a) => {
     console.error("ERROR: ", m);
   });
 };
-function El({ installation: e, integrationObj: t }) {
+function kl({ installation: e, integrationObj: t }) {
   const {
     setInstallation: r,
     hydratedRevision: n,
@@ -4665,7 +4673,7 @@ function El({ installation: e, integrationObj: t }) {
       se,
       h
     );
-    V.length > 0 || (n && e && a && s && u && D ? (v(!0), Al(
+    V.length > 0 || (n && e && a && s && u && D ? (v(!0), _l(
       u,
       t.id,
       e.id,
@@ -4680,7 +4688,7 @@ function El({ installation: e, integrationObj: t }) {
       v(!1), w(a);
     })) : console.error("UpdateInstallation - onSaveUpdate missing required props"));
   }, M = () => {
-    e && a && s && u && n ? (v(!0), kl(
+    e && a && s && u && n ? (v(!0), xl(
       u,
       t.id,
       e.id,
@@ -4704,12 +4712,12 @@ function El({ installation: e, integrationObj: t }) {
     }
   );
 }
-function Fl() {
+function El() {
   const { integrationObj: e, installation: t } = Ke();
   return e ? t && e ? (
     // If installation exists, render update installation flow
     /* @__PURE__ */ l(
-      El,
+      kl,
       {
         installation: t,
         integrationObj: e
@@ -4717,10 +4725,10 @@ function Fl() {
     )
   ) : (
     // No installation, render create installation flow
-    /* @__PURE__ */ l(Tl, {})
+    /* @__PURE__ */ l(Nl, {})
   ) : /* @__PURE__ */ l(We, { message: "We can't load the integration" });
 }
-const Pl = (e, t) => ({
+const Fl = (e, t) => ({
   revisionId: e.id,
   createdBy: `consumer:${t}`,
   content: {
@@ -4730,7 +4738,7 @@ const Pl = (e, t) => ({
     }
   }
 });
-function Dl({
+function Pl({
   projectId: e,
   integrationId: t,
   groupRef: r,
@@ -4741,7 +4749,7 @@ function Dl({
   setInstallation: u,
   onInstallSuccess: p
 }) {
-  const h = Pl(
+  const h = Fl(
     s,
     n
   );
@@ -4756,7 +4764,7 @@ function Dl({
     onInstallSuccess: p
   }) : (console.error("Error when generating createConfig from configureState"), Promise.resolve(null));
 }
-function Kl() {
+function Dl() {
   return /* @__PURE__ */ A("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l("circle", { cx: "24", cy: "24", r: "24", fill: "#BBF7D0" }),
     /* @__PURE__ */ l(
@@ -4788,21 +4796,21 @@ function ta({ text: e }) {
       color: "gray.800",
       fontSize: "md",
       children: [
-        /* @__PURE__ */ l(J, { width: "100%", display: "flex", alignContent: "center", justifyContent: "center", children: /* @__PURE__ */ l(J, { margin: "auto", children: /* @__PURE__ */ l(Kl, {}) }) }),
+        /* @__PURE__ */ l(J, { width: "100%", display: "flex", alignContent: "center", justifyContent: "center", children: /* @__PURE__ */ l(J, { margin: "auto", children: /* @__PURE__ */ l(Dl, {}) }) }),
         /* @__PURE__ */ l(J, { textAlign: "center", paddingTop: "25px", children: e })
       ]
     }
   ) });
 }
-function Ll({ provider: e }) {
+function Kl({ provider: e }) {
   const t = `You have successfully installed your ${vt(e)} integration.`;
   return /* @__PURE__ */ l(ta, { text: t });
 }
-const Bl = (e) => {
+const Ll = (e) => {
   const { read: t, write: r, proxy: n } = (e == null ? void 0 : e.content) ?? {};
   return !t && !r && (n == null ? void 0 : n.enabled) || !1;
 };
-function Ul({ children: e }) {
+function Bl({ children: e }) {
   var R;
   const { projectId: t } = ee(), r = te(), { hydratedRevision: n, loading: i } = dr(), {
     integrationObj: a,
@@ -4811,9 +4819,9 @@ function Ul({ children: e }) {
     consumerRef: p,
     setInstallation: h,
     onInstallSuccess: m
-  } = Ke(), { selectedConnection: w } = Lt(), [y, I] = k(!1), b = i || y, v = (R = n == null ? void 0 : n.content) == null ? void 0 : R.provider, S = Bl(n);
+  } = Ke(), { selectedConnection: w } = Lt(), [y, I] = k(!1), b = i || y, v = (R = n == null ? void 0 : n.content) == null ? void 0 : R.provider, S = Ll(n);
   return Y(() => {
-    !b && n && S && !s && w && r && (a != null && a.id) && (I(!0), Dl({
+    !b && n && S && !s && w && r && (a != null && a.id) && (I(!0), Pl({
       apiKey: r,
       projectId: t,
       integrationId: a == null ? void 0 : a.id,
@@ -4841,9 +4849,9 @@ function Ul({ children: e }) {
     h,
     b,
     m
-  ]), a ? b ? /* @__PURE__ */ l(De, {}) : S && v && s ? /* @__PURE__ */ l(Ll, { provider: v }) : /* @__PURE__ */ l("div", { children: e }) : /* @__PURE__ */ l(We, { message: "We can't load the integration" });
+  ]), a ? b ? /* @__PURE__ */ l(De, {}) : S && v && s ? /* @__PURE__ */ l(Kl, { provider: v }) : /* @__PURE__ */ l("div", { children: e }) : /* @__PURE__ */ l(We, { message: "We can't load the integration" });
 }
-function Ml({ children: e }) {
+function Ul({ children: e }) {
   return /* @__PURE__ */ l(cr, { children: /* @__PURE__ */ l(
     J,
     {
@@ -4862,7 +4870,7 @@ function Ml({ children: e }) {
     }
   ) });
 }
-function $l({ error: e }) {
+function Ml({ error: e }) {
   return e ? /* @__PURE__ */ A(Xr, { status: "error", marginTop: "2em", children: [
     /* @__PURE__ */ l(Gr, {}),
     /* @__PURE__ */ l(Vr, { children: e })
@@ -4888,7 +4896,7 @@ function ra({ url: e, providerDisplayName: t, credentialName: r }) {
     "."
   ] });
 }
-function jl({
+function $l({
   provider: e,
   providerInfo: t,
   handleSubmit: r,
@@ -4897,9 +4905,9 @@ function jl({
 }) {
   var v;
   const [a, s] = k(!1), u = () => s(!a), [p, h] = k(""), m = (S) => h(S.currentTarget.value), w = p.length > 0, y = i || !w, I = vt(e, t), b = (v = t.apiKeyOpts) == null ? void 0 : v.docsURL;
-  return /* @__PURE__ */ l(Ml, { children: /* @__PURE__ */ A(He, { children: [
+  return /* @__PURE__ */ l(Ul, { children: /* @__PURE__ */ A(He, { children: [
     /* @__PURE__ */ l(rt, { my: "6", children: /* @__PURE__ */ l(Je, { as: "h4", size: "md", children: `Set up ${I} integration` }) }),
-    /* @__PURE__ */ l($l, { error: n }),
+    /* @__PURE__ */ l(Ml, { error: n }),
     /* @__PURE__ */ A(Ae, { spacing: 4, children: [
       b && /* @__PURE__ */ l(
         ra,
@@ -4926,6 +4934,7 @@ function jl({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: y,
         width: "100%",
         type: "submit",
@@ -4937,7 +4946,7 @@ function jl({
     )
   ] }) });
 }
-function ql({
+function jl({
   provider: e,
   providerInfo: t,
   consumerRef: r,
@@ -4982,34 +4991,30 @@ function ql({
   const v = (S) => {
     I(S), w(!0);
   };
-  return u === null ? /* @__PURE__ */ l(jl, { provider: e, providerInfo: t, handleSubmit: v, error: null }) : s;
+  return u === null ? /* @__PURE__ */ l($l, { provider: e, providerInfo: t, handleSubmit: v, error: null }) : s;
 }
-function Wl({ children: e }) {
+function ql({ children: e }) {
   return /* @__PURE__ */ l(cr, { children: /* @__PURE__ */ l(
     J,
     {
       p: 8,
       maxWidth: "600px",
       borderWidth: 1,
-      borderRadius: 8,
-      boxShadow: "lg",
-      textAlign: ["left"],
+      borderRadius: 4,
       margin: "auto",
       marginTop: "40px",
-      bgColor: "white",
-      color: "gray.800",
       fontSize: "md",
       children: e
     }
   ) });
 }
-function zl({ error: e }) {
+function Wl({ error: e }) {
   return e ? /* @__PURE__ */ A(Xr, { status: "error", marginTop: "2em", children: [
     /* @__PURE__ */ l(Gr, {}),
     /* @__PURE__ */ l(Vr, { children: e })
   ] }) : null;
 }
-function Jl({
+function zl({
   provider: e,
   providerInfo: t,
   handleSubmit: r,
@@ -5018,9 +5023,9 @@ function Jl({
 }) {
   var C;
   const [a, s] = k(!1), u = () => s(!a), [p, h] = k(""), [m, w] = k(""), y = (D) => h(D.currentTarget.value), I = (D) => w(D.currentTarget.value), b = vt(e, t), v = (C = t.basicOpts) == null ? void 0 : C.docsURL, S = p.length > 0, R = i || !S;
-  return /* @__PURE__ */ l(Wl, { children: /* @__PURE__ */ A(He, { children: [
+  return /* @__PURE__ */ l(ql, { children: /* @__PURE__ */ A(He, { children: [
     /* @__PURE__ */ l(rt, { marginTop: "16", marginBottom: "0", children: /* @__PURE__ */ l(Je, { as: "h4", size: "md", children: `Set up ${b} integration` }) }),
-    /* @__PURE__ */ l(zl, { error: n }),
+    /* @__PURE__ */ l(Wl, { error: n }),
     /* @__PURE__ */ l("br", {}),
     /* @__PURE__ */ A(Ae, { spacing: 4, children: [
       v && /* @__PURE__ */ l(
@@ -5049,6 +5054,7 @@ function Jl({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: R,
         width: "100%",
         type: "submit",
@@ -5060,7 +5066,7 @@ function Jl({
     )
   ] }) });
 }
-function Hl({
+function Jl({
   provider: e,
   providerInfo: t,
   consumerRef: r,
@@ -5109,7 +5115,7 @@ function Hl({
     I({ user: S, pass: R }), w(!0);
   };
   return u === null ? /* @__PURE__ */ l(
-    Jl,
+    zl,
     {
       provider: e,
       providerInfo: t,
@@ -5118,16 +5124,16 @@ function Hl({
     }
   ) : s;
 }
-function Xl(e) {
+function Hl(e) {
   const { selectedConnection: t } = Lt();
   Y(() => {
     e && t && e(t.id);
   }, [e, t]);
 }
-function Gl({ onSuccess: e }) {
-  Xl(e);
+function Xl({ onSuccess: e }) {
+  Hl(e);
 }
-function Vl({ children: e }) {
+function Gl({ children: e }) {
   return /* @__PURE__ */ l(cr, { children: /* @__PURE__ */ l(
     J,
     {
@@ -5146,25 +5152,26 @@ function Vl({ children: e }) {
     }
   ) });
 }
-function Yl({ error: e }) {
+function Vl({ error: e }) {
   return e ? /* @__PURE__ */ A(Xr, { status: "error", marginTop: "2em", children: [
     /* @__PURE__ */ l(Gr, {}),
     /* @__PURE__ */ l(Vr, { children: e })
   ] }) : null;
 }
-function Zl({
+function Yl({
   handleSubmit: e,
   error: t,
   isButtonDisabled: r,
   providerName: n
 }) {
-  return /* @__PURE__ */ l(Vl, { children: /* @__PURE__ */ A(He, { children: [
+  return /* @__PURE__ */ l(Gl, { children: /* @__PURE__ */ A(He, { children: [
     /* @__PURE__ */ l(rt, { marginTop: "16", marginBottom: "0", children: /* @__PURE__ */ l(Je, { as: "h4", size: "md", children: `Set up ${n} integration` }) }),
-    /* @__PURE__ */ l(Yl, { error: t }),
+    /* @__PURE__ */ l(Vl, { error: t }),
     /* @__PURE__ */ l("br", {}),
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: r,
         width: "100%",
         type: "submit",
@@ -5174,7 +5181,7 @@ function Zl({
     )
   ] }) });
 }
-function Ql({
+function Zl({
   provider: e,
   consumerRef: t,
   consumerName: r,
@@ -5207,7 +5214,7 @@ function Ql({
   const I = () => {
     y(!0);
   };
-  return s === null ? /* @__PURE__ */ l(Zl, { handleSubmit: I, error: null, providerName: p }) : a;
+  return s === null ? /* @__PURE__ */ l(Yl, { handleSubmit: I, error: null, providerName: p }) : a;
 }
 function lr({ children: e }) {
   return /* @__PURE__ */ l(cr, { children: /* @__PURE__ */ l(
@@ -5234,7 +5241,7 @@ function ur({ error: e }) {
     /* @__PURE__ */ l(Vr, { children: e })
   ] }) : null;
 }
-function eu({
+function Ql({
   handleSubmit: e,
   error: t,
   explicitScopesRequired: r,
@@ -5278,6 +5285,7 @@ function eu({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: D,
         width: "100%",
         type: "submit",
@@ -5287,7 +5295,7 @@ function eu({
     )
   ] }) });
 }
-function tu({
+function eu({
   provider: e,
   consumerRef: t,
   consumerName: r,
@@ -5321,7 +5329,7 @@ function tu({
     });
   };
   return u === null ? /* @__PURE__ */ l(
-    eu,
+    Ql,
     {
       providerName: s,
       handleSubmit: I,
@@ -5358,8 +5366,8 @@ const na = async (e, t, r, n, i, a, s, u) => {
     return await X().oAuthApi.oauthConnect(I);
   }
   throw new Error(`Provider ${i} does not support an OAuth2 web flow.`);
-}, Hi = 600, Xi = 600, ru = "AUTHORIZATION_SUCCEEDED", nu = "AUTHORIZATION_FAILED";
-function iu(e, t, r) {
+}, Hi = 600, Xi = 600, tu = "AUTHORIZATION_SUCCEEDED", ru = "AUTHORIZATION_FAILED";
+function nu(e, t, r) {
   return Q(async (n) => {
     const i = await X().connectionApi.getConnection({ projectIdOrName: e, connectionId: n }, {
       headers: { "X-Api-Key": t ?? "" }
@@ -5367,22 +5375,22 @@ function iu(e, t, r) {
     r(i);
   }, [e, t, r]);
 }
-function ou(e, t, r, n) {
+function iu(e, t, r, n) {
   return Q(() => {
     if (!n) return;
     const i = window.screenX + (window.outerWidth - Hi) / 2, a = window.screenY + (window.outerHeight - Xi) / 2.5, s = `width=${Hi},height=${Xi},left=${i},top=${a}`, u = window.open(n, e, s);
     t(u), window.addEventListener("message", r, !1);
   }, [n, e, t, r]);
 }
-function au(e) {
+function ou(e) {
   return Q((t) => {
     var r;
-    if (t.origin === Sd) {
-      if (t.data.eventType === ru) {
+    if (t.origin === bd) {
+      if (t.data.eventType === tu) {
         const n = (r = t.data.data) == null ? void 0 : r.connection;
         n ? e(n) : console.error("Connection ID not found in event data: ", { event: t });
       }
-      t.data.eventType === nu && console.error("OAuth failed: ", { event: t });
+      t.data.eventType === ru && console.error("OAuth failed: ", { event: t });
     }
   }, [e]);
 }
@@ -5392,7 +5400,7 @@ function ia({
   windowTitle: r = "Connect to Provider",
   onClose: n
 }) {
-  const i = te(), { projectId: a } = ee(), [s, u] = k(null), [p, h] = k(null), { setSelectedConnection: m } = Lt(), w = au(u), y = ou(r, h, w, t), I = iu(a, i, m);
+  const i = te(), { projectId: a } = ee(), [s, u] = k(null), [p, h] = k(null), { setSelectedConnection: m } = Lt(), w = ou(u), y = iu(r, h, w, t), I = nu(a, i, m);
   Y(() => {
     t && !p && y();
   }, [t, p, y, w, r]), Y(() => {
@@ -5407,7 +5415,7 @@ function ia({
   }, 500);
   return /* @__PURE__ */ l("div", { children: e });
 }
-function su({
+function au({
   handleSubmit: e,
   error: t,
   isButtonDisabled: r,
@@ -5420,6 +5428,7 @@ function su({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: r,
         width: "100%",
         type: "submit",
@@ -5429,7 +5438,7 @@ function su({
     )
   ] }) });
 }
-function cu({
+function su({
   provider: e,
   consumerRef: t,
   consumerName: r,
@@ -5463,11 +5472,11 @@ function cu({
       windowTitle: `Connect to ${a}`,
       oauthUrl: p,
       onClose: I,
-      children: /* @__PURE__ */ l(su, { handleSubmit: y, error: m, providerName: a })
+      children: /* @__PURE__ */ l(au, { handleSubmit: y, error: m, providerName: a })
     }
   );
 }
-function du({
+function cu({
   handleSubmit: e,
   error: t,
   isButtonDisabled: r,
@@ -5519,6 +5528,7 @@ function du({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: H,
         width: "100%",
         type: "submit",
@@ -5528,7 +5538,7 @@ function du({
     )
   ] }) });
 }
-function lu({
+function du({
   provider: e,
   providerName: t,
   consumerRef: r,
@@ -5563,7 +5573,7 @@ function lu({
     });
   };
   return u === null ? /* @__PURE__ */ l(
-    du,
+    cu,
     {
       providerName: t,
       handleSubmit: I,
@@ -5572,9 +5582,9 @@ function lu({
     }
   ) : /* @__PURE__ */ l(De, {});
 }
-function uu() {
+function lu() {
   const e = ve(
-    Na
+    Ca
   );
   if (!e)
     throw Error(
@@ -5590,19 +5600,19 @@ function aa() {
     throw new Error("useColorMode must be used within a ColorModeProvider");
   return e;
 }
-function pu() {
-  const e = aa(), t = uu();
+function uu() {
+  const e = aa(), t = lu();
   return { ...e, theme: t };
 }
-var fu = (...e) => e.filter(Boolean).join(" ");
+var pu = (...e) => e.filter(Boolean).join(" ");
 function mt(e) {
   const t = typeof e;
   return e != null && (t === "object" || t === "function") && !Array.isArray(e);
 }
 function gt(e, ...t) {
-  return hu(e) ? e(...t) : e;
+  return fu(e) ? e(...t) : e;
 }
-var hu = (e) => typeof e == "function", zr = { exports: {} };
+var fu = (e) => typeof e == "function", zr = { exports: {} };
 zr.exports;
 (function(e, t) {
   var r = 200, n = "__lodash_hash_undefined__", i = 800, a = 16, s = 9007199254740991, u = "[object Arguments]", p = "[object Array]", h = "[object AsyncFunction]", m = "[object Boolean]", w = "[object Date]", y = "[object Error]", I = "[object Function]", b = "[object GeneratorFunction]", v = "[object Map]", S = "[object Number]", R = "[object Null]", C = "[object Object]", D = "[object Proxy]", U = "[object RegExp]", M = "[object Set]", ie = "[object String]", H = "[object Undefined]", se = "[object WeakMap]", V = "[object ArrayBuffer]", be = "[object DataView]", Le = "[object Float32Array]", bt = "[object Float64Array]", sn = "[object Int8Array]", cn = "[object Int16Array]", dn = "[object Int32Array]", ln = "[object Uint8Array]", un = "[object Uint8ClampedArray]", pn = "[object Uint16Array]", fn = "[object Uint32Array]", hn = /[\\^$.*+?()[\]{}|]/g, gn = /^\[object .+?Constructor\]$/, mn = /^(?:0|[1-9]\d*)$/, $ = {};
@@ -6078,10 +6088,10 @@ zr.exports;
   }
   e.exports = ii;
 })(zr, zr.exports);
-var gu = zr.exports;
-const qe = /* @__PURE__ */ Ni(gu);
-var mu = (e) => /!(important)?$/.test(e), Gi = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, yu = (e, t) => (r) => {
-  const n = String(t), i = mu(n), a = Gi(n), s = e ? `${e}.${a}` : a;
+var hu = zr.exports;
+const qe = /* @__PURE__ */ Ni(hu);
+var gu = (e) => /!(important)?$/.test(e), Gi = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, mu = (e, t) => (r) => {
+  const n = String(t), i = gu(n), a = Gi(n), s = e ? `${e}.${a}` : a;
   let u = mt(r.__cssMap) && s in r.__cssMap ? r.__cssMap[s].varRef : t;
   return u = Gi(u), i ? `${u} !important` : u;
 };
@@ -6089,7 +6099,7 @@ function ki(e) {
   const { scale: t, transform: r, compose: n } = e;
   return (a, s) => {
     var u;
-    const p = yu(t, a)(s);
+    const p = mu(t, a)(s);
     let h = (u = r == null ? void 0 : r(p, s)) != null ? u : p;
     return n && (h = n(h, s)), h;
   };
@@ -6104,12 +6114,12 @@ function me(e, t) {
     }), n;
   };
 }
-var wu = ({ rtl: e, ltr: t }) => (r) => r.direction === "rtl" ? e : t;
-function Iu(e) {
+var yu = ({ rtl: e, ltr: t }) => (r) => r.direction === "rtl" ? e : t;
+function wu(e) {
   const { property: t, scale: r, transform: n } = e;
   return {
     scale: r,
-    property: wu(t),
+    property: yu(t),
     transform: r ? ki({
       scale: r,
       compose: n
@@ -6123,20 +6133,20 @@ var sa = [
   "skewX(var(--chakra-skew-x, 0))",
   "skewY(var(--chakra-skew-y, 0))"
 ];
-function vu() {
+function Iu() {
   return [
     "translateX(var(--chakra-translate-x, 0))",
     "translateY(var(--chakra-translate-y, 0))",
     ...sa
   ].join(" ");
 }
-function bu() {
+function vu() {
   return [
     "translate3d(var(--chakra-translate-x, 0), var(--chakra-translate-y, 0), 0)",
     ...sa
   ].join(" ");
 }
-var Su = {
+var bu = {
   "--chakra-blur": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-brightness": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-contrast": "var(--chakra-empty,/*!*/ /*!*/)",
@@ -6157,7 +6167,7 @@ var Su = {
     "var(--chakra-sepia)",
     "var(--chakra-drop-shadow)"
   ].join(" ")
-}, Ou = {
+}, Su = {
   backdropFilter: [
     "var(--chakra-backdrop-blur)",
     "var(--chakra-backdrop-brightness)",
@@ -6179,7 +6189,7 @@ var Su = {
   "--chakra-backdrop-saturate": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-backdrop-sepia": "var(--chakra-empty,/*!*/ /*!*/)"
 };
-function Cu(e) {
+function Ou(e) {
   return {
     "--chakra-ring-offset-shadow": "var(--chakra-ring-inset) 0 0 0 var(--chakra-ring-offset-width) var(--chakra-ring-offset-color)",
     "--chakra-ring-shadow": "var(--chakra-ring-inset) 0 0 0 calc(var(--chakra-ring-width) + var(--chakra-ring-offset-width)) var(--chakra-ring-color)",
@@ -6191,7 +6201,7 @@ function Cu(e) {
     ].join(", ")
   };
 }
-var Nu = {
+var Cu = {
   "row-reverse": {
     space: "--chakra-space-x-reverse",
     divide: "--chakra-divide-x-reverse"
@@ -6209,15 +6219,15 @@ var Nu = {
   "to-bl": "to bottom left",
   "to-l": "to left",
   "to-tl": "to top left"
-}, Tu = new Set(Object.values(yi)), wi = /* @__PURE__ */ new Set([
+}, Nu = new Set(Object.values(yi)), wi = /* @__PURE__ */ new Set([
   "none",
   "-moz-initial",
   "inherit",
   "initial",
   "revert",
   "unset"
-]), Ru = (e) => e.trim();
-function _u(e, t) {
+]), Tu = (e) => e.trim();
+function Ru(e, t) {
   if (e == null || wi.has(e))
     return e;
   if (!(Ii(e) || wi.has(e)))
@@ -6225,13 +6235,13 @@ function _u(e, t) {
   const i = /(^[a-z-A-Z]+)\((.*)\)/g.exec(e), a = i == null ? void 0 : i[1], s = i == null ? void 0 : i[2];
   if (!a || !s)
     return e;
-  const u = a.includes("-gradient") ? a : `${a}-gradient`, [p, ...h] = s.split(",").map(Ru).filter(Boolean);
+  const u = a.includes("-gradient") ? a : `${a}-gradient`, [p, ...h] = s.split(",").map(Tu).filter(Boolean);
   if ((h == null ? void 0 : h.length) === 0)
     return e;
   const m = p in yi ? yi[p] : p;
   h.unshift(m);
   const w = h.map((y) => {
-    if (Tu.has(y))
+    if (Nu.has(y))
       return y;
     const I = y.indexOf(" "), [b, v] = I !== -1 ? [y.substr(0, I), y.substr(I + 1)] : [y], S = Ii(v) ? v : v && v.split(" "), R = `colors.${b}`, C = R in t.__cssMap ? t.__cssMap[R].varRef : b;
     return S ? [
@@ -6241,28 +6251,28 @@ function _u(e, t) {
   });
   return `${u}(${w.join(", ")})`;
 }
-var Ii = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), Au = (e, t) => _u(e, t ?? {});
-function xu(e) {
+var Ii = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), _u = (e, t) => Ru(e, t ?? {});
+function Au(e) {
   return /^var\(--.+\)$/.test(e);
 }
-var ku = (e) => {
+var xu = (e) => {
   const t = parseFloat(e.toString()), r = e.toString().replace(String(t), "");
   return { unitless: !r, value: t, unit: r };
 }, Fe = (e) => (t) => `${e}(${t})`, K = {
   filter(e) {
-    return e !== "auto" ? e : Su;
+    return e !== "auto" ? e : bu;
   },
   backdropFilter(e) {
-    return e !== "auto" ? e : Ou;
+    return e !== "auto" ? e : Su;
   },
   ring(e) {
-    return Cu(K.px(e));
+    return Ou(K.px(e));
   },
   bgClip(e) {
     return e === "text" ? { color: "transparent", backgroundClip: "text" } : { backgroundClip: e };
   },
   transform(e) {
-    return e === "auto" ? vu() : e === "auto-gpu" ? bu() : e;
+    return e === "auto" ? Iu() : e === "auto-gpu" ? vu() : e;
   },
   vh(e) {
     return e === "$100vh" ? "var(--chakra-vh)" : e;
@@ -6270,7 +6280,7 @@ var ku = (e) => {
   px(e) {
     if (e == null)
       return e;
-    const { unitless: t } = ku(e);
+    const { unitless: t } = xu(e);
     return t || typeof e == "number" ? `${e}px` : e;
   },
   fraction(e) {
@@ -6281,12 +6291,12 @@ var ku = (e) => {
     return t.direction === "rtl" ? r[e] : e;
   },
   degree(e) {
-    if (xu(e) || e == null)
+    if (Au(e) || e == null)
       return e;
     const t = typeof e == "string" && !e.endsWith("deg");
     return typeof e == "number" || t ? `${e}deg` : e;
   },
-  gradient: Au,
+  gradient: _u,
   blur: Fe("blur"),
   opacity: Fe("opacity"),
   brightness: Fe("brightness"),
@@ -6306,7 +6316,7 @@ var ku = (e) => {
   },
   flexDirection(e) {
     var t;
-    const { space: r, divide: n } = (t = Nu[e]) != null ? t : {}, i = { flexDirection: e };
+    const { space: r, divide: n } = (t = Cu[e]) != null ? t : {}, i = { flexDirection: e };
     return r && (i[r] = 1), n && (i[n] = 1), i;
   }
 }, g = {
@@ -6336,7 +6346,7 @@ var ku = (e) => {
   sizes: me("sizes", Fr(K.vh, K.px)),
   sizesT: me("sizes", Fr(K.vh, K.fraction)),
   shadows: me("shadows"),
-  logical: Iu,
+  logical: wu,
   blur: me("blur", K.blur)
 }, Kr = {
   background: g.colors("background"),
@@ -6494,7 +6504,7 @@ Object.assign(L, {
   borderStartStyle: L.borderInlineStartStyle,
   borderEndStyle: L.borderInlineEndStyle
 });
-var Eu = {
+var ku = {
   color: g.colors("color"),
   textColor: g.colors("color"),
   fill: g.colors("fill"),
@@ -6510,7 +6520,7 @@ var Eu = {
 Object.assign(vi, {
   shadow: vi.boxShadow
 });
-var Fu = {
+var Eu = {
   filter: { transform: K.filter },
   blur: g.blur("--chakra-blur"),
   brightness: g.propT("--chakra-brightness", K.brightness),
@@ -6575,7 +6585,7 @@ var ca = {
   gridTemplateRows: !0,
   gridTemplateAreas: !0,
   gridArea: !0
-}, Pu = {
+}, Fu = {
   appearance: !0,
   cursor: !0,
   resize: !0,
@@ -6640,20 +6650,20 @@ Object.assign(ye, {
   overscrollX: ye.overscrollBehaviorX,
   overscrollY: ye.overscrollBehaviorY
 });
-var Du = {
+var Pu = {
   listStyleType: !0,
   listStylePosition: !0,
   listStylePos: g.prop("listStylePosition"),
   listStyleImage: !0,
   listStyleImg: g.prop("listStyleImage")
 };
-function Ku(e, t, r, n) {
+function Du(e, t, r, n) {
   const i = typeof t == "string" ? t.split(".") : [t];
   for (n = 0; n < i.length && e; n += 1)
     e = e[i[n]];
   return e === void 0 ? r : e;
 }
-var Lu = (e) => {
+var Ku = (e) => {
   const t = /* @__PURE__ */ new WeakMap();
   return (n, i, a, s) => {
     if (typeof n > "u")
@@ -6665,7 +6675,7 @@ var Lu = (e) => {
     const p = e(n, i, a, s);
     return u.set(i, p), p;
   };
-}, Bu = Lu(Ku), Uu = {
+}, Lu = Ku(Du), Bu = {
   border: "0px",
   clip: "rect(0, 0, 0, 0)",
   width: "1px",
@@ -6675,7 +6685,7 @@ var Lu = (e) => {
   overflow: "hidden",
   whiteSpace: "nowrap",
   position: "absolute"
-}, Mu = {
+}, Uu = {
   position: "static",
   width: "auto",
   height: "auto",
@@ -6685,14 +6695,14 @@ var Lu = (e) => {
   overflow: "visible",
   whiteSpace: "normal"
 }, di = (e, t, r) => {
-  const n = {}, i = Bu(e, t, {});
+  const n = {}, i = Lu(e, t, {});
   for (const a in i)
     a in r && r[a] != null || (n[a] = i[a]);
   return n;
-}, $u = {
+}, Mu = {
   srOnly: {
     transform(e) {
-      return e === !0 ? Uu : e === "focusable" ? Mu : {};
+      return e === !0 ? Bu : e === "focusable" ? Uu : {};
     }
   },
   layerStyle: {
@@ -6735,7 +6745,7 @@ Object.assign(or, {
   insetStart: or.insetInlineStart,
   insetEnd: or.insetInlineEnd
 });
-var ju = {
+var $u = {
   ring: { transform: K.ring },
   ringColor: g.colors("--chakra-ring-color"),
   ringOffset: g.prop("--chakra-ring-offset-width"),
@@ -6793,7 +6803,7 @@ Object.assign(z, {
   pe: z.paddingInlineEnd,
   paddingEnd: z.paddingInlineEnd
 });
-var qu = {
+var ju = {
   textDecorationColor: g.colors("textDecorationColor"),
   textDecoration: !0,
   textDecor: { property: "textDecoration" },
@@ -6802,7 +6812,7 @@ var qu = {
   textDecorationThickness: !0,
   textUnderlineOffset: !0,
   textShadow: g.shadows("textShadow")
-}, Wu = {
+}, qu = {
   clipPath: !0,
   transform: g.propT("transform", K.transform),
   transformOrigin: !0,
@@ -6814,7 +6824,7 @@ var qu = {
   scaleY: g.prop("--chakra-scale-y"),
   scale: g.prop(["--chakra-scale-x", "--chakra-scale-y"]),
   rotate: g.degreeT("--chakra-rotate")
-}, zu = {
+}, Wu = {
   transition: !0,
   transitionDelay: !0,
   animation: !0,
@@ -6825,7 +6835,7 @@ var qu = {
     "transitionTimingFunction",
     "transition.easing"
   )
-}, Ju = {
+}, zu = {
   fontFamily: g.prop("fontFamily", "fonts"),
   fontSize: g.prop("fontSize", "fontSizes", K.px),
   fontWeight: g.prop("fontWeight", "fontWeights"),
@@ -6860,7 +6870,7 @@ var qu = {
     },
     property: "--chakra-line-clamp"
   }
-}, Hu = {
+}, Ju = {
   scrollBehavior: !0,
   scrollSnapAlign: !0,
   scrollSnapStop: !0,
@@ -6905,17 +6915,17 @@ var an = (e, ...t) => t.map(da).join(` ${e} `).replace(/calc/g, ""), Vi = (...e)
     negate: Qi
   }
 );
-function Xu(e) {
+function Hu(e) {
   const t = parseFloat(e.toString()), r = e.toString().replace(String(t), "");
   return { unitless: !r, value: t, unit: r };
 }
 function eo(e) {
   if (e == null)
     return e;
-  const { unitless: t } = Xu(e);
+  const { unitless: t } = Hu(e);
   return t || typeof e == "number" ? `${e}px` : e;
 }
-function Gu(e, t) {
+function Xu(e, t) {
   const r = ["@media screen"];
   return e && r.push("and", `(min-width: ${eo(e)})`), t && r.push("and", `(max-width: ${eo(t)})`), r.join(" ");
 }
@@ -7220,32 +7230,32 @@ var re = {
    * Styles for the CSS Selector `&[data-orientation=vertical]`
    */
   _vertical: "&[data-orientation=vertical]"
-}, Vu = Object.keys(
+}, Gu = Object.keys(
   Ei
 ), Fi = qe(
   {},
   Kr,
   L,
-  Eu,
+  ku,
   Jr,
   ye,
+  Eu,
+  $u,
   Fu,
-  ju,
-  Pu,
   ca,
-  $u,
+  Mu,
   or,
   vi,
   z,
-  Hu,
   Ju,
+  zu,
+  ju,
   qu,
-  Wu,
-  Du,
-  zu
+  Pu,
+  Wu
 );
 Object.assign({}, z, ye, Jr, ca, or);
-var Yu = [...Object.keys(Fi), ...Vu], Zu = { ...Fi, ...Ei }, Qu = (e) => e in Zu, ep = (e) => (t) => {
+var Vu = [...Object.keys(Fi), ...Gu], Yu = { ...Fi, ...Ei }, Zu = (e) => e in Yu, Qu = (e) => (t) => {
   if (!t.__breakpoints)
     return e;
   const { isResponsive: r, toArrayValue: n, media: i } = t.__breakpoints, a = {};
@@ -7269,7 +7279,7 @@ var Yu = [...Object.keys(Fi), ...Vu], Zu = { ...Fi, ...Ei }, Qu = (e) => e in Zu
   }
   return a;
 };
-function tp(e) {
+function ep(e) {
   const t = [];
   let r = "", n = !1;
   for (let i = 0; i < e.length; i++) {
@@ -7278,10 +7288,10 @@ function tp(e) {
   }
   return r = r.trim(), r && t.push(r), t;
 }
-function rp(e) {
+function tp(e) {
   return /^var\(--.+\)$/.test(e);
 }
-var np = (e, t) => e.startsWith("--") && typeof t == "string" && !rp(t), ip = (e, t) => {
+var rp = (e, t) => e.startsWith("--") && typeof t == "string" && !tp(t), np = (e, t) => {
   var r, n;
   if (t == null)
     return t;
@@ -7291,18 +7301,18 @@ var np = (e, t) => e.startsWith("--") && typeof t == "string" && !rp(t), ip = (e
   }, a = (p) => {
     var h;
     return (h = i(p)) != null ? h : p;
-  }, [s, u] = tp(t);
+  }, [s, u] = ep(t);
   return t = (n = (r = i(s)) != null ? r : a(u)) != null ? n : a(t), t;
 };
-function op(e) {
+function ip(e) {
   const { configs: t = {}, pseudos: r = {}, theme: n } = e, i = (a, s = !1) => {
     var u, p, h;
-    const m = gt(a, n), w = ep(m)(n);
+    const m = gt(a, n), w = Qu(m)(n);
     let y = {};
     for (let I in w) {
       const b = w[I];
       let v = gt(b, n);
-      I in r && (I = r[I]), np(I, v) && (v = ip(n, v));
+      I in r && (I = r[I]), rp(I, v) && (v = np(n, v));
       let S = t[I];
       if (S === !0 && (S = { property: I }), mt(v)) {
         y[I] = (u = y[I]) != null ? u : {}, y[I] = qe(
@@ -7338,12 +7348,12 @@ function op(e) {
   };
   return i;
 }
-var ap = (e) => (t) => op({
+var op = (e) => (t) => ip({
   theme: t,
   pseudos: Ei,
   configs: Fi
 })(e);
-function sp(e, t) {
+function ap(e, t) {
   if (Array.isArray(e))
     return e;
   if (mt(e))
@@ -7351,24 +7361,24 @@ function sp(e, t) {
   if (e != null)
     return [e];
 }
-function cp(e, t) {
+function sp(e, t) {
   for (let r = t + 1; r < e.length; r++)
     if (e[r] != null)
       return r;
   return -1;
 }
-function dp(e) {
+function cp(e) {
   const t = e.__breakpoints;
   return function(n, i, a, s) {
     var u, p;
     if (!t)
       return;
-    const h = {}, m = sp(a, t.toArrayValue);
+    const h = {}, m = ap(a, t.toArrayValue);
     if (!m)
       return h;
     const w = m.length, y = w === 1, I = !!n.parts;
     for (let b = 0; b < w; b++) {
-      const v = t.details[b], S = t.details[cp(m, b)], R = Gu(v.minW, S == null ? void 0 : S._minW), C = gt((u = n[i]) == null ? void 0 : u[m[b]], s);
+      const v = t.details[b], S = t.details[sp(m, b)], R = Xu(v.minW, S == null ? void 0 : S._minW), C = gt((u = n[i]) == null ? void 0 : u[m[b]], s);
       if (C) {
         if (I) {
           (p = n.parts) == null || p.forEach((D) => {
@@ -7388,10 +7398,10 @@ function dp(e) {
     return h;
   };
 }
-function lp(e) {
+function dp(e) {
   return (t) => {
     var r;
-    const { variant: n, size: i, theme: a } = t, s = dp(a);
+    const { variant: n, size: i, theme: a } = t, s = cp(a);
     return qe(
       {},
       gt((r = e.baseStyle) != null ? r : {}, t),
@@ -7400,19 +7410,19 @@ function lp(e) {
     );
   };
 }
-function up(e, t) {
+function lp(e, t) {
   const r = {};
   return Object.keys(e).forEach((n) => {
     t.includes(n) || (r[n] = e[n]);
   }), r;
 }
-function pp(e, t, r, n) {
+function up(e, t, r, n) {
   const i = typeof t == "string" ? t.split(".") : [t];
   for (n = 0; n < i.length && e; n += 1)
     e = e[i[n]];
   return e === void 0 ? r : e;
 }
-var fp = (e) => {
+var pp = (e) => {
   const t = /* @__PURE__ */ new WeakMap();
   return (n, i, a, s) => {
     if (typeof n > "u")
@@ -7424,7 +7434,7 @@ var fp = (e) => {
     const p = e(n, i, a, s);
     return u.set(i, p), p;
   };
-}, hp = fp(pp);
+}, fp = pp(up);
 function ua(e, t) {
   const r = {};
   return Object.keys(e).forEach((n) => {
@@ -7433,15 +7443,15 @@ function ua(e, t) {
   }), r;
 }
 var pa = (e) => ua(e, (t) => t != null);
-function gp(e) {
+function hp(e) {
   return typeof e == "function";
 }
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-function mp(e, ...t) {
-  return gp(e) ? e(...t) : e;
+function gp(e, ...t) {
+  return hp(e) ? e(...t) : e;
 }
-var yp = typeof Element < "u", wp = typeof Map == "function", Ip = typeof Set == "function", vp = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+var mp = typeof Element < "u", yp = typeof Map == "function", wp = typeof Set == "function", Ip = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
 function Lr(e, t) {
   if (e === t) return !0;
   if (e && t && typeof e == "object" && typeof t == "object") {
@@ -7454,7 +7464,7 @@ function Lr(e, t) {
       return !0;
     }
     var a;
-    if (wp && e instanceof Map && t instanceof Map) {
+    if (yp && e instanceof Map && t instanceof Map) {
       if (e.size !== t.size) return !1;
       for (a = e.entries(); !(n = a.next()).done; )
         if (!t.has(n.value[0])) return !1;
@@ -7462,13 +7472,13 @@ function Lr(e, t) {
         if (!Lr(n.value[1], t.get(n.value[0]))) return !1;
       return !0;
     }
-    if (Ip && e instanceof Set && t instanceof Set) {
+    if (wp && e instanceof Set && t instanceof Set) {
       if (e.size !== t.size) return !1;
       for (a = e.entries(); !(n = a.next()).done; )
         if (!t.has(n.value[0])) return !1;
       return !0;
     }
-    if (vp && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
+    if (Ip && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
       if (r = e.length, r != t.length) return !1;
       for (n = r; n-- !== 0; )
         if (e[n] !== t[n]) return !1;
@@ -7480,7 +7490,7 @@ function Lr(e, t) {
     if (i = Object.keys(e), r = i.length, r !== Object.keys(t).length) return !1;
     for (n = r; n-- !== 0; )
       if (!Object.prototype.hasOwnProperty.call(t, i[n])) return !1;
-    if (yp && e instanceof Element) return !1;
+    if (mp && e instanceof Element) return !1;
     for (n = r; n-- !== 0; )
       if (!((i[n] === "_owner" || i[n] === "__v" || i[n] === "__o") && e.$$typeof) && !Lr(e[i[n]], t[i[n]]))
         return !1;
@@ -7488,7 +7498,7 @@ function Lr(e, t) {
   }
   return e !== e && t !== t;
 }
-var bp = function(t, r) {
+var vp = function(t, r) {
   try {
     return Lr(t, r);
   } catch (n) {
@@ -7497,25 +7507,25 @@ var bp = function(t, r) {
     throw n;
   }
 };
-const Sp = /* @__PURE__ */ Ni(bp);
-function Op(e, t = {}) {
+const bp = /* @__PURE__ */ Ni(vp);
+function Sp(e, t = {}) {
   var r;
-  const { styleConfig: n, ...i } = t, { theme: a, colorMode: s } = pu(), u = hp(a, `components.${e}`), p = n || u, h = qe(
+  const { styleConfig: n, ...i } = t, { theme: a, colorMode: s } = uu(), u = fp(a, `components.${e}`), p = n || u, h = qe(
     { theme: a, colorMode: s },
     (r = p == null ? void 0 : p.defaultProps) != null ? r : {},
-    pa(up(i, ["children"]))
+    pa(lp(i, ["children"]))
   ), m = ma({});
   if (p) {
-    const y = lp(p)(h);
-    Sp(m.current, y) || (m.current = y);
+    const y = dp(p)(h);
+    bp(m.current, y) || (m.current = y);
   }
   return m.current;
 }
-function Cp(e, t = {}) {
-  return Op(e, t);
+function Op(e, t = {}) {
+  return Sp(e, t);
 }
-var Np = /* @__PURE__ */ new Set([
-  ...Yu,
+var Cp = /* @__PURE__ */ new Set([
+  ...Vu,
   "textStyle",
   "layerStyle",
   "apply",
@@ -7526,16 +7536,16 @@ var Np = /* @__PURE__ */ new Set([
   "__css",
   "css",
   "sx"
-]), Tp = /* @__PURE__ */ new Set([
+]), Np = /* @__PURE__ */ new Set([
   "htmlWidth",
   "htmlHeight",
   "htmlSize",
   "htmlTranslate"
 ]);
-function Rp(e) {
-  return Tp.has(e) || !Np.has(e);
+function Tp(e) {
+  return Np.has(e) || !Cp.has(e);
 }
-function _p(e, ...t) {
+function Rp(e, ...t) {
   if (e == null)
     throw new TypeError("Cannot convert undefined or null to object");
   const r = { ...e };
@@ -7545,20 +7555,20 @@ function _p(e, ...t) {
         Object.prototype.hasOwnProperty.call(n, i) && (i in r && delete r[i], r[i] = n[i]);
   return r;
 }
-var to, Ap = (to = Di.default) != null ? to : Di, xp = ({ baseStyle: e }) => (t) => {
-  const { theme: r, css: n, __css: i, sx: a, ...s } = t, u = ua(s, (w, y) => Qu(y)), p = mp(e, t), h = _p(
+var to, _p = (to = Di.default) != null ? to : Di, Ap = ({ baseStyle: e }) => (t) => {
+  const { theme: r, css: n, __css: i, sx: a, ...s } = t, u = ua(s, (w, y) => Zu(y)), p = gp(e, t), h = Rp(
     {},
     i,
     p,
     pa(u),
     a
-  ), m = ap(h)(t.theme);
+  ), m = op(h)(t.theme);
   return n ? [m, n] : m;
 };
 function li(e, t) {
   const { baseStyle: r, ...n } = t ?? {};
-  n.shouldForwardProp || (n.shouldForwardProp = Rp);
-  const i = xp({ baseStyle: r }), a = Ap(
+  n.shouldForwardProp || (n.shouldForwardProp = Tp);
+  const i = Ap({ baseStyle: r }), a = _p(
     e,
     n
   )(i);
@@ -7571,7 +7581,7 @@ function li(e, t) {
     });
   });
 }
-function kp() {
+function xp() {
   const e = /* @__PURE__ */ new Map();
   return new Proxy(li, {
     /**
@@ -7591,7 +7601,7 @@ function kp() {
     }
   });
 }
-var ro = kp();
+var ro = xp();
 function fa(e) {
   return Si(e);
 }
@@ -7626,7 +7636,7 @@ var no = {
     className: u,
     __css: p,
     ...h
-  } = e, m = fu("chakra-icon", u), w = Cp("Icon", e), y = {
+  } = e, m = pu("chakra-icon", u), w = Op("Icon", e), y = {
     w: "1em",
     h: "1em",
     display: "inline-block",
@@ -7647,7 +7657,7 @@ var no = {
   return /* @__PURE__ */ l(ro.svg, { verticalAlign: "middle", viewBox: b, ...I, ...h, children: v });
 });
 ha.displayName = "Icon";
-function Ep(e) {
+function kp(e) {
   const {
     viewBox: t = "0 0 24 24",
     d: r,
@@ -7656,7 +7666,7 @@ function Ep(e) {
   } = e, a = ya.toArray(e.path), s = fa((u, p) => /* @__PURE__ */ l(ha, { ref: p, viewBox: t, ...i, ...u, children: a.length ? a : /* @__PURE__ */ l("path", { fill: "currentColor", d: r }) }));
   return s.displayName = n, s;
 }
-var Fp = Ep({
+var Ep = kp({
   displayName: "ExternalLinkIcon",
   path: /* @__PURE__ */ A("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2", children: [
     /* @__PURE__ */ l("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
@@ -7664,8 +7674,8 @@ var Fp = Ep({
     /* @__PURE__ */ l("path", { d: "M10 14L21 3" })
   ] })
 });
-const Pp = "https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5";
-function Dp({
+const Fp = "https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5";
+function Pp({
   handleSubmit: e,
   setWorkspace: t,
   error: r,
@@ -7673,9 +7683,9 @@ function Dp({
 }) {
   return /* @__PURE__ */ l(lr, { children: /* @__PURE__ */ A(He, { children: [
     /* @__PURE__ */ l(rt, { marginTop: "16", marginBottom: "0", children: /* @__PURE__ */ l(Je, { as: "h4", size: "md", children: "Enter your Salesforce subdomain" }) }),
-    /* @__PURE__ */ A(so, { href: Pp, color: "blackAlpha.600", isExternal: !0, children: [
+    /* @__PURE__ */ A(so, { href: Fp, color: "blackAlpha.600", isExternal: !0, children: [
       "What is my Salesforce subdomain?",
-      /* @__PURE__ */ l(Fp, { mx: "2px" })
+      /* @__PURE__ */ l(Ep, { mx: "2px" })
     ] }),
     /* @__PURE__ */ l(ur, { error: r }),
     /* @__PURE__ */ A(Ur, { marginTop: "1em", children: [
@@ -7692,6 +7702,7 @@ function Dp({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: n,
         width: "100%",
         type: "submit",
@@ -7701,7 +7712,7 @@ function Dp({
     )
   ] }) });
 }
-function Kp({
+function Dp({
   handleSubmit: e,
   setWorkspace: t,
   error: r,
@@ -7726,6 +7737,7 @@ function Kp({
     /* @__PURE__ */ l(
       ne,
       {
+        variant: "primary",
         isDisabled: n,
         width: "100%",
         type: "submit",
@@ -7735,8 +7747,8 @@ function Kp({
     )
   ] }) });
 }
-const Lp = "salesforce";
-function Bp({
+const Kp = "salesforce";
+function Lp({
   provider: e,
   consumerRef: t,
   consumerName: r,
@@ -7766,8 +7778,8 @@ function Bp({
     }
   }, v = Q((R) => {
     I(R), w(null);
-  }, []), S = e === Lp ? /* @__PURE__ */ l(
-    Dp,
+  }, []), S = e === Kp ? /* @__PURE__ */ l(
+    Pp,
     {
       handleSubmit: b,
       setWorkspace: h,
@@ -7777,7 +7789,7 @@ function Bp({
   ) : (
     // general workspace entry component
     /* @__PURE__ */ l(
-      Kp,
+      Dp,
       {
         handleSubmit: b,
         setWorkspace: h,
@@ -7797,8 +7809,8 @@ function Bp({
     }
   );
 }
-const Up = "authorizationCode", Mp = "clientCredentials";
-function $p({
+const Bp = "authorizationCode", Up = "clientCredentials";
+function Mp({
   provider: e,
   providerInfo: t,
   consumerRef: r,
@@ -7811,8 +7823,8 @@ function $p({
   if (t.oauth2Opts === void 0)
     return /* @__PURE__ */ l("em", { children: "Provider is missing OAuth2 options" });
   const { grantType: p, explicitScopesRequired: h, explicitWorkspaceRequired: m } = t.oauth2Opts, w = vt(e, t);
-  return p === Up ? m ? /* @__PURE__ */ l(
-    Bp,
+  return p === Bp ? m ? /* @__PURE__ */ l(
+    Lp,
     {
       provider: e,
       consumerRef: r,
@@ -7822,7 +7834,7 @@ function $p({
       providerName: w
     }
   ) : /* @__PURE__ */ l(
-    cu,
+    su,
     {
       provider: e,
       consumerRef: r,
@@ -7831,8 +7843,8 @@ function $p({
       groupName: a,
       providerName: w
     }
-  ) : p === Mp ? m ? /* @__PURE__ */ l(
-    lu,
+  ) : p === Up ? m ? /* @__PURE__ */ l(
+    du,
     {
       provider: e,
       consumerRef: r,
@@ -7845,7 +7857,7 @@ function $p({
       providerName: w
     }
   ) : /* @__PURE__ */ l(
-    tu,
+    eu,
     {
       provider: e,
       consumerRef: r,
@@ -7862,7 +7874,7 @@ function $p({
     p
   ] });
 }
-const jp = async (e, t) => {
+const $p = async (e, t) => {
   const r = await X().providerApi.getProvider({ provider: t }, {
     headers: { "X-Api-Key": e ?? "" }
   });
@@ -7880,14 +7892,14 @@ function ga({
   onSuccess: s
 }) {
   const u = te(), [p, h] = k(null), { provider: m } = Ke(), { selectedConnection: w, setSelectedConnection: y, connections: I } = Lt();
-  Gl({ onSuccess: s });
+  Xl({ onSuccess: s });
   const b = e || m, v = (p == null ? void 0 : p.displayName) ?? No(b);
   if (Y(() => {
     if (!w && I && I.length > 0) {
       const [S] = I;
       y(S);
     }
-    jp(u, b).then((S) => {
+    $p(u, b).then((S) => {
       h(S);
     }).catch((S) => {
       console.error("Error loading provider info: ", S);
@@ -7895,7 +7907,7 @@ function ga({
   }, [I, w, y, u, b]), !e && !m)
     throw new Error("ProtectedConnectionLayout must be given a provider prop or be used within InstallIntegrationProvider");
   return w ? a : p == null ? /* @__PURE__ */ l("strong", { children: "Provider not found" }) : p.authType === "none" ? /* @__PURE__ */ l(
-    Ql,
+    Zl,
     {
       provider: b,
       consumerRef: t,
@@ -7908,7 +7920,7 @@ function ga({
       children: a
     }
   ) : p.authType === "basic" ? /* @__PURE__ */ l(
-    Hl,
+    Jl,
     {
       provider: b,
       providerInfo: p,
@@ -7921,7 +7933,7 @@ function ga({
       children: a
     }
   ) : p.authType === "apiKey" ? /* @__PURE__ */ l(
-    ql,
+    jl,
     {
       provider: b,
       providerInfo: p,
@@ -7934,7 +7946,7 @@ function ga({
       children: a
     }
   ) : /* @__PURE__ */ l(
-    $p,
+    Mp,
     {
       provider: b,
       providerInfo: p,
@@ -7947,7 +7959,7 @@ function ga({
     }
   );
 }
-function Zp({
+function Yp({
   integration: e,
   consumerRef: t,
   consumerName: r,
@@ -7961,7 +7973,7 @@ function Zp({
   return (h = p[Z.INTEGRATION_LIST]) != null && h.apiError ? /* @__PURE__ */ l(We, { message: "Something went wrong, couldn't find integration information" }) : (
     // install integration provider provides all props, integrationObj and installation
     /* @__PURE__ */ l(
-      xd,
+      Ad,
       {
         integration: e,
         consumerRef: t,
@@ -7977,23 +7989,23 @@ function Zp({
             consumerName: r,
             groupRef: n,
             groupName: i,
-            children: /* @__PURE__ */ l(Vd, { projectId: u, children: /* @__PURE__ */ l(Ul, { children: /* @__PURE__ */ l(dl, { children: /* @__PURE__ */ l(hl, { children: /* @__PURE__ */ l(Fl, {}) }) }) }) })
+            children: /* @__PURE__ */ l(Gd, { projectId: u, children: /* @__PURE__ */ l(Bl, { children: /* @__PURE__ */ l(cl, { children: /* @__PURE__ */ l(fl, { children: /* @__PURE__ */ l(El, {}) }) }) }) })
           }
         ) })
       }
     )
   );
 }
-function qp({ redirectURL: e, children: t }) {
+function jp({ redirectURL: e, children: t }) {
   return Y(() => {
     e && window.location.replace(e);
   }, [e]), e ? /* @__PURE__ */ l(J, { display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l(De, { message: "Redirecting..." }) }) : t;
 }
-function Wp({ provider: e }) {
+function qp({ provider: e }) {
   const { appName: t } = ee(), r = `You have successfully connected your ${vt(e)} account to ${t}.`;
   return /* @__PURE__ */ l(ta, { text: r });
 }
-function Qp({
+function Zp({
   provider: e,
   consumerRef: t,
   consumerName: r,
@@ -8011,11 +8023,11 @@ function Qp({
       groupRef: n,
       groupName: i,
       onSuccess: s,
-      children: /* @__PURE__ */ l(qp, { redirectURL: a, children: /* @__PURE__ */ l(Wp, { provider: e }) })
+      children: /* @__PURE__ */ l(jp, { redirectURL: a, children: /* @__PURE__ */ l(qp, { provider: e }) })
     }
   ) });
 }
-const ef = (e, t) => {
+const Qp = (e, t) => {
   const r = te(), { projectId: n } = ee(), { integrations: i } = Oo(), [a, s] = k(!1), [u, p] = k(null);
   if (!r || !n)
     throw new Error("useIsIntegrationInstalled must be used within AmpersandProvider");
@@ -8044,10 +8056,10 @@ const ef = (e, t) => {
   }, [t, r, n, h]), { isLoaded: a, isIntegrationInstalled: u };
 };
 export {
-  _d as AmpersandContext,
-  Vp as AmpersandProvider,
-  Qp as ConnectProvider,
-  Zp as InstallIntegration,
-  Yp as useAmpersandProvider,
-  ef as useIsIntegrationInstalled
+  Rd as AmpersandContext,
+  Gp as AmpersandProvider,
+  Zp as ConnectProvider,
+  Yp as InstallIntegration,
+  Vp as useAmpersandProvider,
+  Qp as useIsIntegrationInstalled
 };