@dovetail-v2/refine 0.0.14 → 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("k8s-api-provider"), require("lodash-es"), require("sunflower-antd"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("i18next")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "k8s-api-provider", "lodash-es", "sunflower-antd", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "i18next"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.k8sApiProvider, global2.lodashEs, global2.sunflowerAntd, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd$1, global2.i18n));
-})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, k8sApiProvider, lodashEs, sunflowerAntd, iconsReact, monaco, monacoYaml, ReactDOM, antd$1, i18n) {
+  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) {
@@ -29,9 +29,9 @@ var __publicField = (obj, key, value) => {
   }
   const React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
   const yaml__default = /* @__PURE__ */ _interopDefaultLegacy(yaml);
+  const i18n__default = /* @__PURE__ */ _interopDefaultLegacy(i18n);
   const monaco__namespace = /* @__PURE__ */ _interopNamespace(monaco);
   const ReactDOM__default = /* @__PURE__ */ _interopDefaultLegacy(ReactDOM);
-  const i18n__default = /* @__PURE__ */ _interopDefaultLegacy(i18n);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -1069,7 +1069,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   function useK8sYamlEditor() {
-    function foldSymbol(editor, symbol) {
+    const foldSymbol = React.useCallback(function(editor, symbol) {
       const model = editor.getModel();
       const matchs = (model == null ? void 0 : model.findMatches(
         symbol,
@@ -1091,8 +1091,8 @@ var __publicField = (obj, key, value) => {
           reject(e);
         }
       });
-    }
-    async function fold(editor) {
+    }, []);
+    const fold = React.useCallback(async function(editor) {
       await editor.getAction("editor.unfoldAll").run();
       const symbols = [
         "  annotations:",
@@ -1104,7 +1104,7 @@ var __publicField = (obj, key, value) => {
         await foldSymbol(editor, symbol);
       }
       editor.setScrollPosition({ scrollTop: 0 });
-    }
+    }, [foldSymbol]);
     return {
       fold
     };
@@ -6703,6 +6703,8 @@ var __publicField = (obj, key, value) => {
   function useSchema(options) {
     var _a;
     const [schema, setSchema] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
     const openapi = React.useMemo(
@@ -6712,14 +6714,31 @@ var __publicField = (obj, key, value) => {
       },
       [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath]
     );
-    React.useEffect(() => {
-      (async function() {
-        var _a2;
+    const fetchSchema = React.useCallback(async () => {
+      var _a2;
+      setLoading(true);
+      setError(null);
+      try {
         const schema2 = await openapi.findSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.kind);
         setSchema(schema2 || null);
-      })();
+        setError(null);
+      } catch (e) {
+        setError(e);
+      } finally {
+        setLoading(false);
+      }
     }, [resource, openapi]);
-    return schema;
+    React.useEffect(() => {
+      if (options == null ? void 0 : options.skip)
+        return;
+      fetchSchema();
+    }, [fetchSchema]);
+    return {
+      schema,
+      loading,
+      error,
+      fetchSchema
+    };
   }
   function generateYamlBySchema(defaultValue, schema) {
     const typeObject = generateSchemaTypeValue(schema);
@@ -6763,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,
@@ -6801,8 +6824,16 @@ 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 = useSchema();
+    const {
+      schema,
+      loading: isLoadingSchema,
+      error: loadSchemaError,
+      fetchSchema
+    } = useSchema({
+      skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
+    });
     const [formAnt] = kit.form.useForm();
     const formSF = sunflowerAntd.useForm({
       form: formAnt
@@ -6898,9 +6929,7 @@ var __publicField = (obj, key, value) => {
         }
       }
     };
-    const initialValues = ((_c = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _c.data) ? {
-      ...k8sApiProvider.relationPlugin.restoreItem(queryResult.data.data)
-    } : 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);
     }
@@ -6930,6 +6959,10 @@ var __publicField = (obj, key, value) => {
       editorProps,
       enableEditor,
       errorResponseBody,
+      schema,
+      isLoadingSchema,
+      loadSchemaError,
+      fetchSchema,
       switchEditor() {
         var _a2, _b2;
         if (enableEditor && ((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue())) {
@@ -6952,13 +6985,13 @@ var __publicField = (obj, key, value) => {
     const [id, setId] = React.useState("");
     const { t } = useTranslation();
     const modalProps = {
-      title: t("delete"),
-      okText: t("delete"),
+      title: t("dovetail.delete"),
+      okText: t("dovetail.delete"),
       okButtonProps: {
         danger: true
       },
-      cancelText: t("cancel"),
-      children: t("confirm_delete_text", {
+      cancelText: t("dovetail.cancel"),
+      children: t("dovetail.confirm_delete_text", {
         target: id,
         interpolation: { escapeValue: false }
       }),
@@ -7382,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,
@@ -7406,6 +7439,188 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
+  const copy$1 = "Copy";
+  const reset_arguments$1 = "Reset";
+  const view_changes$1 = "Show Diff";
+  const back_to_edit$1 = "Edit";
+  const configure_file$1 = "Configuration";
+  const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
+  const yaml_value_wrong$1 = "Configuration has invalid values.";
+  const edit_yaml$1 = "Edit YAML";
+  const copied$1 = "Copied";
+  const already_reset$1 = "Already reset";
+  const fetch_schema_fail$1 = "Failed to fetch schema.";
+  const obtain_data_error$1 = "Having trouble getting data.";
+  const retry$1 = "Retry";
+  const dovetail$1 = {
+    copy: copy$1,
+    reset_arguments: reset_arguments$1,
+    view_changes: view_changes$1,
+    back_to_edit: back_to_edit$1,
+    configure_file: configure_file$1,
+    yaml_format_wrong: yaml_format_wrong$1,
+    yaml_value_wrong: yaml_value_wrong$1,
+    edit_yaml: edit_yaml$1,
+    copied: copied$1,
+    already_reset: already_reset$1,
+    fetch_schema_fail: fetch_schema_fail$1,
+    obtain_data_error: obtain_data_error$1,
+    retry: retry$1
+  };
+  const EN = {
+    dovetail: dovetail$1
+  };
+  const copy = "\u590D\u5236";
+  const reset_arguments = "\u91CD\u7F6E";
+  const view_changes = "\u67E5\u770B\u6539\u52A8";
+  const back_to_edit = "\u7F16\u8F91";
+  const configure_file = "\u914D\u7F6E\u5185\u5BB9";
+  const yaml_format_wrong = "\u914D\u7F6E\u5185\u5BB9\u4E0D\u662F\u6709\u6548\u7684 yaml \u683C\u5F0F\u3002";
+  const yaml_value_wrong = "\u914D\u7F6E\u5185\u5BB9\u4E2D\u5B58\u5728\u4E0D\u5408\u6CD5\u7684\u503C\u3002";
+  const edit_yaml = "\u7F16\u8F91 YAML";
+  const copied = "\u5DF2\u590D\u5236";
+  const already_reset = "\u5DF2\u91CD\u7F6E";
+  const cancel = "\u53D6\u6D88";
+  const create = "\u521B\u5EFA";
+  const confirm_delete_text = "\u786E\u5B9A\u8981\u5220\u9664 {{target}} \u5417\uFF1F";
+  const edit = "\u7F16\u8F91";
+  const namespace = "\u540D\u5B57\u7A7A\u95F4";
+  const name = "\u540D\u79F0";
+  const state = "\u72B6\u6001";
+  const status = "\u72B6\u6001";
+  const phase = "\u72B6\u6001";
+  const image = "\u5BB9\u5668\u955C\u50CF";
+  const replicas = "\u526F\u672C\u6570";
+  const created_time = "\u521B\u5EFA\u65F6\u95F4";
+  const label = "\u6807\u7B7E";
+  const annotation = "\u6CE8\u91CA";
+  const type = "\u7C7B\u578B";
+  const event = "\u4E8B\u4EF6";
+  const reason = "\u539F\u56E0";
+  const object = "\u5BF9\u8C61";
+  const note = "\u4E8B\u4EF6\u4FE1\u606F";
+  const condition = "Condition";
+  const download_yaml = "\u4E0B\u8F7D YAML";
+  const detail = "\u8BE6\u60C5";
+  const node_name = "\u4E3B\u673A\u540D\u79F0";
+  const restarts = "\u91CD\u542F\u6B21\u6570";
+  const updated_time = "\u66F4\u65B0\u65F6\u95F4";
+  const message = "\u6D88\u606F";
+  const save = "\u4FDD\u5B58";
+  const more = "\u66F4\u591A";
+  const workload = "\u5DE5\u4F5C\u8D1F\u8F7D";
+  const all_namespaces = "\u6240\u6709\u540D\u5B57\u7A7A\u95F4";
+  const empty = "\u65E0\u53EF\u663E\u793A\u7684\u6570\u636E";
+  const schedule = "\u8C03\u5EA6\u65F6\u95F4\u8868";
+  const lastScheduleTime = "\u4E0A\u6B21\u8C03\u5EA6\u65F6\u95F4";
+  const duration = "\u6301\u7EED\u65F6\u95F4";
+  const completions = "\u5B8C\u6210 Job \u5386\u53F2\u6570";
+  const started = "\u5F00\u59CB\u65F6\u95F4";
+  const ready = "\u5C31\u7EEA";
+  const init_container = "\u521D\u59CB\u5316\u5BB9\u5668";
+  const container = "\u5BB9\u5668";
+  const redeploy = "\u91CD\u65B0\u90E8\u7F72";
+  const data = "\u6570\u636E";
+  const suspend = "\u6682\u505C";
+  const resume = "\u91CD\u65B0\u5F00\u59CB";
+  const cluster = "\u96C6\u7FA4";
+  const storage = "\u5B58\u50A8";
+  const network = "\u7F51\u7EDC";
+  const clusterIp = "\u96C6\u7FA4 IP";
+  const sessionAffinity = "\u4F1A\u8BDD\u4FDD\u6301";
+  const log = "\u65E5\u5FD7";
+  const select_container = "\u9009\u62E9\u5BB9\u5668";
+  const wrap = "\u6298\u53E0";
+  const resume_log = "\u7EE7\u7EED";
+  const log_new_lines = "\uFF0C\u5E76\u5C55\u793A {{ count }} \u884C\u65B0\u65E5\u5FD7";
+  const fetch_schema_fail = "\u83B7\u53D6 schema \u5931\u8D25\u3002";
+  const obtain_data_error = "\u83B7\u53D6\u6570\u636E\u65F6\u9047\u5230\u95EE\u9898\u3002";
+  const retry = "\u91CD\u8BD5";
+  const dovetail = {
+    copy,
+    reset_arguments,
+    view_changes,
+    back_to_edit,
+    configure_file,
+    yaml_format_wrong,
+    yaml_value_wrong,
+    edit_yaml,
+    copied,
+    already_reset,
+    cancel,
+    "delete": "\u5220\u9664",
+    create,
+    confirm_delete_text,
+    edit,
+    namespace,
+    name,
+    state,
+    status,
+    phase,
+    image,
+    replicas,
+    created_time,
+    label,
+    annotation,
+    type,
+    event,
+    reason,
+    object,
+    note,
+    condition,
+    download_yaml,
+    detail,
+    node_name,
+    restarts,
+    updated_time,
+    message,
+    save,
+    more,
+    workload,
+    all_namespaces,
+    empty,
+    schedule,
+    lastScheduleTime,
+    duration,
+    completions,
+    started,
+    ready,
+    init_container,
+    container,
+    redeploy,
+    data,
+    suspend,
+    resume,
+    cluster,
+    storage,
+    network,
+    clusterIp,
+    sessionAffinity,
+    log,
+    select_container,
+    wrap,
+    resume_log,
+    log_new_lines,
+    fetch_schema_fail,
+    obtain_data_error,
+    retry
+  };
+  const ZH = {
+    dovetail
+  };
+  const resources = {
+    "en-US": EN,
+    "zh-CN": ZH
+  };
+  i18n__default.default.use(initReactI18next).init({
+    supportedLngs: ["en-US", "zh-CN"],
+    resources,
+    ns: Object.keys(resources["zh-CN"]),
+    defaultNS: "dovetail",
+    fallbackLng: ["en-US", "zh-CN"],
+    lng: "zh-CN",
+    nsSeparator: "."
+  });
   const NameLink = (props) => {
     var _a;
     const { name: name2, id, resource } = props;
@@ -7442,13 +7657,13 @@ var __publicField = (obj, key, value) => {
       return 1;
     return -1;
   };
-  const NameColumnRenderer = (i18n2, resource = "") => {
+  const NameColumnRenderer = (resource = "") => {
     const dataIndex = ["metadata", "name"];
     return {
       key: "name",
       display: true,
       dataIndex,
-      title: i18n2.t("name"),
+      title: i18n__default.default.t("dovetail.name"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v, record) => {
@@ -7456,50 +7671,60 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const NameSpaceColumnRenderer = (i18n2) => {
+  const NameSpaceColumnRenderer = () => {
     const dataIndex = ["metadata", "namespace"];
     return {
       key: "namespace",
       display: true,
       dataIndex,
-      title: i18n2.t("namespace"),
+      title: i18n__default.default.t("dovetail.namespace"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const PhaseColumnRenderer = (i18n2) => {
+  const PhaseColumnRenderer = () => {
     const dataIndex = ["status", "phase"];
     return {
       key: "phase",
       display: true,
       dataIndex,
-      title: i18n2.t("phase"),
+      title: i18n__default.default.t("dovetail.phase"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (v) => /* @__PURE__ */ jsxRuntime.exports.jsx(StateTag, { state: v })
     };
   };
-  const WorkloadImageColumnRenderer = (i18n2) => {
+  const WorkloadImageColumnRenderer = () => {
     const dataIndex = ["imageNames"];
     return {
       key: "image",
       display: true,
       dataIndex,
-      title: i18n2.t("image"),
+      title: i18n__default.default.t("dovetail.image"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
-      render(value) {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value });
+      render(value, record) {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value: record.imageNames });
       }
     };
   };
-  const ReplicasColumnRenderer = (i18n2) => {
+  const WorkloadRestartsColumnRenderer = () => {
+    const dataIndex = ["restarts"];
+    return {
+      key: "restarts",
+      display: true,
+      dataIndex,
+      title: i18n__default.default.t("dovetail.restarts"),
+      sortable: false
+    };
+  };
+  const ReplicasColumnRenderer = () => {
     const dataIndex = ["status", "replicas"];
     return {
       key: "replicas",
       display: true,
       dataIndex,
-      title: i18n2.t("replicas"),
+      title: i18n__default.default.t("dovetail.replicas"),
       sortable: true,
       sorter: CommonSorter(dataIndex),
       render: (_, record) => {
@@ -7507,13 +7732,13 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const AgeColumnRenderer = (i18n2) => {
+  const AgeColumnRenderer = () => {
     const dataIndex = ["metadata", "creationTimestamp"];
     return {
       key: "creationTimestamp",
       display: true,
       dataIndex,
-      title: i18n2.t("created_time"),
+      title: i18n__default.default.t("dovetail.created_time"),
       sortable: true,
       sorter: (a, b) => {
         const valA = new Date(lodash.exports.get(a, dataIndex));
@@ -7529,55 +7754,56 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const NodeNameColumnRenderer = (i18n2) => {
+  const NodeNameColumnRenderer = (options) => {
     const dataIndex = ["spec", "nodeName"];
     return {
       key: "node",
       display: true,
       dataIndex,
-      title: i18n2.t("node_name"),
+      title: i18n__default.default.t("dovetail.node_name"),
       sortable: true,
-      sorter: CommonSorter(dataIndex)
+      sorter: CommonSorter(dataIndex),
+      ...options
     };
   };
-  const RestartCountColumnRenderer = (i18n2) => {
+  const RestartCountColumnRenderer = () => {
     const dataIndex = ["restartCount"];
     return {
       key: "restartCount",
       display: true,
       dataIndex,
-      title: i18n2.t("restarts"),
+      title: i18n__default.default.t("dovetail.restarts"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const CompletionsCountColumnRenderer = (i18n2) => {
+  const CompletionsCountColumnRenderer = () => {
     const dataIndex = ["completionsDisplay"];
     return {
       key: "completions",
       display: true,
       dataIndex,
-      title: i18n2.t("completions"),
+      title: i18n__default.default.t("completions"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const DurationColumnRenderer = (i18n2) => {
+  const DurationColumnRenderer = () => {
     const dataIndex = ["durationDisplay"];
     return {
       key: "duration",
       display: true,
       dataIndex,
-      title: i18n2.t("duration"),
+      title: i18n__default.default.t("dovetail.duration"),
       sortable: true,
       sorter: CommonSorter(dataIndex)
     };
   };
-  const ServiceTypeColumnRenderer = (i18n2) => {
-    const dataIndex = ["rawYaml", "spec", "type"];
+  const ServiceTypeColumnRenderer = () => {
+    const dataIndex = ["spec", "type"];
     return {
       key: "type",
-      title: i18n2.t("dovetail.type"),
+      title: i18n__default.default.t("dovetail.type"),
       display: true,
       dataIndex,
       sortable: true,
@@ -7599,6 +7825,7 @@ var __publicField = (obj, key, value) => {
   function useDownloadYAML() {
     return function(options) {
       const { name: name2, item } = options;
+      console.log("download", item);
       const content = yaml__default.default.dump(item);
       download(`${name2}.yaml`, content);
     };
@@ -7624,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();
@@ -7643,11 +7871,11 @@ 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("edit") })
+                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("dovetail.edit") })
               }
             ),
             /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -7655,9 +7883,9 @@ 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("delete") })
+                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.TrashBinDelete16Icon, children: t("dovetail.delete") })
               }
             ),
             /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -7665,14 +7893,14 @@ 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
+                      name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                      item: (globalStore == null ? void 0 : globalStore.restoreItem(record)) || record
                     });
                   }
                 },
-                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("download_yaml") })
+                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("dovetail.download_yaml") })
               }
             ),
             props.children
@@ -7865,9 +8093,13 @@ 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, {
+        pagination: {
+          mode: "off"
+        },
         filters: {
           permanent: [
             {
@@ -7887,20 +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 finalDataSource = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data.map(formatter);
+    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",
@@ -7909,7 +8134,8 @@ var __publicField = (obj, key, value) => {
       onPageChange,
       onSelect: (keys) => {
         setSelectedKeys(keys);
-      }
+      },
+      RowMenu: Dropdown
     };
     return { tableProps: finalProps, selectedKeys, ...table };
   };
@@ -8016,7 +8242,6 @@ var __publicField = (obj, key, value) => {
     const onValueChange = React.useCallback(
       (event2) => {
         var _a;
-        console.log(event2);
         const value = event2.target.value;
         (_a = props.onChange) == null ? void 0 : _a.call(props, {
           ...item,
@@ -8069,7 +8294,6 @@ var __publicField = (obj, key, value) => {
           {
             item,
             onChange: (newItem) => {
-              console.log(newItem);
               const temp = [...items];
               temp.splice(index, 1, newItem);
               onChange(temp);
@@ -8117,9 +8341,9 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ErrorContent_1t51xnx = "";
-  const ErrorWrapper = "eckm4od";
-  const ErrorContent = "e1hl982n";
-  const WidgetErrorContent = (props) => {
+  const ErrorWrapper$1 = "eckm4od";
+  const ErrorContent$1 = "e1hl982n";
+  const WidgetErrorContent$1 = (props) => {
     const {
       refetch
     } = props;
@@ -8128,10 +8352,10 @@ var __publicField = (obj, key, value) => {
       t
     } = useTranslation();
     return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-      className: ErrorWrapper,
+      className: ErrorWrapper$1,
       style: props.style,
       children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-        className: ErrorContent,
+        className: ErrorContent$1,
         children: [/* @__PURE__ */ jsxRuntime.exports.jsx("p", {
           className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
           children: props.errorText || t("dovetail.obtain_data_error")
@@ -8155,28 +8379,28 @@ var __publicField = (obj, key, value) => {
         key: "type",
         display: true,
         dataIndex: "type",
-        title: t("condition"),
+        title: t("dovetail.condition"),
         sortable: true
       },
       {
         key: "status",
         display: true,
         dataIndex: "status",
-        title: t("status"),
+        title: t("dovetail.status"),
         sortable: true
       },
       {
         key: "reason",
         display: true,
         dataIndex: "reason",
-        title: t("reason"),
+        title: t("dovetail.reason"),
         sortable: true
       },
       {
         key: "lastUpdateTime",
         display: true,
         dataIndex: "lastUpdateTime",
-        title: t("updated_time"),
+        title: t("dovetail.updated_time"),
         sortable: true,
         render: (value, record) => {
           const time = value || record.lastTransitionTime;
@@ -8187,12 +8411,12 @@ var __publicField = (obj, key, value) => {
         key: "message",
         display: true,
         dataIndex: "message",
-        title: t("message"),
+        title: t("dovetail.message"),
         sortable: true
       }
     ];
     if (conditionsWithId.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntime.exports.jsx(
       kit.table,
@@ -8205,1028 +8429,574 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  function getSecondsDiff(startDate, endDate) {
-    return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1e3);
+  function memoize(fn) {
+    var cache = /* @__PURE__ */ Object.create(null);
+    return function(arg) {
+      if (cache[arg] === void 0)
+        cache[arg] = fn(arg);
+      return cache[arg];
+    };
   }
-  function elapsedTime(seconds) {
-    if (!seconds) {
-      return {};
+  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+  var isPropValid = /* @__PURE__ */ memoize(
+    function(prop) {
+      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
     }
-    if (seconds < 120) {
-      return {
-        diff: 1,
-        label: `${seconds}s`
-      };
+  );
+  var isCapital = (ch) => ch.toUpperCase() === ch;
+  var filterKey = (keys) => (key) => keys.indexOf(key) === -1;
+  var omit = (obj, keys) => {
+    const res = {};
+    Object.keys(obj).filter(filterKey(keys)).forEach((key) => {
+      res[key] = obj[key];
+    });
+    return res;
+  };
+  function filterProps(asIs, props, omitKeys) {
+    const filteredProps = omit(props, omitKeys);
+    if (!asIs) {
+      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+      Object.keys(filteredProps).forEach((key) => {
+        if (!interopValidAttr.default(key)) {
+          delete filteredProps[key];
+        }
+      });
     }
-    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`
-    };
+    return filteredProps;
   }
-  const BASE_INIT_VALUE = {
-    metadata: {
-      name: "",
-      namespace: "default",
-      annotations: {},
-      labels: {}
-    }
-  };
-  const DEFAULT_MATCH_LABEL = "sks.user.kubesmart.smtx.io/app";
-  const BASE_CONTAINER_INIT_VALUE = {
-    name: "container-0",
-    imagePullPolicy: "Always",
-    image: ""
-  };
-  const BASE_WORKLOAD_SPEC_INIT_VALUE = {
-    affinity: {},
-    imagePullSecrets: [],
-    initContainers: [],
-    volumes: []
-  };
-  const DEPLOYMENT_INIT_VALUE = {
-    apiVersion: "apps/v1",
-    kind: "Deployment",
-    ...BASE_INIT_VALUE,
-    spec: {
-      replicas: 1,
-      selector: {
-        matchLabels: {
-          [DEFAULT_MATCH_LABEL]: ""
-        }
-      },
-      template: {
-        metadata: {
-          labels: {
-            [DEFAULT_MATCH_LABEL]: ""
-          }
-        },
-        spec: {
-          containers: [BASE_CONTAINER_INIT_VALUE],
-          restartPolicy: "Always",
-          ...BASE_WORKLOAD_SPEC_INIT_VALUE
-        }
+  var warnIfInvalid = (value, componentName) => {
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof value === "string" || typeof value === "number" && isFinite(value)) {
+        return;
       }
+      const stringified = typeof value === "object" ? JSON.stringify(value) : String(value);
+      console.warn(
+        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+      );
     }
   };
-  const CRONJOB_INIT_VALUE = {
-    apiVersion: "batch/v1beta1",
-    kind: "CronJob",
-    ...BASE_INIT_VALUE,
-    spec: {
-      schedule: "",
-      jobTemplate: {
-        metadata: {
-          labels: {}
-        },
-        spec: {
-          template: {
-            spec: {
-              containers: [BASE_CONTAINER_INIT_VALUE],
-              restartPolicy: "Never",
-              ...BASE_WORKLOAD_SPEC_INIT_VALUE
-            }
-          }
-        }
+  var idx = 0;
+  function styled(tag) {
+    var _a;
+    let mockedClass = "";
+    if (process.env.NODE_ENV === "test") {
+      mockedClass += `mocked-styled-${idx++}`;
+      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+        mockedClass += ` ${tag.__linaria.className}`;
       }
     }
-  };
-  const DAEMONSET_INIT_VALUE = {
-    apiVersion: "apps/v1",
-    kind: "DaemonSet",
-    ...BASE_INIT_VALUE,
-    spec: {
-      replicas: 1,
-      selector: {
-        matchLabels: {
-          [DEFAULT_MATCH_LABEL]: ""
+    return (options) => {
+      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+        if (Array.isArray(options)) {
+          throw new Error(
+            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+          );
         }
-      },
-      template: {
-        metadata: {
-          labels: {
-            [DEFAULT_MATCH_LABEL]: ""
+      }
+      const render = (props, ref) => {
+        const { as: component = tag, class: className = mockedClass } = props;
+        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+        const filteredProps = filterProps(shouldKeepProps, props, [
+          "as",
+          "class"
+        ]);
+        filteredProps.ref = ref;
+        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+        const { vars } = options;
+        if (vars) {
+          const style = {};
+          for (const name2 in vars) {
+            const variable = vars[name2];
+            const result = variable[0];
+            const unit = variable[1] || "";
+            const value = typeof result === "function" ? result(props) : result;
+            warnIfInvalid(value, options.name);
+            style[`--${name2}`] = `${value}${unit}`;
           }
-        },
-        spec: {
-          containers: [BASE_CONTAINER_INIT_VALUE],
-          restartPolicy: "Always",
-          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+          const ownStyle = filteredProps.style || {};
+          const keys = Object.keys(ownStyle);
+          if (keys.length > 0) {
+            keys.forEach((key) => {
+              style[key] = ownStyle[key];
+            });
+          }
+          filteredProps.style = style;
         }
-      }
-    }
-  };
-  const JOB_INIT_VALUE = {
-    apiVersion: "batch/v1",
-    kind: "Job",
-    ...BASE_INIT_VALUE,
-    spec: {
-      replicas: 1,
-      selector: {
-        matchLabels: {}
-      },
-      template: {
-        metadata: {
-          labels: {}
-        },
-        spec: {
-          containers: [BASE_CONTAINER_INIT_VALUE],
-          restartPolicy: "Never",
-          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+        if (tag.__linaria && tag !== component) {
+          filteredProps.as = component;
+          return React__default.default.createElement(tag, filteredProps);
         }
-      }
+        return React__default.default.createElement(component, filteredProps);
+      };
+      const Result = React__default.default.forwardRef ? React__default.default.forwardRef(render) : (props) => {
+        const rest = omit(props, ["innerRef"]);
+        return render(rest, props.innerRef);
+      };
+      Result.displayName = options.name;
+      Result.__linaria = {
+        className: options.class || mockedClass,
+        extends: tag
+      };
+      return Result;
+    };
+  }
+  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+    get(o, prop) {
+      return o(prop);
     }
-  };
-  const STATEFULSET_INIT_VALUE = {
-    apiVersion: "apps/v1",
-    kind: "StatefulSet",
-    ...BASE_INIT_VALUE,
-    spec: {
-      replicas: 1,
-      selector: {
-        matchLabels: {
-          [DEFAULT_MATCH_LABEL]: ""
-        }
-      },
-      template: {
-        metadata: {
-          labels: {
-            [DEFAULT_MATCH_LABEL]: ""
+  }) : styled;
+  const TableWidgets_ny30pi = "";
+  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
+    name: "AuxiliaryLine",
+    class: "ax1qopv",
+    propsAsIs: false
+  });
+  const index_dmbxj3 = "";
+  const TableContainerStyle = "t1upn1sz";
+  function Table(props) {
+    const kit = eagle.useUIKit();
+    const {
+      t
+    } = useTranslation();
+    const {
+      loading,
+      error,
+      data: dataSource,
+      rowKey,
+      columns,
+      scroll,
+      currentPage,
+      currentSize,
+      RowMenu,
+      refetch,
+      onSelect,
+      onPageChange,
+      onSizeChange
+    } = props;
+    const auxiliaryLineRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    const pagination = React.useMemo(() => ({
+      current: currentPage,
+      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
+            });
           }
-        },
-        spec: {
-          containers: [BASE_CONTAINER_INIT_VALUE],
-          restartPolicy: "Always",
-          ...BASE_WORKLOAD_SPEC_INIT_VALUE
-        }
+        };
+        return [...columns, actionColumn];
       }
-    }
-  };
-  const POD_INIT_VALUE = {
-    apiVersion: "v1",
-    kind: "Pod",
-    ...BASE_INIT_VALUE,
-    spec: {
-      containers: [BASE_CONTAINER_INIT_VALUE]
-    }
-  };
-  const TIMESTAMP_LABEL = "sks.user.kubesmart.smtx.io/timestamp";
-  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) {
-      __publicField(this, "id");
-      __publicField(this, "apiVersion");
-      __publicField(this, "kind");
-      __publicField(this, "metadata");
-      this.rawYaml = rawYaml;
-      this.id = rawYaml.id;
-      this.apiVersion = rawYaml.apiVersion;
-      this.kind = rawYaml.kind;
-      this.metadata = rawYaml.metadata;
-    }
-    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;
-    }
-  }
-  class WorkloadModel extends ResourceModel {
-    constructor(rawYaml) {
-      super(rawYaml);
-      this.rawYaml = rawYaml;
-    }
-    get status() {
-      return this.rawYaml.status;
-    }
-    get spec() {
-      return this.rawYaml.spec;
-    }
-    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 || ""))) || [];
-    }
-    get restartCount() {
-      return 0;
-    }
-    redeploy() {
-      const newOne = lodashEs.cloneDeep(this.rawYaml);
-      const path = "spec.template.metadata.annotations";
-      const annotations = lodashEs.get(newOne, path, {});
-      lodashEs.set(newOne, path, {
-        ...annotations,
-        [TIMESTAMP_LABEL]: new Date().toISOString().replace(/\.\d+Z$/, "Z")
+      return columns;
+    }, [columns, RowMenu]);
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.loading, {});
+    } else if (error) {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent$1, {
+        errorText: t("dovetail.retry_when_access_data_failed"),
+        refetch,
+        style: {
+          padding: "15px 0"
+        }
+      });
+    } else if (dataSource.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent$1, {
+        errorText: t("dovetail.empty"),
+        style: {
+          padding: "15px 0"
+        }
       });
-      return newOne;
     }
-    scale(value) {
-      const newOne = lodashEs.cloneDeep(this.rawYaml);
-      if (newOne.kind === "Deployment" || newOne.kind === "StatefulSet") {
-        lodashEs.set(newOne, "spec.replicas", value);
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+      ref: wrapperRef,
+      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.table, {
+        tableLayout: "fixed",
+        rowSelection: onSelect ? {
+          onChange: (keys, rows) => {
+            onSelect == null ? void 0 : onSelect(keys, rows);
+          }
+        } : void 0,
+        columns: finalColumns,
+        dataSource,
+        pagination,
+        error,
+        loading,
+        rowKey,
+        wrapper: wrapperRef,
+        scroll
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(AuxiliaryLine, {
+        ref: auxiliaryLineRef
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.pagination, {
+        current: currentPage,
+        size: currentSize,
+        count: dataSource.length,
+        onChange: onPageChange,
+        onSizeChange
+      })]
+    });
+  }
+  function CreateButton() {
+    const { resource } = core.useResource();
+    const navigation = core.useNavigation();
+    const go = core.useGo();
+    const kit = eagle.useUIKit();
+    const { t } = useTranslation();
+    const onClick = React.useCallback(() => {
+      if (resource == null ? void 0 : resource.name) {
+        go({
+          to: navigation.createUrl(resource.name),
+          options: {
+            keepQuery: true
+          }
+        });
       }
-      return newOne;
-    }
+    }, [resource == null ? void 0 : resource.name]);
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", onClick, children: t("dovetail.create") });
   }
-  class JobModel extends WorkloadModel {
-    constructor(rawYaml) {
-      super(rawYaml);
-      this.rawYaml = rawYaml;
-    }
-    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());
+  const useDeleteManyModal = (resource, ids) => {
+    const { mutate } = core.useDeleteMany();
+    const [visible, setVisible] = React.useState(false);
+    const { t } = useTranslation();
+    const modalProps = {
+      title: t("dovetail.delete"),
+      okText: t("dovetail.delete"),
+      okButtonProps: {
+        danger: true
+      },
+      cancelText: t("dovetail.cancel"),
+      children: t("dovetail.confirm_delete_text", {
+        target: ids,
+        interpolation: { escapeValue: false }
+      }),
+      onOk() {
+        mutate({
+          resource,
+          ids
+        });
+        setVisible(false);
+      },
+      onCancel() {
+        setVisible(false);
       }
-      if (completionTime && startTime) {
-        return getSecondsDiff(startTime, completionTime);
+    };
+    return { modalProps, visible, setVisible };
+  };
+  const DeleteManyButton = (props) => {
+    const { resource } = core.useResource();
+    const kit = eagle.useUIKit();
+    const { t } = useTranslation();
+    const { modalProps, visible, setVisible } = useDeleteManyModal(
+      (resource == null ? void 0 : resource.name) || "",
+      props.ids
+    );
+    const onClick = React.useCallback(() => {
+      setVisible(true);
+    }, [setVisible]);
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t("dovetail.delete") }),
+      visible ? /* @__PURE__ */ jsxRuntime.exports.jsx(kit.modal, { ...modalProps }) : null
+    ] });
+  };
+  const TableToolBar_1a3t35p = "";
+  const ToolbarStyle$1 = "t1v3ienx";
+  const TableToolBar = ({
+    title,
+    selectedKeys,
+    hideCreate
+  }) => {
+    const kit = eagle.useUIKit();
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
+      className: cx_default(ToolbarStyle$1, "table-toolbar"),
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+        className: eagle.Typo.Display.d2_bold_title,
+        children: title
+      }), /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
+        children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntime.exports.jsx(DeleteManyButton, {
+          ids: selectedKeys
+        }) : void 0, !hideCreate ? /* @__PURE__ */ jsxRuntime.exports.jsx(CreateButton, {}) : null]
+      })]
+    });
+  };
+  const index_1hr2h38 = "";
+  function matchOwner(job, owner) {
+    var _a;
+    let match = false;
+    for (const o of ((_a = job.metadata) == null ? void 0 : _a.ownerReferences) || []) {
+      if (o.apiVersion === owner.apiVersion && o.kind === owner.kind && o.name === owner.name && job.namespace === owner.namespace) {
+        match = true;
       }
-      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}`;
     }
+    return match;
   }
-  const UNITS = ["", "K", "M", "G", "T", "P"];
-  const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
-  function formatSi(inValue, options) {
+  const CronjobJobsTable = ({
+    owner
+  }) => {
+    const kit = eagle.useUIKit();
+    const [selectedKeys, setSelectedKeys] = React.useState([]);
+    const [currentPage, setCurrentPage] = React.useState(1);
     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;
-    }
-    inValue = inValue.replace(/,/g, "");
-    let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
-    const val = parseFloat(valStr);
-    if (!unit) {
-      return val;
-    }
-    if (unit.charCodeAt(0) === 181) {
-      unit = "u";
-    }
-    const divide = FRACTIONAL.includes(unit);
-    const multiply = UNITS.includes(unit.toUpperCase());
-    if (increment === null) {
-      if ((multiply || divide) && incStr === "i") {
-        increment = 1024;
-      } else {
-        increment = 1e3;
+      data: data2
+    } = core.useList({
+      resource: "jobs",
+      meta: {
+        resourceBasePath: "/apis/batch/v1",
+        kind: "Job"
       }
+    });
+    const dataSource = React.useMemo(() => {
+      return data2 == null ? void 0 : data2.data.filter((p) => {
+        return owner ? matchOwner(p, owner) : true;
+      });
+    }, [data2 == null ? void 0 : data2.data, owner]);
+    const columns = [PhaseColumnRenderer(), NameColumnRenderer("jobs"), NameSpaceColumnRenderer(), WorkloadImageColumnRenderer(), CompletionsCountColumnRenderer(), DurationColumnRenderer(), AgeColumnRenderer()];
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
+      direction: "vertical",
+      className: "c16agr8o",
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(TableToolBar, {
+        title: "Jobs",
+        selectedKeys,
+        hideCreate: true
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
+        tableKey: "cronjobs",
+        loading: !dataSource,
+        data: dataSource || [],
+        columns,
+        onSelect: (keys) => setSelectedKeys(keys),
+        rowKey: "id",
+        error: false,
+        currentPage,
+        onPageChange: (p) => setCurrentPage(p),
+        currentSize: 10,
+        refetch: () => null
+      })]
+    });
+  };
+  const KeyValue = ({ value }) => {
+    const kit = eagle.useUIKit();
+    if (!value || Object.keys.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx("div", { children: "Empty" });
     }
-    if (divide && allowFractional) {
-      const exp = FRACTIONAL.indexOf(unit);
-      return val / Math.pow(increment, exp);
-    }
-    if (multiply) {
-      const exp = UNITS.indexOf(unit.toUpperCase());
-      return val * Math.pow(increment, exp);
-    }
-    return val;
-  }
-  class PodModel extends WorkloadModel {
-    constructor(rawYaml) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      super(rawYaml);
-      __publicField(this, "request");
-      __publicField(this, "limit");
-      this.rawYaml = rawYaml;
-      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"
-          })
-        }
+    const data2 = Object.keys(value).map((key) => {
+      return {
+        id: key,
+        key,
+        value: value[key]
       };
-    }
-    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 /* @__PURE__ */ jsxRuntime.exports.jsx(
+      kit.table,
+      {
+        loading: false,
+        columns: [
+          {
+            key: "key",
+            title: "Key",
+            dataIndex: ["key"]
+          },
+          {
+            key: "value",
+            title: "Value",
+            dataIndex: ["value"]
+          }
+        ],
+        dataSource: data2
       }
-      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}`;
-    }
-  }
-  class PodMetricsModel extends ResourceModel {
-    constructor(data2) {
-      super(data2);
-      __publicField(this, "usage");
-      this.data = data2;
-      let cpuUsageNum = 0;
-      let memoryUsageNum = 0;
-      for (const container2 of data2.containers) {
-        cpuUsageNum += parseSi(container2.usage.cpu || "0");
-        memoryUsageNum += parseSi(container2.usage.memory || "0");
+    );
+  };
+  function matchSelector$1(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;
       }
-      this.usage = {
-        cpu: {
-          value: cpuUsageNum,
-          si: formatSi(1e3 * cpuUsageNum, {
-            suffix: "m",
-            maxPrecision: 0
-          })
-        },
-        memory: {
-          value: memoryUsageNum,
-          si: formatSi(memoryUsageNum, {
-            suffix: "i",
-            maxPrecision: 0
-          })
-        }
-      };
     }
+    return match;
   }
-  class CronJobModel extends WorkloadModel {
-    constructor(data2) {
-      super(data2);
-      this.data = data2;
-    }
-    suspend() {
-      const newOne = lodashEs.cloneDeep(this.data);
-      if (this.data.kind === "CronJob") {
-        lodashEs.set(newOne, "spec.suspend", true);
+  const WorkloadPodsTable_z2tsj7 = "";
+  const WorkloadPodsTable = ({
+    selector
+  }) => {
+    const kit = eagle.useUIKit();
+    const [selectedKeys, setSelectedKeys] = React.useState([]);
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const {
+      data: data2
+    } = core.useList({
+      resource: "pods",
+      meta: {
+        resourceBasePath: "/api/v1",
+        kind: "Pod"
       }
-      return newOne;
-    }
-    resume() {
-      const newOne = lodashEs.cloneDeep(this.data);
-      if (this.data.kind === "CronJob") {
-        lodashEs.set(newOne, "spec.suspend", false);
+    });
+    const dataSource = React.useMemo(() => {
+      return data2 == null ? void 0 : data2.data.filter((p) => {
+        return selector ? matchSelector$1(p, selector) : true;
+      });
+    }, [data2 == null ? void 0 : data2.data, selector]);
+    const columns = [PhaseColumnRenderer(), NameColumnRenderer("pods"), NodeNameColumnRenderer(), WorkloadImageColumnRenderer(), RestartCountColumnRenderer()];
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
+      direction: "vertical",
+      className: "c1dicff8",
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(TableToolBar, {
+        title: "",
+        selectedKeys,
+        hideCreate: true
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
+        tableKey: "pods",
+        loading: !dataSource,
+        data: dataSource || [],
+        columns,
+        onSelect: (keys) => setSelectedKeys(keys),
+        rowKey: "id",
+        error: false,
+        currentPage,
+        onPageChange: (p) => setCurrentPage(p),
+        currentSize: 10,
+        refetch: () => null
+      })]
+    });
+  };
+  const ImageField = () => {
+    return {
+      key: "Image",
+      title: i18n__default.default.t("dovetail.image"),
+      path: ["imageNames"],
+      render(value) {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value });
       }
-      return newOne;
-    }
-  }
-  function memoize(fn) {
-    var cache = /* @__PURE__ */ Object.create(null);
-    return function(arg) {
-      if (cache[arg] === void 0)
-        cache[arg] = fn(arg);
-      return cache[arg];
     };
-  }
-  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-  var isPropValid = /* @__PURE__ */ memoize(
-    function(prop) {
-      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-    }
-  );
-  var isCapital = (ch) => ch.toUpperCase() === ch;
-  var filterKey = (keys) => (key) => keys.indexOf(key) === -1;
-  var omit = (obj, keys) => {
-    const res = {};
-    Object.keys(obj).filter(filterKey(keys)).forEach((key) => {
-      res[key] = obj[key];
-    });
-    return res;
   };
-  function filterProps(asIs, props, omitKeys) {
-    const filteredProps = omit(props, omitKeys);
-    if (!asIs) {
-      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-      Object.keys(filteredProps).forEach((key) => {
-        if (!interopValidAttr.default(key)) {
-          delete filteredProps[key];
-        }
-      });
-    }
-    return filteredProps;
-  }
-  var warnIfInvalid = (value, componentName) => {
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof value === "string" || typeof value === "number" && isFinite(value)) {
-        return;
+  const ReplicaField = () => {
+    return {
+      key: "Replicas",
+      title: i18n__default.default.t("dovetail.replicas"),
+      path: ["status", "replicas"],
+      render: (_, record) => {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(WorkloadReplicas, { record });
       }
-      const stringified = typeof value === "object" ? JSON.stringify(value) : String(value);
-      console.warn(
-        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-      );
-    }
+    };
   };
-  var idx = 0;
-  function styled(tag) {
-    var _a;
-    let mockedClass = "";
-    if (process.env.NODE_ENV === "test") {
-      mockedClass += `mocked-styled-${idx++}`;
-      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-        mockedClass += ` ${tag.__linaria.className}`;
+  const ConditionsField = () => {
+    return {
+      key: "Conditions",
+      title: i18n__default.default.t("dovetail.condition"),
+      path: ["status", "conditions"],
+      render: (value) => {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(ConditionsTable, { conditions: value });
       }
-    }
-    return (options) => {
-      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-        if (Array.isArray(options)) {
-          throw new Error(
-            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-          );
-        }
-      }
-      const render = (props, ref) => {
-        const { as: component = tag, class: className = mockedClass } = props;
-        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-        const filteredProps = filterProps(shouldKeepProps, props, [
-          "as",
-          "class"
-        ]);
-        filteredProps.ref = ref;
-        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
-        const { vars } = options;
-        if (vars) {
-          const style2 = {};
-          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}`;
+    };
+  };
+  const PodsField = () => {
+    return {
+      key: "pods",
+      title: "Pods",
+      path: [],
+      render: (_, record) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(
+          WorkloadPodsTable,
+          {
+            selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
+              return r.kind === "Pod" && r.type === "creates";
+            })) == null ? void 0 : _b.selector
           }
-          const ownStyle = filteredProps.style || {};
-          const keys = Object.keys(ownStyle);
-          if (keys.length > 0) {
-            keys.forEach((key) => {
-              style2[key] = ownStyle[key];
-            });
+        );
+      }
+    };
+  };
+  const JobsField = () => {
+    return {
+      key: "jobs",
+      title: "Jobs",
+      path: [],
+      render: (_, record) => {
+        var _a, _b, _c;
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(
+          CronjobJobsTable,
+          {
+            owner: {
+              apiVersion: record.apiVersion || "",
+              kind: record.kind || "",
+              name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
+              namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
+              uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
+            }
           }
-          filteredProps.style = style2;
-        }
-        if (tag.__linaria && tag !== component) {
-          filteredProps.as = component;
-          return React__default.default.createElement(tag, filteredProps);
-        }
-        return React__default.default.createElement(component, filteredProps);
-      };
-      const Result = React__default.default.forwardRef ? React__default.default.forwardRef(render) : (props) => {
-        const rest = omit(props, ["innerRef"]);
-        return render(rest, props.innerRef);
-      };
-      Result.displayName = options.name;
-      Result.__linaria = {
-        className: options.class || mockedClass,
-        extends: tag
-      };
-      return Result;
+        );
+      }
     };
-  }
-  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-    get(o, prop) {
-      return o(prop);
-    }
-  }) : styled;
-  const TableWidgets_ny30pi = "";
-  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
-    name: "AuxiliaryLine",
-    class: "ax1qopv",
-    propsAsIs: false
-  });
-  const index_dmbxj3 = "";
-  const TableContainerStyle = "t1upn1sz";
-  function Table(props) {
-    const kit = eagle.useUIKit();
-    const {
-      t
-    } = useTranslation();
-    const {
-      loading,
-      error,
-      dataSource,
-      rowKey,
-      columns,
-      scroll,
-      currentPage,
-      currentSize,
-      refetch,
-      onSelect,
-      onPageChange,
-      onSizeChange
-    } = props;
-    const auxiliaryLineRef = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const pagination = React.useMemo(() => ({
-      current: currentPage,
-      pageSize: currentSize,
-      onChange: onPageChange
-    }), [currentPage, currentSize, onPageChange]);
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.loading, {});
-    } else if (error) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent, {
-        errorText: t("dovetail.retry_when_access_data_failed"),
-        refetch,
-        style: {
-          padding: "15px 0"
-        }
-      });
-    } else if (dataSource.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent, {
-        errorText: t("dovetail.empty"),
-        style: {
-          padding: "15px 0"
+  };
+  const DataField = () => {
+    return {
+      key: "data",
+      title: i18n__default.default.t("dovetail.data"),
+      path: ["data"],
+      render: (val) => {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: val });
+      }
+    };
+  };
+  const SecretDataField = () => {
+    return {
+      key: "data",
+      title: i18n__default.default.t("dovetail.data"),
+      path: ["data"],
+      render: (val) => {
+        const decodeVal = {};
+        for (const key in val) {
+          decodeVal[key] = atob(val[key]);
         }
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-      ref: wrapperRef,
-      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.table, {
-        tableLayout: "fixed",
-        rowSelection: onSelect ? {
-          onChange: (keys, rows) => {
-            onSelect == null ? void 0 : onSelect(keys, rows);
-          }
-        } : void 0,
-        columns,
-        dataSource,
-        pagination,
-        error,
-        loading,
-        rowKey,
-        wrapper: wrapperRef,
-        scroll
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(AuxiliaryLine, {
-        ref: auxiliaryLineRef
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.pagination, {
-        current: currentPage,
-        size: currentSize,
-        count: dataSource.length,
-        onChange: onPageChange,
-        onSizeChange
-      })]
-    });
-  }
-  function CreateButton() {
-    const { resource } = core.useResource();
-    const navigation = core.useNavigation();
-    const go = core.useGo();
-    const kit = eagle.useUIKit();
-    const { t } = useTranslation();
-    const onClick = React.useCallback(() => {
-      if (resource == null ? void 0 : resource.name) {
-        go({
-          to: navigation.createUrl(resource.name),
-          options: {
-            keepQuery: true
-          }
-        });
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: decodeVal });
       }
-    }, [resource == null ? void 0 : resource.name]);
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", onClick, children: t("create") });
-  }
-  const useDeleteManyModal = (resource, ids) => {
-    const { mutate } = core.useDeleteMany();
-    const [visible, setVisible] = React.useState(false);
-    const { t } = useTranslation();
-    const modalProps = {
-      title: t("delete"),
-      okText: t("delete"),
-      okButtonProps: {
-        danger: true
-      },
-      cancelText: t("cancel"),
-      children: t("confirm_delete_text", {
-        target: ids,
-        interpolation: { escapeValue: false }
-      }),
-      onOk() {
-        mutate({
-          resource,
-          ids
-        });
-        setVisible(false);
-      },
-      onCancel() {
-        setVisible(false);
+    };
+  };
+  const StartTimeField = () => {
+    return {
+      key: "started",
+      title: i18n__default.default.t("dovetail.started"),
+      path: ["status", "startTime"],
+      render(value) {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(Time, { date: value });
       }
     };
-    return { modalProps, visible, setVisible };
   };
-  const DeleteManyButton = (props) => {
-    const { resource } = core.useResource();
-    const kit = eagle.useUIKit();
-    const { t } = useTranslation();
-    const { modalProps, visible, setVisible } = useDeleteManyModal(
-      (resource == null ? void 0 : resource.name) || "",
-      props.ids
-    );
-    const onClick = React.useCallback(() => {
-      setVisible(true);
-    }, [setVisible]);
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t("delete") }),
-      visible ? /* @__PURE__ */ jsxRuntime.exports.jsx(kit.modal, { ...modalProps }) : null
-    ] });
+  const ServiceTypeField = () => {
+    return {
+      key: "type",
+      title: i18n__default.default.t("dovetail.type"),
+      path: ["spec", "type"]
+    };
   };
-  const TableToolBar_1a3t35p = "";
-  const ToolbarStyle$1 = "t1v3ienx";
-  const TableToolBar = ({
-    title,
-    selectedKeys,
-    hideCreate
-  }) => {
-    const kit = eagle.useUIKit();
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
-      className: cx_default(ToolbarStyle$1, "table-toolbar"),
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-        className: eagle.Typo.Display.d2_bold_title,
-        children: title
-      }), /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
-        children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntime.exports.jsx(DeleteManyButton, {
-          ids: selectedKeys
-        }) : void 0, !hideCreate ? /* @__PURE__ */ jsxRuntime.exports.jsx(CreateButton, {}) : null]
-      })]
-    });
-  };
-  const index_1hr2h38 = "";
-  function matchOwner(job, owner) {
-    var _a;
-    let match = false;
-    for (const o of ((_a = job.metadata) == null ? void 0 : _a.ownerReferences) || []) {
-      if (o.apiVersion === owner.apiVersion && o.kind === owner.kind && o.name === owner.name && job.namespace === owner.namespace) {
-        match = true;
-      }
-    }
-    return match;
-  }
-  const CronjobJobsTable = ({
-    owner
-  }) => {
-    const kit = eagle.useUIKit();
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const [selectedKeys, setSelectedKeys] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState(1);
-    const {
-      data: data2
-    } = core.useList({
-      resource: "jobs",
-      meta: {
-        resourceBasePath: "/apis/batch/v1",
-        kind: "Job"
-      }
-    });
-    const dataSource = React.useMemo(() => {
-      return data2 == null ? void 0 : data2.data.map((p) => new JobModel(p)).filter((p) => {
-        return owner ? matchOwner(p, owner) : true;
-      });
-    }, [data2 == null ? void 0 : data2.data, owner]);
-    const columns = [PhaseColumnRenderer(i18n2), NameColumnRenderer(i18n2, "jobs"), NameSpaceColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
-      direction: "vertical",
-      className: "c16agr8o",
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(TableToolBar, {
-        title: "Jobs",
-        selectedKeys,
-        hideCreate: true
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
-        loading: !dataSource,
-        dataSource: dataSource || [],
-        columns,
-        onSelect: (keys) => setSelectedKeys(keys),
-        rowKey: "id",
-        error: false,
-        currentPage,
-        onPageChange: (p) => setCurrentPage(p),
-        currentSize: 10,
-        refetch: () => null
-      })]
-    });
-  };
-  const KeyValue = ({ value }) => {
-    const kit = eagle.useUIKit();
-    if (!value || Object.keys.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx("div", { children: "Empty" });
-    }
-    const data2 = Object.keys(value).map((key) => {
-      return {
-        id: key,
-        key,
-        value: value[key]
-      };
-    });
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(
-      kit.table,
-      {
-        loading: false,
-        columns: [
-          {
-            key: "key",
-            title: "Key",
-            dataIndex: ["key"]
-          },
-          {
-            key: "value",
-            title: "Value",
-            dataIndex: ["value"]
-          }
-        ],
-        dataSource: data2
-      }
-    );
-  };
-  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;
-  }
-  const WorkloadPodsTable_z2tsj7 = "";
-  const WorkloadPodsTable = ({
-    selector
-  }) => {
-    const kit = eagle.useUIKit();
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const [selectedKeys, setSelectedKeys] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState(1);
-    const {
-      data: data2
-    } = core.useList({
-      resource: "pods",
-      meta: {
-        resourceBasePath: "/api/v1",
-        kind: "Pod"
-      }
-    });
-    const dataSource = React.useMemo(() => {
-      return data2 == null ? void 0 : data2.data.map((p) => new PodModel(p)).filter((p) => {
-        return selector ? matchSelector(p, selector) : true;
-      });
-    }, [data2 == null ? void 0 : data2.data, selector]);
-    const columns = [PhaseColumnRenderer(i18n2), NameColumnRenderer(i18n2, "pods"), NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2)];
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
-      direction: "vertical",
-      className: "c1dicff8",
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsx(TableToolBar, {
-        title: "",
-        selectedKeys,
-        hideCreate: true
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(Table, {
-        loading: !dataSource,
-        dataSource: dataSource || [],
-        columns,
-        onSelect: (keys) => setSelectedKeys(keys),
-        rowKey: "id",
-        error: false,
-        currentPage,
-        onPageChange: (p) => setCurrentPage(p),
-        currentSize: 10,
-        refetch: () => null
-      })]
-    });
-  };
-  const ImageField = (i18n2) => {
-    return {
-      key: "Image",
-      title: i18n2.t("image"),
-      path: ["imageNames"],
-      render(value) {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value });
-      }
-    };
-  };
-  const ReplicaField = (i18n2) => {
-    return {
-      key: "Replicas",
-      title: i18n2.t("replicas"),
-      path: ["status", "replicas"],
-      render: (_, record) => {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(WorkloadReplicas, { record });
-      }
-    };
-  };
-  const ConditionsField = (i18n2) => {
-    return {
-      key: "Conditions",
-      title: i18n2.t("condition"),
-      path: ["status", "conditions"],
-      render: (value) => {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(ConditionsTable, { conditions: value });
-      }
-    };
-  };
-  const PodsField = (_) => {
-    return {
-      key: "pods",
-      title: "Pods",
-      path: [],
-      render: (_2, record) => {
-        var _a, _b;
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(
-          WorkloadPodsTable,
-          {
-            selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r) => {
-              return r.kind === "Pod" && r.type === "creates";
-            })) == null ? void 0 : _b.selector
-          }
-        );
-      }
-    };
-  };
-  const JobsField = (_) => {
-    return {
-      key: "jobs",
-      title: "Jobs",
-      path: [],
-      render: (_2, record) => {
-        var _a, _b, _c;
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(
-          CronjobJobsTable,
-          {
-            owner: {
-              apiVersion: record.apiVersion || "",
-              kind: record.kind || "",
-              name: ((_a = record.metadata) == null ? void 0 : _a.name) || "",
-              namespace: ((_b = record.metadata) == null ? void 0 : _b.namespace) || "",
-              uid: ((_c = record.metadata) == null ? void 0 : _c.uid) || ""
-            }
-          }
-        );
-      }
-    };
-  };
-  const DataField = (i18n2) => {
-    return {
-      key: "data",
-      title: i18n2.t("data"),
-      path: ["rawYaml", "data"],
-      render: (val) => {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: val });
-      }
-    };
-  };
-  const SecretDataField = (i18n2) => {
-    return {
-      key: "data",
-      title: i18n2.t("data"),
-      path: ["rawYaml", "data"],
-      render: (val) => {
-        const decodeVal = {};
-        for (const key in val) {
-          decodeVal[key] = atob(val[key]);
-        }
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: decodeVal });
-      }
-    };
-  };
-  const StartTimeField = (i18n2) => {
-    return {
-      key: "started",
-      title: i18n2.t("started"),
-      path: ["status", "startTime"],
-      render(value) {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(Time, { date: value });
-      }
-    };
-  };
-  const ServiceTypeField = (i18n2) => {
-    return {
-      key: "type",
-      title: i18n2.t("dovetail.type"),
-      path: ["rawYaml", "spec", "type"]
-    };
-  };
-  const ClusterIpField = (i18n2) => {
+  const ClusterIpField = () => {
     return {
       key: "clusterIp",
-      title: i18n2.t("dovetail.clusterIp"),
-      path: ["rawYaml", "spec", "clusterIP"]
+      title: i18n__default.default.t("dovetail.clusterIp"),
+      path: ["spec", "clusterIP"]
     };
   };
-  const SessionAffinityField = (i18n2) => {
+  const SessionAffinityField = () => {
     return {
       key: "clusterIp",
-      title: i18n2.t("dovetail.sessionAffinity"),
-      path: ["rawYaml", "spec", "sessionAffinity"]
+      title: i18n__default.default.t("dovetail.sessionAffinity"),
+      path: ["spec", "sessionAffinity"]
     };
   };
-  const ServicePodsField = (_) => {
+  const ServicePodsField = () => {
     return {
       key: "pods",
       title: "Pods",
       path: [],
-      render: (_2, record) => {
+      render: (_, record) => {
         var _a, _b;
         return /* @__PURE__ */ jsxRuntime.exports.jsx(
           WorkloadPodsTable,
@@ -9400,87 +9170,65 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: MonacoYamlEditor$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const index_m52iq6 = "";
-  const TagWrapper = "t13a6vox";
-  const TagStyle = "t12ikbmp";
-  const Tags = (props) => {
-    const {
-      value
-    } = props;
-    const kit = eagle.useUIKit();
-    const tags = Object.keys(value).map((key) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.tag, {
-        className: TagStyle,
-        title: `${key}:${value[key]}`,
-        children: [key, ":", value[key]]
-      }, key);
-    });
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.space, {
-      className: TagWrapper,
-      size: 8,
-      children: tags
-    });
-  };
   const EventsTable = ({}) => {
-    eagle.useUIKit();
     const { i18n: i18n2 } = useTranslation();
     const [currentPage, setCurrentPage] = React.useState(1);
-    const parsed = core.useParsed();
     const { data: data2, isLoading } = core.useList({
       resource: "events",
       meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
     });
+    const parsed = core.useParsed();
     const columns = React.useMemo(
       () => [
-        NameSpaceColumnRenderer(i18n2),
+        NameSpaceColumnRenderer(),
         {
           key: "type",
           display: true,
-          dataIndex: ["rawYaml", "type"],
-          title: i18n2.t("type"),
+          dataIndex: ["type"],
+          title: i18n2.t("dovetail.type"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "type"])
+          sorter: CommonSorter(["type"])
         },
         {
           key: "reason",
           display: true,
-          dataIndex: ["rawYaml", "reason"],
-          title: i18n2.t("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"],
-          title: i18n2.t("object"),
+          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"],
-          title: i18n2.t("note"),
+          dataIndex: ["note"],
+          title: i18n2.t("dovetail.note"),
           sortable: true,
-          sorter: CommonSorter(["rawYaml", "note"])
+          sorter: CommonSorter(["note"])
         },
-        AgeColumnRenderer(i18n2)
+        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;
-      }).map((d) => new ResourceModel(d)),
-      [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,
@@ -9491,6 +9239,27 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
+  const index_m52iq6 = "";
+  const TagWrapper = "t13a6vox";
+  const TagStyle = "t12ikbmp";
+  const Tags = (props) => {
+    const {
+      value
+    } = props;
+    const kit = eagle.useUIKit();
+    const tags = Object.keys(value).map((key) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.tag, {
+        className: TagStyle,
+        title: `${key}:${value[key]}`,
+        children: [key, ":", value[key]]
+      }, key);
+    });
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.space, {
+      className: TagWrapper,
+      size: 8,
+      children: tags
+    });
+  };
   const ShowContent_10jwllm = "";
   const TopBarStyle = "t9agep2";
   const ShowContentStyle = "so89gfi";
@@ -9503,6 +9272,9 @@ var __publicField = (obj, key, value) => {
       Dropdown = K8sDropdown
     } = props;
     const kit = eagle.useUIKit();
+    const {
+      globalStore
+    } = useGlobalStore();
     const parsed = core.useParsed();
     const {
       resource
@@ -9525,14 +9297,15 @@ var __publicField = (obj, key, value) => {
     if (!(data2 == null ? void 0 : data2.data)) {
       return null;
     }
-    const record = formatter(data2 == null ? void 0 : data2.data);
+    const model = data2.data;
+    const record = formatter ? formatter(model) : data2 == null ? void 0 : data2.data;
     const FirstLineFields = [{
       key: "NameSpace",
-      title: t("namespace"),
+      title: t("dovetail.namespace"),
       path: ["metadata", "namespace"]
     }, {
       key: "Age",
-      title: t("created_time"),
+      title: t("dovetail.created_time"),
       path: ["metadata", "creationTimestamp"],
       render(value) {
         return /* @__PURE__ */ jsxRuntime.exports.jsx(Time, {
@@ -9542,7 +9315,7 @@ var __publicField = (obj, key, value) => {
     }];
     const SecondLineFields = [{
       key: "Labels",
-      title: t("label"),
+      title: t("dovetail.label"),
       path: ["metadata", "labels"],
       render: (value) => {
         if (!value) {
@@ -9554,7 +9327,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       key: "Annotations",
-      title: t("annotation"),
+      title: t("dovetail.annotation"),
       path: ["metadata", "annotations"],
       render: (value) => {
         if (!value) {
@@ -9603,13 +9376,13 @@ var __publicField = (obj, key, value) => {
           onChange: (e) => setMode(e.target.value),
           children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.radioButton, {
             value: "detail",
-            children: t("detail")
+            children: t("dovetail.detail")
           }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.radioButton, {
             value: "yaml",
             children: "YAML"
           })]
         }), /* @__PURE__ */ jsxRuntime.exports.jsx(Dropdown, {
-          data: record
+          record
         })]
       })]
     });
@@ -9640,7 +9413,7 @@ var __publicField = (obj, key, value) => {
           children: content
         }, field.key);
       }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tabsTabPane, {
-        tab: t("event"),
+        tab: t("dovetail.event"),
         children: /* @__PURE__ */ jsxRuntime.exports.jsx(EventsTable, {})
       }, "event")]
     });
@@ -9650,7 +9423,7 @@ var __publicField = (obj, key, value) => {
       }),
       ["yaml"]: /* @__PURE__ */ jsxRuntime.exports.jsx(MonacoYamlEditor$1, {
         className: EditorStyle$1,
-        defaultValue: yaml__default.default.dump(lodashEs.omit(k8sApiProvider.relationPlugin.restoreItem(data2.data), "id")),
+        defaultValue: yaml__default.default.dump(globalStore == null ? void 0 : globalStore.restoreItem(model)),
         schema: {},
         onEditorCreate: (editor) => {
           fold(editor);
@@ -9704,7 +9477,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "state",
           dataIndex: ["state"],
-          title: i18n2.t("state"),
+          title: i18n2.t("dovetail.state"),
           sortable: true,
           sorter: CommonSorter(["state"]),
           render: (v) => /* @__PURE__ */ jsxRuntime.exports.jsx(StateTag, { state: Object.keys(v)[0] })
@@ -9712,7 +9485,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "ready",
           dataIndex: ["ready"],
-          title: i18n2.t("ready"),
+          title: i18n2.t("dovetail.ready"),
           sortable: true,
           sorter: CommonSorter(["ready"]),
           render: (v) => /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -9725,21 +9498,21 @@ var __publicField = (obj, key, value) => {
         {
           key: "name",
           dataIndex: ["name"],
-          title: i18n2.t("name"),
+          title: i18n2.t("dovetail.name"),
           sortable: true,
           sorter: CommonSorter(["name"])
         },
         {
           key: "image",
           dataIndex: ["image"],
-          title: i18n2.t("image"),
+          title: i18n2.t("dovetail.image"),
           sortable: true,
           sorter: CommonSorter(["image"])
         },
         {
           key: "init",
           dataIndex: [],
-          title: i18n2.t("init_container"),
+          title: i18n2.t("dovetail.init_container"),
           render: (_, record) => {
             const isInit = initContainerStatuses.some(
               (c) => c.containerID === record.containerID
@@ -9753,14 +9526,14 @@ var __publicField = (obj, key, value) => {
         {
           key: "restartCount",
           dataIndex: ["restartCount"],
-          title: i18n2.t("restarts"),
+          title: i18n2.t("dovetail.restarts"),
           sortable: true,
           sorter: CommonSorter(["restartCount"])
         },
         {
           key: "started",
           dataIndex: ["state", "running", "startedAt"],
-          title: i18n2.t("started"),
+          title: i18n2.t("dovetail.started"),
           sortable: true,
           sorter: CommonSorter(["state", "running", "startedAt"]),
           render: (value) => {
@@ -9788,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({
@@ -9810,6 +9583,7 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   }
+  const ComponentContext = React.createContext({});
   const index_3lw8k1 = "";
   const ListPageStyle = "laykzsq";
   const TableStyle = "t1ng0psc";
@@ -9819,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: {
@@ -9835,13 +9613,12 @@ var __publicField = (obj, key, value) => {
   }
   function ResourceList(props) {
     const { formatter, name: name2, columns, Dropdown } = props;
-    const { i18n: i18n2 } = useTranslation();
     const { tableProps, selectedKeys } = useEagleTable({
       useTableParams: {},
       columns: [
-        PhaseColumnRenderer(i18n2),
-        NameColumnRenderer(i18n2),
-        NameSpaceColumnRenderer(i18n2),
+        NameColumnRenderer(),
+        PhaseColumnRenderer(),
+        NameSpaceColumnRenderer(),
         ...columns
       ],
       tableProps: {
@@ -9863,6 +9640,46 @@ var __publicField = (obj, key, value) => {
       }
     );
   }
+  const index_1kmu85y = "";
+  const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
+    name: "ErrorWrapper",
+    class: "egn3dbn",
+    propsAsIs: false
+  });
+  const ErrorContent = /* @__PURE__ */ styled_default("div")({
+    name: "ErrorContent",
+    class: "e136jgy8",
+    propsAsIs: false
+  });
+  const WidgetErrorContent = (props) => {
+    const {
+      refetch,
+      errorText,
+      hiddenRetry
+    } = props;
+    const kit = React.useContext(eagle.kitContext);
+    const {
+      t
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(ErrorWrapper, {
+      className: props.className,
+      style: props.style,
+      children: /* @__PURE__ */ jsxRuntime.exports.jsxs(ErrorContent, {
+        children: [/* @__PURE__ */ jsxRuntime.exports.jsx("p", {
+          className: cx_default(eagle.Typo.Label.l1_regular_title, "title"),
+          children: errorText || t("dovetail.obtain_data_error")
+        }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
+          size: "small",
+          type: "ordinary",
+          onClick: (e) => {
+            e.stopPropagation();
+            refetch == null ? void 0 : refetch();
+          },
+          children: t("dovetail.retry")
+        })]
+      })
+    });
+  };
   const index_12sfrn = "";
   const Style = "s1bsn3us";
   const Separator = () => {
@@ -9904,8 +9721,8 @@ var __publicField = (obj, key, value) => {
             (_b = (_a = editorInstance.current) == null ? void 0 : _a.getModel()) == null ? void 0 : _b.setValue(value2);
           },
           getEditorValue: () => {
-            var _a;
-            return ((_a = editorInstance.current) == null ? void 0 : _a.getValue()) || "";
+            var _a, _b;
+            return (_b = (_a = editorInstance.current) == null ? void 0 : _a.getValue()) != null ? _b : "";
           },
           getEditorInstance: () => editorInstance.current || null
         };
@@ -10121,6 +9938,172 @@ var __publicField = (obj, key, value) => {
     document.execCommand("copy");
     document.body.removeChild(input);
   }
+  const BASE_INIT_VALUE = {
+    metadata: {
+      name: "",
+      namespace: "default",
+      annotations: {},
+      labels: {}
+    }
+  };
+  const DEFAULT_MATCH_LABEL = "sks.user.kubesmart.smtx.io/app";
+  const BASE_CONTAINER_INIT_VALUE = {
+    name: "container-0",
+    imagePullPolicy: "Always",
+    image: ""
+  };
+  const BASE_WORKLOAD_SPEC_INIT_VALUE = {
+    affinity: {},
+    imagePullSecrets: [],
+    initContainers: [],
+    volumes: []
+  };
+  const DEPLOYMENT_INIT_VALUE = {
+    apiVersion: "apps/v1",
+    kind: "Deployment",
+    ...BASE_INIT_VALUE,
+    spec: {
+      replicas: 1,
+      selector: {
+        matchLabels: {
+          [DEFAULT_MATCH_LABEL]: ""
+        }
+      },
+      template: {
+        metadata: {
+          labels: {
+            [DEFAULT_MATCH_LABEL]: ""
+          }
+        },
+        spec: {
+          containers: [BASE_CONTAINER_INIT_VALUE],
+          restartPolicy: "Always",
+          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+        }
+      }
+    }
+  };
+  const CRONJOB_INIT_VALUE = {
+    apiVersion: "batch/v1",
+    kind: "CronJob",
+    ...BASE_INIT_VALUE,
+    spec: {
+      schedule: "",
+      jobTemplate: {
+        metadata: {
+          labels: {}
+        },
+        spec: {
+          template: {
+            spec: {
+              containers: [BASE_CONTAINER_INIT_VALUE],
+              restartPolicy: "Never",
+              ...BASE_WORKLOAD_SPEC_INIT_VALUE
+            }
+          }
+        }
+      }
+    }
+  };
+  const DAEMONSET_INIT_VALUE = {
+    apiVersion: "apps/v1",
+    kind: "DaemonSet",
+    ...BASE_INIT_VALUE,
+    spec: {
+      replicas: 1,
+      selector: {
+        matchLabels: {
+          [DEFAULT_MATCH_LABEL]: ""
+        }
+      },
+      template: {
+        metadata: {
+          labels: {
+            [DEFAULT_MATCH_LABEL]: ""
+          }
+        },
+        spec: {
+          containers: [BASE_CONTAINER_INIT_VALUE],
+          restartPolicy: "Always",
+          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+        }
+      }
+    }
+  };
+  const JOB_INIT_VALUE = {
+    apiVersion: "batch/v1",
+    kind: "Job",
+    ...BASE_INIT_VALUE,
+    spec: {
+      replicas: 1,
+      selector: {
+        matchLabels: {}
+      },
+      template: {
+        metadata: {
+          labels: {}
+        },
+        spec: {
+          containers: [BASE_CONTAINER_INIT_VALUE],
+          restartPolicy: "Never",
+          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+        }
+      }
+    }
+  };
+  const STATEFULSET_INIT_VALUE = {
+    apiVersion: "apps/v1",
+    kind: "StatefulSet",
+    ...BASE_INIT_VALUE,
+    spec: {
+      replicas: 1,
+      selector: {
+        matchLabels: {
+          [DEFAULT_MATCH_LABEL]: ""
+        }
+      },
+      template: {
+        metadata: {
+          labels: {
+            [DEFAULT_MATCH_LABEL]: ""
+          }
+        },
+        spec: {
+          containers: [BASE_CONTAINER_INIT_VALUE],
+          restartPolicy: "Always",
+          ...BASE_WORKLOAD_SPEC_INIT_VALUE
+        }
+      }
+    }
+  };
+  const POD_INIT_VALUE = {
+    apiVersion: "v1",
+    kind: "Pod",
+    ...BASE_INIT_VALUE,
+    spec: {
+      containers: [BASE_CONTAINER_INIT_VALUE]
+    }
+  };
+  const SERVICE_INIT_VALUE = {
+    "apiVersion": "v1",
+    "kind": "Service",
+    ...BASE_INIT_VALUE,
+    "spec": {
+      "selector": {},
+      "clusterIP": null,
+      "ports": [
+        {
+          "name": "",
+          "port": null,
+          "protocol": "TCP",
+          "targetPort": null
+        }
+      ],
+      "sessionAffinity": "None",
+      "type": "ClusterIP"
+    }
+  };
+  const TIMESTAMP_LABEL = "sks.user.kubesmart.smtx.io/timestamp";
   function getCommonErrors(response, i18n2) {
     var _a;
     if (!((response == null ? void 0 : response.message) || (response == null ? void 0 : response.code) || (response == null ? void 0 : response.reason) || (response == null ? void 0 : response.details) || (response == null ? void 0 : response.graphQLErrors))) {
@@ -10168,60 +10151,89 @@ var __publicField = (obj, key, value) => {
       )
     ];
   }
-  const index_1tozzph = "";
-  const EditorStyle = "e5ks0bl";
+  const index_1mpguu8 = "";
+  const FormStyle = "f5ks0bl";
+  const EditorStyle = "e1tqaxpu";
+  var SchemaStrategy = /* @__PURE__ */ ((SchemaStrategy2) => {
+    SchemaStrategy2["Required"] = "Required";
+    SchemaStrategy2["Optional"] = "Optional";
+    SchemaStrategy2["None"] = "None";
+    return SchemaStrategy2;
+  })(SchemaStrategy || {});
   function YamlForm(props) {
     var _a, _b;
+    const {
+      schemaStrategy = "Optional"
+    } = props;
     const {
       formProps,
       saveButtonProps,
       editorProps,
       errorResponseBody,
-      mutationResult
-    } = useEagleForm();
+      mutationResult,
+      isLoadingSchema,
+      fetchSchema
+    } = useEagleForm({
+      editorOptions: {
+        isSkipSchema: schemaStrategy === "None"
+      },
+      liveMode: "off"
+    });
     const kit = eagle.useUIKit();
     const {
       t,
       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,
         initialValues: (_b = (_a = formProps.initialValues) != null ? _a : props.initialValues) != null ? _b : BASE_INIT_VALUE,
         layout: "horizontal",
-        children: editorProps.schema ? /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, {
-            style: {
-              flex: 1
-            },
-            children: /* @__PURE__ */ jsxRuntime.exports.jsx(YamlEditorComponent, {
-              ...editorProps,
-              className: EditorStyle,
-              schema: editorProps.schema,
-              collapsable: false
-            })
-          }), /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.form.Item, {
-            children: [mutationResult.error && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.alert, {
-              message: errorResponseBody ? /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
-                children: responseErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.exports.jsxs("li", {
-                  children: [responseErrors.length > 1 ? index + 1 + ". " : "", error]
-                }, error))
-              }) : mutationResult.error.message,
-              type: "error",
-              style: {
-                marginTop: 16
-              }
-            }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
-              ...saveButtonProps,
-              type: "primary",
+        className: FormStyle,
+        children: (() => {
+          if (isLoadingSchema) {
+            return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.loading, {});
+          }
+          return editorProps.schema || schemaStrategy !== "Required" ? /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
+            children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, {
               style: {
-                marginTop: 16
+                flex: 1
               },
-              children: t("save")
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(YamlEditorComponent, {
+                ...editorProps,
+                className: EditorStyle,
+                schema,
+                collapsable: false
+              })
+            }), /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.form.Item, {
+              children: [mutationResult.error && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.alert, {
+                message: errorResponseBody ? /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
+                  children: responseErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.exports.jsxs("li", {
+                    children: [responseErrors.length > 1 ? index + 1 + ". " : "", error]
+                  }, error))
+                }) : mutationResult.error.message,
+                type: "error",
+                style: {
+                  marginTop: 16
+                }
+              }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
+                ...saveButtonProps,
+                type: "primary",
+                style: {
+                  marginTop: 16
+                },
+                children: t("dovetail.save")
+              })]
             })]
-          })]
-        }) : /* @__PURE__ */ jsxRuntime.exports.jsx(kit.loading, {})
+          }) : /* @__PURE__ */ jsxRuntime.exports.jsx(WidgetErrorContent, {
+            errorText: t("dovetail.fetch_schema_fail"),
+            refetch: fetchSchema
+          });
+        })()
       })
     });
   }
@@ -10241,25 +10253,23 @@ 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;
-      const formatter = config.formatter || ((v) => new ResourceModel(v));
       return /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.default.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}`, exact: true, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
           ResourceList,
           {
             name: config.kind,
-            formatter,
-            columns: ((_a = config.columns) == null ? void 0 : _a.call(config, i18n2)) || [],
+            formatter: config.formatter,
+            columns: ((_a = config.columns) == null ? void 0 : _a.call(config)) || [],
             Dropdown: config.Dropdown
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/show`, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
           ResourceShow,
           {
-            formatter,
-            filedGroups: ((_b = config.showFields) == null ? void 0 : _b.call(config, i18n2)) || [],
+            formatter: config.formatter,
+            filedGroups: ((_b = config.showFields) == null ? void 0 : _b.call(config)) || [],
             Dropdown: config.Dropdown
           }
         ) }),
@@ -10269,19 +10279,19 @@ var __publicField = (obj, key, value) => {
     }) });
   };
   function CronJobDropdown(props) {
-    var _a;
-    const { data: data2 } = props;
+    const { record } = props;
+    const { spec } = record;
     const kit = eagle.useUIKit();
     const { resource } = core.useResource();
     const { mutate } = core.useUpdate();
     const { t } = useTranslation();
-    const suspended = Boolean((_a = data2.spec) == null ? void 0 : _a.suspend);
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(K8sDropdown, { data: data2, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+    const suspended = Boolean(spec == null ? void 0 : spec.suspend);
+    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 = v.id;
+          const v = suspended ? record.resume() : record.suspend();
+          const id = record.id;
           pruneBeforeEdit(v);
           mutate({
             id,
@@ -10293,35 +10303,104 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   }
-  const index_1wzdp7m = "";
-  const WrapperStyle = "wfg6u6g";
-  const InnerBar = ({
-    usage,
-    requestNum,
-    limitNum
-  }) => {
-    const usageNum = parseSi(usage);
-    const totalNum = limitNum || requestNum / 0.8;
-    const requestPercent = 100 * requestNum / totalNum;
-    const usageInRequestPercent = 100 * Math.min(usageNum / requestNum, 1);
-    const usageInRequestToLimitPercent = 100 * Math.min(Math.max(usageNum - requestNum, 0) / (totalNum - requestNum), 1);
-    const noLimit = limitNum === 0;
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-      className: "usage-bar",
-      style: {
-        marginLeft: 4
-      },
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-        className: "request-anchor",
-        style: {
-          left: `${requestPercent}%`
-        }
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-        className: "request-bar",
-        style: {
-          width: `${requestPercent}%`
-        },
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+  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;
+    }
+    inValue = inValue.replace(/,/g, "");
+    let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
+    const val = parseFloat(valStr);
+    if (!unit) {
+      return val;
+    }
+    if (unit.charCodeAt(0) === 181) {
+      unit = "u";
+    }
+    const divide = FRACTIONAL.includes(unit);
+    const multiply = UNITS.includes(unit.toUpperCase());
+    if (increment === null) {
+      if ((multiply || divide) && incStr === "i") {
+        increment = 1024;
+      } else {
+        increment = 1e3;
+      }
+    }
+    if (divide && allowFractional) {
+      const exp = FRACTIONAL.indexOf(unit);
+      return val / Math.pow(increment, exp);
+    }
+    if (multiply) {
+      const exp = UNITS.indexOf(unit.toUpperCase());
+      return val * Math.pow(increment, exp);
+    }
+    return val;
+  }
+  const index_1wzdp7m = "";
+  const WrapperStyle = "wfg6u6g";
+  const InnerBar = ({
+    usage,
+    requestNum,
+    limitNum
+  }) => {
+    const usageNum = parseSi(usage);
+    const totalNum = limitNum || requestNum / 0.8;
+    const requestPercent = 100 * requestNum / totalNum;
+    const usageInRequestPercent = 100 * Math.min(usageNum / requestNum, 1);
+    const usageInRequestToLimitPercent = 100 * Math.min(Math.max(usageNum - requestNum, 0) / (totalNum - requestNum), 1);
+    const noLimit = limitNum === 0;
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+      className: "usage-bar",
+      style: {
+        marginLeft: 4
+      },
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+        className: "request-anchor",
+        style: {
+          left: `${requestPercent}%`
+        }
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+        className: "request-bar",
+        style: {
+          width: `${requestPercent}%`
+        },
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
           className: "usage-fill-bar",
           style: {
             width: `${usageInRequestPercent}%`
@@ -10365,7 +10444,7 @@ var __publicField = (obj, key, value) => {
       (resource == null ? void 0 : resource.name) || ""
     );
     return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t("delete") }),
+      /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t("dovetail.delete") }),
       visible ? /* @__PURE__ */ jsxRuntime.exports.jsx(kit.modal, { ...modalProps }) : null
     ] });
   };
@@ -10446,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",
@@ -14836,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;
@@ -14880,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()) } })
     );
@@ -15008,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) => {
@@ -15137,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();
@@ -15160,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,
@@ -15977,7 +16056,7 @@ var __publicField = (obj, key, value) => {
     var _a, _b, _c, _d, _e;
     const kit = eagle.useUIKit();
     const [selectedContainer, setSelectedContainer] = React.useState(((_b = (_a = pod.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
-    const [follow, setFollow] = React.useState(true);
+    const follow = true;
     const [logs, setLogs] = React.useState([]);
     const [currentItemCount, setCurrentItemCount] = React.useState(0);
     const [paused, setPaused] = React.useState(false);
@@ -16025,7 +16104,7 @@ var __publicField = (obj, key, value) => {
         signal
       } = abortControllerRef.current;
       let url = `${apiUrl}/api/v1/namespaces/${(_a2 = pod.metadata) == null ? void 0 : _a2.namespace}/pods/${(_b2 = pod.metadata) == null ? void 0 : _b2.name}/log?container=${selectedContainer}&tailLines=100&timestamps=true`;
-      if (follow) {
+      {
         url += "&follow=true";
       }
       fetch(url, {
@@ -16050,270 +16129,529 @@ var __publicField = (obj, key, value) => {
           if (lastIndex === -1) {
             buffer += chunk;
           }
-          const total = buffer + chunk.slice(0, lastIndex);
-          buffer = chunk.slice(lastIndex + 1);
-          const formattedLogs = total.split("\n").filter(Boolean).map((line) => {
-            const [timestamps, ...content] = line.split(" ");
-            const t2 = new Date(timestamps).toLocaleString();
-            if (t2 === "Invalid Date") {
-              return line;
-            }
-            return `${t2} ${content.join(" ")}`;
-          }).join("\n");
-          setLogs((prevLogs) => prevLogs.concat(formattedLogs.split("\n")));
-          reader.read().then(processChunk);
-        };
-        reader.read().then(processChunk);
+          const total = buffer + chunk.slice(0, lastIndex);
+          buffer = chunk.slice(lastIndex + 1);
+          const formattedLogs = total.split("\n").filter(Boolean).map((line) => {
+            const [timestamps, ...content] = line.split(" ");
+            const t2 = new Date(timestamps).toLocaleString();
+            if (t2 === "Invalid Date") {
+              return line;
+            }
+            return `${t2} ${content.join(" ")}`;
+          }).join("\n");
+          setLogs((prevLogs) => prevLogs.concat(formattedLogs.split("\n")));
+          reader.read().then(processChunk);
+        };
+        reader.read().then(processChunk);
+      });
+    }, [follow, (_c = pod.metadata) == null ? void 0 : _c.namespace, (_d = pod.metadata) == null ? void 0 : _d.name, selectedContainer]);
+    const stopFetchingLogs = React.useCallback(() => {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = null;
+      }
+    }, []);
+    React.useEffect(() => {
+      fetchLogs();
+      return () => {
+        stopFetchingLogs();
+      };
+    }, [fetchLogs, stopFetchingLogs]);
+    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+        className: ToolbarStyle,
+        children: [/* @__PURE__ */ jsxRuntime.exports.jsxs(kit.select, {
+          input: {
+            onChange: (newValue) => {
+              stopFetchingLogs();
+              setSelectedContainer(newValue);
+              setLogs([]);
+              setPaused(false);
+              setLinesBehind(0);
+            },
+            value: selectedContainer
+          },
+          children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, {
+            value: "",
+            disabled: true,
+            children: t("dovetail.select_container")
+          }), (((_e = pod.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, {
+            value: container2.name,
+            children: container2.name
+          }, container2.name))]
+        }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.checkbox, {
+          checked: wrap2,
+          onChange: (e) => setWrap(e.target.checked),
+          children: t("dovetail.wrap")
+        }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
+          onClick: () => setPaused((prev) => !prev),
+          prefixIcon: paused ? /* @__PURE__ */ jsxRuntime.exports.jsx(iconsReact.Resume24Icon, {}) : /* @__PURE__ */ jsxRuntime.exports.jsx(iconsReact.SuspendedPause24GradientOrangeIcon, {}),
+          children: paused ? t("dovetail.resume_log") : t("dovetail.suspend")
+        })]
+      }), /* @__PURE__ */ jsxRuntime.exports.jsx(LogViewer, {
+        innerRef: logViewerRef,
+        hasLineNumbers: true,
+        height: 300,
+        data: logs,
+        theme: "light",
+        isTextWrapped: wrap2,
+        footer: paused && /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.button, {
+          type: "primary",
+          style: {
+            borderRadius: 0
+          },
+          onClick: () => setPaused(false),
+          children: [t("dovetail.resume_log"), linesBehind === 0 ? null : t("dovetail.log_new_lines", {
+            count: linesBehind
+          })]
+        }),
+        onScroll
+      })]
+    });
+  };
+  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
       });
-    }, [follow, (_c = pod.metadata) == null ? void 0 : _c.namespace, (_d = pod.metadata) == null ? void 0 : _d.name, selectedContainer]);
-    const stopFetchingLogs = React.useCallback(() => {
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-        abortControllerRef.current = null;
+      return item;
+    }
+    appendRelation(item, relation) {
+      const metadata = item.metadata;
+      if (!metadata.relations) {
+        metadata.relations = [];
       }
-    }, []);
-    React.useEffect(() => {
-      fetchLogs();
-      return () => {
-        stopFetchingLogs();
-      };
-    }, [fetchLogs, stopFetchingLogs]);
-    return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-      children: [/* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-        className: ToolbarStyle,
-        children: [/* @__PURE__ */ jsxRuntime.exports.jsxs(kit.select, {
-          input: {
-            onChange: (newValue) => {
-              stopFetchingLogs();
-              setSelectedContainer(newValue);
-              setLogs([]);
-              setPaused(false);
-              setLinesBehind(0);
-            },
-            value: selectedContainer
-          },
-          children: [/* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, {
-            value: "",
-            disabled: true,
-            children: t("select_container")
-          }), (((_e = pod.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, {
-            value: container2.name,
-            children: container2.name
-          }, container2.name))]
-        }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.checkbox, {
-          checked: wrap2,
-          onChange: (e) => setWrap(e.target.checked),
-          children: t("wrap")
-        }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
-          onClick: () => setPaused((prev) => !prev),
-          prefixIcon: paused ? /* @__PURE__ */ jsxRuntime.exports.jsx(iconsReact.Resume24Icon, {}) : /* @__PURE__ */ jsxRuntime.exports.jsx(iconsReact.SuspendedPause24GradientOrangeIcon, {}),
-          children: paused ? t("resume_log") : t("suspend")
-        })]
-      }), /* @__PURE__ */ jsxRuntime.exports.jsx(LogViewer, {
-        innerRef: logViewerRef,
-        hasLineNumbers: true,
-        height: 300,
-        data: logs,
-        theme: "light",
-        isTextWrapped: wrap2,
-        footer: paused && /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.button, {
-          type: "primary",
-          style: {
-            borderRadius: 0
-          },
-          onClick: () => setPaused(false),
-          children: [t("resume_log"), linesBehind === 0 ? null : t("log_new_lines", {
-            count: linesBehind
-          })]
-        }),
-        onScroll
-      })]
-    });
-  };
-  const copy$1 = "Copy";
-  const reset_arguments$1 = "Reset";
-  const view_changes$1 = "Show Diff";
-  const back_to_edit$1 = "Edit";
-  const configure_file$1 = "Configuration";
-  const yaml_format_wrong$1 = "Configuration is in an invalid YAML format.";
-  const yaml_value_wrong$1 = "Configuration has invalid values.";
-  const edit_yaml$1 = "Edit YAML";
-  const copied$1 = "Copied";
-  const already_reset$1 = "Already reset";
-  const dovetail$1 = {
-    copy: copy$1,
-    reset_arguments: reset_arguments$1,
-    view_changes: view_changes$1,
-    back_to_edit: back_to_edit$1,
-    configure_file: configure_file$1,
-    yaml_format_wrong: yaml_format_wrong$1,
-    yaml_value_wrong: yaml_value_wrong$1,
-    edit_yaml: edit_yaml$1,
-    copied: copied$1,
-    already_reset: already_reset$1
-  };
-  const EN = {
-    dovetail: dovetail$1
-  };
-  const copy = "\u590D\u5236";
-  const reset_arguments = "\u91CD\u7F6E";
-  const view_changes = "\u67E5\u770B\u6539\u52A8";
-  const back_to_edit = "\u7F16\u8F91";
-  const configure_file = "\u914D\u7F6E\u5185\u5BB9";
-  const yaml_format_wrong = "\u914D\u7F6E\u5185\u5BB9\u4E0D\u662F\u6709\u6548\u7684 yaml \u683C\u5F0F\u3002";
-  const yaml_value_wrong = "\u914D\u7F6E\u5185\u5BB9\u4E2D\u5B58\u5728\u4E0D\u5408\u6CD5\u7684\u503C\u3002";
-  const edit_yaml = "\u7F16\u8F91 YAML";
-  const copied = "\u5DF2\u590D\u5236";
-  const already_reset = "\u5DF2\u91CD\u7F6E";
-  const cancel = "\u53D6\u6D88";
-  const create = "\u521B\u5EFA";
-  const confirm_delete_text = "\u786E\u5B9A\u8981\u5220\u9664 {{target}} \u5417\uFF1F";
-  const edit = "\u7F16\u8F91";
-  const namespace = "\u540D\u5B57\u7A7A\u95F4";
-  const name = "\u540D\u5B57";
-  const state = "\u72B6\u6001";
-  const status = "\u72B6\u6001";
-  const phase = "\u72B6\u6001";
-  const image = "\u955C\u50CF";
-  const replicas = "\u526F\u672C\u6570";
-  const created_time = "\u521B\u5EFA\u65F6\u95F4";
-  const label = "\u6807\u7B7E";
-  const annotation = "\u6CE8\u91CA";
-  const type = "\u7C7B\u578B";
-  const event = "\u4E8B\u4EF6";
-  const reason = "\u539F\u56E0";
-  const object = "\u5BF9\u8C61";
-  const note = "\u4E8B\u4EF6\u4FE1\u606F";
-  const condition = "Condition";
-  const download_yaml = "\u4E0B\u8F7D YAML";
-  const detail = "\u8BE6\u60C5";
-  const node_name = "\u4E3B\u673A\u540D\u79F0";
-  const restarts = "\u91CD\u542F\u6B21\u6570";
-  const updated_time = "\u66F4\u65B0\u65F6\u95F4";
-  const message = "\u6D88\u606F";
-  const save = "\u4FDD\u5B58";
-  const more = "\u66F4\u591A";
-  const workload = "\u5DE5\u4F5C\u8D1F\u8F7D";
-  const all_namespaces = "\u6240\u6709\u540D\u5B57\u7A7A\u95F4";
-  const empty = "\u65E0\u53EF\u663E\u793A\u7684\u6570\u636E";
-  const schedule = "\u8C03\u5EA6";
-  const lastScheduleTime = "\u4E0A\u6B21\u8C03\u5EA6";
-  const duration = "\u6301\u7EED\u65F6\u95F4";
-  const completions = "\u5B8C\u6210 Job \u5386\u53F2\u6570";
-  const started = "\u5F00\u59CB\u65F6\u95F4";
-  const ready = "\u5C31\u7EEA";
-  const init_container = "\u521D\u59CB\u5316\u5BB9\u5668";
-  const container = "\u5BB9\u5668";
-  const redeploy = "\u91CD\u65B0\u90E8\u7F72";
-  const data = "\u6570\u636E";
-  const suspend = "\u6682\u505C";
-  const resume = "\u91CD\u65B0\u5F00\u59CB";
-  const cluster = "\u96C6\u7FA4";
-  const storage = "\u5B58\u50A8";
-  const network = "\u7F51\u7EDC";
-  const clusterIp = "\u96C6\u7FA4 IP";
-  const sessionAffinity = "\u4F1A\u8BDD\u4FDD\u6301";
-  const log = "\u65E5\u5FD7";
-  const select_container = "\u9009\u62E9\u5BB9\u5668";
-  const wrap = "\u6298\u53E0";
-  const resume_log = "\u7EE7\u7EED";
-  const log_new_lines = "\uFF0C\u5E76\u5C55\u793A {{ count }} \u884C\u65B0\u65E5\u5FD7";
-  const dovetail = {
-    copy,
-    reset_arguments,
-    view_changes,
-    back_to_edit,
-    configure_file,
-    yaml_format_wrong,
-    yaml_value_wrong,
-    edit_yaml,
-    copied,
-    already_reset,
-    cancel,
-    "delete": "\u5220\u9664",
-    create,
-    confirm_delete_text,
-    edit,
-    namespace,
-    name,
-    state,
-    status,
-    phase,
-    image,
-    replicas,
-    created_time,
-    label,
-    annotation,
-    type,
-    event,
-    reason,
-    object,
-    note,
-    condition,
-    download_yaml,
-    detail,
-    node_name,
-    restarts,
-    updated_time,
-    message,
-    save,
-    more,
-    workload,
-    all_namespaces,
-    empty,
-    schedule,
-    lastScheduleTime,
-    duration,
-    completions,
-    started,
-    ready,
-    init_container,
-    container,
-    redeploy,
-    data,
-    suspend,
-    resume,
-    cluster,
-    storage,
-    network,
-    clusterIp,
-    sessionAffinity,
-    log,
-    select_container,
-    wrap,
-    resume_log,
-    log_new_lines
-  };
-  const ZH = {
-    dovetail
-  };
-  const resources = {
-    "en-US": EN,
-    "zh-CN": ZH
-  };
-  i18n__default.default.use(initReactI18next).init({
-    supportedLngs: ["en-US", "zh-CN"],
-    resources,
-    ns: Object.keys(resources["zh-CN"]),
-    defaultNS: "dovetail",
-    fallbackLng: ["en-US", "zh-CN"],
-    lng: "zh-CN",
-    nsSeparator: "."
-  });
+      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 = "",
-      useHashUrl,
-      Layout: Layout2,
-      history,
-      globalStoreParams
-    } = props;
+    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStoreParams } = props;
     const globalStore = React.useMemo(() => {
-      return new k8sApiProvider.GlobalStore(globalStoreParams);
+      return new k8sApiProvider.GlobalStore(globalStoreParams, ProviderPlugins);
     }, [globalStoreParams]);
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c) => !c.isCustom);
@@ -16328,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: {
@@ -16357,7 +16695,7 @@ var __publicField = (obj, key, value) => {
         }),
         children: content
       }
-    ) });
+    ) }) });
   };
   var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
     RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
@@ -16415,6 +16753,7 @@ 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;
@@ -16430,6 +16769,7 @@ 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;
@@ -16466,7 +16806,9 @@ var __publicField = (obj, key, value) => {
   exports2.ResourceShow = ResourceShow;
   exports2.ResourceUsageBar = ResourceUsageBar;
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
+  exports2.SERVICE_INIT_VALUE = SERVICE_INIT_VALUE;
   exports2.STATEFULSET_INIT_VALUE = STATEFULSET_INIT_VALUE;
+  exports2.SchemaStrategy = SchemaStrategy;
   exports2.SecretDataField = SecretDataField;
   exports2.Separator = Separator;
   exports2.ServicePodsField = ServicePodsField;
@@ -16478,11 +16820,13 @@ 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;
   exports2.YamlEditorComponent = YamlEditorComponent;
   exports2.dnsSubDomainRules = dnsSubDomainRules;
   exports2.namespaceRules = namespaceRules;
@@ -16493,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" } });