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

package/dist/refine.umd.cjs

@@ -8688,9 +8688,9 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ComponentContext = React.createContext({});
-  function useTableData({ data: data2, columns, pageSize = 10 }) {
+  function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
     const [currentPage, setCurrentPage] = React.useState(1);
-    const [sorters, setSorters] = React.useState([]);
+    const [sorters, setSorters] = React.useState(defaultSorters || []);
     const onSorterChange = React.useCallback((order, key2) => {
       var _a;
       const ORDER_MAP = {
@@ -10004,7 +10004,7 @@ var __publicField = (obj, key, value) => {
       children: content || "-"
     });
   };
-  const index_1wlqq0y = "";
+  const index_10ylmu3 = "";
   const TagWrapper = "t13a6vox";
   const TagStyle = "t12ikbmp";
   const Tags = (props) => {
@@ -10043,23 +10043,24 @@ var __publicField = (obj, key, value) => {
     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"}`)
     });
   };
@@ -10235,7 +10236,14 @@ var __publicField = (obj, key, value) => {
         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(
@@ -10445,273 +10453,6 @@ var __publicField = (obj, key, value) => {
       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 = React.useRef(() => {
-      throw new Error("Cannot call an event handler while rendering.");
-    });
-    useIsomorphicLayoutEffect(() => {
-      ref.current = fn;
-    }, [fn]);
-    return React.useCallback((...args) => ref.current(...args), [ref]);
-  }
-  function useEventListener(eventName, handler, element, options) {
-    const savedHandler = React.useRef(handler);
-    useIsomorphicLayoutEffect(() => {
-      savedHandler.current = handler;
-    }, [handler]);
-    React.useEffect(() => {
-      var _a;
-      const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
-      if (!(targetElement && targetElement.addEventListener))
-        return;
-      const listener = (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" ? React.useLayoutEffect : React.useEffect;
-  function useLocalStorage(key2, initialValue) {
-    const readValue = React.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] = React.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);
-      }
-    });
-    React.useEffect(() => {
-      setStoredValue(readValue());
-    }, []);
-    const handleStorageChange = React.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 = React.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
-    } = core.useResource();
-    const configs = React.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 = eagle.useUIKit();
-    const {
-      t: t2
-    } = useTranslation();
-    const [search, setSearch] = React.useState("");
-    const {
-      data: data2,
-      isLoading
-    } = core.useList({
-      resource: "namespaces",
-      meta: {
-        resourceBasePath: "/api/v1",
-        kind: "Namespace"
-      },
-      pagination: {
-        mode: "off"
-      }
-    });
-    const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
-    const debouncedSetSearch = lodashEs.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 (lodashEs.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";
@@ -10736,34 +10477,21 @@ var __publicField = (obj, key, value) => {
     }));
   }
   const useEagleTable = (params) => {
-    var _a, _b;
+    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 { value: nsFilters = [] } = useNamespacesFilter();
     const useTableParams = React.useMemo(() => {
       const mergedParams = lodashEs.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 = React.useMemo(
       () => addDefaultRenderToColumns(columns),
       [columns]
@@ -10800,15 +10528,26 @@ var __publicField = (obj, key, value) => {
       error: false,
       rowKey: "id",
       currentPage,
-      defaultSize: currentSize,
       onPageChange,
       onSorterChange,
       onSelect: (keys) => {
         setSelectedKeys(keys);
       },
       total,
-      RowMenu: Dropdown
+      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() {
@@ -10924,6 +10663,7 @@ var __publicField = (obj, key, value) => {
     owner,
     hideToolBar
   }) => {
+    var _a;
     const {
       i18n: i18n2
     } = useTranslation();
@@ -10944,15 +10684,19 @@ var __publicField = (obj, key, value) => {
         meta: {
           resourceBasePath: "/apis/batch/v1",
           kind: "Job"
+        },
+        filters: {
+          permanent: [{
+            field: "",
+            value: "",
+            fn(item) {
+              return owner ? matchOwner(item, owner) : true;
+            }
+          }]
         }
       }
     });
-    const dataSource = React.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"
@@ -10974,8 +10718,10 @@ var __publicField = (obj, key, value) => {
     });
   };
   const EventsTable = ({}) => {
+    var _a, _b;
     const { i18n: i18n2 } = useTranslation();
     const parsed = core.useParsed();
+    const [regardingNamespace, regardingName] = (_a = parsed == null ? void 0 : parsed.id) == null ? void 0 : _a.split("/");
     const columns = React.useMemo(
       () => [
         {
@@ -11018,20 +10764,34 @@ var __publicField = (obj, key, value) => {
     );
     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 = React.useContext(ComponentContext);
-    const dataSource = React.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,
         {
@@ -11056,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) => {
@@ -11189,7 +10949,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_1v1utgj = "";
+  const KeyValue_q4vd5r = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11503,6 +11263,7 @@ var __publicField = (obj, key, value) => {
     selector,
     hideToolbar
   }) => {
+    var _a;
     const {
       i18n: i18n2
     } = useTranslation();
@@ -11528,15 +11289,19 @@ var __publicField = (obj, key, value) => {
         meta: {
           resourceBasePath: "/api/v1",
           kind: "Pod"
+        },
+        filters: {
+          permanent: [{
+            field: "",
+            value: "",
+            fn(item) {
+              return selector ? matchSelector(item, selector) : true;
+            }
+          }]
         }
       }
     });
-    const dataSource = React.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")}`
@@ -18243,7 +18008,11 @@ var __publicField = (obj, key, value) => {
       onSorterChange
     } = useTableData({
       data: dataSource,
-      columns
+      columns,
+      defaultSorters: [{
+        field: "state.running.startedAt",
+        order: "desc"
+      }]
     });
     if (dataSource.length === 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18583,6 +18352,342 @@ var __publicField = (obj, key, value) => {
       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 = React.useRef(() => {
+      throw new Error("Cannot call an event handler while rendering.");
+    });
+    useIsomorphicLayoutEffect(() => {
+      ref.current = fn;
+    }, [fn]);
+    return React.useCallback((...args) => ref.current(...args), [ref]);
+  }
+  function useEventListener(eventName, handler, element, options) {
+    const savedHandler = React.useRef(handler);
+    useIsomorphicLayoutEffect(() => {
+      savedHandler.current = handler;
+    }, [handler]);
+    React.useEffect(() => {
+      var _a;
+      const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
+      if (!(targetElement && targetElement.addEventListener))
+        return;
+      const listener = (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" ? React.useLayoutEffect : React.useEffect;
+  function useLocalStorage(key2, initialValue) {
+    const readValue = React.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] = React.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);
+      }
+    });
+    React.useEffect(() => {
+      setStoredValue(readValue());
+    }, []);
+    const handleStorageChange = React.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 = React.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
+    } = core.useResource();
+    const configs = React.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 = eagle.useUIKit();
+    const {
+      t: t2
+    } = useTranslation();
+    const [search, setSearch] = React.useState("");
+    const [tagMaxWidth, setTagMaxWidth] = React.useState("");
+    const {
+      data: data2,
+      isLoading
+    } = core.useList({
+      resource: "namespaces",
+      meta: {
+        resourceBasePath: "/api/v1",
+        kind: "Namespace"
+      },
+      pagination: {
+        mode: "off"
+      }
+    });
+    const [value2, setValue] = useLocalStorage(NS_STORE_KEY, [ALL_NS]);
+    const [open, setOpen] = React.useState(false);
+    const debouncedSetSearch = lodashEs.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 = React.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]);
+    React.useEffect(() => {
+      calcTagMaxWidth();
+    }, [calcTagMaxWidth]);
+    React.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 (lodashEs.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";
@@ -18647,11 +18752,15 @@ 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
+        defaultSize: 50,
+        ...props.config.tableProps
       },
       formatter,
       Dropdown
@@ -21856,20 +21965,44 @@ var __publicField = (obj, key, value) => {
     _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 = core.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 = core.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("."),
@@ -21901,6 +22034,7 @@ var __publicField = (obj, key, value) => {
           var _a2;
           const formValue = getValues();
           let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.String, {
+            placeholder: c2.placeholder,
             input: {
               value: value2,
               onChange,
@@ -21913,6 +22047,7 @@ var __publicField = (obj, key, value) => {
           switch (c2.type) {
             case "number":
               ele = /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.Integer, {
+                placeholder: c2.placeholder,
                 input: {
                   value: value2,
                   onChange,
@@ -21928,11 +22063,23 @@ var __publicField = (obj, key, value) => {
               children: value2
             });
           }
+          if (c2.helperText) {
+            ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
+              size: 4,
+              direction: "vertical",
+              className: "c154n7ie",
+              children: [ele, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+                className: cx_default(eagle.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(eagle.Form.Item, {
             label: c2.label,
+            colon: false,
             labelCol: {
               flex: "0 0 216px"
             },
@@ -21945,7 +22092,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
       direction: "vertical",
-      className: "c154n7ie",
+      className: "cjxv8cf",
       children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
         errorMsgs: errorMsg ? [errorMsg] : [],
         style: {
@@ -22585,7 +22732,6 @@ var __publicField = (obj, key, value) => {
     };
   };
   const useRefineForm = (props) => {
-    var _a;
     const { config, id, refineProps } = props;
     const [responseErrorMsg, setResponseErrorMsg] = React.useState("");
     const i18n2 = useTranslation();
@@ -22618,15 +22764,15 @@ var __publicField = (obj, key, value) => {
       defaultValues: config == null ? void 0 : config.initValue
     });
     React.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 = "";
@@ -23152,9 +23298,18 @@ var __publicField = (obj, key, value) => {
             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,
@@ -23376,7 +23531,7 @@ var __publicField = (obj, key, value) => {
         formResult: refineFormResult.formResult,
         config,
         errorMsg: refineFormResult.responseErrorMsg,
-        action: id ? "edit" : "create"
+        resourceId: id
       });
     })();
     const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
@@ -23459,7 +23614,7 @@ var __publicField = (obj, key, value) => {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
         config,
         formResult,
-        action
+        resourceId: id
       }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
         ...saveButtonProps,
         onClick,
@@ -23860,7 +24015,11 @@ var __publicField = (obj, key, value) => {
       title: i18n2.t("dovetail.name"),
       sortable: true,
       width: 200,
-      sorter: CommonSorter(dataIndex)
+      sorter: CommonSorter(dataIndex),
+      render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+        content: v,
+        tooltip: v
+      })
     };
   };
   const NameSpaceColumnRenderer = (i18n2) => {
@@ -23992,7 +24151,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const CompletionsCountColumnRenderer = (i18n2) => {
-    const dataIndex = ["completionsDisplay"];
+    const dataIndex = ["succeeded"];
     return {
       key: "completions",
       display: true,
@@ -24007,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) => {