@hiver/connector-agent 4.20.0-darktheme2-beta.1 → 4.20.0-darktheme2-beta.3

package/index.es.js

@@ -15,7 +15,7 @@ var Ra = (e, t, n, u) => ({
 });
 import * as I from "react";
 import Ke, { createContext as Fa, useState as U, useContext as Xe, useEffect as oe, useRef as fe, useCallback as ge, useSyncExternalStore as kl, useLayoutEffect as Pu, isValidElement as Gr, cloneElement as I1, useMemo as ie, useId as S4, forwardRef as Ji, Component as k4, Fragment as S1, useReducer as T4, memo as Tl, Suspense as Ea } from "react";
-import { keyframes as us, styled as w, Stack as P, IconButton as st, Typography as K, Box as j, Tooltip as Te, Button as Oe, icons as At, Menu as Ll, MenuItem as $u, ListItemIcon as L4, brandIcons as Ol, Grid as O4, Link as ma, theme as k, Skeleton as Ki, TableHead as R4, TableCell as Yi, TableRow as Rl, createTheme as qi, HiverProvider as dc, GlobalStyles as pc, Icon as Nl, DatePicker as N4, DateTextField as M4, InputAdornment as Q4, LinearProgress as j4, Dialog as rs, TextField as os, tooltipClasses as lu, ListSubheader as Ka, InputBase as P4, CircularProgress as Ao, FormControl as $i, Select as as, Chip as _4, Paper as is, Popper as H4, ClickAwayListener as Ml, TableContainer as U4, Table as W4, TableBody as V4, RadioGroup as Ql, FormControlLabel as jl, Radio as Pl, Checkbox as _l, OutlinedInput as Hl, Switch as Ul, ThemeProvider as fs, Popover as k1, Autocomplete as Wl } from "@hiver/hiver-ui-kit";
+import { keyframes as us, styled as w, Stack as j, IconButton as st, Typography as K, Box as P, Tooltip as Te, Button as Oe, icons as At, Menu as Ll, MenuItem as $u, ListItemIcon as L4, brandIcons as Ol, Grid as O4, Link as ma, theme as k, Skeleton as Ki, TableHead as R4, TableCell as Yi, TableRow as Rl, createTheme as qi, HiverProvider as dc, GlobalStyles as pc, Icon as Nl, DatePicker as N4, DateTextField as M4, InputAdornment as Q4, LinearProgress as j4, Dialog as rs, TextField as os, tooltipClasses as lu, ListSubheader as Ka, InputBase as P4, CircularProgress as Ao, FormControl as $i, Select as as, Chip as _4, Paper as is, Popper as H4, ClickAwayListener as Ml, TableContainer as U4, Table as W4, TableBody as V4, RadioGroup as Ql, FormControlLabel as jl, Radio as Pl, Checkbox as _l, OutlinedInput as Hl, Switch as Ul, ThemeProvider as fs, Popover as k1, Autocomplete as Wl } from "@hiver/hiver-ui-kit";
 import G4, { createPortal as _u } from "react-dom";
 var He = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function X4(e) {
@@ -7136,7 +7136,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
     display: none;
     pointer-events: none;
   }
-`, CF = w(P)`
+`, CF = w(j)`
   width: 100%;
   overflow: hidden;
   flex-direction: row;
@@ -7176,7 +7176,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
     padding-bottom: 8px;
     animation: ${dF} 0.4s ease-in forwards;
   }
-`, gF = w(P)`
+`, gF = w(j)`
   padding: 12px;
   margin-top: 20px;
   width: 100%;
@@ -7205,12 +7205,12 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
   & svg [fill]:not([fill='none']) {
     fill: currentColor;
   }
-`, FF = w(P)`
+`, FF = w(j)`
   margin-top: 8px;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 12px;
-`, EF = w(P)`
+`, EF = w(j)`
   width: 20px;
   height: 20px;
   cursor: pointer;
@@ -7339,14 +7339,14 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
         className: D || !s ? "slide-down-out" : "",
         onAnimationEnd: C,
         children: [
-          /* @__PURE__ */ a.jsxs(P, { width: "100%", direction: "row", gap: "8px", children: [
+          /* @__PURE__ */ a.jsxs(j, { width: "100%", direction: "row", gap: "8px", children: [
             /* @__PURE__ */ a.jsx(Og, {}),
-            /* @__PURE__ */ a.jsxs(j, { width: "175px", children: [
+            /* @__PURE__ */ a.jsxs(P, { width: "175px", children: [
               /* @__PURE__ */ a.jsx(mF, { variant: "h3", children: Rg }),
               /* @__PURE__ */ a.jsx(bF, { rating: g, setRating: d })
             ] })
           ] }),
-          /* @__PURE__ */ a.jsx(j, { position: "relative", children: /* @__PURE__ */ a.jsx(Te, { title: "Close", children: /* @__PURE__ */ a.jsx(hF, { onClick: A, children: /* @__PURE__ */ a.jsx(bs, { width: "16px", height: "16px" }) }) }) })
+          /* @__PURE__ */ a.jsx(P, { position: "relative", children: /* @__PURE__ */ a.jsx(Te, { title: "Close", children: /* @__PURE__ */ a.jsx(hF, { onClick: A, children: /* @__PURE__ */ a.jsx(bs, { width: "16px", height: "16px" }) }) }) })
         ]
       }
     ),
@@ -7355,7 +7355,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
       Ng
     ] }) })
   ] });
-}, vF = "Need setup help?", yF = "Expert setup assistance available! Book a 15 min call with our integration specialist.", BF = "Schedule call", wF = "https://calendar.app.google/V2cJcwKMV4ax9rpk9", iD = "agent_panel", Vf = "hiver_schedule_call_close_button_click", IF = w(P)`
+}, vF = "Need setup help?", yF = "Expert setup assistance available! Book a 15 min call with our integration specialist.", BF = "Schedule call", wF = "https://calendar.app.google/V2cJcwKMV4ax9rpk9", iD = "agent_panel", Vf = "hiver_schedule_call_close_button_click", IF = w(j)`
   padding: 12px;
   width: 250px;
   min-height: 151px;
@@ -7364,7 +7364,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
   color: var(--connector-text-primary);
   background-color: var(--connector-surface-elevated);
   box-shadow: 0px 0px 8px 0px #0000001a;
-`, SF = w(P)`
+`, SF = w(j)`
   width: 100%;
   gap: 4px;
   justify-content: space-between;
@@ -7409,13 +7409,13 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
   };
   return !u || !n ? null : /* @__PURE__ */ a.jsxs(IF, { justifyContent: "space-between", alignItems: "baseline", gap: "16px", children: [
     /* @__PURE__ */ a.jsxs(SF, { gap: "4px", children: [
-      /* @__PURE__ */ a.jsxs(P, { direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ a.jsxs(j, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ a.jsx(OF, { variant: "body1_medium", children: vF }),
-        /* @__PURE__ */ a.jsx(P, { onClick: o, position: "absolute", top: "4px", right: "4px", children: /* @__PURE__ */ a.jsx(Te, { title: "Close", placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(TF, {}) }) }) })
+        /* @__PURE__ */ a.jsx(j, { onClick: o, position: "absolute", top: "4px", right: "4px", children: /* @__PURE__ */ a.jsx(Te, { title: "Close", placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(TF, {}) }) }) })
       ] }),
       /* @__PURE__ */ a.jsx(RF, { variant: "body2", children: yF })
     ] }),
-    /* @__PURE__ */ a.jsx(P, { onClick: i, direction: "row", alignItems: "center", children: /* @__PURE__ */ a.jsxs(kF, { variant: "outlined", size: "small", children: [
+    /* @__PURE__ */ a.jsx(j, { onClick: i, direction: "row", alignItems: "center", children: /* @__PURE__ */ a.jsxs(kF, { variant: "outlined", size: "small", children: [
       /* @__PURE__ */ a.jsx(LF, {}),
       BF
     ] }) })
@@ -7446,7 +7446,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
     }
   ),
   r.label
-] }, r.id)) }), C2 = "connector-header-stuck", _F = w(P)`
+] }, r.id)) }), C2 = "connector-header-stuck", _F = w(j)`
   position: sticky;
   top: 0;
   box-sizing: content-box !important;
@@ -7463,7 +7463,7 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
   &.${C2} {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   }
-`, HF = w(P)`
+`, HF = w(j)`
   width: 0;
   height: 0;
 `, Gf = {
@@ -7511,23 +7511,23 @@ const lF = (e) => /* @__PURE__ */ I.createElement("svg", { width: 20, height: 21
   }
   display: flex;
   flex-direction: column;
-`, WF = w(j)`
+`, WF = w(P)`
   flex-grow: 1;
   overflow-y: auto;
   overflow-x: hidden;
   display: flex;
   flex-direction: column;
 `;
-w(j)`
+w(P)`
   width: inherit;
   height: inherit;
 `;
-const VF = w(j)`
+const VF = w(P)`
   margin-top: 12px;
   border: 1px solid var(--connector-border-strong);
   border-radius: 8px;
   width: 100%;
-`, GF = w(P)`
+`, GF = w(j)`
   align-items: center;
   padding: 11px;
   width: 100%;
@@ -7539,10 +7539,10 @@ const VF = w(j)`
   &.hiver-card-expanded {
     background: var(--connector-surface-active);
   }
-`, E2 = w(P)`
+`, E2 = w(j)`
   flex-direction: row;
   align-items: stretch;
-`, XF = w(P)`
+`, XF = w(j)`
   flex-direction: row;
   flex-grow: 1;
   align-items: center;
@@ -7560,7 +7560,7 @@ const VF = w(j)`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-`, ZF = w(j)`
+`, ZF = w(P)`
   box-sizing: border-box;
   overflow-y: hidden;
   height: ${(e) => e.height ? `${e.height}px` : "0px"};
@@ -7571,7 +7571,7 @@ const VF = w(j)`
   }
 `, JF = w(K)`
   text-transform: uppercase;
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
 `, m2 = w(K)`
   color: var(--connector-text-muted);
   overflow: hidden;
@@ -7604,12 +7604,12 @@ const VF = w(j)`
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   color: var(--connector-text-primary);
-`, qF = w(j)`
+`, qF = w(P)`
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
   margin-top: 2px;
-`, $F = w(j)`
+`, $F = w(P)`
   display: inline-flex;
   align-items: center;
   max-width: 100%;
@@ -7621,7 +7621,7 @@ const VF = w(j)`
   line-height: 18px;
   font-family: ${k.typography.fontFamily};
   word-break: break-word;
-`, ks = w(j)`
+`, ks = w(P)`
   position: relative;
   top: 1px;
   content: '';
@@ -7698,7 +7698,7 @@ const VF = w(j)`
       transform: rotate(360deg);
     }
   }
-`, e9 = w(P)`
+`, e9 = w(j)`
   flex-direction: row;
   position: relative;
   align-items: center;
@@ -7782,11 +7782,11 @@ const VF = w(j)`
   line-height: 28px;
   font-weight: ${k.typography.fontWeightSemiBold};
   color: var(--connector-text-primary);
-`, c9 = w(j)`
+`, c9 = w(P)`
   margin-top: 12px;
   border: 1px solid var(--connector-border-strong);
   border-radius: ${k.shape.borderRadius}px;
-`, D9 = w(P)`
+`, D9 = w(j)`
   flex-direction: row;
   align-items: center;
   background-color: var(--connector-accent-subtle);
@@ -7794,7 +7794,7 @@ const VF = w(j)`
   box-sizing: border-box;
   height: 48px;
   justify-content: space-between;
-`, l9 = w(j)`
+`, l9 = w(P)`
   overflow: hidden;
   transition: max-height 300ms;
   &.slideUp {
@@ -7803,17 +7803,17 @@ const VF = w(j)`
   &.slideDown {
     max-height: ${({ height: e }) => e ? `${e}px` : "0px"};
   }
-`, A9 = w(j)`
+`, A9 = w(P)`
   background-color: var(--connector-surface-subtle);
   padding: 14px 12px 8px 12px;
   box-sizing: border-box;
-`, d9 = w(j)`
+`, d9 = w(P)`
   margin-bottom: 12px;
   margin-top: 8px;
   li {
     display: list-item;
   }
-`, p9 = w(P)`
+`, p9 = w(j)`
   margin-bottom: 6px;
   list-style-type: disc;
   margin-left: ${(e) => e.marginLeft ? `${e.marginLeft}` : "14px"};
@@ -7832,7 +7832,7 @@ const VF = w(j)`
 `, g9 = w(K)`
   font-weight: ${k.typography.fontWeightMedium};
   height: 100%;
-`, h9 = w(j)`
+`, h9 = w(P)`
   &:last-child {
     margin-bottom: 16px;
   }
@@ -7843,7 +7843,7 @@ const VF = w(j)`
   max-width: 100%;
   height: 100%;
   color: var(--connector-text-secondary);
-`, E9 = w(P)`
+`, E9 = w(j)`
   padding: 8px 16px;
   color: var(--connector-text-primary);
 `, m9 = w(K)`
@@ -7936,11 +7936,11 @@ const VF = w(j)`
       }
     ),
     /* @__PURE__ */ a.jsxs(_F, { ref: f, children: [
-      g && h ? /* @__PURE__ */ a.jsx(P, { direction: "row", alignItems: "center", gap: "8px", minHeight: "36px", children: /* @__PURE__ */ a.jsx(Si, { variant: "body_sm_medium", children: g }) }) : /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "8px", children: [
+      g && h ? /* @__PURE__ */ a.jsx(j, { direction: "row", alignItems: "center", gap: "8px", minHeight: "36px", children: /* @__PURE__ */ a.jsx(Si, { variant: "body_sm_medium", children: g }) }) : /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "8px", children: [
         m ? /* @__PURE__ */ a.jsx(h2, { width: "20px", height: "20px" }) : /* @__PURE__ */ a.jsx(g2, {}),
         /* @__PURE__ */ a.jsx(Si, { variant: "body_sm_medium", children: m ? Bs : r2 })
       ] }),
-      /* @__PURE__ */ a.jsxs(P, { direction: "row", children: [
+      /* @__PURE__ */ a.jsxs(j, { direction: "row", children: [
         /* @__PURE__ */ a.jsx(Te, { title: Mg, placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { onClick: B, id: "help-button", sx: Gf, children: /* @__PURE__ */ a.jsx(MF, { "aria-hidden": !0 }) }) }),
         t && (r != null && r.length) ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           u ? /* @__PURE__ */ a.jsx(Te, { title: f2, placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { onClick: i, sx: Gf, children: /* @__PURE__ */ a.jsx(d2, { "aria-hidden": !0 }) }) }) : null,
@@ -10181,11 +10181,11 @@ function Rs(e) {
     }));
   }));
 }
-const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill='%23ffffff'%20fill-rule='nonzero'%20d='M8.821%207.496L14.716%201.6A.937.937%200%201%200%2013.391.275L7.496%206.17%201.6.275A.937.937%200%201%200%20.275%201.601L6.17%207.496.275%2013.39A.937.937%200%201%200%201.6%2014.716L7.496%208.82l5.895%205.895a.935.935%200%200%200%201.325%200%20.937.937%200%200%200%200-1.326L8.821%207.496z'%20opacity='.8'/%3e%3c/svg%3e", sm = w(j)`
+const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill='%23ffffff'%20fill-rule='nonzero'%20d='M8.821%207.496L14.716%201.6A.937.937%200%201%200%2013.391.275L7.496%206.17%201.6.275A.937.937%200%201%200%20.275%201.601L6.17%207.496.275%2013.39A.937.937%200%201%200%201.6%2014.716L7.496%208.82l5.895%205.895a.935.935%200%200%200%201.325%200%20.937.937%200%200%200%200-1.326L8.821%207.496z'%20opacity='.8'/%3e%3c/svg%3e", sm = w(P)`
   display: flex;
   flex-direction: row;
   align-items: center;
-`, cm = w(j)`
+`, cm = w(P)`
   padding: 5px 8px;
   color: white;
 `, Dm = w(Ol.Logo)(() => ({
@@ -10193,7 +10193,7 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   width: "26px",
   color: k.palette.gray.white,
   marginRight: "4px"
-})), lm = w(P)`
+})), lm = w(j)`
   flex-direction: row;
   padding: 0 10px;
   img {
@@ -10206,7 +10206,7 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
 `, Am = (e, { closeToast: t }) => /* @__PURE__ */ a.jsx(lm, { children: /* @__PURE__ */ a.jsx("img", { src: fm, onClick: t }) }), _a = ({ message: e }) => /* @__PURE__ */ a.jsxs(sm, { children: [
   /* @__PURE__ */ a.jsx(Dm, {}),
   /* @__PURE__ */ a.jsx(cm, { children: e })
-] }), Bo = w(j)`
+] }), Bo = w(P)`
   height: inherit;
   .MuiScopedCssBaseline-root {
     height: inherit;
@@ -10314,7 +10314,7 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   [hidden] {
     display: none;
   }
-`, dm = w(j)`
+`, dm = w(P)`
   :root {
     --toastify-color-light: var(--connector-surface-elevated, ${k.palette.gray.white});
     --toastify-color-dark: var(--connector-surface-elevated, #121212);
@@ -11095,50 +11095,54 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     margin-left: 12px;
   }
 `, $2 = "#5B5D60", Ba = "connector-rich-tooltip", Ms = {
+  // Light values are the hiver-ui-kit palette the components were built on
+  // (gray.black/gray1..gray4, purple, red) — the same mapping the admin theme
+  // uses. Diverging from it re-themes light mode, which is a regression: light
+  // must render exactly as it did before theming.
   light: {
     canvas: "#FFFFFF",
     surface: "#FFFFFF",
     surfaceSubtle: "#F6F8FC",
     surfaceElevated: "#FFFFFF",
-    surfaceHover: "#F1F3F9",
+    surfaceHover: "#F6F8FC",
     surfaceActive: "#ECEFF6",
     previewHeader: "#FFFFFF",
     tooltipSurface: "#FFFFFF",
-    tooltipText: "#202124",
+    tooltipText: "#343C45",
     border: "#ECEFF6",
-    borderStrong: "#D8DCE5",
-    textPrimary: "#202124",
-    textSecondary: "#3C4043",
-    textTertiary: "#3C4043",
-    textMuted: "#6C7B94",
-    textDisabled: "#6C7B94",
-    iconPrimary: "#3C4043",
-    iconSecondary: "#6C7B94",
+    borderStrong: "#D6DDE8",
+    textPrimary: "#343C45",
+    textSecondary: "#4D596C",
+    textTertiary: "#6F7C90",
+    textMuted: "#97A3B7",
+    textDisabled: "#97A3B7",
+    iconPrimary: "#4D596C",
+    iconSecondary: "#6F7C90",
     iconTertiary: "#3E4C5A",
-    iconDisabled: "#6C7B94",
+    iconDisabled: "#97A3B7",
     iconAccent: "#506DFF",
     accent: "#506DFF",
-    accentHover: "#3D5DFF",
+    accentHover: "#4763F0",
     accentSubtle: "#E5EAFF",
     primaryAction: "#506DFF",
-    primaryActionHover: "#3D5DFF",
-    primaryActionActive: "#3D5DFF",
+    primaryActionHover: "#4763F0",
+    primaryActionActive: "#4763F0",
     inputBackground: "#FFFFFF",
     inputFilledBackground: "#FFFFFF",
     inputDisabledBackground: "#ECEFF6",
-    inputBorder: "#D8DCE5",
-    inputBorderHover: "#6C7B94",
+    inputBorder: "#D6DDE8",
+    inputBorderHover: "#6F7C90",
     inputBorderFocus: "#506DFF",
-    inputBorderInvalid: "#E42525",
-    inputText: "#202124",
-    inputDisabledText: "#6C7B94",
-    inputPlaceholder: "#6C7B94",
+    inputBorderInvalid: "#CD3746",
+    inputText: "#343C45",
+    inputDisabledText: "#97A3B7",
+    inputPlaceholder: "#97A3B7",
     inputShadow: "none",
     shadowSubtle: "rgba(0, 0, 0, 0.12)",
     shadowStrong: "rgba(0, 0, 0, 0.18)",
-    dropdownShadow: "0 6px 30px #00000010",
+    dropdownShadow: "0px 3px 15px 0px rgba(0, 0, 0, 0.25)",
     overlayBackdrop: "rgba(15, 23, 42, 0.45)",
-    negative: "#E42525",
+    negative: "#CD3746",
     success: "#00BC7E",
     onAccent: "#FFFFFF"
   },
@@ -11232,6 +11236,9 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   "--connector-text-secondary": t.textSecondary,
   "--connector-slack-message-body-text": e === "light" ? t.textPrimary : t.textSecondary,
   "--connector-text-tertiary": t.textTertiary,
+  // gray3-derived captions/labels: tertiary in light (the original gray3),
+  // but dark keeps the secondary shade it shipped with.
+  "--connector-caption-text": e === "light" ? t.textTertiary : t.textSecondary,
   "--connector-text-muted": t.textMuted,
   "--connector-text-disabled": t.textDisabled,
   "--connector-icon-primary": t.iconPrimary,
@@ -11279,6 +11286,9 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   "--connector-shadow-subtle": t.shadowSubtle,
   "--connector-shadow-strong": t.shadowStrong,
   "--connector-dropdown-shadow": t.dropdownShadow,
+  // Dropdown menus are borderless in light (original design); dark needs a
+  // hairline to separate the surface from the backdrop.
+  "--connector-dropdown-border": e === "light" ? "transparent" : t.border,
   "--connector-overlay-backdrop": t.overlayBackdrop,
   "--connector-negative": t.negative,
   "--connector-success": t.success,
@@ -16298,7 +16308,7 @@ var $v = /* @__PURE__ */ Ji(function(e, t) {
     ref: t
   }, n));
 }), ey = $v;
-const ty = w(j)`
+const ty = w(P)`
   display: flex;
   align-items: center;
   width: 100%;
@@ -16327,7 +16337,7 @@ function o8(e) {
     n ? /* @__PURE__ */ a.jsx(r8, { fill: "var(--connector-icon-secondary, #6C7B94)", style: { marginLeft: "auto", flexShrink: 0 } }) : null
   ] }) });
 }
-const uy = w(j)`
+const uy = w(P)`
   height: 24px;
   width: 24px;
   border-radius: 50%;
@@ -16352,7 +16362,7 @@ const uy = w(j)`
   &:after {
     transform: rotate(-45deg);
   }
-`, a8 = (e) => /* @__PURE__ */ a.jsx(Qn.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(uy, {}) }), ry = w(j)`
+`, a8 = (e) => /* @__PURE__ */ a.jsx(Qn.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(uy, {}) }), ry = w(P)`
   position: relative;
   height: 14px;
   width: 14px;
@@ -16456,7 +16466,7 @@ const uy = w(j)`
       };
     }
   } : null
-}), oy = w(P)`
+}), oy = w(j)`
   width: 0;
   height: 0;
 `, ay = ({ root: e, rootMargin: t, callback: n }) => {
@@ -16656,8 +16666,8 @@ const Cy = w(K)`
 function gy(e) {
   return /* @__PURE__ */ a.jsx(Qn.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(Nl, { children: e.selectProps.menuIsOpen ? /* @__PURE__ */ a.jsx(At.ArrowDropUp, {}) : /* @__PURE__ */ a.jsx(At.ArrowDropDown, {}) }) });
 }
-const hy = (e) => /* @__PURE__ */ a.jsxs(P, { direction: "row", flexWrap: "nowrap", alignItems: "center", width: "100%", children: [
-  /* @__PURE__ */ a.jsx(P, { flexShrink: 0, children: /* @__PURE__ */ a.jsx(d8, { width: 14, height: 14, fill: "var(--connector-accent, rgb(80, 109, 255))" }) }),
+const hy = (e) => /* @__PURE__ */ a.jsxs(j, { direction: "row", flexWrap: "nowrap", alignItems: "center", width: "100%", children: [
+  /* @__PURE__ */ a.jsx(j, { flexShrink: 0, children: /* @__PURE__ */ a.jsx(d8, { width: 14, height: 14, fill: "var(--connector-accent, rgb(80, 109, 255))" }) }),
   /* @__PURE__ */ a.jsxs(
     Cy,
     {
@@ -16755,12 +16765,12 @@ function Fy({ stackIndex: e, isScrollTarget: t, ...n }) {
     }
   );
 }
-const Ia = "table-cell-form-field", Js = "60px", yf = "24px", Ey = w(j)`
+const Ia = "table-cell-form-field", Js = "60px", yf = "24px", Ey = w(P)`
   width: 100%;
-`, my = w(j)`
+`, my = w(P)`
   width: 100%;
   overflow-x: auto;
-`, by = w(j)`
+`, by = w(P)`
     --border-color: var(--connector-border-strong, rgb(214, 221, 232));
     --border-size: 1px;
     color: var(--connector-text-primary, ${k.palette.gray.gray1});
@@ -16769,14 +16779,14 @@ const Ia = "table-cell-form-field", Js = "60px", yf = "24px", Ey = w(j)`
     grid-template-columns: ${({ gridColumns: e }) => e};
     border: 1px solid var(--border-color);
     border-radius; 4px;
-`, xy = w(P)`
+`, xy = w(j)`
   margin-top: 16px;
   flex-direction: row;
   justify-content: space-between;
   &:empty {
     margin-top: 0;
   }
-`, p8 = w(j)`
+`, p8 = w(P)`
   --cell-padding: 0;
   display: grid;
   grid-template-columns: subgrid;
@@ -16788,7 +16798,7 @@ const Ia = "table-cell-form-field", Js = "60px", yf = "24px", Ey = w(j)`
 `, vy = w(p8)`
   --cell-padding: 10px ${yf};
   border-bottom: 1px solid var(--border-color);
-`, f1 = w(j)`
+`, f1 = w(P)`
   border: var(--border-size) solid transparent;
   border-right: var(--border-size) solid var(--border-color);
   padding: var(--cell-padding, 0);
@@ -16840,9 +16850,9 @@ const Ia = "table-cell-form-field", Js = "60px", yf = "24px", Ey = w(j)`
     width: 20px;
     height: 20px;
   }
-`, By = w(j)`
+`, By = w(P)`
   margin-left: auto;
-`, wy = w(P)`
+`, wy = w(j)`
   box-sizing: content-box;
   padding: 4px 0;
   flex-direction: row;
@@ -16959,10 +16969,10 @@ const ky = (e, t) => ({
     };
     i == null || i(l, c);
   };
-  return /* @__PURE__ */ a.jsx(j, { sx: ky(n, r), className: u, role: "radiogroup", "aria-label": e, children: Ly.map((c) => {
+  return /* @__PURE__ */ a.jsx(P, { sx: ky(n, r), className: u, role: "radiogroup", "aria-label": e, children: Ly.map((c) => {
     const D = c.value === f;
     return /* @__PURE__ */ a.jsx(
-      j,
+      P,
       {
         component: "button",
         type: "button",
@@ -17222,7 +17232,7 @@ const ky = (e, t) => ({
             ee ?? ce
           );
         }),
-        i ? null : /* @__PURE__ */ a.jsx(f1, { children: /* @__PURE__ */ a.jsx(P, { width: "100%", height: "100%", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ a.jsx(C8, { disabled: !ne, onClick: () => Y(W), children: /* @__PURE__ */ a.jsx(Oy, {}) }) }) })
+        i ? null : /* @__PURE__ */ a.jsx(f1, { children: /* @__PURE__ */ a.jsx(j, { width: "100%", height: "100%", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ a.jsx(C8, { disabled: !ne, onClick: () => Y(W), children: /* @__PURE__ */ a.jsx(Oy, {}) }) }) })
       ] }, W))
     ] }) }),
     /* @__PURE__ */ a.jsxs(xy, { children: [
@@ -17522,13 +17532,13 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   &:focus-visible .badge-hover {
     display: inline-flex;
   }
-`, $y = w(P)`
+`, $y = w(j)`
   width: 100%;
   gap: 8px;
-`, eB = w(P)`
+`, eB = w(j)`
   width: 100%;
   gap: 8px;
-`, tB = w(j, {
+`, tB = w(P, {
   shouldForwardProp: (e) => e !== "dragOver" && e !== "disabled"
 })`
   display: flex;
@@ -17540,7 +17550,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   border: 1px solid ${({ dragOver: e }) => e ? "var(--connector-icon-secondary, #6f7c90)" : _0};
   border-radius: 4px;
   background: ${({ dragOver: e }) => e ? "var(--connector-surface-hover, #f5f8fc)" : "transparent"};
-  color: var(--connector-text-secondary, #6f7c90);
+  color: var(--connector-caption-text, #6f7c90);
   font-size: 13px;
   line-height: 20px;
   letter-spacing: 0.0325px;
@@ -17559,7 +17569,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
     width: 16px;
     height: 16px;
   }
-`, c1 = w(j, {
+`, c1 = w(P, {
   shouldForwardProp: (e) => e !== "failed"
 })`
   display: flex;
@@ -17569,21 +17579,21 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   border: 1px solid ${_0};
   border-radius: 6px;
   background: ${({ failed: e }) => e ? qy : "var(--connector-surface, #ffffff)"};
-`, D1 = w(j)`
+`, D1 = w(P)`
   flex: 1;
   min-width: 0;
-`, l1 = w(j)`
+`, l1 = w(P)`
   font-size: 13px;
   line-height: 19px;
   color: var(--connector-text-primary, #3e4c5a);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, f3 = w(j)`
+`, f3 = w(P)`
   font-size: 11px;
   line-height: 16px;
   color: var(--connector-text-secondary, ${k.palette.gray.gray1});
-`, nB = w(j)`
+`, nB = w(P)`
   font-size: 11px;
   line-height: 16px;
   color: var(--connector-text-secondary, ${k.palette.gray.gray1});
@@ -17591,7 +17601,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
 `, uB = w(j4)`
   height: 4px;
   border-radius: 2px;
-`, rB = w(j)`
+`, rB = w(P)`
   ${Ks}
 `, oB = w("a")`
   ${Ks}
@@ -17607,18 +17617,18 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   font-size: 12px;
   min-width: unset;
   padding: 2px 6px;
-`, sB = w(P)`
+`, sB = w(j)`
   width: fit-content;
   max-width: 80vw;
   font-family: ${k.typography.fontFamily};
-`, cB = w(P)`
+`, cB = w(j)`
   flex-direction: row;
   align-items: center;
   gap: 12px;
   padding: 12px 44px 12px 16px;
   background: var(--connector-preview-header, #ffffff);
   border-bottom: 1px solid var(--connector-border-strong, ${k.palette.gray.gray5});
-`, DB = w(j)`
+`, DB = w(P)`
   font-size: 14px;
   font-weight: 600;
   color: var(--connector-text-primary, #3e4c5a);
@@ -17626,9 +17636,9 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   overflow: hidden;
   text-overflow: ellipsis;
   min-width: 0;
-`, lB = w(j)`
+`, lB = w(P)`
   font-size: 12px;
-  color: var(--connector-text-secondary, ${k.palette.gray.gray3});
+  color: var(--connector-caption-text, ${k.palette.gray.gray3});
   flex-shrink: 0;
 `, AB = w("a")`
   font-size: 12px;
@@ -17638,7 +17648,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   &:hover {
     text-decoration: underline;
   }
-`, dB = w(j)`
+`, dB = w(P)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -17669,14 +17679,14 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
     height: 100%;
     border: none;
   }
-`, pB = w(j)`
+`, pB = w(P)`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
   padding: 32px;
   font-size: 13px;
-  color: var(--connector-text-secondary, ${k.palette.gray.gray3});
+  color: var(--connector-caption-text, ${k.palette.gray.gray3});
   text-align: center;
 `, CB = w(st)`
   position: absolute;
@@ -17891,7 +17901,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
     )) }) : null,
     /* @__PURE__ */ a.jsx(B8, { attachment: c, open: l, onClose: () => g(!1) })
   ] });
-}, yB = w(j)`
+}, yB = w(P)`
   box-sizing: border-box;
 `, BB = w(os)`
   &.${Ia} {
@@ -17968,7 +17978,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
       top: 0;
     }
   }
-`, D3 = w(j)`
+`, D3 = w(P)`
   & .hiverFormField__placeholder {
     color: var(--connector-text-muted, ${k.palette.gray.gray4});
   }
@@ -18081,7 +18091,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
       height: 100%;
     }
   }
-`, l3 = w(j)`
+`, l3 = w(P)`
   font-size: ${k.typography.caption.fontSize}px;
   font-weight: ${k.typography.fontWeightRegular};
   font-family: ${k.typography.fontFamily};
@@ -18094,7 +18104,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   &.helper--error {
     color: var(--connector-negative, #d32f2f);
   }
-`, SB = w(j)`
+`, SB = w(P)`
   width: 100%;
   position: relative;
   & .MuiInputBase-root {
@@ -18108,7 +18118,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
     position: absolute;
     margin-left: 5px;
   }
-`, kB = w(j)`
+`, kB = w(P)`
   display: inline-block;
   margin-right: 9px;
   width: 9px;
@@ -18120,7 +18130,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
     display: inline-block;
     transition: transform 300ms;
   }
-`, TB = w(P)`
+`, TB = w(j)`
   position: relative;
   font-family: ${k.typography.fontFamily};
   color: var(--connector-text-primary, ${k.palette.gray.gray1});
@@ -18374,12 +18384,12 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
       ]
     }
   );
-}, RB = w(P)`
+}, RB = w(j)`
   & .authform__section-title {
     margin-top: 32px;
     margin-bottom: -12px;
   }
-`, NB = w(P)`
+`, NB = w(j)`
   ${({ cols: e, spacing: t, theme: n }) => `
       flex-flow: row wrap;
       justify-content: flex-start;
@@ -18387,7 +18397,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
       --field-space: calc( ${e - 1} * var(--field-gap));
       --field-width: calc( ( 100% - var(--field-space) ) / ${e} );
     `}
-`, MB = w(j)`
+`, MB = w(P)`
   --cols: ${({ cols: e }) => e};
   --include-gap: calc((var(--cols) - 1) * var(--field-gap));
   --include-width: calc(var(--cols) * var(--field-width));
@@ -18450,7 +18460,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
       ) }, ((T = F == null ? void 0 : F[M.name]) == null ? void 0 : T.key) || M.name);
     }) })
   ] }, y)) });
-}, QB = w(j)`
+}, QB = w(P)`
   width: 100%;
   aspect-ratio: ${({ aspectRatio: e }) => e};
   border-radius: 8px;
@@ -18694,7 +18704,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
 }, qB = {
   borderRadius: "8px",
   boxShadow: "var(--connector-dropdown-shadow, 0px 3px 15px 0px rgba(0, 0, 0, 0.25))",
-  border: "1px solid var(--connector-border, transparent)",
+  border: "1px solid var(--connector-dropdown-border, transparent)",
   mt: 0.5,
   backgroundColor: "var(--connector-surface-elevated, #FFFFFF)"
 }, $B = {
@@ -18798,7 +18808,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
   "& .MuiChip-deleteIcon": {
     margin: "0 0 0 4px"
   }
-}, aw = w(j)`
+}, aw = w(P)`
   position: relative;
   height: 14px;
   width: 14px;
@@ -18844,7 +18854,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
       backgroundColor: "var(--connector-dropdown-option-selected, #F6F8FC)"
     }
   }
-}), O8 = w(j)`
+}), O8 = w(P)`
   height: 28px;
   width: 28px;
   border-radius: 50%;
@@ -18889,7 +18899,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
   searchOffset: g = 0,
   setSearch: h
 }) => {
-  const p = new Set(t.map(String)), d = c && s.length === 0, A = o && l && !d && !u, C = /* @__PURE__ */ a.jsx(Ka, { sx: ew, style: { top: g }, children: /* @__PURE__ */ a.jsxs(j, { sx: tw, children: [
+  const p = new Set(t.map(String)), d = c && s.length === 0, A = o && l && !d && !u, C = /* @__PURE__ */ a.jsx(Ka, { sx: ew, style: { top: g }, children: /* @__PURE__ */ a.jsxs(P, { sx: tw, children: [
     /* @__PURE__ */ a.jsx(At.Search, { sx: { fontSize: 18, color: "var(--connector-icon-secondary, #6C7B94)", flexShrink: 0 } }),
     /* @__PURE__ */ a.jsx(
       P4,
@@ -18904,7 +18914,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
         sx: nw
       }
     )
-  ] }) }), F = d ? /* @__PURE__ */ a.jsx($u, { disabled: !0, sx: { justifyContent: "center", opacity: 1, minHeight: 120, cursor: "default" }, children: /* @__PURE__ */ a.jsx(Ao, { size: 24 }) }) : i.length === 0 ? /* @__PURE__ */ a.jsx($u, { disabled: !0, value: R8, sx: { opacity: 1, color: "var(--connector-text-muted, #6C7B94)" }, children: /* @__PURE__ */ a.jsx(K, { variant: "body2", fontSize: 14, children: "No results found" }) }) : i.map((b) => {
+  ] }) }), F = d ? /* @__PURE__ */ a.jsx($u, { disabled: !0, sx: { justifyContent: "center", opacity: 1, minHeight: 120, cursor: "default" }, children: /* @__PURE__ */ a.jsx(Ao, { size: 24 }) }) : i.length === 0 ? /* @__PURE__ */ a.jsx($u, { disabled: !0, value: R8, sx: { opacity: 1, color: "var(--connector-caption-text, #6F7C90)" }, children: /* @__PURE__ */ a.jsx(K, { variant: "body2", fontSize: 14, children: "No results found" }) }) : i.map((b) => {
     const m = String(b.value), x = n ? p.has(m) : m === e;
     return /* @__PURE__ */ a.jsxs($u, { value: m, sx: iw(x), children: [
       /* @__PURE__ */ a.jsx("span", { children: b.label }),
@@ -18924,7 +18934,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
         opacity: 1,
         cursor: "default"
       },
-      children: D ? /* @__PURE__ */ a.jsx(Ao, { size: 20 }) : /* @__PURE__ */ a.jsx(j, { sx: { minHeight: 1, width: "100%" }, "aria-hidden": !0 })
+      children: D ? /* @__PURE__ */ a.jsx(Ao, { size: 20 }) : /* @__PURE__ */ a.jsx(P, { sx: { minHeight: 1, width: "100%" }, "aria-hidden": !0 })
     }
   ) : null];
 }, A3 = String(Symbol("_no_results")), fw = (e) => !!e && typeof e == "object" && "label" in e && "value" in e, sw = ({
@@ -18971,7 +18981,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
     Q !== A3 && D({ value: Q, label: E[Q] });
   }, S = (T) => {
     D(p.filter((N) => String(N.value) !== String(T)));
-  }, O = n ? h.length > 0 : !!g, M = () => n ? p.length ? /* @__PURE__ */ a.jsx(j, { sx: rw, children: p.map((T) => /* @__PURE__ */ a.jsx(
+  }, O = n ? h.length > 0 : !!g, M = () => n ? p.length ? /* @__PURE__ */ a.jsx(P, { sx: rw, children: p.map((T) => /* @__PURE__ */ a.jsx(
     _4,
     {
       label: T.label,
@@ -19094,7 +19104,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
 }, Aw = {
   borderRadius: "8px",
   boxShadow: "var(--connector-dropdown-shadow, 0px 3px 15px 0px rgba(0, 0, 0, 0.25))",
-  border: "1px solid var(--connector-border, transparent)",
+  border: "1px solid var(--connector-dropdown-border, transparent)",
   mt: 0.5,
   backgroundColor: "var(--connector-surface-elevated, #FFFFFF)",
   minWidth: 337
@@ -19201,7 +19211,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   fontSize: k.typography.body2.fontSize,
   px: 2,
   py: 1.5
-}, yw = w(P)`
+}, yw = w(j)`
   flex-flow: row nowrap;
   align-items: center;
   color: var(--connector-text-primary, ${k.palette.gray.black});
@@ -19248,7 +19258,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
         },
         onPointerEnter: () => i(),
         onPointerLeave: () => f(),
-        children: o && o.options.length > 0 ? /* @__PURE__ */ a.jsx(j, { role: "list", sx: bw, children: o.options.map((c) => {
+        children: o && o.options.length > 0 ? /* @__PURE__ */ a.jsx(P, { role: "list", sx: bw, children: o.options.map((c) => {
           var l;
           const D = (t == null ? void 0 : t.name) === o.name && ((l = t == null ? void 0 : t.option) == null ? void 0 : l.value) === c.value;
           return /* @__PURE__ */ a.jsx(
@@ -19263,25 +19273,25 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
             },
             c.value
           );
-        }) }) : o && o.options.length === 0 ? /* @__PURE__ */ a.jsx(j, { sx: vw, children: "No options" }) : null
+        }) }) : o && o.options.length === 0 ? /* @__PURE__ */ a.jsx(P, { sx: vw, children: "No options" }) : null
       }
     )
   }
 ), ww = 1600, Iw = ["attachment", "table"], Sw = {
   POPPER: 3e3
-}, kw = w(P)`
+}, kw = w(j)`
   flex-direction: column;
   align-items: flex-start;
   box-shadow: var(--connector-dropdown-shadow, 0px 3px 15px 0px #00000040);
   color: var(--connector-text-primary, ${k.palette.gray.black});
   background: var(--connector-surface-elevated, ${k.palette.gray.white});
-  border: 1px solid var(--connector-border, transparent);
+  border: 1px solid var(--connector-dropdown-border, transparent);
   border-radius: 8px;
   max-height: 343.2px;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 8px 0 16px;
-`, p3 = w(j)`
+`, p3 = w(P)`
   padding: 8px 20px;
   width: 100%;
   flex-shrink: 0;
@@ -19304,7 +19314,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Tw = w(j)`
+`, Tw = w(P)`
   box-sizing: border-box;
   background-color: var(--connector-surface, white);
   border: 1px solid var(--connector-border-strong, ${k.palette.gray.gray5});
@@ -19321,7 +19331,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
     background-color: var(--connector-surface-hover, ${k.palette.gray.gray6a});
     border-color: var(--connector-border-strong, ${k.palette.gray.gray5});
   }
-`, Lw = w(P)`
+`, Lw = w(j)`
   padding-right: 10px;
   justify-content: center;
   align-items: center;
@@ -19364,7 +19374,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   & .MuiOutlinedInput-root.Mui-focused fieldset {
     border-color: var(--connector-input-border-focus, ${k.palette.gray.gray5});
   }
-`, Rw = w(j)`
+`, Rw = w(P)`
   padding: 8px 0 8px 8px;
   display: flex;
   align-items: center;
@@ -19455,7 +19465,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
       onClickAway: () => {
         o(!1);
       },
-      children: /* @__PURE__ */ a.jsx(j, { children: /* @__PURE__ */ a.jsx(
+      children: /* @__PURE__ */ a.jsx(P, { children: /* @__PURE__ */ a.jsx(
         Te,
         {
           title: /* @__PURE__ */ a.jsx(Nw, { name: e, variables: t, customFields: n, onOptionClick: i }),
@@ -19485,7 +19495,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
               }
             }
           },
-          children: /* @__PURE__ */ a.jsx(j, { children: /* @__PURE__ */ a.jsx(Mw, { setOpen: o }) })
+          children: /* @__PURE__ */ a.jsx(P, { children: /* @__PURE__ */ a.jsx(Mw, { setOpen: o }) })
         }
       ) })
     }
@@ -19648,9 +19658,9 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
         },
         onChange: _,
         children: [
-          /* @__PURE__ */ a.jsx(Ka, { sx: pw, children: /* @__PURE__ */ a.jsxs(j, { sx: Ew, children: [
+          /* @__PURE__ */ a.jsx(Ka, { sx: pw, children: /* @__PURE__ */ a.jsxs(P, { sx: Ew, children: [
             /* @__PURE__ */ a.jsx(
-              j,
+              P,
               {
                 component: "button",
                 type: "button",
@@ -19669,7 +19679,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
               }
             ),
             /* @__PURE__ */ a.jsx(
-              j,
+              P,
               {
                 component: "button",
                 type: "button",
@@ -19819,7 +19829,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
       customFields: o
     }
   );
-  return /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "4px", position: "relative", children: [
+  return /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "4px", position: "relative", children: [
     b,
     A
   ] });
@@ -19854,7 +19864,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
       display: "block"
     }
   }
-}, Ww = () => /* @__PURE__ */ a.jsx(j, { "aria-hidden": !0, component: "span", sx: C1.outer, children: /* @__PURE__ */ a.jsx(j, { component: "span", sx: C1.frame, children: /* @__PURE__ */ a.jsx(j, { component: "span", sx: C1.rotate, children: /* @__PURE__ */ a.jsx(Uw, {}) }) }) }), Vw = w("img")`
+}, Ww = () => /* @__PURE__ */ a.jsx(P, { "aria-hidden": !0, component: "span", sx: C1.outer, children: /* @__PURE__ */ a.jsx(P, { component: "span", sx: C1.frame, children: /* @__PURE__ */ a.jsx(P, { component: "span", sx: C1.rotate, children: /* @__PURE__ */ a.jsx(Uw, {}) }) }) }), Vw = w("img")`
   width: 16px;
   height: auto;
   object-fit: cover;
@@ -19864,7 +19874,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
     n(!0);
   };
   return t ? null : /* @__PURE__ */ a.jsx(Vw, { ...e, onError: u });
-}, Xw = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M9.17193 1.59562C8.83327 1.17229 8.9019 0.554585 9.32522 0.215925C9.74855 -0.122735 10.3663 -0.0541004 10.7049 0.369224L9.93842 0.982422L9.17193 1.59562ZM15.0918 7.42414L15.8583 6.81094C16.1451 7.16944 16.1451 7.67884 15.8583 8.03734L15.0918 7.42414ZM10.7049 14.4791C10.3663 14.9024 9.74855 14.971 9.32522 14.6324C8.9019 14.2937 8.83327 13.676 9.17193 13.2527L9.93842 13.8659L10.7049 14.4791ZM14.7237 6.3812C15.2658 6.3812 15.7053 6.82068 15.7053 7.3628C15.7053 7.90492 15.2658 8.34439 14.7237 8.34439V7.3628V6.3812ZM0.981368 8.34439C0.439248 8.34439 -0.000226974 7.90492 -0.000226974 7.3628C-0.000226974 6.82068 0.439248 6.3812 0.981368 6.3812V7.3628V8.34439ZM9.93842 0.982422L10.7049 0.369224L15.8583 6.81094L15.0918 7.42414L14.3253 8.03734L9.17193 1.59562L9.93842 0.982422ZM15.0918 7.42414L15.8583 8.03734L10.7049 14.4791L9.93842 13.8659L9.17193 13.2527L14.3253 6.81094L15.0918 7.42414ZM14.7237 7.3628V8.34439H0.981368V7.3628V6.3812H14.7237V7.3628Z", fill: "currentColor" })), zw = w(P)`
+}, Xw = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M9.17193 1.59562C8.83327 1.17229 8.9019 0.554585 9.32522 0.215925C9.74855 -0.122735 10.3663 -0.0541004 10.7049 0.369224L9.93842 0.982422L9.17193 1.59562ZM15.0918 7.42414L15.8583 6.81094C16.1451 7.16944 16.1451 7.67884 15.8583 8.03734L15.0918 7.42414ZM10.7049 14.4791C10.3663 14.9024 9.74855 14.971 9.32522 14.6324C8.9019 14.2937 8.83327 13.676 9.17193 13.2527L9.93842 13.8659L10.7049 14.4791ZM14.7237 6.3812C15.2658 6.3812 15.7053 6.82068 15.7053 7.3628C15.7053 7.90492 15.2658 8.34439 14.7237 8.34439V7.3628V6.3812ZM0.981368 8.34439C0.439248 8.34439 -0.000226974 7.90492 -0.000226974 7.3628C-0.000226974 6.82068 0.439248 6.3812 0.981368 6.3812V7.3628V8.34439ZM9.93842 0.982422L10.7049 0.369224L15.8583 6.81094L15.0918 7.42414L14.3253 8.03734L9.17193 1.59562L9.93842 0.982422ZM15.0918 7.42414L15.8583 8.03734L10.7049 14.4791L9.93842 13.8659L9.17193 13.2527L14.3253 6.81094L15.0918 7.42414ZM14.7237 7.3628V8.34439H0.981368V7.3628V6.3812H14.7237V7.3628Z", fill: "currentColor" })), zw = w(j)`
   height: 100%;
   position: relative;
   color: var(--connector-text-primary, ${k.palette.gray.gray1});
@@ -19872,24 +19882,24 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   align-items: stretch;
   justify-content: flex-start;
   padding: 32px 0 0;
-`, Zw = w(P)`
+`, Zw = w(j)`
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 0 32px 24px;
   border-bottom: 1px solid var(--connector-border-strong, ${({ theme: e }) => e.palette.gray.gray5});
-`, Jw = w(P)`
+`, Jw = w(j)`
   flex-grow: 1;
   flex-basis: 0;
   min-height: 0;
   overflow: auto;
   padding-top: 30px;
-`, Kw = w(P)`
+`, Kw = w(j)`
   background-color: var(--connector-surface, ${k.palette.gray.white});
   border: 1px solid var(--connector-map-form-table-border, ${k.palette.gray.gray6});
   border-radius: 8px;
   margin: 16px 32px;
-`, Yw = w(P)`
+`, Yw = w(j)`
   flex-direction: row;
   justify-content: flex-start;
   margin: auto 0 0;
@@ -19897,12 +19907,12 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   gap: 10px;
   background-color: var(--connector-map-form-background, var(--connector-canvas, ${k.palette.gray.white}));
   border-top: 1px solid var(--connector-border-strong, ${({ theme: e }) => e.palette.gray.gray5});
-`, qw = w(j)`
+`, qw = w(P)`
   width: 320px;
   flex-shrink: 0;
   padding-left: 20px;
   box-sizing: content-box !important;
-`, $w = w(P)`
+`, $w = w(j)`
   flex-direction: row;
   align-items: center;
   gap: 8px;
@@ -20010,11 +20020,11 @@ const uI = ({
         }
       },
       maxWidth: !1,
-      children: s ? /* @__PURE__ */ a.jsx(j, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", width: "615px" }, children: /* @__PURE__ */ a.jsx(Ao, {}) }) : /* @__PURE__ */ a.jsxs(zw, { children: [
+      children: s ? /* @__PURE__ */ a.jsx(P, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", width: "615px" }, children: /* @__PURE__ */ a.jsx(Ao, {}) }) : /* @__PURE__ */ a.jsxs(zw, { children: [
         /* @__PURE__ */ a.jsxs(Zw, { children: [
-          /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ a.jsx(Ww, {}),
-            /* @__PURE__ */ a.jsx(P, { gap: 0.5, flex: 1, minWidth: 0, children: /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: 0.5, children: [
+            /* @__PURE__ */ a.jsx(j, { gap: 0.5, flex: 1, minWidth: 0, children: /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: 0.5, children: [
               /* @__PURE__ */ a.jsx(
                 K,
                 {
@@ -20040,7 +20050,7 @@ const uI = ({
         ] }),
         /* @__PURE__ */ a.jsx(Jw, { children: /* @__PURE__ */ a.jsxs(Kw, { children: [
           /* @__PURE__ */ a.jsxs(
-            P,
+            j,
             {
               direction: "row",
               padding: "16px 24px",
@@ -20080,7 +20090,7 @@ const uI = ({
             var te;
             const H = nI(V), Z = E[H] ?? "";
             return /* @__PURE__ */ a.jsxs(
-              P,
+              j,
               {
                 direction: "row",
                 alignItems: "center",
@@ -20159,11 +20169,11 @@ const uI = ({
       ] })
     }
   );
-}, rI = w(j)`
+}, rI = w(P)`
   position: fixed;
   inset: 0;
   z-index: ${({ zIndex: e }) => e};
-`, oI = w(j)`
+`, oI = w(P)`
   position: fixed;
   top: ${({ top: e }) => `${e}px`};
   left: ${({ left: e }) => `${e}px`};
@@ -21046,11 +21056,11 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
       sm_ids: i
     }), r(tr({ ...n, externalResourceId: C })));
   };
-  return /* @__PURE__ */ a.jsxs(P, { maxHeight: "340px", maxWidth: "700px", padding: "32px 0px 32px 32px", overflow: "auto", children: [
+  return /* @__PURE__ */ a.jsxs(j, { maxHeight: "340px", maxWidth: "700px", padding: "32px 0px 32px 32px", overflow: "auto", children: [
     /* @__PURE__ */ a.jsx(K, { variant: "h2", sx: { color: "var(--connector-text-primary)" }, marginBottom: "16px", children: t }),
     /* @__PURE__ */ a.jsx(U4, { ref: c, children: /* @__PURE__ */ a.jsxs(W4, { stickyHeader: !0, children: [
       /* @__PURE__ */ a.jsx(t9, { children: /* @__PURE__ */ a.jsxs(Rl, { children: [
-        h.map((C) => /* @__PURE__ */ a.jsx(n9, { sx: { whiteSpace: "nowrap" }, children: /* @__PURE__ */ a.jsx(K, { variant: "overline", sx: { color: "var(--connector-text-secondary)" }, children: C }) }, C)),
+        h.map((C) => /* @__PURE__ */ a.jsx(n9, { sx: { whiteSpace: "nowrap" }, children: /* @__PURE__ */ a.jsx(K, { variant: "overline", sx: { color: "var(--connector-caption-text)" }, children: C }) }, C)),
         /* @__PURE__ */ a.jsx(a9, {})
       ] }) }),
       /* @__PURE__ */ a.jsx(V4, { children: p.map((C, F) => /* @__PURE__ */ a.jsxs(u9, { children: [
@@ -21167,13 +21177,13 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
   &:hover .attachment-action {
     opacity: 1;
   }
-`, LS = w(P)`
+`, LS = w(j)`
   width: 100%;
   gap: 8px;
   margin-top: 2px;
-`, OS = w(j)`
+`, OS = w(P)`
   ${TS}
-`, RS = w(j)`
+`, RS = w(P)`
   display: inline-flex;
   flex-shrink: 0;
   & svg {
@@ -21181,7 +21191,7 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
     height: 18px;
     width: auto;
   }
-`, NS = w(j)`
+`, NS = w(P)`
   flex: 1;
   min-width: 0;
   color: var(--connector-text-primary);
@@ -21370,7 +21380,7 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
     return /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: 16, animation: "wave", margin: "4px 0 0 0" });
   if (H)
     return /* @__PURE__ */ a.jsxs(E2, { gap: "7px", children: [
-      d ? /* @__PURE__ */ a.jsx(P, { marginTop: "3px", flexShrink: "0", children: /* @__PURE__ */ a.jsx("img", { src: FS, width: "18px", height: "18px" }) }) : null,
+      d ? /* @__PURE__ */ a.jsx(j, { marginTop: "3px", flexShrink: "0", children: /* @__PURE__ */ a.jsx("img", { src: FS, width: "18px", height: "18px" }) }) : null,
       /* @__PURE__ */ a.jsx(m2, { variant: "body_sm_regular", children: T ? Y(T) : uD })
     ] });
   if (_) {
@@ -21424,8 +21434,8 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
       }
     },
     sx: { ...o },
-    children: /* @__PURE__ */ a.jsxs(P, { direction: "row", children: [
-      u && /* @__PURE__ */ a.jsx(j, { position: "absolute", right: 10, top: 10, children: /* @__PURE__ */ a.jsx(Te, { title: "Close", placement: "bottom", children: /* @__PURE__ */ a.jsx(
+    children: /* @__PURE__ */ a.jsxs(j, { direction: "row", children: [
+      u && /* @__PURE__ */ a.jsx(P, { position: "absolute", right: 10, top: 10, children: /* @__PURE__ */ a.jsx(Te, { title: "Close", placement: "bottom", children: /* @__PURE__ */ a.jsx(
         st,
         {
           onClick: () => t(!1),
@@ -21474,10 +21484,10 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
         setShowModal: B
       }
     ) }),
-    /* @__PURE__ */ a.jsx(ZF, { className: o ? "" : "slideUp", height: _, children: /* @__PURE__ */ a.jsx(P, { ref: Q, gap: 1, margin: "12px", children: c && !(T != null && T.length) ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(ZF, { className: o ? "" : "slideUp", height: _, children: /* @__PURE__ */ a.jsx(j, { ref: Q, gap: 1, margin: "12px", children: c && !(T != null && T.length) ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: 20, animation: "wave" }),
       /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: 20, animation: "wave" })
-    ] }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: Z ? /* @__PURE__ */ a.jsx(j, { margin: "8px 0", children: /* @__PURE__ */ a.jsx(
+    ] }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: Z ? /* @__PURE__ */ a.jsx(P, { margin: "8px 0", children: /* @__PURE__ */ a.jsx(
       x3,
       {
         error: h,
@@ -21512,7 +21522,7 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
           }
         )
       ] }, ye);
-    }) : /* @__PURE__ */ a.jsx(j, { margin: "8px 0", children: /* @__PURE__ */ a.jsx(m2, { variant: "body_sm_regular", children: Zh }) }) }) }) }),
+    }) : /* @__PURE__ */ a.jsx(P, { margin: "8px 0", children: /* @__PURE__ */ a.jsx(m2, { variant: "body_sm_regular", children: Zh }) }) }) }) }),
     !h && te && /* @__PURE__ */ a.jsx(f9, { variant: "body_xs_medium", onClick: Y, children: m ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       C ? U9 : AD,
       /* @__PURE__ */ a.jsx(i9, { transformAngle: X })
@@ -21676,10 +21686,10 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
       });
     });
   };
-  return /* @__PURE__ */ a.jsx(eu, { shown: e, setShown: t, showCloseButton: !0, children: /* @__PURE__ */ a.jsxs(P, { width: "400px", padding: "20px", gap: "8px", children: [
+  return /* @__PURE__ */ a.jsx(eu, { shown: e, setShown: t, showCloseButton: !0, children: /* @__PURE__ */ a.jsxs(j, { width: "400px", padding: "20px", gap: "8px", children: [
     /* @__PURE__ */ a.jsx(K, { variant: "h2", children: $h }),
     /* @__PURE__ */ a.jsx(K, { variant: "body2", children: ok(i) }),
-    /* @__PURE__ */ a.jsxs(P, { direction: "row", gap: "8px", marginTop: "20px", justifyContent: "flex-end", children: [
+    /* @__PURE__ */ a.jsxs(j, { direction: "row", gap: "8px", marginTop: "20px", justifyContent: "flex-end", children: [
       /* @__PURE__ */ a.jsx(Oe, { variant: "text", onClick: () => t(!1), children: ws }),
       /* @__PURE__ */ a.jsx(Oe, { disabled: D, color: "error", onClick: l, children: a2 })
     ] })
@@ -22075,7 +22085,7 @@ function Ek(e) {
     queries: e.map((u) => a5(u, t, !0))
   }).some((u) => u.isLoading) };
 }
-const mk = w(j)`
+const mk = w(P)`
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -22088,7 +22098,7 @@ const mk = w(j)`
   border: 1px solid var(--connector-border);
   border-radius: 12px;
   gap: 16px;
-`, bk = w(j)`
+`, bk = w(P)`
   background: var(--connector-surface);
   border: 1px solid var(--connector-border);
   border-radius: 10px;
@@ -22096,7 +22106,7 @@ const mk = w(j)`
   display: flex;
   align-items: center;
   justify-content: center;
-`, xk = w(P)`
+`, xk = w(j)`
   flex-direction: row;
   align-items: center;
   justify-content: center;
@@ -22214,13 +22224,13 @@ const mk = w(j)`
         /* @__PURE__ */ a.jsx(bk, { children: /* @__PURE__ */ a.jsxs(xk, { children: [
           /* @__PURE__ */ a.jsx(I3, { src: r5, alt: "Hiver" }),
           /* @__PURE__ */ a.jsx(Bk, {}),
-          /* @__PURE__ */ a.jsxs(P, { sx: { position: "relative" }, children: [
+          /* @__PURE__ */ a.jsxs(j, { sx: { position: "relative" }, children: [
             /* @__PURE__ */ a.jsx(I3, { src: n, alt: t }),
             s && /* @__PURE__ */ a.jsx(vk, { "aria-label": "error", children: "!" })
           ] })
         ] }) }),
-        /* @__PURE__ */ a.jsxs(P, { gap: "16px", alignItems: "center", sx: { width: "100%", padding: "0 8px" }, children: [
-          /* @__PURE__ */ a.jsxs(P, { gap: "6px", alignItems: "center", sx: { width: "100%", textAlign: "center" }, children: [
+        /* @__PURE__ */ a.jsxs(j, { gap: "16px", alignItems: "center", sx: { width: "100%", padding: "0 8px" }, children: [
+          /* @__PURE__ */ a.jsxs(j, { gap: "6px", alignItems: "center", sx: { width: "100%", textAlign: "center" }, children: [
             /* @__PURE__ */ a.jsx(
               K,
               {
@@ -22240,7 +22250,7 @@ const mk = w(j)`
                   fontWeight: k.typography.fontWeightMedium,
                   fontSize: `${k.typography.body2.fontSize}px`,
                   lineHeight: "18px",
-                  color: "var(--connector-text-secondary)",
+                  color: "var(--connector-caption-text)",
                   maxWidth: "220px"
                 },
                 children: l.body
@@ -22294,11 +22304,11 @@ const mk = w(j)`
       onCardUnlinking: o
     }
   );
-  return l.state === "connected" ? g : l.state === "unknown" ? D ? i ? /* @__PURE__ */ a.jsxs(j, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", gap: "12px" }, children: [
+  return l.state === "connected" ? g : l.state === "unknown" ? D ? i ? /* @__PURE__ */ a.jsxs(P, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", gap: "12px" }, children: [
     /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" }),
     /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" }),
     /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" })
-  ] }) : null : g : i ? /* @__PURE__ */ a.jsx(j, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "flex-start" }, children: /* @__PURE__ */ a.jsx(
+  ] }) : null : g : i ? /* @__PURE__ */ a.jsx(P, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "flex-start" }, children: /* @__PURE__ */ a.jsx(
     i5,
     {
       connectorId: s,
@@ -22321,7 +22331,7 @@ const mk = w(j)`
   const { availableFeatures: o } = Xe(gt), f = It(o, Hh) ? Ik : 1, s = (D) => D.externalResourceId ? `${D.id}_${D.externalResourceId}` : D.id, c = /* @__PURE__ */ new Map();
   return e.forEach((D) => {
     D.userAuthEnabled && D.connectorId && !c.has(D.connectorId) && c.set(D.connectorId, s(D));
-  }), /* @__PURE__ */ a.jsx(j, { sx: { flexGrow: 1, display: "flex", flexDirection: "column" }, children: e.map((D, l) => {
+  }), /* @__PURE__ */ a.jsx(P, { sx: { flexGrow: 1, display: "flex", flexDirection: "column" }, children: e.map((D, l) => {
     const g = s(D);
     return /* @__PURE__ */ a.jsx("div", { style: { display: "contents" }, children: /* @__PURE__ */ a.jsx(
       wk,
@@ -22347,7 +22357,7 @@ const mk = w(j)`
 }) => {
   wf(e.connectorId, !0);
   const n = Ue((u) => ka(u, e.connectorId));
-  return f5.has(n.state) ? /* @__PURE__ */ a.jsx(j, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "flex-start" }, children: /* @__PURE__ */ a.jsx(
+  return f5.has(n.state) ? /* @__PURE__ */ a.jsx(P, { sx: { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "flex-start" }, children: /* @__PURE__ */ a.jsx(
     i5,
     {
       connectorId: e.connectorId,
@@ -22391,7 +22401,7 @@ const mk = w(j)`
       showCloseButton: !0,
       borderRadius: 8,
       children: /* @__PURE__ */ a.jsxs(
-        P,
+        j,
         {
           sx: {
             width: "399px",
@@ -22403,7 +22413,7 @@ const mk = w(j)`
           },
           children: [
             /* @__PURE__ */ a.jsx(
-              P,
+              j,
               {
                 sx: {
                   width: "100%",
@@ -22413,7 +22423,7 @@ const mk = w(j)`
                   background: "var(--connector-accent-subtle)",
                   borderRadius: "8px"
                 },
-                children: /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "12px", children: [
+                children: /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "12px", children: [
                   /* @__PURE__ */ a.jsx(s5, { width: 64, height: 64 }),
                   /* @__PURE__ */ a.jsx(Lk, {}),
                   o && /* @__PURE__ */ a.jsx(
@@ -22429,7 +22439,7 @@ const mk = w(j)`
                 ] })
               }
             ),
-            /* @__PURE__ */ a.jsxs(P, { gap: "8px", alignItems: "center", children: [
+            /* @__PURE__ */ a.jsxs(j, { gap: "8px", alignItems: "center", children: [
               /* @__PURE__ */ a.jsx(
                 K,
                 {
@@ -22474,9 +22484,9 @@ function iu({
   return !t && !n ? null : e;
 }
 Eo.CaseView = iu;
-const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "Integrate tools like Salesforce, HubSpot, and Shopify to boost productivity", Qk = "Enable Connectors", jk = "Enable Apps", Pk = "Enable Cards", _k = "Learn more", Hk = "https://help.hiverhq.com/custom-connectors/hiver-s-custom-connectors", Uk = "Contact your admin to enable this", Wk = "https://youtu.be/ODcJnzZLb50", Vk = "connectors-module/assets/connectors-images/connector-mainpage.png", Gk = "connectors-module/assets/connectors-images/connector-mainpage-apps.png", Xk = "Explore connectors", zk = "Connectors", Zk = w(j)`
+const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "Integrate tools like Salesforce, HubSpot, and Shopify to boost productivity", Qk = "Enable Connectors", jk = "Enable Apps", Pk = "Enable Cards", _k = "Learn more", Hk = "https://help.hiverhq.com/custom-connectors/hiver-s-custom-connectors", Uk = "Contact your admin to enable this", Wk = "https://youtu.be/ODcJnzZLb50", Vk = "connectors-module/assets/connectors-images/connector-mainpage.png", Gk = "connectors-module/assets/connectors-images/connector-mainpage-apps.png", Xk = "Explore connectors", zk = "Connectors", Zk = w(P)`
   padding-top: 20px;
-`, Jk = w(P)`
+`, Jk = w(j)`
   width: 100%;
   height: 97px;
   background-color: var(--connector-accent-subtle);
@@ -22518,7 +22528,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
     background-color: var(--connector-accent-subtle);
     border: 1px solid var(--connector-accent);
   }
-`, eT = w(P)`
+`, eT = w(j)`
   margin-top: 16px;
   justify-content: center;
   align-items: center;
@@ -22527,7 +22537,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
   width: 18px;
   color: var(--connector-icon-secondary);
 `, nT = w(K)`
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
 `, uT = "https://cdn.hiverhq.com/connectors-module/assets/PlugIn.svg", rT = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1, VITE_HIVER_CDN_URL: "https://cdn.hiverhq.com/", VITE_MY_ENV_VAR: "myVariable From Agent" }, { VITE_HIVER_CDN_URL: oT } = rT, k3 = ({ isAdmin: e = !0, hideHeading: t = !1 }) => {
   const { sendTrackingEvent: n, availableFeatures: u, connectorFunctions: r, connectorId: o } = Xe(gt), i = It(u, Qh), f = It(u, cf), s = (h) => {
     h.stopPropagation(), n(Pg), o ? r == null || r.redirectToAdmin(o, { isEdit: !0, tabIndex: 2 }) : r == null || r.redirectToAdmin();
@@ -22575,7 +22585,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
   const { availableFeatures: e } = Xe(gt), t = It(e, cf), { connectorName: n, connectorId: u, isReady: r } = p2();
   return r ? /* @__PURE__ */ a.jsxs(F2, { children: [
     /* @__PURE__ */ a.jsx(
-      P,
+      j,
       {
         direction: "row",
         boxSizing: "content-box",
@@ -22590,7 +22600,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
         ] })
       }
     ),
-    /* @__PURE__ */ a.jsxs(P, { gap: "12px", children: [
+    /* @__PURE__ */ a.jsxs(j, { gap: "12px", children: [
       /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" }),
       /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" }),
       /* @__PURE__ */ a.jsx(vn, { variant: "rounded", width: "100%", height: "46px", animation: "wave" })
@@ -22625,7 +22635,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
   return /* @__PURE__ */ a.jsxs(c9, { children: [
     /* @__PURE__ */ a.jsxs(D9, { children: [
       /* @__PURE__ */ a.jsx(s9, { variant: "h3", children: g }),
-      /* @__PURE__ */ a.jsxs(j, { children: [
+      /* @__PURE__ */ a.jsxs(P, { children: [
         r ? /* @__PURE__ */ a.jsx(Te, { title: Kh, placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { onClick: E, children: /* @__PURE__ */ a.jsx(At.Close, { sx: { height: "16px", width: "16px", opacity: "0.8" } }) }) }) : null,
         /* @__PURE__ */ a.jsx(Te, { title: r ? Jh : ys, placement: "bottom", children: /* @__PURE__ */ a.jsx(go, { onClick: C, children: /* @__PURE__ */ a.jsx(ks, { className: r ? "" : "hiver-up" }) }) })
       ] })
@@ -22660,7 +22670,7 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
           ] }) }, O);
         })
       ] }, b)),
-      /* @__PURE__ */ a.jsx(P, { flexDirection: "row", gap: "8px", marginBottom: "11.5px", children: A.map(({ text: b, link: m, isAdminPanelLink: x }) => /* @__PURE__ */ a.jsx(C9, { variant: x ? "contained" : "text", children: /* @__PURE__ */ a.jsx(g9, { variant: "caption", onClick: (y) => F(y, m, x, !0), children: b }) }, b)) })
+      /* @__PURE__ */ a.jsx(j, { flexDirection: "row", gap: "8px", marginBottom: "11.5px", children: A.map(({ text: b, link: m, isAdminPanelLink: x }) => /* @__PURE__ */ a.jsx(C9, { variant: x ? "contained" : "text", children: /* @__PURE__ */ a.jsx(g9, { variant: "caption", onClick: (y) => F(y, m, x, !0), children: b }) }, b)) })
     ] }) })
   ] });
 }, fT = ({ selectedEmail: e, conversationId: t }) => Me({
@@ -22682,18 +22692,18 @@ const Rk = "Bring your favourite tools into Hiver", Nk = "Plugin image", Mk = "I
   e.children
 ] }), lT = (e) => {
   const { isSelected: t } = e, { textRef: n, isOverflow: u } = c5(e.data.label);
-  return /* @__PURE__ */ a.jsx(Qn.Option, { ...e, children: /* @__PURE__ */ a.jsxs(P, { direction: "row", gap: "5px", justifyContent: "space-between", alignItems: "center", children: [
+  return /* @__PURE__ */ a.jsx(Qn.Option, { ...e, children: /* @__PURE__ */ a.jsxs(j, { direction: "row", gap: "5px", justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ a.jsx(Te, { title: u ? e.data.value : null, placement: "bottom", children: /* @__PURE__ */ a.jsx(m9, { ref: n, className: "dropdown-item-text", variant: "body_sm_regular", children: e.data.label }) }),
     t ? /* @__PURE__ */ a.jsx("img", { src: sT, width: "14px", height: "14px" }) : null
   ] }) });
-}, AT = (e) => /* @__PURE__ */ a.jsx(Qn.ValueContainer, { ...e, children: /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "4px", children: [
+}, AT = (e) => /* @__PURE__ */ a.jsx(Qn.ValueContainer, { ...e, children: /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "4px", children: [
   /* @__PURE__ */ a.jsx(
     At.AccountCircle,
     {
       sx: { height: "20px", width: "20px", color: "var(--connector-icon-secondary)", flexShrink: 0 }
     }
   ),
-  /* @__PURE__ */ a.jsx(P, { direction: "row", alignItems: "center", sx: { flex: 1, minWidth: 0, overflow: "hidden" }, children: e.children })
+  /* @__PURE__ */ a.jsx(j, { direction: "row", alignItems: "center", sx: { flex: 1, minWidth: 0, overflow: "hidden" }, children: e.children })
 ] }) }), dT = (e) => /* @__PURE__ */ a.jsx(Qn.DropdownIndicator, { ...e, children: e.selectProps.menuIsOpen ? /* @__PURE__ */ a.jsx(At.ArrowDropUp, { sx: { height: "18px", width: "18px", color: "var(--connector-icon-secondary)" } }) : /* @__PURE__ */ a.jsx(At.ArrowDropDown, { sx: { height: "18px", width: "18px", color: "var(--connector-icon-secondary)" } }) }), pT = {
   control: (e, t) => ({
     ...e,
@@ -22808,25 +22818,25 @@ const gT = w(is)`
   height: 16px;
   width: 16px;
   color: var(--connector-icon-secondary);
-`, FT = w(j)`
+`, FT = w(P)`
   margin-top: 12px;
   height: 100%;
 `, g1 = ({ children: e, rightNode: t, title: n = "Back", backButtonTooltip: u, onClose: r }) => /* @__PURE__ */ a.jsxs(gT, { children: [
-  /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", marginLeft: "-8px", children: [
+  /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", marginLeft: "-8px", children: [
       /* @__PURE__ */ a.jsx(Te, { title: u, placement: "bottom", children: /* @__PURE__ */ a.jsx(st, { sx: { padding: "8px !important" }, onClick: r, children: /* @__PURE__ */ a.jsx(hT, { "aria-hidden": !0 }) }) }),
       /* @__PURE__ */ a.jsx(K, { children: n })
     ] }),
-    /* @__PURE__ */ a.jsx(P, { direction: "row", alignItems: "center", children: t })
+    /* @__PURE__ */ a.jsx(j, { direction: "row", alignItems: "center", children: t })
   ] }),
   /* @__PURE__ */ a.jsx(FT, { children: e })
-] }), l5 = (e) => e.common.previewCardData, A5 = (e) => e.common.previewCardApiStatus, ET = (e) => e.common.selectedSuggestionType, mT = w(P)`
+] }), l5 = (e) => e.common.previewCardData, A5 = (e) => e.common.previewCardApiStatus, ET = (e) => e.common.selectedSuggestionType, mT = w(j)`
   width: 100%;
   border-radius: 8px;
   color: var(--connector-text-primary);
   background: var(--connector-surface);
   border: 1px solid var(--connector-border-strong);
-`, bT = w(P)`
+`, bT = w(j)`
   padding: 11px;
   height: 46px;
   background: var(--connector-surface-subtle);
@@ -22845,7 +22855,7 @@ const gT = w(is)`
   }
   margin-top: 10px;
   display: block;
-`, vT = w(P)`
+`, vT = w(j)`
   flex-direction: row;
   flex-grow: 1;
   align-items: center;
@@ -22868,7 +22878,7 @@ const gT = w(is)`
   };
   return /* @__PURE__ */ a.jsxs(mT, { children: [
     /* @__PURE__ */ a.jsxs(bT, { direction: "row", justifyContent: "space-between", children: [
-      g ? /* @__PURE__ */ a.jsxs(P, { gap: "6px", direction: "row", children: [
+      g ? /* @__PURE__ */ a.jsxs(j, { gap: "6px", direction: "row", children: [
         /* @__PURE__ */ a.jsx(vn, { width: "16px", height: "24px" }),
         /* @__PURE__ */ a.jsx(vn, { width: "100px", height: "24px" })
       ] }) : /* @__PURE__ */ a.jsxs(vT, { children: [
@@ -22883,7 +22893,7 @@ const gT = w(is)`
           }
         ) })
       ] }),
-      /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", children: [
         f ? /* @__PURE__ */ a.jsx(Te, { title: n2, placement: "bottom", children: /* @__PURE__ */ a.jsx(go, { onClick: (d) => p(d), children: /* @__PURE__ */ a.jsx($8, { "aria-hidden": !0 }) }) }) : null,
         /* @__PURE__ */ a.jsx(Te, { title: f ? u2 : ys, placement: "bottom", children: /* @__PURE__ */ a.jsx(go, { onClick: () => s((d) => !d), children: /* @__PURE__ */ a.jsx(ks, { className: f ? "" : "hiver-up" }) }) })
       ] })
@@ -23435,7 +23445,7 @@ const gT = w(is)`
     formId: n,
     key: u
   }) => QT(e, t, { formId: n, key: u })
-}), O3 = "connector-agent_auto_fill_nudge", x5 = "connector-agent-autofill-prompt-expanded", PT = w(P)`
+}), O3 = "connector-agent_auto_fill_nudge", x5 = "connector-agent-autofill-prompt-expanded", PT = w(j)`
   gap: 12px;
   align-items: stretch;
   color: var(--connector-text-primary);
@@ -23451,7 +23461,7 @@ const gT = w(is)`
     margin-bottom: 0;
   }
 `;
-w(j)`
+w(P)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -23468,15 +23478,15 @@ w(j)`
     object-fit: cover;
   }
 `;
-const _T = w(P)`
+const _T = w(j)`
   gap: 16px;
   align-items: flex-start;
   width: 100%;
-`, HT = w(P)`
+`, HT = w(j)`
   gap: 2px;
   align-items: flex-start;
   width: 100%;
-`, UT = w(P)`
+`, UT = w(j)`
   flex-direction: row;
   gap: 12px;
   align-items: center;
@@ -23508,7 +23518,7 @@ const _T = w(P)`
         K,
         {
           variant: "caption",
-          color: "var(--connector-text-secondary)",
+          color: "var(--connector-caption-text)",
           sx: { letterSpacing: "0.2px", lineHeight: "16px" },
           children: [
             "Spend less time filling ",
@@ -23545,11 +23555,11 @@ const _T = w(P)`
       children: nS
     }
   ) : null;
-}, y5 = ({ setShown: e, shown: t, title: n, description: u, buttons: r }) => /* @__PURE__ */ a.jsx(eu, { shown: t, setShown: e, showCloseButton: !0, children: /* @__PURE__ */ a.jsxs(P, { width: "400px", padding: "20px", children: [
+}, y5 = ({ setShown: e, shown: t, title: n, description: u, buttons: r }) => /* @__PURE__ */ a.jsx(eu, { shown: t, setShown: e, showCloseButton: !0, children: /* @__PURE__ */ a.jsxs(j, { width: "400px", padding: "20px", children: [
   /* @__PURE__ */ a.jsx(K, { variant: "h2", marginBottom: "8px", children: n }),
-  /* @__PURE__ */ a.jsx(P, { gap: "4px", marginBottom: "20px", children: u.split(`
+  /* @__PURE__ */ a.jsx(j, { gap: "4px", marginBottom: "20px", children: u.split(`
 `).map((o, i) => /* @__PURE__ */ a.jsx(K, { variant: "body2", children: o }, i)) }),
-  /* @__PURE__ */ a.jsx(P, { direction: "row", justifyContent: "flex-end", gap: "8px", children: r.map((o) => /* @__PURE__ */ a.jsx(
+  /* @__PURE__ */ a.jsx(j, { direction: "row", justifyContent: "flex-end", gap: "8px", children: r.map((o) => /* @__PURE__ */ a.jsx(
     Oe,
     {
       variant: o.variant,
@@ -23917,7 +23927,7 @@ const _T = w(P)`
         " to ",
         G.connectorName
       ] }),
-      /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", children: [
         f ? /* @__PURE__ */ a.jsx(
           v5,
           {
@@ -23979,7 +23989,7 @@ const _T = w(P)`
           } : null
         }
       ),
-      Vt ? /* @__PURE__ */ a.jsx(P, { marginTop: "28px", width: "100%", justifyContent: "center", children: /* @__PURE__ */ a.jsx(
+      Vt ? /* @__PURE__ */ a.jsx(j, { marginTop: "28px", width: "100%", justifyContent: "center", children: /* @__PURE__ */ a.jsx(
         zT,
         {
           variant: "text",
@@ -24009,7 +24019,7 @@ const _T = w(P)`
     ] })
   ] });
   return ce && Wt ? _u(ue, Wt) : ue;
-}, w5 = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M9.70785 5.66671H5.70785V9.66671H4.37451V5.66671H0.374512V4.33337H4.37451V0.333374H5.70785V4.33337H9.70785V5.66671Z", fill: "var(--connector-neutral-icon, #4D596C)" })), VT = w(P)`
+}, w5 = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M9.70785 5.66671H5.70785V9.66671H4.37451V5.66671H0.374512V4.33337H4.37451V0.333374H5.70785V4.33337H9.70785V5.66671Z", fill: "var(--connector-neutral-icon, #4D596C)" })), VT = w(j)`
   box-sizing: border-box;
   width: 100%;
   flex-flow: row nowrap;
@@ -24024,7 +24034,7 @@ const _T = w(P)`
   & > :first-child {
     flex-grow: 1;
   }
-`, I5 = w(j)`
+`, I5 = w(P)`
   box-sizing: border-box;
   height: 52px;
   background-color: var(--form-background-color, inherit);
@@ -24036,7 +24046,7 @@ const _T = w(P)`
   display: flex;
   justify-content: flex-end;
   column-gap: 12px;
-`, S5 = w(P)`
+`, S5 = w(j)`
   margin-bottom: 25px;
   flex-grow: 1;
   color: var(--connector-text-primary);
@@ -24045,7 +24055,7 @@ const _T = w(P)`
     position: relative;
     top: -5px;
   }
-`, k5 = w(P)`
+`, k5 = w(j)`
   height: calc(100% - 44px);
   position: relative;
   overflow: auto;
@@ -24075,7 +24085,7 @@ w(Oe)`
     border: 1px solid var(--connector-accent) !important;
   }
 `;
-const GT = w(P)`
+const GT = w(j)`
   box-sizing: border-box;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -24091,7 +24101,7 @@ const GT = w(P)`
   height: 16px;
   width: 16px;
 `, zT = w(Oe)`
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
   &:hover {
     color: var(--connector-accent);
   }
@@ -24232,9 +24242,9 @@ const GT = w(P)`
   onLinkClick: t,
   haveCreateObjects: n,
   haveLinkObjects: u
-}) => /* @__PURE__ */ a.jsxs(P, { gap: 2, marginTop: "12px", children: [
+}) => /* @__PURE__ */ a.jsxs(j, { gap: 2, marginTop: "12px", children: [
   /* @__PURE__ */ a.jsx(K, { variant: "body2", color: "var(--connector-text-primary)", children: VI }),
-  /* @__PURE__ */ a.jsxs(P, { gap: "12px", children: [
+  /* @__PURE__ */ a.jsxs(j, { gap: "12px", children: [
     n ? /* @__PURE__ */ a.jsxs(YT, { fullWidth: !0, onClick: e, size: "medium", children: [
       /* @__PURE__ */ a.jsx(A2, {}),
       /* @__PURE__ */ a.jsx("span", { className: "content__btn", children: Is })
@@ -24244,7 +24254,7 @@ const GT = w(P)`
       /* @__PURE__ */ a.jsx("span", { className: "content__btn", children: f2 })
     ] }) : null
   ] })
-] }), $T = (e) => e.write.searchObjectList, T5 = (e) => e.write.objectDict, eL = (e) => e.write.formFields, tL = (e) => e.write.dependentFieldsMap, nL = "Search in Connectors", uL = "Search in Apps", rL = "Start typing to search..", oL = "Smart search suggestions", aL = ":count result:countSuffix found for :searchObject in :connectorName", iL = "Back to search results", fL = "No search results found", L5 = (e) => /* @__PURE__ */ I.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "var(--connector-neutral-icon, #97A3B7)", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ I.createElement("g", { id: "icons/Actions/Search" }, /* @__PURE__ */ I.createElement("path", { id: "Shape", fillRule: "evenodd", clipRule: "evenodd", d: "M8.57633 7.54717H8.03431L7.8422 7.36192C8.51458 6.57976 8.91938 5.56432 8.91938 4.45969C8.91938 1.99657 6.92281 0 4.45969 0C1.99657 0 0 1.99657 0 4.45969C0 6.92281 1.99657 8.91938 4.45969 8.91938C5.56432 8.91938 6.57976 8.51458 7.36192 7.8422L7.54717 8.03431V8.57633L10.9777 12L12 10.9777L8.57633 7.54717ZM4.45969 7.54717C2.75129 7.54717 1.37221 6.1681 1.37221 4.45969C1.37221 2.75129 2.75129 1.37221 4.45969 1.37221C6.1681 1.37221 7.54717 2.75129 7.54717 4.45969C7.54717 6.1681 6.1681 7.54717 4.45969 7.54717Z" }))), sL = w(P)`
+] }), $T = (e) => e.write.searchObjectList, T5 = (e) => e.write.objectDict, eL = (e) => e.write.formFields, tL = (e) => e.write.dependentFieldsMap, nL = "Search in Connectors", uL = "Search in Apps", rL = "Start typing to search..", oL = "Smart search suggestions", aL = ":count result:countSuffix found for :searchObject in :connectorName", iL = "Back to search results", fL = "No search results found", L5 = (e) => /* @__PURE__ */ I.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "var(--connector-neutral-icon, #97A3B7)", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ I.createElement("g", { id: "icons/Actions/Search" }, /* @__PURE__ */ I.createElement("path", { id: "Shape", fillRule: "evenodd", clipRule: "evenodd", d: "M8.57633 7.54717H8.03431L7.8422 7.36192C8.51458 6.57976 8.91938 5.56432 8.91938 4.45969C8.91938 1.99657 6.92281 0 4.45969 0C1.99657 0 0 1.99657 0 4.45969C0 6.92281 1.99657 8.91938 4.45969 8.91938C5.56432 8.91938 6.57976 8.51458 7.36192 7.8422L7.54717 8.03431V8.57633L10.9777 12L12 10.9777L8.57633 7.54717ZM4.45969 7.54717C2.75129 7.54717 1.37221 6.1681 1.37221 4.45969C1.37221 2.75129 2.75129 1.37221 4.45969 1.37221C6.1681 1.37221 7.54717 2.75129 7.54717 4.45969C7.54717 6.1681 6.1681 7.54717 4.45969 7.54717Z" }))), sL = w(j)`
   flex-flow: row nowrap;
   align-items: center;
   column-gap: 12px;
@@ -24277,12 +24287,12 @@ const GT = w(P)`
   };
   return /* @__PURE__ */ a.jsxs(sL, { isSelected: n, onClick: l, children: [
     /* @__PURE__ */ a.jsx(cL, { src: c, alt: "option" }),
-    /* @__PURE__ */ a.jsxs(P, { children: [
+    /* @__PURE__ */ a.jsxs(j, { children: [
       /* @__PURE__ */ a.jsx(K, { color: "var(--connector-text-primary)", children: f }),
-      /* @__PURE__ */ a.jsx(K, { color: "var(--connector-text-secondary)", fontSize: `${k.typography.caption.fontSize}px`, children: s })
+      /* @__PURE__ */ a.jsx(K, { color: "var(--connector-caption-text)", fontSize: `${k.typography.caption.fontSize}px`, children: s })
     ] })
   ] });
-}, DL = w(P)`
+}, DL = w(j)`
   padding: 10px 0 10px 10px;
 `, { Control: lL } = Qn, AL = ({ children: e, ...t }) => /* @__PURE__ */ a.jsxs(lL, { ...t, children: [
   /* @__PURE__ */ a.jsx(DL, { children: /* @__PURE__ */ a.jsx(L5, {}) }),
@@ -24401,7 +24411,7 @@ const GT = w(P)`
       ...typeof s == "boolean" && { menuIsOpen: s }
     }
   );
-}, gL = w(P)`
+}, gL = w(j)`
   margin: ${({ isEmpty: e }) => e ? "0" : "12px 0"};
 `, hL = ({ objectId: e, searchString: t, fetchSearchResults: n }) => {
   var b;
@@ -24482,7 +24492,7 @@ const GT = w(P)`
     const r = F1.getItem(h1) ?? {};
     r[u] || (r[u] = 0), r[u]++, F1.setItem(h1, r);
   }
-}), EL = w(P)`
+}), EL = w(j)`
   padding: 8px 0;
   color: var(--connector-text-primary);
   background-color: var(--connector-surface-elevated);
@@ -24492,7 +24502,7 @@ const GT = w(P)`
   font-size: ${k.typography.body2.fontSize}px;
 `, bL = w(K)`
   padding: 6px 16px;
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
   font-size: ${k.typography.overline.fontSize}px;
   text-transform: uppercase;
 `, xL = ({ onSelect: e, selectedOption: t, options: n }) => n.length ? /* @__PURE__ */ a.jsxs(EL, { children: [
@@ -24589,7 +24599,7 @@ const GT = w(P)`
   }).filter((E) => !!E), [h, l]), F = (E) => {
     n(E), E && p("" + E.value);
   };
-  return C.length ? /* @__PURE__ */ a.jsxs(P, { children: [
+  return C.length ? /* @__PURE__ */ a.jsxs(j, { children: [
     /* @__PURE__ */ a.jsx(
       CL,
       {
@@ -24632,7 +24642,7 @@ const GT = w(P)`
   onError: () => {
     Je({ message: ZE, type: ht });
   }
-}), RL = w(P)`
+}), RL = w(j)`
   width: fit-content;
   cursor: pointer;
   gap: 8px;
@@ -24670,12 +24680,12 @@ const GT = w(P)`
       email: D
     });
   };
-  return /* @__PURE__ */ a.jsxs(P, { gap: "12px", marginTop: "12px", children: [
+  return /* @__PURE__ */ a.jsxs(j, { gap: "12px", marginTop: "12px", children: [
     /* @__PURE__ */ a.jsxs(RL, { onClick: r, children: [
       /* @__PURE__ */ a.jsx(D5, { width: "16px", height: "16px", style: { color: "var(--connector-icon-secondary)" }, "aria-hidden": !0 }),
       /* @__PURE__ */ a.jsx(K, { children: iL })
     ] }),
-    /* @__PURE__ */ a.jsxs(P, { gap: "24px", children: [
+    /* @__PURE__ */ a.jsxs(j, { gap: "24px", children: [
       /* @__PURE__ */ a.jsx(
         d5,
         {
@@ -24685,10 +24695,10 @@ const GT = w(P)`
           args: A
         }
       ),
-      /* @__PURE__ */ a.jsx(P, { alignItems: "flex-end", children: /* @__PURE__ */ a.jsx(Oe, { size: "small", disabled: d || p, onClick: C, children: o2 }) })
+      /* @__PURE__ */ a.jsx(j, { alignItems: "flex-end", children: /* @__PURE__ */ a.jsx(Oe, { size: "small", disabled: d || p, onClick: C, children: o2 }) })
     ] })
   ] });
-}, M5 = w(P)`
+}, M5 = w(j)`
   padding: 12px 12px 12px 11px;
   color: var(--connector-text-primary);
   background-color: var(--connector-surface);
@@ -24705,9 +24715,9 @@ const GT = w(P)`
     }
   }
     `};
-`, ML = "data:image/svg+xml,%3csvg%20width='124'%20height='107'%20viewBox='0%200%20124%20107'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.6168%2054.7446C28.6931%2052.5589%2031.0146%2051.1102%2033.0842%2051.8174C35.9985%2052.8133%2040.0375%2053.9024%2044.0621%2054.043C48.0034%2054.1806%2051.968%2053.4097%2054.8762%2052.6339C57.0264%2052.0602%2059.2927%2053.6932%2059.215%2055.9172C59.1742%2057.0856%2058.4742%2058.1269%2057.3723%2058.5178C54.8051%2059.4284%2049.7633%2060.8927%2044.3075%2060.7022C38.7694%2060.5088%2033.1999%2058.6241%2030.4004%2057.5311C29.2637%2057.0873%2028.5742%2055.9641%2028.6168%2054.7446Z'%20fill='url(%23paint0_linear_8481_102191)'/%3e%3cpath%20d='M47.223%2043.6373C44.4928%2030.7926%2052.6922%2018.1666%2065.5368%2015.4364C78.3815%2012.7062%2091.0075%2020.9055%2093.7377%2033.7502L105.079%2087.1053L84.1844%2091.5466C70.0346%2094.5542%2056.1258%2085.5217%2053.1182%2071.3719L47.223%2043.6373Z'%20fill='url(%23paint1_linear_8481_102191)'/%3e%3cmask%20id='mask0_8481_102191'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='46'%20y='14'%20width='60'%20height='79'%3e%3cpath%20d='M47.223%2043.6373C44.4928%2030.7926%2052.6922%2018.1666%2065.5368%2015.4364C78.3815%2012.7062%2091.0075%2020.9055%2093.7377%2033.7502L105.079%2087.1053L84.1844%2091.5466C70.0346%2094.5542%2056.1258%2085.5217%2053.1182%2071.3719L47.223%2043.6373Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_8481_102191)'%3e%3cellipse%20cx='63.7775'%20cy='46.8684'%20rx='1.48152'%20ry='1.39438'%20transform='rotate(-12%2063.7775%2046.8684)'%20fill='%23435C71'/%3e%3crect%20x='47.4368'%20y='59.3203'%20width='53.657'%20height='13.2235'%20transform='rotate(-12%2047.4368%2059.3203)'%20fill='url(%23paint2_linear_8481_102191)'/%3e%3crect%20x='51.1907'%20y='76.9824'%20width='53.657'%20height='10.4263'%20transform='rotate(-12%2051.1907%2076.9824)'%20fill='url(%23paint3_linear_8481_102191)'/%3e%3c/g%3e%3cpath%20opacity='0.883952'%20d='M113.939%2051.0679C114.775%2055%20112.265%2058.865%20108.333%2059.7008L107.842%2059.8052C103.639%2060.6986%2099.5073%2058.0155%2098.6139%2053.8123L97.205%2047.1837L105.307%2045.4616C109.239%2044.6259%20113.104%2047.1359%20113.939%2051.0679Z'%20fill='url(%23paint4_linear_8481_102191)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M68.7215%2066.4138C67.1801%2064.8725%2067.6745%2062.2062%2069.587%2061.1603C72.4457%2059.5969%2076.2861%2057.1773%2079.3785%2054.0849C82.4099%2051.0535%2084.752%2047.3461%2086.2775%2044.5465C87.3388%2042.5989%2090.0598%2042.0819%2091.6282%2043.6503C92.4782%2044.5003%2092.758%2045.7623%2092.2604%2046.8566C91.0829%2049.4466%2088.5191%2054.344%2084.4346%2058.4285C80.2853%2062.5778%2074.8639%2065.591%2072.0553%2066.9952C70.9363%2067.5548%2069.6062%2067.2985%2068.7215%2066.4138Z'%20fill='url(%23paint5_linear_8481_102191)'/%3e%3crect%20x='48.7264'%20y='33.7744'%20width='11.2108'%20height='11.2108'%20rx='5.59457'%20transform='rotate(-12%2048.7264%2033.7744)'%20fill='url(%23paint6_linear_8481_102191)'/%3e%3crect%20x='50.0175'%20y='35.8193'%20width='4.0158'%20height='3.84848'%20rx='1.92424'%20transform='rotate(-12%2050.0175%2035.8193)'%20fill='%23435C71'/%3e%3crect%20x='59.2875'%20y='31.5723'%20width='11.2108'%20height='11.2108'%20rx='5.59457'%20transform='rotate(-12%2059.2875%2031.5723)'%20fill='%23FFFEFE'/%3e%3cpath%20opacity='0.883952'%20d='M111.25%2038.5376C110.415%2034.6055%20106.55%2032.0955%20102.618%2032.9313L102.127%2033.0356C97.9234%2033.9291%2095.2403%2038.0607%2096.1337%2042.2639L97.5426%2048.8925L105.644%2047.1705C109.576%2046.3347%20112.086%2042.4696%20111.25%2038.5376Z'%20fill='url(%23paint7_linear_8481_102191)'/%3e%3crect%20x='60.0181'%20y='33.8037'%20width='3.84848'%20height='3.84848'%20rx='1.90724'%20transform='rotate(-12%2060.0181%2033.8037)'%20fill='%23435C71'/%3e%3cpath%20d='M36.9246%2059.1604C36.4487%2060.717%2034.7371%2061.6271%2033.1805%2061.1512C32.3613%2060.9007%2031.7241%2060.3475%2031.3259%2059.5987L25.2059%2046.7983C24.9784%2046.3703%2025.1286%2045.8788%2025.5566%2045.6513L28.338%2044.1724C28.7659%2043.9449%2029.2574%2044.0951%2029.4849%2044.5231L36.6496%2056.8367C37.0728%2057.5036%2037.15%2058.423%2036.9246%2059.1604Z'%20fill='%23FFDF9F'/%3e%3crect%20x='27.9973'%20y='44.333'%20width='2.39869'%20height='3.59807'%20transform='rotate(152%2027.9973%2044.333)'%20fill='%23FF9090'/%3e%3cpath%20d='M26.6628%2044.3769L26.9472%2044.9118L28.0169%2044.343L26.3106%2041.1338L24.171%2042.2714L25.0243%2043.876C25.6661%2043.5347%2026.3215%2043.7351%2026.6628%2044.3769Z'%20fill='%23FFB19F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.26386%2027.248C9.3428%2020.4481%2016.5101%2016.6372%2023.31%2018.7161C30.11%2020.7951%2033.9209%2027.9624%2031.8419%2034.7623C29.763%2041.5622%2022.5956%2045.3731%2015.7958%2043.2942C8.99587%2041.2152%205.18493%2034.0479%207.26386%2027.248ZM9.72157%2027.9983C8.06843%2033.4055%2011.1399%2039.1821%2016.5471%2040.8352C21.9543%2042.4884%2027.7309%2039.4168%2029.384%2034.0096C31.0372%2028.6024%2027.9657%2022.8258%2022.5585%2021.1727C17.1513%2019.5196%2011.3747%2022.5911%209.72157%2027.9983Z'%20fill='%23FFE69F'/%3e%3ccircle%20opacity='0.414016'%20cx='19.5529'%20cy='31.0039'%20r='10.2804'%20transform='rotate(17%2019.5529%2031.0039)'%20fill='%23BBDEFC'/%3e%3cpath%20d='M14.3685%2030.6746C15.7299%2027.6867%2018.9391%2025.9803%2022.1776%2026.5225L22.2595%2026.5475C23.7024%2026.8095%2024.3854%2024.8682%2023.1497%2024.2218C22.3806%2023.8074%2021.5613%2023.557%2020.717%2023.3884C17.3715%2022.9031%2014.0553%2024.6664%2012.6939%2027.6543C12.2796%2028.4235%2012.0859%2029.3497%2012.0244%2030.1372C11.8444%2031.6051%2013.8607%2032.0424%2014.4503%2030.6997C14.3434%2030.7566%2014.3685%2030.6746%2014.3685%2030.6746Z'%20fill='%23F6FBFF'/%3e%3cpath%20d='M10.2904%2029.0679C11.9436%2023.6607%2017.7202%2020.5893%2023.1274%2022.2424C25.6671%2023.0189%2027.5785%2024.6783%2028.9301%2026.704C27.7539%2024.1048%2025.508%2022.0744%2022.5586%2021.1727C17.1514%2019.5196%2011.3748%2022.591%209.72165%2027.9982C8.81993%2030.9476%209.32924%2033.97%2010.7444%2036.3735C9.82081%2034.1203%209.51395%2031.6077%2010.2904%2029.0679Z'%20fill='%23ADCBE7'/%3e%3cpath%20opacity='0.406087'%20d='M36.4864%2056.8021L36.1373%2056.2691C36.3845%2056.8563%2036.428%2057.5516%2036.2372%2058.1754C35.9273%2059.189%2034.5593%2059.1971%2034.0713%2058.2806L28.3787%2047.5877C28.0534%2046.9767%2027.3508%2046.7619%2026.7395%2047.0866L25.7206%2047.6277L31.4395%2059.3516C31.7648%2059.9627%2032.27%2060.5434%2032.8706%2060.8123C33.7054%2061.1528%2034.6593%2061.1034%2035.3726%2060.7247C36.0858%2060.3459%2036.6602%2059.5837%2036.8444%2058.7021C37.0351%2058.0783%2036.8117%2057.4132%2036.4864%2056.8021Z'%20fill='white'/%3e%3cpath%20d='M29.8826%2048.4977C29.8006%2048.4726%2029.6368%2048.4225%2029.5799%2048.3155L28.1579%2045.6411C28.0442%2045.4272%2028.1193%2045.1814%2028.3332%2045.0677C28.5472%2044.9539%2028.7929%2045.0291%2028.9067%2045.243L30.3287%2047.9174C30.4424%2048.1313%2030.3673%2048.3771%2030.1534%2048.4908C30.1284%2048.5728%2029.9645%2048.5227%2029.8826%2048.4977Z'%20fill='%23FFF5EB'/%3e%3cellipse%20cx='29.2637'%20cy='54.631'%20rx='1.50593'%20ry='3.17918'%20transform='rotate(-23%2029.2637%2054.631)'%20fill='%23FFC478'/%3e%3cellipse%20cx='34.0592'%20cy='52.4078'%20rx='0.920288'%20ry='1.67325'%20transform='rotate(106%2034.0592%2052.4078)'%20fill='%23FFC478'/%3e%3cpath%20d='M89.1282%2019.2055L68.2257%2026.8725L45.9197%2028.3898L44.4929%2016.4082C44.3371%2013.798%2047.5283%2011.4502%2050.9859%2011.6309L65.1429%2012.369L67.3969%2012.4869C68.5309%2012.5463%2069.7066%2012.3289%2070.7522%2011.8627L78.6899%208.34726C81.725%206.99992%2085.3012%207.87475%2086.2125%2010.1876L89.1282%2019.2055Z'%20fill='url(%23paint8_linear_8481_102191)'/%3e%3cpath%20opacity='0.479771'%20d='M88.6262%2019.0953L68.3101%2026.5288L65.3314%2012.5149L67.5211%2012.6263C68.6228%2012.6824%2069.7652%2012.471%2070.7816%2012.0192L78.4972%208.61266C81.4474%207.30707%2084.9208%208.14856%2085.8036%2010.3829L88.6262%2019.0953Z'%20fill='%23ADCBE7'/%3e%3cpath%20d='M91.6332%2026.6212L46.9517%2036.1186L46.0387%2028.4438L89.2535%2019.2582L91.6332%2026.6212Z'%20fill='%23717DAD'/%3e%3cpath%20d='M102.961%2024.2033C103.125%2024.9722%20102.371%2025.7829%20101.278%2026.015L37.9675%2039.4722C36.8754%2039.7043%2035.8568%2039.2704%2035.6933%2038.5015C35.5301%2037.7336%2036.284%2036.922%2037.3761%2036.6898L100.687%2023.2327C101.779%2023.0005%20102.798%2023.4354%20102.961%2024.2033Z'%20fill='%239ED1FF'/%3e%3cpath%20d='M102.703%2024.1718C102.838%2024.805%20102.067%2025.5045%20100.983%2025.7349L69.5583%2032.4144L69.0712%2030.123L100.496%2023.4436C101.58%2023.2131%20102.569%2023.5394%20102.703%2024.1718Z'%20fill='%2378AFE1'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8481_102191'%20x1='32.2665'%20y1='59.6553'%20x2='59.0518'%20y2='60.5906'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFDE0'/%3e%3cstop%20offset='1'%20stop-color='%23FFB362'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8481_102191'%20x1='67.3434'%20y1='85.966'%20x2='103.216'%20y2='78.3411'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFABC'/%3e%3cstop%20offset='1'%20stop-color='%23FFA650'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_8481_102191'%20x1='51.4347'%20y1='74.8197'%20x2='91.1539'%20y2='74.8197'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A3C1FF'/%3e%3cstop%20offset='1'%20stop-color='%234243FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_8481_102191'%20x1='55.1887'%20y1='89.2031'%20x2='94.9078'%20y2='89.2031'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A3C1FF'/%3e%3cstop%20offset='1'%20stop-color='%234243FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_8481_102191'%20x1='94.5023'%20y1='53.1799'%20x2='106.762'%20y2='58.7056'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF9498'/%3e%3cstop%20offset='1'%20stop-color='%23FFD671'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint5_linear_8481_102191'%20x1='74.9906'%20y1='66.9871'%20x2='94.9778'%20y2='46.9999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFDE0'/%3e%3cstop%20offset='1'%20stop-color='%23FFB362'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint6_linear_8481_102191'%20x1='50.5805'%20y1='44.0581'%20x2='59.9372'%20y2='44.0581'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23E3EEF3'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint7_linear_8481_102191'%20x1='88.4187'%20y1='43.3906'%20x2='99.3981'%20y2='25.1833'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF9498'/%3e%3cstop%20offset='1'%20stop-color='%23FFD671'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint8_linear_8481_102191'%20x1='56.4985'%20y1='29.5482'%20x2='100.532'%20y2='20.1885'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ECF7FF'/%3e%3cstop%20offset='1'%20stop-color='%23C2E0FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", QL = () => /* @__PURE__ */ a.jsxs(j, { justifyItems: "center", marginTop: "40px", children: [
+`, ML = "data:image/svg+xml,%3csvg%20width='124'%20height='107'%20viewBox='0%200%20124%20107'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.6168%2054.7446C28.6931%2052.5589%2031.0146%2051.1102%2033.0842%2051.8174C35.9985%2052.8133%2040.0375%2053.9024%2044.0621%2054.043C48.0034%2054.1806%2051.968%2053.4097%2054.8762%2052.6339C57.0264%2052.0602%2059.2927%2053.6932%2059.215%2055.9172C59.1742%2057.0856%2058.4742%2058.1269%2057.3723%2058.5178C54.8051%2059.4284%2049.7633%2060.8927%2044.3075%2060.7022C38.7694%2060.5088%2033.1999%2058.6241%2030.4004%2057.5311C29.2637%2057.0873%2028.5742%2055.9641%2028.6168%2054.7446Z'%20fill='url(%23paint0_linear_8481_102191)'/%3e%3cpath%20d='M47.223%2043.6373C44.4928%2030.7926%2052.6922%2018.1666%2065.5368%2015.4364C78.3815%2012.7062%2091.0075%2020.9055%2093.7377%2033.7502L105.079%2087.1053L84.1844%2091.5466C70.0346%2094.5542%2056.1258%2085.5217%2053.1182%2071.3719L47.223%2043.6373Z'%20fill='url(%23paint1_linear_8481_102191)'/%3e%3cmask%20id='mask0_8481_102191'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='46'%20y='14'%20width='60'%20height='79'%3e%3cpath%20d='M47.223%2043.6373C44.4928%2030.7926%2052.6922%2018.1666%2065.5368%2015.4364C78.3815%2012.7062%2091.0075%2020.9055%2093.7377%2033.7502L105.079%2087.1053L84.1844%2091.5466C70.0346%2094.5542%2056.1258%2085.5217%2053.1182%2071.3719L47.223%2043.6373Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_8481_102191)'%3e%3cellipse%20cx='63.7775'%20cy='46.8684'%20rx='1.48152'%20ry='1.39438'%20transform='rotate(-12%2063.7775%2046.8684)'%20fill='%23435C71'/%3e%3crect%20x='47.4368'%20y='59.3203'%20width='53.657'%20height='13.2235'%20transform='rotate(-12%2047.4368%2059.3203)'%20fill='url(%23paint2_linear_8481_102191)'/%3e%3crect%20x='51.1907'%20y='76.9824'%20width='53.657'%20height='10.4263'%20transform='rotate(-12%2051.1907%2076.9824)'%20fill='url(%23paint3_linear_8481_102191)'/%3e%3c/g%3e%3cpath%20opacity='0.883952'%20d='M113.939%2051.0679C114.775%2055%20112.265%2058.865%20108.333%2059.7008L107.842%2059.8052C103.639%2060.6986%2099.5073%2058.0155%2098.6139%2053.8123L97.205%2047.1837L105.307%2045.4616C109.239%2044.6259%20113.104%2047.1359%20113.939%2051.0679Z'%20fill='url(%23paint4_linear_8481_102191)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M68.7215%2066.4138C67.1801%2064.8725%2067.6745%2062.2062%2069.587%2061.1603C72.4457%2059.5969%2076.2861%2057.1773%2079.3785%2054.0849C82.4099%2051.0535%2084.752%2047.3461%2086.2775%2044.5465C87.3388%2042.5989%2090.0598%2042.0819%2091.6282%2043.6503C92.4782%2044.5003%2092.758%2045.7623%2092.2604%2046.8566C91.0829%2049.4466%2088.5191%2054.344%2084.4346%2058.4285C80.2853%2062.5778%2074.8639%2065.591%2072.0553%2066.9952C70.9363%2067.5548%2069.6062%2067.2985%2068.7215%2066.4138Z'%20fill='url(%23paint5_linear_8481_102191)'/%3e%3crect%20x='48.7264'%20y='33.7744'%20width='11.2108'%20height='11.2108'%20rx='5.59457'%20transform='rotate(-12%2048.7264%2033.7744)'%20fill='url(%23paint6_linear_8481_102191)'/%3e%3crect%20x='50.0175'%20y='35.8193'%20width='4.0158'%20height='3.84848'%20rx='1.92424'%20transform='rotate(-12%2050.0175%2035.8193)'%20fill='%23435C71'/%3e%3crect%20x='59.2875'%20y='31.5723'%20width='11.2108'%20height='11.2108'%20rx='5.59457'%20transform='rotate(-12%2059.2875%2031.5723)'%20fill='%23FFFEFE'/%3e%3cpath%20opacity='0.883952'%20d='M111.25%2038.5376C110.415%2034.6055%20106.55%2032.0955%20102.618%2032.9313L102.127%2033.0356C97.9234%2033.9291%2095.2403%2038.0607%2096.1337%2042.2639L97.5426%2048.8925L105.644%2047.1705C109.576%2046.3347%20112.086%2042.4696%20111.25%2038.5376Z'%20fill='url(%23paint7_linear_8481_102191)'/%3e%3crect%20x='60.0181'%20y='33.8037'%20width='3.84848'%20height='3.84848'%20rx='1.90724'%20transform='rotate(-12%2060.0181%2033.8037)'%20fill='%23435C71'/%3e%3cpath%20d='M36.9246%2059.1604C36.4487%2060.717%2034.7371%2061.6271%2033.1805%2061.1512C32.3613%2060.9007%2031.7241%2060.3475%2031.3259%2059.5987L25.2059%2046.7983C24.9784%2046.3703%2025.1286%2045.8788%2025.5566%2045.6513L28.338%2044.1724C28.7659%2043.9449%2029.2574%2044.0951%2029.4849%2044.5231L36.6496%2056.8367C37.0728%2057.5036%2037.15%2058.423%2036.9246%2059.1604Z'%20fill='%23FFDF9F'/%3e%3crect%20x='27.9973'%20y='44.333'%20width='2.39869'%20height='3.59807'%20transform='rotate(152%2027.9973%2044.333)'%20fill='%23FF9090'/%3e%3cpath%20d='M26.6628%2044.3769L26.9472%2044.9118L28.0169%2044.343L26.3106%2041.1338L24.171%2042.2714L25.0243%2043.876C25.6661%2043.5347%2026.3215%2043.7351%2026.6628%2044.3769Z'%20fill='%23FFB19F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.26386%2027.248C9.3428%2020.4481%2016.5101%2016.6372%2023.31%2018.7161C30.11%2020.7951%2033.9209%2027.9624%2031.8419%2034.7623C29.763%2041.5622%2022.5956%2045.3731%2015.7958%2043.2942C8.99587%2041.2152%205.18493%2034.0479%207.26386%2027.248ZM9.72157%2027.9983C8.06843%2033.4055%2011.1399%2039.1821%2016.5471%2040.8352C21.9543%2042.4884%2027.7309%2039.4168%2029.384%2034.0096C31.0372%2028.6024%2027.9657%2022.8258%2022.5585%2021.1727C17.1513%2019.5196%2011.3747%2022.5911%209.72157%2027.9983Z'%20fill='%23FFE69F'/%3e%3ccircle%20opacity='0.414016'%20cx='19.5529'%20cy='31.0039'%20r='10.2804'%20transform='rotate(17%2019.5529%2031.0039)'%20fill='%23BBDEFC'/%3e%3cpath%20d='M14.3685%2030.6746C15.7299%2027.6867%2018.9391%2025.9803%2022.1776%2026.5225L22.2595%2026.5475C23.7024%2026.8095%2024.3854%2024.8682%2023.1497%2024.2218C22.3806%2023.8074%2021.5613%2023.557%2020.717%2023.3884C17.3715%2022.9031%2014.0553%2024.6664%2012.6939%2027.6543C12.2796%2028.4235%2012.0859%2029.3497%2012.0244%2030.1372C11.8444%2031.6051%2013.8607%2032.0424%2014.4503%2030.6997C14.3434%2030.7566%2014.3685%2030.6746%2014.3685%2030.6746Z'%20fill='%23F6FBFF'/%3e%3cpath%20d='M10.2904%2029.0679C11.9436%2023.6607%2017.7202%2020.5893%2023.1274%2022.2424C25.6671%2023.0189%2027.5785%2024.6783%2028.9301%2026.704C27.7539%2024.1048%2025.508%2022.0744%2022.5586%2021.1727C17.1514%2019.5196%2011.3748%2022.591%209.72165%2027.9982C8.81993%2030.9476%209.32924%2033.97%2010.7444%2036.3735C9.82081%2034.1203%209.51395%2031.6077%2010.2904%2029.0679Z'%20fill='%23ADCBE7'/%3e%3cpath%20opacity='0.406087'%20d='M36.4864%2056.8021L36.1373%2056.2691C36.3845%2056.8563%2036.428%2057.5516%2036.2372%2058.1754C35.9273%2059.189%2034.5593%2059.1971%2034.0713%2058.2806L28.3787%2047.5877C28.0534%2046.9767%2027.3508%2046.7619%2026.7395%2047.0866L25.7206%2047.6277L31.4395%2059.3516C31.7648%2059.9627%2032.27%2060.5434%2032.8706%2060.8123C33.7054%2061.1528%2034.6593%2061.1034%2035.3726%2060.7247C36.0858%2060.3459%2036.6602%2059.5837%2036.8444%2058.7021C37.0351%2058.0783%2036.8117%2057.4132%2036.4864%2056.8021Z'%20fill='white'/%3e%3cpath%20d='M29.8826%2048.4977C29.8006%2048.4726%2029.6368%2048.4225%2029.5799%2048.3155L28.1579%2045.6411C28.0442%2045.4272%2028.1193%2045.1814%2028.3332%2045.0677C28.5472%2044.9539%2028.7929%2045.0291%2028.9067%2045.243L30.3287%2047.9174C30.4424%2048.1313%2030.3673%2048.3771%2030.1534%2048.4908C30.1284%2048.5728%2029.9645%2048.5227%2029.8826%2048.4977Z'%20fill='%23FFF5EB'/%3e%3cellipse%20cx='29.2637'%20cy='54.631'%20rx='1.50593'%20ry='3.17918'%20transform='rotate(-23%2029.2637%2054.631)'%20fill='%23FFC478'/%3e%3cellipse%20cx='34.0592'%20cy='52.4078'%20rx='0.920288'%20ry='1.67325'%20transform='rotate(106%2034.0592%2052.4078)'%20fill='%23FFC478'/%3e%3cpath%20d='M89.1282%2019.2055L68.2257%2026.8725L45.9197%2028.3898L44.4929%2016.4082C44.3371%2013.798%2047.5283%2011.4502%2050.9859%2011.6309L65.1429%2012.369L67.3969%2012.4869C68.5309%2012.5463%2069.7066%2012.3289%2070.7522%2011.8627L78.6899%208.34726C81.725%206.99992%2085.3012%207.87475%2086.2125%2010.1876L89.1282%2019.2055Z'%20fill='url(%23paint8_linear_8481_102191)'/%3e%3cpath%20opacity='0.479771'%20d='M88.6262%2019.0953L68.3101%2026.5288L65.3314%2012.5149L67.5211%2012.6263C68.6228%2012.6824%2069.7652%2012.471%2070.7816%2012.0192L78.4972%208.61266C81.4474%207.30707%2084.9208%208.14856%2085.8036%2010.3829L88.6262%2019.0953Z'%20fill='%23ADCBE7'/%3e%3cpath%20d='M91.6332%2026.6212L46.9517%2036.1186L46.0387%2028.4438L89.2535%2019.2582L91.6332%2026.6212Z'%20fill='%23717DAD'/%3e%3cpath%20d='M102.961%2024.2033C103.125%2024.9722%20102.371%2025.7829%20101.278%2026.015L37.9675%2039.4722C36.8754%2039.7043%2035.8568%2039.2704%2035.6933%2038.5015C35.5301%2037.7336%2036.284%2036.922%2037.3761%2036.6898L100.687%2023.2327C101.779%2023.0005%20102.798%2023.4354%20102.961%2024.2033Z'%20fill='%239ED1FF'/%3e%3cpath%20d='M102.703%2024.1718C102.838%2024.805%20102.067%2025.5045%20100.983%2025.7349L69.5583%2032.4144L69.0712%2030.123L100.496%2023.4436C101.58%2023.2131%20102.569%2023.5394%20102.703%2024.1718Z'%20fill='%2378AFE1'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8481_102191'%20x1='32.2665'%20y1='59.6553'%20x2='59.0518'%20y2='60.5906'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFDE0'/%3e%3cstop%20offset='1'%20stop-color='%23FFB362'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8481_102191'%20x1='67.3434'%20y1='85.966'%20x2='103.216'%20y2='78.3411'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFABC'/%3e%3cstop%20offset='1'%20stop-color='%23FFA650'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_8481_102191'%20x1='51.4347'%20y1='74.8197'%20x2='91.1539'%20y2='74.8197'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A3C1FF'/%3e%3cstop%20offset='1'%20stop-color='%234243FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_8481_102191'%20x1='55.1887'%20y1='89.2031'%20x2='94.9078'%20y2='89.2031'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23A3C1FF'/%3e%3cstop%20offset='1'%20stop-color='%234243FF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_8481_102191'%20x1='94.5023'%20y1='53.1799'%20x2='106.762'%20y2='58.7056'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF9498'/%3e%3cstop%20offset='1'%20stop-color='%23FFD671'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint5_linear_8481_102191'%20x1='74.9906'%20y1='66.9871'%20x2='94.9778'%20y2='46.9999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFFDE0'/%3e%3cstop%20offset='1'%20stop-color='%23FFB362'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint6_linear_8481_102191'%20x1='50.5805'%20y1='44.0581'%20x2='59.9372'%20y2='44.0581'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%23E3EEF3'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint7_linear_8481_102191'%20x1='88.4187'%20y1='43.3906'%20x2='99.3981'%20y2='25.1833'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF9498'/%3e%3cstop%20offset='1'%20stop-color='%23FFD671'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint8_linear_8481_102191'%20x1='56.4985'%20y1='29.5482'%20x2='100.532'%20y2='20.1885'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ECF7FF'/%3e%3cstop%20offset='1'%20stop-color='%23C2E0FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", QL = () => /* @__PURE__ */ a.jsxs(j, { alignItems: "center", marginTop: "40px", children: [
   /* @__PURE__ */ a.jsx("img", { src: ML, width: 124, height: 107 }),
-  /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)" }, children: fL })
+  /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)" }, children: fL })
 ] }), jL = ({ searchResults: e, selectedObject: t, onReset: n, fetchCards: u }) => {
   const r = _t(), { sendTrackingEvent: o, currentSmIds: i } = Xe(gt), [f, s] = U(null), c = Bt(aL, {
     count: e.length.toString(),
@@ -24731,22 +24741,22 @@ const GT = w(P)`
   }, g = () => {
     n(), u(), l();
   };
-  return e.length ? f ? /* @__PURE__ */ a.jsx(NL, { meta: f, onBack: l, onLink: g }) : /* @__PURE__ */ a.jsxs(P, { gap: "14px", marginTop: "12px", children: [
-    /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)" }, children: c }),
-    /* @__PURE__ */ a.jsx(P, { gap: "17px", children: e == null ? void 0 : e.map(({ externalResourceId: h, name: p, description: d }) => /* @__PURE__ */ a.jsxs(M5, { onClick: () => D(h, p), direction: "row", children: [
-      /* @__PURE__ */ a.jsxs(P, { flexGrow: 1, children: [
+  return e.length ? f ? /* @__PURE__ */ a.jsx(NL, { meta: f, onBack: l, onLink: g }) : /* @__PURE__ */ a.jsxs(j, { gap: "14px", marginTop: "12px", children: [
+    /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)" }, children: c }),
+    /* @__PURE__ */ a.jsx(j, { gap: "17px", children: e == null ? void 0 : e.map(({ externalResourceId: h, name: p, description: d }) => /* @__PURE__ */ a.jsxs(M5, { onClick: () => D(h, p), direction: "row", children: [
+      /* @__PURE__ */ a.jsxs(j, { flexGrow: 1, children: [
         /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-primary)" }, children: p }),
-        /* @__PURE__ */ a.jsx(K, { variant: "caption", sx: { color: "var(--connector-text-secondary)" }, children: d })
+        /* @__PURE__ */ a.jsx(K, { variant: "caption", sx: { color: "var(--connector-caption-text)" }, children: d })
       ] }),
-      /* @__PURE__ */ a.jsx(j, { alignSelf: "center", className: "search-item__chevron", width: "20px", height: "20px", children: /* @__PURE__ */ a.jsx($s, { width: "20px", height: "20px", "aria-hidden": !0 }) })
+      /* @__PURE__ */ a.jsx(P, { alignSelf: "center", className: "search-item__chevron", width: "20px", height: "20px", children: /* @__PURE__ */ a.jsx($s, { width: "20px", height: "20px", "aria-hidden": !0 }) })
     ] }, h)) })
   ] }) : /* @__PURE__ */ a.jsx(QL, {});
 }, Kr = w(Ki)`
   display: block;
   margin: ${(e) => e.margin ? e.margin : 0};
-`, PL = () => /* @__PURE__ */ a.jsxs(P, { marginTop: "12px", children: [
+`, PL = () => /* @__PURE__ */ a.jsxs(j, { marginTop: "12px", children: [
   /* @__PURE__ */ a.jsx(Kr, { variant: "rounded", width: "50%", height: "16px", animation: "wave", margin: "0 0 18px 0" }),
-  /* @__PURE__ */ a.jsx(P, { gap: "17px", children: /* @__PURE__ */ a.jsxs(M5, { gap: "8px", disableHover: !0, children: [
+  /* @__PURE__ */ a.jsx(j, { gap: "17px", children: /* @__PURE__ */ a.jsxs(M5, { gap: "8px", disableHover: !0, children: [
     /* @__PURE__ */ a.jsx(Kr, { variant: "rounded", width: "30%", height: "16px", animation: "wave" }),
     /* @__PURE__ */ a.jsx(Kr, { variant: "rounded", width: "70%", height: "16px", animation: "wave" })
   ] }) })
@@ -24849,7 +24859,7 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
     },
     [t.connectorId, t.connectorName, u, r]
   );
-  return /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "0px", justifyContent: "space-between", children: [
+  return /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "0px", justifyContent: "space-between", children: [
     /* @__PURE__ */ a.jsx(
       as,
       {
@@ -24862,7 +24872,7 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
         renderValue: (s) => {
           var D;
           const c = ((D = (t.presets ?? []).find((l) => l.hiverParam === s)) == null ? void 0 : D.label) ?? "";
-          return /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "8px", children: [
+          return /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "8px", children: [
             /* @__PURE__ */ a.jsx(s5, { width: 18, height: 18 }),
             /* @__PURE__ */ a.jsx("span", { children: c })
           ] });
@@ -24878,17 +24888,17 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
         ))
       }
     ),
-    /* @__PURE__ */ a.jsx(j, { sx: N3 }),
-    /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "4px", padding: "4px 12px", sx: YL, children: [
+    /* @__PURE__ */ a.jsx(P, { sx: N3 }),
+    /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "4px", padding: "4px 12px", sx: YL, children: [
       t.logo && /* @__PURE__ */ a.jsx("img", { src: t.logo, width: 16, height: 16, alt: t.connectorName }),
-      /* @__PURE__ */ a.jsxs(K, { variant: "body2", color: "var(--connector-text-secondary)", children: [
+      /* @__PURE__ */ a.jsxs(K, { variant: "body2", color: "var(--connector-caption-text)", children: [
         "Matches with ",
         t.connectorName,
         "'s"
       ] })
     ] }),
-    /* @__PURE__ */ a.jsx(j, { sx: N3 }),
-    /* @__PURE__ */ a.jsx(j, { sx: qL, children: /* @__PURE__ */ a.jsx(K, { variant: "body2", fontSize: 14, children: o }) })
+    /* @__PURE__ */ a.jsx(P, { sx: N3 }),
+    /* @__PURE__ */ a.jsx(P, { sx: qL, children: /* @__PURE__ */ a.jsx(K, { variant: "body2", fontSize: 14, children: o }) })
   ] });
 }), eO = Tl(function({
   open: t,
@@ -24940,13 +24950,13 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
     },
     [n]
   );
-  return /* @__PURE__ */ a.jsx(eu, { shown: t, setShown: h, showCloseButton: !1, children: /* @__PURE__ */ a.jsxs(P, { padding: "24px 20px", gap: "16px", sx: { minWidth: "800px" }, children: [
+  return /* @__PURE__ */ a.jsx(eu, { shown: t, setShown: h, showCloseButton: !1, children: /* @__PURE__ */ a.jsxs(j, { padding: "24px 20px", gap: "16px", sx: { minWidth: "800px" }, children: [
     /* @__PURE__ */ a.jsx(K, { variant: "h2", children: "Customer identity mapping" }),
     /* @__PURE__ */ a.jsx(K, { variant: "body2", children: "Choose how Hiver should identify customers when fetching data from connected apps." }),
     u.some((p) => {
       var d;
       return ((d = p.presets) == null ? void 0 : d.length) > 1;
-    }) && /* @__PURE__ */ a.jsx(P, { gap: "8px", sx: KL, children: u.filter((p) => {
+    }) && /* @__PURE__ */ a.jsx(j, { gap: "8px", sx: KL, children: u.filter((p) => {
       var d;
       return ((d = p.presets) == null ? void 0 : d.length) > 1;
     }).map((p) => /* @__PURE__ */ a.jsx(
@@ -24959,7 +24969,7 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
       },
       p.connectorId
     )) }),
-    /* @__PURE__ */ a.jsxs(P, { direction: "row", justifyContent: "flex-end", gap: "8px", children: [
+    /* @__PURE__ */ a.jsxs(j, { direction: "row", justifyContent: "flex-end", gap: "8px", children: [
       /* @__PURE__ */ a.jsx(Oe, { variant: "text", onClick: n, children: "Cancel" }),
       /* @__PURE__ */ a.jsx(Oe, { variant: "contained", onClick: l, disabled: D, children: "Save" })
     ] })
@@ -25312,8 +25322,8 @@ const G0 = /* @__PURE__ */ new Set(), _L = (e, t) => {
             ) }, "edit-form"),
             /* @__PURE__ */ a.jsx(iu, { condition: x, children: /* @__PURE__ */ a.jsx(g1, { onClose: () => y(!1), children: /* @__PURE__ */ a.jsx(JT, { setOpenTaskLinking: y, onLinkingSuccess: Vt }) }) }, "link-form"),
             /* @__PURE__ */ a.jsxs(iu, { fallback: !0, children: [
-              uu && (ae != null && ae.length) && !_n ? /* @__PURE__ */ a.jsxs(P, { direction: "row", alignItems: "center", gap: "8px", children: [
-                /* @__PURE__ */ a.jsx(P, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ a.jsx(
+              uu && (ae != null && ae.length) && !_n ? /* @__PURE__ */ a.jsxs(j, { direction: "row", alignItems: "center", gap: "8px", children: [
+                /* @__PURE__ */ a.jsx(j, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ a.jsx(
                   CT,
                   {
                     emailHeaders: Ye,
@@ -25827,7 +25837,7 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
   FEEDBACK_OPTION_SUBMITTED: "app_object_detection_general_feedback_submitted",
   DATA_CARD_DURATION: "app_object_detection_data_card_duration",
   DATA_CARD_SCROLLED: "app_object_detection_data_card_scrolled"
-}, _5 = (e) => /* @__PURE__ */ a.jsx(Oe, { ...e, disabled: e.isLoading || e.disabled, children: e.isLoading ? /* @__PURE__ */ a.jsx(Ao, { sx: { color: k.palette.gray.gray4 }, size: 20 }) : e.label }), wO = w(j)`
+}, _5 = (e) => /* @__PURE__ */ a.jsx(Oe, { ...e, disabled: e.isLoading || e.disabled, children: e.isLoading ? /* @__PURE__ */ a.jsx(Ao, { sx: { color: k.palette.gray.gray4 }, size: 20 }) : e.label }), wO = w(P)`
   max-height: 340px;
   width: 440px;
   border-radius: 12px;
@@ -25841,10 +25851,10 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
     flex-direction: row;
     margin-bottom: 12px;
   }
-`, IO = w(j)`
+`, IO = w(P)`
   border-bottom: 1px solid ${k.palette.gray.gray6};
   margin: 12px -16px;
-`, SO = w(j)`
+`, SO = w(P)`
   display: flex;
   justify-content: flex-end;
   margin-top: 30px;
@@ -25913,7 +25923,7 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
       )
     ] })
   ] });
-}, kO = w(j)`
+}, kO = w(P)`
   border-radius: 12px;
   max-height: 298px;
   width: 288px;
@@ -25925,7 +25935,7 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
   & > * {
     box-sizing: border-box;
   }
-`, TO = w(j)`
+`, TO = w(P)`
   height: 24px;
   display: flex;
   align-items: center;
@@ -25938,11 +25948,11 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
   width: ${(e) => e.width || "200px"};
   line-height: 18px;
   color: var(--connector-text-primary);
-`, OO = w(j)`
+`, OO = w(P)`
   height: 1px;
   background-color: var(--connector-border);
   margin: 0 -16px;
-`, RO = w(j)`
+`, RO = w(P)`
   padding: 0px 16px;
   border-radius: 12px;
   height: calc(100% - 82px);
@@ -25965,11 +25975,11 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
   margin-right: 0px;
   word-break: 'break-word';
   text-align: right;
-`, QO = w(j)`
+`, QO = w(P)`
   display: flex;
   justify-content: space-between;
   margin-bottom: 20px;
-`, jO = w(j)`
+`, jO = w(P)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -26076,14 +26086,14 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
     /* @__PURE__ */ a.jsxs(kO, { children: [
       /* @__PURE__ */ a.jsxs(RO, { onScroll: X, children: [
         /* @__PURE__ */ a.jsxs(TO, { children: [
-          /* @__PURE__ */ a.jsxs(P, { flexDirection: "row", alignItems: "center", style: { height: "100%" }, children: [
+          /* @__PURE__ */ a.jsxs(j, { flexDirection: "row", alignItems: "center", style: { height: "100%" }, children: [
             F && /* @__PURE__ */ a.jsx("img", { src: F, alt: "Logo", style: { marginRight: 8 }, height: 18, width: 18 }),
             /* @__PURE__ */ a.jsx(Te, { title: E, arrow: !0, placement: "top", children: /* @__PURE__ */ a.jsx(LO, { variant: "h3", width: r ? "100px" : "200px", children: E }) })
           ] }),
           r ? /* @__PURE__ */ a.jsx(PO, { variant: "text", size: "small", endIcon: /* @__PURE__ */ a.jsx(At.ArrowForward, {}), onClick: _, children: hO }) : null
         ] }),
         /* @__PURE__ */ a.jsx(OO, {}),
-        /* @__PURE__ */ a.jsx(j, { paddingY: "16px", children: p.map(({ key: H, value: Z, label: te, deepLink: Y }) => /* @__PURE__ */ a.jsxs(QO, { children: [
+        /* @__PURE__ */ a.jsx(P, { paddingY: "16px", children: p.map(({ key: H, value: Z, label: te, deepLink: Y }) => /* @__PURE__ */ a.jsxs(QO, { children: [
           /* @__PURE__ */ a.jsxs(NO, { children: [
             te,
             ":"
@@ -26102,11 +26112,11 @@ const AO = "Everything looks good", dO = "Something is not working", pO = "Share
         ] }, H)) })
       ] }),
       /* @__PURE__ */ a.jsxs(jO, { children: [
-        /* @__PURE__ */ a.jsx(P, { flexDirection: "row", alignItems: "center", children: t ? /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: CO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { onClick: Q, children: /* @__PURE__ */ a.jsx(_O, {}) }) }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsx(j, { flexDirection: "row", alignItems: "center", children: t ? /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: CO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { onClick: Q, children: /* @__PURE__ */ a.jsx(_O, {}) }) }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           /* @__PURE__ */ a.jsx(K, { color: k.palette.gray.gray3, fontSize: 12, children: FO }),
           /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: gO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { size: "small", children: /* @__PURE__ */ a.jsx(UO, {}) }) })
         ] }) }),
-        /* @__PURE__ */ a.jsxs(P, { flexDirection: "row", alignItems: "center", children: [
+        /* @__PURE__ */ a.jsxs(j, { flexDirection: "row", alignItems: "center", children: [
           /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: AO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { size: "small", disabled: C, onClick: T, children: /* @__PURE__ */ a.jsx(H5, {}) }) }),
           /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: dO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { size: "small", disabled: C, onClick: O, children: /* @__PURE__ */ a.jsx(U5, {}) }) }),
           /* @__PURE__ */ a.jsx(Ho, { arrow: !0, title: pO, placement: "top", children: /* @__PURE__ */ a.jsx(st, { onClick: S, size: "small", disabled: C, children: /* @__PURE__ */ a.jsx(HO, {}) }) })
@@ -26416,7 +26426,7 @@ const KO = (e) => {
   to {
     transform: rotate(360deg);
   }
-`, ec = w(P)`
+`, ec = w(j)`
   width: 20px;
   height: 20px;
   border-radius: 50%;
@@ -26443,7 +26453,7 @@ const KO = (e) => {
   font-weight: ${k.typography.fontWeightMedium};
   color: var(--connector-text-primary);
 `, rR = w(V5)`
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
 `, m1 = (e) => /* @__PURE__ */ a.jsx(V5, { children: e }), b1 = (e) => /* @__PURE__ */ a.jsx(rR, { children: e }), oR = {
   [Ne.NOT_LOGGED]: m1,
   [Ne.PENDING]: b1,
@@ -26471,7 +26481,7 @@ const KO = (e) => {
     border: "1px solid var(--connector-border)",
     position: "relative"
   }
-})), fR = w(j)`
+})), fR = w(P)`
   width: fit-content;
   height: fit-content;
 `, sR = ({ children: e, renderTooltip: t, defaultOpen: n }) => {
@@ -26485,7 +26495,7 @@ const KO = (e) => {
       disableHoverListener: !0,
       disableFocusListener: !0,
       disableTouchListener: !0,
-      title: /* @__PURE__ */ a.jsx(j, { onClick: f, height: "100%", children: t({ close: o }) }),
+      title: /* @__PURE__ */ a.jsx(P, { onClick: f, height: "100%", children: t({ close: o }) }),
       placement: "bottom-start",
       PopperProps: {
         modifiers: [
@@ -26534,11 +26544,11 @@ const KO = (e) => {
   width: "340px",
   borderRadius: "8px",
   boxShadow: "0px 2px 10px 0px #00000026",
-  color: "var(--connector-text-secondary)",
+  color: "var(--connector-caption-text)",
   padding: "0px"
 }, TR = {
   color: "var(--connector-surface-elevated) !important"
-}, LR = w(P)`
+}, LR = w(j)`
   box-sizing: border-box;
   padding: 16px;
 `, OR = w("img")`
@@ -26562,7 +26572,7 @@ const KO = (e) => {
   font-weight: ${k.typography.fontWeightRegular};
   line-height: 18px;
   letter-spacing: -0.13px;
-`, MR = w(P)`
+`, MR = w(j)`
   margin-top: 20px;
   flex-flow: row nowrap;
   justify-content: flex-end;
@@ -26602,11 +26612,11 @@ const KO = (e) => {
   width: "326px",
   borderRadius: "8px",
   boxShadow: "0px 2px 10px 0px #00000026",
-  color: "var(--connector-text-secondary)",
+  color: "var(--connector-caption-text)",
   padding: "0px"
 }, _R = {
   color: "var(--connector-surface-elevated) !important"
-}, HR = w(j)`
+}, HR = w(P)`
   padding: 16px;
 `, UR = w(K)`
   font-weight: ${k.typography.fontWeightSemiBold};
@@ -26617,9 +26627,9 @@ const KO = (e) => {
   font-weight: ${k.typography.fontWeightRegular};
   font-size: ${k.typography.body2.fontSize}px;
   line-height: 135%;
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
   margin-top: 6px;
-`, VR = w(j)`
+`, VR = w(P)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -26674,7 +26684,7 @@ const KO = (e) => {
   return s ? A ? /* @__PURE__ */ a.jsx(zR, { connectorId: g, connectorName: h, isAdmin: t, isAuthenticated: !1, children: e }) : r ? /* @__PURE__ */ a.jsx(Te, { title: CR, children: e }) : C ? /* @__PURE__ */ a.jsx(Te, { title: pR.replace(":connectorName", h), children: e }) : o ? /* @__PURE__ */ a.jsx(sR, { defaultOpen: D, renderTooltip: o, children: e }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx(jR, { onContinue: d ? F : void 0, connectorName: h, children: e });
 }, JR = (e) => /* @__PURE__ */ I.createElement("svg", { width: 124, height: 107, viewBox: "0 0 124 107", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ I.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M28.6168 54.7446C28.6931 52.5589 31.0146 51.1102 33.0842 51.8174C35.9985 52.8133 40.0375 53.9024 44.0621 54.043C48.0034 54.1806 51.968 53.4097 54.8762 52.6339C57.0264 52.0602 59.2927 53.6932 59.215 55.9172C59.1742 57.0856 58.4742 58.1269 57.3723 58.5178C54.8051 59.4284 49.7633 60.8927 44.3075 60.7022C38.7694 60.5088 33.1999 58.6241 30.4004 57.5311C29.2637 57.0873 28.5742 55.9641 28.6168 54.7446Z", fill: "url(#paint0_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("path", { d: "M47.223 43.6373C44.4928 30.7926 52.6922 18.1666 65.5368 15.4364C78.3815 12.7062 91.0075 20.9055 93.7377 33.7502L105.079 87.1053L84.1844 91.5466C70.0346 94.5542 56.1258 85.5217 53.1182 71.3719L47.223 43.6373Z", fill: "url(#paint1_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("mask", { id: "mask0_8481_102191", style: {
   maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 46, y: 14, width: 60, height: 79 }, /* @__PURE__ */ I.createElement("path", { d: "M47.223 43.6373C44.4928 30.7926 52.6922 18.1666 65.5368 15.4364C78.3815 12.7062 91.0075 20.9055 93.7377 33.7502L105.079 87.1053L84.1844 91.5466C70.0346 94.5542 56.1258 85.5217 53.1182 71.3719L47.223 43.6373Z", fill: "white" })), /* @__PURE__ */ I.createElement("g", { mask: "url(#mask0_8481_102191)" }, /* @__PURE__ */ I.createElement("ellipse", { cx: 63.7775, cy: 46.8684, rx: 1.48152, ry: 1.39438, transform: "rotate(-12 63.7775 46.8684)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("rect", { x: 47.4368, y: 59.3203, width: 53.657, height: 13.2235, transform: "rotate(-12 47.4368 59.3203)", fill: "url(#paint2_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 51.1907, y: 76.9824, width: 53.657, height: 10.4263, transform: "rotate(-12 51.1907 76.9824)", fill: "url(#paint3_linear_8481_102191)" })), /* @__PURE__ */ I.createElement("path", { opacity: 0.883952, d: "M113.939 51.0679C114.775 55 112.265 58.865 108.333 59.7008L107.842 59.8052C103.639 60.6986 99.5073 58.0155 98.6139 53.8123L97.205 47.1837L105.307 45.4616C109.239 44.6259 113.104 47.1359 113.939 51.0679Z", fill: "url(#paint4_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M68.7215 66.4138C67.1801 64.8725 67.6745 62.2062 69.587 61.1603C72.4457 59.5969 76.2861 57.1773 79.3785 54.0849C82.4099 51.0535 84.752 47.3461 86.2775 44.5465C87.3388 42.5989 90.0598 42.0819 91.6282 43.6503C92.4782 44.5003 92.758 45.7623 92.2604 46.8566C91.0829 49.4466 88.5191 54.344 84.4346 58.4285C80.2853 62.5778 74.8639 65.591 72.0553 66.9952C70.9363 67.5548 69.6062 67.2985 68.7215 66.4138Z", fill: "url(#paint5_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 48.7264, y: 33.7744, width: 11.2108, height: 11.2108, rx: 5.59457, transform: "rotate(-12 48.7264 33.7744)", fill: "url(#paint6_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 50.0175, y: 35.8193, width: 4.0158, height: 3.84848, rx: 1.92424, transform: "rotate(-12 50.0175 35.8193)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("rect", { x: 59.2875, y: 31.5723, width: 11.2108, height: 11.2108, rx: 5.59457, transform: "rotate(-12 59.2875 31.5723)", fill: "#FFFEFE" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.883952, d: "M111.25 38.5376C110.415 34.6055 106.55 32.0955 102.618 32.9313L102.127 33.0356C97.9234 33.9291 95.2403 38.0607 96.1337 42.2639L97.5426 48.8925L105.644 47.1705C109.576 46.3347 112.086 42.4696 111.25 38.5376Z", fill: "url(#paint7_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 60.0181, y: 33.8037, width: 3.84848, height: 3.84848, rx: 1.90724, transform: "rotate(-12 60.0181 33.8037)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("path", { d: "M36.9246 59.1604C36.4487 60.717 34.7371 61.6271 33.1805 61.1512C32.3613 60.9007 31.7241 60.3475 31.3259 59.5987L25.2059 46.7983C24.9784 46.3703 25.1286 45.8788 25.5566 45.6513L28.338 44.1724C28.7659 43.9449 29.2574 44.0951 29.4849 44.5231L36.6496 56.8367C37.0728 57.5036 37.15 58.423 36.9246 59.1604Z", fill: "#FFDF9F" }), /* @__PURE__ */ I.createElement("rect", { x: 27.9973, y: 44.333, width: 2.39869, height: 3.59807, transform: "rotate(152 27.9973 44.333)", fill: "#FF9090" }), /* @__PURE__ */ I.createElement("path", { d: "M26.6628 44.3769L26.9472 44.9118L28.0169 44.343L26.3106 41.1338L24.171 42.2714L25.0243 43.876C25.6661 43.5347 26.3215 43.7351 26.6628 44.3769Z", fill: "#FFB19F" }), /* @__PURE__ */ I.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.26386 27.248C9.3428 20.4481 16.5101 16.6372 23.31 18.7161C30.11 20.7951 33.9209 27.9624 31.8419 34.7623C29.763 41.5622 22.5956 45.3731 15.7958 43.2942C8.99587 41.2152 5.18493 34.0479 7.26386 27.248ZM9.72157 27.9983C8.06843 33.4055 11.1399 39.1821 16.5471 40.8352C21.9543 42.4884 27.7309 39.4168 29.384 34.0096C31.0372 28.6024 27.9657 22.8258 22.5585 21.1727C17.1513 19.5196 11.3747 22.5911 9.72157 27.9983Z", fill: "#FFE69F" }), /* @__PURE__ */ I.createElement("circle", { opacity: 0.414016, cx: 19.5529, cy: 31.0039, r: 10.2804, transform: "rotate(17 19.5529 31.0039)", fill: "#BBDEFC" }), /* @__PURE__ */ I.createElement("path", { d: "M14.3685 30.6746C15.7299 27.6867 18.9391 25.9803 22.1776 26.5225L22.2595 26.5475C23.7024 26.8095 24.3854 24.8682 23.1497 24.2218C22.3806 23.8074 21.5613 23.557 20.717 23.3884C17.3715 22.9031 14.0553 24.6664 12.6939 27.6543C12.2796 28.4235 12.0859 29.3497 12.0244 30.1372C11.8444 31.6051 13.8607 32.0424 14.4503 30.6997C14.3434 30.7566 14.3685 30.6746 14.3685 30.6746Z", fill: "#F6FBFF" }), /* @__PURE__ */ I.createElement("path", { d: "M10.2904 29.0679C11.9436 23.6607 17.7202 20.5893 23.1274 22.2424C25.6671 23.0189 27.5785 24.6783 28.9301 26.704C27.7539 24.1048 25.508 22.0744 22.5586 21.1727C17.1514 19.5196 11.3748 22.591 9.72165 27.9982C8.81993 30.9476 9.32924 33.97 10.7444 36.3735C9.82081 34.1203 9.51395 31.6077 10.2904 29.0679Z", fill: "#ADCBE7" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.406087, d: "M36.4864 56.8021L36.1373 56.2691C36.3845 56.8563 36.428 57.5516 36.2372 58.1754C35.9273 59.189 34.5593 59.1971 34.0713 58.2806L28.3787 47.5877C28.0534 46.9767 27.3508 46.7619 26.7395 47.0866L25.7206 47.6277L31.4395 59.3516C31.7648 59.9627 32.27 60.5434 32.8706 60.8123C33.7054 61.1528 34.6593 61.1034 35.3726 60.7247C36.0858 60.3459 36.6602 59.5837 36.8444 58.7021C37.0351 58.0783 36.8117 57.4132 36.4864 56.8021Z", fill: "white" }), /* @__PURE__ */ I.createElement("path", { d: "M29.8826 48.4977C29.8006 48.4726 29.6368 48.4225 29.5799 48.3155L28.1579 45.6411C28.0442 45.4272 28.1193 45.1814 28.3332 45.0677C28.5472 44.9539 28.7929 45.0291 28.9067 45.243L30.3287 47.9174C30.4424 48.1313 30.3673 48.3771 30.1534 48.4908C30.1284 48.5728 29.9645 48.5227 29.8826 48.4977Z", fill: "#FFF5EB" }), /* @__PURE__ */ I.createElement("ellipse", { cx: 29.2637, cy: 54.631, rx: 1.50593, ry: 3.17918, transform: "rotate(-23 29.2637 54.631)", fill: "#FFC478" }), /* @__PURE__ */ I.createElement("ellipse", { cx: 34.0592, cy: 52.4078, rx: 0.920288, ry: 1.67325, transform: "rotate(106 34.0592 52.4078)", fill: "#FFC478" }), /* @__PURE__ */ I.createElement("path", { d: "M89.1282 19.2055L68.2257 26.8725L45.9197 28.3898L44.4929 16.4082C44.3371 13.798 47.5283 11.4502 50.9859 11.6309L65.1429 12.369L67.3969 12.4869C68.5309 12.5463 69.7066 12.3289 70.7522 11.8627L78.6899 8.34726C81.725 6.99992 85.3012 7.87475 86.2125 10.1876L89.1282 19.2055Z", fill: "url(#paint8_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.479771, d: "M88.6262 19.0953L68.3101 26.5288L65.3314 12.5149L67.5211 12.6263C68.6228 12.6824 69.7652 12.471 70.7816 12.0192L78.4972 8.61266C81.4474 7.30707 84.9208 8.14856 85.8036 10.3829L88.6262 19.0953Z", fill: "#ADCBE7" }), /* @__PURE__ */ I.createElement("path", { d: "M91.6332 26.6212L46.9517 36.1186L46.0387 28.4438L89.2535 19.2582L91.6332 26.6212Z", fill: "#717DAD" }), /* @__PURE__ */ I.createElement("path", { d: "M102.961 24.2033C103.125 24.9722 102.371 25.7829 101.278 26.015L37.9675 39.4722C36.8754 39.7043 35.8568 39.2704 35.6933 38.5015C35.5301 37.7336 36.284 36.922 37.3761 36.6898L100.687 23.2327C101.779 23.0005 102.798 23.4354 102.961 24.2033Z", fill: "#9ED1FF" }), /* @__PURE__ */ I.createElement("path", { d: "M102.703 24.1718C102.838 24.805 102.067 25.5045 100.983 25.7349L69.5583 32.4144L69.0712 30.123L100.496 23.4436C101.58 23.2131 102.569 23.5394 102.703 24.1718Z", fill: "#78AFE1" }), /* @__PURE__ */ I.createElement("defs", null, /* @__PURE__ */ I.createElement("linearGradient", { id: "paint0_linear_8481_102191", x1: 32.2665, y1: 59.6553, x2: 59.0518, y2: 60.5906, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFDE0" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFB362" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint1_linear_8481_102191", x1: 67.3434, y1: 85.966, x2: 103.216, y2: 78.3411, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFABC" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFA650" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint2_linear_8481_102191", x1: 51.4347, y1: 74.8197, x2: 91.1539, y2: 74.8197, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#A3C1FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#4243FF" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint3_linear_8481_102191", x1: 55.1887, y1: 89.2031, x2: 94.9078, y2: 89.2031, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#A3C1FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#4243FF" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint4_linear_8481_102191", x1: 94.5023, y1: 53.1799, x2: 106.762, y2: 58.7056, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FF9498" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFD671" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint5_linear_8481_102191", x1: 74.9906, y1: 66.9871, x2: 94.9778, y2: 46.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFDE0" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFB362" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint6_linear_8481_102191", x1: 50.5805, y1: 44.0581, x2: 59.9372, y2: 44.0581, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "white" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#E3EEF3" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint7_linear_8481_102191", x1: 88.4187, y1: 43.3906, x2: 99.3981, y2: 25.1833, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FF9498" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFD671" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint8_linear_8481_102191", x1: 56.4985, y1: 29.5482, x2: 100.532, y2: 20.1885, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#ECF7FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#C2E0FF" })))), tc = ({ message: e }) => /* @__PURE__ */ a.jsxs(P, { justifyContent: "center", alignItems: "center", height: "100%", "data-section": "empty", children: [
+}, maskUnits: "userSpaceOnUse", x: 46, y: 14, width: 60, height: 79 }, /* @__PURE__ */ I.createElement("path", { d: "M47.223 43.6373C44.4928 30.7926 52.6922 18.1666 65.5368 15.4364C78.3815 12.7062 91.0075 20.9055 93.7377 33.7502L105.079 87.1053L84.1844 91.5466C70.0346 94.5542 56.1258 85.5217 53.1182 71.3719L47.223 43.6373Z", fill: "white" })), /* @__PURE__ */ I.createElement("g", { mask: "url(#mask0_8481_102191)" }, /* @__PURE__ */ I.createElement("ellipse", { cx: 63.7775, cy: 46.8684, rx: 1.48152, ry: 1.39438, transform: "rotate(-12 63.7775 46.8684)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("rect", { x: 47.4368, y: 59.3203, width: 53.657, height: 13.2235, transform: "rotate(-12 47.4368 59.3203)", fill: "url(#paint2_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 51.1907, y: 76.9824, width: 53.657, height: 10.4263, transform: "rotate(-12 51.1907 76.9824)", fill: "url(#paint3_linear_8481_102191)" })), /* @__PURE__ */ I.createElement("path", { opacity: 0.883952, d: "M113.939 51.0679C114.775 55 112.265 58.865 108.333 59.7008L107.842 59.8052C103.639 60.6986 99.5073 58.0155 98.6139 53.8123L97.205 47.1837L105.307 45.4616C109.239 44.6259 113.104 47.1359 113.939 51.0679Z", fill: "url(#paint4_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M68.7215 66.4138C67.1801 64.8725 67.6745 62.2062 69.587 61.1603C72.4457 59.5969 76.2861 57.1773 79.3785 54.0849C82.4099 51.0535 84.752 47.3461 86.2775 44.5465C87.3388 42.5989 90.0598 42.0819 91.6282 43.6503C92.4782 44.5003 92.758 45.7623 92.2604 46.8566C91.0829 49.4466 88.5191 54.344 84.4346 58.4285C80.2853 62.5778 74.8639 65.591 72.0553 66.9952C70.9363 67.5548 69.6062 67.2985 68.7215 66.4138Z", fill: "url(#paint5_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 48.7264, y: 33.7744, width: 11.2108, height: 11.2108, rx: 5.59457, transform: "rotate(-12 48.7264 33.7744)", fill: "url(#paint6_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 50.0175, y: 35.8193, width: 4.0158, height: 3.84848, rx: 1.92424, transform: "rotate(-12 50.0175 35.8193)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("rect", { x: 59.2875, y: 31.5723, width: 11.2108, height: 11.2108, rx: 5.59457, transform: "rotate(-12 59.2875 31.5723)", fill: "#FFFEFE" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.883952, d: "M111.25 38.5376C110.415 34.6055 106.55 32.0955 102.618 32.9313L102.127 33.0356C97.9234 33.9291 95.2403 38.0607 96.1337 42.2639L97.5426 48.8925L105.644 47.1705C109.576 46.3347 112.086 42.4696 111.25 38.5376Z", fill: "url(#paint7_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("rect", { x: 60.0181, y: 33.8037, width: 3.84848, height: 3.84848, rx: 1.90724, transform: "rotate(-12 60.0181 33.8037)", fill: "#435C71" }), /* @__PURE__ */ I.createElement("path", { d: "M36.9246 59.1604C36.4487 60.717 34.7371 61.6271 33.1805 61.1512C32.3613 60.9007 31.7241 60.3475 31.3259 59.5987L25.2059 46.7983C24.9784 46.3703 25.1286 45.8788 25.5566 45.6513L28.338 44.1724C28.7659 43.9449 29.2574 44.0951 29.4849 44.5231L36.6496 56.8367C37.0728 57.5036 37.15 58.423 36.9246 59.1604Z", fill: "#FFDF9F" }), /* @__PURE__ */ I.createElement("rect", { x: 27.9973, y: 44.333, width: 2.39869, height: 3.59807, transform: "rotate(152 27.9973 44.333)", fill: "#FF9090" }), /* @__PURE__ */ I.createElement("path", { d: "M26.6628 44.3769L26.9472 44.9118L28.0169 44.343L26.3106 41.1338L24.171 42.2714L25.0243 43.876C25.6661 43.5347 26.3215 43.7351 26.6628 44.3769Z", fill: "#FFB19F" }), /* @__PURE__ */ I.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.26386 27.248C9.3428 20.4481 16.5101 16.6372 23.31 18.7161C30.11 20.7951 33.9209 27.9624 31.8419 34.7623C29.763 41.5622 22.5956 45.3731 15.7958 43.2942C8.99587 41.2152 5.18493 34.0479 7.26386 27.248ZM9.72157 27.9983C8.06843 33.4055 11.1399 39.1821 16.5471 40.8352C21.9543 42.4884 27.7309 39.4168 29.384 34.0096C31.0372 28.6024 27.9657 22.8258 22.5585 21.1727C17.1513 19.5196 11.3747 22.5911 9.72157 27.9983Z", fill: "#FFE69F" }), /* @__PURE__ */ I.createElement("circle", { opacity: 0.414016, cx: 19.5529, cy: 31.0039, r: 10.2804, transform: "rotate(17 19.5529 31.0039)", fill: "#BBDEFC" }), /* @__PURE__ */ I.createElement("path", { d: "M14.3685 30.6746C15.7299 27.6867 18.9391 25.9803 22.1776 26.5225L22.2595 26.5475C23.7024 26.8095 24.3854 24.8682 23.1497 24.2218C22.3806 23.8074 21.5613 23.557 20.717 23.3884C17.3715 22.9031 14.0553 24.6664 12.6939 27.6543C12.2796 28.4235 12.0859 29.3497 12.0244 30.1372C11.8444 31.6051 13.8607 32.0424 14.4503 30.6997C14.3434 30.7566 14.3685 30.6746 14.3685 30.6746Z", fill: "#F6FBFF" }), /* @__PURE__ */ I.createElement("path", { d: "M10.2904 29.0679C11.9436 23.6607 17.7202 20.5893 23.1274 22.2424C25.6671 23.0189 27.5785 24.6783 28.9301 26.704C27.7539 24.1048 25.508 22.0744 22.5586 21.1727C17.1514 19.5196 11.3748 22.591 9.72165 27.9982C8.81993 30.9476 9.32924 33.97 10.7444 36.3735C9.82081 34.1203 9.51395 31.6077 10.2904 29.0679Z", fill: "#ADCBE7" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.406087, d: "M36.4864 56.8021L36.1373 56.2691C36.3845 56.8563 36.428 57.5516 36.2372 58.1754C35.9273 59.189 34.5593 59.1971 34.0713 58.2806L28.3787 47.5877C28.0534 46.9767 27.3508 46.7619 26.7395 47.0866L25.7206 47.6277L31.4395 59.3516C31.7648 59.9627 32.27 60.5434 32.8706 60.8123C33.7054 61.1528 34.6593 61.1034 35.3726 60.7247C36.0858 60.3459 36.6602 59.5837 36.8444 58.7021C37.0351 58.0783 36.8117 57.4132 36.4864 56.8021Z", fill: "white" }), /* @__PURE__ */ I.createElement("path", { d: "M29.8826 48.4977C29.8006 48.4726 29.6368 48.4225 29.5799 48.3155L28.1579 45.6411C28.0442 45.4272 28.1193 45.1814 28.3332 45.0677C28.5472 44.9539 28.7929 45.0291 28.9067 45.243L30.3287 47.9174C30.4424 48.1313 30.3673 48.3771 30.1534 48.4908C30.1284 48.5728 29.9645 48.5227 29.8826 48.4977Z", fill: "#FFF5EB" }), /* @__PURE__ */ I.createElement("ellipse", { cx: 29.2637, cy: 54.631, rx: 1.50593, ry: 3.17918, transform: "rotate(-23 29.2637 54.631)", fill: "#FFC478" }), /* @__PURE__ */ I.createElement("ellipse", { cx: 34.0592, cy: 52.4078, rx: 0.920288, ry: 1.67325, transform: "rotate(106 34.0592 52.4078)", fill: "#FFC478" }), /* @__PURE__ */ I.createElement("path", { d: "M89.1282 19.2055L68.2257 26.8725L45.9197 28.3898L44.4929 16.4082C44.3371 13.798 47.5283 11.4502 50.9859 11.6309L65.1429 12.369L67.3969 12.4869C68.5309 12.5463 69.7066 12.3289 70.7522 11.8627L78.6899 8.34726C81.725 6.99992 85.3012 7.87475 86.2125 10.1876L89.1282 19.2055Z", fill: "url(#paint8_linear_8481_102191)" }), /* @__PURE__ */ I.createElement("path", { opacity: 0.479771, d: "M88.6262 19.0953L68.3101 26.5288L65.3314 12.5149L67.5211 12.6263C68.6228 12.6824 69.7652 12.471 70.7816 12.0192L78.4972 8.61266C81.4474 7.30707 84.9208 8.14856 85.8036 10.3829L88.6262 19.0953Z", fill: "#ADCBE7" }), /* @__PURE__ */ I.createElement("path", { d: "M91.6332 26.6212L46.9517 36.1186L46.0387 28.4438L89.2535 19.2582L91.6332 26.6212Z", fill: "#717DAD" }), /* @__PURE__ */ I.createElement("path", { d: "M102.961 24.2033C103.125 24.9722 102.371 25.7829 101.278 26.015L37.9675 39.4722C36.8754 39.7043 35.8568 39.2704 35.6933 38.5015C35.5301 37.7336 36.284 36.922 37.3761 36.6898L100.687 23.2327C101.779 23.0005 102.798 23.4354 102.961 24.2033Z", fill: "#9ED1FF" }), /* @__PURE__ */ I.createElement("path", { d: "M102.703 24.1718C102.838 24.805 102.067 25.5045 100.983 25.7349L69.5583 32.4144L69.0712 30.123L100.496 23.4436C101.58 23.2131 102.569 23.5394 102.703 24.1718Z", fill: "#78AFE1" }), /* @__PURE__ */ I.createElement("defs", null, /* @__PURE__ */ I.createElement("linearGradient", { id: "paint0_linear_8481_102191", x1: 32.2665, y1: 59.6553, x2: 59.0518, y2: 60.5906, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFDE0" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFB362" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint1_linear_8481_102191", x1: 67.3434, y1: 85.966, x2: 103.216, y2: 78.3411, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFABC" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFA650" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint2_linear_8481_102191", x1: 51.4347, y1: 74.8197, x2: 91.1539, y2: 74.8197, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#A3C1FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#4243FF" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint3_linear_8481_102191", x1: 55.1887, y1: 89.2031, x2: 94.9078, y2: 89.2031, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#A3C1FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#4243FF" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint4_linear_8481_102191", x1: 94.5023, y1: 53.1799, x2: 106.762, y2: 58.7056, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FF9498" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFD671" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint5_linear_8481_102191", x1: 74.9906, y1: 66.9871, x2: 94.9778, y2: 46.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FFFDE0" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFB362" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint6_linear_8481_102191", x1: 50.5805, y1: 44.0581, x2: 59.9372, y2: 44.0581, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "white" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#E3EEF3" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint7_linear_8481_102191", x1: 88.4187, y1: 43.3906, x2: 99.3981, y2: 25.1833, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#FF9498" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#FFD671" })), /* @__PURE__ */ I.createElement("linearGradient", { id: "paint8_linear_8481_102191", x1: 56.4985, y1: 29.5482, x2: 100.532, y2: 20.1885, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ I.createElement("stop", { stopColor: "#ECF7FF" }), /* @__PURE__ */ I.createElement("stop", { offset: 1, stopColor: "#C2E0FF" })))), tc = ({ message: e }) => /* @__PURE__ */ a.jsxs(j, { justifyContent: "center", alignItems: "center", height: "100%", "data-section": "empty", children: [
   /* @__PURE__ */ a.jsx(JR, { width: 124, height: 107, className: "empty-illustration" }),
   /* @__PURE__ */ a.jsx(K, { variant: "body2", color: k.palette.gray.gray3, children: e })
 ] }), Wu = "/v1/api", KR = `${Wu}/connector/conversation/:conversationId/email_log_status`, YR = `${Wu}/connector/conversation/:conversationId/entity_recommendations`, qR = `${Wu}/connector/conversation/:conversationId/retry_emails_log`, $R = `${Wu}/connector/conversation/:conversationId/validate_entity`, eN = `${Wu}/connectors/forms/:formId/search`, tN = `${Wu}/connector/conversation/:conversationId/log_emails`, nN = `${Wu}/connector/feedback/conversation/:conversationId`, uN = `${Wu}/connector/conversation/:conversationId/log_emails`, rN = async ({
@@ -26704,7 +26714,7 @@ const KO = (e) => {
   mutationFn: rN,
   onSuccess: e,
   onError: t
-}), nc = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "var(--connector-neutral-icon, #6F7C90)", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M6.99967 13.6654C6.08856 13.6654 5.22745 13.4903 4.41634 13.14C3.60523 12.7898 2.89701 12.312 2.29167 11.7067C1.68634 11.1014 1.20856 10.3931 0.858341 9.58203C0.508119 8.77092 0.333008 7.90981 0.333008 6.9987C0.333008 6.07648 0.508119 5.2127 0.858341 4.40736C1.20856 3.60203 1.68634 2.89648 2.29167 2.2907C2.89701 1.68492 3.60523 1.20714 4.41634 0.857365C5.22745 0.507587 6.08856 0.332476 6.99967 0.332031C7.18856 0.332031 7.34701 0.396031 7.47501 0.524031C7.60301 0.652031 7.66679 0.810253 7.66634 0.998698C7.6659 1.18714 7.6019 1.34559 7.47434 1.47403C7.34679 1.60248 7.18856 1.66625 6.99967 1.66536C5.5219 1.66536 4.26345 2.18492 3.22434 3.22403C2.18523 4.26314 1.6659 5.52136 1.66634 6.9987C1.66679 8.47603 2.18634 9.73448 3.22501 10.774C4.26367 11.8136 5.5219 12.3329 6.99967 12.332C8.47745 12.3311 9.7359 11.8118 10.775 10.774C11.8141 9.73625 12.3335 8.47781 12.333 6.9987C12.333 6.80981 12.397 6.65159 12.525 6.52403C12.653 6.39648 12.8112 6.33248 12.9997 6.33203C13.1881 6.33159 13.3466 6.39559 13.475 6.52403C13.6035 6.65248 13.6672 6.8107 13.6663 6.9987C13.6663 7.90981 13.4912 8.77092 13.141 9.58203C12.7908 10.3931 12.313 11.1016 11.7077 11.7074C11.1023 12.3131 10.3968 12.7909 9.59101 13.1407C8.78523 13.4905 7.92145 13.6654 6.99967 13.6654Z" })), aN = w(P)`
+}), nc = (e) => /* @__PURE__ */ I.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "var(--connector-neutral-icon, #6F7C90)", ...e }, /* @__PURE__ */ I.createElement("path", { d: "M6.99967 13.6654C6.08856 13.6654 5.22745 13.4903 4.41634 13.14C3.60523 12.7898 2.89701 12.312 2.29167 11.7067C1.68634 11.1014 1.20856 10.3931 0.858341 9.58203C0.508119 8.77092 0.333008 7.90981 0.333008 6.9987C0.333008 6.07648 0.508119 5.2127 0.858341 4.40736C1.20856 3.60203 1.68634 2.89648 2.29167 2.2907C2.89701 1.68492 3.60523 1.20714 4.41634 0.857365C5.22745 0.507587 6.08856 0.332476 6.99967 0.332031C7.18856 0.332031 7.34701 0.396031 7.47501 0.524031C7.60301 0.652031 7.66679 0.810253 7.66634 0.998698C7.6659 1.18714 7.6019 1.34559 7.47434 1.47403C7.34679 1.60248 7.18856 1.66625 6.99967 1.66536C5.5219 1.66536 4.26345 2.18492 3.22434 3.22403C2.18523 4.26314 1.6659 5.52136 1.66634 6.9987C1.66679 8.47603 2.18634 9.73448 3.22501 10.774C4.26367 11.8136 5.5219 12.3329 6.99967 12.332C8.47745 12.3311 9.7359 11.8118 10.775 10.774C11.8141 9.73625 12.3335 8.47781 12.333 6.9987C12.333 6.80981 12.397 6.65159 12.525 6.52403C12.653 6.39648 12.8112 6.33248 12.9997 6.33203C13.1881 6.33159 13.3466 6.39559 13.475 6.52403C13.6035 6.65248 13.6672 6.8107 13.6663 6.9987C13.6663 7.90981 13.4912 8.77092 13.141 9.58203C12.7908 10.3931 12.313 11.1016 11.7077 11.7074C11.1023 12.3131 10.3968 12.7909 9.59101 13.1407C8.78523 13.4905 7.92145 13.6654 6.99967 13.6654Z" })), aN = w(j)`
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -26746,7 +26756,7 @@ const KO = (e) => {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, V3 = w(P)`
+`, V3 = w(j)`
   margin-left: auto;
   flex-shrink: 0;
 `, cN = ({ connectorName: e, entity: t, checked: n, disabled: u, setCheckedEntities: r }) => {
@@ -26779,20 +26789,20 @@ const KO = (e) => {
     p ? /* @__PURE__ */ a.jsx(V3, { "data-section": "row-action", children: /* @__PURE__ */ a.jsx(fN, {}) }) : null,
     d ? /* @__PURE__ */ a.jsx(Te, { title: C, children: /* @__PURE__ */ a.jsx(V3, { "data-section": "row-action", children: /* @__PURE__ */ a.jsx(X0, {}) }) }) : null
   ] }) });
-}, DN = w(P)`
+}, DN = w(j)`
   color: var(--connector-text-primary);
   padding: 18px 0;
   box-sizing: border-box;
   row-gap: 6px;
 `;
-w(P)`
+w(j)`
   padding: 0 16px 14px;
   max-height: 100%;
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--connector-icon-secondary) transparent;
 `;
-const lN = w(P)`
+const lN = w(j)`
   display: grid;
   grid-template-rows: max-content 0fr;
   transition: grid-template-rows 300ms ease-out;
@@ -26805,7 +26815,7 @@ const lN = w(P)`
       transform: rotate(-90deg);
     }
   }
-`, AN = w(P)`
+`, AN = w(j)`
   cursor: pointer;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -26822,9 +26832,9 @@ const lN = w(P)`
   font-size: ${k.typography.body2.fontSize}px;
   line-height: 18px;
   font-weight: ${k.typography.fontWeightRegular};
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
   text-transform: capitalize;
-`, pN = w(P)`
+`, pN = w(j)`
   overflow: hidden;
 `, G3 = ({
   connectorName: e,
@@ -26857,11 +26867,11 @@ const lN = w(P)`
       s.formId
     )) })
   ] }, f.type)) }) : /* @__PURE__ */ a.jsx(tc, { message: gR });
-}, CN = w(P)`
+}, CN = w(j)`
   padding: 18px 0;
   row-gap: 12px;
   box-sizing: border-box;
-`, gN = w(P)`
+`, gN = w(j)`
   cursor: pointer;
   position: relative;
   z-index: 1;
@@ -26877,7 +26887,7 @@ const lN = w(P)`
   /* @__PURE__ */ a.jsxs(
     K,
     {
-      color: "var(--connector-text-secondary)",
+      color: "var(--connector-caption-text)",
       fontSize: `${k.typography.caption.fontSize}px`,
       textTransform: "capitalize",
       children: [
@@ -26905,7 +26915,7 @@ const lN = w(P)`
     },
     t + (o == null ? void 0 : o.searchObject)
   )) });
-}, EN = w(P)`
+}, EN = w(j)`
   padding: 12px 12px 12px 11px;
   border: 1px solid var(--connector-border-strong);
   border-radius: 8px;
@@ -26919,19 +26929,19 @@ const lN = w(P)`
       transform: translateX(6px);
     }
   }
-`, mN = w(P)`
+`, mN = w(j)`
   padding: 14px 0;
   row-gap: 12px;
   column-gap: 16px;
   box-sizing: border-box;
-`, bN = w(P)`
+`, bN = w(j)`
   padding: 8px 0;
   row-gap: 12px;
   box-sizing: border-box;
 `, xN = ({ entity: e, onLog: t }) => {
   const { externalResourceId: n, name: u } = e;
   return /* @__PURE__ */ a.jsxs(EN, { onClick: t, direction: "row", children: [
-    /* @__PURE__ */ a.jsx(P, { flexGrow: 1, children: /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx(j, { flexGrow: 1, children: /* @__PURE__ */ a.jsx(
       K,
       {
         variant: "body2",
@@ -26973,7 +26983,7 @@ const lN = w(P)`
       c.externalResourceId
     )) })
   ] });
-}, yN = w(P)`
+}, yN = w(j)`
   height: 100%;
   row-gap: 8px;
   align-items: center;
@@ -26990,7 +27000,7 @@ const lN = w(P)`
     {
       variant: "body2",
       fontSize: `${k.typography.caption.fontSize}px`,
-      color: "var(--connector-text-secondary)",
+      color: "var(--connector-caption-text)",
       children: e
     }
   )
@@ -27046,7 +27056,7 @@ const lN = w(P)`
 }, TN = ({ onSuccess: e }) => yn({
   mutationFn: kN,
   onSuccess: e
-}), LN = w(P)`
+}), LN = w(j)`
   padding: 12px;
   flex-flow: row nowrap;
   justify-content: flex-end;
@@ -27104,7 +27114,7 @@ const lN = w(P)`
       }
     )
   ] });
-}, RN = "Tell us more (optional)", NN = w(j)`
+}, RN = "Tell us more (optional)", NN = w(P)`
   width: ${({ width: e }) => e || "440px"};
   border-radius: 12px;
   padding: 16px;
@@ -27117,10 +27127,10 @@ const lN = w(P)`
     flex-direction: row;
     margin-bottom: 12px;
   }
-`, MN = w(j)`
+`, MN = w(P)`
   border-bottom: 1px solid ${k.palette.gray.gray6};
   margin: 12px -16px;
-`, QN = w(j)`
+`, QN = w(P)`
   display: flex;
   justify-content: flex-end;
   margin-top: 30px;
@@ -27221,7 +27231,7 @@ function _N({ onSuccess: e }) {
     onSuccess: e
   });
 }
-const HN = w(P)`
+const HN = w(j)`
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: center;
@@ -27234,7 +27244,7 @@ const HN = w(P)`
     opacity: 0.4;
   }
 `, UN = w(K)`
-  color: var(--connector-text-secondary);
+  color: var(--connector-caption-text);
   font-size: ${k.typography.overline.fontSize}px;
   font-weight: ${k.typography.fontWeightRegular};
   line-height: 12px;
@@ -27264,7 +27274,7 @@ const HN = w(P)`
   };
   return /* @__PURE__ */ a.jsxs(HN, { "data-section": "feedback", children: [
     /* @__PURE__ */ a.jsx(UN, { children: r }),
-    /* @__PURE__ */ a.jsxs(P, { flexDirection: "row", alignItems: "flex-end", children: [
+    /* @__PURE__ */ a.jsxs(j, { flexDirection: "row", alignItems: "flex-end", children: [
       /* @__PURE__ */ a.jsx(z3, { arrow: !0, title: xR, placement: "top", slotProps: { popper: { sx: { zIndex: 2100 } } }, children: /* @__PURE__ */ a.jsx(
         X3,
         {
@@ -27361,48 +27371,48 @@ const HN = w(P)`
 }, KN = ({ onSuccess: e }) => yn({
   mutationFn: JN,
   onSuccess: e
-}), YN = w(P)`
+}), YN = w(j)`
   color: var(--connector-text-primary);
   height: 100%;
   box-sizing: border-box;
-`, qN = w(P)`
+`, qN = w(j)`
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: center;
   column-gap: 8px;
   padding: 12px 16px;
   background-color: var(--connector-surface-subtle);
-`, $N = w(P)`
+`, $N = w(j)`
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: center;
   column-gap: 8px;
-`, eM = w(P)`
+`, eM = w(j)`
   flex-flow: row nowrap;
   justify-content: flex-end;
   align-items: center;
   column-gap: 6px;
-`, tM = w(P)`
+`, tM = w(j)`
   padding: 4px;
   background-color: var(--connector-surface-elevated);
   border-radius: 50%;
 `, nM = w("img")`
   width: 16px;
   height: 16px;
-`, uM = w(P)`
+`, uM = w(j)`
   flex-grow: 1;
-`, Z3 = w(P)`
+`, Z3 = w(j)`
   flex-grow: 1;
   flex-basis: 0;
   min-height: 0;
-`, J3 = w(P)`
+`, J3 = w(j)`
   padding: 0 16px;
   min-height: 100%;
   max-height: 100%;
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--connector-icon-secondary) transparent;
-`, rM = w(P)`
+`, rM = w(j)`
   padding: 12px 16px 0;
   position: relative;
 `, oM = w(Hl)`
@@ -27424,7 +27434,7 @@ const HN = w(P)`
       border-width: 1px !important;
     }
   }
-`, aM = w(P)`
+`, aM = w(j)`
   padding: 8px 0 8px 12px;
   justify-content: center;
   align-items: center;
@@ -27518,7 +27528,7 @@ const HN = w(P)`
             arrow: !0,
             title: u ? cR : DR,
             slotProps: { popper: { sx: { zIndex: 2100 } } },
-            children: /* @__PURE__ */ a.jsx(P, { children: /* @__PURE__ */ a.jsx(
+            children: /* @__PURE__ */ a.jsx(j, { children: /* @__PURE__ */ a.jsx(
               fM,
               {
                 checked: u,
@@ -27607,7 +27617,7 @@ const HN = w(P)`
 }, X5 = ({ onSuccess: e }) => yn({
   mutationFn: cM,
   onSuccess: e
-}), DM = w(P)`
+}), DM = w(j)`
   border-radius: 100px;
   background: var(--connector-surface-subtle);
   flex-flow: row nowrap;
@@ -27828,7 +27838,7 @@ const E_ = ({
     ] })
   }
 );
-w(P)`
+w(j)`
   width: 300px;
   background-color: var(--connector-surface-elevated);
   border: 0.5px solid var(--connector-border-strong);
@@ -27837,21 +27847,21 @@ w(P)`
   overflow: hidden;
   font-family: 'Hanken Grotesk', sans-serif;
 `;
-w(P)`
+w(j)`
   flex-direction: row;
   align-items: center;
   gap: 8px;
   padding: 8px 12px;
   border-bottom: 1px solid var(--connector-border);
 `;
-w(P)`
+w(j)`
   flex-direction: row;
   align-items: center;
   gap: 8px;
   flex: 1 0 0;
   min-width: 0;
 `;
-w(P)`
+w(j)`
   padding: 2px;
   background-color: var(--connector-surface);
   border-radius: 32px;
@@ -27906,14 +27916,14 @@ w(hM)`
     opacity: 1;
   }
 `;
-w(P)`
+w(j)`
   flex-direction: column;
   align-items: flex-start;
   padding: 8px 4px;
   border-radius: 10px;
   width: 100%;
 `;
-w(P)`
+w(j)`
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
@@ -27943,13 +27953,13 @@ w(Hl)`
     }
   }
 `;
-w(P)`
+w(j)`
   padding: 0 0 0 8px;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
 `;
-w(P)`
+w(j)`
   display: grid;
   grid-template-rows: max-content 0fr;
   transition: grid-template-rows 300ms ease-out;
@@ -27970,7 +27980,7 @@ w(P)`
     }
   }
 `;
-w(P)`
+w(j)`
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
@@ -27986,7 +27996,7 @@ w(P)`
     transition: transform 300ms ease-out;
   }
 `;
-w(P)`
+w(j)`
   overflow: hidden;
   flex-direction: column;
   align-items: stretch;
@@ -27998,7 +28008,7 @@ w(K)`
   line-height: 20px;
   color: var(--connector-text-secondary);
 `;
-w(P)`
+w(j)`
   flex-direction: row;
   align-items: center;
   gap: 12px;
@@ -28036,7 +28046,7 @@ w(_l)`
     font-size: 18px;
   }
 `;
-w(P)`
+w(j)`
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-end;
@@ -28194,7 +28204,7 @@ const yM = w("span")`
     cursor: not-allowed;
     text-decoration: none;
   }
-`, BM = w(P)`
+`, BM = w(j)`
   position: relative;
   display: inline-flex;
 `;
@@ -28891,7 +28901,7 @@ function rc(e, t) {
     staleTime: 0
   });
 }
-const aQ = w(j)`
+const aQ = w(P)`
   display: inline;
   white-space: nowrap;
 
@@ -29136,27 +29146,27 @@ const aQ = w(j)`
     bodyMedium: { fontSize: 14, lineHeight: "20px", fontWeight: 500 },
     caption: { fontSize: 12, lineHeight: "18px", fontWeight: 400 }
   }
-}, yu = w(j)`
+}, yu = w(P)`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   background: ${v.color.slateSurfaceWhite};
   font-family: ${v.font.family};
-`, Ja = w(P)`
+`, Ja = w(j)`
   flex: 1;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: ${v.space.panel}px;
   gap: ${v.space.xxl}px;
-`, t4 = w(j)`
+`, t4 = w(P)`
   width: 100%;
   max-width: 540px;
   display: flex;
   align-items: center;
   justify-content: center;
-`, z0 = w(j)`
+`, z0 = w(P)`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -29164,7 +29174,7 @@ const aQ = w(j)`
   box-sizing: border-box;
   padding: ${v.space.lg}px;
   background: ${v.color.slateSurfaceSubtle};
-`, Z0 = w(P)`
+`, Z0 = w(j)`
   flex: 1;
   width: 100%;
   box-sizing: border-box;
@@ -29243,7 +29253,7 @@ w(Oe)`
     border-color: ${v.color.slateBorderLight};
   }
 `;
-const sQ = w(j)`
+const sQ = w(P)`
   position: fixed;
   inset: 0;
   background: var(--connector-overlay-backdrop, rgba(15, 23, 42, 0.45));
@@ -29252,7 +29262,7 @@ const sQ = w(j)`
   justify-content: center;
   z-index: 1300;
   font-family: ${v.font.family};
-`, cQ = w(j)`
+`, cQ = w(P)`
   position: relative;
   width: 399px;
   max-width: calc(100vw - 32px);
@@ -29265,7 +29275,7 @@ const sQ = w(j)`
   align-items: stretch;
   gap: ${v.space.xxl}px;
   box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
-`, DQ = w(j)`
+`, DQ = w(P)`
   width: 100%;
   height: 164px;
   background: ${v.color.violetSurfaceFaint};
@@ -29496,9 +29506,9 @@ const xQ = ({
       ]
     }
   );
-}, BQ = ({ variant: e }) => /* @__PURE__ */ a.jsxs(j, { sx: { position: "relative", width: "64px", height: "61.222px" }, children: [
+}, BQ = ({ variant: e }) => /* @__PURE__ */ a.jsxs(P, { sx: { position: "relative", width: "64px", height: "61.222px" }, children: [
   /* @__PURE__ */ a.jsx(
-    j,
+    P,
     {
       sx: {
         position: "absolute",
@@ -29510,7 +29520,7 @@ const xQ = ({
     }
   ),
   /* @__PURE__ */ a.jsx(
-    j,
+    P,
     {
       sx: {
         position: "absolute",
@@ -29525,7 +29535,7 @@ const xQ = ({
     }
   ),
   /* @__PURE__ */ a.jsx(
-    j,
+    P,
     {
       sx: {
         position: "absolute",
@@ -29540,9 +29550,9 @@ const xQ = ({
       children: /* @__PURE__ */ a.jsx("img", { src: f4, alt: "", width: 24, height: 24, style: { display: "block" } })
     }
   ),
-  /* @__PURE__ */ a.jsx(j, { sx: { position: "absolute", left: "38.4px", top: "35.69px", width: "21.333px", height: "21.333px" }, children: /* @__PURE__ */ a.jsx(j, { sx: { position: "absolute", inset: "-15% -20% -25% -20%" }, children: /* @__PURE__ */ a.jsx(yQ, { variant: e }) }) })
+  /* @__PURE__ */ a.jsx(P, { sx: { position: "absolute", left: "38.4px", top: "35.69px", width: "21.333px", height: "21.333px" }, children: /* @__PURE__ */ a.jsx(P, { sx: { position: "absolute", inset: "-15% -20% -25% -20%" }, children: /* @__PURE__ */ a.jsx(yQ, { variant: e }) }) })
 ] }), wQ = ({ variant: e }) => /* @__PURE__ */ a.jsxs(
-  j,
+  P,
   {
     sx: {
       flex: "1 1 auto",
@@ -29557,7 +29567,7 @@ const xQ = ({
     children: [
       /* @__PURE__ */ a.jsx(BQ, { variant: e }),
       /* @__PURE__ */ a.jsx(
-        j,
+        P,
         {
           component: "div",
           sx: {
@@ -32384,9 +32394,9 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   description: r,
   confirmLabel: o,
   isConfirming: i
-}) => /* @__PURE__ */ a.jsx(eu, { shown: e, setShown: t, borderRadius: v.radius.md, children: /* @__PURE__ */ a.jsxs(P, { width: "420px", sx: { fontFamily: v.font.family }, children: [
+}) => /* @__PURE__ */ a.jsx(eu, { shown: e, setShown: t, borderRadius: v.radius.md, children: /* @__PURE__ */ a.jsxs(j, { width: "420px", sx: { fontFamily: v.font.family }, children: [
   /* @__PURE__ */ a.jsxs(
-    P,
+    j,
     {
       direction: "row",
       alignItems: "center",
@@ -32416,7 +32426,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       ]
     }
   ),
-  /* @__PURE__ */ a.jsxs(P, { gap: `${v.space.xxl}px`, padding: `${v.space.xxl}px`, children: [
+  /* @__PURE__ */ a.jsxs(j, { gap: `${v.space.xxl}px`, padding: `${v.space.xxl}px`, children: [
     /* @__PURE__ */ a.jsx(
       K,
       {
@@ -32430,7 +32440,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
         children: r
       }
     ),
-    /* @__PURE__ */ a.jsxs(P, { direction: "row", justifyContent: "flex-end", gap: `${v.space.xxl}px`, children: [
+    /* @__PURE__ */ a.jsxs(j, { direction: "row", justifyContent: "flex-end", gap: `${v.space.xxl}px`, children: [
       /* @__PURE__ */ a.jsx(
         Oe,
         {
@@ -32479,7 +32489,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     ] })
   ] })
 ] }) }), JQ = ({ indented: e }) => /* @__PURE__ */ a.jsxs(
-  j,
+  P,
   {
     sx: {
       display: "flex",
@@ -32494,7 +32504,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     },
     children: [
       /* @__PURE__ */ a.jsx(
-        j,
+        P,
         {
           "aria-hidden": !0,
           sx: {
@@ -32519,7 +32529,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
         }
       ),
       /* @__PURE__ */ a.jsx(
-        j,
+        P,
         {
           component: "span",
           sx: {
@@ -32534,7 +32544,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       )
     ]
   }
-), es = w(j)`
+), es = w(P)`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -32544,7 +32554,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   border-left: 1px solid ${v.color.slateBorderLight};
   border-right: 1px solid ${v.color.slateBorderLight};
   `}
-`, KQ = w(j, {
+`, KQ = w(P, {
   shouldForwardProp: (e) => e !== "boxed" && e !== "scrolled"
 })`
   flex: 0 0 auto;
@@ -32566,7 +32576,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   & > *:first-child {
     margin-top: 0;
   }
-`, YQ = w(j)`
+`, YQ = w(P)`
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
@@ -32574,13 +32584,13 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   padding: ${v.space.xxl}px ${v.space.xl}px;
   background: ${v.color.slateSurfaceWhite};
   border-bottom: 1px solid ${v.color.slateBorderLight};
-`, ul = w(j)`
+`, ul = w(P)`
   display: flex;
   flex-direction: row;
   align-items: baseline;
   gap: ${v.space.md}px;
   min-width: 0;
-`, gi = w(j, {
+`, gi = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex: 1 1 auto;
@@ -32603,18 +32613,18 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
      scrollTop manually; disable the browser's scroll-anchoring so it
      doesn't fight that restore (risk #1 — scroll jank on prepend). */
   overflow-anchor: none;
-`, rl = w(j)`
+`, rl = w(P)`
   flex: 0 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: ${v.space.sm}px ${v.space.panel}px;
-`, qQ = w(j, {
+`, qQ = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex: 0 0 auto;
   padding: ${v.space.xl}px ${({ boxed: e }) => e ? v.space.lg : v.space.panel}px 0;
-`, $Q = w(j, {
+`, $Q = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex: 1 1 auto;
@@ -32634,7 +32644,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   & > *:first-child > *:first-child {
     margin-top: 0;
   }
-`, ej = w(j)`
+`, ej = w(P)`
   display: flex;
   flex-direction: column;
 `, p4 = w(
@@ -32657,10 +32667,10 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     text-decoration: underline;
   }
   ${({ boxed: e }) => e ? "" : `margin: 0 0 ${v.space.lg}px ${v.space.panel + 30 + v.space.lg}px;`}
-`, tj = w(j)`
+`, tj = w(P)`
   display: flex;
   flex-direction: column;
-`, nj = w(j, {
+`, nj = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex: 0 0 auto;
@@ -32671,7 +32681,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   & textarea {
     display: block !important;
   }
-`, uj = w(P, {
+`, uj = w(j, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex-direction: row;
@@ -32705,7 +32715,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     opacity: 1;
     pointer-events: auto;
   }
-`, rj = w(j, {
+`, rj = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   position: absolute;
@@ -32764,7 +32774,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     box-shadow: none;
     color: var(--connector-negative);
   }
-`, ij = w(j, {
+`, ij = w(P, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   width: ${({ boxed: e }) => e ? 24 : 30}px;
@@ -32786,13 +32796,13 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     height: 100%;
     object-fit: cover;
   }
-`, fj = w(j)`
+`, fj = w(P)`
   display: flex;
   flex-direction: column;
   gap: ${v.space.sm}px;
   flex: 1;
   min-width: 0;
-`, sj = w(P, {
+`, sj = w(j, {
   shouldForwardProp: (e) => e !== "boxed"
 })`
   flex-direction: row;
@@ -32800,12 +32810,12 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   gap: ${v.space.xl}px;
   white-space: nowrap;
   flex-wrap: nowrap;
-`, cj = w(j)`
+`, cj = w(P)`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: ${v.space.sm}px;
-`, Dj = w(j)`
+`, Dj = w(P)`
   display: inline-flex;
   align-items: center;
   gap: ${v.space.sm}px;
@@ -33129,8 +33139,8 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       )
     }
   );
-}, hj = ({ members: e, highlightIdx: t, onHighlightChange: n, onPick: u }) => /* @__PURE__ */ a.jsx(P, { sx: { padding: `${v.space.sm}px` }, children: e.map((r, o) => /* @__PURE__ */ a.jsxs(
-  P,
+}, hj = ({ members: e, highlightIdx: t, onHighlightChange: n, onPick: u }) => /* @__PURE__ */ a.jsx(j, { sx: { padding: `${v.space.sm}px` }, children: e.map((r, o) => /* @__PURE__ */ a.jsxs(
+  j,
   {
     direction: "row",
     alignItems: "center",
@@ -33379,7 +33389,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   }, ae = (!!t || i === "thread") && !f;
   return /* @__PURE__ */ a.jsxs(nj, { boxed: l, children: [
     ae && /* @__PURE__ */ a.jsx(
-      j,
+      P,
       {
         sx: {
           display: "flex",
@@ -33394,7 +33404,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
           marginBottom: "-22px"
         },
         children: /* @__PURE__ */ a.jsx(
-          j,
+          P,
           {
             component: "span",
             sx: {
@@ -33410,7 +33420,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       }
     ),
     /* @__PURE__ */ a.jsxs(
-      j,
+      P,
       {
         sx: {
           // Disabled (viewer can't post): the whole interior reads as inert —
@@ -33428,7 +33438,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
           position: "relative"
         },
         children: [
-          /* @__PURE__ */ a.jsxs(j, { sx: { position: "relative" }, children: [
+          /* @__PURE__ */ a.jsxs(P, { sx: { position: "relative" }, children: [
             /* @__PURE__ */ a.jsx(
               "div",
               {
@@ -33478,7 +33488,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
             )
           ] }),
           /* @__PURE__ */ a.jsxs(
-            P,
+            j,
             {
               direction: "row",
               alignItems: "center",
@@ -33493,8 +33503,8 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
                 borderBottomRightRadius: `${v.radius.sm}px`
               },
               children: [
-                /* @__PURE__ */ a.jsx(P, { direction: "row", alignItems: "center", gap: `${v.space.lg}px`, sx: { flex: 1 }, children: /* @__PURE__ */ a.jsx(
-                  j,
+                /* @__PURE__ */ a.jsx(j, { direction: "row", alignItems: "center", gap: `${v.space.lg}px`, sx: { flex: 1 }, children: /* @__PURE__ */ a.jsx(
+                  P,
                   {
                     component: "button",
                     type: "button",
@@ -33521,7 +33531,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
                   }
                 ) }),
                 /* @__PURE__ */ a.jsx(
-                  j,
+                  P,
                   {
                     component: "button",
                     onClick: () => void je(),
@@ -33571,7 +33581,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
         anchorOrigin: { vertical: "top", horizontal: "left" },
         transformOrigin: { vertical: "bottom", horizontal: "left" },
         children: /* @__PURE__ */ a.jsx(
-          j,
+          P,
           {
             sx: {
               display: "grid",
@@ -33580,7 +33590,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
               padding: `${v.space.lg}px`
             },
             children: Ej.map((le) => /* @__PURE__ */ a.jsx(
-              j,
+              P,
               {
                 component: "button",
                 type: "button",
@@ -33664,7 +33674,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   var u, r;
   return e ? /* @__PURE__ */ a.jsxs(rl, { children: [
     /* @__PURE__ */ a.jsx(Ao, { size: 14, sx: { color: "var(--connector-icon-secondary)", marginRight: `${v.space.sm}px` } }),
-    /* @__PURE__ */ a.jsx(K, { variant: "caption", sx: { color: "var(--connector-text-secondary)" }, children: "Loading older messages…" })
+    /* @__PURE__ */ a.jsx(K, { variant: "caption", sx: { color: "var(--connector-caption-text)" }, children: "Loading older messages…" })
   ] }) : /* @__PURE__ */ a.jsx(rl, { children: /* @__PURE__ */ a.jsx(
     K,
     {
@@ -33700,7 +33710,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     marginBottom: 0
   }
 })), yj = v.space.panel, Bj = [{ name: "offset", options: { offset: [0, -(yj - 2)] } }], h4 = ({ children: e }) => /* @__PURE__ */ a.jsx(vj, { title: xj, placement: "top", slotProps: { popper: { modifiers: Bj } }, children: e }), wj = () => /* @__PURE__ */ a.jsx(
-  j,
+  P,
   {
     sx: {
       margin: `${v.space.panel}px`,
@@ -33710,9 +33720,9 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       borderRadius: `${v.radius.md}px`,
       fontFamily: v.font.family
     },
-    children: /* @__PURE__ */ a.jsx(P, { direction: "row", alignItems: "center", gap: `${v.space.xl}px`, children: /* @__PURE__ */ a.jsxs(j, { sx: { flex: 1 }, children: [
+    children: /* @__PURE__ */ a.jsx(j, { direction: "row", alignItems: "center", gap: `${v.space.xl}px`, children: /* @__PURE__ */ a.jsxs(P, { sx: { flex: 1 }, children: [
       /* @__PURE__ */ a.jsx(
-        j,
+        P,
         {
           component: "div",
           sx: {
@@ -33725,7 +33735,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
         }
       ),
       /* @__PURE__ */ a.jsx(
-        j,
+        P,
         {
           component: "div",
           sx: {
@@ -33745,7 +33755,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   boxed: t,
   textWidth: n
 }) => /* @__PURE__ */ a.jsxs(
-  j,
+  P,
   {
     "aria-hidden": !0,
     sx: {
@@ -33765,13 +33775,13 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     },
     children: [
       /* @__PURE__ */ a.jsx(Kr, { variant: "circular", width: 30, height: 30, animation: "wave" }),
-      /* @__PURE__ */ a.jsxs(j, { sx: { display: "flex", flexDirection: "column", gap: `${v.space.sm}px`, flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ a.jsxs(P, { sx: { display: "flex", flexDirection: "column", gap: `${v.space.sm}px`, flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ a.jsx(Kr, { variant: "rounded", width: "35%", height: "14px", animation: "wave" }),
         /* @__PURE__ */ a.jsx(Kr, { variant: "rounded", width: n, height: "14px", animation: "wave" })
       ] })
     ]
   }
-), Ij = ({ boxed: e }) => /* @__PURE__ */ a.jsxs(j, { role: "status", "aria-busy": "true", "aria-label": "Loading thread", children: [
+), Ij = ({ boxed: e }) => /* @__PURE__ */ a.jsxs(P, { role: "status", "aria-busy": "true", "aria-label": "Loading thread", children: [
   /* @__PURE__ */ a.jsx(y1, { boxed: e, textWidth: "72%" }),
   /* @__PURE__ */ a.jsx(y1, { boxed: e, indented: !e, textWidth: "58%" }),
   /* @__PURE__ */ a.jsx(y1, { boxed: e, indented: !e, textWidth: "64%" })
@@ -33782,9 +33792,9 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   children: u
 }) => {
   const r = e && n ? -v.space.xl : 0;
-  return /* @__PURE__ */ a.jsxs(j, { sx: { position: "relative" }, children: [
+  return /* @__PURE__ */ a.jsxs(P, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ a.jsx(
-      j,
+      P,
       {
         "aria-hidden": !0,
         sx: {
@@ -33802,7 +33812,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
       }
     ),
     /* @__PURE__ */ a.jsx(
-      j,
+      P,
       {
         "aria-hidden": !0,
         sx: {
@@ -33863,7 +33873,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   return /* @__PURE__ */ a.jsxs(es, { isBoxed: !!c, children: [
     i,
     /* @__PURE__ */ a.jsx(qQ, { boxed: c, children: /* @__PURE__ */ a.jsxs(
-      j,
+      P,
       {
         component: "button",
         type: "button",
@@ -33939,7 +33949,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
           )
         )
       ) })
-    ] }) : /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)" }, children: "Couldn’t load this thread." }) }),
+    ] }) : /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)" }, children: "Couldn’t load this thread." }) }),
     u ? (
       // Public-left: disabled composer; hovering shows the "not a member"
       // tooltip (matches the list view's composer slot).
@@ -34127,7 +34137,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     threadTs: (Cn = s.data) == null ? void 0 : Cn.externalThreadTs,
     targetKind: (_n = s.data) == null ? void 0 : _n.targetKind
   }), un = i && ((Hn = s.data) != null && Hn.channelName) ? /* @__PURE__ */ a.jsx(bj, { channelName: s.data.channelName, channelUrl: Ut }) : null;
-  return s.isLoading ? /* @__PURE__ */ a.jsx(Ht, { children: /* @__PURE__ */ a.jsx(gi, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)", padding: "12px 20px" }, children: "Loading messages…" }) }) }) : s.data && S ? /* @__PURE__ */ a.jsxs(Ht, { children: [
+  return s.isLoading ? /* @__PURE__ */ a.jsx(Ht, { children: /* @__PURE__ */ a.jsx(gi, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)", padding: "12px 20px" }, children: "Loading messages…" }) }) }) : s.data && S ? /* @__PURE__ */ a.jsxs(Ht, { children: [
     /* @__PURE__ */ a.jsx(wQ, { variant: S }),
     M()
   ] }) : s.data && C ? F ? /* @__PURE__ */ a.jsx(
@@ -34144,7 +34154,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     un,
     /* @__PURE__ */ a.jsxs($Q, { ref: ee, onScroll: uu, boxed: f, children: [
       (ct || Pe || dt) && /* @__PURE__ */ a.jsx(ts, { isLoading: Pe, error: dt, onLoad: re }),
-      dn.length === 0 ? /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)", padding: "12px 20px" }, children: "No messages in this channel yet." }) : dn.map((Ee) => /* @__PURE__ */ a.jsx(
+      dn.length === 0 ? /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)", padding: "12px 20px" }, children: "No messages in this channel yet." }) : dn.map((Ee) => /* @__PURE__ */ a.jsx(
         dj,
         {
           thread: Ee,
@@ -34159,7 +34169,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     ] }),
     M()
   ] }) : !s.data || !T ? /* @__PURE__ */ a.jsxs(Ht, { children: [
-    /* @__PURE__ */ a.jsx(gi, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-text-secondary)", padding: "12px 20px" }, children: "No messages in this thread yet." }) }),
+    /* @__PURE__ */ a.jsx(gi, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: "var(--connector-caption-text)", padding: "12px 20px" }, children: "No messages in this thread yet." }) }),
     M()
   ] }) : /* @__PURE__ */ a.jsxs(Ht, { ref: W, children: [
     un,
@@ -34212,7 +34222,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
         /* @__PURE__ */ a.jsx("img", { src: Oj, alt: "", width: 24, height: 24, "aria-hidden": !0 }),
         /* @__PURE__ */ a.jsx($3, { src: f4, alt: "Slack" })
       ] }),
-      c ? /* @__PURE__ */ a.jsxs(P, { gap: `${v.space.sm}px`, alignItems: "center", sx: { paddingX: `${v.space.lg}px` }, children: [
+      c ? /* @__PURE__ */ a.jsxs(j, { gap: `${v.space.sm}px`, alignItems: "center", sx: { paddingX: `${v.space.lg}px` }, children: [
         /* @__PURE__ */ a.jsxs(
           "span",
           {
@@ -34244,7 +34254,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
             children: "You’ll be taken to a new tab to sign in."
           }
         )
-      ] }) : /* @__PURE__ */ a.jsxs(P, { gap: `${v.space.xxl}px`, alignItems: "center", sx: { paddingX: `${v.space.lg}px` }, children: [
+      ] }) : /* @__PURE__ */ a.jsxs(j, { gap: `${v.space.xxl}px`, alignItems: "center", sx: { paddingX: `${v.space.lg}px` }, children: [
         /* @__PURE__ */ a.jsx(
           "span",
           {
@@ -34280,10 +34290,10 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   }, [u, t]);
   return /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(z0, { children: /* @__PURE__ */ a.jsxs(Z0, { children: [
     /* @__PURE__ */ a.jsx(Mj, {}),
-    r ? /* @__PURE__ */ a.jsx(P, { gap: 2, alignItems: "center", children: /* @__PURE__ */ a.jsxs(K, { variant: "body2", sx: { color: v.color.slateTextBody, maxWidth: 522, textAlign: "center" }, children: [
+    r ? /* @__PURE__ */ a.jsx(j, { gap: 2, alignItems: "center", children: /* @__PURE__ */ a.jsxs(K, { variant: "body2", sx: { color: v.color.slateTextBody, maxWidth: 522, textAlign: "center" }, children: [
       "Reconnecting to Slack",
       /* @__PURE__ */ a.jsx(Da, {})
-    ] }) }) : /* @__PURE__ */ a.jsxs(P, { gap: 2, alignItems: "center", children: [
+    ] }) }) : /* @__PURE__ */ a.jsxs(j, { gap: 2, alignItems: "center", children: [
       /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: v.color.slateTextBody, maxWidth: 522, textAlign: "center" }, children: "Authentication with Slack failed. Please try again" }),
       /* @__PURE__ */ a.jsx(n4, { variant: "contained", disableElevation: !0, onClick: o, sx: { minWidth: 220 }, children: "Re-authenticate" })
     ] })
@@ -34437,21 +34447,21 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     backgroundColor: `${Ve.optionSelectedBg} !important`,
     color: Ve.optionActiveColor
   }
-}, Wj = w(j)`
+}, Wj = w(P)`
   width: 418px;
   max-width: calc(100vw - 32px);
   display: flex;
   flex-direction: column;
   background: ${v.color.slateSurfaceWhite};
   font-family: ${v.font.family};
-`, Vj = w(P)`
+`, Vj = w(j)`
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
   background: ${v.color.slateSurfaceSubtle};
   border-bottom: 1px solid ${v.color.slateBorderMild};
-`, Gj = w(j)`
+`, Gj = w(P)`
   font-family: ${v.font.family};
   font-size: 16px;
   line-height: 24px;
@@ -34469,21 +34479,21 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
   &:hover {
     background: ${v.color.slateSurfaceSubtle100};
   }
-`, zj = w(j)`
+`, zj = w(P)`
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 16px;
-`, Zj = w(j)`
+`, Zj = w(P)`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`, Jj = w(P)`
+`, Jj = w(j)`
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
   gap: 16px;
-`, Kj = w(j)`
+`, Kj = w(P)`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -34521,14 +34531,14 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     color: ${v.color.slateTextBody} !important;
     box-shadow: ${({ active: e }) => e ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"} !important;
   }
-`, Vr = w(j)`
+`, Vr = w(P)`
   margin-bottom: 6px;
   font-family: ${v.font.family};
   font-size: 14px;
   line-height: 20px;
   font-weight: ${v.font.weightMedium};
   color: ${v.color.slateTextBody};
-`, fc = w(j)`
+`, fc = w(P)`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -34591,14 +34601,14 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     border-color: var(--connector-input-border-focus, #276cf0);
   }
   ${E4}
-`, qj = w(j)`
+`, qj = w(P)`
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-family: ${v.font.family};
-`, $j = w(j)`
+`, $j = w(P)`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -34652,7 +34662,7 @@ const K0 = (e) => oc.replace_colons(e), nl = /<@([A-Z0-9]+)>/g, VQ = (e) => /* @
     background: ${v.color.slateSurface150};
     border-radius: ${v.radius.full}px;
   }
-`, nP = w(j)`
+`, nP = w(P)`
   font-family: ${v.font.family};
   font-size: 13px;
   line-height: 18px;
@@ -34729,7 +34739,7 @@ function b4(e = !0) {
   });
 }
 const dl = ({ user: e, size: t }) => /* @__PURE__ */ a.jsx(
-  j,
+  P,
   {
     sx: {
       width: t,
@@ -34780,16 +34790,16 @@ const dl = ({ user: e, size: t }) => /* @__PURE__ */ a.jsx(
       renderOption: (o, i) => {
         const { key: f, ...s } = o;
         return /* @__PURE__ */ a.jsxs(
-          j,
+          P,
           {
             component: "li",
             sx: { display: "flex", alignItems: "center", gap: "8px", fontFamily: v.font.family },
             ...s,
             children: [
               /* @__PURE__ */ a.jsx(dl, { user: i, size: 24 }),
-              /* @__PURE__ */ a.jsxs(j, { sx: { minWidth: 0 }, children: [
+              /* @__PURE__ */ a.jsxs(P, { sx: { minWidth: 0 }, children: [
                 /* @__PURE__ */ a.jsx(
-                  j,
+                  P,
                   {
                     sx: {
                       fontSize: 14,
@@ -34804,7 +34814,7 @@ const dl = ({ user: e, size: t }) => /* @__PURE__ */ a.jsx(
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
-                  j,
+                  P,
                   {
                     sx: {
                       fontSize: 12,
@@ -34922,7 +34932,7 @@ const dl = ({ user: e, size: t }) => /* @__PURE__ */ a.jsx(
       });
     }
   };
-  return /* @__PURE__ */ a.jsxs(j, { sx: { position: "relative" }, children: [
+  return /* @__PURE__ */ a.jsxs(P, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ a.jsx(
       iP,
       {
@@ -35003,8 +35013,8 @@ const cP = (e) => e.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, "
   { value: "public", label: "Public" }
 ], lP = ({ values: e, onChange: t }) => {
   const n = (u, r) => t({ ...e, [u]: r });
-  return /* @__PURE__ */ a.jsxs(j, { display: "flex", flexDirection: "column", gap: 2, children: [
-    /* @__PURE__ */ a.jsxs(j, { children: [
+  return /* @__PURE__ */ a.jsxs(P, { display: "flex", flexDirection: "column", gap: 2, children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Channel Name" }),
       /* @__PURE__ */ a.jsx(fc, { children: /* @__PURE__ */ a.jsx(
         sc,
@@ -35015,15 +35025,15 @@ const cP = (e) => e.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, "
         }
       ) })
     ] }),
-    /* @__PURE__ */ a.jsxs(j, { children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Type" }),
       /* @__PURE__ */ a.jsx(sP, { value: e.channelType, options: DP, onChange: (u) => n("channelType", u) })
     ] }),
-    /* @__PURE__ */ a.jsxs(j, { children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Add Members" }),
       /* @__PURE__ */ a.jsx(aP, { value: e.members, onChange: (u) => n("members", u) })
     ] }),
-    /* @__PURE__ */ a.jsxs(j, { children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Message" }),
       /* @__PURE__ */ a.jsx(
         x4,
@@ -35065,8 +35075,8 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   const r = dP(), o = ((p = r.data) == null ? void 0 : p.channels) ?? [], i = ((d = r.data) == null ? void 0 : d.warmState) === "warming", [f, s] = U(!1), c = Sr(), D = c ? Ve.chevronSize : 16, l = o.find((A) => A.externalChannelId === e) ?? null, g = (A, C) => {
     n((C == null ? void 0 : C.externalChannelId) ?? null);
   }, h = (A) => `# ${A.name}${A.isPrivate ? " 🔒" : ""}`;
-  return /* @__PURE__ */ a.jsxs(j, { display: "flex", flexDirection: "column", gap: 2, children: [
-    /* @__PURE__ */ a.jsxs(j, { children: [
+  return /* @__PURE__ */ a.jsxs(P, { display: "flex", flexDirection: "column", gap: 2, children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Channel" }),
       /* @__PURE__ */ a.jsx(
         Wl,
@@ -35074,7 +35084,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
           options: o,
           value: l,
           loading: r.isLoading,
-          noOptionsText: i ? /* @__PURE__ */ a.jsxs(j, { component: "span", sx: { color: v.color.slateTextSubtle, fontFamily: v.font.family }, children: [
+          noOptionsText: i ? /* @__PURE__ */ a.jsxs(P, { component: "span", sx: { color: v.color.slateTextSubtle, fontFamily: v.font.family }, children: [
             "Loading channels",
             /* @__PURE__ */ a.jsx(Da, {})
           ] }) : "No channels found",
@@ -35086,7 +35096,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
           renderOption: (A, C) => {
             const { key: F, ...E } = A;
             return /* @__PURE__ */ a.jsx(
-              j,
+              P,
               {
                 component: "li",
                 sx: { fontSize: 14, fontFamily: v.font.family },
@@ -35138,7 +35148,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsxs(j, { children: [
+    /* @__PURE__ */ a.jsxs(P, { children: [
       /* @__PURE__ */ a.jsx(Vr, { children: "Message" }),
       /* @__PURE__ */ a.jsx(x4, { value: t, onChange: u, placeholder: "Type a message…" })
     ] })
@@ -35345,7 +35355,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   }
   return c && D === "unknown" ? /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(Ja, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: v.color.slateTextBody }, children: "Loading…" }) }) }) : m ? /* @__PURE__ */ a.jsx(Qj, { connectorId: n, sendTrackingEvent: o }) : D === "connected" && l.isLoading ? /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(Ja, { children: /* @__PURE__ */ a.jsx(K, { variant: "body2", sx: { color: v.color.slateTextBody }, children: "Loading…" }) }) }) : D === "connected" && l.data ? /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(Lj, {}) }) : D === "connected" && A && !l.data ? /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(z0, { children: /* @__PURE__ */ a.jsxs(Z0, { children: [
     /* @__PURE__ */ a.jsx(el, { boxed: !!f }),
-    /* @__PURE__ */ a.jsx(P, { gap: 2, alignItems: "center", children: /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ a.jsx(j, { gap: 2, alignItems: "center", children: /* @__PURE__ */ a.jsxs(
       K,
       {
         variant: "body2",
@@ -35359,7 +35369,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   ] }) }) }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(yu, { children: /* @__PURE__ */ a.jsx(z0, { children: /* @__PURE__ */ a.jsxs(Z0, { children: [
       /* @__PURE__ */ a.jsx(el, { boxed: f }),
-      /* @__PURE__ */ a.jsxs(P, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ a.jsxs(j, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ a.jsx(
           K,
           {
@@ -35482,12 +35492,12 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   /* @__PURE__ */ a.jsx("path", { d: "M46 26a12 12 0 1 1 12-12v12H46zm0 6a12 12 0 1 1 0 24H16a12 12 0 1 1 0-24h30z", fill: "#36C5F0" }),
   /* @__PURE__ */ a.jsx("path", { d: "M98 46a12 12 0 1 1 12 12H98V46zm-6 0a12 12 0 1 1-24 0V16a12 12 0 1 1 24 0v30z", fill: "#2EB67D" }),
   /* @__PURE__ */ a.jsx("path", { d: "M78 98a12 12 0 1 1-12 12V98h12zm0-6a12 12 0 1 1 0-24h30a12 12 0 1 1 0 24H78z", fill: "#ECB22E" })
-] }), EP = w(j)`
+] }), EP = w(P)`
   width: 100%;
   box-sizing: border-box;
   border-top: 1px solid ${v.color.slateBorderLight};
   font-family: ${v.font.family};
-`, mP = w(j)`
+`, mP = w(P)`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -35500,7 +35510,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   border: none;
   text-align: left;
   font-family: ${v.font.family};
-`, bP = w(j)`
+`, bP = w(P)`
   display: flex;
   align-items: center;
   gap: ${v.space.lg}px;
@@ -35511,7 +35521,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   line-height: 20px;
   font-weight: ${v.font.weightMedium};
   color: ${v.color.slateTextTitle};
-`, vP = w(j)`
+`, vP = w(P)`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -35526,7 +35536,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   font-size: 12px;
   line-height: 18px;
   font-weight: ${v.font.weightMedium};
-`, w1 = w(P, {
+`, w1 = w(j, {
   shouldForwardProp: (e) => e !== "headerless"
 })`
   gap: ${v.space.xl}px;
@@ -35560,7 +35570,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
     color: ${v.color.slateTextDisabled};
     box-shadow: none;
   }
-`, BP = w(j)`
+`, BP = w(P)`
   display: flex;
   justify-content: space-between;
   align-items: baseline;
@@ -35581,7 +35591,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, SP = w(j)`
+`, SP = w(P)`
   display: flex;
   align-items: flex-start;
   gap: ${v.space.lg}px;
@@ -35590,7 +35600,7 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
   padding: ${v.space.xl}px;
   background: var(--connector-surface-subtle);
   border-radius: ${v.radius.lg}px;
-`, kP = w(j)`
+`, kP = w(P)`
   width: 30px;
   height: 30px;
   border-radius: ${v.radius.full}px;
@@ -35610,10 +35620,10 @@ const pP = ({ channelId: e, message: t, onChannelChange: n, onMessageChange: u }
     height: 100%;
     object-fit: cover;
   }
-`, TP = w(P)`
+`, TP = w(j)`
   min-width: 0;
   gap: ${v.space.xs}px;
-`, LP = w(j)`
+`, LP = w(P)`
   display: flex;
   align-items: baseline;
   gap: ${v.space.lg}px;
@@ -35860,7 +35870,7 @@ const I_ = (e) => Me({
   [`& .${lu.arrow}`]: {
     color: "var(--connector-surface-elevated) !important"
   }
-})), XP = w(P)`
+})), XP = w(j)`
   box-sizing: content-box !important;
   display: flex;
   flex-direction: column;