@dovetail-v2/refine 0.0.46-alpha.0 → 0.0.46-alpha.2

package/dist/{index-5213b638.js → index-9a6fb2d3.js}

@@ -6,13 +6,13 @@ 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, useLayoutEffect, useImperativeHandle, memo, PureComponent, forwardRef, Suspense } 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, 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, Icon as Icon$1, Button, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+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, debounce, last, merge, get as get$3, first, isObject as isObject$4, keyBy } from "lodash-es";
+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";
@@ -8682,9 +8682,9 @@ function Table(props) {
   });
 }
 const ComponentContext = createContext({});
-function useTableData({ data: data2, columns, pageSize = 10 }) {
+function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
   const [currentPage, setCurrentPage] = useState(1);
-  const [sorters, setSorters] = useState([]);
+  const [sorters, setSorters] = useState(defaultSorters || []);
   const onSorterChange = useCallback((order, key2) => {
     var _a;
     const ORDER_MAP = {
@@ -9998,7 +9998,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_1wlqq0y = "";
+const index_10ylmu3 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10037,23 +10037,24 @@ const StateTag = ({
   const {
     t: t2
   } = useTranslation();
-  const colorMap = {
-    updating: "blue",
+  const statusMap = {
+    updating: "loading",
     ready: "green",
     completed: "gray",
     failed: "red",
     suspended: "warning",
-    running: "blue",
-    succeeded: "green",
-    unknown: "warning",
-    terminating: "red",
-    pending: "gray",
+    running: "green",
+    succeeded: "blue",
+    unknown: "gray",
+    terminating: "loading",
+    pending: "warning",
     waiting: "warning",
     terminated: "red"
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, {
     className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-    color: colorMap[state2],
+    color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
+    loading: statusMap[state2] === "loading",
     children: t2(`dovetail.${state2 || "updating"}`)
   });
 };
@@ -10229,7 +10230,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 403
     }
   ];
-  const { data: finalData, currentPage, onPageChange, onSorterChange } = useTableData({ data: conditionsWithId, columns });
+  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(
@@ -10439,273 +10447,6 @@ function K8sDropdown(props) {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
   ] });
 }
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value2) {
-    return value2 instanceof P ? value2 : new P(function(resolve) {
-      resolve(value2);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value2) {
-      try {
-        step(generator.next(value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function rejected(value2) {
-      try {
-        step(generator["throw"](value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-function useEventCallback(fn) {
-  const ref = useRef(() => {
-    throw new Error("Cannot call an event handler while rendering.");
-  });
-  useIsomorphicLayoutEffect(() => {
-    ref.current = fn;
-  }, [fn]);
-  return useCallback((...args) => ref.current(...args), [ref]);
-}
-function useEventListener(eventName, handler, element, options) {
-  const savedHandler = useRef(handler);
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  useEffect(() => {
-    var _a;
-    const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
-    if (!(targetElement && targetElement.addEventListener))
-      return;
-    const listener = (event2) => savedHandler.current(event2);
-    targetElement.addEventListener(eventName, listener, options);
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
-  function adopt(value2) {
-    return value2 instanceof P ? value2 : new P(function(resolve) {
-      resolve(value2);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value2) {
-      try {
-        step(generator.next(value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function rejected(value2) {
-      try {
-        step(generator["throw"](value2));
-      } catch (e2) {
-        reject(e2);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-function useLocalStorage(key2, initialValue) {
-  const readValue = useCallback(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-    try {
-      const item = window.localStorage.getItem(key2);
-      return item ? parseJSON(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key “${key2}”:`, error);
-      return initialValue;
-    }
-  }, [initialValue, key2]);
-  const [storedValue, setStoredValue] = useState(readValue);
-  const setValue = useEventCallback((value2) => {
-    if (typeof window === "undefined") {
-      console.warn(`Tried setting localStorage key “${key2}” even though environment is not a client`);
-    }
-    try {
-      const newValue = value2 instanceof Function ? value2(storedValue) : value2;
-      window.localStorage.setItem(key2, JSON.stringify(newValue));
-      setStoredValue(newValue);
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key “${key2}”:`, error);
-    }
-  });
-  useEffect(() => {
-    setStoredValue(readValue());
-  }, []);
-  const handleStorageChange = useCallback((event2) => {
-    if ((event2 === null || event2 === void 0 ? void 0 : event2.key) && event2.key !== key2) {
-      return;
-    }
-    setStoredValue(readValue());
-  }, [key2, readValue]);
-  useEventListener("storage", handleStorageChange);
-  useEventListener("local-storage", handleStorageChange);
-  return [storedValue, setValue];
-}
-function parseJSON(value2) {
-  try {
-    return value2 === "undefined" ? void 0 : JSON.parse(value2 !== null && value2 !== void 0 ? value2 : "");
-  } catch (_a) {
-    console.log("parsing error on", { value: value2 });
-    return void 0;
-  }
-}
-const GlobalStoreContext = createContext({});
-const index_1uuzt53 = "";
-const SelectStyle = "sj0ggy";
-const DropdownStyle = "d1eo8uqs";
-const SearchInputStyle = "s64gojc";
-const SelectContentStyle = "s16fqgtu";
-const TokenStyle = "tgaujbg";
-const CountTokenStyle = "c1vbd54v";
-const SelectOptionGroupStyle = "sxzmtrx";
-const LabelWrapperStyle = "lqrghwd";
-const AllNamespaceOptionStyle = "api7z1z";
-const OptionStyle = "o38b23x";
-const NS_STORE_KEY = "namespace-filter";
-const ALL_NS = "_all";
-const useNamespacesFilter = () => {
-  const [value2] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
-  const {
-    resource
-  } = useResource();
-  const configs = useContext(ConfigsContext);
-  if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].hideNamespacesFilter) {
-    return {
-      value: []
-    };
-  }
-  return {
-    value: value2
-  };
-};
-const NamespacesFilter = ({
-  className
-}) => {
-  const kit = useUIKit();
-  const {
-    t: t2
-  } = useTranslation();
-  const [search, setSearch] = useState("");
-  const {
-    data: data2,
-    isLoading
-  } = useList({
-    resource: "namespaces",
-    meta: {
-      resourceBasePath: "/api/v1",
-      kind: "Namespace"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
-  const debouncedSetSearch = debounce(setSearch, 100);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
-    loading: isLoading,
-    style: {
-      width: 278
-    },
-    className: cx_default(SelectStyle, className),
-    dropdownClassName: DropdownStyle,
-    searchValue: search,
-    virtual: false,
-    input: {
-      value: value2,
-      onChange(value22) {
-        if (last(value22) === ALL_NS || value22.length === 0) {
-          setValue([ALL_NS]);
-        } else {
-          setValue(value22.filter((namespace2) => namespace2 !== ALL_NS));
-        }
-      }
-    },
-    dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: SelectContentStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
-        style: {
-          width: "100%"
-        },
-        className: SearchInputStyle,
-        onChange: debouncedSetSearch,
-        placeholder: t2("dovetail.please_input")
-      }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
-    }),
-    tagRender: ({
-      label: label2,
-      value: value22,
-      closable,
-      onClose
-    }) => {
-      const isCountToken = label2 !== value22 && typeof label2 === "string";
-      const isAll = value22 === ALL_NS;
-      return isAll ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        style: {
-          marginLeft: 8
-        },
-        children: label2
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
-        className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
-        closable,
-        size: "medium",
-        onClose,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-          content: isCountToken ? label2.replace(/[\s\.]/g, "") : label2
-        })
-      });
-    },
-    maxTagCount: 1,
-    optionLabelProp: "label",
-    showArrow: true,
-    showSearch: false,
-    multiple: true,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
-      value: "_all",
-      label: t2("dovetail.all_namespaces"),
-      className: AllNamespaceOptionStyle,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-        content: t2("dovetail.all_namespaces"),
-        className: LabelWrapperStyle
-      })
-    }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
-      label: "",
-      className: SelectOptionGroupStyle,
-      children: data2 == null ? void 0 : data2.data.map((namespace2) => {
-        const {
-          name: name2
-        } = namespace2.metadata;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
-          value: name2,
-          label: name2,
-          className: OptionStyle,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-            content: name2,
-            className: LabelWrapperStyle
-          })
-        }, name2);
-      })
-    })]
-  });
-};
 var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
   ColumnKeys2["age"] = "age";
   ColumnKeys2["name"] = "name";
@@ -10730,34 +10471,21 @@ function addDefaultRenderToColumns(columns) {
   }));
 }
 const useEagleTable = (params) => {
-  var _a, _b;
+  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 { value: nsFilters = [] } = useNamespacesFilter();
   const useTableParams = useMemo(() => {
     const mergedParams = merge(params.useTableParams, {
       pagination: {
         pageSize: currentSize,
         mode: "server"
-      },
-      filters: {
-        permanent: [
-          {
-            operator: "or",
-            value: nsFilters.filter((filter) => filter !== ALL_NS).map((filter) => ({
-              field: "metadata.namespace",
-              operator: "eq",
-              value: filter
-            }))
-          }
-        ]
       }
     });
     return mergedParams;
-  }, [params.useTableParams, nsFilters, currentSize]);
+  }, [params.useTableParams, currentSize]);
   const finalColumns = useMemo(
     () => addDefaultRenderToColumns(columns),
     [columns]
@@ -10794,15 +10522,26 @@ const useEagleTable = (params) => {
     error: false,
     rowKey: "id",
     currentPage,
-    defaultSize: currentSize,
     onPageChange,
     onSorterChange,
     onSelect: (keys) => {
       setSelectedKeys(keys);
     },
     total,
-    RowMenu: Dropdown
+    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() {
@@ -10918,6 +10657,7 @@ const CronjobJobsTable = ({
   owner,
   hideToolBar
 }) => {
+  var _a;
   const {
     i18n: i18n2
   } = useTranslation();
@@ -10938,15 +10678,19 @@ const CronjobJobsTable = ({
       meta: {
         resourceBasePath: "/apis/batch/v1",
         kind: "Job"
+      },
+      filters: {
+        permanent: [{
+          field: "",
+          value: "",
+          fn(item) {
+            return owner ? matchOwner(item, owner) : true;
+          }
+        }]
       }
     }
   });
-  const dataSource = useMemo(() => {
-    return tableProps.data.filter((p) => {
-      return owner ? matchOwner(p, owner) : true;
-    });
-  }, [tableProps.data, owner]);
-  if (!(dataSource == null ? void 0 : dataSource.length) && !tableProps.loading) {
+  if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
         kind: " Job"
@@ -10968,8 +10712,10 @@ const CronjobJobsTable = ({
   });
 };
 const EventsTable = ({}) => {
+  var _a, _b;
   const { i18n: i18n2 } = useTranslation();
   const parsed = useParsed();
+  const [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
   const columns = useMemo(
     () => [
       {
@@ -11012,20 +10758,34 @@ const EventsTable = ({}) => {
   );
   const { tableProps } = useEagleTable({
     columns,
+    tableProps: {
+      defaultSize: 50
+    },
     useTableParams: {
       resource: "events",
-      meta: { resourceBasePath: "/apis/events.k8s.io/v1", kind: "Event" }
+      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 dataSource = useMemo(() => {
-    return tableProps.data.filter((d) => {
-      const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
-      return objectId === parsed.id;
-    });
-  }, [tableProps.data, parsed]);
   const Table$1 = component.Table || Table;
-  if (!(dataSource == null ? void 0 : dataSource.length) && !tableProps.loading) {
+  if (!((_b = tableProps.data) == null ? void 0 : _b.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
       {
@@ -11050,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) => {
@@ -11183,7 +10943,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_1v1utgj = "";
+const KeyValue_q4vd5r = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -11497,6 +11257,7 @@ const WorkloadPodsTable = ({
   selector,
   hideToolbar
 }) => {
+  var _a;
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11522,15 +11283,19 @@ const WorkloadPodsTable = ({
       meta: {
         resourceBasePath: "/api/v1",
         kind: "Pod"
+      },
+      filters: {
+        permanent: [{
+          field: "",
+          value: "",
+          fn(item) {
+            return selector ? matchSelector(item, selector) : true;
+          }
+        }]
       }
     }
   });
-  const dataSource = useMemo(() => {
-    return tableProps.data.filter((p) => {
-      return selector ? matchSelector(p, selector) : true;
-    });
-  }, [tableProps.data, selector]);
-  if ((dataSource == null ? void 0 : dataSource.length) === 0) {
+  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")}`
@@ -18237,7 +18002,11 @@ const PodContainersTable = ({
     onSorterChange
   } = useTableData({
     data: dataSource,
-    columns
+    columns,
+    defaultSorters: [{
+      field: "state.running.startedAt",
+      order: "desc"
+    }]
   });
   if (dataSource.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18577,6 +18346,342 @@ function ReplicasDropdown(props) {
     children
   ] });
 }
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value2) {
+    return value2 instanceof P ? value2 : new P(function(resolve) {
+      resolve(value2);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value2) {
+      try {
+        step(generator.next(value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function rejected(value2) {
+      try {
+        step(generator["throw"](value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+function useEventCallback(fn) {
+  const ref = useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  }, [fn]);
+  return useCallback((...args) => ref.current(...args), [ref]);
+}
+function useEventListener(eventName, handler, element, options) {
+  const savedHandler = useRef(handler);
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+  useEffect(() => {
+    var _a;
+    const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
+    if (!(targetElement && targetElement.addEventListener))
+      return;
+    const listener = (event2) => savedHandler.current(event2);
+    targetElement.addEventListener(eventName, listener, options);
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+  function adopt(value2) {
+    return value2 instanceof P ? value2 : new P(function(resolve) {
+      resolve(value2);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value2) {
+      try {
+        step(generator.next(value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function rejected(value2) {
+      try {
+        step(generator["throw"](value2));
+      } catch (e2) {
+        reject(e2);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function useLocalStorage(key2, initialValue) {
+  const readValue = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key2);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key “${key2}”:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key2]);
+  const [storedValue, setStoredValue] = useState(readValue);
+  const setValue = useEventCallback((value2) => {
+    if (typeof window === "undefined") {
+      console.warn(`Tried setting localStorage key “${key2}” even though environment is not a client`);
+    }
+    try {
+      const newValue = value2 instanceof Function ? value2(storedValue) : value2;
+      window.localStorage.setItem(key2, JSON.stringify(newValue));
+      setStoredValue(newValue);
+      window.dispatchEvent(new Event("local-storage"));
+    } catch (error) {
+      console.warn(`Error setting localStorage key “${key2}”:`, error);
+    }
+  });
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  const handleStorageChange = useCallback((event2) => {
+    if ((event2 === null || event2 === void 0 ? void 0 : event2.key) && event2.key !== key2) {
+      return;
+    }
+    setStoredValue(readValue());
+  }, [key2, readValue]);
+  useEventListener("storage", handleStorageChange);
+  useEventListener("local-storage", handleStorageChange);
+  return [storedValue, setValue];
+}
+function parseJSON(value2) {
+  try {
+    return value2 === "undefined" ? void 0 : JSON.parse(value2 !== null && value2 !== void 0 ? value2 : "");
+  } catch (_a) {
+    console.log("parsing error on", { value: value2 });
+    return void 0;
+  }
+}
+const GlobalStoreContext = createContext({});
+const index_1xad2h9 = "";
+const SelectStyle = "sj0ggy";
+const DropdownStyle = "d1eo8uqs";
+const SearchInputStyle = "s64gojc";
+const SelectContentStyle = "s16fqgtu";
+const TokenStyle = "tgaujbg";
+const CountTokenStyle = "c1vbd54v";
+const SelectOptionGroupStyle = "sxzmtrx";
+const LabelWrapperStyle = "lqrghwd";
+const AllNamespaceOptionStyle = "api7z1z";
+const OptionStyle = "o38b23x";
+const NS_STORE_KEY = "namespace-filter";
+const ALL_NS = "_all";
+const useNamespacesFilter = () => {
+  const [value2] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
+  const {
+    resource
+  } = useResource();
+  const configs = useContext(ConfigsContext);
+  if ((resource == null ? void 0 : resource.name) && configs[resource == null ? void 0 : resource.name].hideNamespacesFilter) {
+    return {
+      value: []
+    };
+  }
+  return {
+    value: value2
+  };
+};
+const NamespacesFilter = ({
+  className
+}) => {
+  const kit = useUIKit();
+  const {
+    t: t2
+  } = useTranslation();
+  const [search, setSearch] = useState("");
+  const [tagMaxWidth, setTagMaxWidth] = useState("");
+  const {
+    data: data2,
+    isLoading
+  } = useList({
+    resource: "namespaces",
+    meta: {
+      resourceBasePath: "/api/v1",
+      kind: "Namespace"
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
+  const [open, setOpen] = useState(false);
+  const debouncedSetSearch = debounce(setSearch, 100);
+  const MAX_TAG_COUNT = 8;
+  const COUNT_TAG_WIDTH = 22;
+  const TAG_GAP = 4;
+  const PADDING = 36;
+  const hasCountTag = value2.length > MAX_TAG_COUNT;
+  const WRAPPER_CLASS = "d2-namespace-select-wrapper";
+  const SELECT_CLASS = "d2-namespace-select";
+  const calcTagMaxWidth = useCallback(() => {
+    const wrapper = document.querySelector(`.${WRAPPER_CLASS}`);
+    const n2 = Math.min(value2.length, MAX_TAG_COUNT);
+    const tagWidth = ((wrapper == null ? void 0 : wrapper.offsetWidth) || 0) / n2;
+    const gapsWidth = (Math.min(value2.length, MAX_TAG_COUNT + 1) - 1) * TAG_GAP;
+    const paddingAndCountTagWidth = PADDING + (hasCountTag ? COUNT_TAG_WIDTH : 0);
+    const perTagMaxWidth = tagWidth - (paddingAndCountTagWidth + gapsWidth) / n2;
+    setTagMaxWidth(`${perTagMaxWidth}px`);
+  }, [value2, hasCountTag]);
+  useEffect(() => {
+    calcTagMaxWidth();
+  }, [calcTagMaxWidth]);
+  useEffect(() => {
+    window.addEventListener("resize", calcTagMaxWidth);
+    return () => {
+      window.removeEventListener("resize", calcTagMaxWidth);
+    };
+  }, [calcTagMaxWidth]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    className: WRAPPER_CLASS,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+      loading: isLoading,
+      className: cx_default(SelectStyle, SELECT_CLASS, className),
+      style: {
+        "--tag-max-width": tagMaxWidth
+      },
+      dropdownClassName: DropdownStyle,
+      searchValue: search,
+      virtual: false,
+      input: {
+        value: value2,
+        onChange(value22) {
+          if (last(value22) === ALL_NS || value22.length === 0) {
+            setValue([ALL_NS]);
+          } else {
+            setValue(value22.filter((namespace2) => namespace2 !== ALL_NS));
+          }
+        }
+      },
+      dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: SelectContentStyle,
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
+          style: {
+            width: "100%"
+          },
+          className: SearchInputStyle,
+          onChange: debouncedSetSearch,
+          placeholder: t2("dovetail.please_input")
+        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
+      }),
+      tagRender: ({
+        label: label2,
+        value: namespaceValue,
+        closable,
+        onClose
+      }) => {
+        const isCountToken = label2 !== namespaceValue && typeof label2 === "string";
+        const isAll = namespaceValue === ALL_NS;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          onClick: () => {
+            setOpen(!open);
+          },
+          children: isAll ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            style: {
+              marginLeft: 8
+            },
+            children: label2
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
+            className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
+            closable,
+            size: "medium",
+            onClose,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
+                title: isCountToken ? value2.slice(MAX_TAG_COUNT).map((namespace2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+                  children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                    children: namespace2
+                  }), index !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                    style: {
+                      margin: "6px 0",
+                      borderColor: "rgba(107, 128, 167, 0.60)"
+                    }
+                  }) : null]
+                })) : null,
+                trigger: ["hover"],
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                  children: label2.replace(/[\s\.]/g, "")
+                })
+              }) : label2
+            })
+          })
+        });
+      },
+      maxTagCount: MAX_TAG_COUNT,
+      optionLabelProp: "label",
+      showArrow: true,
+      showSearch: false,
+      open,
+      onDropdownVisibleChange: (open2) => {
+        setOpen(open2);
+      },
+      multiple: true,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+        value: "_all",
+        label: t2("dovetail.all_namespaces"),
+        className: AllNamespaceOptionStyle,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+          content: t2("dovetail.all_namespaces"),
+          className: LabelWrapperStyle
+        })
+      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
+        label: "",
+        className: SelectOptionGroupStyle,
+        children: data2 == null ? void 0 : data2.data.map((namespace2) => {
+          const {
+            name: name2
+          } = namespace2.metadata;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+            value: name2,
+            label: name2,
+            className: OptionStyle,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+              content: name2,
+              className: LabelWrapperStyle
+            })
+          }, name2);
+        })
+      })]
+    })
+  });
+};
+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";
@@ -18641,11 +18746,15 @@ 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
+      defaultSize: 50,
+      ...props.config.tableProps
     },
     formatter,
     Dropdown
@@ -21850,20 +21959,44 @@ function useForm$1(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-const RefineFormContent_1in3vad = "";
+const RefineFormContent_1tb00bi = "";
 const RefineFormContent = (props) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const {
     config,
     formResult,
-    action,
+    resourceId,
     errorMsg
   } = props;
   const {
     control,
     getValues
   } = formResult;
-  const fields = (_b = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _b.map((c2) => {
+  const action = resourceId ? "edit" : "create";
+  const listQuery = useList({
+    resource: config == null ? void 0 : config.name,
+    meta: {
+      resourceBasePath: config == null ? void 0 : config.basePath,
+      kind: config == null ? void 0 : config.kind
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  const showQuery = useShow({
+    resource: config == null ? void 0 : config.name,
+    meta: {
+      resourceBasePath: config == null ? void 0 : config.basePath,
+      kind: config == null ? void 0 : config.kind
+    },
+    id: resourceId
+  });
+  const formFieldsConfig = (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
+    record: (_b = showQuery.queryResult.data) == null ? void 0 : _b.data,
+    records: ((_c = listQuery.data) == null ? void 0 : _c.data) || [],
+    action
+  });
+  const fields = formFieldsConfig == null ? void 0 : formFieldsConfig.map((c2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Controller, {
       control,
       name: c2.path.join("."),
@@ -21895,6 +22028,7 @@ const RefineFormContent = (props) => {
         var _a2;
         const formValue = getValues();
         let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.String, {
+          placeholder: c2.placeholder,
           input: {
             value: value2,
             onChange,
@@ -21907,6 +22041,7 @@ const RefineFormContent = (props) => {
         switch (c2.type) {
           case "number":
             ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.Integer, {
+              placeholder: c2.placeholder,
               input: {
                 value: value2,
                 onChange,
@@ -21922,11 +22057,23 @@ const RefineFormContent = (props) => {
             children: value2
           });
         }
+        if (c2.helperText) {
+          ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+            size: 4,
+            direction: "vertical",
+            className: "c154n7ie",
+            children: [ele, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+              className: cx_default(Typo.Footnote.f2_regular, "c1c9j4da"),
+              children: c2.helperText
+            })]
+          });
+        }
         if (c2 == null ? void 0 : c2.render) {
           ele = c2.render(value2, onChange, formValue, onBlur, action);
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
+          colon: false,
           labelCol: {
             flex: "0 0 216px"
           },
@@ -21939,7 +22086,7 @@ const RefineFormContent = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
-    className: "c154n7ie",
+    className: "cjxv8cf",
     children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
       errorMsgs: errorMsg ? [errorMsg] : [],
       style: {
@@ -22579,7 +22726,6 @@ const useForm = ({
   };
 };
 const useRefineForm = (props) => {
-  var _a;
   const { config, id, refineProps } = props;
   const [responseErrorMsg, setResponseErrorMsg] = useState("");
   const i18n2 = useTranslation();
@@ -22612,15 +22758,15 @@ const useRefineForm = (props) => {
     defaultValues: config == null ? void 0 : config.initValue
   });
   useEffect(() => {
-    var _a2, _b;
-    const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
+    var _a, _b;
+    const response = (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
       (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        var _a3, _b2;
-        setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
+        var _a2, _b2;
+        setResponseErrorMsg(((_b2 = (_a2 = config.formConfig) == null ? void 0 : _a2.formatError) == null ? void 0 : _b2.call(_a2, body)) || body.message);
       });
     }
-  }, [config.formConfig, (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
+  }, [config.formConfig, result]);
   return { formResult: result, responseErrorMsg };
 };
 const index_12sfrn = "";
@@ -22631,7 +22777,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-a06e0978.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-a0787f8d.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23146,9 +23292,18 @@ const useYamlForm = ({
           setEditorErrors(errors);
           return;
         }
-        const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
-        const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
-        return onFinish(finalValues);
+        try {
+          const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
+          const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+          return onFinish(finalValues);
+        } catch (error) {
+          if (error instanceof Error) {
+            if (error.message === "expected a single document in the stream, but found more") {
+              setEditorErrors([t2("dovetail.only_support_one_yaml")]);
+              return;
+            }
+          }
+        }
       },
       onKeyUp,
       onValuesChange,
@@ -23370,7 +23525,7 @@ function FormModal(props) {
       formResult: refineFormResult.formResult,
       config,
       errorMsg: refineFormResult.responseErrorMsg,
-      action: id ? "edit" : "create"
+      resourceId: id
     });
   })();
   const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
@@ -23453,7 +23608,7 @@ const RefineFormPage = (props) => {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
       config,
       formResult,
-      action
+      resourceId: id
     }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       ...saveButtonProps,
       onClick,
@@ -23854,7 +24009,11 @@ const PlainTextNameColumnRenderer = (i18n2) => {
     title: i18n2.t("dovetail.name"),
     sortable: true,
     width: 200,
-    sorter: CommonSorter(dataIndex)
+    sorter: CommonSorter(dataIndex),
+    render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+      content: v,
+      tooltip: v
+    })
   };
 };
 const NameSpaceColumnRenderer = (i18n2) => {
@@ -23986,7 +24145,7 @@ const RestartCountColumnRenderer = (i18n2) => {
   };
 };
 const CompletionsCountColumnRenderer = (i18n2) => {
-  const dataIndex = ["completionsDisplay"];
+  const dataIndex = ["succeeded"];
   return {
     key: "completions",
     display: true,
@@ -24001,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) => {