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

package/index.es.js

@@ -11195,13 +11195,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,
@@ -18733,10 +18740,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 +18752,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 +18769,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",
@@ -19025,12 +19032,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 +19043,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 {
@@ -19118,10 +19122,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 +19134,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,
@@ -19437,7 +19441,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 +19468,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 +19886,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 +20046,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 +20057,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 +20068,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 +20087,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)"
                       }
                     }
                   ),