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

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/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/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
@@ -8718,6 +8716,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 +9857,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);
@@ -13806,7 +13811,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 +13868,6 @@ const ShowContentView = (props) => {
     children,
     Dropdown = K8sDropdown,
     hideBackButton = false,
-    canCollapseTabs = false,
     className,
     hideTopBar = false,
     size = "medium"
@@ -13985,6 +13989,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 +14028,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 +14083,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 +14100,6 @@ const ShowContent = (props) => {
       showConfig,
       formatter,
       Dropdown,
-      canCollapseTabs,
       children
     }
   );
@@ -14752,14 +14730,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 +14745,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 +18967,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 +18999,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 +19119,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
@@ -8699,6 +8697,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 +9838,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);
@@ -13787,7 +13792,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 +13849,6 @@ const ShowContentView = (props) => {
     children,
     Dropdown: Dropdown2 = K8sDropdown,
     hideBackButton = false,
-    canCollapseTabs = false,
     className,
     hideTopBar = false,
     size = "medium"
@@ -13966,6 +13970,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 +14009,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 +14064,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 +14081,6 @@ const ShowContent = (props) => {
       showConfig,
       formatter,
       Dropdown: Dropdown2,
-      canCollapseTabs,
       children
     }
   );
@@ -14733,14 +14711,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 +14726,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 +18948,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 +18980,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 +19100,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.17",
   "type": "module",
   "files": [
     "dist",