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

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd, global2.k8sApiProvider));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("k8s-api-provider"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "k8s-api-provider", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml, global2.k8sApiProvider, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, k8sApiProvider, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -8624,7 +8624,7 @@ var __publicField = (obj, key, value) => {
     } = props;
     const auxiliaryLineRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
-    const pagination = React.useMemo(() => ({
+    React.useMemo(() => ({
       current: currentPage,
       pageSize: defaultSize,
       onChange: onPageChange
@@ -8671,7 +8671,6 @@ var __publicField = (obj, key, value) => {
         tableLayout: "fixed",
         columns: finalColumns,
         dataSource,
-        pagination,
         error,
         loading,
         rowKey,
@@ -8689,11 +8688,38 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ComponentContext = React.createContext({});
+  function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const [sorters, setSorters] = React.useState(defaultSorters || []);
+    const onSorterChange = React.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: k8sApiProvider.paginateData(
+        {
+          pageSize,
+          current: currentPage
+        },
+        k8sApiProvider.sortData(sorters, data2)
+      ),
+      currentPage,
+      onPageChange: setCurrentPage,
+      onSorterChange
+    };
+  }
   const PodSelectorTable = ({ podSelectors = {} }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const [currentPage, setCurrentPage] = React.useState(1);
     const currentSize = 10;
     const datas = Object.keys(podSelectors).map((key2) => ({
       id: key2,
@@ -8718,6 +8744,15 @@ var __publicField = (obj, key, value) => {
         width: "50%"
       }
     ];
+    const {
+      data: finalData,
+      currentPage,
+      onPageChange,
+      onSorterChange
+    } = useTableData({
+      data: datas,
+      columns
+    });
     if (datas.length === 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WidgetErrorContent,
@@ -8733,14 +8768,15 @@ var __publicField = (obj, key, value) => {
       {
         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
       }
     );
@@ -8749,7 +8785,6 @@ var __publicField = (obj, key, value) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const [currentPage, setCurrentPage] = React.useState(1);
     const currentSize = 10;
     const columns = [
       {
@@ -8797,6 +8832,15 @@ var __publicField = (obj, key, value) => {
       ...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,
@@ -8812,14 +8856,15 @@ var __publicField = (obj, key, value) => {
       {
         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
       }
     );
@@ -10133,11 +10178,9 @@ var __publicField = (obj, key, value) => {
     });
   };
   const ConditionsTable = ({ conditions = [] }) => {
-    const [currentPage, setCurrentPage] = React.useState(1);
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const currentSize = 10;
     const conditionsWithId = addId(conditions, "type");
     const columns = [
       {
@@ -10193,6 +10236,15 @@ var __publicField = (obj, key, value) => {
         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,
@@ -10208,18 +10260,38 @@ var __publicField = (obj, key, value) => {
       {
         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 } = core.useParsed();
     const go = core.useGo();
@@ -10298,6 +10370,186 @@ var __publicField = (obj, key, value) => {
       }
     };
   }
+  function K8sDropdown(props) {
+    const { record, size = "normal" } = props;
+    const kit = eagle.useUIKit();
+    const { globalStore } = useGlobalStore();
+    const useResourceResult = core.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 } = core.useCan({
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit
+    });
+    const { data: canDeleteData } = core.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(eagle.Icon, { src: iconsReact.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: lodashEs.omit((globalStore == null ? void 0 : globalStore.restoreItem(record)) || record, "id")
+                    });
+                  }
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.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(eagle.Icon, { src: iconsReact.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(
+                eagle.Icon,
+                {
+                  src: iconsReact.MoreEllipsis324BoldSecondaryIcon,
+                  hoverSrc: iconsReact.MoreEllipsis324BoldBlueIcon,
+                  iconWidth: 24,
+                  iconHeight: 24
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.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] = React.useState([]);
+    const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
+    const { resource } = core.useResource();
+    const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
+    const useTableParams = React.useMemo(() => {
+      const mergedParams = lodashEs.merge(params.useTableParams, {
+        pagination: {
+          pageSize: currentSize,
+          mode: "server"
+        }
+      });
+      return mergedParams;
+    }, [params.useTableParams, currentSize]);
+    const finalColumns = React.useMemo(
+      () => addDefaultRenderToColumns(columns),
+      [columns]
+    );
+    const table = core.useTable(useTableParams);
+    const onPageChange = React.useCallback(
+      (page) => {
+        var _a2;
+        setCurrentPage(page);
+        (_a2 = table.setCurrent) == null ? void 0 : _a2.call(table, page || 1);
+      },
+      [setCurrentPage, table]
+    );
+    const onSorterChange = React.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
+    };
+    React.useEffect(() => {
+      table.setSorters([{
+        field: "metadata.creationTimestamp",
+        order: "desc"
+      }]);
+    }, []);
+    React.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 = eagle.useUIKit();
@@ -10411,38 +10663,40 @@ var __publicField = (obj, key, value) => {
     owner,
     hideToolBar
   }) => {
+    var _a;
     const {
       i18n: i18n2
     } = useTranslation();
     const kit = eagle.useUIKit();
     const [selectedKeys] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState(1);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const currentSize = 10;
-    const {
-      data: data2,
-      isLoading
-    } = core.useList({
-      resource: "jobs",
-      meta: {
-        resourceBasePath: "/apis/batch/v1",
-        kind: "Job"
-      },
-      pagination: {
-        mode: "off"
-      }
-    });
-    const dataSource = React.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"
@@ -10457,33 +10711,17 @@ var __publicField = (obj, key, value) => {
         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] = React.useState(1);
-    const currentSize = 10;
-    const { data: data2, isLoading } = core.useList({
-      resource: "events",
-      meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" },
-      pagination: {
-        mode: "off"
-      }
-    });
     const parsed = core.useParsed();
+    const [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
     const columns = React.useMemo(
       () => [
         {
@@ -10524,15 +10762,36 @@ var __publicField = (obj, key, value) => {
       ],
       [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 = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const dataSource = React.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,
         {
@@ -10543,17 +10802,8 @@ var __publicField = (obj, key, value) => {
     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
       }
     );
@@ -10566,10 +10816,10 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       className: ImageWrapperStyle,
-      children: breakLine ? value2.map((image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+      children: breakLine ? value2.map((image2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
         content: image2,
         tooltip: image2
-      }, image2)) : value2.join(", ")
+      }, `${image2}-${index}`)) : value2.join(", ")
     });
   };
   const ResourceLink = (props) => {
@@ -10597,7 +10847,6 @@ var __publicField = (obj, key, value) => {
     }, [ingress.flattenedRules]);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const [currentPage, setCurrentPage] = React.useState(1);
     const currentSize = 10;
     const columns = [
       {
@@ -10663,6 +10912,15 @@ var __publicField = (obj, key, value) => {
         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,
@@ -10678,14 +10936,15 @@ var __publicField = (obj, key, value) => {
       {
         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
       }
     );
@@ -10764,109 +11023,6 @@ var __publicField = (obj, key, value) => {
       }) : 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 = eagle.useUIKit();
-    const { globalStore } = useGlobalStore();
-    const useResourceResult = core.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 } = core.useCan({
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit
-    });
-    const { data: canDeleteData } = core.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(eagle.Icon, { src: iconsReact.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(eagle.Icon, { src: iconsReact.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(eagle.Icon, { src: iconsReact.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(
-                eagle.Icon,
-                {
-                  src: iconsReact.MoreEllipsis324BoldSecondaryIcon,
-                  hoverSrc: iconsReact.MoreEllipsis324BoldBlueIcon,
-                  iconWidth: 24,
-                  iconHeight: 24
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.MoreEllipsis316BoldBlueIcon })
-            }
-          )
-        }
-      ),
-      visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
-    ] });
-  }
   function Tabs(props) {
     const { tabs, className } = props;
     const kit = eagle.useUIKit();
@@ -10910,7 +11066,8 @@ var __publicField = (obj, key, value) => {
     const {
       showConfig,
       formatter,
-      Dropdown = K8sDropdown
+      Dropdown = K8sDropdown,
+      data: data2
     } = props;
     const kit = eagle.useUIKit();
     const parsed = core.useParsed();
@@ -10918,17 +11075,9 @@ var __publicField = (obj, key, value) => {
       resource
     } = core.useResource();
     const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
-    const {
-      queryResult
-    } = core.useShow({
-      id
-    });
     const {
       t: t2
     } = useTranslation();
-    const {
-      data: data2
-    } = queryResult;
     const navigation = core.useNavigation();
     const go = core.useGo();
     const openForm = useOpenForm({
@@ -11114,32 +11263,15 @@ var __publicField = (obj, key, value) => {
     selector,
     hideToolbar
   }) => {
+    var _a;
     const {
       i18n: i18n2
     } = useTranslation();
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState(1);
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
     const currentSize = 10;
-    const {
-      data: data2
-    } = core.useList({
-      resource: "pods",
-      meta: {
-        resourceBasePath: "/api/v1",
-        kind: "Pod"
-      },
-      pagination: {
-        mode: "off"
-      }
-    });
-    const dataSource = React.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,
@@ -11148,7 +11280,28 @@ var __publicField = (obj, key, value) => {
       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")}`
@@ -11166,18 +11319,10 @@ var __publicField = (obj, key, value) => {
         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
       })]
     });
@@ -17369,7 +17514,7 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const [selectedContainer, setSelectedContainer] = React.useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
     const [logs, setLogs] = React.useState([]);
-    const [logType, setLogType] = React.useState();
+    const [logType, setLogType] = React.useState("realtime");
     const [currentItemCount, setCurrentItemCount] = React.useState(0);
     const [paused, setPaused] = React.useState(false);
     const [wrap2, setWrap] = React.useState(false);
@@ -17406,30 +17551,20 @@ var __publicField = (obj, key, value) => {
         }
       }
     };
-    const fetchLogs = React.useCallback(() => {
-      var _a2, _b2;
-      if (!selectedContainer) {
-        return;
-      }
+    const fetchLogsByUrl = React.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;
         }
@@ -17462,7 +17597,19 @@ var __publicField = (obj, key, value) => {
         };
         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 = React.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 = React.useCallback(() => {
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();
@@ -17784,7 +17931,6 @@ var __publicField = (obj, key, value) => {
     const { i18n: i18n2 } = useTranslation();
     const component = React.useContext(ComponentContext);
     const Table$1 = component.Table || Table;
-    const [currentPage, setCurrentPage] = React.useState(1);
     const currentSize = 10;
     const columns = React.useMemo(
       () => [
@@ -17841,10 +17987,11 @@ var __publicField = (obj, key, value) => {
           sortable: true,
           sorter: CommonSorter(["state", "running", "startedAt"]),
           width: 120,
-          render: (value2) => {
+          render: (_, record) => {
+            const value2 = lodashEs.get(record, ["state", "running", "startedAt"]) || lodashEs.get(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: "" });
           }
         }
       ],
@@ -17854,6 +18001,19 @@ var __publicField = (obj, key, value) => {
       () => 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,
@@ -17869,14 +18029,15 @@ var __publicField = (obj, key, value) => {
       {
         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
       }
     );
@@ -18045,11 +18206,11 @@ var __publicField = (obj, key, value) => {
         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",
@@ -18057,13 +18218,13 @@ var __publicField = (obj, key, value) => {
         };
       }
     });
-    const { isLoading, isError } = queryResult;
+    const { isLoading, isError, data: data2 } = queryResult;
     React.useEffect(() => {
       if (isError && resource) {
         nav.list(resource);
       }
     }, [isError, nav, resource]);
-    return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
+    return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props, data: data2 });
   };
   const index_17v8shn = "";
   const WrapperStyle$1 = "w1akirqw";
@@ -18443,11 +18604,11 @@ var __publicField = (obj, key, value) => {
             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,
@@ -18512,6 +18673,21 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
+  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";
@@ -18576,8 +18752,11 @@ var __publicField = (obj, key, value) => {
     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,
@@ -21900,6 +22079,7 @@ var __publicField = (obj, key, value) => {
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
             label: c2.label,
+            colon: false,
             labelCol: {
               flex: "0 0 216px"
             },
@@ -23672,7 +23852,7 @@ var __publicField = (obj, key, value) => {
     const parsed = core.useParsed();
     const nav = core.useNavigation();
     const { queryResult } = core.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(
       antd.Drawer,
       {
@@ -23681,7 +23861,7 @@ var __publicField = (obj, key, value) => {
         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 })
       }
     );
   };
@@ -23709,7 +23889,7 @@ var __publicField = (obj, key, value) => {
     }
     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,
@@ -23932,17 +24112,8 @@ var __publicField = (obj, key, value) => {
       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)
@@ -23980,7 +24151,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const CompletionsCountColumnRenderer = (i18n2) => {
-    const dataIndex = ["completionsDisplay"];
+    const dataIndex = ["succeeded"];
     return {
       key: "completions",
       display: true,
@@ -23995,7 +24166,12 @@ var __publicField = (obj, key, value) => {
       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) => {
@@ -24289,91 +24465,6 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  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] = React.useState([]);
-    const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-    const { resource } = core.useResource();
-    const { value: nsFilters = [] } = useNamespacesFilter();
-    const useTableParams = React.useMemo(() => {
-      const mergedParams = lodashEs.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 = React.useMemo(
-      () => addDefaultRenderToColumns(columns),
-      [columns]
-    );
-    const table = core.useTable(useTableParams);
-    const onPageChange = React.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 {
@@ -24426,7 +24517,10 @@ var __publicField = (obj, key, value) => {
         options: {
           warnWhenUnsavedChanges: true,
           liveMode: "auto",
-          disableTelemetry: true
+          disableTelemetry: true,
+          overtime: {
+            interval: Number.MAX_SAFE_INTEGER
+          }
         },
         accessControlProvider,
         resources: resourcesConfig.map((c2) => {