@dovetail-v2/refine 0.0.45 → 0.0.46-alpha.1

package/dist/{index-15e1d63d.js → index-9a6fb2d3.js}

@@ -7,19 +7,19 @@ 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 { 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, Space, Form, 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, merge, get as get$3, first, debounce, last, 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, defaultSorters }) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const [sorters, setSorters] = useState(defaultSorters || []);
+  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
     }
   );
@@ -10127,11 +10172,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 +10230,15 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 403
     }
   ];
+  const { data: finalData, currentPage, onPageChange, onSorterChange } = useTableData({
+    data: conditionsWithId,
+    columns,
+    defaultSorters: [{
+      field: "lastUpdateTime",
+      order: "desc"
+    }]
+  });
+  const currentSize = 10;
   if (conditionsWithId.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -10202,18 +10254,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,6 +10364,186 @@ function useOpenForm(options) {
     }
   };
 }
+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: 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
+  ] });
+}
+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 currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
+  const useTableParams = useMemo(() => {
+    const mergedParams = merge(params.useTableParams, {
+      pagination: {
+        pageSize: currentSize,
+        mode: "server"
+      }
+    });
+    return mergedParams;
+  }, [params.useTableParams, 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,
+    onPageChange,
+    onSorterChange,
+    onSelect: (keys) => {
+      setSelectedKeys(keys);
+    },
+    total,
+    RowMenu: Dropdown,
+    ...tableProps,
+    defaultSize: currentSize
+  };
+  useEffect(() => {
+    table.setSorters([{
+      field: "metadata.creationTimestamp",
+      order: "desc"
+    }]);
+  }, []);
+  useEffect(() => {
+    setCurrentPage(1);
+    table.setCurrent(1);
+  }, [(_c = params.useTableParams) == null ? void 0 : _c.filters]);
+  return { tableProps: finalProps, selectedKeys, ...table };
+};
 function CreateButton() {
   var _a;
   const kit = useUIKit();
@@ -10405,38 +10657,40 @@ const CronjobJobsTable = ({
   owner,
   hideToolBar
 }) => {
+  var _a;
   const {
     i18n: i18n2
   } = useTranslation();
   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 {
-    data: data2,
-    isLoading
-  } = useList({
-    resource: "jobs",
-    meta: {
-      resourceBasePath: "/apis/batch/v1",
-      kind: "Job"
-    },
-    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) {
+  const {
+    tableProps
+  } = useEagleTable({
+    columns,
+    useTableParams: {
+      resource: "jobs",
+      meta: {
+        resourceBasePath: "/apis/batch/v1",
+        kind: "Job"
+      },
+      filters: {
+        permanent: [{
+          field: "",
+          value: "",
+          fn(item) {
+            return owner ? matchOwner(item, owner) : true;
+          }
+        }]
+      }
+    }
+  });
+  if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: " Job"
@@ -10451,33 +10705,17 @@ const CronjobJobsTable = ({
       selectedKeys,
       hideCreate: true
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      ...tableProps,
       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 EventsTable = ({}) => {
+  var _a, _b;
   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 [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
   const columns = useMemo(
     () => [
       {
@@ -10518,15 +10756,36 @@ const EventsTable = ({}) => {
     ],
     [i18n2]
   );
+  const { tableProps } = useEagleTable({
+    columns,
+    tableProps: {
+      defaultSize: 50
+    },
+    useTableParams: {
+      resource: "events",
+      meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" },
+      filters: {
+        permanent: [{
+          operator: "and",
+          value: [
+            {
+              field: "regarding.namespace",
+              operator: "eq",
+              value: regardingNamespace
+            },
+            {
+              field: "regarding.name",
+              operator: "eq",
+              value: regardingName
+            }
+          ]
+        }]
+      }
+    }
+  });
   const component = useContext(ComponentContext);
   const Table$1 = component.Table || Table;
-  const dataSource = useMemo(() => {
-    return data2 == null ? void 0 : data2.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) {
+  if (!((_b = tableProps.data) == null ? void 0 : _b.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
       {
@@ -10537,17 +10796,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
     }
   );
@@ -10560,10 +10810,10 @@ const ImageNames = ({
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
     className: ImageWrapperStyle,
-    children: breakLine ? value2.map((image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+    children: breakLine ? value2.map((image2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
       content: image2,
       tooltip: image2
-    }, image2)) : value2.join(", ")
+    }, `${image2}-${index}`)) : value2.join(", ")
   });
 };
 const ResourceLink = (props) => {
@@ -10591,7 +10841,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 +10906,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,14 +10930,15 @@ 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
     }
   );
@@ -10758,109 +11017,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 +11060,8 @@ const ShowContent = (props) => {
   const {
     showConfig,
     formatter,
-    Dropdown = K8sDropdown
+    Dropdown = K8sDropdown,
+    data: data2
   } = props;
   const kit = useUIKit();
   const parsed = useParsed();
@@ -10912,17 +11069,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({
@@ -11108,32 +11257,15 @@ const WorkloadPodsTable = ({
   selector,
   hideToolbar
 }) => {
+  var _a;
   const {
     i18n: i18n2
   } = 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,7 +11274,28 @@ const WorkloadPodsTable = ({
     sortable: true,
     width: 160
   }, NodeNameColumnRenderer(i18n2), WorkloadImageColumnRenderer(i18n2), PodContainersNumColumnRenderer(i18n2), RestartCountColumnRenderer(i18n2), AgeColumnRenderer(i18n2)];
-  if ((dataSource == null ? void 0 : dataSource.length) === 0) {
+  const {
+    tableProps
+  } = useEagleTable({
+    columns,
+    useTableParams: {
+      resource: "pods",
+      meta: {
+        resourceBasePath: "/api/v1",
+        kind: "Pod"
+      },
+      filters: {
+        permanent: [{
+          field: "",
+          value: "",
+          fn(item) {
+            return selector ? matchSelector(item, selector) : true;
+          }
+        }]
+      }
+    }
+  });
+  if (((_a = tableProps.data) == null ? void 0 : _a.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: ` ${i18n2.t("dovetail.pod")}`
@@ -11160,18 +11313,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 +17508,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 +17545,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 +17591,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 +17925,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 +17981,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 +17995,19 @@ const PodContainersTable = ({
     () => addId(containerStatuses.concat(initContainerStatuses), "containerID"),
     [containerStatuses, initContainerStatuses]
   );
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    data: dataSource,
+    columns,
+    defaultSorters: [{
+      field: "state.running.startedAt",
+      order: "desc"
+    }]
+  });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -17863,14 +18023,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 +18200,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 +18212,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";
@@ -18437,11 +18598,11 @@ const NamespacesFilter = ({
           onClick: () => {
             setOpen(!open);
           },
-          children: isAll ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+          children: isAll ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             style: {
               marginLeft: 8
             },
-            children: [label2, "..."]
+            children: label2
           }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
             className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
             closable,
@@ -18506,6 +18667,21 @@ const NamespacesFilter = ({
     })
   });
 };
+function useNamespaceFilter() {
+  const { value: nsFilters = [] } = useNamespacesFilter();
+  return {
+    permanent: [
+      {
+        operator: "or",
+        value: nsFilters.filter((filter) => filter !== ALL_NS).map((filter) => ({
+          field: "metadata.namespace",
+          operator: "eq",
+          value: filter
+        }))
+      }
+    ]
+  };
+}
 const index_hp158y = "";
 const ListPageStyle = "laykzsq";
 const ListContentStyle = "l1ng0psc";
@@ -18570,8 +18746,11 @@ function ResourceList(props) {
   const { formatter, columns, Dropdown, noShow } = props.config;
   const { i18n: i18n2 } = useTranslation();
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
+  const filters = useNamespaceFilter();
   const { tableProps, selectedKeys } = useEagleTable({
-    useTableParams: {},
+    useTableParams: {
+      filters
+    },
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
       defaultSize: 50,
@@ -21894,6 +22073,7 @@ const RefineFormContent = (props) => {
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
+          colon: false,
           labelCol: {
             flex: "0 0 216px"
           },
@@ -22597,7 +22777,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-0046c95b.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-a0787f8d.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23666,7 +23846,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,
     {
@@ -23675,7 +23855,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 })
     }
   );
 };
@@ -23703,7 +23883,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,
@@ -23926,17 +24106,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)
@@ -23974,7 +24145,7 @@ const RestartCountColumnRenderer = (i18n2) => {
   };
 };
 const CompletionsCountColumnRenderer = (i18n2) => {
-  const dataIndex = ["completionsDisplay"];
+  const dataIndex = ["succeeded"];
   return {
     key: "completions",
     display: true,
@@ -23989,7 +24160,12 @@ const CompletionsCountColumnRenderer = (i18n2) => {
     sortable: true,
     width: 120,
     align: "right",
-    sorter: CommonSorter(dataIndex)
+    sorter: CommonSorter(dataIndex),
+    render: (_, record) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: record.completionsDisplay
+      });
+    }
   };
 };
 const DurationColumnRenderer = (i18n2) => {
@@ -24283,91 +24459,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 {
@@ -24420,7 +24511,10 @@ const Dovetail = (props) => {
       options: {
         warnWhenUnsavedChanges: true,
         liveMode: "auto",
-        disableTelemetry: true
+        disableTelemetry: true,
+        overtime: {
+          interval: Number.MAX_SAFE_INTEGER
+        }
       },
       accessControlProvider,
       resources: resourcesConfig.map((c2) => {