@dovetail-v2/refine 0.0.6 → 0.0.7

package/dist/refine.umd.cjs

@@ -6942,601 +6942,111 @@ var __publicField = (obj, key, value) => {
     }
     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__default.default.dump(item);
-      download(`${name2}.yaml`, content);
-    };
-  }
-  function useEdit() {
-    const { resource } = core.useParsed();
-    const go = core.useGo();
-    const edit2 = React.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 = eagle.useUIKit();
-    const useResourceResult = core.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(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("edit") })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.exports.jsx(
-              kit.menuItem,
-              {
-                danger: true,
-                onClick: () => {
-                  openDeleteConfirmModal(data2.id);
-                },
-                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("download_yaml") })
-              }
-            ),
-            props.children
-          ] }),
-          children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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 = React.useRef(() => {
-      throw new Error("Cannot call an event handler while rendering.");
-    });
-    useIsomorphicLayoutEffect(() => {
-      ref.current = fn;
-    }, [fn]);
-    return React.useCallback((...args) => ref.current(...args), [ref]);
-  }
-  function useEventListener(eventName, handler, element, options) {
-    const savedHandler = React.useRef(handler);
-    useIsomorphicLayoutEffect(() => {
-      savedHandler.current = handler;
-    }, [handler]);
-    React.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" ? React.useLayoutEffect : React.useEffect;
-  function useLocalStorage(key, initialValue) {
-    const readValue = React.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] = React.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);
-      }
     });
-    React.useEffect(() => {
-      setStoredValue(readValue());
-    }, []);
-    const handleStorageChange = React.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 = eagle.useUIKit();
-    const { t } = useTranslation();
-    const { data: data2 } = core.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(eagle.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] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-    const { value: nsFilter } = useNamespacesFilter();
-    const useTableParams = React.useMemo(() => {
-      const mergedParams = lodashEs.merge(params.useTableParams, {
-        filters: {
-          permanent: [
-            {
-              field: "metadata.namespace",
-              operator: "eq",
-              value: nsFilter === ALL_NS ? null : nsFilter
-            }
-          ]
-        }
-      });
-      return mergedParams;
-    }, [params.useTableParams, nsFilter]);
-    const table = core.useTable(useTableParams);
-    const onPageChange = React.useCallback(
-      (page) => {
-        setCurrentPage(page);
-      },
-      [setCurrentPage]
-    );
-    const actionColumn = {
-      key: "action",
-      display: true,
-      dataIndex: [],
-      title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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 = eagle.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(module2, exports3) {
+    !function(t, e) {
+      module2.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
-    } = core.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(reactRouterDom.Link, {
-            to: breadcrumb.href,
-            children: breadcrumb.label
-          }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-            children: breadcrumb.label
-          })
-        }, `breadcrumb-${breadcrumb.label}`);
-      })
-    });
-  }
-  function NameInputWidget(props) {
-    const kit = eagle.useUIKit();
-    const { action } = core.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 = eagle.useUIKit();
-    const { action } = core.useResource();
-    const { data: data2 } = core.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 = eagle.useUIKit();
-    const onKeyChange = React.useCallback(
-      (event) => {
-        var _a;
-        const key = event.target.value;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, {
-          ...item,
-          key
-        });
-      },
-      [item, props]
-    );
-    const onValueChange = React.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 = eagle.useUIKit();
-    const { value } = props;
-    const items = React.useMemo(() => {
-      return Object.entries(value || {}).map(([key, value2]) => ({
-        key,
-        value: value2
-      }));
-    }, [value]);
-    const onChange = React.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 = React.useCallback(
-      (index) => {
-        const result = [...items];
-        result.splice(index, 1);
-        onChange(result);
-      },
-      [onChange, items]
-    );
-    const onAdd = React.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 = eagle.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(module2, exports3) {
-    !function(t, e) {
-      module2.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) {
@@ -7814,7 +7324,742 @@ var __publicField = (obj, key, value) => {
         time.format(timeTemplate)
       ] })
     ] });
-  };
+  };
+  const index_1wf16rt = "";
+  const MinusButtonStyle = "m8ychfk";
+  const PlusButtonStyle = "p1o004do";
+  const WorkloadReplicas = ({
+    record
+  }) => {
+    const kit = eagle.useUIKit();
+    const {
+      resource
+    } = core.useResource();
+    const {
+      mutate
+    } = core.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 = lodashEs.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 = eagle.useUIKit();
+    const go = core.useGo();
+    const navigation = core.useNavigation();
+    const parsed = core.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__default.default.dump(item);
+      download(`${name2}.yaml`, content);
+    };
+  }
+  function useEdit() {
+    const { resource } = core.useParsed();
+    const go = core.useGo();
+    const edit2 = React.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 = eagle.useUIKit();
+    const useResourceResult = core.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(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t("edit") })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.exports.jsx(
+              kit.menuItem,
+              {
+                danger: true,
+                onClick: () => {
+                  openDeleteConfirmModal(data2.id);
+                },
+                children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t("download_yaml") })
+              }
+            ),
+            props.children
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(kit.button, { type: "tertiary", size: "small", children: /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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 = React.useRef(() => {
+      throw new Error("Cannot call an event handler while rendering.");
+    });
+    useIsomorphicLayoutEffect(() => {
+      ref.current = fn;
+    }, [fn]);
+    return React.useCallback((...args) => ref.current(...args), [ref]);
+  }
+  function useEventListener(eventName, handler, element, options) {
+    const savedHandler = React.useRef(handler);
+    useIsomorphicLayoutEffect(() => {
+      savedHandler.current = handler;
+    }, [handler]);
+    React.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" ? React.useLayoutEffect : React.useEffect;
+  function useLocalStorage(key, initialValue) {
+    const readValue = React.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] = React.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);
+      }
+    });
+    React.useEffect(() => {
+      setStoredValue(readValue());
+    }, []);
+    const handleStorageChange = React.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 = eagle.useUIKit();
+    const { t } = useTranslation();
+    const { data: data2 } = core.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] = React.useState([]);
+    const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+    const { value: nsFilter } = useNamespacesFilter();
+    const useTableParams = React.useMemo(() => {
+      const mergedParams = lodashEs.merge(params.useTableParams, {
+        filters: {
+          permanent: [
+            {
+              field: "metadata.namespace",
+              operator: "eq",
+              value: nsFilter === ALL_NS ? null : nsFilter
+            }
+          ]
+        }
+      });
+      return mergedParams;
+    }, [params.useTableParams, nsFilter]);
+    const table = core.useTable(useTableParams);
+    const onPageChange = React.useCallback(
+      (page) => {
+        setCurrentPage(page);
+      },
+      [setCurrentPage]
+    );
+    const actionColumn = {
+      key: "action",
+      display: true,
+      dataIndex: [],
+      title: () => /* @__PURE__ */ jsxRuntime.exports.jsx(eagle.Icon, { src: iconsReact.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
+    } = core.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(reactRouterDom.Link, {
+            to: breadcrumb.href,
+            children: breadcrumb.label
+          }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+            children: breadcrumb.label
+          })
+        }, `breadcrumb-${breadcrumb.label}`);
+      })
+    });
+  }
+  function NameInputWidget(props) {
+    const kit = eagle.useUIKit();
+    const { action } = core.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 = eagle.useUIKit();
+    const { action } = core.useResource();
+    const { data: data2 } = core.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 = eagle.useUIKit();
+    const onKeyChange = React.useCallback(
+      (event) => {
+        var _a;
+        const key = event.target.value;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, {
+          ...item,
+          key
+        });
+      },
+      [item, props]
+    );
+    const onValueChange = React.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 = eagle.useUIKit();
+    const { value } = props;
+    const items = React.useMemo(() => {
+      return Object.entries(value || {}).map(([key, value2]) => ({
+        key,
+        value: value2
+      }));
+    }, [value]);
+    const onChange = React.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 = React.useCallback(
+      (index) => {
+        const result = [...items];
+        result.splice(index, 1);
+        onChange(result);
+      },
+      [onChange, items]
+    );
+    const onAdd = React.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 = eagle.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 = eagle.useUIKit();
     const { t } = useTranslation();
@@ -7864,237 +8109,6 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const index_86mllf = "";
-  const MoreTriggerStyle = "m1u1f5zp";
-  const ImageNames = ({
-    value
-  }) => {
-    const kit = eagle.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(eagle.Typo.Label.l4_regular, MoreTriggerStyle),
-          children: ["+", value.length - 1, " ", t("dovetail.more")]
-        })
-      })]
-    });
-  };
-  const StateTag = ({ state: state2 }) => {
-    const kit = eagle.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 = eagle.useUIKit();
-    const {
-      resource
-    } = core.useResource();
-    const {
-      mutate
-    } = core.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 = lodashEs.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 = eagle.useUIKit();
-    const go = core.useGo();
-    const navigation = core.useNavigation();
-    const parsed = core.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);
   }
@@ -11725,10 +11739,13 @@ var __publicField = (obj, key, value) => {
     default: MonacoYamlDiffEditor
   }, Symbol.toStringTag, { value: "Module" }));
   exports2.ALL_NS = ALL_NS;
+  exports2.AgeColumnRenderer = AgeColumnRenderer;
   exports2.BASE_INIT_VALUE = BASE_INIT_VALUE;
   exports2.Breadcrumb = Breadcrumb;
   exports2.CRONJOB_INIT_VALUE = CRONJOB_INIT_VALUE;
   exports2.ColumnKeys = ColumnKeys;
+  exports2.CommonSorter = CommonSorter;
+  exports2.CompletionsCountColumnRenderer = CompletionsCountColumnRenderer;
   exports2.ConditionsField = ConditionsField;
   exports2.ConditionsTable = ConditionsTable;
   exports2.CreateButton = CreateButton;
@@ -11741,6 +11758,7 @@ var __publicField = (obj, key, value) => {
   exports2.DeleteManyButton = DeleteManyButton;
   exports2.Dovetail = Dovetail;
   exports2.DrawerShow = DrawerShow;
+  exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.EditButton = EditButton;
   exports2.ImageField = ImageField;
   exports2.ImageNames = ImageNames;
@@ -11752,17 +11770,23 @@ var __publicField = (obj, key, value) => {
   exports2.Menu = Menu;
   exports2.MetadataForm = MetadataForm;
   exports2.NS_STORE_KEY = NS_STORE_KEY;
+  exports2.NameColumnRenderer = NameColumnRenderer;
   exports2.NameInputWidget = NameInputWidget;
+  exports2.NameSpaceColumnRenderer = NameSpaceColumnRenderer;
   exports2.NamespaceSelectWidget = NamespaceSelectWidget;
   exports2.NamespacesFilter = NamespacesFilter;
+  exports2.NodeNameColumnRenderer = NodeNameColumnRenderer;
   exports2.POD_INIT_VALUE = POD_INIT_VALUE;
   exports2.PageShow = PageShow;
+  exports2.PhaseColumnRenderer = PhaseColumnRenderer;
   exports2.PodContainersTable = PodContainersTable;
   exports2.PodsField = PodsField;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReplicaField = ReplicaField;
+  exports2.ReplicasColumnRenderer = ReplicasColumnRenderer;
   exports2.ResourceCRUD = ResourceCRUD;
   exports2.ResourceUsageBar = ResourceUsageBar;
+  exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
   exports2.STATEFULSET_INIT_VALUE = STATEFULSET_INIT_VALUE;
   exports2.SecretDataField = SecretDataField;
   exports2.Separator = Separator;
@@ -11772,6 +11796,7 @@ var __publicField = (obj, key, value) => {
   exports2.TIMESTAMP_LABEL = TIMESTAMP_LABEL;
   exports2.Tags = Tags;
   exports2.WorkloadDropdown = WorkloadDropdown;
+  exports2.WorkloadImageColumnRenderer = WorkloadImageColumnRenderer;
   exports2.WorkloadPodsTable = WorkloadPodsTable;
   exports2.WorkloadReplicas = WorkloadReplicas;
   exports2.YamlEditorComponent = YamlEditorComponent;