@dovetail-v2/refine 0.0.54 → 0.0.56

package/dist/{MonacoYamlDiffEditor-f2a92bde.js → MonacoYamlDiffEditor-fa823881.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-d2d0cacc.js";
+import { j as jsxRuntimeExports } from "./index-4305985d.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-d2d0cacc.js → index-4305985d.js}

@@ -1116,7 +1116,7 @@ const previous_log$1 = "Last startup logs";
 const auto_wrap$1 = "Auto wrap";
 const container_num$1 = "Containers";
 const edit_resource_success$1 = "{{resource}} {{name}} was edited successfully";
-const redeploy_success_toast$1 = "{{kind}} was redeployed successfully";
+const redeploy_success_toast$1 = "{{kind}} {{name}} was redeployed successfully";
 const redeploy_failed_toast$1 = "Failed to redeploy {{kind}} {{name}}";
 const pause_success_toast$1 = "Successfully suspended";
 const pause_failed_toast$1 = "Failed to suspend";
@@ -8606,7 +8606,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_6dotpx = "";
+const index_cp12i5 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -8649,11 +8649,11 @@ const WidgetErrorContent = (props) => {
     ]: Typo.Display.d2_bold_title
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
-    className: props.className,
+    className: cx_default(props.className, type2),
     style: props.style,
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-        className: cx_default(fontMap[type2], "title", type2),
+        className: cx_default(fontMap[type2], "title"),
         children: errorText || t2("dovetail.obtain_data_error")
       }), !refetch ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
         size: "small",
@@ -9475,7 +9475,7 @@ const SECRET_OPAQUE_INIT_VALUE = {
   },
   "type": "Opaque",
   "data": {
-    "key": window.btoa("value")
+    "key": "value"
   }
 };
 const SECRET_IMAGE_REPO_INIT_VALUE = {
@@ -9499,8 +9499,8 @@ const SECRET_BASIC_AUTH_INIT_VALUE = {
   },
   "type": "kubernetes.io/basic-auth",
   "data": {
-    "username": window.btoa("example"),
-    "password": window.btoa("example")
+    "username": "example",
+    "password": "example"
   }
 };
 const SECRET_SSH_AUTH_INIT_VALUE = {
@@ -9646,17 +9646,17 @@ class JobModel extends WorkloadBaseModel {
     return (_a = this._rawYaml.spec) == null ? void 0 : _a.completions;
   }
   get stateDisplay() {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     if (!((_a = this.spec) == null ? void 0 : _a.completions) && !((_b = this.status) == null ? void 0 : _b.succeeded)) {
       return WorkloadState.RUNNING;
     }
-    if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded)) {
+    if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded) || ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Complete" && c2.status === "True"))) {
       return WorkloadState.COMPLETED;
     }
-    if ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Failed" && c2.status === "True")) {
+    if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Failed" && c2.status === "True")) {
       return WorkloadState.FAILED;
     }
-    if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
+    if ((_j = (_i = this.status) == null ? void 0 : _i.conditions) == null ? void 0 : _j.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
       return WorkloadState.SUSPENDED;
     }
     return WorkloadState.RUNNING;
@@ -10049,7 +10049,7 @@ const ServiceOutClusterAccessComponent = ({
   service,
   breakLine = true
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     i18n: i18n2
   } = useTranslation();
@@ -10058,10 +10058,14 @@ const ServiceOutClusterAccessComponent = ({
   let content = "-";
   switch (spec.type) {
     case ServiceTypeEnum.NodePort:
-      content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+      if (!breakLine) {
+        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`).join(", ");
+        break;
+      }
+      content = (_b = spec.ports) == null ? void 0 : _b.filter((v) => !!v).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
           className: cx_default(Typo.Label.l4_regular_title, BreakLineStyle),
-          children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort, !breakLine && index !== (spec.ports || []).length - 1 ? ", " : ""]
+          children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort]
         }),
         tooltip: `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`
       }, p.nodePort));
@@ -10070,12 +10074,14 @@ const ServiceOutClusterAccessComponent = ({
       });
     case ServiceTypeEnum.ExternalName:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: (_b = spec.externalIPs) == null ? void 0 : _b.join(breakLine ? "\n" : ", ")
+        useOverflow: false,
+        value: (_c = spec.externalIPs) == null ? void 0 : _c.join(breakLine ? "\n" : ", ")
       });
       break;
     case ServiceTypeEnum.LoadBalancer:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: (_d = (_c = status.loadBalancer) == null ? void 0 : _c.ingress) == null ? void 0 : _d.map(({
+        useOverflow: false,
+        value: (_e = (_d = status.loadBalancer) == null ? void 0 : _d.ingress) == null ? void 0 : _e.map(({
           ip
         }) => ip).join(breakLine ? "\n" : ", ")
       });
@@ -10085,6 +10091,7 @@ const ServiceOutClusterAccessComponent = ({
       break;
     default:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        useOverflow: false,
         value: ""
       });
       break;
@@ -11126,14 +11133,14 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_fjwscu = "";
+const ShowContent_vvz9yc = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
 const NameStyle = "nqm4qz0";
 const TopBarStyle = "ticl0qc";
 const ShowContentHeaderStyle = "so9uwk1";
-const GroupStyle = "ge26ou0";
+const GroupStyle$1 = "ge26ou0";
 const GroupTitleStyle = "g17f8vl9";
 const FullTabContentStyle = "fykgn2i";
 const FieldWrapperStyle = "fngr745";
@@ -11148,7 +11155,7 @@ function ShowGroupComponent(props) {
     operationEle
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    className: cx_default(GroupStyle, className),
+    className: cx_default(GroupStyle$1, className),
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: cx_default(Typo.Heading.h2_bold_title, GroupTitleStyle),
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -11330,8 +11337,9 @@ const ShowContent = (props) => {
     }), tabs]
   });
 };
-const KeyValueSecret_1nzeh2v = "";
+const KeyValueSecret_1ibo68a = "";
 const ButtonStyle = "b11tbgf7";
+const GroupStyle = "gtbyh5g";
 function KeyValueSecret(props) {
   const {
     data: data2 = {}
@@ -11353,6 +11361,7 @@ function KeyValueSecret(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ShowGroupComponent, {
     title: i18n2.t("dovetail.data"),
     operationEle: toggleButton,
+    className: GroupStyle,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
       data: data2,
       hideSecret,
@@ -17902,7 +17911,9 @@ const MonacoYamlEditor$1 = (props) => {
       scrollBeyondLastLine: false,
       model,
       scrollbar: {
-        handleMouseWheel: !isScrollOnFocus
+        handleMouseWheel: !isScrollOnFocus,
+        alwaysConsumeMouseWheel: false
+        // https://github.com/microsoft/monaco-editor/issues/2007
       },
       tabSize: 2,
       readOnly,
@@ -22905,7 +22916,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-f2a92bde.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-fa823881.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { b7, bL, A, aA, aC, ak, bn, aK, H, bB, bp, au, x, C, h, bP, an, aO, Z, bR, a1, a8, b_, ac, bq, bo, c1, aq, aU, v, ai, aZ, c0, bM, b1, D, aH, b3, b$, aI, ay, ba, bO, bQ, bz, al, a2, q, p, bS, I, aR, ax, s, br, bU, ap, aQ, ad, ae, U, af, aB, aj, a_, b2, V, M, bA, b6, N, J, c, az, Q, b9, aW, aV, bT, bl, f, bt, X, P, aM, t, _, bk, aJ, bY, bX, aF, aS, o, ao, aL, w, aT, aG, c5, bN, b4, bb, bc, am, R, a0, a6, a5, b5, a3, bZ, a4, a9, g, bG, bJ, bF, bE, bH, bI, bC, bu, bx, by, bw, bv, bs, bd, ar, aP, ag, l, bg, k, aD, c4, n, bh, aE, m, aw, aN, i, c3, at, av, aY, aX, as, S, b0, a$, c2, bD, bm, bi, bj, Y, bW, $, W, bV, a7, ab, aa, e, bK, ah, be, y, K, d, T, O, L, r, b, B, z, E, F, u, b8, G, bf, a } from "./index-d2d0cacc.js";
+import { b7, bL, A, aA, aC, ak, bn, aK, H, bB, bp, au, x, C, h, bP, an, aO, Z, bR, a1, a8, b_, ac, bq, bo, c1, aq, aU, v, ai, aZ, c0, bM, b1, D, aH, b3, b$, aI, ay, ba, bO, bQ, bz, al, a2, q, p, bS, I, aR, ax, s, br, bU, ap, aQ, ad, ae, U, af, aB, aj, a_, b2, V, M, bA, b6, N, J, c, az, Q, b9, aW, aV, bT, bl, f, bt, X, P, aM, t, _, bk, aJ, bY, bX, aF, aS, o, ao, aL, w, aT, aG, c5, bN, b4, bb, bc, am, R, a0, a6, a5, b5, a3, bZ, a4, a9, g, bG, bJ, bF, bE, bH, bI, bC, bu, bx, by, bw, bv, bs, bd, ar, aP, ag, l, bg, k, aD, c4, n, bh, aE, m, aw, aN, i, c3, at, av, aY, aX, as, S, b0, a$, c2, bD, bm, bi, bj, Y, bW, $, W, bV, a7, ab, aa, e, bK, ah, be, y, K, d, T, O, L, r, b, B, z, E, F, u, b8, G, bf, a } from "./index-4305985d.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "@cloudtower/icons-react";

package/dist/refine.umd.cjs

@@ -1122,7 +1122,7 @@ var __publicField = (obj, key, value) => {
   const auto_wrap$1 = "Auto wrap";
   const container_num$1 = "Containers";
   const edit_resource_success$1 = "{{resource}} {{name}} was edited successfully";
-  const redeploy_success_toast$1 = "{{kind}} was redeployed successfully";
+  const redeploy_success_toast$1 = "{{kind}} {{name}} was redeployed successfully";
   const redeploy_failed_toast$1 = "Failed to redeploy {{kind}} {{name}}";
   const pause_success_toast$1 = "Successfully suspended";
   const pause_failed_toast$1 = "Failed to suspend";
@@ -8612,7 +8612,7 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
-  const index_6dotpx = "";
+  const index_cp12i5 = "";
   const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
     name: "ErrorWrapper",
     class: "egn3dbn",
@@ -8655,11 +8655,11 @@ var __publicField = (obj, key, value) => {
       ]: eagle.Typo.Display.d2_bold_title
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
-      className: props.className,
+      className: cx_default(props.className, type2),
       style: props.style,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorContent, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
-          className: cx_default(fontMap[type2], "title", type2),
+          className: cx_default(fontMap[type2], "title"),
           children: errorText || t2("dovetail.obtain_data_error")
         }), !refetch ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
           size: "small",
@@ -9481,7 +9481,7 @@ var __publicField = (obj, key, value) => {
     },
     "type": "Opaque",
     "data": {
-      "key": window.btoa("value")
+      "key": "value"
     }
   };
   const SECRET_IMAGE_REPO_INIT_VALUE = {
@@ -9505,8 +9505,8 @@ var __publicField = (obj, key, value) => {
     },
     "type": "kubernetes.io/basic-auth",
     "data": {
-      "username": window.btoa("example"),
-      "password": window.btoa("example")
+      "username": "example",
+      "password": "example"
     }
   };
   const SECRET_SSH_AUTH_INIT_VALUE = {
@@ -9652,17 +9652,17 @@ var __publicField = (obj, key, value) => {
       return (_a = this._rawYaml.spec) == null ? void 0 : _a.completions;
     }
     get stateDisplay() {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       if (!((_a = this.spec) == null ? void 0 : _a.completions) && !((_b = this.status) == null ? void 0 : _b.succeeded)) {
         return WorkloadState.RUNNING;
       }
-      if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded)) {
+      if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded) || ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Complete" && c2.status === "True"))) {
         return WorkloadState.COMPLETED;
       }
-      if ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Failed" && c2.status === "True")) {
+      if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Failed" && c2.status === "True")) {
         return WorkloadState.FAILED;
       }
-      if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
+      if ((_j = (_i = this.status) == null ? void 0 : _i.conditions) == null ? void 0 : _j.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
         return WorkloadState.SUSPENDED;
       }
       return WorkloadState.RUNNING;
@@ -10055,7 +10055,7 @@ var __publicField = (obj, key, value) => {
     service,
     breakLine = true
   }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const {
       i18n: i18n2
     } = useTranslation();
@@ -10064,10 +10064,14 @@ var __publicField = (obj, key, value) => {
     let content = "-";
     switch (spec.type) {
       case ServiceTypeEnum.NodePort:
-        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+        if (!breakLine) {
+          content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`).join(", ");
+          break;
+        }
+        content = (_b = spec.ports) == null ? void 0 : _b.filter((v) => !!v).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
           content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
             className: cx_default(eagle.Typo.Label.l4_regular_title, BreakLineStyle),
-            children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort, !breakLine && index !== (spec.ports || []).length - 1 ? ", " : ""]
+            children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort]
           }),
           tooltip: `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`
         }, p.nodePort));
@@ -10076,12 +10080,14 @@ var __publicField = (obj, key, value) => {
         });
       case ServiceTypeEnum.ExternalName:
         content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-          value: (_b = spec.externalIPs) == null ? void 0 : _b.join(breakLine ? "\n" : ", ")
+          useOverflow: false,
+          value: (_c = spec.externalIPs) == null ? void 0 : _c.join(breakLine ? "\n" : ", ")
         });
         break;
       case ServiceTypeEnum.LoadBalancer:
         content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-          value: (_d = (_c = status.loadBalancer) == null ? void 0 : _c.ingress) == null ? void 0 : _d.map(({
+          useOverflow: false,
+          value: (_e = (_d = status.loadBalancer) == null ? void 0 : _d.ingress) == null ? void 0 : _e.map(({
             ip
           }) => ip).join(breakLine ? "\n" : ", ")
         });
@@ -10091,6 +10097,7 @@ var __publicField = (obj, key, value) => {
         break;
       default:
         content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          useOverflow: false,
           value: ""
         });
         break;
@@ -11132,14 +11139,14 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ShowContent_fjwscu = "";
+  const ShowContent_vvz9yc = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
   const NameStyle = "nqm4qz0";
   const TopBarStyle = "ticl0qc";
   const ShowContentHeaderStyle = "so9uwk1";
-  const GroupStyle = "ge26ou0";
+  const GroupStyle$1 = "ge26ou0";
   const GroupTitleStyle = "g17f8vl9";
   const FullTabContentStyle = "fykgn2i";
   const FieldWrapperStyle = "fngr745";
@@ -11154,7 +11161,7 @@ var __publicField = (obj, key, value) => {
       operationEle
     } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: cx_default(GroupStyle, className),
+      className: cx_default(GroupStyle$1, className),
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: cx_default(eagle.Typo.Heading.h2_bold_title, GroupTitleStyle),
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -11336,8 +11343,9 @@ var __publicField = (obj, key, value) => {
       }), tabs]
     });
   };
-  const KeyValueSecret_1nzeh2v = "";
+  const KeyValueSecret_1ibo68a = "";
   const ButtonStyle = "b11tbgf7";
+  const GroupStyle = "gtbyh5g";
   function KeyValueSecret(props) {
     const {
       data: data2 = {}
@@ -11359,6 +11367,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ShowGroupComponent, {
       title: i18n2.t("dovetail.data"),
       operationEle: toggleButton,
+      className: GroupStyle,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
         data: data2,
         hideSecret,
@@ -17908,7 +17917,9 @@ var __publicField = (obj, key, value) => {
         scrollBeyondLastLine: false,
         model,
         scrollbar: {
-          handleMouseWheel: !isScrollOnFocus
+          handleMouseWheel: !isScrollOnFocus,
+          alwaysConsumeMouseWheel: false
+          // https://github.com/microsoft/monaco-editor/issues/2007
         },
         tabSize: 2,
         readOnly,

package/dist/style.css

@@ -5,8 +5,8 @@
 .e5223w8.e5223w8{color:rgba(0,21,64,.3);}
 .cdjsw14{width:100%;}.cdjsw14.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
-.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
-.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;}.e136jgy8 .title.widget{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}.e136jgy8 .title.list{color:rgba(44,56,82,0.60);}.e136jgy8 .title.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;color:rgba(0,21,64,0.30);}
+.egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}.egn3dbn.widget .title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}.egn3dbn.list .title{color:rgba(44,56,82,0.60);}.egn3dbn.card .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:96px;color:rgba(0,21,64,0.30);}
+.e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;}
 .ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
 .t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
 .b1vtjd4k.ant-btn.ant-btn-link{display:block;}
@@ -34,14 +34,15 @@
 .nqm4qz0{color:#00122E;margin-right:8px;}
 .ticl0qc{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .so9uwk1{width:100%;}
-.ge26ou0{padding:12px 16px;padding-bottom:8px;border-radius:8px;border:1px solid rgba(211,218,235,0.6);box-shadow: 0px 0px 2.003px 0px rgba(107,125,153,0.15), 0px 0px 16px 0px rgba(107,125,153,0.08);background-color:#fff;margin:0 24px;overflow:auto;width:calc(100% - 48px);max-width:1592px;}.ge26ou0:first-of-type{margin-top:16px;}.ge26ou0:not(:last-of-type){margin-bottom:24px;}.ge26ou0 .pagination-wrapper{padding-top:12px;padding-bottom:0;}
-.g17f8vl9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#1d326c;margin-bottom:12px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.ge26ou0{padding:12px 16px;padding-bottom:4px;border-radius:8px;border:1px solid rgba(211,218,235,0.6);box-shadow: 0px 0px 2.003px 0px rgba(107,125,153,0.15), 0px 0px 16px 0px rgba(107,125,153,0.08);background-color:#fff;margin:0 24px;overflow:auto;width:calc(100% - 48px);max-width:1592px;}.ge26ou0:first-of-type{margin-top:16px;}.ge26ou0:not(:last-of-type){margin-bottom:24px;}.ge26ou0 .pagination-wrapper{padding-top:12px;padding-bottom:0;}
+.g17f8vl9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#1d326c;margin-bottom:10px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .fykgn2i{background-color:#fff;height:100%;}
 .fngr745{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
 .t11wg61l{padding-bottom:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:904px;}
 .v1x3rivf{color:#00122E;}
 .tf5s6s.ant-tabs{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tf5s6s.ant-tabs .ant-tabs-nav{margin-bottom:0;margin-right:24px;}.tf5s6s.ant-tabs .ant-tabs-nav-list{margin-left:24px;}.tf5s6s.ant-tabs .ant-tabs-content-holder{overflow:auto;}.tf5s6s.ant-tabs .ant-tabs-content-holder .ant-tabs-content,.tf5s6s.ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane-active{height:100%;}
 .b11tbgf7.ant-btn-quiet.ant-btn{color:rgba(44,56,82,0.75);}
+.gtbyh5g{padding-bottom:12px;}
 .c1dicff8{width:100%;vertical-align:top;}
 .esoz3jw.ant-btn.ant-btn-link{font-size:13px;height:22px;margin-left:8px;}
 .w8ychfk{border-radius:8px;border:1px solid rgba(211,218,235,0.60);padding:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "type": "module",
   "files": [
     "dist",