@dovetail-v2/refine 0.0.14 → 0.0.16

package/dist/{index.8d29d388.js → index.8dfa48ab.js}

@@ -10,15 +10,15 @@ import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
 import { useUIKit, Typo, Icon, kitContext } from "@cloudtower/eagle";
 import yaml from "js-yaml";
-import { relationPlugin, GlobalStore, dataProvider, liveProvider } from "k8s-api-provider";
-import { isObject, get, merge, cloneDeep, set, omit as omit$1 } from "lodash-es";
+import { isObject, get, merge } from "lodash-es";
 import { useForm } from "sunflower-antd";
-import { EditPen16PrimaryIcon, TrashBinDelete16Icon, Download16GradientBlueIcon, MoreEllipsis316BoldBlueIcon, SettingsGear16GradientGrayIcon, CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, DynamicResourceSchedule16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, VmResume16Icon, SuspendedPause16GradientGrayIcon, Resume24Icon, SuspendedPause24GradientOrangeIcon } from "@cloudtower/icons-react";
+import i18n from "i18next";
+import { EditPen16PrimaryIcon, TrashBinDelete16Icon, Download16GradientBlueIcon, MoreEllipsis316BoldBlueIcon, CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, DynamicResourceSchedule16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, VmResume16Icon, SuspendedPause16GradientGrayIcon, Resume24Icon, SuspendedPause24GradientOrangeIcon } from "@cloudtower/icons-react";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
 import ReactDOM from "react-dom";
 import { Drawer } from "antd";
-import i18n from "i18next";
+import { GlobalStore, dataProvider, liveProvider } from "k8s-api-provider";
 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;
@@ -1056,7 +1056,7 @@ function useTranslation(ns) {
   });
 }
 function useK8sYamlEditor() {
-  function foldSymbol(editor, symbol) {
+  const foldSymbol = useCallback(function(editor, symbol) {
     const model = editor.getModel();
     const matchs = (model == null ? void 0 : model.findMatches(
       symbol,
@@ -1078,8 +1078,8 @@ function useK8sYamlEditor() {
         reject(e);
       }
     });
-  }
-  async function fold(editor) {
+  }, []);
+  const fold = useCallback(async function(editor) {
     await editor.getAction("editor.unfoldAll").run();
     const symbols = [
       "  annotations:",
@@ -1091,7 +1091,7 @@ function useK8sYamlEditor() {
       await foldSymbol(editor, symbol);
     }
     editor.setScrollPosition({ scrollTop: 0 });
-  }
+  }, [foldSymbol]);
   return {
     fold
   };
@@ -1738,16 +1738,16 @@ var lodash = { exports: {} };
       }
       return result;
     }
-    function setToArray(set2) {
-      var index = -1, result = Array(set2.size);
-      set2.forEach(function(value) {
+    function setToArray(set) {
+      var index = -1, result = Array(set.size);
+      set.forEach(function(value) {
         result[++index] = value;
       });
       return result;
     }
-    function setToPairs(set2) {
-      var index = -1, result = Array(set2.size);
-      set2.forEach(function(value) {
+    function setToPairs(set) {
+      var index = -1, result = Array(set.size);
+      set.forEach(function(value) {
         result[++index] = [value, value];
       });
       return result;
@@ -2964,9 +2964,9 @@ var lodash = { exports: {} };
           isCommon = false;
           includes2 = arrayIncludesWith;
         } else if (length >= LARGE_ARRAY_SIZE) {
-          var set3 = iteratee2 ? null : createSet(array);
-          if (set3) {
-            return setToArray(set3);
+          var set2 = iteratee2 ? null : createSet(array);
+          if (set2) {
+            return setToArray(set2);
           }
           isCommon = false;
           includes2 = cacheHas;
@@ -5091,7 +5091,7 @@ var lodash = { exports: {} };
         customizer = typeof customizer == "function" ? customizer : undefined$1;
         return baseClone(value, CLONE_SYMBOLS_FLAG, customizer);
       }
-      function cloneDeep2(value) {
+      function cloneDeep(value) {
         return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
       }
       function cloneDeepWith(value, customizer) {
@@ -5495,7 +5495,7 @@ var lodash = { exports: {} };
         }
         return object2;
       }
-      function set2(object2, path, value) {
+      function set(object2, path, value) {
         return object2 == null ? object2 : baseSet(object2, path, value);
       }
       function setWith(object2, path, value, customizer) {
@@ -6158,7 +6158,7 @@ var lodash = { exports: {} };
       lodash2.rest = rest;
       lodash2.reverse = reverse;
       lodash2.sampleSize = sampleSize;
-      lodash2.set = set2;
+      lodash2.set = set;
       lodash2.setWith = setWith;
       lodash2.shuffle = shuffle;
       lodash2.slice = slice;
@@ -6217,7 +6217,7 @@ var lodash = { exports: {} };
       lodash2.ceil = ceil;
       lodash2.clamp = clamp;
       lodash2.clone = clone;
-      lodash2.cloneDeep = cloneDeep2;
+      lodash2.cloneDeep = cloneDeep;
       lodash2.cloneDeepWith = cloneDeepWith;
       lodash2.cloneWith = cloneWith;
       lodash2.conformsTo = conformsTo;
@@ -6690,6 +6690,8 @@ class K8sOpenAPI {
 function useSchema(options) {
   var _a;
   const [schema, setSchema] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
   const useResourceResult = useResource();
   const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
   const openapi = useMemo(
@@ -6699,14 +6701,31 @@ function useSchema(options) {
     },
     [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath]
   );
-  useEffect(() => {
-    (async function() {
-      var _a2;
+  const fetchSchema = 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;
+  useEffect(() => {
+    if (options == null ? void 0 : options.skip)
+      return;
+    fetchSchema();
+  }, [fetchSchema]);
+  return {
+    schema,
+    loading,
+    error,
+    fetchSchema
+  };
 }
 function generateYamlBySchema(defaultValue, schema) {
   const typeObject = generateSchemaTypeValue(schema);
@@ -6750,6 +6769,10 @@ function generateYamlBySchema(defaultValue, schema) {
   const content = yaml.dump(merged);
   return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
 }
+const GlobalStoreContext = createContext({});
+const useGlobalStore = () => {
+  return useContext(GlobalStoreContext);
+};
 const useEagleForm = ({
   action,
   resource,
@@ -6788,8 +6811,16 @@ const useEagleForm = ({
   const [editorErrors, setEditorErrors] = useState([]);
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
+  const { globalStore } = useGlobalStore();
   const kit = 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 = useForm({
     form: formAnt
@@ -6885,9 +6916,7 @@ const useEagleForm = ({
       }
     }
   };
-  const initialValues = ((_c = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _c.data) ? {
-    ...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);
   }
@@ -6917,6 +6946,10 @@ const useEagleForm = ({
     editorProps,
     enableEditor,
     errorResponseBody,
+    schema,
+    isLoadingSchema,
+    loadSchemaError,
+    fetchSchema,
     switchEditor() {
       var _a2, _b2;
       if (enableEditor && ((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue())) {
@@ -6939,13 +6972,13 @@ const useDeleteModal = (resource) => {
   const [id, setId] = 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 }
     }),
@@ -7369,7 +7402,7 @@ const WorkloadReplicas = ({
   const currentReplicas = 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,
@@ -7393,6 +7426,188 @@ const WorkloadReplicas = ({
     })]
   });
 };
+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.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;
@@ -7429,13 +7644,13 @@ const CommonSorter = (dataIndex) => (a, b) => {
     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.t("dovetail.name"),
     sortable: true,
     sorter: CommonSorter(dataIndex),
     render: (v, record) => {
@@ -7443,50 +7658,60 @@ const NameColumnRenderer = (i18n2, resource = "") => {
     }
   };
 };
-const NameSpaceColumnRenderer = (i18n2) => {
+const NameSpaceColumnRenderer = () => {
   const dataIndex = ["metadata", "namespace"];
   return {
     key: "namespace",
     display: true,
     dataIndex,
-    title: i18n2.t("namespace"),
+    title: i18n.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.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.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.t("dovetail.restarts"),
+    sortable: false
+  };
+};
+const ReplicasColumnRenderer = () => {
   const dataIndex = ["status", "replicas"];
   return {
     key: "replicas",
     display: true,
     dataIndex,
-    title: i18n2.t("replicas"),
+    title: i18n.t("dovetail.replicas"),
     sortable: true,
     sorter: CommonSorter(dataIndex),
     render: (_, record) => {
@@ -7494,13 +7719,13 @@ const ReplicasColumnRenderer = (i18n2) => {
     }
   };
 };
-const AgeColumnRenderer = (i18n2) => {
+const AgeColumnRenderer = () => {
   const dataIndex = ["metadata", "creationTimestamp"];
   return {
     key: "creationTimestamp",
     display: true,
     dataIndex,
-    title: i18n2.t("created_time"),
+    title: i18n.t("dovetail.created_time"),
     sortable: true,
     sorter: (a, b) => {
       const valA = new Date(lodash.exports.get(a, dataIndex));
@@ -7516,55 +7741,56 @@ const AgeColumnRenderer = (i18n2) => {
     }
   };
 };
-const NodeNameColumnRenderer = (i18n2) => {
+const NodeNameColumnRenderer = (options) => {
   const dataIndex = ["spec", "nodeName"];
   return {
     key: "node",
     display: true,
     dataIndex,
-    title: i18n2.t("node_name"),
+    title: i18n.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.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.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.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.t("dovetail.type"),
     display: true,
     dataIndex,
     sortable: true,
@@ -7586,6 +7812,7 @@ function download(filename, content) {
 function useDownloadYAML() {
   return function(options) {
     const { name: name2, item } = options;
+    console.log("download", item);
     const content = yaml.dump(item);
     download(`${name2}.yaml`, content);
   };
@@ -7611,8 +7838,9 @@ function useEdit() {
   return { edit: edit2 };
 }
 function K8sDropdown(props) {
-  const { data: data2 } = props;
+  const { record } = props;
   const kit = useUIKit();
+  const { globalStore } = useGlobalStore();
   const useResourceResult = useResource();
   const resource = useResourceResult.resource;
   const { edit: edit2 } = useEdit();
@@ -7630,11 +7858,11 @@ function K8sDropdown(props) {
             kit.menuItem,
             {
               onClick: () => {
-                if (data2.id) {
-                  edit2(data2.id);
+                if (record.id) {
+                  edit2(record.id);
                 }
               },
-              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: EditPen16PrimaryIcon, children: t("edit") })
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: EditPen16PrimaryIcon, children: t("dovetail.edit") })
             }
           ),
           /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -7642,9 +7870,9 @@ function K8sDropdown(props) {
             {
               danger: true,
               onClick: () => {
-                openDeleteConfirmModal(data2.id);
+                openDeleteConfirmModal(record.id);
               },
-              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: TrashBinDelete16Icon, children: t("delete") })
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: TrashBinDelete16Icon, children: t("dovetail.delete") })
             }
           ),
           /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -7652,14 +7880,14 @@ function K8sDropdown(props) {
             {
               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(Icon, { src: Download16GradientBlueIcon, children: t("download_yaml") })
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: Download16GradientBlueIcon, children: t("dovetail.download_yaml") })
             }
           ),
           props.children
@@ -7852,9 +8080,13 @@ const useEagleTable = (params) => {
   const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+  const { resource } = useResource();
   const { value: nsFilter } = useNamespacesFilter();
   const useTableParams = useMemo(() => {
     const mergedParams = merge(params.useTableParams, {
+      pagination: {
+        mode: "off"
+      },
       filters: {
         permanent: [
           {
@@ -7874,20 +8106,13 @@ const useEagleTable = (params) => {
     },
     [setCurrentPage]
   );
-  const actionColumn = {
-    key: "action",
-    display: true,
-    dataIndex: [],
-    title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: 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",
@@ -7896,7 +8121,8 @@ const useEagleTable = (params) => {
     onPageChange,
     onSelect: (keys) => {
       setSelectedKeys(keys);
-    }
+    },
+    RowMenu: Dropdown
   };
   return { tableProps: finalProps, selectedKeys, ...table };
 };
@@ -8003,7 +8229,6 @@ function KeyValueInput(props) {
   const onValueChange = useCallback(
     (event2) => {
       var _a;
-      console.log(event2);
       const value = event2.target.value;
       (_a = props.onChange) == null ? void 0 : _a.call(props, {
         ...item,
@@ -8056,7 +8281,6 @@ function KeyValueListWidget(props) {
         {
           item,
           onChange: (newItem) => {
-            console.log(newItem);
             const temp = [...items];
             temp.splice(index, 1, newItem);
             onChange(temp);
@@ -8104,9 +8328,9 @@ function addId(arr, idKey) {
   });
 }
 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;
@@ -8115,10 +8339,10 @@ const WidgetErrorContent = (props) => {
     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(Typo.Label.l1_regular_title, "title"),
         children: props.errorText || t("dovetail.obtain_data_error")
@@ -8142,28 +8366,28 @@ const ConditionsTable = ({ conditions = [] }) => {
       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;
@@ -8174,12 +8398,12 @@ const ConditionsTable = ({ conditions = [] }) => {
       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,
@@ -8192,1028 +8416,574 @@ const ConditionsTable = ({ conditions = [] }) => {
     }
   );
 };
-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.createElement(tag, filteredProps);
       }
-    }
+      return React.createElement(component, filteredProps);
+    };
+    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
+      const rest = omit(props, ["innerRef"]);
+      return render(rest, props.innerRef);
+    };
+    Result.displayName = options.name;
+    Result.__linaria = {
+      className: options.class || mockedClass,
+      extends: tag
+    };
+    return Result;
+  };
+}
+var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+  get(o, prop) {
+    return o(prop);
   }
-};
-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 = useUIKit();
+  const {
+    t
+  } = useTranslation();
+  const {
+    loading,
+    error,
+    data: dataSource,
+    rowKey,
+    columns,
+    scroll,
+    currentPage,
+    currentSize,
+    RowMenu,
+    refetch,
+    onSelect,
+    onPageChange,
+    onSizeChange
+  } = props;
+  const auxiliaryLineRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const pagination = useMemo(() => ({
+    current: currentPage,
+    pageSize: currentSize,
+    onChange: onPageChange
+  }), [currentPage, currentSize, onPageChange]);
+  const finalColumns = 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 = cloneDeep(this.rawYaml);
-    const path = "spec.template.metadata.annotations";
-    const annotations = get(newOne, path, {});
-    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 = cloneDeep(this.rawYaml);
-    if (newOne.kind === "Deployment" || newOne.kind === "StatefulSet") {
-      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 } = useResource();
+  const navigation = useNavigation();
+  const go = useGo();
+  const kit = useUIKit();
+  const { t } = useTranslation();
+  const onClick = 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 } = useDeleteMany();
+  const [visible, setVisible] = 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 } = useResource();
+  const kit = useUIKit();
+  const { t } = useTranslation();
+  const { modalProps, visible, setVisible } = useDeleteManyModal(
+    (resource == null ? void 0 : resource.name) || "",
+    props.ids
+  );
+  const onClick = 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 = useUIKit();
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
+    className: cx_default(ToolbarStyle$1, "table-toolbar"),
+    children: [/* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+      className: 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 = useUIKit();
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  const [currentPage, setCurrentPage] = 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
+  } = useList({
+    resource: "jobs",
+    meta: {
+      resourceBasePath: "/apis/batch/v1",
+      kind: "Job"
     }
+  });
+  const dataSource = 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 = 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 = cloneDeep(this.data);
-    if (this.data.kind === "CronJob") {
-      set(newOne, "spec.suspend", true);
+const WorkloadPodsTable_z2tsj7 = "";
+const WorkloadPodsTable = ({
+  selector
+}) => {
+  const kit = useUIKit();
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  const [currentPage, setCurrentPage] = useState(1);
+  const {
+    data: data2
+  } = useList({
+    resource: "pods",
+    meta: {
+      resourceBasePath: "/api/v1",
+      kind: "Pod"
     }
-    return newOne;
-  }
-  resume() {
-    const newOne = cloneDeep(this.data);
-    if (this.data.kind === "CronJob") {
-      set(newOne, "spec.suspend", false);
+  });
+  const dataSource = 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.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.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.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.createElement(tag, filteredProps);
-      }
-      return React.createElement(component, filteredProps);
-    };
-    const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
-      const rest = omit(props, ["innerRef"]);
-      return render(rest, props.innerRef);
-    };
-    Result.displayName = options.name;
-    Result.__linaria = {
-      className: options.class || mockedClass,
-      extends: tag
-    };
-    return Result;
+      );
+    }
   };
-}
-var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-  get(o, prop) {
-    return o(prop);
-  }
-}) : styled;
-const 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 = useUIKit();
-  const {
-    t
-  } = useTranslation();
-  const {
-    loading,
-    error,
-    dataSource,
-    rowKey,
-    columns,
-    scroll,
-    currentPage,
-    currentSize,
-    refetch,
-    onSelect,
-    onPageChange,
-    onSizeChange
-  } = props;
-  const auxiliaryLineRef = useRef(null);
-  const wrapperRef = useRef(null);
-  const pagination = 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.t("dovetail.data"),
+    path: ["data"],
+    render: (val) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValue, { value: val });
+    }
+  };
+};
+const SecretDataField = () => {
+  return {
+    key: "data",
+    title: i18n.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 } = useResource();
-  const navigation = useNavigation();
-  const go = useGo();
-  const kit = useUIKit();
-  const { t } = useTranslation();
-  const onClick = 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 } = useDeleteMany();
-  const [visible, setVisible] = 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.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 } = useResource();
-  const kit = useUIKit();
-  const { t } = useTranslation();
-  const { modalProps, visible, setVisible } = useDeleteManyModal(
-    (resource == null ? void 0 : resource.name) || "",
-    props.ids
-  );
-  const onClick = 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.t("dovetail.type"),
+    path: ["spec", "type"]
+  };
 };
-const TableToolBar_1a3t35p = "";
-const ToolbarStyle$1 = "t1v3ienx";
-const TableToolBar = ({
-  title,
-  selectedKeys,
-  hideCreate
-}) => {
-  const kit = useUIKit();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, {
-    className: cx_default(ToolbarStyle$1, "table-toolbar"),
-    children: [/* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-      className: 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 = useUIKit();
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const [selectedKeys, setSelectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState(1);
-  const {
-    data: data2
-  } = useList({
-    resource: "jobs",
-    meta: {
-      resourceBasePath: "/apis/batch/v1",
-      kind: "Job"
-    }
-  });
-  const dataSource = 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 = 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 = useUIKit();
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const [selectedKeys, setSelectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState(1);
-  const {
-    data: data2
-  } = useList({
-    resource: "pods",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Pod"
-    }
-  });
-  const dataSource = 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.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.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,
@@ -9387,87 +9157,65 @@ const MonacoYamlEditor$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __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 = 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 = ({}) => {
-  useUIKit();
   const { i18n: i18n2 } = useTranslation();
   const [currentPage, setCurrentPage] = useState(1);
-  const parsed = useParsed();
   const { data: data2, isLoading } = useList({
     resource: "events",
     meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
   });
+  const parsed = useParsed();
   const columns = 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 = useMemo(
-    () => addId((data2 == null ? void 0 : data2.data) || [], "metadata.uid").filter((d) => {
+  const dataSource = 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,
@@ -9478,6 +9226,27 @@ const EventsTable = ({}) => {
     }
   );
 };
+const index_m52iq6 = "";
+const TagWrapper = "t13a6vox";
+const TagStyle = "t12ikbmp";
+const Tags = (props) => {
+  const {
+    value
+  } = props;
+  const kit = 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";
@@ -9490,6 +9259,9 @@ const ShowContent = (props) => {
     Dropdown = K8sDropdown
   } = props;
   const kit = useUIKit();
+  const {
+    globalStore
+  } = useGlobalStore();
   const parsed = useParsed();
   const {
     resource
@@ -9512,14 +9284,15 @@ const ShowContent = (props) => {
   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, {
@@ -9529,7 +9302,7 @@ const ShowContent = (props) => {
   }];
   const SecondLineFields = [{
     key: "Labels",
-    title: t("label"),
+    title: t("dovetail.label"),
     path: ["metadata", "labels"],
     render: (value) => {
       if (!value) {
@@ -9541,7 +9314,7 @@ const ShowContent = (props) => {
     }
   }, {
     key: "Annotations",
-    title: t("annotation"),
+    title: t("dovetail.annotation"),
     path: ["metadata", "annotations"],
     render: (value) => {
       if (!value) {
@@ -9590,13 +9363,13 @@ const ShowContent = (props) => {
         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
       })]
     })]
   });
@@ -9627,7 +9400,7 @@ const ShowContent = (props) => {
         children: content
       }, field.key);
     }), /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tabsTabPane, {
-      tab: t("event"),
+      tab: t("dovetail.event"),
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(EventsTable, {})
     }, "event")]
   });
@@ -9637,7 +9410,7 @@ const ShowContent = (props) => {
     }),
     ["yaml"]: /* @__PURE__ */ jsxRuntime.exports.jsx(MonacoYamlEditor$1, {
       className: EditorStyle$1,
-      defaultValue: yaml.dump(omit$1(relationPlugin.restoreItem(data2.data), "id")),
+      defaultValue: yaml.dump(globalStore == null ? void 0 : globalStore.restoreItem(model)),
       schema: {},
       onEditorCreate: (editor) => {
         fold(editor);
@@ -9691,7 +9464,7 @@ const PodContainersTable = ({
       {
         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] })
@@ -9699,7 +9472,7 @@ const PodContainersTable = ({
       {
         key: "ready",
         dataIndex: ["ready"],
-        title: i18n2.t("ready"),
+        title: i18n2.t("dovetail.ready"),
         sortable: true,
         sorter: CommonSorter(["ready"]),
         render: (v) => /* @__PURE__ */ jsxRuntime.exports.jsx(
@@ -9712,21 +9485,21 @@ const PodContainersTable = ({
       {
         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
@@ -9740,14 +9513,14 @@ const PodContainersTable = ({
       {
         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) => {
@@ -9775,16 +9548,16 @@ const PodContainersTable = ({
   );
 };
 function WorkloadDropdown(props) {
-  const { data: data2 } = props;
+  const { record } = props;
   const kit = useUIKit();
   const { resource } = useResource();
   const { mutate } = 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({
@@ -9797,6 +9570,7 @@ function WorkloadDropdown(props) {
     }
   ) });
 }
+const ComponentContext = createContext({});
 const index_3lw8k1 = "";
 const ListPageStyle = "laykzsq";
 const TableStyle = "t1ng0psc";
@@ -9806,12 +9580,16 @@ function ListPage(props) {
     selectedKeys,
     tableProps
   } = props;
+  const {
+    Table: TableComponent
+  } = 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: {
@@ -9822,13 +9600,12 @@ function ListPage(props) {
 }
 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: {
@@ -9850,6 +9627,46 @@ function ResourceShow(props) {
     }
   );
 }
+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 = useContext(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(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 = () => {
@@ -9858,7 +9675,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React.lazy(() => import("./MonacoYamlDiffEditor.2bd18ff6.js"));
+const MonacoYamlDiffEditor = React.lazy(() => import("./MonacoYamlDiffEditor.4fe9fad1.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -9891,8 +9708,8 @@ const YamlEditorComponent = forwardRef(
           (_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
       };
@@ -10108,6 +9925,172 @@ function copyToClipboard(text) {
   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))) {
@@ -10155,60 +10138,89 @@ function getCommonErrors(response, i18n2) {
     )
   ];
 }
-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 = useUIKit();
   const {
     t,
     i18n: i18n2
   } = useTranslation();
   const responseErrors = errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [];
+  const schema = 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
+        });
+      })()
     })
   });
 }
@@ -10228,25 +10240,23 @@ function ResourceForm(props) {
 }
 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.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.exports.jsx(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(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
         }
       ) }),
@@ -10256,19 +10266,19 @@ const ResourceCRUD = (props) => {
   }) });
 };
 function CronJobDropdown(props) {
-  var _a;
-  const { data: data2 } = props;
+  const { record } = props;
+  const { spec } = record;
   const kit = useUIKit();
   const { resource } = useResource();
   const { mutate } = 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,
@@ -10280,35 +10290,104 @@ function CronJobDropdown(props) {
     }
   ) });
 }
-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}%`
@@ -10352,7 +10431,7 @@ const DeleteButton = () => {
     (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
   ] });
 };
@@ -14823,7 +14902,7 @@ const escapeTextForHtml = (inputString) => inputString.replace(/[&<>"']/gm, (str
     return "&#x27;";
   }
 });
-const LogViewerRow = memo(({ index, style: style2, data: data2, ansiUp }) => {
+const LogViewerRow = memo(({ index, style, data: data2, ansiUp }) => {
   const { parsedData, searchedWordIndexes, rowInFocus } = data2;
   const context = useContext(LogViewerContext);
   const getData = (index2) => parsedData ? parsedData[index2] : null;
@@ -14867,7 +14946,7 @@ const LogViewerRow = memo(({ index, style: style2, data: data2, ansiUp }) => {
   };
   return React.createElement(
     "div",
-    { style: style2, className: css(styles$1.logViewerListItem) },
+    { style, className: css(styles$1.logViewerListItem) },
     React.createElement("span", { className: css(styles$1.logViewerIndex) }, getRowIndex(index)),
     React.createElement("span", { className: css(styles$1.logViewerText), style: { width: "fit-content" }, dangerouslySetInnerHTML: { __html: ansiUp.ansi_to_html(getFormattedData()) } })
   );
@@ -14995,19 +15074,19 @@ function createListComponent({ getItemOffset, getEstimatedTotalSize: getEstimate
       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) => {
@@ -15124,7 +15203,7 @@ function createListComponent({ getItemOffset, getEstimatedTotalSize: getEstimate
       });
     }
     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();
@@ -15147,7 +15226,7 @@ function createListComponent({ getItemOffset, getEstimatedTotalSize: getEstimate
         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)
       }, createElement(innerElementType || innerTagName || "div", {
         className: innerClassName,
         ref: innerRef,
@@ -15964,7 +16043,7 @@ const PodLog = ({
   var _a, _b, _c, _d, _e;
   const kit = useUIKit();
   const [selectedContainer, setSelectedContainer] = useState(((_b = (_a = pod.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
-  const [follow, setFollow] = useState(true);
+  const follow = true;
   const [logs, setLogs] = useState([]);
   const [currentItemCount, setCurrentItemCount] = useState(0);
   const [paused, setPaused] = useState(false);
@@ -16012,7 +16091,7 @@ const PodLog = ({
       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, {
@@ -16037,270 +16116,529 @@ const PodLog = ({
         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 = useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+    }
+  }, []);
+  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(Resume24Icon, {}) : /* @__PURE__ */ jsxRuntime.exports.jsx(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 = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
+    return item;
+  }
+  appendRelation(item, relation) {
+    const metadata = item.metadata;
+    if (!metadata.relations) {
+      metadata.relations = [];
     }
-  }, []);
-  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(Resume24Icon, {}) : /* @__PURE__ */ jsxRuntime.exports.jsx(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.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 = useMemo(() => {
-    return new GlobalStore(globalStoreParams);
+    return new GlobalStore(globalStoreParams, ProviderPlugins);
   }, [globalStoreParams]);
   const notCustomResources = useMemo(() => {
     return resourcesConfig.filter((c) => !c.isCustom);
@@ -16315,7 +16653,7 @@ const Dovetail = (props) => {
     }
     return _content;
   }, [Layout2, notCustomResources, props.children, urlPrefix]);
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
     Refine,
     {
       dataProvider: {
@@ -16344,7 +16682,7 @@ const Dovetail = (props) => {
       }),
       children: content
     }
-  ) });
+  ) }) });
 };
 var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
@@ -16354,94 +16692,101 @@ var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   return RESOURCE_GROUP2;
 })(RESOURCE_GROUP || {});
 export {
-  JobsField as $,
+  ConditionsField as $,
   AgeColumnRenderer as A,
   Breadcrumb as B,
   CommonSorter as C,
   DurationColumnRenderer as D,
-  ResourceCRUD as E,
-  WorkloadPodsTable as F,
-  CronJobDropdown as G,
-  ResourceUsageBar as H,
+  ResourceShow as E,
+  ResourceForm as F,
+  ResourceCRUD as G,
+  WorkloadPodsTable as H,
   ImageNames as I,
-  WorkloadReplicas as J,
+  CronJobDropdown as J,
   KeyValueListWidget as K,
-  CronjobJobsTable as L,
+  ResourceUsageBar as L,
   MetadataForm as M,
   NameColumnRenderer as N,
-  KeyValue as O,
+  WorkloadReplicas as O,
   PhaseColumnRenderer as P,
-  Separator as Q,
+  CronjobJobsTable as Q,
   ReplicasColumnRenderer as R,
   ServiceTypeColumnRenderer as S,
-  DeleteButton as T,
-  Layout as U,
-  ImageField as V,
+  KeyValue as T,
+  Separator as U,
+  DeleteButton as V,
   WorkloadImageColumnRenderer as W,
-  ReplicaField as X,
+  Layout as X,
   YamlEditorComponent as Y,
-  ConditionsField as Z,
-  PodsField as _,
+  ImageField as Z,
+  ReplicaField as _,
   useDeleteModal as a,
-  DataField as a0,
-  SecretDataField as a1,
-  StartTimeField as a2,
-  ServiceTypeField as a3,
-  ClusterIpField as a4,
-  SessionAffinityField as a5,
-  ServicePodsField as a6,
-  ShowContent as a7,
-  DeleteManyButton as a8,
-  ListPage as a9,
-  StateTag as aa,
-  DrawerShow as ab,
-  Menu as ac,
-  EditButton as ad,
-  NS_STORE_KEY as ae,
-  ALL_NS as af,
-  useNamespacesFilter as ag,
-  NamespacesFilter as ah,
-  Tags as ai,
-  PodLog as aj,
-  BASE_INIT_VALUE as ak,
-  DEPLOYMENT_INIT_VALUE as al,
-  CRONJOB_INIT_VALUE as am,
-  DAEMONSET_INIT_VALUE as an,
-  JOB_INIT_VALUE as ao,
-  STATEFULSET_INIT_VALUE as ap,
-  POD_INIT_VALUE as aq,
-  TIMESTAMP_LABEL as ar,
-  JobModel as as,
-  PodModel as at,
-  PodMetricsModel as au,
-  ResourceModel as av,
-  WorkloadModel as aw,
-  CronJobModel as ax,
-  Dovetail as ay,
-  RESOURCE_GROUP as az,
+  PodsField as a0,
+  JobsField as a1,
+  DataField as a2,
+  SecretDataField as a3,
+  StartTimeField as a4,
+  ServiceTypeField as a5,
+  ClusterIpField as a6,
+  SessionAffinityField as a7,
+  ServicePodsField as a8,
+  ShowContent as a9,
+  WorkloadModel as aA,
+  WorkloadBaseModel as aB,
+  PodModel as aC,
+  PodMetricsModel as aD,
+  ResourceModel as aE,
+  CronJobModel as aF,
+  EventModel as aG,
+  SchemaStrategy as aa,
+  DeleteManyButton as ab,
+  ListPage as ac,
+  StateTag as ad,
+  DrawerShow as ae,
+  Menu as af,
+  EditButton as ag,
+  NS_STORE_KEY as ah,
+  ALL_NS as ai,
+  useNamespacesFilter as aj,
+  NamespacesFilter as ak,
+  Tags as al,
+  PodLog as am,
+  BASE_INIT_VALUE as an,
+  DEPLOYMENT_INIT_VALUE as ao,
+  CRONJOB_INIT_VALUE as ap,
+  DAEMONSET_INIT_VALUE as aq,
+  JOB_INIT_VALUE as ar,
+  STATEFULSET_INIT_VALUE as as,
+  POD_INIT_VALUE as at,
+  SERVICE_INIT_VALUE as au,
+  TIMESTAMP_LABEL as av,
+  Dovetail as aw,
+  RESOURCE_GROUP as ax,
+  ComponentContext as ay,
+  JobModel as az,
   NameSpaceColumnRenderer as b,
-  NodeNameColumnRenderer as c,
-  RestartCountColumnRenderer as d,
-  CompletionsCountColumnRenderer as e,
-  ColumnKeys as f,
-  useEagleTable as g,
-  useDownloadYAML as h,
-  useEdit as i,
+  WorkloadRestartsColumnRenderer as c,
+  NodeNameColumnRenderer as d,
+  RestartCountColumnRenderer as e,
+  CompletionsCountColumnRenderer as f,
+  ColumnKeys as g,
+  useEagleTable as h,
+  useDownloadYAML as i,
   jsxRuntime as j,
-  NameInputWidget as k,
-  dnsSubDomainRules as l,
-  rfc1123LabelRules as m,
-  rfc1035LabelRules as n,
-  NamespaceSelectWidget as o,
-  namespaceRules as p,
-  PageShow as q,
+  useEdit as k,
+  useGlobalStore as l,
+  NameInputWidget as m,
+  dnsSubDomainRules as n,
+  rfc1123LabelRules as o,
+  rfc1035LabelRules as p,
+  NamespaceSelectWidget as q,
   routerProvider as r,
-  ConditionsTable as s,
-  PodContainersTable as t,
+  namespaceRules as s,
+  PageShow as t,
   useSchema as u,
-  WorkloadDropdown as v,
-  CreateButton as w,
-  ResourceList as x,
-  ResourceShow as y,
-  ResourceForm as z
+  ConditionsTable as v,
+  PodContainersTable as w,
+  WorkloadDropdown as x,
+  CreateButton as y,
+  ResourceList as z
 };