@dovetail-v2/refine 0.3.17-alpha.1 → 0.3.18-alpha.0

package/dist/components/Dropdowns/K8sDropdown/index.d.ts

@@ -1,3 +1,4 @@
+import { DeleteDialogProps } from '@cloudtower/eagle';
 import React from 'react';
 import { ResourceModel } from '../../../models';
 export type DropdownSize = 'normal' | 'large';
@@ -5,6 +6,10 @@ interface K8sDropdownProps {
     record: ResourceModel;
     size?: DropdownSize;
     customButton?: React.ReactNode;
+    resourceName?: string;
+    displayName?: string;
+    deleteDialogProps?: Partial<DeleteDialogProps>;
+    hideEdit?: boolean;
 }
 export declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
 export default K8sDropdown;

package/dist/components/ListPage/index.d.ts

@@ -6,6 +6,8 @@ interface ListPageProps<T extends ResourceModel> {
     tableProps: InternalTableProps<T>;
     contentClassName?: string;
     belowToolBarContent?: React.ReactNode;
+    customNamespaceFilter?: React.ReactNode;
+    isSearching?: boolean;
 }
 export declare function ListPage<T extends ResourceModel>(props: ListPageProps<T>): JSX.Element;
 export {};

package/dist/components/ShowContent/ShowContentView.d.ts

@@ -10,7 +10,6 @@ export type ShowContentViewProps<Model extends ResourceModel> = React.PropsWithC
         record: Model;
     }>;
     hideBackButton?: boolean;
-    canCollapseTabs?: boolean;
     hideTopBar?: boolean;
     className?: string;
     size?: 'small' | 'medium';

package/dist/components/Table/index.d.ts

@@ -6,6 +6,7 @@ interface TableProps<Model extends ResourceModel> {
     tableProps: InternalTableProps<Model>;
     displayName: string;
     errorContentProps?: WidgetErrorContentProps;
+    isSearching?: boolean;
 }
 export declare function Table<Model extends ResourceModel>(props: TableProps<Model>): JSX.Element;
 export {};

package/dist/hooks/useDeleteModal/useDeleteModal.d.ts

@@ -1,12 +1,14 @@
 import { DeleteDialogProps } from '@cloudtower/eagle';
 type useDeleteDialogProps = {
     resourceName: string;
+    displayName?: string;
+    meta?: Record<string, string>;
     deleteDialogProps?: Partial<DeleteDialogProps>;
 };
 /**
  * 打开确认删除弹窗，如果失败会自动弹出回绝弹窗
  */
-export declare const useDeleteModal: ({ resourceName, deleteDialogProps, }: useDeleteDialogProps) => {
+export declare const useDeleteModal: ({ resourceName, displayName, meta, deleteDialogProps, }: useDeleteDialogProps) => {
     openDeleteConfirmModal: (id: string) => void;
     closeDeleteConfirmModal: () => void;
 };

package/dist/hooks/useDeleteModal/useDeleteModalOnly.d.ts

@@ -2,10 +2,12 @@ import { DeleteDialogProps } from '@cloudtower/eagle';
 import { HttpError } from '@refinedev/core';
 type useDeleteModalOnlyProps = {
     resource: string;
+    displayName?: string;
+    meta?: Record<string, string>;
     onError?: (resourceId: string, error?: HttpError) => void;
     deleteDialogProps?: Partial<DeleteDialogProps>;
 };
-export declare const useDeleteModalOnly: ({ resource: resourceFromProps, deleteDialogProps, onError, }: useDeleteModalOnlyProps) => {
+export declare const useDeleteModalOnly: ({ resource: resourceFromProps, displayName: displayNameFromProps, deleteDialogProps, meta, onError, }: useDeleteModalOnlyProps) => {
     openDeleteConfirmModal: (id: string) => void;
     closeDeleteConfirmModal: () => void;
 };

package/dist/hooks/useDeleteModal/useFailedModal.d.ts

@@ -1,4 +1,7 @@
-export declare const useFailedModal: (resource: string) => {
+export declare const useFailedModal: (props: {
+    resource: string;
+    displayName?: string;
+}) => {
     openFailedModal: (id: string, errorMsgs: string[]) => void;
     closeFailedModal: () => void;
 };

package/dist/hooks/useEagleTable/columns.d.ts

@@ -3,12 +3,12 @@ import { i18n as I18nType } from 'i18next';
 import { Unstructured } from 'k8s-api-provider';
 import { ConfigMap, Secret } from 'kubernetes-types/core/v1';
 import { Column } from '../../components/InternalBaseTable';
-import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, DaemonSetModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel } from '../../models';
+import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, DaemonSetModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel, DeploymentModel } from '../../models';
 export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
 export declare const NameColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType, resource?: string) => Column<Model>;
 export declare const PlainTextNameColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => Column<Model>;
-export declare const StateDisplayColumnRenderer: <Model extends PodModel | ServiceModel | WorkloadModel | JobModel | CronJobModel | DaemonSetModel>(i18n: I18nType) => Column<Model>;
+export declare const StateDisplayColumnRenderer: <Model extends PodModel | ServiceModel | WorkloadModel | DeploymentModel | JobModel | CronJobModel | DaemonSetModel>(i18n: I18nType) => Column<Model>;
 export declare const WorkloadImageColumnRenderer: <Model extends WorkloadBaseModel>(i18n: I18nType) => Column<Model>;
 export declare const RestartsColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
 export declare const ReplicasColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;

package/dist/hooks/useEagleTable/useEagleTable.d.ts

@@ -25,6 +25,7 @@ export declare function addDefaultRenderToColumns<Data, Col extends RequiredColu
     render(value: unknown): JSX.Element;
 } & Col)[];
 export declare const useEagleTable: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(params: Params<Model>) => {
+    setCurrent: (current: number) => void;
     tableQueryResult: import("@tanstack/query-core").QueryObserverResult<import("@refinedev/core").GetListResponse<Model>, import("@refinedev/core").HttpError>;
     sorter: import("@refinedev/core").CrudSorting;
     sorters: import("@refinedev/core").CrudSorting;
@@ -42,7 +43,6 @@ export declare const useEagleTable: <Model extends ResourceModel<import("k8s-api
         filters: import("@refinedev/core").CrudFilters;
     }) => string;
     current: number;
-    setCurrent: (value: React.SetStateAction<number>) => void;
     pageSize: number;
     setPageSize: (value: React.SetStateAction<number>) => void;
     pageCount: number;

package/dist/i18n.d.ts

@@ -500,8 +500,6 @@ export declare const resources: {
             cant_delete_resource_with_name: string;
             close: string;
             import_from_file: string;
-            view_all_info: string;
-            collapse: string;
             tcp: string;
             udp: string;
             specify_workload: string;
@@ -530,6 +528,7 @@ export declare const resources: {
             clear_search_condition: string;
             no_labels: string;
             no_annotations: string;
+            pause_scheduling: string;
         };
     };
 };

package/dist/locales/zh-CN/index.d.ts

@@ -243,8 +243,6 @@ declare const _default: {
         cant_delete_resource_with_name: string;
         close: string;
         import_from_file: string;
-        view_all_info: string;
-        collapse: string;
         tcp: string;
         udp: string;
         specify_workload: string;
@@ -273,6 +271,7 @@ declare const _default: {
         clear_search_condition: string;
         no_labels: string;
         no_annotations: string;
+        pause_scheduling: string;
     };
 };
 export default _default;

package/dist/models/deployment-model.d.ts

@@ -13,6 +13,7 @@ export declare class DeploymentModel extends WorkloadModel {
     getReplicaSets(replicaSets: ReplicaSetModel[]): ReplicaSetModel[];
     get stateDisplay(): ResourceState.UPDATING | ResourceState.READY | ResourceState.STOPPED;
     get revision(): string | undefined;
+    get isPaused(): boolean;
     getCurrentReplicaSet(replicaSets: ReplicaSetModel[]): ReplicaSetModel | undefined;
 }
 export {};

package/dist/models/ingress-model.d.ts

@@ -14,6 +14,7 @@ export type RuleItem = {
 export declare class IngressModel extends ResourceModel<IngressTypes> {
     _rawYaml: IngressTypes;
     constructor(_rawYaml: IngressTypes, _globalStore: GlobalStore);
+    get spec(): import("kubernetes-types/networking/v1").IngressSpec;
     private getFullPath;
     getFlattenedRules(services?: Service[]): RuleItem[];
 }

package/dist/refine.cjs

@@ -1202,8 +1202,6 @@ const cant_delete_resource = "无法删除{{resource}}";
 const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
 const close = "关闭";
 const import_from_file = "从文件读取";
-const view_all_info = "查看全部信息";
-const collapse = "收起";
 const tcp = "TCP";
 const udp = "UDP";
 const specify_workload = "指定工作负载";
@@ -1232,6 +1230,7 @@ const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
 const no_labels = "无标签";
 const no_annotations = "无注解";
+const pause_scheduling = "暂停调度";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1476,8 +1475,6 @@ const dovetail = {
   cant_delete_resource_with_name,
   close,
   import_from_file,
-  view_all_info,
-  collapse,
   tcp,
   udp,
   specify_workload,
@@ -1505,7 +1502,8 @@ const dovetail = {
   no_search_result,
   clear_search_condition,
   no_labels,
-  no_annotations
+  no_annotations,
+  pause_scheduling
 };
 const ZH = {
   dovetail
@@ -7435,18 +7433,21 @@ function transformResourceKindInSentence(str, language) {
 }
 const useDeleteModalOnly = ({
   resource: resourceFromProps,
+  displayName: displayNameFromProps,
   deleteDialogProps,
+  meta,
   onError
 }) => {
   const { resource } = core.useResource();
   const configs = React.useContext(ConfigsContext);
   const config = configs[resourceFromProps];
   const { mutateAsync } = core.useDelete();
+  const [deleting, setDeleting] = React.useState(false);
   const pushModal = eagle.usePushModal();
   const popModal = eagle.usePopModal();
   const navigation = core.useNavigation();
   const { t: t2, i18n: i18n2 } = common.useTranslation();
-  const displayName = config.displayName || config.kind;
+  const displayName = displayNameFromProps || (config == null ? void 0 : config.displayName) || (meta == null ? void 0 : meta.kind) || (config == null ? void 0 : config.kind);
   const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
   function openDeleteConfirmModal(id) {
     pushModal({
@@ -7469,10 +7470,13 @@ const useDeleteModalOnly = ({
         ),
         secondaryDesc: t2("dovetail.delete_tip"),
         okText: t2("dovetail.delete"),
+        confirmLoading: deleting,
         onOk: async (popModal2) => {
           try {
+            setDeleting(true);
             await mutateAsync({
               resource: resourceFromProps,
+              meta,
               id,
               successNotification() {
                 return {
@@ -7496,6 +7500,7 @@ const useDeleteModalOnly = ({
             }
             popModal2();
           } finally {
+            setDeleting(false);
           }
         },
         ...deleteDialogProps
@@ -7504,13 +7509,14 @@ const useDeleteModalOnly = ({
   }
   return { openDeleteConfirmModal, closeDeleteConfirmModal: popModal };
 };
-const useFailedModal = (resource) => {
+const useFailedModal = (props) => {
+  const { resource, displayName: displayNameFromProps } = props;
   const configs = React.useContext(ConfigsContext);
   const config = configs[resource];
   const { t: t2, i18n: i18n2 } = common.useTranslation();
   const pushModal = eagle.usePushModal();
   const popModal = eagle.usePopModal();
-  const displayName = config.displayName || config.kind;
+  const displayName = displayNameFromProps || (config == null ? void 0 : config.displayName) || (config == null ? void 0 : config.kind);
   const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
   function openFailedModal(id, errorMsgs) {
     pushModal({
@@ -7544,15 +7550,25 @@ const useFailedModal = (resource) => {
 };
 const useDeleteModal = ({
   resourceName,
+  displayName,
+  meta,
   deleteDialogProps
 }) => {
   const { i18n: i18n2 } = common.useTranslation();
   const configs = React.useContext(ConfigsContext);
   const config = configs[resourceName];
-  const { openFailedModal } = useFailedModal(resourceName);
+  const { openFailedModal } = useFailedModal({
+    resource: resourceName,
+    displayName
+  });
   const { openDeleteConfirmModal, closeDeleteConfirmModal } = useDeleteModalOnly({
     resource: resourceName,
-    deleteDialogProps: { secondaryDesc: config.deleteTip, ...deleteDialogProps },
+    displayName,
+    meta,
+    deleteDialogProps: {
+      secondaryDesc: (config == null ? void 0 : config.deleteTip) || i18n2.t("dovetail.delete_tip"),
+      ...deleteDialogProps
+    },
     onError: async (id, error) => {
       closeDeleteConfirmModal();
       openFailedModal(id, getCommonErrors(await (error == null ? void 0 : error.response.json()), i18n2));
@@ -8718,6 +8734,9 @@ class IngressModel extends ResourceModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  get spec() {
+    return this._rawYaml.spec;
+  }
   getFullPath(rule2, path2 = "", port2) {
     if (!rule2.host) {
       return path2 || "";
@@ -9856,6 +9875,10 @@ class DeploymentModel extends WorkloadModel {
     var _a, _b;
     return (_b = (_a = this.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b["deployment.kubernetes.io/revision"];
   }
+  get isPaused() {
+    var _a;
+    return !!((_a = this.spec) == null ? void 0 : _a.paused);
+  }
   getCurrentReplicaSet(replicaSets) {
     const myReplicaSets = this.getReplicaSets(replicaSets);
     return myReplicaSets.find((rs) => rs.revision === this.revision);
@@ -10809,18 +10832,34 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a, _b;
-  const { record, size = "normal", customButton } = props;
+  var _a, _b, _c;
+  const {
+    record,
+    size = "normal",
+    resourceName: resourceNameFromProps,
+    customButton,
+    deleteDialogProps,
+    displayName,
+    hideEdit
+  } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
   const configs = React.useContext(ConfigsContext);
-  const resourceName = getResourceNameByKind(record.kind || "", configs);
+  const resourceName = resourceNameFromProps || getResourceNameByKind(record.kind || "", configs);
   const config = configs[resourceName || ""];
   const { t: t2, i18n: i18n2 } = common.useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({
+    resourceName: resourceName || "",
+    deleteDialogProps,
+    displayName,
+    meta: record.apiVersion ? {
+      kind: record.kind || "",
+      resourceBasePath: (((_a = record.apiVersion) == null ? void 0 : _a.includes("/")) ? "apis" : "api") + `/${record.apiVersion}`
+    } : void 0
+  });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
+  const isInShowPage = useResourceResult.action === "show" && ((_b = useResourceResult.resource) == null ? void 0 : _b.name) === resourceName;
   const { data: canEditData } = core.useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10835,12 +10874,12 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
+  const formType = (_c = config == null ? void 0 : config.formConfig) == null ? void 0 : _c.formType;
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(common.jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
     eagle.Dropdown,
     {
       overlay: /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || hideEdit || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
           (config == null ? void 0 : config.displayName) || record.kind || "",
           i18n2.language
         )}` : t2("dovetail.edit_yaml") }) }),
@@ -10905,12 +10944,7 @@ var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
 function addDefaultRenderToColumns(columns) {
   return columns.map((col) => ({
     render(value2) {
-      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-        ValueDisplay,
-        {
-          value: value2
-        }
-      );
+      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: value2 });
     },
     ...col
   }));
@@ -10946,18 +10980,23 @@ const useEagleTable = (params) => {
     },
     [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 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;
@@ -10980,12 +11019,23 @@ const useEagleTable = (params) => {
     defaultSize: currentSize
   };
   React.useEffect(() => {
-    table.setSorters([{
-      field: "metadata.creationTimestamp",
-      order: "desc"
-    }]);
+    table.setSorters([
+      {
+        field: "metadata.creationTimestamp",
+        order: "desc"
+      }
+    ]);
   }, []);
-  return { tableProps: finalProps, selectedKeys, ...table };
+  return {
+    tableProps: finalProps,
+    selectedKeys,
+    ...table,
+    setCurrent: (current) => {
+      var _a2;
+      setCurrentPage(current);
+      (_a2 = table.setCurrent) == null ? void 0 : _a2.call(table, current);
+    }
+  };
 };
 function CreateButton(props) {
   var _a;
@@ -12160,7 +12210,7 @@ function PVVolumeModeDisplay(props) {
 }
 function Table(props) {
   var _a;
-  const { tableProps, displayName, errorContentProps } = props;
+  const { tableProps, displayName, errorContentProps, isSearching } = props;
   const { Table: TableComponent } = React.useContext(ComponentContext);
   const Table2 = TableComponent || Table$1;
   const { params } = core.useParsed();
@@ -12168,7 +12218,7 @@ function Table(props) {
   const resourceType = transformResourceKindInSentence(displayName, i18n2.language);
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     const nameKeyword = (params == null ? void 0 : params[NAME_KEYWORD_PARAM]) || "";
-    if (nameKeyword) {
+    if (nameKeyword || isSearching) {
       const onClear = () => {
         var _a2;
         (_a2 = tableProps.onClearSearchKeyword) == null ? void 0 : _a2.call(tableProps);
@@ -13806,7 +13856,7 @@ function Tabs(props) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_1gmp0tu = "";
+const ShowContentView_196cma3 = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -13863,7 +13913,6 @@ const ShowContentView = (props) => {
     children,
     Dropdown = K8sDropdown,
     hideBackButton = false,
-    canCollapseTabs = false,
     className,
     hideTopBar = false,
     size = "medium"
@@ -13985,6 +14034,7 @@ const ShowContentView = (props) => {
     }, group.title);
   }
   const stateDisplay = lodashEs.get(record, "stateDisplay");
+  const isPausedDeployment = record.kind === "Deployment" && record.isPaused;
   const topBar = /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
     className: ToolBarWrapper,
     style: {
@@ -14023,7 +14073,11 @@ const ShowContentView = (props) => {
         }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
-        }) : void 0]
+        }) : void 0, isPausedDeployment ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.StatusCapsule, {
+          className: common.cx_default(StateTagStyle, "c18272tc"),
+          color: "yellow",
+          children: i18n2.t("dovetail.pause_scheduling")
+        }) : null]
       }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
           resource: resourceName,
@@ -14074,42 +14128,12 @@ const ShowContentView = (props) => {
       direction: "vertical",
       className: ShowContentHeaderStyle,
       children: topBar
-    }), basicInfo, canCollapseTabs ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(CollapseTabs, {
-      children: tabs
-    }) : tabs, children]
-  });
-};
-const CollapseTabs = (props) => {
-  const [isCollapsed, setIsCollapsed] = React.useState(true);
-  const {
-    t: t2
-  } = common.useTranslation();
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
-    children: [isCollapsed ? null : props.children, /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
-      style: {
-        display: "flex"
-      },
-      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Button, {
-        style: {
-          margin: "8px auto",
-          cursor: "pointer"
-        },
-        size: "small",
-        type: "link",
-        onClick: () => setIsCollapsed((v) => !v),
-        suffixIcon: isCollapsed ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
-          src: iconsReact.ArrowChevronDownSmall16BlueIcon
-        }) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
-          src: iconsReact.ArrowChevronUpSmall16BlueIcon
-        }),
-        children: isCollapsed ? t2("dovetail.view_all_info") : t2("dovetail.collapse")
-      })
-    })]
+    }), basicInfo, tabs, children]
   });
 };
 const ShowContent = (props) => {
   var _a;
-  const { showConfig, formatter, Dropdown = K8sDropdown, children, canCollapseTabs } = props;
+  const { showConfig, formatter, Dropdown = K8sDropdown, children } = props;
   const parsed = core.useParsed();
   const { resource } = core.useResource();
   const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
@@ -14121,7 +14145,6 @@ const ShowContent = (props) => {
       showConfig,
       formatter,
       Dropdown,
-      canCollapseTabs,
       children
     }
   );
@@ -14569,7 +14592,9 @@ function ListPage(props) {
     selectedKeys,
     tableProps,
     contentClassName,
-    belowToolBarContent
+    belowToolBarContent,
+    customNamespaceFilter,
+    isSearching
   } = props;
   const {
     resource
@@ -14597,7 +14622,7 @@ function ListPage(props) {
       style: config.hideNamespacesFilter ? {
         paddingTop: 0
       } : {},
-      children: [!config.hideNamespacesFilter ? config.customNamespaceFilter || /* @__PURE__ */ common.jsxRuntimeExports.jsx(NamespacesFilter, {
+      children: [!config.hideNamespacesFilter ? customNamespaceFilter || config.customNamespaceFilter || /* @__PURE__ */ common.jsxRuntimeExports.jsx(NamespacesFilter, {
         className: NamespaceFilterStyle
       }) : void 0, /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
         className: TableStyle,
@@ -14608,7 +14633,8 @@ function ListPage(props) {
               y: "calc(100% - 48px)"
             }
           },
-          displayName: (config == null ? void 0 : config.displayName) || config.kind
+          displayName: (config == null ? void 0 : config.displayName) || config.kind,
+          isSearching
         })
       })]
     })]
@@ -14752,14 +14778,14 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
   const {
     t: t2
   } = common.useTranslation();
-  const [collapse2, setCollapse] = React.useState(defaultCollapse);
+  const [collapse, setCollapse] = React.useState(defaultCollapse);
   React.useImperativeHandle(ref, () => ({
     setCollapse
   }), [setCollapse]);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
     className: common.cx_default(className),
     children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-      className: common.cx_default(TitleWrapperStyle$1, collapse2 && CollapsedTitleStyle),
+      className: common.cx_default(TitleWrapperStyle$1, collapse && CollapsedTitleStyle),
       children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
         className: eagle.Typo.Label.l4_bold_title,
         children: title
@@ -14767,18 +14793,18 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
         type: "link",
         size: "small",
         className: common.cx_default(ButtonStyle),
-        onClick: () => setCollapse(!collapse2),
-        children: [collapse2 ? t2("dovetail.expand") : t2("dovetail.fold"), /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
+        onClick: () => setCollapse(!collapse),
+        children: [collapse ? t2("dovetail.expand") : t2("dovetail.fold"), /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, {
           style: {
             marginLeft: 4
           },
-          src: collapse2 ? iconsReact.ArrowChevronDown16BlueIcon : iconsReact.ArrowChevronUp16BlueIcon
+          src: collapse ? iconsReact.ArrowChevronDown16BlueIcon : iconsReact.ArrowChevronUp16BlueIcon
         })]
       }) : null]
     }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
       className: common.cx_default(contentClassName),
       style: {
-        display: collapse2 ? "none" : "block"
+        display: collapse ? "none" : "block"
       },
       children
     })]
@@ -18989,13 +19015,25 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   const flattenedRules = (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [];
   const result = flattenedRules.map((r2) => {
-    const divider = " > ";
+    var _a, _b;
+    const arrow = " → ";
+    const divider = " | ";
+    const secretName = (_b = (_a = ingress.spec.tls) == null ? void 0 : _a.find(
+      ({ hosts }) => hosts == null ? void 0 : hosts.includes(r2.host || "")
+    )) == null ? void 0 : _b.secretName;
+    let tooltip = r2.fullPath;
+    if (r2.serviceName) {
+      tooltip += `${arrow}${r2.serviceName}:${r2.servicePort}`;
+    }
+    if (secretName) {
+      tooltip += `${divider}${secretName}`;
+    }
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
       eagle.OverflowTooltip,
       {
         content: /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ common.jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
-          /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: divider }),
+          /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: arrow }),
           r2.serviceName ? /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ common.jsxRuntimeExports.jsx(
               ResourceLink,
@@ -19009,9 +19047,20 @@ const IngressRulesComponent = ({ ingress }) => {
               ":",
               r2.servicePort
             ] })
-          ] }) : r2.resourceName
+          ] }) : r2.resourceName,
+          secretName ? /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { children: divider }),
+            /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+              ResourceLink,
+              {
+                resourceName: "secrets",
+                namespace: ingress.metadata.namespace || "default",
+                name: secretName
+              }
+            )
+          ] }) : void 0
         ] }),
-        tooltip: `${r2.fullPath}${divider}:${r2.servicePort}`
+        tooltip
       },
       r2.fullPath
     );
@@ -19118,10 +19167,26 @@ const StateDisplayColumnRenderer = (i18n2) => {
     sortable: true,
     width: 120,
     sorter: CommonSorter(dataIndex),
-    render: (v) => /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
-      state: v,
-      hideBackground: true
-    })
+    render: (v, record) => {
+      if (record.kind === "Deployment" && record.isPaused) {
+        return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("span", {
+          children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
+            state: v,
+            hideBackground: true
+          }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Tag, {
+            color: "yellow",
+            style: {
+              marginLeft: "4px"
+            },
+            children: i18n2.t("dovetail.pause_scheduling")
+          })]
+        });
+      }
+      return /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
+        state: v,
+        hideBackground: true
+      });
+    }
   };
 };
 const WorkloadImageColumnRenderer = (i18n2) => {

package/dist/refine.js

@@ -12,7 +12,7 @@ import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, memo, forwardRef } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
 import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon, Divider, LegacyModal, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
-import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronUpSmall16BlueIcon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
+import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, omit as omit$1, merge, isEqual as isEqual$1, debounce, last, setWith, clone, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
 import { useLocalStorage } from "usehooks-ts";
@@ -1183,8 +1183,6 @@ const cant_delete_resource = "无法删除{{resource}}";
 const cant_delete_resource_with_name = "无法删除{{resource}} <0>{{name}}</0> 。";
 const close = "关闭";
 const import_from_file = "从文件读取";
-const view_all_info = "查看全部信息";
-const collapse = "收起";
 const tcp = "TCP";
 const udp = "UDP";
 const specify_workload = "指定工作负载";
@@ -1213,6 +1211,7 @@ const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
 const no_labels = "无标签";
 const no_annotations = "无注解";
+const pause_scheduling = "暂停调度";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1457,8 +1456,6 @@ const dovetail = {
   cant_delete_resource_with_name,
   close,
   import_from_file,
-  view_all_info,
-  collapse,
   tcp,
   udp,
   specify_workload,
@@ -1486,7 +1483,8 @@ const dovetail = {
   no_search_result,
   clear_search_condition,
   no_labels,
-  no_annotations
+  no_annotations,
+  pause_scheduling
 };
 const ZH = {
   dovetail
@@ -7416,18 +7414,21 @@ function transformResourceKindInSentence(str, language) {
 }
 const useDeleteModalOnly = ({
   resource: resourceFromProps,
+  displayName: displayNameFromProps,
   deleteDialogProps,
+  meta,
   onError
 }) => {
   const { resource } = useResource();
   const configs = useContext(ConfigsContext);
   const config = configs[resourceFromProps];
   const { mutateAsync } = useDelete();
+  const [deleting, setDeleting] = useState(false);
   const pushModal = usePushModal();
   const popModal = usePopModal();
   const navigation = useNavigation();
   const { t: t2, i18n: i18n2 } = useTranslation();
-  const displayName = config.displayName || config.kind;
+  const displayName = displayNameFromProps || (config == null ? void 0 : config.displayName) || (meta == null ? void 0 : meta.kind) || (config == null ? void 0 : config.kind);
   const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
   function openDeleteConfirmModal(id) {
     pushModal({
@@ -7450,10 +7451,13 @@ const useDeleteModalOnly = ({
         ),
         secondaryDesc: t2("dovetail.delete_tip"),
         okText: t2("dovetail.delete"),
+        confirmLoading: deleting,
         onOk: async (popModal2) => {
           try {
+            setDeleting(true);
             await mutateAsync({
               resource: resourceFromProps,
+              meta,
               id,
               successNotification() {
                 return {
@@ -7477,6 +7481,7 @@ const useDeleteModalOnly = ({
             }
             popModal2();
           } finally {
+            setDeleting(false);
           }
         },
         ...deleteDialogProps
@@ -7485,13 +7490,14 @@ const useDeleteModalOnly = ({
   }
   return { openDeleteConfirmModal, closeDeleteConfirmModal: popModal };
 };
-const useFailedModal = (resource) => {
+const useFailedModal = (props) => {
+  const { resource, displayName: displayNameFromProps } = props;
   const configs = useContext(ConfigsContext);
   const config = configs[resource];
   const { t: t2, i18n: i18n2 } = useTranslation();
   const pushModal = usePushModal();
   const popModal = usePopModal();
-  const displayName = config.displayName || config.kind;
+  const displayName = displayNameFromProps || (config == null ? void 0 : config.displayName) || (config == null ? void 0 : config.kind);
   const resourceDisplayName = transformResourceKindInSentence(displayName, i18n2.language);
   function openFailedModal(id, errorMsgs) {
     pushModal({
@@ -7525,15 +7531,25 @@ const useFailedModal = (resource) => {
 };
 const useDeleteModal = ({
   resourceName,
+  displayName,
+  meta,
   deleteDialogProps
 }) => {
   const { i18n: i18n2 } = useTranslation();
   const configs = useContext(ConfigsContext);
   const config = configs[resourceName];
-  const { openFailedModal } = useFailedModal(resourceName);
+  const { openFailedModal } = useFailedModal({
+    resource: resourceName,
+    displayName
+  });
   const { openDeleteConfirmModal, closeDeleteConfirmModal } = useDeleteModalOnly({
     resource: resourceName,
-    deleteDialogProps: { secondaryDesc: config.deleteTip, ...deleteDialogProps },
+    displayName,
+    meta,
+    deleteDialogProps: {
+      secondaryDesc: (config == null ? void 0 : config.deleteTip) || i18n2.t("dovetail.delete_tip"),
+      ...deleteDialogProps
+    },
     onError: async (id, error) => {
       closeDeleteConfirmModal();
       openFailedModal(id, getCommonErrors(await (error == null ? void 0 : error.response.json()), i18n2));
@@ -8699,6 +8715,9 @@ class IngressModel extends ResourceModel {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  get spec() {
+    return this._rawYaml.spec;
+  }
   getFullPath(rule2, path2 = "", port2) {
     if (!rule2.host) {
       return path2 || "";
@@ -9837,6 +9856,10 @@ class DeploymentModel extends WorkloadModel {
     var _a, _b;
     return (_b = (_a = this.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b["deployment.kubernetes.io/revision"];
   }
+  get isPaused() {
+    var _a;
+    return !!((_a = this.spec) == null ? void 0 : _a.paused);
+  }
   getCurrentReplicaSet(replicaSets) {
     const myReplicaSets = this.getReplicaSets(replicaSets);
     return myReplicaSets.find((rs) => rs.revision === this.revision);
@@ -10790,18 +10813,34 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a, _b;
-  const { record, size = "normal", customButton } = props;
+  var _a, _b, _c;
+  const {
+    record,
+    size = "normal",
+    resourceName: resourceNameFromProps,
+    customButton,
+    deleteDialogProps,
+    displayName,
+    hideEdit
+  } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
   const configs = useContext(ConfigsContext);
-  const resourceName = getResourceNameByKind(record.kind || "", configs);
+  const resourceName = resourceNameFromProps || getResourceNameByKind(record.kind || "", configs);
   const config = configs[resourceName || ""];
   const { t: t2, i18n: i18n2 } = useTranslation();
-  const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
+  const { openDeleteConfirmModal } = useDeleteModal({
+    resourceName: resourceName || "",
+    deleteDialogProps,
+    displayName,
+    meta: record.apiVersion ? {
+      kind: record.kind || "",
+      resourceBasePath: (((_a = record.apiVersion) == null ? void 0 : _a.includes("/")) ? "apis" : "api") + `/${record.apiVersion}`
+    } : void 0
+  });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
+  const isInShowPage = useResourceResult.action === "show" && ((_b = useResourceResult.resource) == null ? void 0 : _b.name) === resourceName;
   const { data: canEditData } = useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10816,12 +10855,12 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
+  const formType = (_c = config == null ? void 0 : config.formConfig) == null ? void 0 : _c.formType;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Dropdown,
     {
       overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || config.hideEdit ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || hideEdit || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: () => openForm({ id: record.id, resourceName }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
           (config == null ? void 0 : config.displayName) || record.kind || "",
           i18n2.language
         )}` : t2("dovetail.edit_yaml") }) }),
@@ -10886,12 +10925,7 @@ var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
 function addDefaultRenderToColumns(columns) {
   return columns.map((col) => ({
     render(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ValueDisplay,
-        {
-          value: value2
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: value2 });
     },
     ...col
   }));
@@ -10927,18 +10961,23 @@ const useEagleTable = (params) => {
     },
     [setCurrentPage, table]
   );
-  const onSorterChange = useCallback((order, key2) => {
-    var _a2;
-    const ORDER_MAP = {
-      descend: "desc",
-      ascend: "asc"
-    };
-    const sorters = [{
-      field: (_a2 = columns.find((col) => col.key === key2)) == null ? void 0 : _a2.dataIndex,
-      order: order ? ORDER_MAP[order] : order
-    }];
-    table.setSorters(sorters);
-  }, [table, columns]);
+  const onSorterChange = useCallback(
+    (order, key2) => {
+      var _a2;
+      const ORDER_MAP = {
+        descend: "desc",
+        ascend: "asc"
+      };
+      const sorters = [
+        {
+          field: (_a2 = columns.find((col) => col.key === key2)) == null ? void 0 : _a2.dataIndex,
+          order: order ? ORDER_MAP[order] : order
+        }
+      ];
+      table.setSorters(sorters);
+    },
+    [table, columns]
+  );
   const data2 = (_a = table.tableQueryResult.data) == null ? void 0 : _a.data;
   const total = ((_b = table.tableQueryResult.data) == null ? void 0 : _b.total) || 0;
   const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
@@ -10961,12 +11000,23 @@ const useEagleTable = (params) => {
     defaultSize: currentSize
   };
   useEffect(() => {
-    table.setSorters([{
-      field: "metadata.creationTimestamp",
-      order: "desc"
-    }]);
+    table.setSorters([
+      {
+        field: "metadata.creationTimestamp",
+        order: "desc"
+      }
+    ]);
   }, []);
-  return { tableProps: finalProps, selectedKeys, ...table };
+  return {
+    tableProps: finalProps,
+    selectedKeys,
+    ...table,
+    setCurrent: (current) => {
+      var _a2;
+      setCurrentPage(current);
+      (_a2 = table.setCurrent) == null ? void 0 : _a2.call(table, current);
+    }
+  };
 };
 function CreateButton(props) {
   var _a;
@@ -12141,7 +12191,7 @@ function PVVolumeModeDisplay(props) {
 }
 function Table(props) {
   var _a;
-  const { tableProps, displayName, errorContentProps } = props;
+  const { tableProps, displayName, errorContentProps, isSearching } = props;
   const { Table: TableComponent } = useContext(ComponentContext);
   const Table2 = TableComponent || Table$1;
   const { params } = useParsed();
@@ -12149,7 +12199,7 @@ function Table(props) {
   const resourceType = transformResourceKindInSentence(displayName, i18n2.language);
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     const nameKeyword = (params == null ? void 0 : params[NAME_KEYWORD_PARAM]) || "";
-    if (nameKeyword) {
+    if (nameKeyword || isSearching) {
       const onClear = () => {
         var _a2;
         (_a2 = tableProps.onClearSearchKeyword) == null ? void 0 : _a2.call(tableProps);
@@ -13787,7 +13837,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_1gmp0tu = "";
+const ShowContentView_196cma3 = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -13844,7 +13894,6 @@ const ShowContentView = (props) => {
     children,
     Dropdown: Dropdown2 = K8sDropdown,
     hideBackButton = false,
-    canCollapseTabs = false,
     className,
     hideTopBar = false,
     size = "medium"
@@ -13966,6 +14015,7 @@ const ShowContentView = (props) => {
     }, group.title);
   }
   const stateDisplay = get$2(record, "stateDisplay");
+  const isPausedDeployment = record.kind === "Deployment" && record.isPaused;
   const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: ToolBarWrapper,
     style: {
@@ -14004,7 +14054,11 @@ const ShowContentView = (props) => {
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
-        }) : void 0]
+        }) : void 0, isPausedDeployment ? /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, {
+          className: cx_default(StateTagStyle, "c18272tc"),
+          color: "yellow",
+          children: i18n2.t("dovetail.pause_scheduling")
+        }) : null]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resourceName,
@@ -14055,42 +14109,12 @@ const ShowContentView = (props) => {
       direction: "vertical",
       className: ShowContentHeaderStyle,
       children: topBar
-    }), basicInfo, canCollapseTabs ? /* @__PURE__ */ jsxRuntimeExports.jsx(CollapseTabs, {
-      children: tabs
-    }) : tabs, children]
-  });
-};
-const CollapseTabs = (props) => {
-  const [isCollapsed, setIsCollapsed] = useState(true);
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-    children: [isCollapsed ? null : props.children, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-      style: {
-        display: "flex"
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-        style: {
-          margin: "8px auto",
-          cursor: "pointer"
-        },
-        size: "small",
-        type: "link",
-        onClick: () => setIsCollapsed((v) => !v),
-        suffixIcon: isCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-          src: ArrowChevronDownSmall16BlueIcon
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-          src: ArrowChevronUpSmall16BlueIcon
-        }),
-        children: isCollapsed ? t2("dovetail.view_all_info") : t2("dovetail.collapse")
-      })
-    })]
+    }), basicInfo, tabs, children]
   });
 };
 const ShowContent = (props) => {
   var _a;
-  const { showConfig, formatter, Dropdown: Dropdown2 = K8sDropdown, children, canCollapseTabs } = props;
+  const { showConfig, formatter, Dropdown: Dropdown2 = K8sDropdown, children } = props;
   const parsed = useParsed();
   const { resource } = useResource();
   const id = (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id;
@@ -14102,7 +14126,6 @@ const ShowContent = (props) => {
       showConfig,
       formatter,
       Dropdown: Dropdown2,
-      canCollapseTabs,
       children
     }
   );
@@ -14550,7 +14573,9 @@ function ListPage(props) {
     selectedKeys,
     tableProps,
     contentClassName,
-    belowToolBarContent
+    belowToolBarContent,
+    customNamespaceFilter,
+    isSearching
   } = props;
   const {
     resource
@@ -14578,7 +14603,7 @@ function ListPage(props) {
       style: config.hideNamespacesFilter ? {
         paddingTop: 0
       } : {},
-      children: [!config.hideNamespacesFilter ? config.customNamespaceFilter || /* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
+      children: [!config.hideNamespacesFilter ? customNamespaceFilter || config.customNamespaceFilter || /* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
         className: NamespaceFilterStyle
       }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: TableStyle,
@@ -14589,7 +14614,8 @@ function ListPage(props) {
               y: "calc(100% - 48px)"
             }
           },
-          displayName: (config == null ? void 0 : config.displayName) || config.kind
+          displayName: (config == null ? void 0 : config.displayName) || config.kind,
+          isSearching
         })
       })]
     })]
@@ -14733,14 +14759,14 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
   const {
     t: t2
   } = useTranslation();
-  const [collapse2, setCollapse] = useState(defaultCollapse);
+  const [collapse, setCollapse] = useState(defaultCollapse);
   useImperativeHandle(ref, () => ({
     setCollapse
   }), [setCollapse]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: cx_default(className),
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: cx_default(TitleWrapperStyle$1, collapse2 && CollapsedTitleStyle),
+      className: cx_default(TitleWrapperStyle$1, collapse && CollapsedTitleStyle),
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: Typo.Label.l4_bold_title,
         children: title
@@ -14748,18 +14774,18 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
         type: "link",
         size: "small",
         className: cx_default(ButtonStyle),
-        onClick: () => setCollapse(!collapse2),
-        children: [collapse2 ? t2("dovetail.expand") : t2("dovetail.fold"), /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
+        onClick: () => setCollapse(!collapse),
+        children: [collapse ? t2("dovetail.expand") : t2("dovetail.fold"), /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
           style: {
             marginLeft: 4
           },
-          src: collapse2 ? ArrowChevronDown16BlueIcon : ArrowChevronUp16BlueIcon
+          src: collapse ? ArrowChevronDown16BlueIcon : ArrowChevronUp16BlueIcon
         })]
       }) : null]
     }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: cx_default(contentClassName),
       style: {
-        display: collapse2 ? "none" : "block"
+        display: collapse ? "none" : "block"
       },
       children
     })]
@@ -18970,13 +18996,25 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   const flattenedRules = (serviceData == null ? void 0 : serviceData.data) ? ingress.getFlattenedRules(serviceData == null ? void 0 : serviceData.data) : [];
   const result = flattenedRules.map((r2) => {
-    const divider = " > ";
+    var _a, _b;
+    const arrow = " → ";
+    const divider = " | ";
+    const secretName = (_b = (_a = ingress.spec.tls) == null ? void 0 : _a.find(
+      ({ hosts }) => hosts == null ? void 0 : hosts.includes(r2.host || "")
+    )) == null ? void 0 : _b.secretName;
+    let tooltip = r2.fullPath;
+    if (r2.serviceName) {
+      tooltip += `${arrow}${r2.serviceName}:${r2.servicePort}`;
+    }
+    if (secretName) {
+      tooltip += `${divider}${secretName}`;
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       OverflowTooltip,
       {
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: divider }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: arrow }),
           r2.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ResourceLink,
@@ -18990,9 +19028,20 @@ const IngressRulesComponent = ({ ingress }) => {
               ":",
               r2.servicePort
             ] })
-          ] }) : r2.resourceName
+          ] }) : r2.resourceName,
+          secretName ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: divider }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ResourceLink,
+              {
+                resourceName: "secrets",
+                namespace: ingress.metadata.namespace || "default",
+                name: secretName
+              }
+            )
+          ] }) : void 0
         ] }),
-        tooltip: `${r2.fullPath}${divider}:${r2.servicePort}`
+        tooltip
       },
       r2.fullPath
     );
@@ -19099,10 +19148,26 @@ const StateDisplayColumnRenderer = (i18n2) => {
     sortable: true,
     width: 120,
     sorter: CommonSorter(dataIndex),
-    render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
-      state: v,
-      hideBackground: true
-    })
+    render: (v, record) => {
+      if (record.kind === "Deployment" && record.isPaused) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+            state: v,
+            hideBackground: true
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, {
+            color: "yellow",
+            style: {
+              marginLeft: "4px"
+            },
+            children: i18n2.t("dovetail.pause_scheduling")
+          })]
+        });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+        state: v,
+        hideBackground: true
+      });
+    }
   };
 };
 const WorkloadImageColumnRenderer = (i18n2) => {

package/dist/style.css

@@ -3637,6 +3637,10 @@
 .c1lh8loq.ant-row {
   row-gap: 4px;
   margin-right: 0 !important;
+}
+
+.c18272tc {
+  margin-left: 8px;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.17-alpha.1",
+  "version": "0.3.18-alpha.0",
   "type": "module",
   "files": [
     "dist",