@dovetail-v2/refine 0.3.24-alpha.0 → 0.3.24-alpha.1

package/dist/components/Form/styles.d.ts

@@ -1,4 +1,5 @@
 export declare const SpaceStyle: import("@linaria/core").LinariaClassName;
+export declare const FormItemStyle: import("@linaria/core").LinariaClassName;
 export declare const VerticalFormItemStyle: import("@linaria/core").LinariaClassName;
 export declare const IntegerStyle: import("@linaria/core").LinariaClassName;
 export declare const ContentWrapper: import("@linaria/core").LinariaClassName;

package/dist/refine.cjs

@@ -1674,6 +1674,9 @@ function getApiVersion(resourceBasePath) {
 }
 function pruneBeforeEdit(v) {
   delete v.id;
+  if (v.metadata) {
+    delete v.metadata.relations;
+  }
 }
 var lodash = { exports: {} };
 /**
@@ -7712,9 +7715,131 @@ function DurationTime(props) {
   };
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
 }
-const show_1mm8a0w = "";
+function memoize$2(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0)
+      cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize$2(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+var isCapital = (ch) => ch.toUpperCase() === ch;
+var filterKey = (keys2) => (key2) => keys2.indexOf(key2) === -1;
+var omit = (obj, keys2) => {
+  const res = {};
+  Object.keys(obj).filter(filterKey(keys2)).forEach((key2) => {
+    res[key2] = obj[key2];
+  });
+  return res;
+};
+function filterProps(asIs, props, omitKeys) {
+  const filteredProps = omit(props, omitKeys);
+  if (!asIs) {
+    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+    Object.keys(filteredProps).forEach((key2) => {
+      if (!interopValidAttr.default(key2)) {
+        delete filteredProps[key2];
+      }
+    });
+  }
+  return filteredProps;
+}
+var warnIfInvalid = (value2, componentName) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
+      return;
+    }
+    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
+    console.warn(
+      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+    );
+  }
+};
+var idx = 0;
+function styled(tag) {
+  var _a;
+  let mockedClass = "";
+  if (process.env.NODE_ENV === "test") {
+    mockedClass += `mocked-styled-${idx++}`;
+    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+      mockedClass += ` ${tag.__linaria.className}`;
+    }
+  }
+  return (options) => {
+    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+      if (Array.isArray(options)) {
+        throw new Error(
+          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+        );
+      }
+    }
+    const render = (props, ref) => {
+      const { as: component = tag, class: className = mockedClass } = props;
+      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+      const filteredProps = filterProps(shouldKeepProps, props, [
+        "as",
+        "class"
+      ]);
+      filteredProps.ref = ref;
+      filteredProps.className = options.atomic ? common.cx_default(options.class, filteredProps.className || className) : common.cx_default(filteredProps.className || className, options.class);
+      const { vars } = options;
+      if (vars) {
+        const style = {};
+        for (const name2 in vars) {
+          const variable = vars[name2];
+          const result = variable[0];
+          const unit = variable[1] || "";
+          const value2 = typeof result === "function" ? result(props) : result;
+          warnIfInvalid(value2, options.name);
+          style[`--${name2}`] = `${value2}${unit}`;
+        }
+        const ownStyle = filteredProps.style || {};
+        const keys2 = Object.keys(ownStyle);
+        if (keys2.length > 0) {
+          keys2.forEach((key2) => {
+            style[key2] = ownStyle[key2];
+          });
+        }
+        filteredProps.style = style;
+      }
+      if (tag.__linaria && tag !== component) {
+        filteredProps.as = component;
+        return React.createElement(tag, filteredProps);
+      }
+      return React.createElement(component, filteredProps);
+    };
+    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
+      const rest = omit(props, ["innerRef"]);
+      return render(rest, props.innerRef);
+    };
+    Result.displayName = options.name;
+    Result.__linaria = {
+      className: options.class || mockedClass,
+      extends: tag
+    };
+    return Result;
+  };
+}
+var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+  get(o, prop) {
+    return o(prop);
+  }
+}) : styled;
+const show_g2a17y = "";
 const SmallSectionTitleStyle = common.cx_default(eagle.Typo.Label.l4_bold, "smzfpl7");
 const DashedTitleStyle = "d85h4vb";
+const HorizontalContainer = /* @__PURE__ */ styled_default("div")({
+  name: "HorizontalContainer",
+  class: "h1ulqh5c",
+  propsAsIs: false
+});
 const index_1xaw1mq = "";
 const BreadcrumbStyle = "b142d7q8";
 function Breadcrumb(props) {
@@ -7908,123 +8033,6 @@ function MetadataForm() {
 }
 const ComponentContext = React.createContext({});
 const GlobalStoreContext = React.createContext({});
-function memoize$2(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize$2(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-var isCapital = (ch) => ch.toUpperCase() === ch;
-var filterKey = (keys2) => (key2) => keys2.indexOf(key2) === -1;
-var omit = (obj, keys2) => {
-  const res = {};
-  Object.keys(obj).filter(filterKey(keys2)).forEach((key2) => {
-    res[key2] = obj[key2];
-  });
-  return res;
-};
-function filterProps(asIs, props, omitKeys) {
-  const filteredProps = omit(props, omitKeys);
-  if (!asIs) {
-    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-    Object.keys(filteredProps).forEach((key2) => {
-      if (!interopValidAttr.default(key2)) {
-        delete filteredProps[key2];
-      }
-    });
-  }
-  return filteredProps;
-}
-var warnIfInvalid = (value2, componentName) => {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
-      return;
-    }
-    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
-    console.warn(
-      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-    );
-  }
-};
-var idx = 0;
-function styled(tag) {
-  var _a;
-  let mockedClass = "";
-  if (process.env.NODE_ENV === "test") {
-    mockedClass += `mocked-styled-${idx++}`;
-    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-      mockedClass += ` ${tag.__linaria.className}`;
-    }
-  }
-  return (options) => {
-    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-      if (Array.isArray(options)) {
-        throw new Error(
-          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-        );
-      }
-    }
-    const render = (props, ref) => {
-      const { as: component = tag, class: className = mockedClass } = props;
-      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-      const filteredProps = filterProps(shouldKeepProps, props, [
-        "as",
-        "class"
-      ]);
-      filteredProps.ref = ref;
-      filteredProps.className = options.atomic ? common.cx_default(options.class, filteredProps.className || className) : common.cx_default(filteredProps.className || className, options.class);
-      const { vars } = options;
-      if (vars) {
-        const style = {};
-        for (const name2 in vars) {
-          const variable = vars[name2];
-          const result = variable[0];
-          const unit = variable[1] || "";
-          const value2 = typeof result === "function" ? result(props) : result;
-          warnIfInvalid(value2, options.name);
-          style[`--${name2}`] = `${value2}${unit}`;
-        }
-        const ownStyle = filteredProps.style || {};
-        const keys2 = Object.keys(ownStyle);
-        if (keys2.length > 0) {
-          keys2.forEach((key2) => {
-            style[key2] = ownStyle[key2];
-          });
-        }
-        filteredProps.style = style;
-      }
-      if (tag.__linaria && tag !== component) {
-        filteredProps.as = component;
-        return React.createElement(tag, filteredProps);
-      }
-      return React.createElement(component, filteredProps);
-    };
-    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
-      const rest = omit(props, ["innerRef"]);
-      return render(rest, props.innerRef);
-    };
-    Result.displayName = options.name;
-    Result.__linaria = {
-      className: options.class || mockedClass,
-      extends: tag
-    };
-    return Result;
-  };
-}
-var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-  get(o, prop) {
-    return o(prop);
-  }
-}) : styled;
 const index_o09auy = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
@@ -12722,7 +12730,7 @@ function WorkloadReplicas({
     })]
   });
 }
-const fields_1lap7d5 = "";
+const fields_dtkyic = "";
 var AreaType = /* @__PURE__ */ ((AreaType2) => {
   AreaType2["Inline"] = "Inline";
   AreaType2["Grid"] = "Grid";
@@ -14044,7 +14052,7 @@ function Tabs(props) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_1xfhkd = "";
+const ShowContentView_11vyp5a = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -14244,18 +14252,15 @@ const ShowContentView = (props) => {
           children: (config == null ? void 0 : config.displayName) || resourceName
         })
       })
-    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
+    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(HorizontalContainer, {
       className: TopBarStyle,
-      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-        style: {
-          display: "flex"
-        },
+      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs(HorizontalContainer, {
         children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tag.NameTag, {
           className: KindTagStyle,
           children: config.kind
-        }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-          className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
-          children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
+        }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+          content: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name),
+          className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle)
         }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
@@ -14264,7 +14269,10 @@ const ShowContentView = (props) => {
           color: "yellow",
           children: i18n2.t("dovetail.pause_scheduling")
         }) : null]
-      }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
+      }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(HorizontalContainer, {
+        style: {
+          flexShrink: 0
+        },
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
           resource: resourceName,
           action: AccessControlAuth.Edit,
@@ -14576,7 +14584,7 @@ function PodDropdown(props) {
     children
   ] });
 }
-const index_1jqojte = "";
+const index_14rc5hr = "";
 const SelectStyle = "sj0ggy";
 const DropdownStyle = "d1eo8uqs";
 const SearchInputStyle = "s64gojc";
@@ -14589,6 +14597,9 @@ const AllNamespaceOptionStyle = "api7z1z";
 const OptionStyle = "o38b23x";
 const NS_STORE_KEY = "namespace-filter";
 const ALL_NS = "_all";
+const EMPTY_NS_FILTER = {
+  value: []
+};
 const useNamespacesFilter = () => {
   const [value2] = usehooksTs.useLocalStorage(NS_STORE_KEY, [ALL_NS]);
   const {
@@ -14596,9 +14607,7 @@ const useNamespacesFilter = () => {
   } = core.useResource();
   const configs = React.useContext(ConfigsContext);
   if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].nonNsResource) {
-    return {
-      value: []
-    };
+    return EMPTY_NS_FILTER;
   }
   return {
     value: value2
@@ -14840,7 +14849,12 @@ function ResourceList(props) {
     formatter,
     Dropdown
   });
+  const prevFiltersRef = React.useRef(filters);
   React.useEffect(() => {
+    if (lodashEs.isEqual(prevFiltersRef.current, filters)) {
+      return;
+    }
+    prevFiltersRef.current = filters;
     tableProps.onPageChange(1);
   }, [filters]);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ListPage, { selectedKeys, tableProps });
@@ -14993,11 +15007,12 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
     })]
   });
 });
-const styles_mte7bu = "";
+const styles_xhprxh = "";
 const SpaceStyle = "sea7f83";
-const VerticalFormItemStyle = "v1jthrhz";
-const IntegerStyle = "i1brpchs";
-const ContentWrapper = "c11mae2d";
+const FormItemStyle = "f1jthrhz";
+const VerticalFormItemStyle = "v1brpchs";
+const IntegerStyle = "i11mae2d";
+const ContentWrapper = "c3ugb3y";
 function useFieldsConfig(resourceConfig, formConfig, resourceId, step, customOptions, transformedInitValues) {
   var _a, _b, _c;
   const action = resourceId ? "edit" : "create";
@@ -15113,7 +15128,7 @@ const MemoizedFormField = React.memo(function FormField({
             extra: ((_b = fieldState.error) == null ? void 0 : _b.message) === fieldConfig.helperText ? "" : fieldConfig.helperText,
             validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
             "data-test-id": fieldConfig.key,
-            className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
+            className: fieldConfig.layout === FormItemLayout.VERTICAL ? common.cx_default(VerticalFormItemStyle, FormItemStyle) : FormItemStyle,
             children: ele
           },
           fieldConfig.key
@@ -17992,7 +18007,7 @@ function ResourceSelect(props) {
     }
   );
 }
-const SelectMatchLabelButton_14cb3vv = "";
+const SelectMatchLabelButton_1pxanxs = "";
 const PopoverOverlayStyle = "p19yct45";
 const PopoverContentStyle = "p2255z4";
 const PopoverTitleStyle = "p16qejqa";

package/dist/refine.js

@@ -1655,6 +1655,9 @@ function getApiVersion(resourceBasePath) {
 }
 function pruneBeforeEdit(v) {
   delete v.id;
+  if (v.metadata) {
+    delete v.metadata.relations;
+  }
 }
 var lodash = { exports: {} };
 /**
@@ -7693,9 +7696,131 @@ function DurationTime(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
 }
-const show_1mm8a0w = "";
+function memoize$2(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0)
+      cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize$2(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+var isCapital = (ch) => ch.toUpperCase() === ch;
+var filterKey = (keys2) => (key2) => keys2.indexOf(key2) === -1;
+var omit = (obj, keys2) => {
+  const res = {};
+  Object.keys(obj).filter(filterKey(keys2)).forEach((key2) => {
+    res[key2] = obj[key2];
+  });
+  return res;
+};
+function filterProps(asIs, props, omitKeys) {
+  const filteredProps = omit(props, omitKeys);
+  if (!asIs) {
+    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+    Object.keys(filteredProps).forEach((key2) => {
+      if (!interopValidAttr.default(key2)) {
+        delete filteredProps[key2];
+      }
+    });
+  }
+  return filteredProps;
+}
+var warnIfInvalid = (value2, componentName) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
+      return;
+    }
+    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
+    console.warn(
+      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+    );
+  }
+};
+var idx = 0;
+function styled(tag) {
+  var _a;
+  let mockedClass = "";
+  if (process.env.NODE_ENV === "test") {
+    mockedClass += `mocked-styled-${idx++}`;
+    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+      mockedClass += ` ${tag.__linaria.className}`;
+    }
+  }
+  return (options) => {
+    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+      if (Array.isArray(options)) {
+        throw new Error(
+          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+        );
+      }
+    }
+    const render = (props, ref) => {
+      const { as: component = tag, class: className = mockedClass } = props;
+      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+      const filteredProps = filterProps(shouldKeepProps, props, [
+        "as",
+        "class"
+      ]);
+      filteredProps.ref = ref;
+      filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+      const { vars } = options;
+      if (vars) {
+        const style = {};
+        for (const name2 in vars) {
+          const variable = vars[name2];
+          const result = variable[0];
+          const unit = variable[1] || "";
+          const value2 = typeof result === "function" ? result(props) : result;
+          warnIfInvalid(value2, options.name);
+          style[`--${name2}`] = `${value2}${unit}`;
+        }
+        const ownStyle = filteredProps.style || {};
+        const keys2 = Object.keys(ownStyle);
+        if (keys2.length > 0) {
+          keys2.forEach((key2) => {
+            style[key2] = ownStyle[key2];
+          });
+        }
+        filteredProps.style = style;
+      }
+      if (tag.__linaria && tag !== component) {
+        filteredProps.as = component;
+        return React.createElement(tag, filteredProps);
+      }
+      return React.createElement(component, filteredProps);
+    };
+    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
+      const rest = omit(props, ["innerRef"]);
+      return render(rest, props.innerRef);
+    };
+    Result.displayName = options.name;
+    Result.__linaria = {
+      className: options.class || mockedClass,
+      extends: tag
+    };
+    return Result;
+  };
+}
+var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+  get(o, prop) {
+    return o(prop);
+  }
+}) : styled;
+const show_g2a17y = "";
 const SmallSectionTitleStyle = cx_default(Typo.Label.l4_bold, "smzfpl7");
 const DashedTitleStyle = "d85h4vb";
+const HorizontalContainer = /* @__PURE__ */ styled_default("div")({
+  name: "HorizontalContainer",
+  class: "h1ulqh5c",
+  propsAsIs: false
+});
 const index_1xaw1mq = "";
 const BreadcrumbStyle = "b142d7q8";
 function Breadcrumb(props) {
@@ -7889,123 +8014,6 @@ function MetadataForm() {
 }
 const ComponentContext = createContext({});
 const GlobalStoreContext = createContext({});
-function memoize$2(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize$2(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-var isCapital = (ch) => ch.toUpperCase() === ch;
-var filterKey = (keys2) => (key2) => keys2.indexOf(key2) === -1;
-var omit = (obj, keys2) => {
-  const res = {};
-  Object.keys(obj).filter(filterKey(keys2)).forEach((key2) => {
-    res[key2] = obj[key2];
-  });
-  return res;
-};
-function filterProps(asIs, props, omitKeys) {
-  const filteredProps = omit(props, omitKeys);
-  if (!asIs) {
-    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-    Object.keys(filteredProps).forEach((key2) => {
-      if (!interopValidAttr.default(key2)) {
-        delete filteredProps[key2];
-      }
-    });
-  }
-  return filteredProps;
-}
-var warnIfInvalid = (value2, componentName) => {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
-      return;
-    }
-    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
-    console.warn(
-      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-    );
-  }
-};
-var idx = 0;
-function styled(tag) {
-  var _a;
-  let mockedClass = "";
-  if (process.env.NODE_ENV === "test") {
-    mockedClass += `mocked-styled-${idx++}`;
-    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-      mockedClass += ` ${tag.__linaria.className}`;
-    }
-  }
-  return (options) => {
-    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-      if (Array.isArray(options)) {
-        throw new Error(
-          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-        );
-      }
-    }
-    const render = (props, ref) => {
-      const { as: component = tag, class: className = mockedClass } = props;
-      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-      const filteredProps = filterProps(shouldKeepProps, props, [
-        "as",
-        "class"
-      ]);
-      filteredProps.ref = ref;
-      filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
-      const { vars } = options;
-      if (vars) {
-        const style = {};
-        for (const name2 in vars) {
-          const variable = vars[name2];
-          const result = variable[0];
-          const unit = variable[1] || "";
-          const value2 = typeof result === "function" ? result(props) : result;
-          warnIfInvalid(value2, options.name);
-          style[`--${name2}`] = `${value2}${unit}`;
-        }
-        const ownStyle = filteredProps.style || {};
-        const keys2 = Object.keys(ownStyle);
-        if (keys2.length > 0) {
-          keys2.forEach((key2) => {
-            style[key2] = ownStyle[key2];
-          });
-        }
-        filteredProps.style = style;
-      }
-      if (tag.__linaria && tag !== component) {
-        filteredProps.as = component;
-        return React.createElement(tag, filteredProps);
-      }
-      return React.createElement(component, filteredProps);
-    };
-    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
-      const rest = omit(props, ["innerRef"]);
-      return render(rest, props.innerRef);
-    };
-    Result.displayName = options.name;
-    Result.__linaria = {
-      className: options.class || mockedClass,
-      extends: tag
-    };
-    return Result;
-  };
-}
-var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-  get(o, prop) {
-    return o(prop);
-  }
-}) : styled;
 const index_o09auy = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
@@ -12703,7 +12711,7 @@ function WorkloadReplicas({
     })]
   });
 }
-const fields_1lap7d5 = "";
+const fields_dtkyic = "";
 var AreaType = /* @__PURE__ */ ((AreaType2) => {
   AreaType2["Inline"] = "Inline";
   AreaType2["Grid"] = "Grid";
@@ -14025,7 +14033,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_1xfhkd = "";
+const ShowContentView_11vyp5a = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -14225,18 +14233,15 @@ const ShowContentView = (props) => {
           children: (config == null ? void 0 : config.displayName) || resourceName
         })
       })
-    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ jsxRuntimeExports.jsxs(HorizontalContainer, {
       className: TopBarStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        style: {
-          display: "flex"
-        },
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(HorizontalContainer, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Tag.NameTag, {
           className: KindTagStyle,
           children: config.kind
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-          className: cx_default(Typo.Display.d2_regular_title, NameStyle),
-          children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+          content: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name),
+          className: cx_default(Typo.Display.d2_regular_title, NameStyle)
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
@@ -14245,7 +14250,10 @@ const ShowContentView = (props) => {
           color: "yellow",
           children: i18n2.t("dovetail.pause_scheduling")
         }) : null]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(HorizontalContainer, {
+        style: {
+          flexShrink: 0
+        },
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resourceName,
           action: AccessControlAuth.Edit,
@@ -14557,7 +14565,7 @@ function PodDropdown(props) {
     children
   ] });
 }
-const index_1jqojte = "";
+const index_14rc5hr = "";
 const SelectStyle = "sj0ggy";
 const DropdownStyle = "d1eo8uqs";
 const SearchInputStyle = "s64gojc";
@@ -14570,6 +14578,9 @@ const AllNamespaceOptionStyle = "api7z1z";
 const OptionStyle = "o38b23x";
 const NS_STORE_KEY = "namespace-filter";
 const ALL_NS = "_all";
+const EMPTY_NS_FILTER = {
+  value: []
+};
 const useNamespacesFilter = () => {
   const [value2] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
   const {
@@ -14577,9 +14588,7 @@ const useNamespacesFilter = () => {
   } = useResource();
   const configs = useContext(ConfigsContext);
   if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].nonNsResource) {
-    return {
-      value: []
-    };
+    return EMPTY_NS_FILTER;
   }
   return {
     value: value2
@@ -14821,7 +14830,12 @@ function ResourceList(props) {
     formatter,
     Dropdown: Dropdown2
   });
+  const prevFiltersRef = useRef(filters);
   useEffect(() => {
+    if (isEqual$1(prevFiltersRef.current, filters)) {
+      return;
+    }
+    prevFiltersRef.current = filters;
     tableProps.onPageChange(1);
   }, [filters]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListPage, { selectedKeys, tableProps });
@@ -14974,11 +14988,12 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
     })]
   });
 });
-const styles_mte7bu = "";
+const styles_xhprxh = "";
 const SpaceStyle = "sea7f83";
-const VerticalFormItemStyle = "v1jthrhz";
-const IntegerStyle = "i1brpchs";
-const ContentWrapper = "c11mae2d";
+const FormItemStyle = "f1jthrhz";
+const VerticalFormItemStyle = "v1brpchs";
+const IntegerStyle = "i11mae2d";
+const ContentWrapper = "c3ugb3y";
 function useFieldsConfig(resourceConfig, formConfig, resourceId, step, customOptions, transformedInitValues) {
   var _a, _b, _c;
   const action = resourceId ? "edit" : "create";
@@ -15094,7 +15109,7 @@ const MemoizedFormField = memo(function FormField({
             extra: ((_b = fieldState.error) == null ? void 0 : _b.message) === fieldConfig.helperText ? "" : fieldConfig.helperText,
             validateStatus: fieldState.invalid && !fieldConfig.isHideErrorStatus ? "error" : void 0,
             "data-test-id": fieldConfig.key,
-            className: fieldConfig.layout === FormItemLayout.VERTICAL ? VerticalFormItemStyle : "",
+            className: fieldConfig.layout === FormItemLayout.VERTICAL ? cx_default(VerticalFormItemStyle, FormItemStyle) : FormItemStyle,
             children: ele
           },
           fieldConfig.key
@@ -17973,7 +17988,7 @@ function ResourceSelect(props) {
     }
   );
 }
-const SelectMatchLabelButton_14cb3vv = "";
+const SelectMatchLabelButton_1pxanxs = "";
 const PopoverOverlayStyle = "p19yct45";
 const PopoverContentStyle = "p2255z4";
 const PopoverTitleStyle = "p16qejqa";

package/dist/style.css

@@ -595,6 +595,15 @@
 .d85h4vb {
   border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
   padding-bottom: 1px;
+}
+
+.h1ulqh5c {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  max-width: 100%;
+  overflow: hidden;
+  gap: 8px;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -1967,6 +1976,9 @@
 .c91cpym {
   padding: 16px 24px;
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .ca9k82k {
@@ -3624,7 +3636,8 @@
   background-color: white !important;
   padding: 2px 5px;
   height: 22px;
-  color: #1D326C !important;
+  color: #1d326c !important;
+  flex-shrink: 0;
 }
 
 .cxd8k68 {
@@ -4153,22 +4166,26 @@
   margin: 0 auto;
 }
 
-.v1jthrhz.ant-form-item {
+.f1jthrhz.ant-form-item > .ant-form-item-control {
+  min-width: 0;
+}
+
+.v1brpchs.ant-form-item {
   flex-direction: column !important;
   gap: 8px;
 }
-.v1jthrhz.ant-form-item .ant-form-item-label > label {
+.v1brpchs.ant-form-item .ant-form-item-label > label {
   min-height: auto;
 }
-.v1jthrhz.ant-form-item .ant-form-item-control-input {
+.v1brpchs.ant-form-item .ant-form-item-control-input {
   min-height: auto;
 }
 
-.i1brpchs {
+.i11mae2d {
   max-width: 144px;
 }
 
-.c11mae2d {
+.c3ugb3y {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -4844,6 +4861,9 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
+}
+.f1mk2u31 > .ant-form-item > .ant-form-item-control {
+  min-width: 0;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*

package/dist/styles/show.d.ts

@@ -1,2 +1,4 @@
+/// <reference types="react" />
 export declare const SmallSectionTitleStyle: import("@linaria/core").LinariaClassName;
 export declare const DashedTitleStyle: import("@linaria/core").LinariaClassName;
+export declare const HorizontalContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.24-alpha.0",
+  "version": "0.3.24-alpha.1",
   "type": "module",
   "files": [
     "dist",