@dovetail-v2/refine 0.0.15 → 0.0.16

package/dist/refine.umd.cjs

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("i18next"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "i18next", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.i18n, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd$1, global2.k8sApiProvider));
-})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, i18n, iconsReact, monaco, monacoYaml, ReactDOM, antd$1, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("i18next"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "i18next", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.i18n, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, i18n, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
   "use strict";
   const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
   function _interopNamespace(e) {
@@ -6782,6 +6782,10 @@ var __publicField = (obj, key, value) => {
     const content = yaml__default.default.dump(merged);
     return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
   }
+  const GlobalStoreContext = React.createContext({});
+  const useGlobalStore = () => {
+    return React.useContext(GlobalStoreContext);
+  };
   const useEagleForm = ({
     action,
     resource,
@@ -6820,6 +6824,7 @@ var __publicField = (obj, key, value) => {
     const [editorErrors, setEditorErrors] = React.useState([]);
     const [errorResponseBody, setErrorResponseBody] = React.useState(null);
     const useResourceResult = core.useResource();
+    const { globalStore } = useGlobalStore();
     const kit = eagle.useUIKit();
     const {
       schema,
@@ -6924,7 +6929,7 @@ var __publicField = (obj, key, value) => {
         }
       }
     };
-    const initialValues = ((_c = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _c.data) ? queryResult.data.data.restore() : void 0;
+    const initialValues = ((_c = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _c.data) ? globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data) : void 0;
     if (initialValues) {
       pruneBeforeEdit(initialValues);
     }
@@ -7410,7 +7415,7 @@ var __publicField = (obj, key, value) => {
     const currentReplicas = lodashEs.get(record, "spec.replicas", 0);
     const scale = (delta) => {
       const v = record.scale(currentReplicas + delta);
-      const id = v.id;
+      const id = record.id;
       pruneBeforeEdit(v);
       mutate({
         id,
@@ -7795,7 +7800,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const ServiceTypeColumnRenderer = () => {
-    const dataIndex = ["rawYaml", "spec", "type"];
+    const dataIndex = ["spec", "type"];
     return {
       key: "type",
       title: i18n__default.default.t("dovetail.type"),
@@ -7846,8 +7851,9 @@ var __publicField = (obj, key, value) => {
     return { edit: edit2 };
   }
   function K8sDropdown(props) {
-    const { data: data2 } = props;
+    const { record } = props;
     const kit = eagle.useUIKit();
+    const { globalStore } = useGlobalStore();
     const useResourceResult = core.useResource();
     const resource = useResourceResult.resource;
     const { edit: edit2 } = useEdit();
@@ -7865,8 +7871,8 @@ var __publicField = (obj, key, value) => {
               kit.menuItem,
               {
                 onClick: () => {
-                  if (data2.id) {
-                    edit2(data2.id);
+                  if (record.id) {
+                    edit2(record.id);
                   }
                 },
                 children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("dovetail.edit") })
@@ -7877,7 +7883,7 @@ var __publicField = (obj, key, value) => {
               {
                 danger: true,
                 onClick: () => {
-                  openDeleteConfirmModal(data2.id);
+                  openDeleteConfirmModal(record.id);
                 },
                 children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.TrashBinDelete16Icon, children: t("dovetail.delete") })
               }
@@ -7887,10 +7893,10 @@ var __publicField = (obj, key, value) => {
               {
                 onClick: () => {
                   var _a;
-                  if (data2.id) {
+                  if (record.id) {
                     download2({
-                      name: ((_a = data2.metadata) == null ? void 0 : _a.name) || data2.kind || "",
-                      item: data2.restore()
+                      name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                      item: (globalStore == null ? void 0 : globalStore.restoreItem(record)) || record
                     });
                   }
                 },
@@ -8087,6 +8093,7 @@ var __publicField = (obj, key, value) => {
     const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+    const { resource } = core.useResource();
     const { value: nsFilter } = useNamespacesFilter();
     const useTableParams = React.useMemo(() => {
       const mergedParams = lodashEs.merge(params.useTableParams, {
@@ -8112,21 +8119,13 @@ var __publicField = (obj, key, value) => {
       },
       [setCurrentPage]
     );
-    const actionColumn = {
-      key: "action",
-      display: true,
-      dataIndex: [],
-      title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.SettingsGear16GradientGrayIcon }),
-      render: (_, record) => {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(Dropdown, { data: record });
-      }
-    };
     const data2 = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data;
     const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
     const finalProps = {
+      tableKey: (resource == null ? void 0 : resource.name) || "table",
       loading: table.tableQueryResult.isLoading,
-      dataSource: finalDataSource || [],
-      columns: [...columns, actionColumn],
+      data: finalDataSource || [],
+      columns,
       refetch: () => null,
       error: false,
       rowKey: "id",
@@ -8135,7 +8134,8 @@ var __publicField = (obj, key, value) => {
       onPageChange,
       onSelect: (keys) => {
         setSelectedKeys(keys);
-      }
+      },
+      RowMenu: Dropdown
     };
     return { tableProps: finalProps, selectedKeys, ...table };
   };
@@ -8504,23 +8504,23 @@ var __publicField = (obj, key, value) => {
         filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
         const { vars } = options;
         if (vars) {
-          const style2 = {};
+          const style = {};
           for (const name2 in vars) {
             const variable = vars[name2];
             const result = variable[0];
             const unit = variable[1] || "";
             const value = typeof result === "function" ? result(props) : result;
             warnIfInvalid(value, options.name);
-            style2[`--${name2}`] = `${value}${unit}`;
+            style[`--${name2}`] = `${value}${unit}`;
           }
           const ownStyle = filteredProps.style || {};
           const keys = Object.keys(ownStyle);
           if (keys.length > 0) {
             keys.forEach((key) => {
-              style2[key] = ownStyle[key];
+              style[key] = ownStyle[key];
             });
           }
-          filteredProps.style = style2;
+          filteredProps.style = style;
         }
         if (tag.__linaria && tag !== component) {
           filteredProps.as = component;
@@ -8561,12 +8561,13 @@ var __publicField = (obj, key, value) => {
     const {
       loading,
       error,
-      dataSource,
+      data: dataSource,
       rowKey,
       columns,
       scroll,
       currentPage,
       currentSize,
+      RowMenu,
       refetch,
       onSelect,
       onPageChange,
@@ -8579,6 +8580,23 @@ var __publicField = (obj, key, value) => {
       pageSize: currentSize,
       onChange: onPageChange
     }), [currentPage, currentSize, onPageChange]);
+    const finalColumns = React.useMemo(() => {
+      if (RowMenu) {
+        const actionColumn = {
+          key: "_action_",
+          display: true,
+          dataIndex: [],
+          title: "",
+          render: (_, record) => {
+            return /* @__PURE__ */ jsxRuntime.exports.jsx(RowMenu, {
+              record
+            });
+          }
+        };
+        return [...columns, actionColumn];
+      }
+      return columns;
+    }, [columns, RowMenu]);
     if (loading) {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.loading, {});
     } else if (error) {
@@ -8607,7 +8625,7 @@ var __publicField = (obj, key, value) => {
             onSelect == null ? void 0 : onSelect(keys, rows);
           }
         } : void 0,
-        columns,
+        columns: finalColumns,
         dataSource,
         pagination,
         error,
@@ -8748,8 +8766,9 @@ var __publicField = (obj, key, value) => {
         selectedKeys,
         hideCreate: true
       }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
+        tableKey: "cronjobs",
         loading: !dataSource,
-        dataSource: dataSource || [],
+        data: dataSource || [],
         columns,
         onSelect: (keys) => setSelectedKeys(keys),
         rowKey: "id",
@@ -8793,7 +8812,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  function matchSelector(pod, selector) {
+  function matchSelector$1(pod, selector) {
     var _a, _b, _c;
     let match = true;
     for (const key in selector.matchLabels) {
@@ -8821,7 +8840,7 @@ var __publicField = (obj, key, value) => {
     });
     const dataSource = React.useMemo(() => {
       return data2 == null ? void 0 : data2.data.filter((p) => {
-        return selector ? matchSelector(p, selector) : true;
+        return selector ? matchSelector$1(p, selector) : true;
       });
     }, [data2 == null ? void 0 : data2.data, selector]);
     const columns = [PhaseColumnRenderer(), NameColumnRenderer("pods"), NodeNameColumnRenderer(), WorkloadImageColumnRenderer(), RestartCountColumnRenderer()];
@@ -8833,8 +8852,9 @@ var __publicField = (obj, key, value) => {
         selectedKeys,
         hideCreate: true
       }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
+        tableKey: "pods",
         loading: !dataSource,
-        dataSource: dataSource || [],
+        data: dataSource || [],
         columns,
         onSelect: (keys) => setSelectedKeys(keys),
         rowKey: "id",
@@ -8920,7 +8940,7 @@ var __publicField = (obj, key, value) => {
     return {
       key: "data",
       title: i18n__default.default.t("dovetail.data"),
-      path: ["rawYaml", "data"],
+      path: ["data"],
       render: (val) => {
         return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: val });
       }
@@ -8930,7 +8950,7 @@ var __publicField = (obj, key, value) => {
     return {
       key: "data",
       title: i18n__default.default.t("dovetail.data"),
-      path: ["rawYaml", "data"],
+      path: ["data"],
       render: (val) => {
         const decodeVal = {};
         for (const key in val) {
@@ -8954,21 +8974,21 @@ var __publicField = (obj, key, value) => {
     return {
       key: "type",
       title: i18n__default.default.t("dovetail.type"),
-      path: ["rawYaml", "spec", "type"]
+      path: ["spec", "type"]
     };
   };
   const ClusterIpField = () => {
     return {
       key: "clusterIp",
       title: i18n__default.default.t("dovetail.clusterIp"),
-      path: ["rawYaml", "spec", "clusterIP"]
+      path: ["spec", "clusterIP"]
     };
   };
   const SessionAffinityField = () => {
     return {
       key: "clusterIp",
       title: i18n__default.default.t("dovetail.sessionAffinity"),
-      path: ["rawYaml", "spec", "sessionAffinity"]
+      path: ["spec", "sessionAffinity"]
     };
   };
   const ServicePodsField = () => {
@@ -9164,51 +9184,51 @@ var __publicField = (obj, key, value) => {
         {
           key: "type",
           display: true,
-          dataIndex: ["rawYaml", "type"],
+          dataIndex: ["type"],
           title: i18n2.t("dovetail.type"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "type"])
+          sorter: CommonSorter(["type"])
         },
         {
           key: "reason",
           display: true,
-          dataIndex: ["rawYaml", "reason"],
+          dataIndex: ["reason"],
           title: i18n2.t("dovetail.reason"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "reason"])
+          sorter: CommonSorter(["reason"])
         },
         {
           key: "object",
           display: true,
-          dataIndex: ["rawYaml", "regarding", "name"],
+          dataIndex: ["regarding", "name"],
           title: i18n2.t("dovetail.object"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "regarding", "name"])
+          sorter: CommonSorter(["regarding", "name"])
         },
         {
           key: "note",
           display: true,
-          dataIndex: ["rawYaml", "note"],
+          dataIndex: ["note"],
           title: i18n2.t("dovetail.note"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "note"])
+          sorter: CommonSorter(["note"])
         },
         AgeColumnRenderer()
       ],
       [i18n2]
     );
-    const dataSource = React.useMemo(
-      () => addId((data2 == null ? void 0 : data2.data) || [], "metadata.uid").filter((d) => {
+    const dataSource = React.useMemo(() => {
+      return data2 == null ? void 0 : data2.data.filter((d) => {
         const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
         return objectId === parsed.id;
-      }),
-      [data2 == null ? void 0 : data2.data, parsed]
-    );
+      });
+    }, [data2 == null ? void 0 : data2.data, parsed]);
     return /* @__PURE__ */ jsxRuntime.exports.jsx(
       Table,
       {
+        tableKey: "events",
         loading: isLoading,
-        dataSource: dataSource || [],
+        data: dataSource || [],
         columns,
         rowKey: "id",
         error: false,
@@ -9252,6 +9272,9 @@ var __publicField = (obj, key, value) => {
       Dropdown = K8sDropdown
     } = props;
     const kit = eagle.useUIKit();
+    const {
+      globalStore
+    } = useGlobalStore();
     const parsed = core.useParsed();
     const {
       resource
@@ -9359,7 +9382,7 @@ var __publicField = (obj, key, value) => {
             children: "YAML"
           })]
         }), /* @__PURE__ */ jsxRuntime.exports.jsx(Dropdown, {
-          data: record
+          record
         })]
       })]
     });
@@ -9400,7 +9423,7 @@ var __publicField = (obj, key, value) => {
       }),
       ["yaml"]: /* @__PURE__ */ jsxRuntime.exports.jsx(MonacoYamlEditor$1, {
         className: EditorStyle$1,
-        defaultValue: yaml__default.default.dump(model.restore()),
+        defaultValue: yaml__default.default.dump(globalStore == null ? void 0 : globalStore.restoreItem(model)),
         schema: {},
         onEditorCreate: (editor) => {
           fold(editor);
@@ -9538,16 +9561,16 @@ var __publicField = (obj, key, value) => {
     );
   };
   function WorkloadDropdown(props) {
-    const { data: data2 } = props;
+    const { record } = props;
     const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
     const { t } = useTranslation();
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(K8sDropdown, { data: data2, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
       kit.menu.Item,
       {
         onClick: () => {
-          const v = data2.redeploy();
+          const v = record.redeploy();
           const id = v.id;
           pruneBeforeEdit(v);
           mutate({
@@ -9560,6 +9583,7 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   }
+  const ComponentContext = React.createContext({});
   const index_3lw8k1 = "";
   const ListPageStyle = "laykzsq";
   const TableStyle = "t1ng0psc";
@@ -9569,12 +9593,16 @@ var __publicField = (obj, key, value) => {
       selectedKeys,
       tableProps
     } = props;
+    const {
+      Table: TableComponent
+    } = React.useContext(ComponentContext);
+    const Table$1 = TableComponent || Table;
     return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
       className: ListPageStyle,
       children: [/* @__PURE__ */ jsxRuntime.exports.jsx(TableToolBar, {
         title,
         selectedKeys
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table$1, {
         ...tableProps,
         className: TableStyle,
         scroll: {
@@ -9585,7 +9613,6 @@ var __publicField = (obj, key, value) => {
   }
   function ResourceList(props) {
     const { formatter, name: name2, columns, Dropdown } = props;
-    useTranslation();
     const { tableProps, selectedKeys } = useEagleTable({
       useTableParams: {},
       columns: [
@@ -10149,7 +10176,8 @@ var __publicField = (obj, key, value) => {
     } = useEagleForm({
       editorOptions: {
         isSkipSchema: schemaStrategy === "None"
-      }
+      },
+      liveMode: "off"
     });
     const kit = eagle.useUIKit();
     const {
@@ -10157,6 +10185,9 @@ var __publicField = (obj, key, value) => {
       i18n: i18n2
     } = useTranslation();
     const responseErrors = errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [];
+    const schema = React.useMemo(() => {
+      return editorProps.schema || {};
+    }, [editorProps.schema]);
     return /* @__PURE__ */ jsxRuntime.exports.jsx(FormLayout, {
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form, {
         ...formProps,
@@ -10175,7 +10206,7 @@ var __publicField = (obj, key, value) => {
               children: /* @__PURE__ */ jsxRuntime.exports.jsx(YamlEditorComponent, {
                 ...editorProps,
                 className: EditorStyle,
-                schema: editorProps.schema || {},
+                schema,
                 collapsable: false
               })
             }), /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.form.Item, {
@@ -10222,7 +10253,6 @@ var __publicField = (obj, key, value) => {
   }
   const ResourceCRUD = (props) => {
     const { configs, urlPrefix } = props;
-    const { i18n: i18n2 } = useTranslation();
     return /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: configs.map((config) => {
       var _a, _b;
       return /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.default.Fragment, { children: [
@@ -10231,7 +10261,7 @@ var __publicField = (obj, key, value) => {
           {
             name: config.kind,
             formatter: config.formatter,
-            columns: ((_a = config.columns) == null ? void 0 : _a.call(config, i18n2)) || [],
+            columns: ((_a = config.columns) == null ? void 0 : _a.call(config)) || [],
             Dropdown: config.Dropdown
           }
         ) }),
@@ -10239,7 +10269,7 @@ var __publicField = (obj, key, value) => {
           ResourceShow,
           {
             formatter: config.formatter,
-            filedGroups: ((_b = config.showFields) == null ? void 0 : _b.call(config, i18n2)) || [],
+            filedGroups: ((_b = config.showFields) == null ? void 0 : _b.call(config)) || [],
             Dropdown: config.Dropdown
           }
         ) }),
@@ -10249,19 +10279,19 @@ var __publicField = (obj, key, value) => {
     }) });
   };
   function CronJobDropdown(props) {
-    const { data: data2 } = props;
-    const { spec } = data2;
+    const { record } = props;
+    const { spec } = record;
     const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
     const { t } = useTranslation();
     const suspended = Boolean(spec == null ? void 0 : spec.suspend);
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(K8sDropdown, { data: data2, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(K8sDropdown, { record, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
       kit.menu.Item,
       {
         onClick: () => {
-          const v = suspended ? data2.resume() : data2.suspend();
-          const id = data2.id;
+          const v = suspended ? record.resume() : record.suspend();
+          const id = record.id;
           pruneBeforeEdit(v);
           mutate({
             id,
@@ -10275,6 +10305,41 @@ var __publicField = (obj, key, value) => {
   }
   const UNITS = ["", "K", "M", "G", "T", "P"];
   const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
+  function formatSi(inValue, options) {
+    const {
+      increment = 1e3,
+      suffix = null,
+      firstSuffix = null,
+      startingExponent = 0,
+      minExponent = 0,
+      maxPrecision = 2,
+      atLeastOne = true
+    } = options || {};
+    let val = inValue;
+    let exp = startingExponent;
+    while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
+      val = val / increment;
+      exp++;
+    }
+    let out = 0;
+    if (val < 10 && maxPrecision >= 2) {
+      out = Math.round(val * 100) / 100;
+    } else if (val < 100 && maxPrecision >= 1) {
+      out = Math.round(val * 10) / 10;
+    } else {
+      out = Math.round(val);
+    }
+    if (atLeastOne && out === 0) {
+      out = 1;
+    }
+    let outStr = String(out);
+    if (exp === 0 && firstSuffix !== null) {
+      outStr += `${firstSuffix}`;
+    } else {
+      outStr += `${UNITS[exp]}${suffix}` || "";
+    }
+    return outStr;
+  }
   function parseSi(inValue, increment = null, allowFractional = true) {
     if (!inValue || typeof inValue !== "string" || !inValue.length) {
       return NaN;
@@ -10460,7 +10525,7 @@ var __publicField = (obj, key, value) => {
     const { queryResult } = core.useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
     const { isLoading } = queryResult;
     return /* @__PURE__ */ jsxRuntime.exports.jsx(
-      antd$1.Drawer,
+      antd.Drawer,
       {
         title: "Show Drawer",
         placement: "right",
@@ -14850,7 +14915,7 @@ var __publicField = (obj, key, value) => {
       return "&#x27;";
     }
   });
-  const LogViewerRow = React.memo(({ index, style: style2, data: data2, ansiUp }) => {
+  const LogViewerRow = React.memo(({ index, style, data: data2, ansiUp }) => {
     const { parsedData, searchedWordIndexes, rowInFocus } = data2;
     const context = React.useContext(LogViewerContext);
     const getData = (index2) => parsedData ? parsedData[index2] : null;
@@ -14894,7 +14959,7 @@ var __publicField = (obj, key, value) => {
     };
     return React__default.default.createElement(
       "div",
-      { style: style2, className: css(styles$1.logViewerListItem) },
+      { style, className: css(styles$1.logViewerListItem) },
       React__default.default.createElement("span", { className: css(styles$1.logViewerIndex) }, getRowIndex(index)),
       React__default.default.createElement("span", { className: css(styles$1.logViewerText), style: { width: "fit-content" }, dangerouslySetInnerHTML: { __html: ansiUp.ansi_to_html(getFormattedData()) } })
     );
@@ -15022,19 +15087,19 @@ var __publicField = (obj, key, value) => {
         this._getItemStyle = (index) => {
           const { itemSize } = this.props;
           const itemStyleCache = this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize);
-          let style2;
+          let style;
           if (itemStyleCache.hasOwnProperty(index)) {
-            style2 = itemStyleCache[index];
+            style = itemStyleCache[index];
           } else {
             const offset = getItemOffset(this.props, index, this._instanceProps);
             const size = getItemSize(this.props, index, this._instanceProps);
-            itemStyleCache[index] = style2 = {
+            itemStyleCache[index] = style = {
               position: "absolute",
               top: offset,
               height: size
             };
           }
-          return style2;
+          return style;
         };
         this._getItemStyleCache = memoizeOne(() => ({}));
         this._onScrollVertical = (event2) => {
@@ -15151,7 +15216,7 @@ var __publicField = (obj, key, value) => {
         });
       }
       render() {
-        const { children, outerClassName, innerClassName, height, innerRef, innerElementType, innerTagName, itemCount, itemData, itemKey = defaultItemKey, outerElementType, outerTagName, style: style2, useIsScrolling, width, isTextWrapped, hasLineNumbers, indexWidth, ansiUp } = this.props;
+        const { children, outerClassName, innerClassName, height, innerRef, innerElementType, innerTagName, itemCount, itemData, itemKey = defaultItemKey, outerElementType, outerTagName, style, useIsScrolling, width, isTextWrapped, hasLineNumbers, indexWidth, ansiUp } = this.props;
         const { isScrolling } = this.state;
         const onScroll = this._onScrollVertical;
         const [startIndex, stopIndex] = this._getRangeToRender();
@@ -15174,7 +15239,7 @@ var __publicField = (obj, key, value) => {
           onScroll,
           ref: this._outerRefSetter,
           tabIndex: 0,
-          style: Object.assign({ height, paddingTop: 0, paddingBottom: 0, WebkitOverflowScrolling: "touch", overflowX: isTextWrapped ? "hidden" : "auto" }, style2)
+          style: Object.assign({ height, paddingTop: 0, paddingBottom: 0, WebkitOverflowScrolling: "touch", overflowX: isTextWrapped ? "hidden" : "auto" }, style)
         }, React.createElement(innerElementType || innerTagName || "div", {
           className: innerClassName,
           ref: innerRef,
@@ -16144,19 +16209,449 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
+  function getSecondsDiff(startDate, endDate) {
+    return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1e3);
+  }
+  function elapsedTime(seconds) {
+    if (!seconds) {
+      return {};
+    }
+    if (seconds < 120) {
+      return {
+        diff: 1,
+        label: `${seconds}s`
+      };
+    }
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 10) {
+      return {
+        diff: 1,
+        label: `${minutes}m${seconds - minutes * 60}s`
+      };
+    }
+    const hours = Math.floor(seconds / 3600);
+    if (hours < 3) {
+      return {
+        diff: 60,
+        label: `${minutes}m`
+      };
+    }
+    const days = Math.floor(seconds / (3600 * 24));
+    if (days > 1) {
+      return {
+        diff: 60,
+        label: `${days}d${hours - days * 24}h`
+      };
+    }
+    if (hours > 7) {
+      return {
+        diff: 60,
+        label: `${hours}h`
+      };
+    }
+    return {
+      diff: 60,
+      label: `${hours}h${minutes - hours * 60}m`
+    };
+  }
+  function shortenedImage(image2) {
+    return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/:latest$/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2\u2026");
+  }
+  class ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      __publicField(this, "id");
+      __publicField(this, "apiVersion");
+      __publicField(this, "kind");
+      __publicField(this, "metadata");
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      Object.keys(_rawYaml).forEach((key) => {
+        Object.defineProperty(this, key, {
+          value: _rawYaml[key]
+        });
+      });
+    }
+    async init() {
+    }
+    get name() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.name;
+    }
+    get namespace() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace;
+    }
+    get labels() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.labels;
+    }
+    get annotations() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.annotations;
+    }
+    restore() {
+      return this._rawYaml;
+    }
+  }
+  class WorkloadBaseModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    get imageNames() {
+      var _a, _b, _c, _d;
+      const containers = this._rawYaml.spec && "jobTemplate" in this._rawYaml.spec ? (_b = (_a = this._rawYaml.spec.jobTemplate.spec) == null ? void 0 : _a.template.spec) == null ? void 0 : _b.containers : this._rawYaml.spec && "template" in this._rawYaml.spec ? (_d = (_c = this._rawYaml.spec) == null ? void 0 : _c.template.spec) == null ? void 0 : _d.containers : [];
+      return (containers == null ? void 0 : containers.map((container2) => shortenedImage(container2.image || ""))) || [];
+    }
+  }
+  class JobModel extends WorkloadBaseModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    get duration() {
+      var _a, _b;
+      const completionTime = (_a = this._rawYaml.status) == null ? void 0 : _a.completionTime;
+      const startTime = (_b = this._rawYaml.status) == null ? void 0 : _b.startTime;
+      if (!completionTime && startTime) {
+        return getSecondsDiff(startTime, Date.now().toString());
+      }
+      if (completionTime && startTime) {
+        return getSecondsDiff(startTime, completionTime);
+      }
+      return 0;
+    }
+    get durationDisplay() {
+      return elapsedTime(this.duration).label;
+    }
+    get completionsDisplay() {
+      var _a, _b;
+      return `${((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0}/${(_b = this._rawYaml.spec) == null ? void 0 : _b.completions}`;
+    }
+  }
+  function matchSelector(pod, selector) {
+    var _a, _b, _c;
+    let match = true;
+    for (const key in selector.matchLabels) {
+      if (!((_b = (_a = pod.metadata) == null ? void 0 : _a.labels) == null ? void 0 : _b[key]) || ((_c = pod.metadata.labels) == null ? void 0 : _c[key]) !== selector.matchLabels[key]) {
+        match = false;
+      }
+    }
+    return match;
+  }
+  class WorkloadModel extends WorkloadBaseModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      __publicField(this, "restarts", 0);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    async init() {
+      await this.getRestarts();
+    }
+    async getRestarts() {
+      const pods = await this._globalStore.get("pods", {
+        resourceBasePath: "/api/v1",
+        kind: "Pod"
+      });
+      const myPods = pods.items.filter(
+        (p) => {
+          var _a, _b;
+          return ((_a = this.spec) == null ? void 0 : _a.selector) ? matchSelector(p, (_b = this.spec) == null ? void 0 : _b.selector) : false;
+        }
+      );
+      const result = lodash.exports.sumBy(myPods, "restartCount");
+      this.restarts = result;
+    }
+    redeploy() {
+      const rawYaml = this._globalStore.restoreItem(this);
+      const newOne = lodash.exports.cloneDeep(rawYaml);
+      const path = "spec.template.metadata.annotations";
+      const annotations = lodash.exports.get(newOne, path, {});
+      lodash.exports.set(newOne, path, {
+        ...annotations,
+        [TIMESTAMP_LABEL]: new Date().toISOString().replace(/\.\d+Z$/, "Z")
+      });
+      return newOne;
+    }
+    scale(value) {
+      const rawYaml = this._globalStore.restoreItem(this);
+      const newOne = lodash.exports.cloneDeep(rawYaml);
+      if (newOne.kind === "Deployment" || newOne.kind === "StatefulSet") {
+        lodash.exports.set(newOne, "spec.replicas", value);
+      }
+      return newOne;
+    }
+  }
+  class PodModel extends WorkloadBaseModel {
+    constructor(_rawYaml, _globalStore) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      super(_rawYaml, _globalStore);
+      __publicField(this, "request");
+      __publicField(this, "limit");
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      let cpuRequestNum = 0;
+      let memoryRequestNum = 0;
+      let cpuLimitNum = 0;
+      let memoryLimitNum = 0;
+      for (const container2 of ((_a = _rawYaml.spec) == null ? void 0 : _a.containers) || []) {
+        cpuRequestNum += parseSi(((_c = (_b = container2.resources) == null ? void 0 : _b.requests) == null ? void 0 : _c.cpu) || "0");
+        memoryRequestNum += parseSi(((_e = (_d = container2.resources) == null ? void 0 : _d.requests) == null ? void 0 : _e.memory) || "0");
+        cpuLimitNum += parseSi(((_g = (_f = container2.resources) == null ? void 0 : _f.limits) == null ? void 0 : _g.cpu) || "0");
+        memoryLimitNum += parseSi(((_i = (_h = container2.resources) == null ? void 0 : _h.limits) == null ? void 0 : _i.memory) || "0");
+      }
+      this.request = {
+        cpu: {
+          value: cpuRequestNum,
+          si: formatSi(cpuRequestNum, {
+            suffix: "m"
+          })
+        },
+        memory: {
+          value: memoryRequestNum,
+          si: formatSi(memoryRequestNum, {
+            suffix: "i"
+          })
+        }
+      };
+      this.limit = {
+        cpu: {
+          value: cpuLimitNum,
+          si: formatSi(cpuLimitNum, {
+            suffix: "m"
+          })
+        },
+        memory: {
+          value: memoryLimitNum,
+          si: formatSi(memoryLimitNum, {
+            suffix: "i"
+          })
+        }
+      };
+    }
+    get imageNames() {
+      var _a;
+      return ((_a = this._rawYaml.spec) == null ? void 0 : _a.containers.map(
+        (container2) => shortenedImage(container2.image || "")
+      )) || [];
+    }
+    get restartCount() {
+      var _a, _b;
+      if ((_a = this._rawYaml.status) == null ? void 0 : _a.containerStatuses) {
+        return ((_b = this._rawYaml.status) == null ? void 0 : _b.containerStatuses[0].restartCount) || 0;
+      }
+      return 0;
+    }
+    get readyDisplay() {
+      var _a, _b, _c;
+      return `${(_b = (_a = this._rawYaml.status) == null ? void 0 : _a.containerStatuses) == null ? void 0 : _b.filter((c) => c.ready).length}/${(_c = this._rawYaml.spec) == null ? void 0 : _c.containers.length}`;
+    }
+    get readyContainerCount() {
+      var _a, _b;
+      return (_b = (_a = this._rawYaml.status) == null ? void 0 : _a.containerStatuses) == null ? void 0 : _b.filter((c) => c.ready).length;
+    }
+    get containerCount() {
+      var _a;
+      return (_a = this._rawYaml.spec) == null ? void 0 : _a.containers.length;
+    }
+  }
+  class PodMetricsModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      __publicField(this, "usage");
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      let cpuUsageNum = 0;
+      let memoryUsageNum = 0;
+      for (const container2 of _rawYaml.containers) {
+        cpuUsageNum += parseSi(container2.usage.cpu || "0");
+        memoryUsageNum += parseSi(container2.usage.memory || "0");
+      }
+      this.usage = {
+        cpu: {
+          value: cpuUsageNum,
+          si: formatSi(1e3 * cpuUsageNum, {
+            suffix: "m",
+            maxPrecision: 0
+          })
+        },
+        memory: {
+          value: memoryUsageNum,
+          si: formatSi(memoryUsageNum, {
+            suffix: "i",
+            maxPrecision: 0
+          })
+        }
+      };
+    }
+  }
+  class CronJobModel extends WorkloadBaseModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+    }
+    suspend() {
+      const newOne = lodash.exports.cloneDeep(this._rawYaml);
+      if (this._rawYaml.kind === "CronJob") {
+        lodash.exports.set(newOne, "spec.suspend", true);
+      }
+      return newOne;
+    }
+    resume() {
+      const newOne = lodash.exports.cloneDeep(this._rawYaml);
+      if (this._rawYaml.kind === "CronJob") {
+        lodash.exports.set(newOne, "spec.suspend", false);
+      }
+      return newOne;
+    }
+  }
+  class EventModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      this.id = _rawYaml.metadata.uid || _rawYaml.id;
+    }
+  }
+  const ModelMap = {
+    Deployment: WorkloadModel,
+    DaemonSet: WorkloadModel,
+    StatefulSet: WorkloadModel,
+    CronJob: CronJobModel,
+    Job: JobModel,
+    Pod: PodModel,
+    Event: EventModel
+  };
+  class ModelPlugin {
+    constructor() {
+      __publicField(this, "_globalStore");
+    }
+    init(globalStore) {
+      this._globalStore = globalStore;
+    }
+    async processData(res) {
+      const { kind, apiVersion } = res;
+      const items = await Promise.all(
+        res.items.map((item) => {
+          const newItem = { ...item };
+          newItem.kind = kind.replace(/List$/g, "");
+          newItem.apiVersion = apiVersion;
+          return this.processItem(newItem);
+        })
+      );
+      return {
+        ...res,
+        items
+      };
+    }
+    async processItem(item) {
+      const Model = ModelMap[item.kind] || ResourceModel;
+      const result = new Model(item, this._globalStore);
+      await result.init();
+      return result;
+    }
+    restoreData(res) {
+      ({ ...res });
+      res.items.map((item) => this.restoreItem(item));
+      return res;
+    }
+    restoreItem(item) {
+      return item._rawYaml;
+    }
+  }
+  const modelPlugin = new ModelPlugin();
+  class RelationPlugin {
+    constructor() {
+      __publicField(this, "globalStore");
+    }
+    init(globalStore) {
+      this.globalStore = globalStore;
+    }
+    async processData(res) {
+      const { kind, apiVersion } = res;
+      const items = await Promise.all(
+        res.items.map(
+          (item) => this.processItem({
+            ...item,
+            kind: kind.replace(/List$/g, ""),
+            apiVersion
+          })
+        )
+      );
+      return {
+        ...res,
+        items
+      };
+    }
+    async processItem(item) {
+      this.processPodSelector(item);
+      return item;
+    }
+    restoreData(res) {
+      res.items = res.items.map((item) => this.restoreItem(item));
+      return res;
+    }
+    restoreItem(item) {
+      return {
+        ...item,
+        metadata: lodash.exports.omit(item.metadata, "relations")
+      };
+    }
+    processPodSelector(item) {
+      const { spec, kind } = item;
+      const selector = spec == null ? void 0 : spec.selector;
+      if (!selector) {
+        return item;
+      }
+      if (!kind || ![
+        "Deployment",
+        "DaemonSet",
+        "StatefulSet",
+        "ReplicaSet",
+        "Job",
+        "Service"
+      ].includes(kind)) {
+        return item;
+      }
+      if (!selector.matchLabels && !selector.matchExpressions) {
+        selector.matchLabels = {};
+        for (const key of Object.keys(selector)) {
+          if (key === "matchLabels") {
+            continue;
+          }
+          selector.matchLabels[key] = selector[key];
+          delete selector[key];
+        }
+      }
+      this.appendRelation(item, {
+        kind: "Pod",
+        apiVersion: "v1",
+        type: kind === "Service" ? "selects" : "creates",
+        selector,
+        inbound: false
+      });
+      return item;
+    }
+    appendRelation(item, relation) {
+      const metadata = item.metadata;
+      if (!metadata.relations) {
+        metadata.relations = [];
+      }
+      metadata.relations.push(relation);
+      return item;
+    }
+  }
+  const relationPlugin = new RelationPlugin();
+  const ProviderPlugins = [relationPlugin, modelPlugin];
   const styles = "";
-  const antd = "";
-  const style = "";
   const Dovetail = (props) => {
-    const {
-      resourcesConfig,
-      urlPrefix = "",
-      Layout: Layout2,
-      history,
-      globalStoreParams
-    } = props;
+    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStoreParams } = props;
     const globalStore = React.useMemo(() => {
-      return new k8sApiProvider.GlobalStore(globalStoreParams, k8sApiProvider.ProviderPlugins);
+      return new k8sApiProvider.GlobalStore(globalStoreParams, ProviderPlugins);
     }, [globalStoreParams]);
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c) => !c.isCustom);
@@ -16171,7 +16666,7 @@ var __publicField = (obj, key, value) => {
       }
       return _content;
     }, [Layout2, notCustomResources, props.children, urlPrefix]);
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
       core.Refine,
       {
         dataProvider: {
@@ -16200,7 +16695,7 @@ var __publicField = (obj, key, value) => {
         }),
         children: content
       }
-    ) });
+    ) }) });
   };
   var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
     RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
@@ -16258,10 +16753,12 @@ var __publicField = (obj, key, value) => {
   exports2.ColumnKeys = ColumnKeys;
   exports2.CommonSorter = CommonSorter;
   exports2.CompletionsCountColumnRenderer = CompletionsCountColumnRenderer;
+  exports2.ComponentContext = ComponentContext;
   exports2.ConditionsField = ConditionsField;
   exports2.ConditionsTable = ConditionsTable;
   exports2.CreateButton = CreateButton;
   exports2.CronJobDropdown = CronJobDropdown;
+  exports2.CronJobModel = CronJobModel;
   exports2.CronjobJobsTable = CronjobJobsTable;
   exports2.DAEMONSET_INIT_VALUE = DAEMONSET_INIT_VALUE;
   exports2.DEPLOYMENT_INIT_VALUE = DEPLOYMENT_INIT_VALUE;
@@ -16272,9 +16769,11 @@ var __publicField = (obj, key, value) => {
   exports2.DrawerShow = DrawerShow;
   exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.EditButton = EditButton;
+  exports2.EventModel = EventModel;
   exports2.ImageField = ImageField;
   exports2.ImageNames = ImageNames;
   exports2.JOB_INIT_VALUE = JOB_INIT_VALUE;
+  exports2.JobModel = JobModel;
   exports2.JobsField = JobsField;
   exports2.KeyValue = KeyValue;
   exports2.KeyValueListWidget = KeyValueListWidget;
@@ -16294,6 +16793,8 @@ var __publicField = (obj, key, value) => {
   exports2.PhaseColumnRenderer = PhaseColumnRenderer;
   exports2.PodContainersTable = PodContainersTable;
   exports2.PodLog = PodLog;
+  exports2.PodMetricsModel = PodMetricsModel;
+  exports2.PodModel = PodModel;
   exports2.PodsField = PodsField;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReplicaField = ReplicaField;
@@ -16301,6 +16802,7 @@ var __publicField = (obj, key, value) => {
   exports2.ResourceCRUD = ResourceCRUD;
   exports2.ResourceForm = ResourceForm;
   exports2.ResourceList = ResourceList;
+  exports2.ResourceModel = ResourceModel;
   exports2.ResourceShow = ResourceShow;
   exports2.ResourceUsageBar = ResourceUsageBar;
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
@@ -16318,8 +16820,10 @@ var __publicField = (obj, key, value) => {
   exports2.StateTag = StateTag;
   exports2.TIMESTAMP_LABEL = TIMESTAMP_LABEL;
   exports2.Tags = Tags;
+  exports2.WorkloadBaseModel = WorkloadBaseModel;
   exports2.WorkloadDropdown = WorkloadDropdown;
   exports2.WorkloadImageColumnRenderer = WorkloadImageColumnRenderer;
+  exports2.WorkloadModel = WorkloadModel;
   exports2.WorkloadPodsTable = WorkloadPodsTable;
   exports2.WorkloadReplicas = WorkloadReplicas;
   exports2.WorkloadRestartsColumnRenderer = WorkloadRestartsColumnRenderer;
@@ -16333,6 +16837,7 @@ var __publicField = (obj, key, value) => {
   exports2.useDownloadYAML = useDownloadYAML;
   exports2.useEagleTable = useEagleTable;
   exports2.useEdit = useEdit;
+  exports2.useGlobalStore = useGlobalStore;
   exports2.useNamespacesFilter = useNamespacesFilter;
   exports2.useSchema = useSchema;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });