@hiver/connector-agent 4.20.0-darktheme2-beta.0 → 4.20.0-darktheme2-beta.2

package/index.es.js

@@ -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;
@@ -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"
   },
@@ -11195,13 +11199,20 @@ const fm = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
 }), ju = (e, t) => ({
   "--connector-canvas": t.canvas,
   "--connector-map-form-background": e === "light" ? t.canvas : t.surfaceElevated,
-  "--connector-map-form-field-background": t.inputFilledBackground,
+  // Map-form presentation overrides are dark-only: in light mode the form
+  // keeps its original fixed palette via the component-level fallbacks.
   ...e === "dark" ? {
+    "--connector-map-form-field-background": t.inputFilledBackground,
+    "--connector-map-form-field-border": t.borderStrong,
+    "--connector-map-form-table-border": t.borderStrong,
+    "--connector-map-form-row-border": t.border,
+    "--connector-map-form-header-text-color": t.textSecondary,
     "--connector-map-form-header-icon-background": t.surfaceActive,
     "--connector-map-form-header-icon-color": t.iconSecondary,
     "--connector-map-form-add-icon-color": t.textTertiary,
     "--connector-map-form-label-color": t.textTertiary,
-    "--connector-map-form-arrow-color": t.textDisabled
+    "--connector-map-form-arrow-color": t.textDisabled,
+    "--connector-map-form-dropdown-icon-color": t.iconSecondary
   } : {},
   "--connector-surface": t.surface,
   "--connector-surface-subtle": t.surfaceSubtle,
@@ -11225,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,
@@ -11272,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,
@@ -17533,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;
@@ -17621,7 +17638,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   min-width: 0;
 `, lB = w(j)`
   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;
@@ -17669,7 +17686,7 @@ const Wy = () => `att-${Date.now()}-${++Uy}`, Vy = ({
   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;
@@ -18687,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 = {
@@ -18733,10 +18750,10 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
   borderRadius: "8px",
   fontWeight: k.typography.fontWeightRegular,
   "& .MuiOutlinedInput-notchedOutline": {
-    borderColor: "var(--connector-border-strong, #ECEFF6)"
+    borderColor: "var(--connector-map-form-field-border, #ECEFF6)"
   },
   "&:hover .MuiOutlinedInput-notchedOutline": {
-    borderColor: "var(--connector-border-strong, #ECEFF6)"
+    borderColor: "var(--connector-map-form-field-border, #ECEFF6)"
   },
   "& .MuiSelect-select": {
     display: "flex",
@@ -18745,10 +18762,10 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
     paddingRight: "8px"
   },
   "& .MuiSelect-icon": {
-    color: "var(--connector-icon-secondary, #6C7B94)"
+    color: "var(--connector-map-form-dropdown-icon-color, #97A3B7)"
   },
   "&&": {
-    background: "var(--connector-map-form-field-background, var(--connector-surface, #F6F8FC)) !important"
+    background: "var(--connector-map-form-field-background, #F6F8FC) !important"
   }
 }, uw = {
   ...L8,
@@ -18762,7 +18779,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
     padding: "6px 12px"
   },
   "& .MuiSelect-icon": {
-    color: "var(--connector-icon-secondary, #6C7B94)"
+    color: "var(--connector-map-form-dropdown-icon-color, #97A3B7)"
   }
 }, rw = {
   display: "flex",
@@ -18897,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 }),
@@ -19025,12 +19042,9 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
     flex-flow: row nowrap;
     align-items: stretch;
     justify-content: flex-start;
-    background: var(
-      --connector-map-form-field-background,
-      var(--connector-surface, ${k.palette.gray.gray6a})
-    ) !important;
+    background: var(--connector-map-form-field-background, ${k.palette.gray.gray6a}) !important;
     &:not(.Mui-focused) fieldset {
-      border: ${({ hasError: e }) => e ? "1px solid var(--connector-negative, #D24B58) !important" : "1px solid var(--connector-border-strong, #ECEFF6)"};
+      border: ${({ hasError: e }) => e ? "1px solid var(--connector-negative, #D24B58) !important" : "1px solid var(--connector-map-form-field-border, #ECEFF6)"};
     }
   }
   & .MuiFormHelperText-root {
@@ -19039,7 +19053,7 @@ const Gi = (e) => !!e && typeof e == "object" && "value" in e && "label" in e, S
   & fieldset {
     top: 0;
     border-radius: 8px;
-    border: 1px solid var(--connector-border-strong, ${k.palette.gray.gray6});
+    border: 1px solid var(--connector-map-form-field-border, ${k.palette.gray.gray6});
   }
 
   & textarea {
@@ -19090,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
@@ -19118,10 +19132,10 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   borderRadius: "8px",
   fontWeight: k.typography.fontWeightMedium,
   "& .MuiOutlinedInput-notchedOutline": {
-    borderColor: "var(--connector-border-strong, #ECEFF6)"
+    borderColor: "var(--connector-map-form-field-border, #ECEFF6)"
   },
   "&:hover .MuiOutlinedInput-notchedOutline": {
-    borderColor: "var(--connector-border-strong, #ECEFF6)"
+    borderColor: "var(--connector-map-form-field-border, #ECEFF6)"
   },
   "& .MuiSelect-select": {
     display: "flex",
@@ -19130,10 +19144,10 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
     paddingRight: "8px"
   },
   "& .MuiSelect-icon": {
-    color: "var(--connector-icon-secondary, #6C7B94)"
+    color: "var(--connector-map-form-dropdown-icon-color, #97A3B7)"
   },
   "&&": {
-    background: "var(--connector-map-form-field-background, var(--connector-surface, #F6F8FC)) !important"
+    background: "var(--connector-map-form-field-background, #F6F8FC) !important"
   }
 }, hw = {
   fontSize: k.typography.body1.fontSize,
@@ -19271,7 +19285,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   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;
@@ -19437,7 +19451,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
     {
       sx: {
         fontSize: `${k.typography.caption.fontSize}px`,
-        color: "var(--connector-map-form-add-icon-color, var(--connector-icon-secondary, #3C4043))"
+        color: "var(--connector-map-form-add-icon-color, #4D596C)"
       }
     }
   ) });
@@ -19464,7 +19478,10 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
             }
           },
           PopperProps: {
-            className: "connectorAdmin-portal",
+            // connector-rich-tooltip: the agent host's dark theme repaints any
+            // plain tooltip popper onto its light bubble surface; this panel
+            // owns its surface, so it must opt out at the popper level.
+            className: "connectorAdmin-portal connector-rich-tooltip",
             sx: {
               "& .MuiTooltip-popper": {
                 zIndex: 2e3
@@ -19879,7 +19896,7 @@ const Cw = { m: 0, minWidth: 0, width: "100%" }, gw = {
   padding-top: 30px;
 `, Kw = w(P)`
   background-color: var(--connector-surface, ${k.palette.gray.white});
-  border: 1px solid var(--connector-border-strong, ${k.palette.gray.gray6});
+  border: 1px solid var(--connector-map-form-table-border, ${k.palette.gray.gray6});
   border-radius: 8px;
   margin: 16px 32px;
 `, Yw = w(P)`
@@ -20039,7 +20056,7 @@ const uI = ({
               padding: "16px 24px",
               sx: {
                 backgroundColor: "var(--connector-surface-subtle, #F6F8FC)",
-                borderBottom: "1px solid var(--connector-border-strong, #ECEFF6)",
+                borderBottom: "1px solid var(--connector-map-form-table-border, #ECEFF6)",
                 borderRadius: "8px 8px 0 0"
               },
               children: [
@@ -20050,7 +20067,7 @@ const uI = ({
                     variant: "caption",
                     fontSize: 14,
                     fontWeight: k.typography.fontWeightSemiBold,
-                    color: "var(--connector-text-secondary, #6C7B94)",
+                    color: "var(--connector-map-form-header-text-color, #6F7C90)",
                     flex: 1,
                     children: "Field"
                   }
@@ -20061,7 +20078,7 @@ const uI = ({
                     variant: "caption",
                     fontSize: 14,
                     fontWeight: k.typography.fontWeightSemiBold,
-                    color: "var(--connector-text-secondary, #6C7B94)",
+                    color: "var(--connector-map-form-header-text-color, #6F7C90)",
                     width: 320,
                     children: "Value"
                   }
@@ -20080,29 +20097,21 @@ const uI = ({
                 padding: "24px",
                 gap: 2,
                 sx: {
-                  borderBottom: X < O.length - 1 ? "1px solid var(--connector-border, #F6F8FC)" : void 0,
+                  borderBottom: X < O.length - 1 ? "1px solid var(--connector-map-form-row-border, #F6F8FC)" : void 0,
                   "&:last-child": { borderBottom: "none" }
                 },
                 children: [
-                  /* @__PURE__ */ a.jsx($w, { children: /* @__PURE__ */ a.jsxs(
-                    K,
-                    {
-                      variant: "body2",
-                      fontSize: 14,
-                      color: "var(--connector-map-form-label-color, var(--connector-text-secondary, #3C4043))",
-                      children: [
-                        V.label,
-                        l && ((te = V.validations) != null && te.isRequired) ? /* @__PURE__ */ a.jsx(eI, {}) : null
-                      ]
-                    }
-                  ) }),
+                  /* @__PURE__ */ a.jsx($w, { children: /* @__PURE__ */ a.jsxs(K, { variant: "body2", fontSize: 14, color: "var(--connector-map-form-label-color, #4D596C)", children: [
+                    V.label,
+                    l && ((te = V.validations) != null && te.isRequired) ? /* @__PURE__ */ a.jsx(eI, {}) : null
+                  ] }) }),
                   /* @__PURE__ */ a.jsx(
                     Xw,
                     {
                       width: 20,
                       height: 20,
                       style: {
-                        color: "var(--connector-map-form-arrow-color, var(--connector-icon-secondary, #D6DDE8))"
+                        color: "var(--connector-map-form-arrow-color, #D6DDE8)"
                       }
                     }
                   ),
@@ -21051,7 +21060,7 @@ const lS = ({ data: e, title: t, currentCard: n, setShowModal: u }) => {
     /* @__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: [
@@ -22241,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
@@ -22528,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();
@@ -23509,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 ",
@@ -24092,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);
   }
@@ -24280,7 +24289,7 @@ const GT = w(P)`
     /* @__PURE__ */ a.jsx(cL, { src: c, alt: "option" }),
     /* @__PURE__ */ a.jsxs(P, { 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)`
@@ -24493,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: [
@@ -24708,7 +24717,7 @@ 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: [
   /* @__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(),
@@ -24733,11 +24742,11 @@ const GT = w(P)`
     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(K, { variant: "body2", sx: { color: "var(--connector-caption-text)" }, 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: [
         /* @__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 }) })
     ] }, h)) })
@@ -24882,7 +24891,7 @@ 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: [
       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"
@@ -26444,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,
@@ -26535,7 +26544,7 @@ 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"
@@ -26603,7 +26612,7 @@ 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"
@@ -26618,7 +26627,7 @@ 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)`
   display: flex;
@@ -26823,7 +26832,7 @@ 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)`
   overflow: hidden;
@@ -26878,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: [
@@ -26991,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
     }
   )
@@ -27235,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;
@@ -33665,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,
     {
@@ -33940,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).
@@ -34128,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(
@@ -34145,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,
@@ -34160,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,