@dovetail-v2/refine 0.0.45-bowen.4 → 0.0.46-alpha.0

package/dist/{index-1a64b0dc.js → index-5213b638.js}

@@ -6,20 +6,20 @@ var __publicField = (obj, key2, value2) => {
 };
 import i18n from "i18next";
 import * as React from "react";
-import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, CanAccess, useCan, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
+import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, useImperativeHandle, memo, PureComponent, forwardRef, Suspense } from "react";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useCan, useTable, useDeleteMany, CanAccess, useUpdate, useDataProvider, useShow, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Space, Form, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
-import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
-import { get as get$3, first, debounce, last, isObject as isObject$4, merge, keyBy } from "lodash-es";
+import { Typo, Tag, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Icon as Icon$1, Button, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { omit as omit$1, debounce, last, merge, get as get$3, first, isObject as isObject$4, keyBy } from "lodash-es";
 import yaml from "js-yaml";
+import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
 import ReactDOM from "react-dom";
 import { useForm as useForm$3 } from "sunflower-antd";
 import { Drawer } from "antd";
-import { dataProvider, liveProvider } from "k8s-api-provider";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -8618,7 +8618,7 @@ function Table(props) {
   } = props;
   const auxiliaryLineRef = useRef(null);
   const wrapperRef = useRef(null);
-  const pagination = useMemo(() => ({
+  useMemo(() => ({
     current: currentPage,
     pageSize: defaultSize,
     onChange: onPageChange
@@ -8665,7 +8665,6 @@ function Table(props) {
       tableLayout: "fixed",
       columns: finalColumns,
       dataSource,
-      pagination,
       error,
       loading,
       rowKey,
@@ -8683,11 +8682,38 @@ function Table(props) {
   });
 }
 const ComponentContext = createContext({});
+function useTableData({ data: data2, columns, pageSize = 10 }) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const [sorters, setSorters] = useState([]);
+  const onSorterChange = useCallback((order, key2) => {
+    var _a;
+    const ORDER_MAP = {
+      descend: "desc",
+      ascend: "asc"
+    };
+    const sorters2 = [{
+      field: (_a = columns.find((col) => col.key === key2)) == null ? void 0 : _a.dataIndex,
+      order: order ? ORDER_MAP[order] : order
+    }];
+    setSorters(sorters2);
+  }, [columns]);
+  return {
+    data: paginateData(
+      {
+        pageSize,
+        current: currentPage
+      },
+      sortData(sorters, data2)
+    ),
+    currentPage,
+    onPageChange: setCurrentPage,
+    onSorterChange
+  };
+}
 const PodSelectorTable = ({ podSelectors = {} }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const [currentPage, setCurrentPage] = useState(1);
   const currentSize = 10;
   const datas = Object.keys(podSelectors).map((key2) => ({
     id: key2,
@@ -8712,6 +8738,15 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
       width: "50%"
     }
   ];
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    data: datas,
+    columns
+  });
   if (datas.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -8727,14 +8762,15 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     {
       tableKey: "podSelector",
       loading: false,
-      data: datas.slice((currentPage - 1) * currentSize, currentPage * currentSize),
+      data: finalData,
       total: datas.length,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "key",
       empty: t2("dovetail.empty"),
       defaultSize: currentSize,
       currentPage,
-      onPageChange: setCurrentPage,
+      onPageChange,
+      onSorterChange,
       showMenuColumn: false
     }
   );
@@ -8743,7 +8779,6 @@ const PortsTable = ({ service }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const [currentPage, setCurrentPage] = useState(1);
   const currentSize = 10;
   const columns = [
     {
@@ -8791,6 +8826,15 @@ const PortsTable = ({ service }) => {
     ...port2,
     id: port2.name || ""
   }));
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    data: ports,
+    columns
+  });
   if ((ports == null ? void 0 : ports.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -8806,14 +8850,15 @@ const PortsTable = ({ service }) => {
     {
       tableKey: "ports",
       loading: false,
-      data: ports.slice((currentPage - 1) * currentSize, currentPage * currentSize),
+      data: finalData,
       total: ports.length,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "name",
       empty: t2("dovetail.empty"),
       defaultSize: currentSize,
       currentPage,
-      onPageChange: setCurrentPage,
+      onPageChange,
+      onSorterChange,
       showMenuColumn: false
     }
   );
@@ -9953,7 +9998,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_10ylmu3 = "";
+const index_1wlqq0y = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -9992,24 +10037,23 @@ const StateTag = ({
   const {
     t: t2
   } = useTranslation();
-  const statusMap = {
-    updating: "loading",
+  const colorMap = {
+    updating: "blue",
     ready: "green",
     completed: "gray",
     failed: "red",
     suspended: "warning",
-    running: "green",
-    succeeded: "blue",
-    unknown: "gray",
-    terminating: "loading",
-    pending: "warning",
+    running: "blue",
+    succeeded: "green",
+    unknown: "warning",
+    terminating: "red",
+    pending: "gray",
     waiting: "warning",
     terminated: "red"
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, {
     className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-    color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
-    loading: statusMap[state2] === "loading",
+    color: colorMap[state2],
     children: t2(`dovetail.${state2 || "updating"}`)
   });
 };
@@ -10127,11 +10171,9 @@ const Time = (props) => {
   });
 };
 const ConditionsTable = ({ conditions = [] }) => {
-  const [currentPage, setCurrentPage] = useState(1);
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const currentSize = 10;
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -10187,6 +10229,8 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 403
     }
   ];
+  const { data: finalData, currentPage, onPageChange, onSorterChange } = useTableData({ data: conditionsWithId, columns });
+  const currentSize = 10;
   if (conditionsWithId.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -10202,18 +10246,38 @@ const ConditionsTable = ({ conditions = [] }) => {
     {
       tableKey: "condition",
       loading: false,
-      data: conditionsWithId.slice((currentPage - 1) * currentSize, currentPage * currentSize),
+      data: finalData,
       total: conditionsWithId.length,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "type",
       empty: t2("dovetail.empty"),
       defaultSize: currentSize,
       currentPage,
-      onPageChange: setCurrentPage,
+      onPageChange,
+      onSorterChange,
       showMenuColumn: false
     }
   );
 };
+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();
@@ -10292,222 +10356,650 @@ function useOpenForm(options) {
     }
   };
 }
-function CreateButton() {
-  var _a;
+function K8sDropdown(props) {
+  const { record, size = "normal" } = props;
   const kit = useUIKit();
-  const { t: t2 } = useTranslation();
-  const openForm = useOpenForm();
-  const { resource } = useResource();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.button,
-    {
-      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusAddCreateNew16BoldOntintIcon, {}),
-      type: "primary",
-      onClick: openForm,
-      children: t2("dovetail.create_resource", { resource: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind })
-    }
+  const { globalStore } = useGlobalStore();
+  const useResourceResult = useResource();
+  const resource = useResourceResult.resource;
+  const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
+    (resource == null ? void 0 : resource.name) || ""
   );
-}
-const useDeleteManyModal = (resource, ids) => {
-  const { mutate } = useDeleteMany();
-  const [visible, setVisible] = useState(false);
-  const { t: t2 } = useTranslation();
-  const modalProps = {
-    title: t2("dovetail.delete"),
-    okText: t2("dovetail.delete"),
-    okButtonProps: {
-      danger: true
-    },
-    cancelText: t2("dovetail.cancel"),
-    children: t2("dovetail.confirm_delete_text", {
-      target: ids,
-      interpolation: { escapeValue: false }
-    }),
-    onOk() {
-      mutate({
-        resource,
-        ids
-      });
-      setVisible(false);
-    },
-    onCancel() {
-      setVisible(false);
-    }
-  };
-  return { modalProps, visible, setVisible };
-};
-const DeleteManyButton = (props) => {
-  const { resource } = useResource();
-  const kit = useUIKit();
+  const download2 = useDownloadYAML();
   const { t: t2 } = useTranslation();
-  const { modalProps, visible, setVisible } = useDeleteManyModal(
-    (resource == null ? void 0 : resource.name) || "",
-    props.ids
-  );
-  const onClick = useCallback(() => {
-    setVisible(true);
-  }, [setVisible]);
+  const openForm = useOpenForm({ id: record.id });
+  const isInShowPage = useResourceResult.action === "show";
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
+  });
+  const { data: canDeleteData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Delete
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.dropdown,
+      {
+        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
+          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            kit.menuItem,
+            {
+              onClick: openForm,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            kit.menu.Item,
+            {
+              onClick: () => {
+                var _a;
+                if (record.id) {
+                  download2({
+                    name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                    item: omit$1((globalStore == null ? void 0 : globalStore.restoreItem(record)) || record, "id")
+                  });
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
+            }
+          ),
+          props.children,
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            kit.menuItem,
+            {
+              danger: true,
+              onClick: () => {
+                openDeleteConfirmModal(record.id);
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: TrashBinDelete16Icon, children: t2("dovetail.delete") })
+            }
+          ) : null
+        ] }),
+        trigger: ["click"],
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          kit.button,
+          {
+            type: "quiet",
+            size: size === "large" ? "middle" : "small",
+            prefixIcon: size === "large" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Icon$1,
+              {
+                src: MoreEllipsis324BoldSecondaryIcon,
+                hoverSrc: MoreEllipsis324BoldBlueIcon,
+                iconWidth: 24,
+                iconHeight: 24
+              }
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: MoreEllipsis316BoldBlueIcon })
+          }
+        )
+      }
+    ),
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
   ] });
-};
-const TableToolBar_4s5vf2 = "";
-const ToolbarWrapperStyle = "t1v3ienx";
-const ToolbarStyle$1 = "tgejfwe";
-const TitleStyle$2 = "tq6dc79";
-const DescriptionStyle = "d1wqyhgc";
-const TableToolBar = ({
-  description,
-  selectedKeys,
-  hideCreate
-}) => {
-  var _a;
-  const kit = useUIKit();
-  const {
-    resource
-  } = useResource();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    className: cx_default(ToolbarWrapperStyle, "table-toolbar"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-      className: ToolbarStyle$1,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: cx_default(Typo.Display.d2_regular_title, TitleStyle$2),
-        children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-        children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
-          ids: selectedKeys
-        }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
-          resource: resource == null ? void 0 : resource.name,
-          action: AccessControlAuth.Create,
-          children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null
-        })]
-      })]
-    }), description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      className: DescriptionStyle,
-      children: description
-    }) : null]
+}
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value2) {
+    return value2 instanceof P ? value2 : new P(function(resolve) {
+      resolve(value2);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value2) {
+      try {
+        step(generator.next(value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function rejected(value2) {
+      try {
+        step(generator["throw"](value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-const index_6qzjtx = "";
-const WrapperStyle$5 = "w16agr8o";
-function matchOwner(job, owner) {
-  var _a;
-  let match = false;
-  for (const o of ((_a = job.metadata) == null ? void 0 : _a.ownerReferences) || []) {
-    if (o.apiVersion === owner.apiVersion && o.kind === owner.kind && o.name === owner.name && job.namespace === owner.namespace) {
-      match = true;
-    }
-  }
-  return match;
+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]);
 }
-const CronjobJobsTable = ({
-  owner,
-  hideToolBar
-}) => {
+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 = (event2) => savedHandler.current(event2);
+    targetElement.addEventListener(eventName, listener, options);
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value2) {
+    return value2 instanceof P ? value2 : new P(function(resolve) {
+      resolve(value2);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value2) {
+      try {
+        step(generator.next(value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function rejected(value2) {
+      try {
+        step(generator["throw"](value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    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(key2, initialValue) {
+  const readValue = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key2);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key “${key2}”:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key2]);
+  const [storedValue, setStoredValue] = useState(readValue);
+  const setValue = useEventCallback((value2) => {
+    if (typeof window === "undefined") {
+      console.warn(`Tried setting localStorage key “${key2}” even though environment is not a client`);
+    }
+    try {
+      const newValue = value2 instanceof Function ? value2(storedValue) : value2;
+      window.localStorage.setItem(key2, JSON.stringify(newValue));
+      setStoredValue(newValue);
+      window.dispatchEvent(new Event("local-storage"));
+    } catch (error) {
+      console.warn(`Error setting localStorage key “${key2}”:`, error);
+    }
+  });
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  const handleStorageChange = useCallback((event2) => {
+    if ((event2 === null || event2 === void 0 ? void 0 : event2.key) && event2.key !== key2) {
+      return;
+    }
+    setStoredValue(readValue());
+  }, [key2, readValue]);
+  useEventListener("storage", handleStorageChange);
+  useEventListener("local-storage", handleStorageChange);
+  return [storedValue, setValue];
+}
+function parseJSON(value2) {
+  try {
+    return value2 === "undefined" ? void 0 : JSON.parse(value2 !== null && value2 !== void 0 ? value2 : "");
+  } catch (_a) {
+    console.log("parsing error on", { value: value2 });
+    return void 0;
+  }
+}
+const GlobalStoreContext = createContext({});
+const index_1uuzt53 = "";
+const SelectStyle = "sj0ggy";
+const DropdownStyle = "d1eo8uqs";
+const SearchInputStyle = "s64gojc";
+const SelectContentStyle = "s16fqgtu";
+const TokenStyle = "tgaujbg";
+const CountTokenStyle = "c1vbd54v";
+const SelectOptionGroupStyle = "sxzmtrx";
+const LabelWrapperStyle = "lqrghwd";
+const AllNamespaceOptionStyle = "api7z1z";
+const OptionStyle = "o38b23x";
+const NS_STORE_KEY = "namespace-filter";
+const ALL_NS = "_all";
+const useNamespacesFilter = () => {
+  const [value2] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
   const {
-    i18n: i18n2
-  } = useTranslation();
+    resource
+  } = useResource();
+  const configs = useContext(ConfigsContext);
+  if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].hideNamespacesFilter) {
+    return {
+      value: []
+    };
+  }
+  return {
+    value: value2
+  };
+};
+const NamespacesFilter = ({
+  className
+}) => {
   const kit = useUIKit();
-  const [selectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState(1);
-  const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
-  const currentSize = 10;
+  const {
+    t: t2
+  } = useTranslation();
+  const [search, setSearch] = useState("");
   const {
     data: data2,
     isLoading
   } = useList({
-    resource: "jobs",
+    resource: "namespaces",
     meta: {
-      resourceBasePath: "/apis/batch/v1",
-      kind: "Job"
+      resourceBasePath: "/api/v1",
+      kind: "Namespace"
     },
     pagination: {
       mode: "off"
     }
   });
-  const dataSource = useMemo(() => {
-    return data2 == null ? void 0 : data2.data.filter((p) => {
-      return owner ? matchOwner(p, owner) : true;
-    });
-  }, [data2 == null ? void 0 : data2.data, owner]);
-  const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
-    ...WorkloadImageColumnRenderer(i18n2),
-    width: 238
-  }, CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
-  if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-      errorText: i18n2.t("dovetail.no_resource", {
-        kind: " Job"
-      }),
-      type: ErrorContentType.Card
-    });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-    direction: "vertical",
-    className: WrapperStyle$5,
-    children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
-      selectedKeys,
-      hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
-      tableKey: "cronjobs",
-      loading: isLoading,
-      data: (dataSource || []).slice((currentPage - 1) * currentSize, currentPage * currentSize),
-      total: (dataSource == null ? void 0 : dataSource.length) || 0,
-      columns,
-      rowKey: "id",
-      error: false,
-      currentPage,
-      onPageChange: (p) => setCurrentPage(p),
-      defaultSize: currentSize,
-      refetch: () => null,
-      showMenuColumn: false
+  const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
+  const debouncedSetSearch = debounce(setSearch, 100);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+    loading: isLoading,
+    style: {
+      width: 278
+    },
+    className: cx_default(SelectStyle, className),
+    dropdownClassName: DropdownStyle,
+    searchValue: search,
+    virtual: false,
+    input: {
+      value: value2,
+      onChange(value22) {
+        if (last(value22) === ALL_NS || value22.length === 0) {
+          setValue([ALL_NS]);
+        } else {
+          setValue(value22.filter((namespace2) => namespace2 !== ALL_NS));
+        }
+      }
+    },
+    dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: SelectContentStyle,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
+        style: {
+          width: "100%"
+        },
+        className: SearchInputStyle,
+        onChange: debouncedSetSearch,
+        placeholder: t2("dovetail.please_input")
+      }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
+    }),
+    tagRender: ({
+      label: label2,
+      value: value22,
+      closable,
+      onClose
+    }) => {
+      const isCountToken = label2 !== value22 && typeof label2 === "string";
+      const isAll = value22 === ALL_NS;
+      return isAll ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        style: {
+          marginLeft: 8
+        },
+        children: label2
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
+        className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
+        closable,
+        size: "medium",
+        onClose,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+          content: isCountToken ? label2.replace(/[\s\.]/g, "") : label2
+        })
+      });
+    },
+    maxTagCount: 1,
+    optionLabelProp: "label",
+    showArrow: true,
+    showSearch: false,
+    multiple: true,
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+      value: "_all",
+      label: t2("dovetail.all_namespaces"),
+      className: AllNamespaceOptionStyle,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+        content: t2("dovetail.all_namespaces"),
+        className: LabelWrapperStyle
+      })
+    }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
+      label: "",
+      className: SelectOptionGroupStyle,
+      children: data2 == null ? void 0 : data2.data.map((namespace2) => {
+        const {
+          name: name2
+        } = namespace2.metadata;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          value: name2,
+          label: name2,
+          className: OptionStyle,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+            content: name2,
+            className: LabelWrapperStyle
+          })
+        }, name2);
+      })
     })]
   });
 };
-const EventsTable = ({}) => {
-  const { i18n: i18n2 } = useTranslation();
-  const [currentPage, setCurrentPage] = useState(1);
-  const currentSize = 10;
-  const { data: data2, isLoading } = useList({
-    resource: "events",
-    meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const parsed = useParsed();
-  const columns = useMemo(
-    () => [
-      {
-        key: "type",
-        display: true,
-        dataIndex: ["type"],
-        title: i18n2.t("dovetail.type"),
-        sortable: true,
-        width: 120,
-        render(value2) {
-          const colorMap = {
-            "Warning": "red",
-            "Normal": "green"
-          };
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, { color: colorMap[value2], className: cx_default(StateTagStyle, "no-background"), children: i18n2.t(`dovetail.${value2.toLowerCase()}`) });
-        },
-        sorter: CommonSorter(["type"])
-      },
-      {
-        key: "reason",
-        display: true,
-        dataIndex: ["reason"],
-        title: i18n2.t("dovetail.reason"),
-        sortable: true,
-        width: 120,
-        sorter: CommonSorter(["reason"])
+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 || {});
+function addDefaultRenderToColumns(columns) {
+  return columns.map((col) => ({
+    render(value2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ValueDisplay,
+        {
+          value: value2
+        }
+      );
+    },
+    ...col
+  }));
+}
+const useEagleTable = (params) => {
+  var _a, _b;
+  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
+  const [selectedKeys, setSelectedKeys] = useState([]);
+  const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+  const { resource } = useResource();
+  const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
+  const { value: nsFilters = [] } = useNamespacesFilter();
+  const useTableParams = useMemo(() => {
+    const mergedParams = merge(params.useTableParams, {
+      pagination: {
+        pageSize: currentSize,
+        mode: "server"
       },
-      {
-        key: "note",
-        display: true,
+      filters: {
+        permanent: [
+          {
+            operator: "or",
+            value: nsFilters.filter((filter) => filter !== ALL_NS).map((filter) => ({
+              field: "metadata.namespace",
+              operator: "eq",
+              value: filter
+            }))
+          }
+        ]
+      }
+    });
+    return mergedParams;
+  }, [params.useTableParams, nsFilters, currentSize]);
+  const finalColumns = useMemo(
+    () => addDefaultRenderToColumns(columns),
+    [columns]
+  );
+  const table = useTable(useTableParams);
+  const onPageChange = useCallback(
+    (page) => {
+      var _a2;
+      setCurrentPage(page);
+      (_a2 = table.setCurrent) == null ? void 0 : _a2.call(table, page || 1);
+    },
+    [setCurrentPage, table]
+  );
+  const onSorterChange = useCallback((order, key2) => {
+    var _a2;
+    const ORDER_MAP = {
+      descend: "desc",
+      ascend: "asc"
+    };
+    const sorters = [{
+      field: (_a2 = columns.find((col) => col.key === key2)) == null ? void 0 : _a2.dataIndex,
+      order: order ? ORDER_MAP[order] : order
+    }];
+    table.setSorters(sorters);
+  }, [table, columns]);
+  const data2 = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data;
+  const total = ((_b = table.tableQueryResult.data) == null ? void 0 : _b.total) || 0;
+  const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
+  const finalProps = {
+    tableKey: (resource == null ? void 0 : resource.name) || "table",
+    loading: table.tableQueryResult.isLoading,
+    data: finalDataSource || [],
+    columns: finalColumns,
+    error: false,
+    rowKey: "id",
+    currentPage,
+    defaultSize: currentSize,
+    onPageChange,
+    onSorterChange,
+    onSelect: (keys) => {
+      setSelectedKeys(keys);
+    },
+    total,
+    RowMenu: Dropdown
+  };
+  return { tableProps: finalProps, selectedKeys, ...table };
+};
+function CreateButton() {
+  var _a;
+  const kit = useUIKit();
+  const { t: t2 } = useTranslation();
+  const openForm = useOpenForm();
+  const { resource } = useResource();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    kit.button,
+    {
+      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusAddCreateNew16BoldOntintIcon, {}),
+      type: "primary",
+      onClick: openForm,
+      children: t2("dovetail.create_resource", { resource: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind })
+    }
+  );
+}
+const useDeleteManyModal = (resource, ids) => {
+  const { mutate } = useDeleteMany();
+  const [visible, setVisible] = useState(false);
+  const { t: t2 } = useTranslation();
+  const modalProps = {
+    title: t2("dovetail.delete"),
+    okText: t2("dovetail.delete"),
+    okButtonProps: {
+      danger: true
+    },
+    cancelText: t2("dovetail.cancel"),
+    children: t2("dovetail.confirm_delete_text", {
+      target: ids,
+      interpolation: { escapeValue: false }
+    }),
+    onOk() {
+      mutate({
+        resource,
+        ids
+      });
+      setVisible(false);
+    },
+    onCancel() {
+      setVisible(false);
+    }
+  };
+  return { modalProps, visible, setVisible };
+};
+const DeleteManyButton = (props) => {
+  const { resource } = useResource();
+  const kit = useUIKit();
+  const { t: t2 } = useTranslation();
+  const { modalProps, visible, setVisible } = useDeleteManyModal(
+    (resource == null ? void 0 : resource.name) || "",
+    props.ids
+  );
+  const onClick = useCallback(() => {
+    setVisible(true);
+  }, [setVisible]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+  ] });
+};
+const TableToolBar_4s5vf2 = "";
+const ToolbarWrapperStyle = "t1v3ienx";
+const ToolbarStyle$1 = "tgejfwe";
+const TitleStyle$2 = "tq6dc79";
+const DescriptionStyle = "d1wqyhgc";
+const TableToolBar = ({
+  description,
+  selectedKeys,
+  hideCreate
+}) => {
+  var _a;
+  const kit = useUIKit();
+  const {
+    resource
+  } = useResource();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    className: cx_default(ToolbarWrapperStyle, "table-toolbar"),
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      className: ToolbarStyle$1,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(Typo.Display.d2_regular_title, TitleStyle$2),
+        children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+        children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
+          ids: selectedKeys
+        }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+          resource: resource == null ? void 0 : resource.name,
+          action: AccessControlAuth.Create,
+          children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null
+        })]
+      })]
+    }), description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      className: DescriptionStyle,
+      children: description
+    }) : null]
+  });
+};
+const index_6qzjtx = "";
+const WrapperStyle$5 = "w16agr8o";
+function matchOwner(job, owner) {
+  var _a;
+  let match = false;
+  for (const o of ((_a = job.metadata) == null ? void 0 : _a.ownerReferences) || []) {
+    if (o.apiVersion === owner.apiVersion && o.kind === owner.kind && o.name === owner.name && job.namespace === owner.namespace) {
+      match = true;
+    }
+  }
+  return match;
+}
+const CronjobJobsTable = ({
+  owner,
+  hideToolBar
+}) => {
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const kit = useUIKit();
+  const [selectedKeys] = useState([]);
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
+  const columns = [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
+    ...WorkloadImageColumnRenderer(i18n2),
+    width: 238
+  }, CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
+  const {
+    tableProps
+  } = useEagleTable({
+    columns,
+    useTableParams: {
+      resource: "jobs",
+      meta: {
+        resourceBasePath: "/apis/batch/v1",
+        kind: "Job"
+      }
+    }
+  });
+  const dataSource = useMemo(() => {
+    return tableProps.data.filter((p) => {
+      return owner ? matchOwner(p, owner) : true;
+    });
+  }, [tableProps.data, owner]);
+  if (!(dataSource == null ? void 0 : dataSource.length) && !tableProps.loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: i18n2.t("dovetail.no_resource", {
+        kind: " Job"
+      }),
+      type: ErrorContentType.Card
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    direction: "vertical",
+    className: WrapperStyle$5,
+    children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
+      selectedKeys,
+      hideCreate: true
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      ...tableProps,
+      tableKey: "cronjobs",
+      showMenuColumn: false
+    })]
+  });
+};
+const EventsTable = ({}) => {
+  const { i18n: i18n2 } = useTranslation();
+  const parsed = useParsed();
+  const columns = useMemo(
+    () => [
+      {
+        key: "type",
+        display: true,
+        dataIndex: ["type"],
+        title: i18n2.t("dovetail.type"),
+        sortable: true,
+        width: 120,
+        render(value2) {
+          const colorMap = {
+            "Warning": "red",
+            "Normal": "green"
+          };
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, { color: colorMap[value2], className: cx_default(StateTagStyle, "no-background"), children: i18n2.t(`dovetail.${value2.toLowerCase()}`) });
+        },
+        sorter: CommonSorter(["type"])
+      },
+      {
+        key: "reason",
+        display: true,
+        dataIndex: ["reason"],
+        title: i18n2.t("dovetail.reason"),
+        sortable: true,
+        width: 120,
+        sorter: CommonSorter(["reason"])
+      },
+      {
+        key: "note",
+        display: true,
         dataIndex: ["note"],
         title: i18n2.t("dovetail.note"),
         sortable: true,
@@ -10518,15 +11010,22 @@ const EventsTable = ({}) => {
     ],
     [i18n2]
   );
+  const { tableProps } = useEagleTable({
+    columns,
+    useTableParams: {
+      resource: "events",
+      meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
+    }
+  });
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
   const dataSource = useMemo(() => {
-    return data2 == null ? void 0 : data2.data.filter((d) => {
+    return tableProps.data.filter((d) => {
       const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
       return objectId === parsed.id;
     });
-  }, [data2 == null ? void 0 : data2.data, parsed]);
-  if (!(dataSource == null ? void 0 : dataSource.length) && !isLoading) {
+  }, [tableProps.data, parsed]);
+  const Table$1 = component.Table || Table;
+  if (!(dataSource == null ? void 0 : dataSource.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
       {
@@ -10537,17 +11036,8 @@ const EventsTable = ({}) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
     {
+      ...tableProps,
       tableKey: "events",
-      loading: isLoading,
-      data: (dataSource || []).slice((currentPage - 1) * currentSize, currentPage * currentSize),
-      total: (dataSource == null ? void 0 : dataSource.length) || 0,
-      columns: addDefaultRenderToColumns(columns),
-      rowKey: "id",
-      error: false,
-      currentPage,
-      onPageChange: (p) => setCurrentPage(p),
-      defaultSize: currentSize,
-      refetch: () => null,
       showMenuColumn: false
     }
   );
@@ -10591,7 +11081,6 @@ const IngressRulesTable = ({ ingress }) => {
   }, [ingress.flattenedRules]);
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const [currentPage, setCurrentPage] = useState(1);
   const currentSize = 10;
   const columns = [
     {
@@ -10657,6 +11146,15 @@ const IngressRulesTable = ({ ingress }) => {
       sortable: true
     }
   ];
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    columns,
+    data: rows
+  });
   if ((rows == null ? void 0 : rows.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -10672,19 +11170,20 @@ const IngressRulesTable = ({ ingress }) => {
     {
       tableKey: "ingressRules",
       loading: false,
-      data: rows.slice((currentPage - 1) * currentSize, currentPage * currentSize),
+      data: finalData,
       total: rows.length,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "pathType",
       empty: t2("dovetail.empty"),
       defaultSize: currentSize,
       currentPage,
-      onPageChange: setCurrentPage,
+      onPageChange,
+      onSorterChange,
       showMenuColumn: false
     }
   );
 };
-const KeyValue_q4vd5r = "";
+const KeyValue_1v1utgj = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -10758,109 +11257,6 @@ function KeyValueAnnotation(props) {
     }) : null]
   });
 }
-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;
-    console.log("download", item);
-    const content = yaml.dump(item);
-    download(`${name2}.yaml`, content);
-  };
-}
-function K8sDropdown(props) {
-  const { record, size = "normal" } = props;
-  const kit = useUIKit();
-  const { globalStore } = useGlobalStore();
-  const useResourceResult = useResource();
-  const resource = useResourceResult.resource;
-  const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
-    (resource == null ? void 0 : resource.name) || ""
-  );
-  const download2 = useDownloadYAML();
-  const { t: t2 } = useTranslation();
-  const openForm = useOpenForm({ id: record.id });
-  const isInShowPage = useResourceResult.action === "show";
-  const { data: canEditData } = useCan({
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit
-  });
-  const { data: canDeleteData } = useCan({
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Delete
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.dropdown,
-      {
-        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
-          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
-            {
-              onClick: openForm,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menu.Item,
-            {
-              onClick: () => {
-                var _a;
-                if (record.id) {
-                  download2({
-                    name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
-                    item: (globalStore == null ? void 0 : globalStore.restoreItem(record)) || record
-                  });
-                }
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
-            }
-          ),
-          props.children,
-          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
-          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
-            {
-              danger: true,
-              onClick: () => {
-                openDeleteConfirmModal(record.id);
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: TrashBinDelete16Icon, children: t2("dovetail.delete") })
-            }
-          ) : null
-        ] }),
-        trigger: ["click"],
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          kit.button,
-          {
-            type: "quiet",
-            size: size === "large" ? "middle" : "small",
-            prefixIcon: size === "large" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Icon$1,
-              {
-                src: MoreEllipsis324BoldSecondaryIcon,
-                hoverSrc: MoreEllipsis324BoldBlueIcon,
-                iconWidth: 24,
-                iconHeight: 24
-              }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: MoreEllipsis316BoldBlueIcon })
-          }
-        )
-      }
-    ),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
-  ] });
-}
 function Tabs(props) {
   const { tabs, className } = props;
   const kit = useUIKit();
@@ -10904,7 +11300,8 @@ const ShowContent = (props) => {
   const {
     showConfig,
     formatter,
-    Dropdown = K8sDropdown
+    Dropdown = K8sDropdown,
+    data: data2
   } = props;
   const kit = useUIKit();
   const parsed = useParsed();
@@ -10912,17 +11309,9 @@ const ShowContent = (props) => {
     resource
   } = useResource();
   const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
-  const {
-    queryResult
-  } = useShow({
-    id
-  });
   const {
     t: t2
   } = useTranslation();
-  const {
-    data: data2
-  } = queryResult;
   const navigation = useNavigation();
   const go = useGo();
   const openForm = useOpenForm({
@@ -11113,27 +11502,9 @@ const WorkloadPodsTable = ({
   } = useTranslation();
   const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState(1);
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
   const currentSize = 10;
-  const {
-    data: data2
-  } = useList({
-    resource: "pods",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Pod"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const dataSource = useMemo(() => {
-    return data2 == null ? void 0 : data2.data.filter((p) => {
-      return selector ? matchSelector(p, selector) : true;
-    });
-  }, [data2 == null ? void 0 : data2.data, selector]);
   const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
     key: "ip",
     display: true,
@@ -11142,6 +11513,23 @@ const WorkloadPodsTable = ({
     sortable: true,
     width: 160
   }, NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
+  const {
+    tableProps
+  } = useEagleTable({
+    columns,
+    useTableParams: {
+      resource: "pods",
+      meta: {
+        resourceBasePath: "/api/v1",
+        kind: "Pod"
+      }
+    }
+  });
+  const dataSource = useMemo(() => {
+    return tableProps.data.filter((p) => {
+      return selector ? matchSelector(p, selector) : true;
+    });
+  }, [tableProps.data, selector]);
   if ((dataSource == null ? void 0 : dataSource.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
@@ -11160,18 +11548,10 @@ const WorkloadPodsTable = ({
       selectedKeys,
       hideCreate: true
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      ...tableProps,
       tableKey: "pods",
-      loading: !dataSource,
-      data: (dataSource || []).slice((currentPage - 1) * currentSize, currentPage * currentSize),
-      total: (dataSource == null ? void 0 : dataSource.length) || 0,
-      columns: addDefaultRenderToColumns(columns),
       onSelect: (keys) => setSelectedKeys(keys),
-      rowKey: "id",
-      error: false,
-      currentPage,
-      onPageChange: (p) => setCurrentPage(p),
       defaultSize: currentSize,
-      refetch: () => null,
       showMenuColumn: false
     })]
   });
@@ -17363,7 +17743,7 @@ const PodLog = ({
   const kit = useUIKit();
   const [selectedContainer, setSelectedContainer] = useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
   const [logs, setLogs] = useState([]);
-  const [logType, setLogType] = useState();
+  const [logType, setLogType] = useState("realtime");
   const [currentItemCount, setCurrentItemCount] = useState(0);
   const [paused, setPaused] = useState(false);
   const [wrap2, setWrap] = useState(false);
@@ -17400,30 +17780,20 @@ const PodLog = ({
       }
     }
   };
-  const fetchLogs = useCallback(() => {
-    var _a2, _b2;
-    if (!selectedContainer) {
-      return;
-    }
+  const fetchLogsByUrl = useCallback(async (url) => {
     abortControllerRef.current = new AbortController();
     const {
       signal
     } = abortControllerRef.current;
-    let url = `${apiUrl}/api/v1/namespaces/${(_a2 = pod2.metadata) == null ? void 0 : _a2.namespace}/pods/${(_b2 = pod2.metadata) == null ? void 0 : _b2.name}/log?container=${selectedContainer}&timestamps=true`;
-    if (logType === "realtime") {
-      url += "&follow=true";
-    } else if (logType === "previous") {
-      url += "&previous=true";
-    }
     fetch(url, {
       signal
-    }).then((response) => {
-      var _a3;
+    }).then(async (response) => {
+      var _a2;
       if (response.status !== 200) {
         setLogs([]);
         return;
       }
-      const reader = (_a3 = response.body) == null ? void 0 : _a3.getReader();
+      const reader = (_a2 = response.body) == null ? void 0 : _a2.getReader();
       if (!reader) {
         return;
       }
@@ -17456,7 +17826,19 @@ const PodLog = ({
       };
       reader.read().then(processChunk);
     });
-  }, [(_c = pod2.metadata) == null ? void 0 : _c.namespace, (_d = pod2.metadata) == null ? void 0 : _d.name, selectedContainer, logType, apiUrl]);
+  }, []);
+  const fetchLogs = useCallback(async () => {
+    var _a2, _b2;
+    if (!selectedContainer) {
+      return;
+    }
+    const url = `${apiUrl}/api/v1/namespaces/${(_a2 = pod2.metadata) == null ? void 0 : _a2.namespace}/pods/${(_b2 = pod2.metadata) == null ? void 0 : _b2.name}/log?container=${selectedContainer}&timestamps=true`;
+    if (logType === "realtime") {
+      fetchLogsByUrl(`${url}&follow=true`);
+    } else if (logType === "previous") {
+      fetchLogsByUrl(`${url}&previous=true`);
+    }
+  }, [(_c = pod2.metadata) == null ? void 0 : _c.namespace, (_d = pod2.metadata) == null ? void 0 : _d.name, selectedContainer, logType, apiUrl, fetchLogsByUrl]);
   const stopFetchingLogs = useCallback(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
@@ -17778,7 +18160,6 @@ const PodContainersTable = ({
   const { i18n: i18n2 } = useTranslation();
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const [currentPage, setCurrentPage] = useState(1);
   const currentSize = 10;
   const columns = useMemo(
     () => [
@@ -17835,10 +18216,11 @@ const PodContainersTable = ({
         sortable: true,
         sorter: CommonSorter(["state", "running", "startedAt"]),
         width: 120,
-        render: (value2) => {
+        render: (_, record) => {
+          const value2 = get$3(record, ["state", "running", "startedAt"]) || get$3(record, ["state", "terminated", "startedAt"]);
           if (value2)
             return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(value2) });
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
         }
       }
     ],
@@ -17848,6 +18230,15 @@ const PodContainersTable = ({
     () => addId(containerStatuses.concat(initContainerStatuses), "containerID"),
     [containerStatuses, initContainerStatuses]
   );
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    data: dataSource,
+    columns
+  });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -17863,14 +18254,15 @@ const PodContainersTable = ({
     {
       tableKey: "podContainers",
       loading: false,
-      data: dataSource.slice((currentPage - 1) * currentSize, currentPage * currentSize),
+      data: finalData,
       total: dataSource.length,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "containerID",
       error: false,
       defaultSize: currentSize,
       currentPage,
-      onPageChange: setCurrentPage,
+      onPageChange,
+      onSorterChange,
       showMenuColumn: false
     }
   );
@@ -18039,11 +18431,11 @@ const PageShow = (props) => {
       retry: 1
     },
     errorNotification: () => {
-      var _a2;
+      var _a2, _b;
       return {
         message: i18n2.t("dovetail.fail_get_detail", {
-          resource: resource == null ? void 0 : resource.name,
-          name: (_a2 = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a2.id,
+          resource: (_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.kind,
+          name: (_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id,
           interpolation: { escapeValue: false }
         }),
         description: "Error",
@@ -18051,13 +18443,13 @@ const PageShow = (props) => {
       };
     }
   });
-  const { isLoading, isError } = queryResult;
+  const { isLoading, isError, data: data2 } = queryResult;
   useEffect(() => {
     if (isError && resource) {
       nav.list(resource);
     }
   }, [isError, nav, resource]);
-  return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
+  return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props, data: data2 });
 };
 const index_17v8shn = "";
 const WrapperStyle$1 = "w1akirqw";
@@ -18081,431 +18473,110 @@ function FormLayout(props) {
       className: cx_default(Typo.Display.d2_bold_title, TitleStyle),
       children: [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, ":", " ", action === "create" ? t2("dovetail.create") : t2("dovetail.edit")]
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-        type: "primary",
-        ...saveButtonProps,
-        children: t2("dovetail.save")
-      })
-    })]
-  });
-}
-function WorkloadDropdown(props) {
-  const { record, size, children } = props;
-  const kit = useUIKit();
-  const { resource } = useResource();
-  const { mutateAsync } = useUpdate();
-  const { t: t2 } = useTranslation();
-  const { data: canEditData } = useCan({
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
-    (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
-      {
-        onClick: async () => {
-          const v = record.redeploy();
-          const id = v.id;
-          pruneBeforeEdit(v);
-          await mutateAsync({
-            id,
-            resource: (resource == null ? void 0 : resource.name) || "",
-            values: v,
-            successNotification() {
-              return {
-                message: t2("dovetail.redeploy_success_toast", {
-                  kind: record.kind,
-                  name: record.id,
-                  interpolation: {
-                    escapeValue: false
-                  }
-                }),
-                type: "success"
-              };
-            },
-            errorNotification() {
-              return {
-                message: t2("dovetail.redeploy_failed_toast", {
-                  kind: record.kind,
-                  name: record.id,
-                  interpolation: {
-                    escapeValue: false
-                  }
-                }),
-                type: "error"
-              };
-            }
-          });
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Retry16GradientBlueIcon, children: t2("dovetail.redeploy") })
-      }
-    ) : null,
-    children
-  ] });
-}
-function ReplicasDropdown(props) {
-  const { record, size, children } = props;
-  const kit = useUIKit();
-  const { t: t2 } = useTranslation();
-  const formRef = useRef(null);
-  const { action, resource } = useResource();
-  const isInShowPage = action === "show";
-  const { data: canEditData } = useCan({
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
-    isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
-      {
-        onClick: () => {
-          const modalProps = {
-            formRef,
-            title: t2("dovetail.edit_replicas"),
-            renderContent() {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                WorkloadReplicasForm,
-                {
-                  ref: formRef,
-                  defaultValue: record.replicas || 0,
-                  record,
-                  label: t2("dovetail.pod_replicas_num")
-                }
-              );
-            }
-          };
-          pushModal({
-            component: EditFieldModal,
-            props: modalProps
-          });
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_replicas") })
-      }
-    ),
-    children
-  ] });
-}
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value2) {
-    return value2 instanceof P ? value2 : new P(function(resolve) {
-      resolve(value2);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value2) {
-      try {
-        step(generator.next(value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function rejected(value2) {
-      try {
-        step(generator["throw"](value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    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 = (event2) => savedHandler.current(event2);
-    targetElement.addEventListener(eventName, listener, options);
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value2) {
-    return value2 instanceof P ? value2 : new P(function(resolve) {
-      resolve(value2);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value2) {
-      try {
-        step(generator.next(value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function rejected(value2) {
-      try {
-        step(generator["throw"](value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    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(key2, initialValue) {
-  const readValue = useCallback(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-    try {
-      const item = window.localStorage.getItem(key2);
-      return item ? parseJSON(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key “${key2}”:`, error);
-      return initialValue;
-    }
-  }, [initialValue, key2]);
-  const [storedValue, setStoredValue] = useState(readValue);
-  const setValue = useEventCallback((value2) => {
-    if (typeof window === "undefined") {
-      console.warn(`Tried setting localStorage key “${key2}” even though environment is not a client`);
-    }
-    try {
-      const newValue = value2 instanceof Function ? value2(storedValue) : value2;
-      window.localStorage.setItem(key2, JSON.stringify(newValue));
-      setStoredValue(newValue);
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key “${key2}”:`, error);
-    }
-  });
-  useEffect(() => {
-    setStoredValue(readValue());
-  }, []);
-  const handleStorageChange = useCallback((event2) => {
-    if ((event2 === null || event2 === void 0 ? void 0 : event2.key) && event2.key !== key2) {
-      return;
-    }
-    setStoredValue(readValue());
-  }, [key2, readValue]);
-  useEventListener("storage", handleStorageChange);
-  useEventListener("local-storage", handleStorageChange);
-  return [storedValue, setValue];
-}
-function parseJSON(value2) {
-  try {
-    return value2 === "undefined" ? void 0 : JSON.parse(value2 !== null && value2 !== void 0 ? value2 : "");
-  } catch (_a) {
-    console.log("parsing error on", { value: value2 });
-    return void 0;
-  }
-}
-const GlobalStoreContext = createContext({});
-const index_1xad2h9 = "";
-const SelectStyle = "sj0ggy";
-const DropdownStyle = "d1eo8uqs";
-const SearchInputStyle = "s64gojc";
-const SelectContentStyle = "s16fqgtu";
-const TokenStyle = "tgaujbg";
-const CountTokenStyle = "c1vbd54v";
-const SelectOptionGroupStyle = "sxzmtrx";
-const LabelWrapperStyle = "lqrghwd";
-const AllNamespaceOptionStyle = "api7z1z";
-const OptionStyle = "o38b23x";
-const NS_STORE_KEY = "namespace-filter";
-const ALL_NS = "_all";
-const useNamespacesFilter = () => {
-  const [value2] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
-  const {
-    resource
-  } = useResource();
-  const configs = useContext(ConfigsContext);
-  if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].hideNamespacesFilter) {
-    return {
-      value: []
-    };
-  }
-  return {
-    value: value2
-  };
-};
-const NamespacesFilter = ({
-  className
-}) => {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+        type: "primary",
+        ...saveButtonProps,
+        children: t2("dovetail.save")
+      })
+    })]
+  });
+}
+function WorkloadDropdown(props) {
+  const { record, size, children } = props;
   const kit = useUIKit();
-  const {
-    t: t2
-  } = useTranslation();
-  const [search, setSearch] = useState("");
-  const [tagMaxWidth, setTagMaxWidth] = useState("");
-  const {
-    data: data2,
-    isLoading
-  } = useList({
-    resource: "namespaces",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Namespace"
-    },
-    pagination: {
-      mode: "off"
-    }
+  const { resource } = useResource();
+  const { mutateAsync } = useUpdate();
+  const { t: t2 } = useTranslation();
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
   });
-  const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
-  const [open, setOpen] = useState(false);
-  const debouncedSetSearch = debounce(setSearch, 100);
-  const MAX_TAG_COUNT = 8;
-  const COUNT_TAG_WIDTH = 22;
-  const TAG_GAP = 4;
-  const PADDING = 36;
-  const hasCountTag = value2.length > MAX_TAG_COUNT;
-  const WRAPPER_CLASS = "d2-namespace-select-wrapper";
-  const SELECT_CLASS = "d2-namespace-select";
-  const calcTagMaxWidth = useCallback(() => {
-    const wrapper = document.querySelector(`.${WRAPPER_CLASS}`);
-    const n2 = Math.min(value2.length, MAX_TAG_COUNT);
-    const tagWidth = ((wrapper == null ? void 0 : wrapper.offsetWidth) || 0) / n2;
-    const gapsWidth = (Math.min(value2.length, MAX_TAG_COUNT + 1) - 1) * TAG_GAP;
-    const paddingAndCountTagWidth = PADDING + (hasCountTag ? COUNT_TAG_WIDTH : 0);
-    const perTagMaxWidth = tagWidth - (paddingAndCountTagWidth + gapsWidth) / n2;
-    setTagMaxWidth(`${perTagMaxWidth}px`);
-  }, [value2, hasCountTag]);
-  useEffect(() => {
-    calcTagMaxWidth();
-  }, [calcTagMaxWidth]);
-  useEffect(() => {
-    window.addEventListener("resize", calcTagMaxWidth);
-    return () => {
-      window.removeEventListener("resize", calcTagMaxWidth);
-    };
-  }, [calcTagMaxWidth]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-    className: WRAPPER_CLASS,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
-      loading: isLoading,
-      className: cx_default(SelectStyle, SELECT_CLASS, className),
-      style: {
-        "--tag-max-width": tagMaxWidth
-      },
-      dropdownClassName: DropdownStyle,
-      searchValue: search,
-      virtual: false,
-      input: {
-        value: value2,
-        onChange(value22) {
-          if (last(value22) === ALL_NS || value22.length === 0) {
-            setValue([ALL_NS]);
-          } else {
-            setValue(value22.filter((namespace2) => namespace2 !== ALL_NS));
-          }
-        }
-      },
-      dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        className: SelectContentStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
-          style: {
-            width: "100%"
-          },
-          className: SearchInputStyle,
-          onChange: debouncedSetSearch,
-          placeholder: t2("dovetail.please_input")
-        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
-      }),
-      tagRender: ({
-        label: label2,
-        value: namespaceValue,
-        closable,
-        onClose
-      }) => {
-        const isCountToken = label2 !== namespaceValue && typeof label2 === "string";
-        const isAll = namespaceValue === ALL_NS;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-          onClick: () => {
-            setOpen(!open);
-          },
-          children: isAll ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-            style: {
-              marginLeft: 8
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
+    (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.menu.Item,
+      {
+        onClick: async () => {
+          const v = record.redeploy();
+          const id = v.id;
+          pruneBeforeEdit(v);
+          await mutateAsync({
+            id,
+            resource: (resource == null ? void 0 : resource.name) || "",
+            values: v,
+            successNotification() {
+              return {
+                message: t2("dovetail.redeploy_success_toast", {
+                  kind: record.kind,
+                  name: record.id,
+                  interpolation: {
+                    escapeValue: false
+                  }
+                }),
+                type: "success"
+              };
             },
-            children: [label2, "..."]
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
-            className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
-            closable,
-            size: "medium",
-            onClose,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
-                title: isCountToken ? value2.slice(MAX_TAG_COUNT).map((namespace2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-                  children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-                    children: namespace2
-                  }), index !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
-                    style: {
-                      margin: "6px 0",
-                      borderColor: "rgba(107, 128, 167, 0.60)"
-                    }
-                  }) : null]
-                })) : null,
-                trigger: ["hover"],
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                  children: label2.replace(/[\s\.]/g, "")
-                })
-              }) : label2
-            })
-          })
-        });
-      },
-      maxTagCount: MAX_TAG_COUNT,
-      optionLabelProp: "label",
-      showArrow: true,
-      showSearch: false,
-      open,
-      onDropdownVisibleChange: (open2) => {
-        setOpen(open2);
-      },
-      multiple: true,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
-        value: "_all",
-        label: t2("dovetail.all_namespaces"),
-        className: AllNamespaceOptionStyle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-          content: t2("dovetail.all_namespaces"),
-          className: LabelWrapperStyle
-        })
-      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
-        label: "",
-        className: SelectOptionGroupStyle,
-        children: data2 == null ? void 0 : data2.data.map((namespace2) => {
-          const {
-            name: name2
-          } = namespace2.metadata;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
-            value: name2,
-            label: name2,
-            className: OptionStyle,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-              content: name2,
-              className: LabelWrapperStyle
-            })
-          }, name2);
-        })
-      })]
-    })
+            errorNotification() {
+              return {
+                message: t2("dovetail.redeploy_failed_toast", {
+                  kind: record.kind,
+                  name: record.id,
+                  interpolation: {
+                    escapeValue: false
+                  }
+                }),
+                type: "error"
+              };
+            }
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Retry16GradientBlueIcon, children: t2("dovetail.redeploy") })
+      }
+    ) : null,
+    children
+  ] });
+}
+function ReplicasDropdown(props) {
+  const { record, size, children } = props;
+  const kit = useUIKit();
+  const { t: t2 } = useTranslation();
+  const formRef = useRef(null);
+  const { action, resource } = useResource();
+  const isInShowPage = action === "show";
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
   });
-};
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
+    isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.menu.Item,
+      {
+        onClick: () => {
+          const modalProps = {
+            formRef,
+            title: t2("dovetail.edit_replicas"),
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                WorkloadReplicasForm,
+                {
+                  ref: formRef,
+                  defaultValue: record.replicas || 0,
+                  record,
+                  label: t2("dovetail.pod_replicas_num")
+                }
+              );
+            }
+          };
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_replicas") })
+      }
+    ),
+    children
+  ] });
+}
 const index_hp158y = "";
 const ListPageStyle = "laykzsq";
 const ListContentStyle = "l1ng0psc";
@@ -18574,8 +18645,7 @@ function ResourceList(props) {
     useTableParams: {},
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
-      defaultSize: 50,
-      ...props.config.tableProps
+      defaultSize: 50
     },
     formatter,
     Dropdown
@@ -21780,44 +21850,20 @@ function useForm$1(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-const RefineFormContent_1tb00bi = "";
+const RefineFormContent_1in3vad = "";
 const RefineFormContent = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const {
     config,
     formResult,
-    resourceId,
+    action,
     errorMsg
   } = props;
   const {
     control,
     getValues
   } = formResult;
-  const action = resourceId ? "edit" : "create";
-  const listQuery = useList({
-    resource: config == null ? void 0 : config.name,
-    meta: {
-      resourceBasePath: config == null ? void 0 : config.basePath,
-      kind: config == null ? void 0 : config.kind
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const showQuery = useShow({
-    resource: config == null ? void 0 : config.name,
-    meta: {
-      resourceBasePath: config == null ? void 0 : config.basePath,
-      kind: config == null ? void 0 : config.kind
-    },
-    id: resourceId
-  });
-  const formFieldsConfig = (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
-    record: (_b = showQuery.queryResult.data) == null ? void 0 : _b.data,
-    records: ((_c = listQuery.data) == null ? void 0 : _c.data) || [],
-    action
-  });
-  const fields = formFieldsConfig == null ? void 0 : formFieldsConfig.map((c2) => {
+  const fields = (_b = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _b.map((c2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Controller, {
       control,
       name: c2.path.join("."),
@@ -21849,7 +21895,6 @@ const RefineFormContent = (props) => {
         var _a2;
         const formValue = getValues();
         let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.String, {
-          placeholder: c2.placeholder,
           input: {
             value: value2,
             onChange,
@@ -21877,17 +21922,6 @@ const RefineFormContent = (props) => {
             children: value2
           });
         }
-        if (c2.helperText) {
-          ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-            size: 4,
-            direction: "vertical",
-            className: "c154n7ie",
-            children: [ele, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: cx_default(Typo.Footnote.f2_regular, "c1c9j4da"),
-              children: c2.helperText
-            })]
-          });
-        }
         if (c2 == null ? void 0 : c2.render) {
           ele = c2.render(value2, onChange, formValue, onBlur, action);
         }
@@ -21905,7 +21939,7 @@ const RefineFormContent = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
-    className: "cjxv8cf",
+    className: "c154n7ie",
     children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
       errorMsgs: errorMsg ? [errorMsg] : [],
       style: {
@@ -22545,6 +22579,7 @@ const useForm = ({
   };
 };
 const useRefineForm = (props) => {
+  var _a;
   const { config, id, refineProps } = props;
   const [responseErrorMsg, setResponseErrorMsg] = useState("");
   const i18n2 = useTranslation();
@@ -22577,15 +22612,15 @@ const useRefineForm = (props) => {
     defaultValues: config == null ? void 0 : config.initValue
   });
   useEffect(() => {
-    var _a, _b;
-    const response = (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response;
+    var _a2, _b;
+    const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
       (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        var _a2, _b2;
-        setResponseErrorMsg(((_b2 = (_a2 = config.formConfig) == null ? void 0 : _a2.formatError) == null ? void 0 : _b2.call(_a2, body)) || body.message);
+        var _a3, _b2;
+        setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
       });
     }
-  }, [config.formConfig, result]);
+  }, [config.formConfig, (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
   return { formResult: result, responseErrorMsg };
 };
 const index_12sfrn = "";
@@ -22596,7 +22631,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-edd70925.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-a06e0978.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23111,18 +23146,9 @@ const useYamlForm = ({
           setEditorErrors(errors);
           return;
         }
-        try {
-          const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
-          const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
-          return onFinish(finalValues);
-        } catch (error) {
-          if (error instanceof Error) {
-            if (error.message === "expected a single document in the stream, but found more") {
-              setEditorErrors([t2("dovetail.only_support_one_yaml")]);
-              return;
-            }
-          }
-        }
+        const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
+        const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+        return onFinish(finalValues);
       },
       onKeyUp,
       onValuesChange,
@@ -23344,7 +23370,7 @@ function FormModal(props) {
       formResult: refineFormResult.formResult,
       config,
       errorMsg: refineFormResult.responseErrorMsg,
-      resourceId: id
+      action: id ? "edit" : "create"
     });
   })();
   const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
@@ -23427,7 +23453,7 @@ const RefineFormPage = (props) => {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
       config,
       formResult,
-      resourceId: id
+      action
     }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       ...saveButtonProps,
       onClick,
@@ -23665,7 +23691,7 @@ const DrawerShow = (props) => {
   const parsed = useParsed();
   const nav = useNavigation();
   const { queryResult } = useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
-  const { isLoading } = queryResult;
+  const { isLoading, data: data2 } = queryResult;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Drawer,
     {
@@ -23674,7 +23700,7 @@ const DrawerShow = (props) => {
       onClose: () => nav.goBack(),
       width: "50%",
       visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id),
-      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
+      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props, data: data2 })
     }
   );
 };
@@ -23702,7 +23728,7 @@ const ReferenceLink = (props) => {
   }
   const resource = Object.values(configs).find((c2) => c2.kind === ownerReference.kind);
   if (!resource) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "-" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ResourceLink,
@@ -23828,11 +23854,7 @@ const PlainTextNameColumnRenderer = (i18n2) => {
     title: i18n2.t("dovetail.name"),
     sortable: true,
     width: 200,
-    sorter: CommonSorter(dataIndex),
-    render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
-      content: v,
-      tooltip: v
-    })
+    sorter: CommonSorter(dataIndex)
   };
 };
 const NameSpaceColumnRenderer = (i18n2) => {
@@ -23925,17 +23947,8 @@ const AgeColumnRenderer = (i18n2, config, {
     display: true,
     dataIndex,
     title: i18n2.t("dovetail.created_time"),
-    sortable: true,
     width: 120,
-    sorter: (a2, b) => {
-      const valA = new Date(lodashExports.get(a2, dataIndex));
-      const valB = new Date(lodashExports.get(b, dataIndex));
-      if (valA === valB)
-        return 0;
-      if (valA > valB)
-        return 1;
-      return -1;
-    },
+    sorter: true,
     render: (value2) => {
       return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
@@ -24272,7 +24285,7 @@ const PortMappingColumnRenderer = (i18n2) => {
             href: `//${v.servicePort}`,
             target: "_blank",
             children: v.servicePort
-          }) : v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
+          }) : v.servicePort, " > ", v.targetPort, "/", v.protocol]
         }),
         tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
       }, v.servicePort));
@@ -24282,89 +24295,6 @@ const PortMappingColumnRenderer = (i18n2) => {
     }
   };
 };
-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 || {});
-function addDefaultRenderToColumns(columns) {
-  return columns.map((col) => ({
-    render(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: value2 });
-    },
-    ...col
-  }));
-}
-const useEagleTable = (params) => {
-  var _a, _b, _c;
-  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
-  const [selectedKeys, setSelectedKeys] = useState([]);
-  const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-  const { resource } = useResource();
-  const { value: nsFilters = [] } = useNamespacesFilter();
-  const useTableParams = useMemo(() => {
-    const mergedParams = merge(params.useTableParams, {
-      pagination: {
-        mode: "off"
-      },
-      filters: {
-        permanent: [
-          {
-            operator: "or",
-            value: nsFilters.filter((filter) => filter !== ALL_NS).map((filter) => ({
-              field: "metadata.namespace",
-              operator: "eq",
-              value: filter
-            }))
-          }
-        ]
-      }
-    });
-    return mergedParams;
-  }, [params.useTableParams, nsFilters]);
-  const finalColumns = useMemo(
-    () => addDefaultRenderToColumns(columns),
-    [columns]
-  );
-  const table = useTable(useTableParams);
-  const onPageChange = useCallback(
-    (page) => {
-      setCurrentPage(page);
-    },
-    [setCurrentPage]
-  );
-  const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
-  const data2 = (_b = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data) == null ? void 0 : _b.slice(
-    (currentPage - 1) * currentSize,
-    currentPage * currentSize
-  );
-  const total = ((_c = table.tableQueryResult.data) == null ? void 0 : _c.data.length) || 0;
-  const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
-  const finalProps = {
-    tableKey: (resource == null ? void 0 : resource.name) || "table",
-    loading: table.tableQueryResult.isLoading,
-    data: finalDataSource || [],
-    columns: finalColumns,
-    refetch: () => null,
-    error: false,
-    rowKey: "id",
-    currentPage,
-    onPageChange,
-    onSelect: (keys) => {
-      setSelectedKeys(keys);
-    },
-    total,
-    RowMenu: Dropdown,
-    ...tableProps,
-    defaultSize: currentSize
-  };
-  return { tableProps: finalProps, selectedKeys, ...table };
-};
 const styles = "";
 const Dovetail = (props) => {
   const {
@@ -24417,7 +24347,10 @@ const Dovetail = (props) => {
       options: {
         warnWhenUnsavedChanges: true,
         liveMode: "auto",
-        disableTelemetry: true
+        disableTelemetry: true,
+        overtime: {
+          interval: Number.MAX_SAFE_INTEGER
+        }
       },
       accessControlProvider,
       resources: resourcesConfig.map((c2) => {