@dovetail-v2/refine 0.0.6 → 0.0.7

package/dist/{index.294b375a.js → index.b720212a.js}

@@ -5,12 +5,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import React, { useCallback, useContext, createContext, useState, useRef, useEffect, useMemo, useLayoutEffect, forwardRef, useImperativeHandle, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useForm as useForm$1, pickNotDeprecated, useWarnAboutChange, useDelete, useNavigation, useParsed, useGo, useList, useTable, useBreadcrumb, useUpdate, useDeleteMany, useShow, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useForm as useForm$1, pickNotDeprecated, useWarnAboutChange, useDelete, useNavigation, useUpdate, useGo, useParsed, useList, useTable, useBreadcrumb, useDeleteMany, useShow, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Switch, Router } from "react-router-dom";
-import { useUIKit, Icon, Typo, kitContext } from "@cloudtower/eagle";
+import { useUIKit, Typo, Icon, kitContext } from "@cloudtower/eagle";
 import yaml from "js-yaml";
-import { isObject, merge, get, cloneDeep, set } from "lodash-es";
+import { isObject, get, merge, cloneDeep, set } 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 } from "@cloudtower/icons-react";
 import * as monaco from "monaco-editor";
@@ -6928,601 +6928,111 @@ const useDeleteModal = (resource) => {
   }
   return { modalProps, visible, openDeleteConfirmModal };
 };
-function download(filename, content) {
-  const element = document.createElement("a");
-  element.setAttribute(
-    "href",
-    "data:text/plain;charset=utf-8," + encodeURIComponent(content)
-  );
-  element.setAttribute("download", filename);
-  element.style.display = "none";
-  document.body.appendChild(element);
-  element.click();
-  document.body.removeChild(element);
-}
-function useDownloadYAML() {
-  return function(options) {
-    const { name: name2, item } = options;
-    const content = yaml.dump(item);
-    download(`${name2}.yaml`, content);
-  };
-}
-function useEdit() {
-  const { resource } = useParsed();
-  const go = useGo();
-  const edit2 = useCallback(
-    (id) => {
-      go({
-        to: `/${resource == null ? void 0 : resource.name}/edit`,
-        query: {
-          id
-        }
-      });
-    },
-    [go, resource == null ? void 0 : resource.name]
-  );
-  return { edit: edit2 };
-}
-function K8sDropdown(props) {
-  const { data: data2 } = props;
-  const kit = useUIKit();
-  const useResourceResult = useResource();
-  const resource = useResourceResult.resource;
-  const { edit: edit2 } = useEdit();
-  const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
-    (resource == null ? void 0 : resource.name) || ""
-  );
-  const download2 = useDownloadYAML();
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.exports.jsx(
-      kit.dropdown,
-      {
-        overlay: /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.menu, { children: [
-          /* @__PURE__ */ jsxRuntime.exports.jsx(
-            kit.menuItem,
-            {
-              onClick: () => {
-                if (data2.id) {
-                  edit2(data2.id);
-                }
-              },
-              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: EditPen16PrimaryIcon, children: t("edit") })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.exports.jsx(
-            kit.menuItem,
-            {
-              danger: true,
-              onClick: () => {
-                openDeleteConfirmModal(data2.id);
-              },
-              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: TrashBinDelete16Icon, children: t("delete") })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.exports.jsx(
-            kit.menu.Item,
-            {
-              onClick: () => {
-                var _a;
-                if (data2.id) {
-                  download2({
-                    name: ((_a = data2.metadata) == null ? void 0 : _a.name) || data2.kind || "",
-                    item: data2
-                  });
-                }
-              },
-              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: Download16GradientBlueIcon, children: t("download_yaml") })
-            }
-          ),
-          props.children
-        ] }),
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: MoreEllipsis316BoldBlueIcon }) })
-      }
-    ),
-    visible ? /* @__PURE__ */ jsxRuntime.exports.jsx(kit.modal, { ...modalProps }) : null
-  ] });
-}
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
+var cx = function cx2() {
+  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const atomicClasses = {};
+  const nonAtomicClasses = [];
+  presentClassNames.forEach((arg) => {
+    const individualClassNames = arg ? arg.split(" ") : [];
+    individualClassNames.forEach((className) => {
+      if (className.startsWith("atm_")) {
+        const [, keyHash] = className.split("_");
+        atomicClasses[keyHash] = className;
+      } else {
+        nonAtomicClasses.push(className);
       }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-function useEventCallback(fn) {
-  const ref = useRef(() => {
-    throw new Error("Cannot call an event handler while rendering.");
-  });
-  useIsomorphicLayoutEffect(() => {
-    ref.current = fn;
-  }, [fn]);
-  return useCallback((...args) => ref.current(...args), [ref]);
-}
-function useEventListener(eventName, handler, element, options) {
-  const savedHandler = useRef(handler);
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  useEffect(() => {
-    var _a;
-    const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
-    if (!(targetElement && targetElement.addEventListener))
-      return;
-    const listener = (event) => savedHandler.current(event);
-    targetElement.addEventListener(eventName, listener, options);
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
     });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-function useLocalStorage(key, initialValue) {
-  const readValue = useCallback(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? parseJSON(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
-      return initialValue;
-    }
-  }, [initialValue, key]);
-  const [storedValue, setStoredValue] = useState(readValue);
-  const setValue = useEventCallback((value) => {
-    if (typeof window === "undefined") {
-      console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
-    }
-    try {
-      const newValue = value instanceof Function ? value(storedValue) : value;
-      window.localStorage.setItem(key, JSON.stringify(newValue));
-      setStoredValue(newValue);
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
-    }
   });
-  useEffect(() => {
-    setStoredValue(readValue());
-  }, []);
-  const handleStorageChange = useCallback((event) => {
-    if ((event === null || event === void 0 ? void 0 : event.key) && event.key !== key) {
-      return;
+  const result = [];
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
-    setStoredValue(readValue());
-  }, [key, readValue]);
-  useEventListener("storage", handleStorageChange);
-  useEventListener("local-storage", handleStorageChange);
-  return [storedValue, setValue];
-}
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value !== null && value !== void 0 ? value : "");
-  } catch (_a) {
-    console.log("parsing error on", { value });
-    return void 0;
   }
-}
-const NS_STORE_KEY = "namespace-filter";
-const ALL_NS = "_all";
-const useNamespacesFilter = () => {
-  const [value] = useLocalStorage(NS_STORE_KEY, ALL_NS);
-  return {
-    value
-  };
+  result.push(...nonAtomicClasses);
+  return result.join(" ");
 };
-const NamespacesFilter = () => {
+var cx_default = cx;
+const index_86mllf = "";
+const MoreTriggerStyle = "m1u1f5zp";
+const ImageNames = ({
+  value
+}) => {
   const kit = useUIKit();
-  const { t } = useTranslation();
-  const { data: data2 } = useList({
-    resource: "namespaces",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Namespace"
-    }
-  });
-  const [value, setValue] = useLocalStorage(NS_STORE_KEY, ALL_NS);
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(
-    kit.select,
-    {
-      input: {
-        value,
-        onChange(value2) {
-          setValue(value2);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: "_all", children: t("dovetail.all_namespaces") }, "_all"),
-        data2 == null ? void 0 : data2.data.map((namespace2) => {
-          const { name: name2 } = namespace2.metadata;
-          return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: name2, children: name2 }, name2);
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    children: [/* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+      children: value[0]
+    }), value.length > 1 && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tooltip, {
+      title: /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
+        children: value.slice(1).map((name2, index) => {
+          return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+            children: name2
+          }, index);
         })
-      ]
-    }
-  );
+      }),
+      children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+        className: cx_default(Typo.Label.l4_regular, MoreTriggerStyle),
+        children: ["+", value.length - 1, " ", t("dovetail.more")]
+      })
+    })]
+  });
 };
-var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
-  ColumnKeys2["age"] = "age";
-  ColumnKeys2["name"] = "name";
-  ColumnKeys2["namespace"] = "namespace";
-  ColumnKeys2["phase"] = "phase";
-  ColumnKeys2["replicas"] = "replicas";
-  ColumnKeys2["deploymentImage"] = "deploymentImage";
-  ColumnKeys2["podImage"] = "podImage";
-  return ColumnKeys2;
-})(ColumnKeys || {});
-const useEagleTable = (params) => {
-  var _a;
-  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
-  const [selectedKeys, setSelectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-  const { value: nsFilter } = useNamespacesFilter();
-  const useTableParams = useMemo(() => {
-    const mergedParams = merge(params.useTableParams, {
-      filters: {
-        permanent: [
-          {
-            field: "metadata.namespace",
-            operator: "eq",
-            value: nsFilter === ALL_NS ? null : nsFilter
-          }
-        ]
-      }
-    });
-    return mergedParams;
-  }, [params.useTableParams, nsFilter]);
-  const table = useTable(useTableParams);
-  const onPageChange = useCallback(
-    (page) => {
-      setCurrentPage(page);
-    },
-    [setCurrentPage]
-  );
-  const actionColumn = {
-    key: "action",
-    display: true,
-    dataIndex: [],
-    title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: SettingsGear16GradientGrayIcon }),
-    render: (_2, record) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(Dropdown, { data: record });
-    }
-  };
-  const finalDataSource = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data.map(formatter);
-  const finalProps = {
-    loading: table.tableQueryResult.isLoading,
-    dataSource: finalDataSource || [],
-    columns: [...columns, actionColumn],
-    refetch: () => null,
-    error: false,
-    rowKey: "id",
-    currentPage,
-    currentSize: (tableProps == null ? void 0 : tableProps.currentSize) || 5,
-    onPageChange,
-    onSelect: (keys) => {
-      setSelectedKeys(keys);
-    }
+const StateTag = ({ state: state2 }) => {
+  const kit = useUIKit();
+  const colorMap = {
+    running: "green",
+    active: "green",
+    succeeded: "blue",
+    terminated: "red",
+    pending: "gray"
   };
-  return { tableProps: finalProps, selectedKeys, ...table };
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tag, { color: colorMap[(state2 == null ? void 0 : state2.toLowerCase()) || ""] || "green", children: state2 || "Active" });
 };
-var cx = function cx2() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
-  const atomicClasses = {};
-  const nonAtomicClasses = [];
-  presentClassNames.forEach((arg) => {
-    const individualClassNames = arg ? arg.split(" ") : [];
-    individualClassNames.forEach((className) => {
-      if (className.startsWith("atm_")) {
-        const [, keyHash] = className.split("_");
-        atomicClasses[keyHash] = className;
+var dayjs_min = { exports: {} };
+(function(module, exports) {
+  !function(t, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f2 = "quarter", h = "year", d2 = "date", l = "Invalid Date", $2 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+    } }, m = function(t2, e2, n2) {
+      var r2 = String(t2);
+      return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+    }, v2 = { s: m, z: function(t2) {
+      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+      return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+    }, m: function t2(e2, n2) {
+      if (e2.date() < n2.date())
+        return -t2(n2, e2);
+      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+      return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+    }, a: function(t2) {
+      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+    }, p: function(t2) {
+      return { M: c, y: h, w: o, d: a, D: d2, h: u, m: s, s: i, ms: r, Q: f2 }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+    }, u: function(t2) {
+      return void 0 === t2;
+    } }, g = "en", D2 = {};
+    D2[g] = M2;
+    var p = "$isDayjsObject", S2 = function(t2) {
+      return t2 instanceof _2 || !(!t2 || !t2[p]);
+    }, w2 = function t2(e2, n2, r2) {
+      var i2;
+      if (!e2)
+        return g;
+      if ("string" == typeof e2) {
+        var s2 = e2.toLowerCase();
+        D2[s2] && (i2 = s2), n2 && (D2[s2] = n2, i2 = s2);
+        var u2 = e2.split("-");
+        if (!i2 && u2.length > 1)
+          return t2(u2[0]);
       } else {
-        nonAtomicClasses.push(className);
-      }
-    });
-  });
-  const result = [];
-  for (const keyHash in atomicClasses) {
-    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
-      result.push(atomicClasses[keyHash]);
-    }
-  }
-  result.push(...nonAtomicClasses);
-  return result.join(" ");
-};
-var cx_default = cx;
-const index_hex8jv = "";
-const BreadcrumbStyle = "b142d7q8";
-function Breadcrumb(props) {
-  const {
-    breadcrumbs
-  } = useBreadcrumb();
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
-    className: cx_default(BreadcrumbStyle, props.className),
-    children: breadcrumbs.map((breadcrumb) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
-        className: "breadcrumb-item",
-        children: breadcrumb.href ? /* @__PURE__ */ jsxRuntime.exports.jsx(Link, {
-          to: breadcrumb.href,
-          children: breadcrumb.label
-        }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-          children: breadcrumb.label
-        })
-      }, `breadcrumb-${breadcrumb.label}`);
-    })
-  });
-}
-function NameInputWidget(props) {
-  const kit = useUIKit();
-  const { action } = useResource();
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.input, { ...props, disabled: action === "edit" });
-}
-const dnsSubDomainRules = [
-  {
-    required: true,
-    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
-  },
-  {
-    pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
-    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-' \u548C '.'\uFF0C\u4E14\u5FC5\u987B\u4EE5\u5B57\u6BCD\u6216\u6570\u5B57\u5F00\u5934\u548C\u7ED3\u675F"
-  },
-  {
-    max: 253,
-    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7253\u4E2A\u5B57\u7B26"
-  }
-];
-const rfc1123LabelRules = [
-  {
-    required: true,
-    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
-  },
-  {
-    pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
-    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-'\uFF0C\u4E14\u4EE5\u5B57\u6BCD\u6216\u6570\u5B57\u5F00\u5934\u548C\u7ED3\u675F"
-  },
-  {
-    max: 63,
-    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC763\u4E2A\u5B57\u7B26"
-  }
-];
-const rfc1035LabelRules = [
-  {
-    required: true,
-    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
-  },
-  {
-    pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
-    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-'\uFF0C\u4E14\u4EE5\u5B57\u6BCD\u5F00\u5934\uFF0C\u5B57\u6BCD\u6216\u6570\u5B57\u7ED3\u675F"
-  },
-  {
-    max: 63,
-    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC763\u4E2A\u5B57\u7B26"
-  }
-];
-function NamespaceSelectWidget(props) {
-  const kit = useUIKit();
-  const { action } = useResource();
-  const { data: data2 } = useList({
-    resource: "namespaces",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Namespace"
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
-}
-const namespaceRules = [
-  {
-    required: true,
-    message: "Please input the namespace."
-  }
-];
-function KeyValueInput(props) {
-  const { children, item } = props;
-  const kit = useUIKit();
-  const onKeyChange = useCallback(
-    (event) => {
-      var _a;
-      const key = event.target.value;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, {
-        ...item,
-        key
-      });
-    },
-    [item, props]
-  );
-  const onValueChange = useCallback(
-    (event) => {
-      var _a;
-      console.log(event);
-      const value = event.target.value;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, {
-        ...item,
-        value
-      });
-    },
-    [item, props]
-  );
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, { children: [
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
-    children
-  ] });
-}
-function KeyValueListWidget(props) {
-  const kit = useUIKit();
-  const { value } = props;
-  const items = useMemo(() => {
-    return Object.entries(value || {}).map(([key, value2]) => ({
-      key,
-      value: value2
-    }));
-  }, [value]);
-  const onChange = useCallback(
-    (newItems) => {
-      var _a;
-      const newValue = newItems.reduce((result, item) => {
-        result[item.key] = item.value;
-        return result;
-      }, {});
-      (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
-    },
-    [props]
-  );
-  const onRemove = useCallback(
-    (index) => {
-      const result = [...items];
-      result.splice(index, 1);
-      onChange(result);
-    },
-    [onChange, items]
-  );
-  const onAdd = useCallback(() => {
-    onChange([...items, { key: "", value: "" }]);
-  }, [onChange, items]);
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-    items.map((item, index) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(
-        KeyValueInput,
-        {
-          item,
-          onChange: (newItem) => {
-            console.log(newItem);
-            const temp = [...items];
-            temp.splice(index, 1, newItem);
-            onChange(temp);
-          },
-          children: /* @__PURE__ */ jsxRuntime.exports.jsx(
-            kit.button,
-            {
-              onClick: () => {
-                onRemove(index);
-              },
-              danger: true,
-              children: "Remove"
-            }
-          )
-        },
-        index
-      );
-    }),
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
-  ] });
-}
-function MetadataForm() {
-  const kit = useUIKit();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntime.exports.jsx(NameInputWidget, {}) }),
-    /* @__PURE__ */ jsxRuntime.exports.jsx(
-      kit.form.Item,
-      {
-        label: "Namespace",
-        name: ["metadata", "namespace"],
-        rules: namespaceRules,
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(NamespaceSelectWidget, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValueListWidget, {}) }),
-    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValueListWidget, {}) })
-  ] });
-}
-function addId(arr, idKey) {
-  return arr.map((e) => {
-    return {
-      id: e[idKey],
-      ...e
-    };
-  });
-}
-var dayjs_min = { exports: {} };
-(function(module, exports) {
-  !function(t, e) {
-    module.exports = e();
-  }(commonjsGlobal, function() {
-    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f2 = "quarter", h = "year", d2 = "date", l = "Invalid Date", $2 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
-      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
-      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
-    } }, m = function(t2, e2, n2) {
-      var r2 = String(t2);
-      return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
-    }, v2 = { s: m, z: function(t2) {
-      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
-      return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
-    }, m: function t2(e2, n2) {
-      if (e2.date() < n2.date())
-        return -t2(n2, e2);
-      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
-      return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-    }, a: function(t2) {
-      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-    }, p: function(t2) {
-      return { M: c, y: h, w: o, d: a, D: d2, h: u, m: s, s: i, ms: r, Q: f2 }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-    }, u: function(t2) {
-      return void 0 === t2;
-    } }, g = "en", D2 = {};
-    D2[g] = M2;
-    var p = "$isDayjsObject", S2 = function(t2) {
-      return t2 instanceof _2 || !(!t2 || !t2[p]);
-    }, w2 = function t2(e2, n2, r2) {
-      var i2;
-      if (!e2)
-        return g;
-      if ("string" == typeof e2) {
-        var s2 = e2.toLowerCase();
-        D2[s2] && (i2 = s2), n2 && (D2[s2] = n2, i2 = s2);
-        var u2 = e2.split("-");
-        if (!i2 && u2.length > 1)
-          return t2(u2[0]);
-      } else {
-        var a2 = e2.name;
-        D2[a2] = e2, i2 = a2;
+        var a2 = e2.name;
+        D2[a2] = e2, i2 = a2;
       }
       return !r2 && i2 && (g = i2), i2 || !r2 && g;
     }, O = function(t2, e2) {
@@ -7800,7 +7310,742 @@ const Time = (props) => {
       time.format(timeTemplate)
     ] })
   ] });
-};
+};
+const index_1wf16rt = "";
+const MinusButtonStyle = "m8ychfk";
+const PlusButtonStyle = "p1o004do";
+const WorkloadReplicas = ({
+  record
+}) => {
+  const kit = useUIKit();
+  const {
+    resource
+  } = useResource();
+  const {
+    mutate
+  } = useUpdate();
+  const readyReplicas = record.status && "readyReplicas" in record.status ? record.status.readyReplicas : 0;
+  const replicas2 = record.status && "replicas" in record.status ? record.status.replicas : 0;
+  const canScale = record.kind === "Deployment" || record.kind === "StatefulSet";
+  const currentReplicas = get(record, "spec.replicas", 0);
+  const scale = (delta) => {
+    const v2 = record.scale(currentReplicas + delta);
+    const id = v2.id;
+    pruneBeforeEdit(v2);
+    mutate({
+      id,
+      resource: (resource == null ? void 0 : resource.name) || "",
+      values: v2
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs("span", {
+    children: [canScale && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
+      className: MinusButtonStyle,
+      type: "ordinary",
+      size: "small",
+      onClick: () => scale(-1),
+      children: "-"
+    }), readyReplicas, "/", replicas2, canScale && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
+      className: PlusButtonStyle,
+      type: "ordinary",
+      size: "small",
+      onClick: () => scale(1),
+      children: "+"
+    })]
+  });
+};
+const NameLink = (props) => {
+  var _a;
+  const { name: name2, id, resource } = props;
+  const kit = useUIKit();
+  const go = useGo();
+  const navigation = useNavigation();
+  const parsed = useParsed();
+  const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(
+    kit.button,
+    {
+      type: "link",
+      onClick: () => {
+        go({
+          to: navigation.showUrl(resourceName, ""),
+          query: {
+            id
+          }
+        });
+      },
+      children: name2
+    }
+  );
+};
+const CommonSorter = (dataIndex) => (a, b2) => {
+  const valA = lodash.exports.get(a, dataIndex);
+  const valB = lodash.exports.get(b2, dataIndex);
+  if (valA === valB)
+    return 0;
+  if (valA > valB)
+    return 1;
+  return -1;
+};
+const NameColumnRenderer = (i18n2, resource = "") => {
+  const dataIndex = ["metadata", "name"];
+  return {
+    key: "name",
+    display: true,
+    dataIndex,
+    title: i18n2.t("name"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex),
+    render: (v2, record) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(NameLink, { name: v2, id: record.id, resource });
+    }
+  };
+};
+const NameSpaceColumnRenderer = (i18n2) => {
+  const dataIndex = ["metadata", "namespace"];
+  return {
+    key: "namespace",
+    display: true,
+    dataIndex,
+    title: i18n2.t("namespace"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex)
+  };
+};
+const PhaseColumnRenderer = (i18n2) => {
+  const dataIndex = ["status", "phase"];
+  return {
+    key: "phase",
+    display: true,
+    dataIndex,
+    title: i18n2.t("phase"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex),
+    render: (v2) => /* @__PURE__ */ jsxRuntime.exports.jsx(StateTag, { state: v2 })
+  };
+};
+const WorkloadImageColumnRenderer = (i18n2) => {
+  const dataIndex = ["imageNames"];
+  return {
+    key: "image",
+    display: true,
+    dataIndex,
+    title: i18n2.t("image"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex),
+    render(value) {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value });
+    }
+  };
+};
+const ReplicasColumnRenderer = (i18n2) => {
+  const dataIndex = ["status", "replicas"];
+  return {
+    key: "replicas",
+    display: true,
+    dataIndex,
+    title: i18n2.t("replicas"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex),
+    render: (_2, record) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(WorkloadReplicas, { record });
+    }
+  };
+};
+const AgeColumnRenderer = (i18n2) => {
+  const dataIndex = ["metadata", "creationTimestamp"];
+  return {
+    key: "creationTimestamp",
+    display: true,
+    dataIndex,
+    title: i18n2.t("created_time"),
+    sortable: true,
+    sorter: (a, b2) => {
+      const valA = new Date(lodash.exports.get(a, dataIndex));
+      const valB = new Date(lodash.exports.get(b2, dataIndex));
+      if (valA === valB)
+        return 0;
+      if (valA > valB)
+        return 1;
+      return -1;
+    },
+    render: (value) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(Time, { date: new Date(value) });
+    }
+  };
+};
+const NodeNameColumnRenderer = (i18n2) => {
+  const dataIndex = ["spec", "nodeName"];
+  return {
+    key: "node",
+    display: true,
+    dataIndex,
+    title: i18n2.t("node_name"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex)
+  };
+};
+const RestartCountColumnRenderer = (i18n2) => {
+  const dataIndex = ["restartCount"];
+  return {
+    key: "restartCount",
+    display: true,
+    dataIndex,
+    title: i18n2.t("restarts"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex)
+  };
+};
+const CompletionsCountColumnRenderer = (i18n2) => {
+  const dataIndex = ["completionsDisplay"];
+  return {
+    key: "completions",
+    display: true,
+    dataIndex,
+    title: i18n2.t("completions"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex)
+  };
+};
+const DurationColumnRenderer = (i18n2) => {
+  const dataIndex = ["durationDisplay"];
+  return {
+    key: "duration",
+    display: true,
+    dataIndex,
+    title: i18n2.t("duration"),
+    sortable: true,
+    sorter: CommonSorter(dataIndex)
+  };
+};
+function download(filename, content) {
+  const element = document.createElement("a");
+  element.setAttribute(
+    "href",
+    "data:text/plain;charset=utf-8," + encodeURIComponent(content)
+  );
+  element.setAttribute("download", filename);
+  element.style.display = "none";
+  document.body.appendChild(element);
+  element.click();
+  document.body.removeChild(element);
+}
+function useDownloadYAML() {
+  return function(options) {
+    const { name: name2, item } = options;
+    const content = yaml.dump(item);
+    download(`${name2}.yaml`, content);
+  };
+}
+function useEdit() {
+  const { resource } = useParsed();
+  const go = useGo();
+  const edit2 = useCallback(
+    (id) => {
+      go({
+        to: `/${resource == null ? void 0 : resource.name}/edit`,
+        query: {
+          id
+        }
+      });
+    },
+    [go, resource == null ? void 0 : resource.name]
+  );
+  return { edit: edit2 };
+}
+function K8sDropdown(props) {
+  const { data: data2 } = props;
+  const kit = useUIKit();
+  const useResourceResult = useResource();
+  const resource = useResourceResult.resource;
+  const { edit: edit2 } = useEdit();
+  const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
+    (resource == null ? void 0 : resource.name) || ""
+  );
+  const download2 = useDownloadYAML();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.exports.jsx(
+      kit.dropdown,
+      {
+        overlay: /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.menu, { children: [
+          /* @__PURE__ */ jsxRuntime.exports.jsx(
+            kit.menuItem,
+            {
+              onClick: () => {
+                if (data2.id) {
+                  edit2(data2.id);
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: EditPen16PrimaryIcon, children: t("edit") })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.exports.jsx(
+            kit.menuItem,
+            {
+              danger: true,
+              onClick: () => {
+                openDeleteConfirmModal(data2.id);
+              },
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: TrashBinDelete16Icon, children: t("delete") })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.exports.jsx(
+            kit.menu.Item,
+            {
+              onClick: () => {
+                var _a;
+                if (data2.id) {
+                  download2({
+                    name: ((_a = data2.metadata) == null ? void 0 : _a.name) || data2.kind || "",
+                    item: data2
+                  });
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: Download16GradientBlueIcon, children: t("download_yaml") })
+            }
+          ),
+          props.children
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: MoreEllipsis316BoldBlueIcon }) })
+      }
+    ),
+    visible ? /* @__PURE__ */ jsxRuntime.exports.jsx(kit.modal, { ...modalProps }) : null
+  ] });
+}
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function(resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+function useEventCallback(fn) {
+  const ref = useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  }, [fn]);
+  return useCallback((...args) => ref.current(...args), [ref]);
+}
+function useEventListener(eventName, handler, element, options) {
+  const savedHandler = useRef(handler);
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+  useEffect(() => {
+    var _a;
+    const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
+    if (!(targetElement && targetElement.addEventListener))
+      return;
+    const listener = (event) => savedHandler.current(event);
+    targetElement.addEventListener(eventName, listener, options);
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function(resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function useLocalStorage(key, initialValue) {
+  const readValue = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = useState(readValue);
+  const setValue = useEventCallback((value) => {
+    if (typeof window === "undefined") {
+      console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
+    }
+    try {
+      const newValue = value instanceof Function ? value(storedValue) : value;
+      window.localStorage.setItem(key, JSON.stringify(newValue));
+      setStoredValue(newValue);
+      window.dispatchEvent(new Event("local-storage"));
+    } catch (error) {
+      console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
+    }
+  });
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  const handleStorageChange = useCallback((event) => {
+    if ((event === null || event === void 0 ? void 0 : event.key) && event.key !== key) {
+      return;
+    }
+    setStoredValue(readValue());
+  }, [key, readValue]);
+  useEventListener("storage", handleStorageChange);
+  useEventListener("local-storage", handleStorageChange);
+  return [storedValue, setValue];
+}
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value !== null && value !== void 0 ? value : "");
+  } catch (_a) {
+    console.log("parsing error on", { value });
+    return void 0;
+  }
+}
+const NS_STORE_KEY = "namespace-filter";
+const ALL_NS = "_all";
+const useNamespacesFilter = () => {
+  const [value] = useLocalStorage(NS_STORE_KEY, ALL_NS);
+  return {
+    value
+  };
+};
+const NamespacesFilter = () => {
+  const kit = useUIKit();
+  const { t } = useTranslation();
+  const { data: data2 } = useList({
+    resource: "namespaces",
+    meta: {
+      resourceBasePath: "/api/v1",
+      kind: "Namespace"
+    }
+  });
+  const [value, setValue] = useLocalStorage(NS_STORE_KEY, ALL_NS);
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(
+    kit.select,
+    {
+      input: {
+        value,
+        onChange(value2) {
+          setValue(value2);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: "_all", children: t("dovetail.all_namespaces") }, "_all"),
+        data2 == null ? void 0 : data2.data.map((namespace2) => {
+          const { name: name2 } = namespace2.metadata;
+          return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: name2, children: name2 }, name2);
+        })
+      ]
+    }
+  );
+};
+var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
+  ColumnKeys2["age"] = "age";
+  ColumnKeys2["name"] = "name";
+  ColumnKeys2["namespace"] = "namespace";
+  ColumnKeys2["phase"] = "phase";
+  ColumnKeys2["replicas"] = "replicas";
+  ColumnKeys2["deploymentImage"] = "deploymentImage";
+  ColumnKeys2["podImage"] = "podImage";
+  return ColumnKeys2;
+})(ColumnKeys || {});
+const useEagleTable = (params) => {
+  var _a;
+  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+  const { value: nsFilter } = useNamespacesFilter();
+  const useTableParams = useMemo(() => {
+    const mergedParams = merge(params.useTableParams, {
+      filters: {
+        permanent: [
+          {
+            field: "metadata.namespace",
+            operator: "eq",
+            value: nsFilter === ALL_NS ? null : nsFilter
+          }
+        ]
+      }
+    });
+    return mergedParams;
+  }, [params.useTableParams, nsFilter]);
+  const table = useTable(useTableParams);
+  const onPageChange = useCallback(
+    (page) => {
+      setCurrentPage(page);
+    },
+    [setCurrentPage]
+  );
+  const actionColumn = {
+    key: "action",
+    display: true,
+    dataIndex: [],
+    title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, { src: SettingsGear16GradientGrayIcon }),
+    render: (_2, record) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(Dropdown, { data: record });
+    }
+  };
+  const finalDataSource = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data.map(formatter);
+  const finalProps = {
+    loading: table.tableQueryResult.isLoading,
+    dataSource: finalDataSource || [],
+    columns: [...columns, actionColumn],
+    refetch: () => null,
+    error: false,
+    rowKey: "id",
+    currentPage,
+    currentSize: (tableProps == null ? void 0 : tableProps.currentSize) || 5,
+    onPageChange,
+    onSelect: (keys) => {
+      setSelectedKeys(keys);
+    }
+  };
+  return { tableProps: finalProps, selectedKeys, ...table };
+};
+const index_hex8jv = "";
+const BreadcrumbStyle = "b142d7q8";
+function Breadcrumb(props) {
+  const {
+    breadcrumbs
+  } = useBreadcrumb();
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
+    className: cx_default(BreadcrumbStyle, props.className),
+    children: breadcrumbs.map((breadcrumb) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
+        className: "breadcrumb-item",
+        children: breadcrumb.href ? /* @__PURE__ */ jsxRuntime.exports.jsx(Link, {
+          to: breadcrumb.href,
+          children: breadcrumb.label
+        }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          children: breadcrumb.label
+        })
+      }, `breadcrumb-${breadcrumb.label}`);
+    })
+  });
+}
+function NameInputWidget(props) {
+  const kit = useUIKit();
+  const { action } = useResource();
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.input, { ...props, disabled: action === "edit" });
+}
+const dnsSubDomainRules = [
+  {
+    required: true,
+    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
+  },
+  {
+    pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
+    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-' \u548C '.'\uFF0C\u4E14\u5FC5\u987B\u4EE5\u5B57\u6BCD\u6216\u6570\u5B57\u5F00\u5934\u548C\u7ED3\u675F"
+  },
+  {
+    max: 253,
+    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7253\u4E2A\u5B57\u7B26"
+  }
+];
+const rfc1123LabelRules = [
+  {
+    required: true,
+    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
+  },
+  {
+    pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
+    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-'\uFF0C\u4E14\u4EE5\u5B57\u6BCD\u6216\u6570\u5B57\u5F00\u5934\u548C\u7ED3\u675F"
+  },
+  {
+    max: 63,
+    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC763\u4E2A\u5B57\u7B26"
+  }
+];
+const rfc1035LabelRules = [
+  {
+    required: true,
+    message: "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A"
+  },
+  {
+    pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
+    message: "\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\uFF0C\u4EE5\u53CA '-'\uFF0C\u4E14\u4EE5\u5B57\u6BCD\u5F00\u5934\uFF0C\u5B57\u6BCD\u6216\u6570\u5B57\u7ED3\u675F"
+  },
+  {
+    max: 63,
+    message: "\u540D\u79F0\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC763\u4E2A\u5B57\u7B26"
+  }
+];
+function NamespaceSelectWidget(props) {
+  const kit = useUIKit();
+  const { action } = useResource();
+  const { data: data2 } = useList({
+    resource: "namespaces",
+    meta: {
+      resourceBasePath: "/api/v1",
+      kind: "Namespace"
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntime.exports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
+}
+const namespaceRules = [
+  {
+    required: true,
+    message: "Please input the namespace."
+  }
+];
+function KeyValueInput(props) {
+  const { children, item } = props;
+  const kit = useUIKit();
+  const onKeyChange = useCallback(
+    (event) => {
+      var _a;
+      const key = event.target.value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, {
+        ...item,
+        key
+      });
+    },
+    [item, props]
+  );
+  const onValueChange = useCallback(
+    (event) => {
+      var _a;
+      console.log(event);
+      const value = event.target.value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, {
+        ...item,
+        value
+      });
+    },
+    [item, props]
+  );
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(kit.space, { children: [
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
+    children
+  ] });
+}
+function KeyValueListWidget(props) {
+  const kit = useUIKit();
+  const { value } = props;
+  const items = useMemo(() => {
+    return Object.entries(value || {}).map(([key, value2]) => ({
+      key,
+      value: value2
+    }));
+  }, [value]);
+  const onChange = useCallback(
+    (newItems) => {
+      var _a;
+      const newValue = newItems.reduce((result, item) => {
+        result[item.key] = item.value;
+        return result;
+      }, {});
+      (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
+    },
+    [props]
+  );
+  const onRemove = useCallback(
+    (index) => {
+      const result = [...items];
+      result.splice(index, 1);
+      onChange(result);
+    },
+    [onChange, items]
+  );
+  const onAdd = useCallback(() => {
+    onChange([...items, { key: "", value: "" }]);
+  }, [onChange, items]);
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
+    items.map((item, index) => {
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(
+        KeyValueInput,
+        {
+          item,
+          onChange: (newItem) => {
+            console.log(newItem);
+            const temp = [...items];
+            temp.splice(index, 1, newItem);
+            onChange(temp);
+          },
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+            kit.button,
+            {
+              onClick: () => {
+                onRemove(index);
+              },
+              danger: true,
+              children: "Remove"
+            }
+          )
+        },
+        index
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
+  ] });
+}
+function MetadataForm() {
+  const kit = useUIKit();
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntime.exports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ jsxRuntime.exports.jsx(
+      kit.form.Item,
+      {
+        label: "Namespace",
+        name: ["metadata", "namespace"],
+        rules: namespaceRules,
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx(NamespaceSelectWidget, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValueListWidget, {}) }),
+    /* @__PURE__ */ jsxRuntime.exports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntime.exports.jsx(KeyValueListWidget, {}) })
+  ] });
+}
+function addId(arr, idKey) {
+  return arr.map((e) => {
+    return {
+      id: e[idKey],
+      ...e
+    };
+  });
+}
 const ConditionsTable = ({ conditions = [] }) => {
   const kit = useUIKit();
   const { t } = useTranslation();
@@ -7850,237 +8095,6 @@ const ConditionsTable = ({ conditions = [] }) => {
     }
   );
 };
-const index_86mllf = "";
-const MoreTriggerStyle = "m1u1f5zp";
-const ImageNames = ({
-  value
-}) => {
-  const kit = useUIKit();
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-    children: [/* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-      children: value[0]
-    }), value.length > 1 && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tooltip, {
-      title: /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
-        children: value.slice(1).map((name2, index) => {
-          return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-            children: name2
-          }, index);
-        })
-      }),
-      children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-        className: cx_default(Typo.Label.l4_regular, MoreTriggerStyle),
-        children: ["+", value.length - 1, " ", t("dovetail.more")]
-      })
-    })]
-  });
-};
-const StateTag = ({ state: state2 }) => {
-  const kit = useUIKit();
-  const colorMap = {
-    running: "green",
-    active: "green",
-    succeeded: "blue",
-    terminated: "red",
-    pending: "gray"
-  };
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(kit.tag, { color: colorMap[(state2 == null ? void 0 : state2.toLowerCase()) || ""] || "green", children: state2 || "Active" });
-};
-const index_1wf16rt = "";
-const MinusButtonStyle = "m8ychfk";
-const PlusButtonStyle = "p1o004do";
-const WorkloadReplicas = ({
-  record
-}) => {
-  const kit = useUIKit();
-  const {
-    resource
-  } = useResource();
-  const {
-    mutate
-  } = useUpdate();
-  const readyReplicas = record.status && "readyReplicas" in record.status ? record.status.readyReplicas : 0;
-  const replicas2 = record.status && "replicas" in record.status ? record.status.replicas : 0;
-  const canScale = record.kind === "Deployment" || record.kind === "StatefulSet";
-  const currentReplicas = get(record, "spec.replicas", 0);
-  const scale = (delta) => {
-    const v2 = record.scale(currentReplicas + delta);
-    const id = v2.id;
-    pruneBeforeEdit(v2);
-    mutate({
-      id,
-      resource: (resource == null ? void 0 : resource.name) || "",
-      values: v2
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("span", {
-    children: [canScale && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
-      className: MinusButtonStyle,
-      type: "ordinary",
-      size: "small",
-      onClick: () => scale(-1),
-      children: "-"
-    }), readyReplicas, "/", replicas2, canScale && /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, {
-      className: PlusButtonStyle,
-      type: "ordinary",
-      size: "small",
-      onClick: () => scale(1),
-      children: "+"
-    })]
-  });
-};
-const NameLink = (props) => {
-  var _a;
-  const { name: name2, id, resource } = props;
-  const kit = useUIKit();
-  const go = useGo();
-  const navigation = useNavigation();
-  const parsed = useParsed();
-  const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(
-    kit.button,
-    {
-      type: "link",
-      onClick: () => {
-        go({
-          to: navigation.showUrl(resourceName, ""),
-          query: {
-            id
-          }
-        });
-      },
-      children: name2
-    }
-  );
-};
-const CommonSorter = (dataIndex) => (a, b2) => {
-  const valA = lodash.exports.get(a, dataIndex);
-  const valB = lodash.exports.get(b2, dataIndex);
-  if (valA === valB)
-    return 0;
-  if (valA > valB)
-    return 1;
-  return -1;
-};
-const NameColumnRenderer = (i18n2, resource = "") => {
-  const dataIndex = ["metadata", "name"];
-  return {
-    key: "name",
-    display: true,
-    dataIndex,
-    title: i18n2.t("name"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex),
-    render: (v2, record) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(NameLink, { name: v2, id: record.id, resource });
-    }
-  };
-};
-const NameSpaceColumnRenderer = (i18n2) => {
-  const dataIndex = ["metadata", "namespace"];
-  return {
-    key: "namespace",
-    display: true,
-    dataIndex,
-    title: i18n2.t("namespace"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex)
-  };
-};
-const PhaseColumnRenderer = (i18n2) => {
-  const dataIndex = ["status", "phase"];
-  return {
-    key: "phase",
-    display: true,
-    dataIndex,
-    title: i18n2.t("phase"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex),
-    render: (v2) => /* @__PURE__ */ jsxRuntime.exports.jsx(StateTag, { state: v2 })
-  };
-};
-const WorkloadImageColumnRenderer = (i18n2) => {
-  const dataIndex = ["imageNames"];
-  return {
-    key: "image",
-    display: true,
-    dataIndex,
-    title: i18n2.t("image"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex),
-    render(value) {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(ImageNames, { value });
-    }
-  };
-};
-const AgeColumnRenderer = (i18n2) => {
-  const dataIndex = ["metadata", "creationTimestamp"];
-  return {
-    key: "creationTimestamp",
-    display: true,
-    dataIndex,
-    title: i18n2.t("created_time"),
-    sortable: true,
-    sorter: (a, b2) => {
-      const valA = new Date(lodash.exports.get(a, dataIndex));
-      const valB = new Date(lodash.exports.get(b2, dataIndex));
-      if (valA === valB)
-        return 0;
-      if (valA > valB)
-        return 1;
-      return -1;
-    },
-    render: (value) => {
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(Time, { date: new Date(value) });
-    }
-  };
-};
-const NodeNameColumnRenderer = (i18n2) => {
-  const dataIndex = ["spec", "nodeName"];
-  return {
-    key: "node",
-    display: true,
-    dataIndex,
-    title: i18n2.t("node_name"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex)
-  };
-};
-const RestartCountColumnRenderer = (i18n2) => {
-  const dataIndex = ["restartCount"];
-  return {
-    key: "restartCount",
-    display: true,
-    dataIndex,
-    title: i18n2.t("restarts"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex)
-  };
-};
-const CompletionsCountColumnRenderer = (i18n2) => {
-  const dataIndex = ["completionsDisplay"];
-  return {
-    key: "completions",
-    display: true,
-    dataIndex,
-    title: i18n2.t("completions"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex)
-  };
-};
-const DurationColumnRenderer = (i18n2) => {
-  const dataIndex = ["durationDisplay"];
-  return {
-    key: "duration",
-    display: true,
-    dataIndex,
-    title: i18n2.t("duration"),
-    sortable: true,
-    sorter: CommonSorter(dataIndex)
-  };
-};
 function getSecondsDiff(startDate, endDate) {
   return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1e3);
 }
@@ -9551,7 +9565,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React.lazy(() => import("./MonacoYamlDiffEditor.8bad293e.js"));
+const MonacoYamlDiffEditor = React.lazy(() => import("./MonacoYamlDiffEditor.e4468695.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -11671,67 +11685,78 @@ var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   return RESOURCE_GROUP2;
 })(RESOURCE_GROUP || {});
 export {
-  BASE_INIT_VALUE as $,
-  SecretDataField as A,
+  ShowContent as $,
+  AgeColumnRenderer as A,
   Breadcrumb as B,
-  ColumnKeys as C,
-  DeleteButton as D,
-  StartTimeField as E,
-  ShowContent as F,
-  DeleteManyButton as G,
-  StateTag as H,
+  CommonSorter as C,
+  DurationColumnRenderer as D,
+  ResourceUsageBar as E,
+  WorkloadReplicas as F,
+  CronjobJobsTable as G,
+  KeyValue as H,
   ImageNames as I,
-  JobsField as J,
+  DeleteButton as J,
   KeyValueListWidget as K,
   Layout as L,
   MetadataForm as M,
-  NameInputWidget as N,
-  DrawerShow as O,
-  PageShow as P,
-  Menu as Q,
-  ResourceCRUD as R,
+  NameColumnRenderer as N,
+  ImageField as O,
+  PhaseColumnRenderer as P,
+  ReplicaField as Q,
+  ReplicasColumnRenderer as R,
   Separator as S,
-  EditButton as T,
-  NS_STORE_KEY as U,
-  ALL_NS as V,
-  WorkloadDropdown as W,
-  useNamespacesFilter as X,
+  ConditionsField as T,
+  PodsField as U,
+  JobsField as V,
+  WorkloadImageColumnRenderer as W,
+  DataField as X,
   YamlEditorComponent as Y,
-  NamespacesFilter as Z,
-  Tags as _,
+  SecretDataField as Z,
+  StartTimeField as _,
   useDeleteModal as a,
-  DEPLOYMENT_INIT_VALUE as a0,
-  CRONJOB_INIT_VALUE as a1,
-  DAEMONSET_INIT_VALUE as a2,
-  JOB_INIT_VALUE as a3,
-  STATEFULSET_INIT_VALUE as a4,
-  POD_INIT_VALUE as a5,
-  TIMESTAMP_LABEL as a6,
-  Dovetail as a7,
-  RESOURCE_GROUP as a8,
-  useEagleTable as b,
-  useDownloadYAML as c,
-  useEdit as d,
-  dnsSubDomainRules as e,
-  rfc1123LabelRules as f,
-  rfc1035LabelRules as g,
-  NamespaceSelectWidget as h,
-  ConditionsTable as i,
+  DeleteManyButton as a0,
+  StateTag as a1,
+  DrawerShow as a2,
+  Menu as a3,
+  EditButton as a4,
+  NS_STORE_KEY as a5,
+  ALL_NS as a6,
+  useNamespacesFilter as a7,
+  NamespacesFilter as a8,
+  Tags as a9,
+  BASE_INIT_VALUE as aa,
+  DEPLOYMENT_INIT_VALUE as ab,
+  CRONJOB_INIT_VALUE as ac,
+  DAEMONSET_INIT_VALUE as ad,
+  JOB_INIT_VALUE as ae,
+  STATEFULSET_INIT_VALUE as af,
+  POD_INIT_VALUE as ag,
+  TIMESTAMP_LABEL as ah,
+  Dovetail as ai,
+  RESOURCE_GROUP as aj,
+  NameSpaceColumnRenderer as b,
+  NodeNameColumnRenderer as c,
+  RestartCountColumnRenderer as d,
+  CompletionsCountColumnRenderer as e,
+  ColumnKeys as f,
+  useEagleTable as g,
+  useDownloadYAML as h,
+  useEdit as i,
   jsxRuntime as j,
-  PodContainersTable as k,
-  CreateButton as l,
-  WorkloadPodsTable as m,
-  namespaceRules as n,
-  CronJobDropdown as o,
-  ResourceUsageBar as p,
-  WorkloadReplicas as q,
+  NameInputWidget as k,
+  dnsSubDomainRules as l,
+  rfc1123LabelRules as m,
+  rfc1035LabelRules as n,
+  NamespaceSelectWidget as o,
+  namespaceRules as p,
+  PageShow as q,
   routerProvider as r,
-  CronjobJobsTable as s,
-  KeyValue as t,
+  ConditionsTable as s,
+  PodContainersTable as t,
   useSchema as u,
-  ImageField as v,
-  ReplicaField as w,
-  ConditionsField as x,
-  PodsField as y,
-  DataField as z
+  WorkloadDropdown as v,
+  CreateButton as w,
+  ResourceCRUD as x,
+  WorkloadPodsTable as y,
+  CronJobDropdown as z
 };