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

package/dist/refine.js

@@ -11,8 +11,8 @@ import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNav
 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, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, TableForm, Upload, 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 { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Typo, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, Modal, StatusCapsule, Popover, AntdTable, TableForm, Upload, 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, ArrowChevronUpSmall16BlueIcon, ArrowChevronDownSmall16BlueIcon, 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";
@@ -544,6 +544,7 @@ const create_failed$1 = "Creation failed.";
 const create_failed_tip$1 = "Please address the following issues and try again: ";
 const save_failed$1 = "Failed to save.";
 const save_failed_tip$1 = "Please address the following issues and try again: ";
+const completion_num_tooltip$1 = "Completed/Expected";
 const ready_num_tooltip$1 = "Ready/Expected";
 const realtime_log$1 = "Real-time logs";
 const previous_log$1 = "Last startup logs";
@@ -794,6 +795,7 @@ const dovetail$1 = {
   create_failed_tip: create_failed_tip$1,
   save_failed: save_failed$1,
   save_failed_tip: save_failed_tip$1,
+  completion_num_tooltip: completion_num_tooltip$1,
   ready_num_tooltip: ready_num_tooltip$1,
   realtime_log: realtime_log$1,
   previous_log: previous_log$1,
@@ -1059,7 +1061,7 @@ const create_failed = "创建失败。";
 const create_failed_tip = "请解决如下问题后，再创建：";
 const save_failed = "保存失败。";
 const save_failed_tip = "请解决如下问题后，再保存：";
-const job_pod_count_tooltip = "完成数量/全部数量";
+const completion_num_tooltip = "已完成数量/预期数量";
 const ready_num_tooltip = "就绪数量/预期数量";
 const warning = "警告";
 const normal = "正常";
@@ -1323,7 +1325,7 @@ const dovetail = {
   create_failed_tip,
   save_failed,
   save_failed_tip,
-  job_pod_count_tooltip,
+  completion_num_tooltip,
   ready_num_tooltip,
   "true": "是",
   "false": "否",
@@ -7607,9 +7609,6 @@ function DurationTime(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
 }
-const show_1mm8a0w = "";
-const SmallSectionTitleStyle = cx_default(Typo.Label.l4_bold, "smzfpl7");
-const DashedTitleStyle = "d85h4vb";
 const index_1xaw1mq = "";
 const BreadcrumbStyle = "b142d7q8";
 function Breadcrumb(props) {
@@ -9387,11 +9386,6 @@ class JobModel extends WorkloadBaseModel {
     }
     return `${((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0}/${(_b = this._rawYaml.spec) == null ? void 0 : _b.completions}`;
   }
-  get podCountDisplay() {
-    var _a, _b, _c;
-    const count = (((_a = this.status) == null ? void 0 : _a.active) || 0) + (((_b = this.status) == null ? void 0 : _b.succeeded) || 0) + (((_c = this.status) == null ? void 0 : _c.failed) || 0);
-    return `${this.succeeded}/${count}`;
-  }
   get succeeded() {
     var _a;
     return ((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0;
@@ -9708,12 +9702,6 @@ class CronJobModel extends WorkloadBaseModel {
     }
     return newOne;
   }
-  getJobsCountDisplay(jobs) {
-    const completed = jobs.filter(
-      (job) => job.stateDisplay === ResourceState.COMPLETED
-    ).length;
-    return `${completed}/${jobs.length}`;
-  }
 }
 class EventModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
@@ -10640,7 +10628,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
 }
 function K8sDropdown(props) {
   var _a;
-  const { record, size = "normal" } = props;
+  const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
   const configs = useContext(ConfigsContext);
@@ -10700,7 +10688,7 @@ function K8sDropdown(props) {
         ) : null
       ] }),
       trigger: ["click"],
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: customButton || /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
         {
           type: "quiet",
@@ -10943,7 +10931,7 @@ const CronjobJobsTable = ({
   const columns = useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
     ...WorkloadImageColumnRenderer(i18n2),
     width: 238
-  }, PodCountOfJobColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)], [i18n2]);
+  }, CompletionsCountColumnRenderer(i18n2), DurationColumnRenderer(i18n2), AgeColumnRenderer(i18n2)], [i18n2]);
   const params = useMemo(() => ({
     columns,
     useTableParams: {
@@ -11110,7 +11098,7 @@ const ResourceLink = (props) => {
     resourceName,
     namespace: namespace2,
     name: name2,
-    uid,
+    query,
     displayName
   } = props;
   const navigation = useNavigation();
@@ -11135,7 +11123,9 @@ const ResourceLink = (props) => {
       to: navigation.showUrl(resourceName, ""),
       query: {
         id: namespace2 ? `${namespace2}/${name2}` : name2,
-        uid
+        // from is current resource by default
+        from: resourceName,
+        ...query
       },
       options: {
         keepQuery: true
@@ -12474,15 +12464,13 @@ const IngressRulesTableTabField = () => {
     }
   };
 };
-const EventsTableTabField = ({
-  size
-}) => {
+const EventsTableTabField = () => {
   return {
     key: "event",
     path: [],
     renderContent: (_, record) => {
       var _a;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: size === "small" ? "0 12px" : "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
     }
   };
 };
@@ -12730,7 +12718,7 @@ const PVCRefField = (i18n2) => {
           resourceName: "persistentvolumeclaims",
           namespace: pv2.pvcNamespace || "default",
           name: value2,
-          uid: pv2.pvcUid
+          query: { uid: pv2.pvcUid }
         }
       );
     }
@@ -12790,52 +12778,6 @@ const ResourceTableField = (resource, useTableParams) => {
     }
   };
 };
-const PodCountOfJobField = (i18n2) => {
-  return {
-    key: "podCount",
-    path: [],
-    col: 12,
-    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: i18n2.t("dovetail.job_pod_count_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: DashedTitleStyle, children: i18n2.t("dovetail.pod_num") }) }),
-    renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: record.podCountDisplay });
-    }
-  };
-};
-const index_15s69c5 = "";
-const ItemWrapperStyle = "i1hk9uwu";
-const LabelsAndAnnotationsShow = ({
-  labels,
-  annotations,
-  size = "medium"
-}) => {
-  const {
-    i18n: sksI18n
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    className: "c1wn08fn",
-    style: {
-      padding: size === "small" ? "12px" : "16px 24px",
-      gap: size === "small" ? "12px" : "16px"
-    },
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: ItemWrapperStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        className: SmallSectionTitleStyle,
-        children: sksI18n.t("dovetail.label")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
-        value: labels
-      })]
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      className: ItemWrapperStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        className: SmallSectionTitleStyle,
-        children: sksI18n.t("dovetail.annotation")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
-        data: annotations
-      })]
-    })]
-  });
-};
 const baseNoReset = "";
 const index_14irc29 = "";
 const WrapperStyle$3 = "wve7dfm";
@@ -13031,30 +12973,22 @@ const PodLog = ({
     })]
   });
 };
-const EventsTab = ({
-  i18n: i18n2,
-  size
-}) => ({
+const EventsTab = (i18n2) => ({
   title: i18n2.t("dovetail.event"),
   key: "events",
-  background: "white",
   groups: [
     {
       areas: [
         {
-          fields: [EventsTableTabField({ size })]
+          fields: [EventsTableTabField()]
         }
       ]
     }
   ]
 });
-const ConditionsTab = ({
-  i18n: i18n2,
-  size
-}) => ({
+const ConditionsTab = (i18n2) => ({
   title: i18n2.t("dovetail.condition"),
   key: "conditions",
-  background: "white",
   groups: [
     {
       areas: [
@@ -13064,16 +12998,10 @@ const ConditionsTab = ({
               key: "Conditions",
               path: ["status", "conditions"],
               renderContent: (value2) => {
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "div",
-                  {
-                    style: {
-                      padding: size === "small" ? "0 12px" : "0 24px",
-                      height: "100%"
-                    },
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 })
-                  }
-                );
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { padding: "0 24px", height: "100%" }, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ConditionsTable, { conditions: value2 }),
+                  ";"
+                ] });
               }
             }
           ]
@@ -13082,31 +13010,41 @@ const ConditionsTab = ({
     }
   ]
 });
-const LabelAnnotationsTab = ({
-  i18n: i18n2,
-  size
-}) => ({
+const LabelAnnotationsTab = (i18n2) => ({
   title: i18n2.t("dovetail.label_annotations"),
   key: "label-annotations",
-  background: "white",
   groups: [
     {
+      title: i18n2.t("dovetail.label"),
       areas: [
         {
           fields: [
             {
-              key: "label-annotations",
-              path: [],
-              renderContent: (_, record) => {
-                var _a, _b;
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  LabelsAndAnnotationsShow,
-                  {
-                    labels: (_a = record.metadata) == null ? void 0 : _a.labels,
-                    annotations: (_b = record.metadata) == null ? void 0 : _b.annotations,
-                    size
-                  }
-                );
+              key: "Labels",
+              title: i18n2.t("dovetail.label"),
+              path: ["metadata", "labels"],
+              render: (value2) => {
+                if (!value2) {
+                  return "-";
+                }
+                return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { value: value2 });
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      title: i18n2.t("dovetail.annotation"),
+      areas: [
+        {
+          fields: [
+            {
+              key: "Annotations",
+              title: i18n2.t("dovetail.annotation"),
+              path: ["metadata", "annotations"],
+              render: (value2) => {
+                return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, { data: value2 });
               }
             }
           ]
@@ -13118,7 +13056,6 @@ const LabelAnnotationsTab = ({
 const PodLogTab = (i18n2, apiUrl) => ({
   title: i18n2.t("dovetail.log"),
   key: "pod-log",
-  background: "white",
   groups: [
     {
       areas: [
@@ -13298,6 +13235,8 @@ const BasicGroup = (i18n2, {
     {
       fields: (isShowNamespace ? [NamespaceField(i18n2)] : []).concat([
         ...basicFields,
+        LabelsField(i18n2),
+        AnnotationsField(i18n2),
         AgeField(i18n2)
       ])
     },
@@ -13480,7 +13419,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_m77hzs = "";
+const ShowContentView_1aeomp8 = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -13495,8 +13434,7 @@ const FieldWrapperStyle = "f1c7cta8";
 const TabContentStyle = "t1pt61xk";
 const ValueStyle = "v1to6fie";
 const TabsStyle = "tca5959";
-const SmallTabsStyle = "s3dcesi";
-const KindTagStyle = "kzyzuo8";
+const KindTagStyle = "k3dcesi";
 function ShowGroupWithTitleComponent(props) {
   const {
     title,
@@ -13516,19 +13454,15 @@ function ShowGroupWithTitleComponent(props) {
 }
 function BasicShowGroupComponent(props) {
   const {
-    children,
-    size = "medium"
+    children
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: cx_default(BasicGroupStyle, "basic-group"),
-    style: {
-      margin: size === "small" ? "12px 8px 0px 12px" : void 0
-    },
     children
   });
 }
 const ShowContentView = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     id,
     resourceName,
@@ -13539,8 +13473,7 @@ const ShowContentView = (props) => {
     hideBackButton = false,
     canCollapseTabs = false,
     className,
-    hideTopBar = false,
-    size = "medium"
+    hideTopBar = false
   } = props;
   const {
     queryResult
@@ -13577,41 +13510,38 @@ const ShowContentView = (props) => {
       let content;
       const value2 = get$2(record, field.path);
       if (field.renderContent) {
-        content = field.renderContent(value2, record, field, size);
+        content = field.renderContent(value2, record, field);
       } else {
         content = get$2(record, field.path);
       }
-      if (hasCol) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
-          flex: areaType === AreaType.Inline ? "none" : "",
-          span: field.col || 24,
-          className: "cxd8k68",
-          children: field.render ? field.render(value2, record, field, size) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-            className: FieldWrapperStyle,
-            children: [field.title && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: Typo.Label.l4_regular_title,
-              style: {
-                width: field.labelWidth || "165px",
-                marginRight: 8,
-                flexShrink: 0,
-                color: "#2C385299"
-              },
-              children: field.title
-            }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              style: {
-                flex: 1,
-                minWidth: 0
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-                className: cx_default(Typo.Label.l4_regular_title, ValueStyle),
-                value: content,
-                useOverflow: false
-              })
-            })]
-          })
-        }, field.key);
-      }
-      return field.render ? field.render(value2, record, field, size) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+      return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
+        flex: areaType === AreaType.Inline ? "none" : "",
+        span: field.col || 24,
+        className: "czyzuo8",
+        children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+          className: FieldWrapperStyle,
+          children: [field.title && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            className: Typo.Label.l4_regular_title,
+            style: {
+              width: field.labelWidth || "165px",
+              marginRight: 8,
+              flexShrink: 0,
+              color: "#2C385299"
+            },
+            children: field.title
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+              className: cx_default(Typo.Label.l4_regular_title, ValueStyle),
+              value: content,
+              useOverflow: false
+            })
+          })]
+        })
+      }, field.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
         style: {
           height: "100%"
         },
@@ -13623,10 +13553,7 @@ const ShowContentView = (props) => {
   function renderGroup(group, isBasicGroup = false) {
     let GroupContainer = React.Fragment;
     let FieldContainer = React.Fragment;
-    const groupContainerProps = {
-      title: group.title || "",
-      size
-    };
+    let groupContainerProps = {};
     let fieldContainerProps = {};
     if (isBasicGroup) {
       GroupContainer = BasicShowGroupComponent;
@@ -13636,6 +13563,9 @@ const ShowContentView = (props) => {
     const shouldRenderRow = !!(isBasicGroup || group.title);
     if (shouldRenderRow) {
       FieldContainer = Row;
+      groupContainerProps = {
+        title: group.title || ""
+      };
       fieldContainerProps = {
         gutter: [24, 8]
       };
@@ -13657,10 +13587,7 @@ const ShowContentView = (props) => {
   const stateDisplay = get$2(record, "stateDisplay");
   const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: ToolBarWrapper,
-    style: {
-      padding: size === "small" ? "8px 16px" : void 0
-    },
-    children: [!hideBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    children: [!hideBackButton && !showConfig.renderCustomBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: cx_default(Typo.Label.l4_bold, BackButton),
       onClick: () => {
         go({
@@ -13678,7 +13605,7 @@ const ShowContentView = (props) => {
           children: (config == null ? void 0 : config.displayName) || resourceName
         })
       })
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         style: {
@@ -13689,13 +13616,13 @@ const ShowContentView = (props) => {
           children: config.kind
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: cx_default(Typo.Display.d2_regular_title, NameStyle),
-          children: ((_a = showConfig.displayName) == null ? void 0 : _a.call(showConfig, record)) || ((_b = record == null ? void 0 : record.metadata) == null ? void 0 : _b.name)
+          children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-        children: [(_c = showConfig.renderExtraButton) == null ? void 0 : _c.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+        children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resourceName,
           action: AccessControlAuth.Edit,
           params: {
@@ -13708,7 +13635,7 @@ const ShowContentView = (props) => {
             onClick: () => openForm({
               id
             }),
-            children: ((_d = config.formConfig) == null ? void 0 : _d.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
+            children: ((_e = config.formConfig) == null ? void 0 : _e.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
@@ -13718,28 +13645,22 @@ const ShowContentView = (props) => {
     })]
   });
   const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$12, {
-    tabs: (showConfig.tabs || []).map((tab) => {
+    tabs: (showConfig.tabs || []).map((tab, tabIndex) => {
       var _a2;
       return {
         title: tab.title,
         key: tab.key,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          className: cx_default(TabContentStyle, tab.groups.length <= 1 && FullTabContentStyle),
-          style: {
-            background: tab.background === "white" ? "#fff" : void 0
-          },
+          className: cx_default(TabContentStyle, tab.groups.length <= 1 && tabIndex !== 0 && FullTabContentStyle),
           children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => renderGroup(group, false))
         })
       };
     }),
-    className: cx_default(TabsStyle, size === "small" && SmallTabsStyle)
+    className: TabsStyle
   });
   const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: cx_default(ShowContentWrapperStyle, className),
-    style: {
-      background: size === "small" ? "#fff" : void 0
-    },
     children: [hideTopBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
@@ -13768,9 +13689,9 @@ const CollapseTabs = (props) => {
         type: "link",
         onClick: () => setIsCollapsed((v) => !v),
         suffixIcon: isCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
-          src: ArrowChevronDownSmall16BlueIcon
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
           src: ArrowChevronUpSmall16BlueIcon
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {
+          src: ArrowChevronDownSmall16BlueIcon
         }),
         children: isCollapsed ? t2("dovetail.view_all_info") : t2("dovetail.collapse")
       })
@@ -18607,8 +18528,9 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
 };
-const columns_gm9kgl = "";
-const ServiceClusterTooltipStyle = "sh5j833";
+const columns_j8358c = "";
+const DashedTitleStyle = "dh5j833";
+const ServiceClusterTooltipStyle = "s1fcgan";
 const NameLink = (props) => {
   var _a;
   const {
@@ -18817,14 +18739,14 @@ const NodeNameColumnRenderer = (i18n2, options) => {
     ...options
   };
 };
-const PodCountOfJobColumnRenderer = (i18n2) => {
+const CompletionsCountColumnRenderer = (i18n2) => {
   const dataIndex = ["succeeded"];
   return {
     key: "completions",
     display: true,
     dataIndex,
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-      title: i18n2.t("dovetail.job_pod_count_tooltip"),
+      title: i18n2.t("dovetail.completion_num_tooltip"),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: DashedTitleStyle,
         children: i18n2.t("dovetail.pod_num")
@@ -18836,7 +18758,7 @@ const PodCountOfJobColumnRenderer = (i18n2) => {
     sorter: CommonSorter(dataIndex),
     render: (_, record) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        children: record.podCountDisplay
+        children: record.completionsDisplay
       });
     }
   };
@@ -19239,7 +19161,9 @@ const PVCRefColumnRenderer = (i18n2) => {
         resourceName: "persistentvolumeclaims",
         namespace: pv2.pvcNamespace || "default",
         name: value2,
-        uid: pv2.pvcUid
+        query: {
+          uid: pv2.pvcUid
+        }
       });
     }
   };
@@ -19583,6 +19507,7 @@ export {
   ClusterIpField,
   ColumnKeys,
   CommonSorter,
+  CompletionsCountColumnRenderer,
   ComponentContext,
   ConditionsField,
   ConditionsGroup,
@@ -19652,7 +19577,6 @@ export {
   KeyValueSecret,
   KeyValueTableForm,
   LabelAnnotationsTab,
-  LabelsAndAnnotationsShow,
   LabelsField,
   Layout,
   ListPage,
@@ -19714,8 +19638,6 @@ export {
   PodContainersGroup,
   PodContainersNumColumnRenderer,
   PodContainersTable,
-  PodCountOfJobColumnRenderer,
-  PodCountOfJobField,
   PodDropdown,
   PodLog,
   PodLogTab,