@dovetail-v2/refine 0.0.55 → 0.0.57

package/dist/refine.umd.cjs

@@ -1115,7 +1115,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";
@@ -8605,7 +8605,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",
@@ -8648,11 +8648,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",
@@ -9474,7 +9474,7 @@ var __publicField = (obj, key, value) => {
     },
     "type": "Opaque",
     "data": {
-      "key": window.btoa("value")
+      "key": "value"
     }
   };
   const SECRET_IMAGE_REPO_INIT_VALUE = {
@@ -9498,8 +9498,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 = {
@@ -10048,7 +10048,7 @@ var __publicField = (obj, key, value) => {
     service,
     breakLine = true
   }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const {
       i18n: i18n2
     } = useTranslation();
@@ -10057,10 +10057,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));
@@ -10069,12 +10073,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" : ", ")
         });
@@ -10084,6 +10090,7 @@ var __publicField = (obj, key, value) => {
         break;
       default:
         content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          useOverflow: false,
           value: ""
         });
         break;
@@ -10907,8 +10914,25 @@ var __publicField = (obj, key, value) => {
       }, `${image2}-${index}`)) : value2.join(", ")
     });
   };
+  const index_1m8lip = "";
+  const LinkStyle$1 = "lmmrm55";
+  function LinkFallback({
+    fullPath
+  }) {
+    if (fullPath.includes("http") && !fullPath.includes("*")) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
+        className: LinkStyle$1,
+        href: fullPath,
+        target: "_blank",
+        children: fullPath
+      });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      children: fullPath
+    });
+  }
   const index_cbhkdt = "";
-  const LinkStyle$1 = "l1vnw9x0";
+  const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
       name: name2,
@@ -10930,7 +10954,7 @@ var __publicField = (obj, key, value) => {
       });
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
-      className: LinkStyle$1,
+      className: LinkStyle,
       onClick,
       children: resourceId
     });
@@ -10958,7 +10982,10 @@ var __publicField = (obj, key, value) => {
         dataIndex: "fullPath",
         title: t2("dovetail.path"),
         width: 478,
-        sortable: true
+        sortable: true,
+        render(value2) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: value2 });
+        }
       },
       {
         key: "serviceName",
@@ -11125,14 +11152,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";
@@ -11147,7 +11174,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", {
@@ -11301,11 +11328,17 @@ var __publicField = (obj, key, value) => {
             children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => {
               const GroupContainer = group.title ? ShowGroupComponent : React.Fragment;
               const FieldContainer = group.title ? kit.row : React.Fragment;
+              const groupContainerProps = group.title ? {
+                title: group.title || ""
+              } : {};
+              const fieldContainerProps = group.title ? {
+                gutter: [24, 8]
+              } : {};
               return /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContainer, {
-                title: group.title || "",
+                ...groupContainerProps,
                 children: group.areas.map((area, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
                   children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, {
-                    gutter: [24, 8],
+                    ...fieldContainerProps,
                     children: renderFields(area.fields, area.type, !!group.title)
                   }, index), index !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
                     style: {
@@ -11329,8 +11362,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 = {}
@@ -11352,6 +11386,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,
@@ -11471,7 +11506,7 @@ var __publicField = (obj, key, value) => {
             [
               `error.${cause.reason}`,
               `error.${cause.code}`,
-              `${message2}${cause.field ? `(${cause.field})` : ""}`
+              `${cause.field ? `${cause.field}: ` : ""}${message2}`
             ],
             {
               ...params,
@@ -11483,7 +11518,7 @@ var __publicField = (obj, key, value) => {
           [
             `error.${cause.reason}`,
             `error.${cause.code}`,
-            `${message2}${cause.field ? `(${cause.field})` : ""}`
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
           ],
           {
             ...params,
@@ -17657,6 +17692,12 @@ var __publicField = (obj, key, value) => {
         scrollOffsetToBottom,
         scrollUpdateWasRequested
       } = params;
+      if (scrollOffsetToBottom === -1) {
+        setTimeout(() => {
+          var _a2;
+          (_a2 = logViewerRef.current) == null ? void 0 : _a2.scrollToBottom();
+        }, 16);
+      }
       if (!scrollUpdateWasRequested) {
         if (scrollOffsetToBottom > 0) {
           setPaused(true);
@@ -17901,7 +17942,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,
@@ -24053,45 +24096,37 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: tags });
   };
-  const index_18ct5u4 = "";
-  const LinkStyle = "l25ca2k";
-  const IngressRulesComponent = ({
-    ingress
-  }) => {
+  const IngressRulesComponent = ({ ingress }) => {
     const kit = eagle.useUIKit();
     const result = ingress.flattenedRules.map((r2) => {
       const divider = " > ";
-      let pre = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        children: r2.fullPath
-      });
-      if (r2.fullPath.includes("http") && !r2.fullPath.includes("*")) {
-        pre = /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
-          className: LinkStyle,
-          href: r2.fullPath,
-          target: "_blank",
-          children: r2.fullPath
-        });
-      }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-        content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [pre, /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-            children: divider
-          }), r2.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
-              name: "services",
-              namespace: ingress.metadata.namespace || "default",
-              resourceId: r2.serviceName
-            }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-              children: [":", r2.servicePort]
-            })]
-          }) : r2.resourceName]
-        }),
-        tooltip: `${r2.fullPath}${divider}:${r2.servicePort}`
-      }, r2.fullPath);
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-      children: result
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        kit.overflowTooltip,
+        {
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: divider }),
+            r2.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ResourceLink,
+                {
+                  name: "services",
+                  namespace: ingress.metadata.namespace || "default",
+                  resourceId: r2.serviceName
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                ":",
+                r2.servicePort
+              ] })
+            ] }) : r2.resourceName
+          ] }),
+          tooltip: `${r2.fullPath}${divider}:${r2.servicePort}`
+        },
+        r2.fullPath
+      );
     });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
   const columns_1h38dp = "";
   const DashedTitleStyle = "dh5j833";
@@ -24391,6 +24426,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex: [],
       width: 160,
+      sorter: void 0,
       render(_, record) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, {
           service: record
@@ -24437,6 +24473,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex: [],
       width: 160,
+      sorter: void 0,
       render(_, record) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, {
           service: record
@@ -24475,7 +24512,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex,
       sortable: true,
-      sorter: CommonSorter(dataIndex),
+      sorter: void 0,
       width: 300,
       render(_, record) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRulesComponent, {
@@ -24578,7 +24615,8 @@ var __publicField = (obj, key, value) => {
         });
       },
       width: 300,
-      sortable: true
+      sortable: true,
+      sorter: void 0
     };
   };
   const PortMappingColumnRenderer = (i18n2, clusterVip) => {
@@ -24594,6 +24632,7 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex: ["displayPortMapping"],
       width: 300,
+      sorter: void 0,
       render(value2, record) {
         var _a;
         const content = (_a = record.displayPortMapping) == null ? void 0 : _a.map((v) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
@@ -24668,10 +24707,7 @@ var __publicField = (obj, key, value) => {
         options: {
           warnWhenUnsavedChanges: true,
           liveMode: "auto",
-          disableTelemetry: true,
-          overtime: {
-            interval: Number.MAX_SAFE_INTEGER
-          }
+          disableTelemetry: true
         },
         accessControlProvider,
         resources: resourcesConfig.map((c2) => {

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;}
@@ -20,6 +20,7 @@
 .d1wqyhgc{color:rgba(44,56,82,0.75);}
 .w16agr8o.ant-space{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .i1u1f5zp{white-space:pre-line;}
+.lmmrm55{padding:0 !important;}
 .l1vnw9x0{padding:0 !important;}
 .c8jy7dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 10px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:4px;background:rgba(237,241,250,0.6);}.c8jy7dc:not(:last-of-type){margin-bottom:8px;}
 .k2sddxl{color:rgba(44,56,82,0.75);width:calc(30% - 4px);margin-right:8px;word-break:break-all;}
@@ -34,14 +35,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;}
@@ -1538,7 +1540,6 @@
 .c1i80kj{height:100%;}
 .s18sezq1.ant-layout-sider{background:#edf0f7;}
 .cyc9hl2.ant-layout-content{background:#fff;}
-.l25ca2k{padding:0 !important;}
 .dh5j833{border-bottom:1px dashed rgba(107,128,167,0.6);padding-bottom:1px;}
 .s1fcgan.ant-tooltip .ant-tooltip-inner{width:256px;}
 .ciistgu{padding:0 !important;}

package/lib/src/components/LinkFallback/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function LinkFallback({ fullPath }: {
+    fullPath: string;
+}): JSX.Element;

package/lib/src/components/ModalContextProvider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ModalInfo {
+    resource: string;
+    id?: string;
+}
+type ModalContextValue = ModalInfo & {
+    open: (info: ModalInfo) => void;
+    close: () => void;
+};
+export declare const ModalContext: React.Context<ModalContextValue>;
+declare function ModalContextProvider(props: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+export default ModalContextProvider;

package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts

@@ -2,6 +2,7 @@ import type { NetworkPolicyIngressRule, NetworkPolicyEgressRule } from 'kubernet
 import React from 'react';
 type Props = {
     ingressOrEgress: NetworkPolicyIngressRule[] | NetworkPolicyEgressRule[];
+    kind?: string;
 };
-export declare const NetworkPolicyRulesTable: React.FC<Props>;
+export declare const NetworkPolicyRulesViewer: React.FC<Props>;
 export {};

package/lib/src/components/ShowContent/ShowContent.d.ts

@@ -8,10 +8,11 @@ type Props<Model extends ResourceModel> = {
         record: Model;
     }>;
 };
-export declare function ShowGroupComponent(props: React.PropsWithChildren<{
+type ShowGroupComponentProps = React.PropsWithChildren<{
     title: string;
     className?: string;
     operationEle?: React.ReactElement | null;
-}>): JSX.Element;
+}>;
+export declare function ShowGroupComponent(props: ShowGroupComponentProps): JSX.Element;
 export declare const ShowContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element | null;
 export {};

package/lib/src/components/YamlForm/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { FormAction } from '@refinedev/core';
 import useEagleForm from 'src/hooks/useEagleForm';
 export declare enum SchemaStrategy {
     Required = "Required",
@@ -7,7 +8,9 @@ export declare enum SchemaStrategy {
 }
 export interface YamlFormProps {
     id?: string;
+    action?: FormAction;
     initialValues?: Record<string, unknown>;
+    transformValues?: (values: Record<string, unknown>) => Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;
     isShowLayout?: boolean;
     useFormProps?: Parameters<typeof useEagleForm>[0];
@@ -15,6 +18,7 @@ export interface YamlFormProps {
         disabled?: boolean;
         onClick: () => void;
     }) => void;
+    onErrorsChange?: (errors: string[]) => void;
     onFinish?: () => void;
 }
 declare function YamlForm(props: YamlFormProps): JSX.Element;

package/lib/src/hooks/useEagleForm.d.ts

@@ -20,6 +20,7 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
         isSkipSchema?: boolean;
     };
     initialValuesForCreate?: Record<string, unknown>;
+    transformValues?: (values: Record<string, unknown>) => Record<string, unknown>;
 };
 export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError> & {
     form: FormInstance;
@@ -43,5 +44,5 @@ declare const useEagleForm: <TQueryFnData extends Unstructured = Unstructured &
     [prop: string]: unknown;
 } = {
     [prop: string]: unknown;
-}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, transformValues, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
 export default useEagleForm;

package/lib/src/hooks/useNamespaceFilter.d.ts

@@ -0,0 +1,5 @@
+import { CrudFilters } from '@refinedev/core';
+declare function useNamespaceRefineFilter(): {
+    permanent: CrudFilters;
+};
+export default useNamespaceRefineFilter;

package/lib/src/model/cronjob-model.d.ts

@@ -0,0 +1,9 @@
+import { CronJob } from 'kubernetes-types/batch/v1';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class CronJobModel extends WorkloadModel<CronJob> {
+    data: WithId<CronJob>;
+    constructor(data: WithId<CronJob>);
+    suspend(): WithId<CronJob>;
+    resume(): WithId<CronJob>;
+}

package/lib/src/model/index.d.ts

@@ -0,0 +1,6 @@
+export * from './job-model';
+export * from './pod-model';
+export * from './pod-metrics-model';
+export * from './resource-model';
+export * from './workload-model';
+export * from './cronjob-model';

package/lib/src/model/job-model.d.ts

@@ -0,0 +1,10 @@
+import { Job } from 'kubernetes-types/batch/v1';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class JobModel extends WorkloadModel<Job> {
+    rawYaml: WithId<Job>;
+    constructor(rawYaml: WithId<Job>);
+    get duration(): number;
+    get durationDisplay(): string | undefined;
+    get completionsDisplay(): string;
+}

package/lib/src/model/pod-metrics-model.d.ts

@@ -0,0 +1,7 @@
+import { PodMetrics, ResourceQuantity } from 'src/types/metric';
+import { ResourceModel } from './resource-model';
+export declare class PodMetricsModel extends ResourceModel {
+    data: PodMetrics;
+    usage: ResourceQuantity;
+    constructor(data: PodMetrics);
+}

package/lib/src/model/pod-model.d.ts

@@ -0,0 +1,15 @@
+import type { Pod } from 'kubernetes-types/core/v1';
+import { ResourceQuantity } from 'src/types/metric';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class PodModel extends WorkloadModel<Pod> {
+    rawYaml: WithId<Pod>;
+    request: ResourceQuantity;
+    limit: ResourceQuantity;
+    constructor(rawYaml: WithId<Pod>);
+    get imageNames(): string[];
+    get restartCount(): number;
+    get readyDisplay(): string;
+    get readyContainerCount(): number | undefined;
+    get containerCount(): number | undefined;
+}

package/lib/src/model/resource-model.d.ts

@@ -0,0 +1,17 @@
+import { Resource } from '../types';
+export declare class ResourceModel implements Resource {
+    rawYaml: Resource;
+    id: Resource['id'];
+    apiVersion: Resource['apiVersion'];
+    kind: Resource['kind'];
+    metadata: Resource['metadata'];
+    constructor(rawYaml: Resource);
+    get name(): string | undefined;
+    get namespace(): string | undefined;
+    get labels(): {
+        [name: string]: string;
+    } | undefined;
+    get annotations(): {
+        [name: string]: string;
+    } | undefined;
+}

package/lib/src/model/workload-model.d.ts

@@ -0,0 +1,17 @@
+import type { DaemonSet, Deployment, StatefulSet } from 'kubernetes-types/apps/v1';
+import type { CronJob, Job } from 'kubernetes-types/batch/v1';
+import { Pod } from 'kubernetes-types/core/v1';
+import { WithId } from '../types';
+import { ResourceModel } from './resource-model';
+type WorkloadTypes = Deployment | StatefulSet | Job | DaemonSet | CronJob | Pod;
+export declare class WorkloadModel<T extends WorkloadTypes = WorkloadTypes> extends ResourceModel {
+    rawYaml: WithId<T>;
+    constructor(rawYaml: WithId<T>);
+    get status(): T['status'];
+    get spec(): T['spec'];
+    get imageNames(): string[];
+    get restartCount(): number;
+    redeploy(): WithId<T>;
+    scale(value: number): WithId<T>;
+}
+export {};

package/lib/src/types/metric.d.ts

@@ -0,0 +1,25 @@
+import { Resource } from './resource';
+type Quantity = string;
+export type ContainerMetrics = {
+    name: string;
+    usage: {
+        cpu?: Quantity;
+        memory?: Quantity;
+    };
+};
+export type PodMetrics = {
+    timestamp: string;
+    window: string;
+    containers: ContainerMetrics[];
+} & Resource;
+export type ResourceQuantity = {
+    cpu: {
+        si: string;
+        value: number;
+    };
+    memory: {
+        si: string;
+        value: number;
+    };
+};
+export {};

package/package.json

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