@dovetail-v2/refine 0.1.9 → 0.1.11-alpha.0

package/dist/{index-aacb414b.js → index-906cb61f.js}

@@ -7,12 +7,12 @@ var __publicField = (obj, key2, value2) => {
 import i18n from "i18next";
 import * as React from "react";
 import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, CanAccess, useUpdate, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Alert, usePopModal, Modal, TableForm, Menu as Menu$1, Icon as Icon$1, Dropdown, Divider, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Fields, DonutChart, Units, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
-import { EditPen16BlueIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
-import { cloneDeep, set as set$1, first, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, usePopModal, Modal, usePushModal, Fields, Units, OverflowTooltip, Tooltip, StatusCapsule, TableForm, Menu as Menu$1, Icon as Icon$1, Dropdown, Divider, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, DonutChart, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { EditPen16BlueIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { first, isNil, cloneDeep, set as set$1, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$1 from "js-yaml";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
 import * as monaco from "monaco-editor";
@@ -1021,8 +1021,8 @@ const already_reset$1 = "Already reset";
 const fetch_schema_fail$1 = "获取 schema 失败。";
 const obtain_data_error$1 = "Having trouble getting data.";
 const retry$1 = "Retry";
-const create_resource$1 = "Create {{resource}}";
-const edit_resource$1 = "Edit {{resource}}";
+const create_resource$1 = "Create{{resource}}";
+const edit_resource$1 = "Edit{{resource}}";
 const state$1 = "Status";
 const name$1 = "Name";
 const pod$1 = "Pod";
@@ -1056,18 +1056,18 @@ const data$1 = "Data";
 const resume$1 = "Resume";
 const sessionAffinity$1 = "Session Affinity";
 const log$1 = "Log";
-const ready$1 = "Ready";
-const updating$1 = "Updating";
-const completed$1 = "Completed";
-const failed$1 = "Failed";
-const suspended$1 = "Suspended";
-const running$1 = "Running";
-const terminating$1 = "Terminating";
-const terminated$1 = "Terminated";
-const succeeded$1 = "Succeeded";
-const unknown$1 = "Unknown";
-const pending$1 = "Pending";
-const waiting$1 = "Waiting";
+const ready = "Ready";
+const updating = "Updating";
+const completed = "Completed";
+const failed = "Failed";
+const suspended = "Suspended";
+const running = "Running";
+const terminating = "Terminating";
+const terminated = "Terminated";
+const succeeded = "Succeeded";
+const unknown = "Unknown";
+const pending = "Pending";
+const waiting = "Waiting";
 const expand$1 = "Expand";
 const fold$1 = "Collapse";
 const rule$1 = "Rule";
@@ -1158,7 +1158,7 @@ const pod_port$1 = "Pod port";
 const path_type$1 = "Path type";
 const only_support_one_yaml$1 = "Only one YAML configuration is supported at a time.";
 const not_support$1 = "Not supported";
-const stopped$1 = "Stopped";
+const stopped = "Stopped";
 const any_node_ip$1 = "Any node IP";
 const storage_class$1 = "Storage class";
 const persistent_volume$1 = "Persistent volume";
@@ -1168,11 +1168,11 @@ const capacity$1 = "Capacity";
 const volume_mode$1 = "Volume mode";
 const access_mode$1 = "Access mode";
 const block$1 = "Block";
-const pv_phase_available$1 = "Available";
-const pv_phase_bound$1 = "Bound";
-const pv_phase_released$1 = "Released";
-const pv_phase_failed$1 = "Failed";
-const pv_phase_pending$1 = "Pending";
+const pv_phase_available = "Available";
+const pv_phase_bound = "Bound";
+const pv_phase_released = "Released";
+const pv_phase_failed = "Failed";
+const pv_phase_pending = "Pending";
 const exec_pod = "Execute shell";
 const search$1 = "Search";
 const edit_label$1 = "Edit label";
@@ -1226,18 +1226,18 @@ const dovetail$1 = {
   resume: resume$1,
   sessionAffinity: sessionAffinity$1,
   log: log$1,
-  ready: ready$1,
-  updating: updating$1,
-  completed: completed$1,
-  failed: failed$1,
-  suspended: suspended$1,
-  running: running$1,
-  terminating: terminating$1,
-  terminated: terminated$1,
-  succeeded: succeeded$1,
-  unknown: unknown$1,
-  pending: pending$1,
-  waiting: waiting$1,
+  ready,
+  updating,
+  completed,
+  failed,
+  suspended,
+  running,
+  terminating,
+  terminated,
+  succeeded,
+  unknown,
+  pending,
+  waiting,
   expand: expand$1,
   fold: fold$1,
   rule: rule$1,
@@ -1330,7 +1330,7 @@ const dovetail$1 = {
   path_type: path_type$1,
   only_support_one_yaml: only_support_one_yaml$1,
   not_support: not_support$1,
-  stopped: stopped$1,
+  stopped,
   any_node_ip: any_node_ip$1,
   storage_class: storage_class$1,
   persistent_volume: persistent_volume$1,
@@ -1340,11 +1340,11 @@ const dovetail$1 = {
   volume_mode: volume_mode$1,
   access_mode: access_mode$1,
   block: block$1,
-  pv_phase_available: pv_phase_available$1,
-  pv_phase_bound: pv_phase_bound$1,
-  pv_phase_released: pv_phase_released$1,
-  pv_phase_failed: pv_phase_failed$1,
-  pv_phase_pending: pv_phase_pending$1,
+  pv_phase_available,
+  pv_phase_bound,
+  pv_phase_released,
+  pv_phase_failed,
+  pv_phase_pending,
   exec_pod,
   search: search$1,
   edit_label: edit_label$1
@@ -1408,20 +1408,20 @@ const select_container = "选择容器";
 const fetch_schema_fail = "获取 schema 失败。";
 const obtain_data_error = "获取数据时遇到问题。";
 const retry = "重试";
-const ready = "已就绪";
-const updating = "更新中";
-const completed = "已完成";
-const failed = "异常";
-const suspended = "已挂起";
-const running = "运行中";
-const terminating = "终止中";
-const succeeded = "已成功终止";
-const terminated = "已终止";
-const unknown = "未知";
-const pending = "待处理";
-const waiting = "等待中";
-const create_resource = "创建 {{resource}}";
-const edit_resource = "编辑 {{resource}}";
+const ready_state = "已就绪";
+const updating_state = "更新中";
+const completed_state = "已完成";
+const abnormal_state = "异常";
+const suspended_state = "已挂起";
+const running_state = "运行中";
+const terminating_state = "终止中";
+const succeeded_state = "已成功终止";
+const terminated_state = "已终止";
+const unknown_state = "未知";
+const pending_state = "待处理";
+const waiting_state = "等待中";
+const create_resource = "创建{{resource}}";
+const edit_resource = "编辑{{resource}}";
 const sec = "秒";
 const min = "分";
 const hr = "小时";
@@ -1456,6 +1456,7 @@ const node_port = "NodePort";
 const protocol = "协议";
 const key = "键";
 const value = "值";
+const effect = "效果";
 const show_data_value = "显示数值";
 const hide_data_value = "隐藏数值";
 const path_type = "路径类型";
@@ -1504,7 +1505,7 @@ const out_external_name_desc = "ExternalName 展示 <strong>external-ip</strong>
 const only_support_one_yaml = "一次仅支持输入一个 YAML 配置。";
 const support = "支持";
 const not_support = "不支持";
-const stopped = "已停止";
+const stopped_state = "已停止";
 const any_node_ip = "任意节点 IP";
 const storage_class = "存储类";
 const persistent_volume = "持久卷";
@@ -1515,11 +1516,11 @@ const distributed = "分配量";
 const volume_mode = "卷模式";
 const access_mode = "访问模式";
 const block = "块";
-const pv_phase_available = "可用";
-const pv_phase_bound = "已绑定";
-const pv_phase_released = "已释放";
-const pv_phase_failed = "失败";
-const pv_phase_pending = "等待中";
+const available_state = "可用";
+const bound_state = "已绑定";
+const released_state = "已释放";
+const failed_state = "失败";
+const lost_state = "卷不可用";
 const font_size = "字体大小";
 const download_shell_content = "下载控制台日志";
 const clear_shell = "清空命令行";
@@ -1545,6 +1546,16 @@ const allow_expand = "卷扩容";
 const edit_distribute_storage = "编辑分配量";
 const edit_distribute_storage_success_toast = "编辑分配量成功";
 const edit_distribute_storage_failed_toast = "编辑分配量失败";
+const edit_node_taint = "编辑节点污点";
+const edit_node_taint_success_toast = "编辑节点 {{name}} 的污点成功";
+const node_taint_NoSchedule = "仅阻止调度";
+const node_taint_PreferNoSchedule = "尽可能阻止调度";
+const node_taint_NoExecute = "阻止调度并驱逐 Pod";
+const taint = "污点";
+const change_form_mode_alert = "从编辑 YAML 切回表单编辑，将无法保留对 YAML 文件做出的所有更改。";
+const pvc_storage_required = "请填写分配量。";
+const pvc_storage_min = "请输入正整数。";
+const pvc_storage_reduce_limit = "输入值不得小于当前数值。";
 const dovetail = {
   copy: copy$1,
   reset_arguments,
@@ -1603,18 +1614,18 @@ const dovetail = {
   fetch_schema_fail,
   obtain_data_error,
   retry,
-  ready,
-  updating,
-  completed,
-  failed,
-  suspended,
-  running,
-  terminating,
-  succeeded,
-  terminated,
-  unknown,
-  pending,
-  waiting,
+  ready_state,
+  updating_state,
+  completed_state,
+  abnormal_state,
+  suspended_state,
+  running_state,
+  terminating_state,
+  succeeded_state,
+  terminated_state,
+  unknown_state,
+  pending_state,
+  waiting_state,
   create_resource,
   edit_resource,
   sec,
@@ -1651,6 +1662,7 @@ const dovetail = {
   protocol,
   key,
   value,
+  effect,
   show_data_value,
   hide_data_value,
   path_type,
@@ -1701,7 +1713,7 @@ const dovetail = {
   only_support_one_yaml,
   support,
   not_support,
-  stopped,
+  stopped_state,
   any_node_ip,
   storage_class,
   persistent_volume,
@@ -1712,11 +1724,11 @@ const dovetail = {
   volume_mode,
   access_mode,
   block,
-  pv_phase_available,
-  pv_phase_bound,
-  pv_phase_released,
-  pv_phase_failed,
-  pv_phase_pending,
+  available_state,
+  bound_state,
+  released_state,
+  failed_state,
+  lost_state,
   font_size,
   download_shell_content,
   clear_shell,
@@ -1741,7 +1753,17 @@ const dovetail = {
   allow_expand,
   edit_distribute_storage,
   edit_distribute_storage_success_toast,
-  edit_distribute_storage_failed_toast
+  edit_distribute_storage_failed_toast,
+  edit_node_taint,
+  edit_node_taint_success_toast,
+  node_taint_NoSchedule,
+  node_taint_PreferNoSchedule,
+  node_taint_NoExecute,
+  taint,
+  change_form_mode_alert,
+  pvc_storage_required,
+  pvc_storage_min,
+  pvc_storage_reduce_limit
 };
 const ZH = {
   dovetail
@@ -6676,7 +6698,7 @@ lodash.exports;
       function isNull(value2) {
         return value2 === null;
       }
-      function isNil(value2) {
+      function isNil2(value2) {
         return value2 == null;
       }
       function isNumber(value2) {
@@ -7743,7 +7765,7 @@ lodash.exports;
       lodash2.isMatchWith = isMatchWith;
       lodash2.isNaN = isNaN2;
       lodash2.isNative = isNative;
-      lodash2.isNil = isNil;
+      lodash2.isNil = isNil2;
       lodash2.isNull = isNull;
       lodash2.isNumber = isNumber;
       lodash2.isObject = isObject2;
@@ -8844,15 +8866,15 @@ const WidgetErrorContent = (props) => {
     })
   });
 };
-const TableWidgets_sc2nyo = "";
+const TableWidgets_zbqkvj = "";
 const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
   name: "AuxiliaryLine",
-  class: "ax1qopv",
+  class: "a60f3dj",
   propsAsIs: false
 });
-const index_dp43sd = "";
-const TableContainerStyle = "t1upn1sz";
-function Table(props) {
+const index_17chkj7 = "";
+const TableContainerStyle = "t47xc8k";
+function Table$1(props) {
   const {
     t: t2
   } = useTranslation();
@@ -8917,7 +8939,7 @@ function Table(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     ref: wrapperRef,
     className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Table$2, {
       tableLayout: "fixed",
       columns: finalColumns,
       dataSource,
@@ -8969,7 +8991,7 @@ function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
 const PodSelectorTable = ({ podSelectors = {} }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const currentSize = 10;
   const datas = Object.keys(podSelectors).map((key2) => ({
     id: key2,
@@ -9014,7 +9036,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "podSelector",
       loading: false,
@@ -9034,7 +9056,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
 const PortsTable = ({ service }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const currentSize = 10;
   const columns = [
     {
@@ -9102,7 +9124,7 @@ const PortsTable = ({ service }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "ports",
       loading: false,
@@ -9119,6 +9141,409 @@ const PortsTable = ({ service }) => {
     }
   );
 };
+function FormErrorAlert(props) {
+  const { title, errorMsgs, style, className, isEdit } = props;
+  const { i18n: i18n2 } = useTranslation();
+  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Alert,
+    {
+      message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
+        errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          index2 + 1 + ". ",
+          " ",
+          errorMsg
+        ] }, errorMsg)) }) : first(errorMsgs)
+      ] }),
+      type: "error",
+      style,
+      className
+    }
+  ) : null;
+}
+var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
+  AccessControlAuth2["Edit"] = "Edit";
+  AccessControlAuth2["Delete"] = "Delete";
+  AccessControlAuth2["Create"] = "Create";
+  return AccessControlAuth2;
+})(AccessControlAuth || {});
+function getCommonErrors(responseBody, i18n2) {
+  var _a;
+  if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
+    return [];
+  }
+  const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
+  if (causes.length) {
+    return causes.map((cause) => {
+      let params = {};
+      let message2 = cause.message;
+      try {
+        const info = JSON.parse(cause.message);
+        params = info.params;
+        message2 = info.message;
+      } catch {
+        return i18n2.t(
+          [
+            `error.${cause.reason}`,
+            `error.${cause.code}`,
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
+          ],
+          {
+            ...params,
+            fallbackLng: ""
+          }
+        );
+      }
+      return i18n2.t(
+        [
+          `error.${cause.reason}`,
+          `error.${cause.code}`,
+          `${cause.field ? `${cause.field}: ` : ""}${message2}`
+        ],
+        {
+          ...params,
+          fallbackLng: ""
+        }
+      );
+    });
+  }
+  return [
+    i18n2.t(
+      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+      { fallbackLng: "" }
+    )
+  ];
+}
+function useSubmitForm(options) {
+  const { formRef, onSubmitSuccess } = options;
+  const { i18n: i18n2 } = useTranslation();
+  const [submitting, setSubmitting] = useState(false);
+  const [errorMsgs, setErrorMsgs] = useState([]);
+  const reset = useCallback(() => {
+    setSubmitting(false);
+    setErrorMsgs([]);
+  }, []);
+  const onSubmit = useCallback(async () => {
+    var _a;
+    try {
+      setSubmitting(true);
+      const isFalsy = await ((_a = formRef.current) == null ? void 0 : _a.submit()) === false;
+      if (isFalsy) {
+        return;
+      }
+      onSubmitSuccess == null ? void 0 : onSubmitSuccess();
+      reset();
+    } catch (error) {
+      if (error instanceof Object) {
+        if ("response" in error && error.response instanceof Response) {
+          const response = error.response;
+          const body = await response.json();
+          setErrorMsgs(getCommonErrors(body, i18n2));
+        } else if ("message" in error && typeof error.message === "string") {
+          setErrorMsgs([error.message]);
+        }
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  }, [formRef, i18n2, reset, onSubmitSuccess]);
+  return {
+    submitting,
+    errorMsgs,
+    reset,
+    onSubmit
+  };
+}
+const index_10dq51k = "";
+const EditButtonStyle = "esoz3jw";
+function EditFieldModal(props) {
+  const {
+    title,
+    formRef: form2,
+    renderContent,
+    fullscreen
+  } = props;
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const popModal = usePopModal();
+  const {
+    submitting,
+    errorMsgs,
+    reset,
+    onSubmit
+  } = useSubmitForm({
+    formRef: form2,
+    onSubmitSuccess: () => {
+      popModal();
+    }
+  });
+  const close = useCallback(() => {
+    popModal();
+    reset();
+  }, [reset]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
+    className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
+    title: title || i18n2.t("dovetail.edit"),
+    confirmLoading: submitting,
+    onOk: onSubmit,
+    onCancel: close,
+    okText: i18n2.t("dovetail.save"),
+    normal: true,
+    destroyOnClose: true,
+    fullscreen,
+    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+      style: {
+        marginTop: 16
+      },
+      errorMsgs,
+      isEdit: true
+    })]
+  });
+}
+function EditField(props) {
+  const {
+    modalProps
+  } = props;
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const {
+    resource
+  } = useResource();
+  const pushModal = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+      className: cx_default(EditButtonStyle, Typo.Label.l4_regular_title),
+      type: "link",
+      onClick: () => {
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: i18n2.t("dovetail.edit")
+    })
+  });
+}
+var StorageUnit = /* @__PURE__ */ ((StorageUnit2) => {
+  StorageUnit2["Pi"] = "Pi";
+  StorageUnit2["PiB"] = "PiB";
+  StorageUnit2["Ti"] = "Ti";
+  StorageUnit2["TiB"] = "TiB";
+  StorageUnit2["Gi"] = "Gi";
+  StorageUnit2["GiB"] = "GiB";
+  StorageUnit2["Mi"] = "Mi";
+  StorageUnit2["MiB"] = "MiB";
+  StorageUnit2["Ki"] = "Ki";
+  StorageUnit2["KiB"] = "KiB";
+  return StorageUnit2;
+})(StorageUnit || {});
+const UNIT_FACTORS = {
+  Pi: 1024 ** 5,
+  PiB: 1024 ** 5,
+  Ti: 1024 ** 4,
+  TiB: 1024 ** 4,
+  Gi: 1024 ** 3,
+  GiB: 1024 ** 3,
+  Mi: 1024 ** 2,
+  MiB: 1024 ** 2,
+  Ki: 1024,
+  KiB: 1024,
+  B: 1
+};
+function transformStorageUnit(value2, toUnit = "Gi") {
+  const num = parseFloat(value2);
+  const unit = Object.values(StorageUnit).find((u) => value2.includes(u)) || "Ki";
+  return num / UNIT_FACTORS[unit] * UNIT_FACTORS[toUnit];
+}
+const UNITS = ["", "K", "M", "G", "T", "P"];
+const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
+function formatSi(inValue, options) {
+  const {
+    increment = 1e3,
+    suffix = null,
+    firstSuffix = null,
+    startingExponent = 0,
+    minExponent = 0,
+    maxPrecision = 2,
+    atLeastOne = true
+  } = options || {};
+  let val = inValue;
+  let exp = startingExponent;
+  while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
+    val = val / increment;
+    exp++;
+  }
+  let out = 0;
+  if (val < 10 && maxPrecision >= 2) {
+    out = Math.round(val * 100) / 100;
+  } else if (val < 100 && maxPrecision >= 1) {
+    out = Math.round(val * 10) / 10;
+  } else {
+    out = Math.round(val);
+  }
+  if (atLeastOne && out === 0) {
+    out = 1;
+  }
+  let outStr = String(out);
+  if (exp === 0 && firstSuffix !== null) {
+    outStr += `${firstSuffix}`;
+  } else {
+    outStr += `${UNITS[exp]}${suffix}` || "";
+  }
+  return outStr;
+}
+function parseSi(inValue, increment = null, allowFractional = true) {
+  if (!inValue || typeof inValue !== "string" || !inValue.length) {
+    return NaN;
+  }
+  inValue = inValue.replace(/,/g, "");
+  let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
+  const val = parseFloat(valStr);
+  if (!unit) {
+    return val;
+  }
+  if (unit.charCodeAt(0) === 181) {
+    unit = "u";
+  }
+  const divide = FRACTIONAL.includes(unit);
+  const multiply = UNITS.includes(unit.toUpperCase());
+  if (increment === null) {
+    if ((multiply || divide) && incStr === "i") {
+      increment = 1024;
+    } else {
+      increment = 1e3;
+    }
+  }
+  if (divide && allowFractional) {
+    const exp = FRACTIONAL.indexOf(unit);
+    return val / Math.pow(increment, exp);
+  }
+  if (multiply) {
+    const exp = UNITS.indexOf(unit.toUpperCase());
+    return val * Math.pow(increment, exp);
+  }
+  return val;
+}
+const DistributeStorageForm = React__default.forwardRef(function DistributeStorageForm2(props, ref) {
+  const { defaultValue, pvc: pvc2 } = props;
+  const { resource } = useResource();
+  const { mutateAsync } = useUpdate();
+  const { t: t2 } = useTranslation();
+  const [distributeStorage, setDistributeStorage] = useState(defaultValue);
+  const [validateResult, setValidateResult] = useState({
+    distributeStorage: ""
+  });
+  const validators = useMemo(() => {
+    return {
+      distributeStorage(value2) {
+        if (isNil(value2)) {
+          return t2("dovetail.pvc_storage_required");
+        } else if (value2 < 1) {
+          return t2("dovetail.pvc_storage_min");
+        } else if (value2 < defaultValue) {
+          return t2("dovetail.pvc_storage_reduce_limit");
+        }
+        return "";
+      }
+    };
+  }, [t2, defaultValue]);
+  const submit = useCallback(() => {
+    const isInvalid = !!validators.distributeStorage(distributeStorage);
+    if (isInvalid) {
+      return false;
+    }
+    const v = pvc2.updateDistributeStorage(distributeStorage);
+    const id = pvc2.id;
+    pruneBeforeEdit(v);
+    return mutateAsync({
+      id,
+      resource: (resource == null ? void 0 : resource.name) || "",
+      values: v,
+      successNotification() {
+        return {
+          message: t2("dovetail.edit_distribute_storage_success_toast", {
+            kind: pvc2.kind,
+            name: pvc2.id,
+            interpolation: {
+              escapeValue: false
+            }
+          }),
+          type: "success"
+        };
+      },
+      errorNotification: false
+    });
+  }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, validators, mutateAsync, t2]);
+  useImperativeHandle(ref, () => ({
+    submit
+  }), [submit]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Item,
+    {
+      label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
+      colon: false,
+      help: validateResult.distributeStorage,
+      validateStatus: validateResult.distributeStorage ? "error" : "",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Fields.Integer,
+        {
+          style: { width: "142px" },
+          input: {
+            name: "distributeStorage",
+            value: distributeStorage,
+            onChange: (value2) => {
+              const v = Number(value2);
+              setDistributeStorage(v);
+              setValidateResult({
+                distributeStorage: validators.distributeStorage(v)
+              });
+            },
+            onBlur: () => {
+            },
+            onFocus: () => {
+            }
+          },
+          min: 1,
+          meta: {},
+          suffix: "GiB",
+          controls: true
+        }
+      )
+    }
+  );
+});
+function PVCDistributeStorage({ pvc: pvc2, editable }) {
+  var _a, _b;
+  const { t: t2 } = useTranslation();
+  const formRef = useRef(null);
+  const value2 = (_b = (_a = pvc2.spec.resources) == null ? void 0 : _a.requests) == null ? void 0 : _b.storage;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Units.Byte, { rawValue: parseSi(value2), decimals: 1 }),
+    editable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EditField,
+      {
+        modalProps: {
+          formRef,
+          title: t2("dovetail.edit_replicas"),
+          renderContent() {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DistributeStorageForm,
+              {
+                ref: formRef,
+                defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
+                pvc: pvc2
+              }
+            );
+          }
+        }
+      }
+    )
+  ] });
+}
 class ResourceModel {
   constructor(_rawYaml, _globalStore) {
     __publicField(this, "id");
@@ -9800,28 +10225,27 @@ const PVC_INIT_VALUE = {
     "storageClassName": "example"
   }
 };
-var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
-  WorkloadState2["Terminated"] = "terminated";
-  WorkloadState2["UPDATING"] = "updating";
-  WorkloadState2["READY"] = "ready";
-  WorkloadState2["COMPLETED"] = "completed";
-  WorkloadState2["FAILED"] = "failed";
-  WorkloadState2["SUSPENDED"] = "suspended";
-  WorkloadState2["RUNNING"] = "running";
-  WorkloadState2["SUCCEEDED"] = "succeeded";
-  WorkloadState2["UNKNOWN"] = "unknown";
-  WorkloadState2["TERMINATING"] = "terminating";
-  WorkloadState2["PENDING"] = "pending";
-  WorkloadState2["WAITING"] = "waiting";
-  WorkloadState2["STOPPED"] = "stopped";
-  return WorkloadState2;
-})(WorkloadState || {});
-var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
-  AccessControlAuth2["Edit"] = "Edit";
-  AccessControlAuth2["Delete"] = "Delete";
-  AccessControlAuth2["Create"] = "Create";
-  return AccessControlAuth2;
-})(AccessControlAuth || {});
+var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
+  ResourceState2["TERMINATED"] = "terminated";
+  ResourceState2["UPDATING"] = "updating";
+  ResourceState2["READY"] = "ready";
+  ResourceState2["COMPLETED"] = "completed";
+  ResourceState2["ABNORMAL"] = "abnormal";
+  ResourceState2["FAILED"] = "failed";
+  ResourceState2["SUSPENDED"] = "suspended";
+  ResourceState2["RUNNING"] = "running";
+  ResourceState2["SUCCEEDED"] = "succeeded";
+  ResourceState2["UNKNOWN"] = "unknown";
+  ResourceState2["TERMINATING"] = "terminating";
+  ResourceState2["PENDING"] = "pending";
+  ResourceState2["WAITING"] = "waiting";
+  ResourceState2["STOPPED"] = "stopped";
+  ResourceState2["AVAILABLE"] = "available";
+  ResourceState2["BOUND"] = "bound";
+  ResourceState2["RELEASED"] = "released";
+  ResourceState2["LOST"] = "lost";
+  return ResourceState2;
+})(ResourceState || {});
 function matchSelector(pod2, selector, namespace2 = "default") {
   var _a, _b, _c;
   let match = true;
@@ -9907,18 +10331,18 @@ class JobModel extends WorkloadBaseModel {
   get stateDisplay() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     if (!((_a = this.spec) == null ? void 0 : _a.completions) && !((_b = this.status) == null ? void 0 : _b.succeeded)) {
-      return WorkloadState.RUNNING;
+      return ResourceState.RUNNING;
     }
     if (((_c = this.spec) == null ? void 0 : _c.completions) === ((_d = this.status) == null ? void 0 : _d.succeeded) || ((_f = (_e = this.status) == null ? void 0 : _e.conditions) == null ? void 0 : _f.some((c2) => c2.type === "Complete" && c2.status === "True"))) {
-      return WorkloadState.COMPLETED;
+      return ResourceState.COMPLETED;
     }
     if ((_h = (_g = this.status) == null ? void 0 : _g.conditions) == null ? void 0 : _h.some((c2) => c2.type === "Failed" && c2.status === "True")) {
-      return WorkloadState.FAILED;
+      return ResourceState.ABNORMAL;
     }
     if ((_j = (_i = this.status) == null ? void 0 : _i.conditions) == null ? void 0 : _j.some((c2) => c2.type === "Suspended" && c2.status === "True")) {
-      return WorkloadState.SUSPENDED;
+      return ResourceState.SUSPENDED;
     }
-    return WorkloadState.RUNNING;
+    return ResourceState.RUNNING;
   }
 }
 class WorkloadModel extends WorkloadBaseModel {
@@ -9970,75 +10394,6 @@ class WorkloadModel extends WorkloadBaseModel {
     return newOne;
   }
 }
-const UNITS = ["", "K", "M", "G", "T", "P"];
-const FRACTIONAL = ["", "m", "u", "n", "p", "f"];
-function formatSi(inValue, options) {
-  const {
-    increment = 1e3,
-    suffix = null,
-    firstSuffix = null,
-    startingExponent = 0,
-    minExponent = 0,
-    maxPrecision = 2,
-    atLeastOne = true
-  } = options || {};
-  let val = inValue;
-  let exp = startingExponent;
-  while (val >= increment && exp + 1 < UNITS.length || exp < minExponent) {
-    val = val / increment;
-    exp++;
-  }
-  let out = 0;
-  if (val < 10 && maxPrecision >= 2) {
-    out = Math.round(val * 100) / 100;
-  } else if (val < 100 && maxPrecision >= 1) {
-    out = Math.round(val * 10) / 10;
-  } else {
-    out = Math.round(val);
-  }
-  if (atLeastOne && out === 0) {
-    out = 1;
-  }
-  let outStr = String(out);
-  if (exp === 0 && firstSuffix !== null) {
-    outStr += `${firstSuffix}`;
-  } else {
-    outStr += `${UNITS[exp]}${suffix}` || "";
-  }
-  return outStr;
-}
-function parseSi(inValue, increment = null, allowFractional = true) {
-  if (!inValue || typeof inValue !== "string" || !inValue.length) {
-    return NaN;
-  }
-  inValue = inValue.replace(/,/g, "");
-  let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
-  const val = parseFloat(valStr);
-  if (!unit) {
-    return val;
-  }
-  if (unit.charCodeAt(0) === 181) {
-    unit = "u";
-  }
-  const divide = FRACTIONAL.includes(unit);
-  const multiply = UNITS.includes(unit.toUpperCase());
-  if (increment === null) {
-    if ((multiply || divide) && incStr === "i") {
-      increment = 1024;
-    } else {
-      increment = 1e3;
-    }
-  }
-  if (divide && allowFractional) {
-    const exp = FRACTIONAL.indexOf(unit);
-    return val / Math.pow(increment, exp);
-  }
-  if (multiply) {
-    const exp = UNITS.indexOf(unit.toUpperCase());
-    return val * Math.pow(increment, exp);
-  }
-  return val;
-}
 class PodModel extends WorkloadBaseModel {
   constructor(_rawYaml, _globalStore) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -10116,9 +10471,9 @@ class PodModel extends WorkloadBaseModel {
   get stateDisplay() {
     var _a, _b;
     if (this.metadata.deletionTimestamp) {
-      return WorkloadState.TERMINATING;
+      return ResourceState.TERMINATING;
     }
-    return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || WorkloadState.UNKNOWN;
+    return ((_b = (_a = this.status) == null ? void 0 : _a.phase) == null ? void 0 : _b.toLowerCase()) || ResourceState.UNKNOWN;
   }
 }
 class PodMetricsModel extends ResourceModel {
@@ -10158,9 +10513,9 @@ class CronJobModel extends WorkloadBaseModel {
   get stateDisplay() {
     var _a;
     if ((_a = this.spec) == null ? void 0 : _a.suspend) {
-      return WorkloadState.SUSPENDED;
+      return ResourceState.SUSPENDED;
     }
-    return WorkloadState.RUNNING;
+    return ResourceState.RUNNING;
   }
   suspend() {
     const newOne = lodashExports.cloneDeep(this._rawYaml);
@@ -10181,7 +10536,12 @@ class EventModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
-    this.id = _rawYaml.metadata.uid || _rawYaml.id;
+    Object.defineProperty(this, "id", {
+      get() {
+        return _rawYaml.metadata.uid || _rawYaml.id;
+      },
+      enumerable: true
+    });
   }
 }
 class DeploymentModel extends WorkloadModel {
@@ -10192,11 +10552,11 @@ class DeploymentModel extends WorkloadModel {
   get stateDisplay() {
     var _a, _b, _c;
     if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
-      return WorkloadState.STOPPED;
+      return ResourceState.STOPPED;
     } else if (((_b = this.spec) == null ? void 0 : _b.replicas) !== ((_c = this.status) == null ? void 0 : _c.readyReplicas)) {
-      return WorkloadState.UPDATING;
+      return ResourceState.UPDATING;
     }
-    return WorkloadState.READY;
+    return ResourceState.READY;
   }
 }
 class DaemonSetModel extends WorkloadModel {
@@ -10207,9 +10567,9 @@ class DaemonSetModel extends WorkloadModel {
   get stateDisplay() {
     var _a, _b;
     if (((_a = this.status) == null ? void 0 : _a.desiredNumberScheduled) !== ((_b = this.status) == null ? void 0 : _b.numberReady)) {
-      return WorkloadState.UPDATING;
+      return ResourceState.UPDATING;
     }
-    return WorkloadState.READY;
+    return ResourceState.READY;
   }
   get replicas() {
     return this.status && "desiredNumberScheduled" in this.status ? this.status.desiredNumberScheduled : 0;
@@ -10226,11 +10586,11 @@ class StatefulSetModel extends WorkloadModel {
   get stateDisplay() {
     var _a, _b, _c;
     if (((_a = this.spec) == null ? void 0 : _a.replicas) === 0) {
-      return WorkloadState.STOPPED;
+      return ResourceState.STOPPED;
     } else if (((_b = this.spec) == null ? void 0 : _b.replicas) !== ((_c = this.status) == null ? void 0 : _c.readyReplicas)) {
-      return WorkloadState.UPDATING;
+      return ResourceState.UPDATING;
     }
-    return WorkloadState.READY;
+    return ResourceState.READY;
   }
 }
 var ServiceTypeEnum = /* @__PURE__ */ ((ServiceTypeEnum2) => {
@@ -10279,7 +10639,7 @@ var NodeRole = /* @__PURE__ */ ((NodeRole2) => {
   NodeRole2["Worker"] = "Worker";
   return NodeRole2;
 })(NodeRole || {});
-class NodeModel extends WorkloadBaseModel {
+class NodeModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
@@ -10337,6 +10697,22 @@ class PersistentVolumeModel extends ResourceModel {
   get phase() {
     return this._rawYaml.status.phase;
   }
+  get stateDisplay() {
+    switch (this.phase) {
+      case "Pending":
+        return ResourceState.PENDING;
+      case "Bound":
+        return ResourceState.BOUND;
+      case "Failed":
+        return ResourceState.FAILED;
+      case "Available":
+        return ResourceState.AVAILABLE;
+      case "Released":
+        return ResourceState.RELEASED;
+      default:
+        return ResourceState.UNKNOWN;
+    }
+  }
   get csi() {
     var _a;
     return (_a = this._rawYaml.spec.csi) == null ? void 0 : _a.driver;
@@ -10345,6 +10721,10 @@ class PersistentVolumeModel extends ResourceModel {
     var _a;
     return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.name;
   }
+  get pvcNamespace() {
+    var _a;
+    return (_a = this._rawYaml.spec.claimRef) == null ? void 0 : _a.namespace;
+  }
 }
 class PersistentVolumeClaimModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
@@ -10357,6 +10737,18 @@ class PersistentVolumeClaimModel extends ResourceModel {
   get pv() {
     return this._rawYaml.spec.volumeName;
   }
+  get stateDisplay() {
+    switch (this.phase) {
+      case "Pending":
+        return ResourceState.PENDING;
+      case "Bound":
+        return ResourceState.BOUND;
+      case "Lost":
+        return ResourceState.LOST;
+      case "Failed":
+        return ResourceState.FAILED;
+    }
+  }
   updateDistributeStorage(distributeStorage) {
     const yaml2 = cloneDeep(this._globalStore.restoreItem(this));
     return set$1(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
@@ -10468,38 +10860,8 @@ const Tags = (props) => {
     children: tags
   });
 };
-const StateTag_1o2atxo = "";
-const StateTagStyle = "s8qkbck";
-const StateTag = ({
-  state: state2 = WorkloadState.UPDATING,
-  hideBackground,
-  className
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  const statusMap = {
-    updating: "loading",
-    ready: "green",
-    completed: "gray",
-    failed: "red",
-    suspended: "warning",
-    running: "green",
-    succeeded: "blue",
-    unknown: "gray",
-    terminating: "loading",
-    pending: "warning",
-    waiting: "warning",
-    terminated: "red",
-    stopped: "gray"
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, {
-    className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-    color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
-    loading: statusMap[state2] === "loading",
-    children: t2(`dovetail.${state2 || "updating"}`)
-  });
-};
+const tag_how7no = "";
+const StateTagStyle = "s82411";
 function addId(arr, idKey) {
   return arr.map((e2) => {
     return {
@@ -10617,7 +10979,7 @@ const Time = (props) => {
 const ConditionsTable = ({ conditions = [] }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -10693,7 +11055,7 @@ const ConditionsTable = ({ conditions = [] }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "condition",
       loading: false,
@@ -10810,184 +11172,6 @@ function useOpenForm(options) {
     }
   };
 }
-function FormErrorAlert(props) {
-  const { title, errorMsgs, style, className, isEdit } = props;
-  const { i18n: i18n2 } = useTranslation();
-  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Alert,
-    {
-      message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-        errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-          index2 + 1 + ". ",
-          " ",
-          errorMsg
-        ] }, errorMsg)) }) : first(errorMsgs)
-      ] }),
-      type: "error",
-      style,
-      className
-    }
-  ) : null;
-}
-function getCommonErrors(responseBody, i18n2) {
-  var _a;
-  if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
-    return [];
-  }
-  const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
-  if (causes.length) {
-    return causes.map((cause) => {
-      let params = {};
-      let message2 = cause.message;
-      try {
-        const info = JSON.parse(cause.message);
-        params = info.params;
-        message2 = info.message;
-      } catch {
-        return i18n2.t(
-          [
-            `error.${cause.reason}`,
-            `error.${cause.code}`,
-            `${cause.field ? `${cause.field}: ` : ""}${message2}`
-          ],
-          {
-            ...params,
-            fallbackLng: ""
-          }
-        );
-      }
-      return i18n2.t(
-        [
-          `error.${cause.reason}`,
-          `error.${cause.code}`,
-          `${cause.field ? `${cause.field}: ` : ""}${message2}`
-        ],
-        {
-          ...params,
-          fallbackLng: ""
-        }
-      );
-    });
-  }
-  return [
-    i18n2.t(
-      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
-      { fallbackLng: "" }
-    )
-  ];
-}
-function useSubmitForm(options) {
-  const { formRef, onSubmitSuccess } = options;
-  const { i18n: i18n2 } = useTranslation();
-  const [submitting, setSubmitting] = useState(false);
-  const [errorMsgs, setErrorMsgs] = useState([]);
-  const reset = useCallback(() => {
-    setSubmitting(false);
-    setErrorMsgs([]);
-  }, []);
-  const onSubmit = useCallback(async () => {
-    var _a;
-    try {
-      setSubmitting(true);
-      await ((_a = formRef.current) == null ? void 0 : _a.submit());
-      onSubmitSuccess == null ? void 0 : onSubmitSuccess();
-      reset();
-    } catch (error) {
-      if (error instanceof Object) {
-        if ("response" in error && error.response instanceof Response) {
-          const response = error.response;
-          const body = await response.json();
-          setErrorMsgs(getCommonErrors(body, i18n2));
-        } else if ("message" in error && typeof error.message === "string") {
-          setErrorMsgs([error.message]);
-        }
-      }
-    } finally {
-      setSubmitting(false);
-    }
-  }, [formRef, i18n2, reset, onSubmitSuccess]);
-  return {
-    submitting,
-    errorMsgs,
-    reset,
-    onSubmit
-  };
-}
-const index_130sdg8 = "";
-const EditButtonStyle = "esoz3jw";
-function EditFieldModal(props) {
-  const {
-    title,
-    formRef: form2,
-    renderContent,
-    fullscreen
-  } = props;
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const popModal = usePopModal();
-  const {
-    submitting,
-    errorMsgs,
-    reset,
-    onSubmit
-  } = useSubmitForm({
-    formRef: form2,
-    onSubmitSuccess: () => {
-      popModal();
-    }
-  });
-  const close = useCallback(() => {
-    popModal();
-    reset();
-  }, [reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
-    className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
-    title: title || i18n2.t("dovetail.edit"),
-    confirmLoading: submitting,
-    onOk: onSubmit,
-    onCancel: close,
-    okText: i18n2.t("dovetail.save"),
-    normal: true,
-    destroyOnClose: true,
-    fullscreen,
-    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-      style: {
-        marginTop: 16
-      },
-      errorMsgs,
-      isEdit: true
-    })]
-  });
-}
-function EditField(props) {
-  const {
-    modalProps
-  } = props;
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const {
-    resource
-  } = useResource();
-  const pushModal = usePushModal();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-      className: EditButtonStyle,
-      type: "link",
-      onClick: () => {
-        pushModal({
-          component: EditFieldModal,
-          props: modalProps
-        });
-      },
-      children: i18n2.t("dovetail.edit")
-    })
-  });
-}
 const EditLabelForm = React__default.forwardRef(
   function EditLabelForm2(props, ref) {
     var _a;
@@ -11048,12 +11232,12 @@ const EditLabelForm = React__default.forwardRef(
         columns: [
           {
             key: "key",
-            title: "Key",
+            title: t2("dovetail.key"),
             type: "input"
           },
           {
             key: "value",
-            title: "Value",
+            title: t2("dovetail.value"),
             type: "input"
           }
         ],
@@ -11120,7 +11304,7 @@ const EditAnnotationForm = React__default.forwardRef(
       value2.forEach(({ key: key2, value: value22 }) => {
         newAnnotations[key2] = value22;
       });
-      const newYaml = resourceModel.updateLabel(newAnnotations);
+      const newYaml = resourceModel.updateAnnotation(newAnnotations);
       pruneBeforeEdit(newYaml);
       return mutateAsync({
         id: resourceModel.id,
@@ -11161,12 +11345,12 @@ const EditAnnotationForm = React__default.forwardRef(
         columns: [
           {
             key: "key",
-            title: "Key",
+            title: t2("dovetail.key"),
             type: "input"
           },
           {
             key: "value",
-            title: "Value",
+            title: t2("dovetail.value"),
             type: "input"
           }
         ],
@@ -11215,6 +11399,7 @@ function EditAnnotationDropdownMenuItem(props) {
   );
 }
 function K8sDropdown(props) {
+  var _a;
   const { record, size = "normal" } = props;
   const { globalStore } = useGlobalStore();
   const useResourceResult = useResource();
@@ -11234,6 +11419,8 @@ function K8sDropdown(props) {
     resource: resource == null ? void 0 : resource.name,
     action: AccessControlAuth.Delete
   });
+  const configs = useContext(ConfigsContext);
+  const config = configs[(resource == null ? void 0 : resource.name) || ""];
   const formRef = useRef(null);
   const editLabelMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelDropdownMenuItem, { formRef, resourceModel: record }) : null;
   const editAnnotationMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationDropdownMenuItem, { formRef, resourceModel: record }) : null;
@@ -11242,15 +11429,15 @@ function K8sDropdown(props) {
       Dropdown,
       {
         overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
+          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: ((_a = config.formConfig) == null ? void 0 : _a.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml") }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Menu$1.Item,
             {
               onClick: () => {
-                var _a;
+                var _a2;
                 if (record.id) {
                   download2({
-                    name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                    name: ((_a2 = record.metadata) == null ? void 0 : _a2.name) || record.kind || "",
                     item: omit$1((globalStore == null ? void 0 : globalStore.restoreItem(record)) || record, "id")
                   });
                 }
@@ -11319,22 +11506,23 @@ function addDefaultRenderToColumns(columns) {
   }));
 }
 const useEagleTable = (params) => {
-  var _a, _b;
-  const { columns, tableProps, formatter, Dropdown: Dropdown2 = K8sDropdown, resource: resourceFromParams } = params;
+  var _a, _b, _c;
+  const { columns, tableProps, formatter, Dropdown: Dropdown2 = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
   const { resource } = useResource();
   const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
   const useTableParams = useMemo(() => {
+    var _a2;
     const mergedParams = merge(params.useTableParams, {
       pagination: {
         pageSize: currentSize,
         mode: "server"
       },
-      resource: resourceFromParams || (resource == null ? void 0 : resource.name)
+      resource: ((_a2 = params.useTableParams) == null ? void 0 : _a2.resource) || (resource == null ? void 0 : resource.name)
     });
     return mergedParams;
-  }, [params.useTableParams, currentSize, resourceFromParams, resource]);
+  }, [params.useTableParams, currentSize, resource]);
   const finalColumns = useMemo(
     () => addDefaultRenderToColumns(columns),
     [columns]
@@ -11364,7 +11552,7 @@ const useEagleTable = (params) => {
   const total = ((_b = table.tableQueryResult.data) == null ? void 0 : _b.total) || 0;
   const finalDataSource = formatter ? data2 == null ? void 0 : data2.map(formatter) : data2;
   const finalProps = {
-    tableKey: resourceFromParams || (resource == null ? void 0 : resource.name) || "table",
+    tableKey: ((_c = params.useTableParams) == null ? void 0 : _c.resource) || (resource == null ? void 0 : resource.name) || "table",
     loading: table.tableQueryResult.isLoading,
     data: finalDataSource || [],
     columns: finalColumns,
@@ -11389,18 +11577,19 @@ const useEagleTable = (params) => {
   }, []);
   return { tableProps: finalProps, selectedKeys, ...table };
 };
-function CreateButton() {
+function CreateButton(props) {
   var _a;
   const { t: t2 } = useTranslation();
   const openForm = useOpenForm();
   const { resource } = useResource();
+  const label2 = props.label || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
       prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusAddCreateNew16BoldOntintIcon, {}),
       type: "primary",
       onClick: openForm,
-      children: t2("dovetail.create_resource", { resource: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind })
+      children: t2("dovetail.create_resource", { resource: /^[a-zA-Z]/.test(label2) ? ` ${label2}` : label2 })
     }
   );
 }
@@ -11447,12 +11636,13 @@ const DeleteManyButton = (props) => {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
-const TableToolBar_nvjftd = "";
-const ToolbarWrapperStyle = "t1v3ienx";
-const ToolbarStyle$3 = "tgejfwe";
-const TitleStyle$2 = "tq6dc79";
-const DescriptionStyle = "d1wqyhgc";
+const index_1wo1wv1 = "";
+const ToolbarWrapperStyle = "t1908hhn";
+const ToolbarStyle$3 = "t1ym1gqo";
+const TitleStyle$2 = "t38ugwl";
+const DescriptionStyle = "d13nfex0";
 const TableToolBar = ({
+  title,
   description,
   selectedKeys,
   hideCreate
@@ -11467,14 +11657,16 @@ const TableToolBar = ({
       className: ToolbarStyle$3,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: cx_default(Typo.Display.d2_regular_title, TitleStyle$2),
-        children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
+        children: title || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind)
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
           ids: selectedKeys
         }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resource == null ? void 0 : resource.name,
           action: AccessControlAuth.Create,
-          children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null
+          children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {
+            label: title
+          }) : null
         })]
       })]
     }), description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -11505,7 +11697,7 @@ const CronjobJobsTable = ({
   } = useTranslation();
   const [selectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const columns = useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
     ...WorkloadImageColumnRenderer(i18n2),
     width: 238
@@ -11546,7 +11738,7 @@ const CronjobJobsTable = ({
     children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
       ...tableProps,
       tableKey: "cronjobs",
       showMenuColumn: false
@@ -11620,7 +11812,7 @@ const EventsTable = ({ uid }) => {
   }), [columns, uid]);
   const { tableProps } = useEagleTable(params);
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -11630,7 +11822,7 @@ const EventsTable = ({ uid }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       ...tableProps,
       tableKey: "events",
@@ -11673,9 +11865,9 @@ const index_x36tts = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
   const {
-    resourceName,
+    resourceKind: resourceName,
     namespace: namespace2,
-    resourceId
+    name: resourceId
   } = props;
   const navigation = useNavigation();
   const go = useGo();
@@ -11702,7 +11894,7 @@ const IngressRulesTable = ({ ingress }) => {
     return addId(ingress.flattenedRules || [], "fullPath");
   }, [ingress.flattenedRules]);
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const currentSize = 10;
   const columns = [
     {
@@ -11735,9 +11927,9 @@ const IngressRulesTable = ({ ingress }) => {
         return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            resourceName: "services",
+            resourceKind: "services",
             namespace: ingress.metadata.namespace || "default",
-            resourceId: serviceName
+            name: serviceName
           }
         ) : record.resourceName;
       }
@@ -11762,9 +11954,9 @@ const IngressRulesTable = ({ ingress }) => {
         return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResourceLink,
           {
-            resourceName: "secrets",
+            resourceKind: "secrets",
             namespace: ingress.metadata.namespace || "default",
-            resourceId: secretName
+            name: secretName
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
       },
@@ -11791,7 +11983,7 @@ const IngressRulesTable = ({ ingress }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "ingressRules",
       loading: false,
@@ -11808,7 +12000,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_18l1y97 = "";
+const KeyValue_1cqk7i8 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -11888,6 +12080,40 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
+const StateTag = (props) => {
+  const { state: state2 = ResourceState.UPDATING, hideBackground, className, resourceKind } = props;
+  const { t: t2 } = useTranslation();
+  const defaultStateMap = {
+    [ResourceState.UPDATING]: "loading",
+    [ResourceState.READY]: "green",
+    [ResourceState.COMPLETED]: "gray",
+    [ResourceState.FAILED]: "red",
+    [ResourceState.SUSPENDED]: "warning",
+    [ResourceState.RUNNING]: "green",
+    [ResourceState.SUCCEEDED]: "blue",
+    [ResourceState.UNKNOWN]: "gray",
+    [ResourceState.TERMINATING]: "loading",
+    [ResourceState.PENDING]: "warning",
+    [ResourceState.WAITING]: "warning",
+    [ResourceState.TERMINATED]: "red",
+    [ResourceState.STOPPED]: "gray",
+    [ResourceState.AVAILABLE]: "blue",
+    [ResourceState.BOUND]: "green",
+    [ResourceState.RELEASED]: "gray",
+    [ResourceState.LOST]: "red"
+  };
+  const resourceStateMap = {};
+  const finalStateMap = resourceStateMap[resourceKind || ""] || defaultStateMap;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StatusCapsule,
+    {
+      className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
+      color: finalStateMap[state2] !== "loading" ? finalStateMap[state2] : void 0,
+      loading: finalStateMap[state2] === "loading",
+      children: t2(`dovetail.${state2 || "updating"}_state`)
+    }
+  );
+};
 const ShowContent_11g4jr2 = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
@@ -11920,7 +12146,7 @@ function ShowGroupComponent(props) {
   });
 }
 const ShowContent = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     showConfig,
     formatter,
@@ -11949,6 +12175,8 @@ const ShowContent = (props) => {
     id
   });
   const Component = useContext(ComponentContext);
+  const configs = useContext(ConfigsContext);
+  const config = configs[(resource == null ? void 0 : resource.name) || ""];
   const Tabs$12 = Component.Tabs || Tabs;
   if (!(data2 == null ? void 0 : data2.data)) {
     return null;
@@ -12020,7 +12248,7 @@ const ShowContent = (props) => {
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: "button-text",
-          children: (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind
+          children: (config == null ? void 0 : config.displayName) || ((_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind)
         })
       })
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
@@ -12033,10 +12261,11 @@ const ShowContent = (props) => {
           className: cx_default(Typo.Display.d2_regular_title, NameStyle),
           children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
-          state: stateDisplay
+          state: stateDisplay,
+          resourceKind: (_d = resource == null ? void 0 : resource.meta) == null ? void 0 : _d.kind
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-        children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+        children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resource == null ? void 0 : resource.name,
           action: AccessControlAuth.Edit,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
@@ -12044,8 +12273,7 @@ const ShowContent = (props) => {
               marginRight: 8
             },
             onClick: openForm,
-            prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
-            children: t2("dovetail.edit_yaml")
+            children: ((_f = config.formConfig) == null ? void 0 : _f.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
@@ -12133,18 +12361,84 @@ function KeyValueSecret(props) {
     })
   });
 }
-function PVPhaseDisplay(props) {
-  const { value: value2 } = props;
-  const i18n2 = useTranslation();
-  const map = {
-    Available: i18n2.t("dovetail.pv_phase_available"),
-    Bound: i18n2.t("dovetail.pv_phase_bound"),
-    Failed: i18n2.t("dovetail.pv_phase_released"),
-    Pending: i18n2.t("dovetail.pv_phase_failed"),
-    Released: i18n2.t("dovetail.pv_phase_pending")
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
-}
+const NodeTaintsTable = ({ taints = [] }) => {
+  const { t: t2 } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table2 = component.Table || Table$1;
+  const taintsWithId = addId(taints, "key");
+  const columns = [
+    {
+      key: "key",
+      display: true,
+      dataIndex: "key",
+      title: t2("dovetail.key"),
+      width: 120,
+      sortable: true
+    },
+    {
+      key: "value",
+      display: true,
+      dataIndex: "value",
+      title: t2("dovetail.value"),
+      width: 120,
+      sortable: true
+    },
+    {
+      key: "effect",
+      display: true,
+      dataIndex: "effect",
+      title: t2("dovetail.effect"),
+      width: 120,
+      sortable: true,
+      render: (value2) => {
+        return t2(`dovetail.node_taint_${value2}`);
+      }
+    }
+  ];
+  const {
+    data: finalData,
+    currentPage,
+    onPageChange,
+    onSorterChange
+  } = useTableData({
+    data: taintsWithId,
+    columns,
+    defaultSorters: [
+      {
+        field: "lastUpdateTime",
+        order: "desc"
+      }
+    ]
+  });
+  const currentSize = 10;
+  if (taintsWithId.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.taint") }),
+        style: { padding: "15px 0" },
+        type: ErrorContentType.Card
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Table2,
+    {
+      tableKey: "condition",
+      loading: false,
+      data: finalData,
+      total: taintsWithId.length,
+      columns: addDefaultRenderToColumns(columns),
+      rowKey: "key",
+      empty: t2("dovetail.empty"),
+      defaultSize: currentSize,
+      currentPage,
+      onPageChange,
+      onSorterChange,
+      showMenuColumn: false
+    }
+  );
+};
 function PVVolumeModeDisplay(props) {
   const { value: value2 } = props;
   const i18n2 = useTranslation();
@@ -12154,18 +12448,42 @@ function PVVolumeModeDisplay(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
 }
-function ResourceTable(props) {
+const GlobalStoreContext = createContext({});
+function Table(props) {
   var _a;
+  const { tableProps, displayName, errorContentProps } = props;
+  const { Table: TableComponent } = useContext(ComponentContext);
+  const Table2 = TableComponent || Table$1;
+  const { i18n: i18n2 } = useTranslation();
+  const resourceType = /^[a-zA-Z]/.test(displayName) ? ` ${displayName}` : displayName;
+  if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      WidgetErrorContent,
+      {
+        errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: resourceType }),
+        ...errorContentProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Table2,
+    {
+      ...tableProps,
+      empty: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: resourceType }),
+      className: cx_default(tableProps.className)
+    }
+  );
+}
+function ResourceTable(props) {
   const { resource, useTableParams } = props;
   const configs = useContext(ConfigsContext);
   const config = configs[resource];
   const { formatter, columns, Dropdown: Dropdown2, noShow } = config;
   const { i18n: i18n2 } = useTranslation();
-  const { Table: TableComponent } = useContext(ComponentContext);
-  const Table$12 = TableComponent || Table;
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const { tableProps } = useEagleTable({
     useTableParams: {
+      resource,
       ...useTableParams
     },
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
@@ -12173,28 +12491,20 @@ function ResourceTable(props) {
       defaultSize: 10,
       ...config.tableProps
     },
-    resource,
     formatter,
     Dropdown: Dropdown2
   });
   useEffect(() => {
     tableProps.onPageChange(1);
   }, []);
-  if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
-      {
-        errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-        type: ErrorContentType.Card
-      }
-    );
-  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table,
     {
-      ...tableProps,
-      empty: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-      className: cx_default(tableProps.className)
+      tableProps,
+      displayName: config.displayName || config.kind,
+      errorContentProps: {
+        type: ErrorContentType.Card
+      }
     }
   );
 }
@@ -12202,7 +12512,8 @@ const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
-  hideToolbar
+  hideToolbar,
+  filter
 }) => {
   var _a;
   const {
@@ -12210,7 +12521,7 @@ const WorkloadPodsTable = ({
   } = useTranslation();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const currentSize = 10;
   const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
     key: "ip",
@@ -12235,7 +12546,7 @@ const WorkloadPodsTable = ({
           field: "",
           value: "",
           fn(item) {
-            return matchSelector(item, selector, namespace2);
+            return filter ? filter(item) : matchSelector(item, selector, namespace2);
           }
         }]
       }
@@ -12258,7 +12569,7 @@ const WorkloadPodsTable = ({
     children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
       ...tableProps,
       tableKey: "pods",
       onSelect: (keys) => setSelectedKeys(keys),
@@ -12436,126 +12747,6 @@ function WorkloadReplicas({
     })]
   });
 }
-var StorageUnit = /* @__PURE__ */ ((StorageUnit2) => {
-  StorageUnit2["Pi"] = "Pi";
-  StorageUnit2["PiB"] = "PiB";
-  StorageUnit2["Ti"] = "Ti";
-  StorageUnit2["TiB"] = "TiB";
-  StorageUnit2["Gi"] = "Gi";
-  StorageUnit2["GiB"] = "GiB";
-  StorageUnit2["Mi"] = "Mi";
-  StorageUnit2["MiB"] = "MiB";
-  StorageUnit2["Ki"] = "Ki";
-  StorageUnit2["KiB"] = "KiB";
-  return StorageUnit2;
-})(StorageUnit || {});
-const UNIT_FACTORS = {
-  Pi: 1024 ** 5,
-  PiB: 1024 ** 5,
-  Ti: 1024 ** 4,
-  TiB: 1024 ** 4,
-  Gi: 1024 ** 3,
-  GiB: 1024 ** 3,
-  Mi: 1024 ** 2,
-  MiB: 1024 ** 2,
-  Ki: 1024,
-  KiB: 1024,
-  B: 1
-};
-function transformStorageUnit(value2, toUnit = "Gi") {
-  const num = parseFloat(value2);
-  const unit = Object.values(StorageUnit).find((u) => value2.includes(u)) || "Ki";
-  return num / UNIT_FACTORS[unit] * UNIT_FACTORS[toUnit];
-}
-const DistributeStorageForm = React__default.forwardRef(function DistributeStorageForm2(props, ref) {
-  const { defaultValue, pvc: pvc2 } = props;
-  const { resource } = useResource();
-  const { mutateAsync } = useUpdate();
-  const { t: t2 } = useTranslation();
-  const [distributeStorage, setDistributeStorage] = useState(defaultValue);
-  const submit = useCallback(() => {
-    const v = pvc2.updateDistributeStorage(distributeStorage);
-    const id = pvc2.id;
-    pruneBeforeEdit(v);
-    return mutateAsync({
-      id,
-      resource: (resource == null ? void 0 : resource.name) || "",
-      values: v,
-      successNotification() {
-        return {
-          message: t2("dovetail.edit_distribute_storage_success_toast", {
-            kind: pvc2.kind,
-            name: pvc2.id,
-            interpolation: {
-              escapeValue: false
-            }
-          }),
-          type: "success"
-        };
-      },
-      errorNotification: false
-    });
-  }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, mutateAsync, t2]);
-  useImperativeHandle(ref, () => ({
-    submit
-  }), [submit]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Form.Item,
-    {
-      label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
-      colon: false,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Fields.Integer,
-        {
-          style: { width: "142px" },
-          input: {
-            name: "distributeStorage",
-            value: distributeStorage,
-            onChange: (value2) => {
-              setDistributeStorage(Number(value2));
-            },
-            onBlur: () => {
-            },
-            onFocus: () => {
-            }
-          },
-          min: 0,
-          meta: {},
-          suffix: "GiB",
-          controls: true
-        }
-      )
-    }
-  );
-});
-function PVCDistributeStorage({ pvc: pvc2, editable }) {
-  var _a, _b;
-  const { t: t2 } = useTranslation();
-  const formRef = useRef(null);
-  const value2 = (_b = (_a = pvc2.spec.resources) == null ? void 0 : _a.requests) == null ? void 0 : _b.storage;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Units.Byte, { rawValue: parseSi(value2), decimals: 1 }),
-    editable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      EditField,
-      {
-        modalProps: {
-          formRef,
-          title: t2("dovetail.edit_replicas"),
-          renderContent() {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DistributeStorageForm,
-              {
-                ref: formRef,
-                defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
-                pvc: pvc2
-              }
-            );
-          }
-        }
-      }
-    )
-  ] });
-}
 var AreaType = /* @__PURE__ */ ((AreaType2) => {
   AreaType2["Inline"] = "Inline";
   AreaType2["Grid"] = "Grid";
@@ -12589,6 +12780,15 @@ const ConditionsField = () => {
     }
   };
 };
+const NodeTaintsField = () => {
+  return {
+    key: "NodeTaints",
+    path: ["spec", "taints"],
+    renderContent: (value2) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintsTable, { taints: value2 });
+    }
+  };
+};
 const PodsField = () => {
   return {
     key: "pods",
@@ -12818,13 +13018,15 @@ const StorageClassPvField = () => {
           resource: "persistentvolumes",
           useTableParams: {
             filters: {
-              permanent: [{
-                field: "",
-                value: "",
-                fn(pv2) {
-                  return sc.filterPV(pv2, sc.metadata.name);
+              permanent: [
+                {
+                  field: "",
+                  value: "",
+                  fn(pv2) {
+                    return sc.filterPV(pv2, sc.metadata.name);
+                  }
                 }
-              }]
+              ]
             }
           }
         }
@@ -12865,17 +13067,24 @@ const PVStorageClassField = (i18n2) => {
     path: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceName: "storageclasses", namespace: "", resourceId: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResourceLink,
+        {
+          resourceKind: "storageclasses",
+          namespace: "",
+          name: value2
+        }
+      );
     }
   };
 };
 const PVPhaseField = (i18n2) => {
   return {
     key: "phase",
-    path: ["phase"],
+    path: ["stateDisplay"],
     title: i18n2.t("dovetail.state"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, { value: value2 });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, resourceKind: "PersistentVolume", hideBackground: true });
     }
   };
 };
@@ -12893,14 +13102,49 @@ const PVAccessModeField = (i18n2) => {
   return {
     key: "accessMode",
     path: ["spec", "accessModes"],
-    title: i18n2.t("dovetail.access_mode")
+    title: i18n2.t("dovetail.access_mode"),
+    renderContent(value2) {
+      return value2.join(", ");
+    }
+  };
+};
+const PVCPodsField = () => {
+  return {
+    key: "pods",
+    path: [],
+    renderContent: (_, record) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WorkloadPodsTable,
+        {
+          filter: (item) => {
+            var _a, _b;
+            return !!((_b = (_a = item.spec) == null ? void 0 : _a.volumes) == null ? void 0 : _b.some((v) => {
+              var _a2;
+              return ((_a2 = v.persistentVolumeClaim) == null ? void 0 : _a2.claimName) === record.metadata.name;
+            }));
+          },
+          namespace: record.metadata.namespace,
+          hideToolbar: true
+        }
+      );
+    }
   };
 };
 const PVCRefField = (i18n2) => {
   return {
     key: "pvc",
     path: ["pvc"],
-    title: i18n2.t("dovetail.pvc")
+    title: i18n2.t("dovetail.pvc"),
+    renderContent(value2, pvc2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResourceLink,
+        {
+          resourceKind: "persistentvolumeclaims",
+          namespace: pvc2.pvcNamespace || "default",
+          name: value2
+        }
+      );
+    }
   };
 };
 const PVCSIRefField = (i18n2) => {
@@ -12949,13 +13193,7 @@ const ResourceTableField = (resource, useTableParams) => {
     key: resource,
     path: [],
     renderContent() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceTable,
-        {
-          resource,
-          useTableParams
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, { resource, useTableParams });
     }
   };
 };
@@ -18994,7 +19232,7 @@ const PodContainersTable = ({
 }) => {
   const { i18n: i18n2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$12 = component.Table || Table;
+  const Table2 = component.Table || Table$1;
   const currentSize = 10;
   const columns = useMemo(
     () => [
@@ -19089,7 +19327,7 @@ const PodContainersTable = ({
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "podContainers",
       loading: false,
@@ -19110,18 +19348,17 @@ const BasicGroup = (i18n2, {
   upAreas = [],
   downAreas = [],
   basicFields = []
-} = {}) => ({
+} = {}, isShowNamespace = true) => ({
   title: i18n2.t("dovetail.basic_info"),
   areas: [
     ...upAreas,
     {
-      fields: [
-        NamespaceField(i18n2),
+      fields: (isShowNamespace ? [NamespaceField(i18n2)] : []).concat([
         ...basicFields,
         LabelsField(i18n2),
         AnnotationsField(i18n2),
         AgeField(i18n2)
-      ]
+      ])
     },
     ...downAreas
   ]
@@ -19165,6 +19402,14 @@ const ServicePodsGroup = () => ({
     }
   ]
 });
+const PVCPodsGroup = () => ({
+  title: "Pod",
+  areas: [
+    {
+      fields: [PVCPodsField()]
+    }
+  ]
+});
 const ConditionsGroup = (i18n2) => ({
   title: i18n2.t("dovetail.condition"),
   areas: [
@@ -19173,6 +19418,14 @@ const ConditionsGroup = (i18n2) => ({
     }
   ]
 });
+const NodeTaintsGroup = (i18n2) => ({
+  title: i18n2.t("dovetail.taint"),
+  areas: [
+    {
+      fields: [NodeTaintsField()]
+    }
+  ]
+});
 const SecretDataGroup = () => ({
   areas: [
     {
@@ -33010,7 +33263,6 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
     })]
   });
 });
-const GlobalStoreContext = createContext({});
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;
@@ -35467,13 +35719,7 @@ function ListPage(props) {
     tableProps,
     contentClassName
   } = props;
-  const {
-    Table: TableComponent
-  } = useContext(ComponentContext);
-  const {
-    t: t2
-  } = useTranslation();
-  const Table$12 = TableComponent || Table;
+  useTranslation();
   const {
     resource
   } = useResource();
@@ -35484,6 +35730,7 @@ function ListPage(props) {
     children: [!config.hideListToolBar ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
+        title: config == null ? void 0 : config.displayName,
         description: config == null ? void 0 : config.description
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
         style: {
@@ -35495,23 +35742,21 @@ function ListPage(props) {
       })]
     }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: cx_default(ListContentStyle, contentClassName),
+      style: config.hideNamespacesFilter ? {
+        paddingTop: 0
+      } : {},
       children: [!config.hideNamespacesFilter ? /* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
         className: NamespaceFilterStyle
       }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: TableStyle,
-        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-          errorText: tableProps.empty || t2("dovetail.no_resource", {
-            kind: ` ${config.kind}`
-          })
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
-          ...tableProps,
-          empty: tableProps.empty || t2("dovetail.no_resource", {
-            kind: ` ${config.kind}`
-          }),
-          className: cx_default(tableProps.className),
-          scroll: {
-            y: "calc(100% - 48px)"
-          }
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+          tableProps: {
+            ...tableProps,
+            scroll: {
+              y: "calc(100% - 48px)"
+            }
+          },
+          displayName: (config == null ? void 0 : config.displayName) || config.kind
         })
       })]
     })]
@@ -37954,7 +38199,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-0f76e977.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-adaa32ac.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -38823,10 +39068,11 @@ function FormModal(props) {
     if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
       return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
     }
+    const label2 = config.displayName || (config == null ? void 0 : config.kind);
     return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-      resource: config == null ? void 0 : config.kind
+      resource: /^[a-zA-Z]/.test(label2) ? ` ${label2}` : label2
     });
-  }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
+  }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
   const desc = useMemo(() => {
     var _a2, _b2, _c2, _d2;
     if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formDesc) === "string")
@@ -38877,6 +39123,12 @@ function FormModal(props) {
     children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle,
       children: desc
+    }) : void 0, !isYamlForm && mode === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, {
+      type: "warning",
+      message: i18n2.t("dovetail.change_form_mode_alert"),
+      style: {
+        marginBottom: "16px"
+      }
     }) : void 0, formEle]
   });
 }
@@ -39189,8 +39441,8 @@ const ReferenceLink = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ResourceLink,
     {
-      resourceId: ownerReference.name,
-      resourceName: resource.name || "",
+      name: ownerReference.name,
+      resourceKind: resource.name || "",
       namespace: namespace2
     }
   );
@@ -39244,9 +39496,9 @@ const IngressRulesComponent = ({ ingress }) => {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ResourceLink,
               {
-                resourceName: "services",
+                resourceKind: "services",
                 namespace: ingress.metadata.namespace || "default",
-                resourceId: r2.serviceName
+                name: r2.serviceName
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -39837,7 +40089,7 @@ const PVRefColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["pv"],
     title: i18n2.t("dovetail.pv"),
-    width: 120,
+    width: 160,
     sortable: true
   };
 };
@@ -39847,13 +40099,13 @@ const PVStorageClassColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
-    width: 120,
+    width: 160,
     sortable: true,
     render(value2) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
-        resourceName: "storageclasses",
+        resourceKind: "storageclasses",
         namespace: "",
-        resourceId: value2
+        name: value2
       });
     }
   };
@@ -39862,13 +40114,15 @@ const PVPhaseColumnRenderer = (i18n2) => {
   return {
     key: "phase",
     display: true,
-    dataIndex: ["phase"],
+    dataIndex: ["stateDisplay"],
     title: i18n2.t("dovetail.state"),
     width: 120,
     sortable: true,
     render(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, {
-        value: value2
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+        state: value2,
+        resourceKind: "PersistentVolume",
+        hideBackground: true
       });
     }
   };
@@ -39879,8 +40133,15 @@ const PVCRefColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["pvc"],
     title: i18n2.t("dovetail.pvc"),
-    width: 120,
-    sortable: true
+    width: 160,
+    sortable: true,
+    render(value2, pv2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceKind: "persistentvolumeclaims",
+        namespace: pv2.pvcNamespace || "default",
+        name: value2
+      });
+    }
   };
 };
 const PVCSIRefColumnRenderer = (i18n2) => {
@@ -39889,7 +40150,7 @@ const PVCSIRefColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["csi"],
     title: i18n2.t("dovetail.csi"),
-    width: 120,
+    width: 160,
     sortable: true
   };
 };
@@ -39915,7 +40176,15 @@ const PVAccessModeColumnRenderer = (i18n2) => {
     dataIndex: ["spec", "accessModes"],
     title: i18n2.t("dovetail.access_mode"),
     width: 120,
-    sortable: true
+    sortable: true,
+    render(value2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        style: {
+          whiteSpace: "pre-wrap"
+        },
+        children: value2.join("\n")
+      });
+    }
   };
 };
 const IsDefaultSCColumnRenderer = (i18n2) => {
@@ -39948,6 +40217,19 @@ const SCReclaimPolicyColumnRenderer = (i18n2) => {
     }
   };
 };
+const SCAllowExpandColumnRenderer = (i18n2) => {
+  return {
+    key: "​​allowVolumeExpansion",
+    display: true,
+    dataIndex: ["​​allowVolumeExpansion"],
+    title: i18n2.t("dovetail.allow_expand"),
+    width: 120,
+    sortable: true,
+    render(val) {
+      return val ? i18n2.t("dovetail.support") : i18n2.t("dovetail.not_support");
+    }
+  };
+};
 const styles = "";
 const Dovetail = (props) => {
   const {
@@ -40186,7 +40468,7 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  Breadcrumb as $,
+  index as $,
   AgeColumnRenderer as A,
   PVCStorageColumnRenderer as B,
   CommonSorter as C,
@@ -40203,214 +40485,219 @@ export {
   NameColumnRenderer as N,
   SCReclaimPolicyColumnRenderer as O,
   PlainTextNameColumnRenderer as P,
-  ColumnKeys as Q,
+  SCAllowExpandColumnRenderer as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  addDefaultRenderToColumns as T,
-  useEagleTable as U,
-  useDownloadYAML as V,
+  ColumnKeys as T,
+  addDefaultRenderToColumns as U,
+  useEagleTable as V,
   WorkloadImageColumnRenderer as W,
-  useEdit as X,
-  useGlobalStore as Y,
-  useOpenForm as Z,
-  index as _,
+  useDownloadYAML as X,
+  useEdit as Y,
+  useGlobalStore as Z,
+  useOpenForm as _,
   useApiGroupSchema as a,
-  StorageClassPvField as a$,
-  NameInputWidget as a0,
-  dnsSubDomainRules as a1,
-  rfc1123LabelRules as a2,
-  rfc1035LabelRules as a3,
-  NamespaceSelectWidget as a4,
-  namespaceRules as a5,
-  KeyValueListWidget as a6,
-  MetadataForm as a7,
-  PageShow as a8,
-  Time as a9,
-  DeleteButton as aA,
-  Layout as aB,
-  AreaType as aC,
-  ImageField as aD,
-  ReplicaField as aE,
-  ConditionsField as aF,
-  PodsField as aG,
-  JobsField as aH,
-  DataField as aI,
-  SecretDataField as aJ,
-  StartTimeField as aK,
-  ServiceTypeField as aL,
-  ClusterIpField as aM,
-  SessionAffinityField as aN,
-  ServicePodsField as aO,
-  IngressRulesTableTabField as aP,
-  EventsTableTabField as aQ,
-  NamespaceField as aR,
-  AgeField as aS,
-  LabelsField as aT,
-  AnnotationsField as aU,
-  ServiceInnerClusterAccessField as aV,
-  ServiceOutClusterAccessField as aW,
-  PodSelectorField as aX,
-  PortsTableField as aY,
-  DurationField as aZ,
-  StorageClassProvisionerField as a_,
-  ConditionsTable as aa,
-  FormErrorAlert as ab,
-  PodContainersTable as ac,
-  WorkloadDropdown as ad,
-  ReplicasDropdown as ae,
-  PodDropdown as af,
-  CreateButton as ag,
-  ImageNames as ah,
-  ResourceList as ai,
-  ResourceShow as aj,
-  ResourceForm as ak,
-  ResourceCRUD as al,
-  WorkloadPodsTable as am,
-  CronJobDropdown as an,
-  K8sDropdown as ao,
-  EditLabelDropdownMenuItem as ap,
-  EditAnnotationDropdownMenuItem as aq,
-  ResourceUsageBar as ar,
-  WorkloadReplicasForm as as,
-  WorkloadReplicas as at,
-  CronjobJobsTable as au,
-  KeyValue as av,
-  KeyValueAnnotation as aw,
-  KeyValueSecret as ax,
-  Separator as ay,
-  YamlEditorComponent as az,
+  PortsTableField as a$,
+  WidgetErrorContent as a0,
+  Breadcrumb as a1,
+  NameInputWidget as a2,
+  dnsSubDomainRules as a3,
+  rfc1123LabelRules as a4,
+  rfc1035LabelRules as a5,
+  NamespaceSelectWidget as a6,
+  namespaceRules as a7,
+  KeyValueListWidget as a8,
+  MetadataForm as a9,
+  Separator as aA,
+  YamlEditorComponent as aB,
+  DeleteButton as aC,
+  Layout as aD,
+  AreaType as aE,
+  ImageField as aF,
+  ReplicaField as aG,
+  ConditionsField as aH,
+  NodeTaintsField as aI,
+  PodsField as aJ,
+  JobsField as aK,
+  DataField as aL,
+  SecretDataField as aM,
+  StartTimeField as aN,
+  ServiceTypeField as aO,
+  ClusterIpField as aP,
+  SessionAffinityField as aQ,
+  ServicePodsField as aR,
+  IngressRulesTableTabField as aS,
+  EventsTableTabField as aT,
+  NamespaceField as aU,
+  AgeField as aV,
+  LabelsField as aW,
+  AnnotationsField as aX,
+  ServiceInnerClusterAccessField as aY,
+  ServiceOutClusterAccessField as aZ,
+  PodSelectorField as a_,
+  PageShow as aa,
+  Time as ab,
+  ConditionsTable as ac,
+  FormErrorAlert as ad,
+  PodContainersTable as ae,
+  WorkloadDropdown as af,
+  ReplicasDropdown as ag,
+  PodDropdown as ah,
+  CreateButton as ai,
+  ImageNames as aj,
+  ResourceList as ak,
+  ResourceShow as al,
+  ResourceForm as am,
+  ResourceCRUD as an,
+  WorkloadPodsTable as ao,
+  CronJobDropdown as ap,
+  K8sDropdown as aq,
+  EditLabelDropdownMenuItem as ar,
+  EditAnnotationDropdownMenuItem as as,
+  ResourceUsageBar as at,
+  WorkloadReplicasForm as au,
+  WorkloadReplicas as av,
+  CronjobJobsTable as aw,
+  KeyValue as ax,
+  KeyValueAnnotation as ay,
+  KeyValueSecret as az,
   useSchema as b,
-  PodShellModal as b$,
-  PVCapacityField as b0,
-  PVCStorageField as b1,
-  PVRefField as b2,
-  PVStorageClassField as b3,
-  PVPhaseField as b4,
-  PVVolumeModeField as b5,
-  PVAccessModeField as b6,
-  PVCRefField as b7,
-  PVCSIRefField as b8,
-  IsDefaultSCField as b9,
-  DrawerShow as bA,
-  Menu as bB,
-  EditButton as bC,
-  ReferenceLink as bD,
-  ResourceLink as bE,
-  NS_STORE_KEY as bF,
-  ALL_NS as bG,
-  useNamespacesFilter as bH,
-  NamespacesFilter as bI,
-  FormModal as bJ,
-  RefineFormContent as bK,
-  RefineFormPage as bL,
-  SchemaStrategy as bM,
-  YamlForm as bN,
-  useRefineForm as bO,
-  ServiceInClusterAccessComponent as bP,
-  ServiceOutClusterAccessComponent as bQ,
-  Tags as bR,
-  TextTags as bS,
-  PodLog as bT,
-  NetworkPolicyRulesViewer as bU,
-  PVPhaseDisplay as bV,
-  PVVolumeModeDisplay as bW,
-  Tabs as bX,
-  ResourceSelect as bY,
-  SocketStatus as bZ,
-  Shell as b_,
-  SCReclaimPolicyField as ba,
-  IsSCAllowVolumeExpansionField as bb,
-  ResourceTableField as bc,
-  EventsTab as bd,
-  PodLogTab as be,
-  BasicGroup as bf,
-  PodsGroup as bg,
-  PodContainersGroup as bh,
-  ServicePodsGroup as bi,
-  ConditionsGroup as bj,
-  SecretDataGroup as bk,
-  JobsGroup as bl,
-  IngressRulesGroup as bm,
-  PodSelectorGroup as bn,
-  PortsGroup as bo,
-  DataGroup as bp,
-  NetworkPolicyIngressRulesGroup as bq,
-  NetworkPolicyEgressRulesGroup as br,
-  StorageClassPvGroup as bs,
-  ResourceTableGroup as bt,
-  ShowGroupComponent as bu,
-  ShowContent as bv,
-  DeleteManyButton as bw,
-  ListPage as bx,
-  StateTagStyle as by,
-  StateTag as bz,
+  PVVolumeModeDisplay as b$,
+  DurationField as b0,
+  StorageClassProvisionerField as b1,
+  StorageClassPvField as b2,
+  PVCapacityField as b3,
+  PVCStorageField as b4,
+  PVRefField as b5,
+  PVStorageClassField as b6,
+  PVPhaseField as b7,
+  PVVolumeModeField as b8,
+  PVAccessModeField as b9,
+  ShowGroupComponent as bA,
+  ShowContent as bB,
+  DeleteManyButton as bC,
+  ListPage as bD,
+  StateTag as bE,
+  DrawerShow as bF,
+  Menu as bG,
+  Table as bH,
+  EditButton as bI,
+  ReferenceLink as bJ,
+  ResourceLink as bK,
+  NS_STORE_KEY as bL,
+  ALL_NS as bM,
+  useNamespacesFilter as bN,
+  NamespacesFilter as bO,
+  FormModal as bP,
+  RefineFormContent as bQ,
+  RefineFormPage as bR,
+  SchemaStrategy as bS,
+  YamlForm as bT,
+  useRefineForm as bU,
+  ServiceInClusterAccessComponent as bV,
+  ServiceOutClusterAccessComponent as bW,
+  Tags as bX,
+  TextTags as bY,
+  PodLog as bZ,
+  NetworkPolicyRulesViewer as b_,
+  PVCPodsField as ba,
+  PVCRefField as bb,
+  PVCSIRefField as bc,
+  IsDefaultSCField as bd,
+  SCReclaimPolicyField as be,
+  IsSCAllowVolumeExpansionField as bf,
+  ResourceTableField as bg,
+  EventsTab as bh,
+  PodLogTab as bi,
+  BasicGroup as bj,
+  PodsGroup as bk,
+  PodContainersGroup as bl,
+  ServicePodsGroup as bm,
+  PVCPodsGroup as bn,
+  ConditionsGroup as bo,
+  NodeTaintsGroup as bp,
+  SecretDataGroup as bq,
+  JobsGroup as br,
+  IngressRulesGroup as bs,
+  PodSelectorGroup as bt,
+  PortsGroup as bu,
+  DataGroup as bv,
+  NetworkPolicyIngressRulesGroup as bw,
+  NetworkPolicyEgressRulesGroup as bx,
+  StorageClassPvGroup as by,
+  ResourceTableGroup as bz,
   useDeleteModal as c,
-  generateSchemaTypeValue as c$,
-  PodShell as c0,
-  ResourceTable as c1,
-  BASE_INIT_VALUE as c2,
-  DEPLOYMENT_INIT_VALUE as c3,
-  CRONJOB_INIT_VALUE as c4,
-  DAEMONSET_INIT_VALUE as c5,
-  JOB_INIT_VALUE as c6,
-  STATEFULSET_INIT_VALUE as c7,
-  POD_INIT_VALUE as c8,
-  SERVICE_CLUSTER_IP_INIT_VALUE as c9,
-  ConfigsContext as cA,
-  IngressModel as cB,
-  NetworkPolicyModel as cC,
-  JobModel as cD,
-  WorkloadModel as cE,
-  WorkloadBaseModel as cF,
-  PodModel as cG,
-  PodMetricsModel as cH,
-  ResourceModel as cI,
-  CronJobModel as cJ,
-  EventModel as cK,
-  DeploymentModel as cL,
-  DaemonSetModel as cM,
-  StatefulSetModel as cN,
-  ServiceTypeEnum as cO,
-  ServiceModel as cP,
-  NodeRole as cQ,
-  NodeModel as cR,
-  StorageClassModel as cS,
-  PersistentVolumeModel as cT,
-  PersistentVolumeClaimModel as cU,
-  ProviderPlugins as cV,
-  ModelPlugin as cW,
-  modelPlugin as cX,
-  RelationPlugin as cY,
-  relationPlugin as cZ,
-  generateValueFromSchema as c_,
-  SERVICE_NODE_PORT_INIT_VALUE as ca,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as cb,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as cc,
-  SERVICE_HEADLESS_INIT_VALUE as cd,
-  INGRESS_INIT_VALUE as ce,
-  NETWORK_POLICY_INIT_VALUE as cf,
-  CONFIG_MAP_INIT_VALUE as cg,
-  SERVER_INSTANCE_INIT_VALUE as ch,
-  REDEPLOY_TIMESTAMP_KEY as ci,
-  SECRET_OPAQUE_INIT_VALUE as cj,
-  SECRET_IMAGE_REPO_INIT_VALUE as ck,
-  SECRET_BASIC_AUTH_INIT_VALUE as cl,
-  SECRET_SSH_AUTH_INIT_VALUE as cm,
-  SECRET_TLS_INIT_VALUE as cn,
-  SECRET_CUSTOM_INIT_VALUE as co,
-  NODE_INIT_VALUE as cp,
-  STORAGE_CLASS_INIT_VALUE as cq,
-  PV_INIT_VALUE as cr,
-  PVC_INIT_VALUE as cs,
-  WorkloadState as ct,
-  AccessControlAuth as cu,
-  Dovetail as cv,
-  RESOURCE_GROUP as cw,
-  FormType as cx,
-  ComponentContext as cy,
-  GlobalStoreContext as cz,
+  ModelPlugin as c$,
+  Tabs as c0,
+  ResourceSelect as c1,
+  SocketStatus as c2,
+  Shell as c3,
+  PodShellModal as c4,
+  PodShell as c5,
+  ResourceTable as c6,
+  BASE_INIT_VALUE as c7,
+  DEPLOYMENT_INIT_VALUE as c8,
+  CRONJOB_INIT_VALUE as c9,
+  Dovetail as cA,
+  RESOURCE_GROUP as cB,
+  FormType as cC,
+  ComponentContext as cD,
+  GlobalStoreContext as cE,
+  ConfigsContext as cF,
+  IngressModel as cG,
+  NetworkPolicyModel as cH,
+  JobModel as cI,
+  WorkloadModel as cJ,
+  WorkloadBaseModel as cK,
+  PodModel as cL,
+  PodMetricsModel as cM,
+  ResourceModel as cN,
+  CronJobModel as cO,
+  EventModel as cP,
+  DeploymentModel as cQ,
+  DaemonSetModel as cR,
+  StatefulSetModel as cS,
+  ServiceTypeEnum as cT,
+  ServiceModel as cU,
+  NodeRole as cV,
+  NodeModel as cW,
+  StorageClassModel as cX,
+  PersistentVolumeModel as cY,
+  PersistentVolumeClaimModel as cZ,
+  ProviderPlugins as c_,
+  DAEMONSET_INIT_VALUE as ca,
+  JOB_INIT_VALUE as cb,
+  STATEFULSET_INIT_VALUE as cc,
+  POD_INIT_VALUE as cd,
+  SERVICE_CLUSTER_IP_INIT_VALUE as ce,
+  SERVICE_NODE_PORT_INIT_VALUE as cf,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as cg,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as ch,
+  SERVICE_HEADLESS_INIT_VALUE as ci,
+  INGRESS_INIT_VALUE as cj,
+  NETWORK_POLICY_INIT_VALUE as ck,
+  CONFIG_MAP_INIT_VALUE as cl,
+  SERVER_INSTANCE_INIT_VALUE as cm,
+  REDEPLOY_TIMESTAMP_KEY as cn,
+  SECRET_OPAQUE_INIT_VALUE as co,
+  SECRET_IMAGE_REPO_INIT_VALUE as cp,
+  SECRET_BASIC_AUTH_INIT_VALUE as cq,
+  SECRET_SSH_AUTH_INIT_VALUE as cr,
+  SECRET_TLS_INIT_VALUE as cs,
+  SECRET_CUSTOM_INIT_VALUE as ct,
+  NODE_INIT_VALUE as cu,
+  STORAGE_CLASS_INIT_VALUE as cv,
+  PV_INIT_VALUE as cw,
+  PVC_INIT_VALUE as cx,
+  ResourceState as cy,
+  AccessControlAuth as cz,
   dovetailRefineI18n as d,
-  resolveRef as d0,
+  modelPlugin as d0,
+  RelationPlugin as d1,
+  relationPlugin as d2,
+  generateValueFromSchema as d3,
+  generateSchemaTypeValue as d4,
+  resolveRef as d5,
   NameSpaceColumnRenderer as e,
   WorkloadRestartsColumnRenderer as f,
   NodeNameColumnRenderer as g,