@dovetail-v2/refine 0.1.8 → 0.1.10

package/dist/{index-45031697.js → index-a2e0edc2.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 { 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, 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 { first, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
+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";
@@ -1014,8 +1014,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";
@@ -1049,18 +1049,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";
@@ -1151,22 +1151,21 @@ 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";
 const provisioner$1 = "Provisioner";
 const file_system$1 = "File system";
 const capacity$1 = "Capacity";
-const phase$1 = "Phase";
 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";
@@ -1220,18 +1219,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,
@@ -1324,22 +1323,21 @@ 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,
   provisioner: provisioner$1,
   file_system: file_system$1,
   capacity: capacity$1,
-  phase: phase$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
@@ -1403,20 +1401,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 = "小时";
@@ -1451,6 +1449,7 @@ const node_port = "NodePort";
 const protocol = "协议";
 const key = "键";
 const value = "值";
+const effect = "效果";
 const show_data_value = "显示数值";
 const hide_data_value = "隐藏数值";
 const path_type = "路径类型";
@@ -1497,23 +1496,24 @@ const out_cluster_node_port_desc = "NodePort 展示<strong>节点 IP：nodeport<
 const out_cluster_lb_desc = "LoadBalancer 展示 <strong>ingress[*].ip</strong>。";
 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 = "持久卷";
 const provisioner = "制备器";
 const file_system = "文件系统";
 const capacity = "容量";
-const phase = "阶段";
+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 = "清空命令行";
@@ -1529,6 +1529,26 @@ const edit_label = "编辑标签";
 const edit_label_success_toast = "编辑资源 {{name}} 的标签成功";
 const edit_annotation = "编辑注解";
 const edit_annotation_success_toast = "编辑资源 {{name}} 的注解成功";
+const pvc = "持久卷申领";
+const pv = "持久卷";
+const csi = "CSI";
+const retain = "保留";
+const default_sc = "默认存储类";
+const reclaim_policy = "回收策略";
+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,
@@ -1587,18 +1607,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,
@@ -1635,6 +1655,7 @@ const dovetail = {
   protocol,
   key,
   value,
+  effect,
   show_data_value,
   hide_data_value,
   path_type,
@@ -1683,23 +1704,24 @@ const dovetail = {
   out_cluster_lb_desc,
   out_external_name_desc,
   only_support_one_yaml,
+  support,
   not_support,
-  stopped,
+  stopped_state,
   any_node_ip,
   storage_class,
   persistent_volume,
   provisioner,
   file_system,
   capacity,
-  phase,
+  distributed,
   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,
@@ -1714,7 +1736,27 @@ const dovetail = {
   edit_label,
   edit_label_success_toast,
   edit_annotation,
-  edit_annotation_success_toast
+  edit_annotation_success_toast,
+  pvc,
+  pv,
+  csi,
+  retain,
+  default_sc,
+  reclaim_policy,
+  allow_expand,
+  edit_distribute_storage,
+  edit_distribute_storage_success_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
@@ -6532,7 +6574,7 @@ lodash.exports;
         customizer = typeof customizer == "function" ? customizer : undefined$1;
         return baseClone(value2, CLONE_SYMBOLS_FLAG, customizer);
       }
-      function cloneDeep(value2) {
+      function cloneDeep2(value2) {
         return baseClone(value2, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
       }
       function cloneDeepWith(value2, customizer) {
@@ -6649,7 +6691,7 @@ lodash.exports;
       function isNull(value2) {
         return value2 === null;
       }
-      function isNil(value2) {
+      function isNil2(value2) {
         return value2 == null;
       }
       function isNumber(value2) {
@@ -7658,7 +7700,7 @@ lodash.exports;
       lodash2.ceil = ceil;
       lodash2.clamp = clamp;
       lodash2.clone = clone;
-      lodash2.cloneDeep = cloneDeep;
+      lodash2.cloneDeep = cloneDeep2;
       lodash2.cloneDeepWith = cloneDeepWith;
       lodash2.cloneWith = cloneWith;
       lodash2.conformsTo = conformsTo;
@@ -7716,7 +7758,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;
@@ -8817,15 +8859,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();
@@ -8890,7 +8932,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,
@@ -8942,7 +8984,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,
@@ -8987,7 +9029,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "podSelector",
       loading: false,
@@ -9007,7 +9049,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 = [
     {
@@ -9075,7 +9117,7 @@ const PortsTable = ({ service }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "ports",
       loading: false,
@@ -9092,6 +9134,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");
@@ -9728,34 +10173,72 @@ const NODE_INIT_VALUE = {
 const STORAGE_CLASS_INIT_VALUE = {
   "apiVersion": "storage.k8s.io/v1",
   "kind": "StorageClass",
+  "metadata": {
+    "name": "example"
+  },
+  "parameters": {},
+  "provisioner": "example",
+  "reclaimPolicy": "Delete",
+  "allowVolumeExpansion": true,
+  "volumeBindingMode": "Immediate"
+};
+const PV_INIT_VALUE = {
+  "apiVersion": "v1",
+  "kind": "PersistentVolume",
+  "metadata": {
+    "name": "example"
+  },
+  "spec": {
+    "accessModes": [
+      "ReadWriteOnce"
+    ],
+    "capacity": {
+      "storage": "40Gi"
+    },
+    "persistentVolumeReclaimPolicy": "Delete",
+    "volumeMode": "Filesystem"
+  }
+};
+const PVC_INIT_VALUE = {
+  "apiVersion": "v1",
+  "kind": "PersistentVolumeClaim",
   "metadata": {
     "name": "example",
     "namespace": "default"
   },
-  "spec": {}
+  "spec": {
+    "accessModes": [
+      "ReadWriteOnce"
+    ],
+    "resources": {
+      "requests": {
+        "storage": "40Gi"
+      }
+    },
+    "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;
@@ -9841,18 +10324,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 {
@@ -9904,75 +10387,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;
@@ -10050,9 +10464,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 {
@@ -10092,9 +10506,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);
@@ -10126,11 +10540,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 {
@@ -10141,9 +10555,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;
@@ -10160,11 +10574,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) => {
@@ -10213,7 +10627,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;
@@ -10248,24 +10662,85 @@ class StorageClassModel extends ResourceModel {
       kind: "PersistentVolume"
     });
     this.pvs = pvs.items.filter(
-      (pv) => {
-        var _a;
-        return ((_a = pv.spec) == null ? void 0 : _a.storageClassName) === this.metadata.name;
-      }
+      (pv2) => this.filterPV(pv2, this.metadata.name)
     );
   }
+  filterPV(pv2, scName) {
+    var _a;
+    return ((_a = pv2.spec) == null ? void 0 : _a.storageClassName) === scName;
+  }
+  get isDefaultSC() {
+    var _a, _b;
+    return (_b = (_a = this._rawYaml.metadata) == null ? void 0 : _a.annotations) == null ? void 0 : _b["storageclass.kubernetes.io/is-default-class"];
+  }
+  get reclaimPolicy() {
+    return this._rawYaml.reclaimPolicy;
+  }
 }
 class PersistentVolumeModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  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;
+  }
+  get pvc() {
+    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) {
     super(_rawYaml, _globalStore);
     this._rawYaml = _rawYaml;
   }
+  get phase() {
+    return this._rawYaml.status.phase;
+  }
+  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`);
+  }
 }
 const index_1iq0dq9 = "";
 const ServiceInClusterAccessComponent = ({
@@ -10373,38 +10848,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 {
@@ -10522,7 +10967,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 = [
     {
@@ -10598,7 +11043,7 @@ const ConditionsTable = ({ conditions = [] }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "condition",
       loading: false,
@@ -10715,184 +11160,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;
@@ -10953,12 +11220,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"
           }
         ],
@@ -11025,7 +11292,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,
@@ -11066,12 +11333,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"
           }
         ],
@@ -11224,21 +11491,23 @@ function addDefaultRenderToColumns(columns) {
   }));
 }
 const useEagleTable = (params) => {
-  var _a, _b;
+  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: ((_a2 = params.useTableParams) == null ? void 0 : _a2.resource) || (resource == null ? void 0 : resource.name)
     });
     return mergedParams;
-  }, [params.useTableParams, currentSize]);
+  }, [params.useTableParams, currentSize, resource]);
   const finalColumns = useMemo(
     () => addDefaultRenderToColumns(columns),
     [columns]
@@ -11268,7 +11537,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: (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,
@@ -11293,18 +11562,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 })
     }
   );
 }
@@ -11351,12 +11621,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
@@ -11371,14 +11642,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", {
@@ -11409,7 +11682,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
@@ -11450,7 +11723,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
@@ -11524,7 +11797,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,
@@ -11534,7 +11807,7 @@ const EventsTable = ({ uid }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       ...tableProps,
       tableKey: "events",
@@ -11577,9 +11850,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();
@@ -11606,7 +11879,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 = [
     {
@@ -11639,9 +11912,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;
       }
@@ -11666,9 +11939,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: "" });
       },
@@ -11695,7 +11968,7 @@ const IngressRulesTable = ({ ingress }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "ingressRules",
       loading: false,
@@ -11712,7 +11985,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_18l1y97 = "";
+const KeyValue_1cqk7i8 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -11792,6 +12065,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";
@@ -11824,7 +12131,7 @@ function ShowGroupComponent(props) {
   });
 }
 const ShowContent = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     showConfig,
     formatter,
@@ -11853,6 +12160,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;
@@ -11924,7 +12233,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, {
@@ -11937,10 +12246,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, {
@@ -12037,18 +12347,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();
@@ -12058,11 +12434,72 @@ function PVVolumeModeDisplay(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
 }
+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 nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
+  const { tableProps } = useEagleTable({
+    useTableParams: {
+      resource,
+      ...useTableParams
+    },
+    columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
+    tableProps: {
+      defaultSize: 10,
+      ...config.tableProps
+    },
+    formatter,
+    Dropdown: Dropdown2
+  });
+  useEffect(() => {
+    tableProps.onPageChange(1);
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Table,
+    {
+      tableProps,
+      displayName: config.displayName || config.kind,
+      errorContentProps: {
+        type: ErrorContentType.Card
+      }
+    }
+  );
+}
 const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
-  hideToolbar
+  hideToolbar,
+  filter
 }) => {
   var _a;
   const {
@@ -12070,7 +12507,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",
@@ -12095,7 +12532,7 @@ const WorkloadPodsTable = ({
           field: "",
           value: "",
           fn(item) {
-            return matchSelector(item, selector, namespace2);
+            return filter ? filter(item) : matchSelector(item, selector, namespace2);
           }
         }]
       }
@@ -12118,7 +12555,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),
@@ -12329,6 +12766,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",
@@ -12551,15 +12997,26 @@ const StorageClassPvField = () => {
   return {
     key: "pvs",
     path: ["pvs"],
-    renderContent: (pvs) => {
-      return pvs.map((pv) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceLink,
+    renderContent: (_, sc) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResourceTable,
         {
-          resourceName: "persistentvolumes",
-          namespace: pv.metadata.namespace || "",
-          resourceId: pv.id
+          resource: "persistentvolumes",
+          useTableParams: {
+            filters: {
+              permanent: [
+                {
+                  field: "",
+                  value: "",
+                  fn(pv2) {
+                    return sc.filterPV(pv2, sc.metadata.name);
+                  }
+                }
+              ]
+            }
+          }
         }
-      ) }, pv.metadata.name));
+      );
     }
   };
 };
@@ -12577,29 +13034,43 @@ const PVCStorageField = (i18n2) => {
   return {
     key: "storage",
     path: ["spec", "resources", "requests", "storage"],
-    title: i18n2.t("dovetail.capacity"),
-    renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Units.Byte, { rawValue: parseSi(value2), decimals: 1 });
+    title: i18n2.t("dovetail.distributed"),
+    renderContent(value2, pvc2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(PVCDistributeStorage, { pvc: pvc2, editable: true });
     }
   };
 };
+const PVRefField = (i18n2) => {
+  return {
+    key: "pv",
+    path: ["pv"],
+    title: i18n2.t("dovetail.pv")
+  };
+};
 const PVStorageClassField = (i18n2) => {
   return {
     key: "storageClass",
     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: ["status", "phase"],
-    title: i18n2.t("dovetail.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 });
     }
   };
 };
@@ -12617,7 +13088,99 @@ 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"),
+    renderContent(value2, pvc2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResourceLink,
+        {
+          resourceKind: "persistentvolumeclaims",
+          namespace: pvc2.pvcNamespace || "default",
+          name: value2
+        }
+      );
+    }
+  };
+};
+const PVCSIRefField = (i18n2) => {
+  return {
+    key: "csi",
+    path: ["csi"],
+    title: i18n2.t("dovetail.csi")
+  };
+};
+const IsDefaultSCField = (i18n2) => {
+  return {
+    key: "isDefaultSC",
+    path: ["isDefaultSC"],
+    title: i18n2.t("dovetail.default_sc"),
+    renderContent(val) {
+      return val ? i18n2.t("dovetail.true") : i18n2.t("dovetail.false");
+    }
+  };
+};
+const SCReclaimPolicyField = (i18n2) => {
+  return {
+    key: "reclaimPolicy",
+    path: ["reclaimPolicy"],
+    title: i18n2.t("dovetail.reclaim_policy"),
+    renderContent(val) {
+      const map = {
+        Delete: i18n2.t("dovetail.delete"),
+        Retain: i18n2.t("dovetail.retain")
+      };
+      return map[val] || val;
+    }
+  };
+};
+const IsSCAllowVolumeExpansionField = (i18n2) => {
+  return {
+    key: "​​allowVolumeExpansion",
+    path: ["​allowVolumeExpansion"],
+    title: i18n2.t("dovetail.allow_expand"),
+    renderContent(val) {
+      return val ? i18n2.t("dovetail.support") : i18n2.t("dovetail.not_support");
+    }
+  };
+};
+const ResourceTableField = (resource, useTableParams) => {
+  return {
+    key: resource,
+    path: [],
+    renderContent() {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, { resource, useTableParams });
+    }
   };
 };
 function __rest(s2, e2) {
@@ -18655,7 +19218,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(
     () => [
@@ -18750,7 +19313,7 @@ const PodContainersTable = ({
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$12,
+    Table2,
     {
       tableKey: "podContainers",
       loading: false,
@@ -18771,18 +19334,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
   ]
@@ -18826,6 +19388,14 @@ const ServicePodsGroup = () => ({
     }
   ]
 });
+const PVCPodsGroup = () => ({
+  title: "Pod",
+  areas: [
+    {
+      fields: [PVCPodsField()]
+    }
+  ]
+});
 const ConditionsGroup = (i18n2) => ({
   title: i18n2.t("dovetail.condition"),
   areas: [
@@ -18834,6 +19404,14 @@ const ConditionsGroup = (i18n2) => ({
     }
   ]
 });
+const NodeTaintsGroup = (i18n2) => ({
+  title: i18n2.t("dovetail.taint"),
+  areas: [
+    {
+      fields: [NodeTaintsField()]
+    }
+  ]
+});
 const SecretDataGroup = () => ({
   areas: [
     {
@@ -18933,6 +19511,14 @@ const StorageClassPvGroup = (i18n2) => ({
     }
   ]
 });
+const ResourceTableGroup = (resource, title) => ({
+  title,
+  areas: [
+    {
+      fields: [ResourceTableField(resource)]
+    }
+  ]
+});
 const PageShow = (props) => {
   var _a;
   const parsed = useParsed();
@@ -32663,7 +33249,6 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
     })]
   });
 });
-const GlobalStoreContext = createContext({});
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;
@@ -35120,13 +35705,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();
@@ -35137,6 +35716,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: {
@@ -35148,23 +35728,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
         })
       })]
     })]
@@ -37437,6 +38015,7 @@ const useForm = ({
   refineCoreProps,
   warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,
   disableServerSideValidation: disableServerSideValidationProp = false,
+  transformApplyValues,
   ...rest
 } = {}) => {
   const { options } = useRefineContext();
@@ -37538,7 +38117,10 @@ const useForm = ({
   const saveButtonProps = {
     disabled: formLoading,
     onClick: (e2) => {
-      handleSubmit(onFinish, () => false)(e2);
+      handleSubmit(
+        (v) => onFinish(transformApplyValues ? transformApplyValues(v) : v),
+        () => false
+      )(e2);
     }
   };
   return {
@@ -37549,7 +38131,7 @@ const useForm = ({
   };
 };
 const useRefineForm = (props) => {
-  var _a;
+  var _a, _b;
   const { config, id, refineProps } = props;
   const [responseErrorMsg, setResponseErrorMsg] = useState("");
   const i18n2 = useTranslation();
@@ -37580,15 +38162,16 @@ const useRefineForm = (props) => {
       ...refineProps
     },
     defaultValues: config == null ? void 0 : config.initValue,
-    ...(_a = config.formConfig) == null ? void 0 : _a.useFormProps
+    transformApplyValues: (_a = config.formConfig) == null ? void 0 : _a.transformApplyValues,
+    ...(_b = config.formConfig) == null ? void 0 : _b.useFormProps
   });
   useEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
-      (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        var _a3, _b2;
-        setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
+      (_b2 = response.json) == null ? void 0 : _b2.call(response).then((body) => {
+        var _a3, _b3;
+        setResponseErrorMsg(((_b3 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b3.call(_a3, body)) || body.message);
       });
     }
   }, [config.formConfig, result]);
@@ -37602,7 +38185,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1593cfad.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-effbc940.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -38393,12 +38976,13 @@ function FormModal(props) {
   });
   const yamlFormProps = useMemo(() => {
     var _a2, _b2, _c2;
+    const transformApplyValues = ((_a2 = config.formConfig) == null ? void 0 : _a2.transformApplyValues) || ((v) => v);
     return {
       ...props.formProps,
-      transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
-      transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
-      initialValuesForCreate: isYamlMode ? refineFormResult.formResult.getValues() : ((_c2 = props.formProps) == null ? void 0 : _c2.initialValuesForCreate) || (config == null ? void 0 : config.initValue),
-      initialValuesForEdit: isYamlMode ? refineFormResult.formResult.getValues() : void 0,
+      transformInitValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformInitValues,
+      transformApplyValues,
+      initialValuesForCreate: isYamlMode ? transformApplyValues(refineFormResult.formResult.getValues()) : ((_c2 = props.formProps) == null ? void 0 : _c2.initialValuesForCreate) || (config == null ? void 0 : config.initValue),
+      initialValuesForEdit: isYamlMode ? transformApplyValues(refineFormResult.formResult.getValues()) : void 0,
       id,
       action,
       isShowLayout: false,
@@ -38470,10 +39054,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")
@@ -38524,6 +39109,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]
   });
 }
@@ -38836,8 +39427,8 @@ const ReferenceLink = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ResourceLink,
     {
-      resourceId: ownerReference.name,
-      resourceName: resource.name || "",
+      name: ownerReference.name,
+      resourceKind: resource.name || "",
       namespace: namespace2
     }
   );
@@ -38891,9 +39482,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: [
@@ -39466,7 +40057,7 @@ const PVCStorageColumnRenderer = (i18n2) => {
     key: "storage",
     display: true,
     dataIndex: ["spec", "resources", "requests", "storage"],
-    title: i18n2.t("dovetail.capacity"),
+    title: i18n2.t("dovetail.distributed"),
     width: 120,
     sortable: true,
     align: "right",
@@ -39478,19 +40069,29 @@ const PVCStorageColumnRenderer = (i18n2) => {
     }
   };
 };
+const PVRefColumnRenderer = (i18n2) => {
+  return {
+    key: "pv",
+    display: true,
+    dataIndex: ["pv"],
+    title: i18n2.t("dovetail.pv"),
+    width: 160,
+    sortable: true
+  };
+};
 const PVStorageClassColumnRenderer = (i18n2) => {
   return {
     key: "storageClass",
     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
       });
     }
   };
@@ -39499,17 +40100,46 @@ const PVPhaseColumnRenderer = (i18n2) => {
   return {
     key: "phase",
     display: true,
-    dataIndex: ["status", "phase"],
-    title: i18n2.t("dovetail.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
       });
     }
   };
 };
+const PVCRefColumnRenderer = (i18n2) => {
+  return {
+    key: "pvc",
+    display: true,
+    dataIndex: ["pvc"],
+    title: i18n2.t("dovetail.pvc"),
+    width: 160,
+    sortable: true,
+    render(value2, pv2) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+        resourceKind: "persistentvolumeclaims",
+        namespace: pv2.pvcNamespace || "default",
+        name: value2
+      });
+    }
+  };
+};
+const PVCSIRefColumnRenderer = (i18n2) => {
+  return {
+    key: "csi",
+    display: true,
+    dataIndex: ["csi"],
+    title: i18n2.t("dovetail.csi"),
+    width: 160,
+    sortable: true
+  };
+};
 const PVVolumeModeColumnRenderer = (i18n2) => {
   return {
     key: "mode",
@@ -39532,7 +40162,58 @@ 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) => {
+  return {
+    key: "isDefaultSC",
+    display: true,
+    dataIndex: ["isDefaultSC"],
+    title: i18n2.t("dovetail.default_sc"),
+    width: 120,
+    sortable: true,
+    render(val) {
+      return val ? i18n2.t("dovetail.true") : i18n2.t("dovetail.false");
+    }
+  };
+};
+const SCReclaimPolicyColumnRenderer = (i18n2) => {
+  return {
+    key: "reclaimPolicy",
+    display: true,
+    dataIndex: ["reclaimPolicy"],
+    title: i18n2.t("dovetail.reclaim_policy"),
+    width: 120,
+    sortable: true,
+    render(val) {
+      const map = {
+        Delete: i18n2.t("dovetail.delete"),
+        Retain: i18n2.t("dovetail.retain")
+      };
+      return map[val] || val;
+    }
+  };
+};
+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 = "";
@@ -39773,215 +40454,235 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  NamespaceSelectWidget as $,
+  index as $,
   AgeColumnRenderer as A,
   PVCStorageColumnRenderer as B,
   CommonSorter as C,
   DurationColumnRenderer as D,
-  PVStorageClassColumnRenderer as E,
-  PVPhaseColumnRenderer as F,
-  PVVolumeModeColumnRenderer as G,
-  PVAccessModeColumnRenderer as H,
+  PVRefColumnRenderer as E,
+  PVStorageClassColumnRenderer as F,
+  PVPhaseColumnRenderer as G,
+  PVCRefColumnRenderer as H,
   IngressRulesColumnRenderer as I,
-  ColumnKeys as J,
-  addDefaultRenderToColumns as K,
-  useEagleTable as L,
-  useDownloadYAML as M,
+  PVCSIRefColumnRenderer as J,
+  PVVolumeModeColumnRenderer as K,
+  PVAccessModeColumnRenderer as L,
+  IsDefaultSCColumnRenderer as M,
   NameColumnRenderer as N,
-  useEdit as O,
+  SCReclaimPolicyColumnRenderer as O,
   PlainTextNameColumnRenderer as P,
-  useGlobalStore as Q,
+  SCAllowExpandColumnRenderer as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  useOpenForm as T,
-  index as U,
-  Breadcrumb as V,
+  ColumnKeys as T,
+  addDefaultRenderToColumns as U,
+  useEagleTable as V,
   WorkloadImageColumnRenderer as W,
-  NameInputWidget as X,
-  dnsSubDomainRules as Y,
-  rfc1123LabelRules as Z,
-  rfc1035LabelRules as _,
+  useDownloadYAML as X,
+  useEdit as Y,
+  useGlobalStore as Z,
+  useOpenForm as _,
   useApiGroupSchema as a,
-  PVVolumeModeField as a$,
-  namespaceRules as a0,
-  KeyValueListWidget as a1,
-  MetadataForm as a2,
-  PageShow as a3,
-  Time as a4,
-  ConditionsTable as a5,
-  FormErrorAlert as a6,
-  PodContainersTable as a7,
-  WorkloadDropdown as a8,
-  ReplicasDropdown as a9,
-  ConditionsField as aA,
-  PodsField as aB,
-  JobsField as aC,
-  DataField as aD,
-  SecretDataField as aE,
-  StartTimeField as aF,
-  ServiceTypeField as aG,
-  ClusterIpField as aH,
-  SessionAffinityField as aI,
-  ServicePodsField as aJ,
-  IngressRulesTableTabField as aK,
-  EventsTableTabField as aL,
-  NamespaceField as aM,
-  AgeField as aN,
-  LabelsField as aO,
-  AnnotationsField as aP,
-  ServiceInnerClusterAccessField as aQ,
-  ServiceOutClusterAccessField as aR,
-  PodSelectorField as aS,
-  PortsTableField as aT,
-  DurationField as aU,
-  StorageClassProvisionerField as aV,
-  StorageClassPvField as aW,
-  PVCapacityField as aX,
-  PVCStorageField as aY,
-  PVStorageClassField as aZ,
-  PVPhaseField as a_,
-  PodDropdown as aa,
-  CreateButton as ab,
-  ImageNames as ac,
-  ResourceList as ad,
-  ResourceShow as ae,
-  ResourceForm as af,
-  ResourceCRUD as ag,
-  WorkloadPodsTable as ah,
-  CronJobDropdown as ai,
-  K8sDropdown as aj,
-  EditLabelDropdownMenuItem as ak,
-  EditAnnotationDropdownMenuItem as al,
-  ResourceUsageBar as am,
-  WorkloadReplicasForm as an,
-  WorkloadReplicas as ao,
-  CronjobJobsTable as ap,
-  KeyValue as aq,
-  KeyValueAnnotation as ar,
-  KeyValueSecret as as,
-  Separator as at,
-  YamlEditorComponent as au,
-  DeleteButton as av,
-  Layout as aw,
-  AreaType as ax,
-  ImageField as ay,
-  ReplicaField as az,
+  DurationField as a$,
+  Breadcrumb as a0,
+  NameInputWidget as a1,
+  dnsSubDomainRules as a2,
+  rfc1123LabelRules as a3,
+  rfc1035LabelRules as a4,
+  NamespaceSelectWidget as a5,
+  namespaceRules as a6,
+  KeyValueListWidget as a7,
+  MetadataForm as a8,
+  PageShow as a9,
+  YamlEditorComponent as aA,
+  DeleteButton as aB,
+  Layout as aC,
+  AreaType as aD,
+  ImageField as aE,
+  ReplicaField as aF,
+  ConditionsField as aG,
+  NodeTaintsField as aH,
+  PodsField as aI,
+  JobsField as aJ,
+  DataField as aK,
+  SecretDataField as aL,
+  StartTimeField as aM,
+  ServiceTypeField as aN,
+  ClusterIpField as aO,
+  SessionAffinityField as aP,
+  ServicePodsField as aQ,
+  IngressRulesTableTabField as aR,
+  EventsTableTabField as aS,
+  NamespaceField as aT,
+  AgeField as aU,
+  LabelsField as aV,
+  AnnotationsField as aW,
+  ServiceInnerClusterAccessField as aX,
+  ServiceOutClusterAccessField as aY,
+  PodSelectorField as aZ,
+  PortsTableField as a_,
+  Time as aa,
+  ConditionsTable as ab,
+  FormErrorAlert as ac,
+  PodContainersTable as ad,
+  WorkloadDropdown as ae,
+  ReplicasDropdown as af,
+  PodDropdown as ag,
+  CreateButton as ah,
+  ImageNames as ai,
+  ResourceList as aj,
+  ResourceShow as ak,
+  ResourceForm as al,
+  ResourceCRUD as am,
+  WorkloadPodsTable as an,
+  CronJobDropdown as ao,
+  K8sDropdown as ap,
+  EditLabelDropdownMenuItem as aq,
+  EditAnnotationDropdownMenuItem as ar,
+  ResourceUsageBar as as,
+  WorkloadReplicasForm as at,
+  WorkloadReplicas as au,
+  CronjobJobsTable as av,
+  KeyValue as aw,
+  KeyValueAnnotation as ax,
+  KeyValueSecret as ay,
+  Separator as az,
   useSchema as b,
-  SERVICE_HEADLESS_INIT_VALUE as b$,
-  PVAccessModeField as b0,
-  EventsTab as b1,
-  PodLogTab as b2,
-  BasicGroup as b3,
-  PodsGroup as b4,
-  PodContainersGroup as b5,
-  ServicePodsGroup as b6,
-  ConditionsGroup as b7,
-  SecretDataGroup as b8,
-  JobsGroup as b9,
-  YamlForm as bA,
-  useRefineForm as bB,
-  ServiceInClusterAccessComponent as bC,
-  ServiceOutClusterAccessComponent as bD,
-  Tags as bE,
-  TextTags as bF,
-  PodLog as bG,
-  NetworkPolicyRulesViewer as bH,
-  PVPhaseDisplay as bI,
-  PVVolumeModeDisplay as bJ,
-  Tabs as bK,
-  ResourceSelect as bL,
-  SocketStatus as bM,
-  Shell as bN,
-  PodShellModal as bO,
-  PodShell as bP,
-  BASE_INIT_VALUE as bQ,
-  DEPLOYMENT_INIT_VALUE as bR,
-  CRONJOB_INIT_VALUE as bS,
-  DAEMONSET_INIT_VALUE as bT,
-  JOB_INIT_VALUE as bU,
-  STATEFULSET_INIT_VALUE as bV,
-  POD_INIT_VALUE as bW,
-  SERVICE_CLUSTER_IP_INIT_VALUE as bX,
-  SERVICE_NODE_PORT_INIT_VALUE as bY,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as bZ,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as b_,
-  IngressRulesGroup as ba,
-  PodSelectorGroup as bb,
-  PortsGroup as bc,
-  DataGroup as bd,
-  NetworkPolicyIngressRulesGroup as be,
-  NetworkPolicyEgressRulesGroup as bf,
-  StorageClassPvGroup as bg,
-  ShowGroupComponent as bh,
-  ShowContent as bi,
-  DeleteManyButton as bj,
-  ListPage as bk,
-  StateTagStyle as bl,
-  StateTag as bm,
-  DrawerShow as bn,
-  Menu as bo,
-  EditButton as bp,
-  ReferenceLink as bq,
-  ResourceLink as br,
-  NS_STORE_KEY as bs,
-  ALL_NS as bt,
-  useNamespacesFilter as bu,
-  NamespacesFilter as bv,
-  FormModal as bw,
-  RefineFormContent as bx,
-  RefineFormPage as by,
-  SchemaStrategy as bz,
+  Tabs as b$,
+  StorageClassProvisionerField as b0,
+  StorageClassPvField as b1,
+  PVCapacityField as b2,
+  PVCStorageField as b3,
+  PVRefField as b4,
+  PVStorageClassField as b5,
+  PVPhaseField as b6,
+  PVVolumeModeField as b7,
+  PVAccessModeField as b8,
+  PVCPodsField as b9,
+  ShowContent as bA,
+  DeleteManyButton as bB,
+  ListPage as bC,
+  StateTag as bD,
+  DrawerShow as bE,
+  Menu as bF,
+  Table as bG,
+  EditButton as bH,
+  ReferenceLink as bI,
+  ResourceLink as bJ,
+  NS_STORE_KEY as bK,
+  ALL_NS as bL,
+  useNamespacesFilter as bM,
+  NamespacesFilter as bN,
+  FormModal as bO,
+  RefineFormContent as bP,
+  RefineFormPage as bQ,
+  SchemaStrategy as bR,
+  YamlForm as bS,
+  useRefineForm as bT,
+  ServiceInClusterAccessComponent as bU,
+  ServiceOutClusterAccessComponent as bV,
+  Tags as bW,
+  TextTags as bX,
+  PodLog as bY,
+  NetworkPolicyRulesViewer as bZ,
+  PVVolumeModeDisplay as b_,
+  PVCRefField as ba,
+  PVCSIRefField as bb,
+  IsDefaultSCField as bc,
+  SCReclaimPolicyField as bd,
+  IsSCAllowVolumeExpansionField as be,
+  ResourceTableField as bf,
+  EventsTab as bg,
+  PodLogTab as bh,
+  BasicGroup as bi,
+  PodsGroup as bj,
+  PodContainersGroup as bk,
+  ServicePodsGroup as bl,
+  PVCPodsGroup as bm,
+  ConditionsGroup as bn,
+  NodeTaintsGroup as bo,
+  SecretDataGroup as bp,
+  JobsGroup as bq,
+  IngressRulesGroup as br,
+  PodSelectorGroup as bs,
+  PortsGroup as bt,
+  DataGroup as bu,
+  NetworkPolicyIngressRulesGroup as bv,
+  NetworkPolicyEgressRulesGroup as bw,
+  StorageClassPvGroup as bx,
+  ResourceTableGroup as by,
+  ShowGroupComponent as bz,
   useDeleteModal as c,
-  INGRESS_INIT_VALUE as c0,
-  NETWORK_POLICY_INIT_VALUE as c1,
-  CONFIG_MAP_INIT_VALUE as c2,
-  SERVER_INSTANCE_INIT_VALUE as c3,
-  REDEPLOY_TIMESTAMP_KEY as c4,
-  SECRET_OPAQUE_INIT_VALUE as c5,
-  SECRET_IMAGE_REPO_INIT_VALUE as c6,
-  SECRET_BASIC_AUTH_INIT_VALUE as c7,
-  SECRET_SSH_AUTH_INIT_VALUE as c8,
-  SECRET_TLS_INIT_VALUE as c9,
-  NodeRole as cA,
-  NodeModel as cB,
-  StorageClassModel as cC,
-  PersistentVolumeModel as cD,
-  PersistentVolumeClaimModel as cE,
-  ProviderPlugins as cF,
-  ModelPlugin as cG,
-  modelPlugin as cH,
-  RelationPlugin as cI,
-  relationPlugin as cJ,
-  generateValueFromSchema as cK,
-  generateSchemaTypeValue as cL,
-  resolveRef as cM,
-  SECRET_CUSTOM_INIT_VALUE as ca,
-  NODE_INIT_VALUE as cb,
-  STORAGE_CLASS_INIT_VALUE as cc,
-  WorkloadState as cd,
-  AccessControlAuth as ce,
-  Dovetail as cf,
-  RESOURCE_GROUP as cg,
-  FormType as ch,
-  ComponentContext as ci,
-  GlobalStoreContext as cj,
-  ConfigsContext as ck,
-  IngressModel as cl,
-  NetworkPolicyModel as cm,
-  JobModel as cn,
-  WorkloadModel as co,
-  WorkloadBaseModel as cp,
-  PodModel as cq,
-  PodMetricsModel as cr,
-  ResourceModel as cs,
-  CronJobModel as ct,
-  EventModel as cu,
-  DeploymentModel as cv,
-  DaemonSetModel as cw,
-  StatefulSetModel as cx,
-  ServiceTypeEnum as cy,
-  ServiceModel as cz,
+  modelPlugin as c$,
+  ResourceSelect as c0,
+  SocketStatus as c1,
+  Shell as c2,
+  PodShellModal as c3,
+  PodShell as c4,
+  ResourceTable as c5,
+  BASE_INIT_VALUE as c6,
+  DEPLOYMENT_INIT_VALUE as c7,
+  CRONJOB_INIT_VALUE as c8,
+  DAEMONSET_INIT_VALUE as c9,
+  RESOURCE_GROUP as cA,
+  FormType as cB,
+  ComponentContext as cC,
+  GlobalStoreContext as cD,
+  ConfigsContext as cE,
+  IngressModel as cF,
+  NetworkPolicyModel as cG,
+  JobModel as cH,
+  WorkloadModel as cI,
+  WorkloadBaseModel as cJ,
+  PodModel as cK,
+  PodMetricsModel as cL,
+  ResourceModel as cM,
+  CronJobModel as cN,
+  EventModel as cO,
+  DeploymentModel as cP,
+  DaemonSetModel as cQ,
+  StatefulSetModel as cR,
+  ServiceTypeEnum as cS,
+  ServiceModel as cT,
+  NodeRole as cU,
+  NodeModel as cV,
+  StorageClassModel as cW,
+  PersistentVolumeModel as cX,
+  PersistentVolumeClaimModel as cY,
+  ProviderPlugins as cZ,
+  ModelPlugin as c_,
+  JOB_INIT_VALUE as ca,
+  STATEFULSET_INIT_VALUE as cb,
+  POD_INIT_VALUE as cc,
+  SERVICE_CLUSTER_IP_INIT_VALUE as cd,
+  SERVICE_NODE_PORT_INIT_VALUE as ce,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as cf,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as cg,
+  SERVICE_HEADLESS_INIT_VALUE as ch,
+  INGRESS_INIT_VALUE as ci,
+  NETWORK_POLICY_INIT_VALUE as cj,
+  CONFIG_MAP_INIT_VALUE as ck,
+  SERVER_INSTANCE_INIT_VALUE as cl,
+  REDEPLOY_TIMESTAMP_KEY as cm,
+  SECRET_OPAQUE_INIT_VALUE as cn,
+  SECRET_IMAGE_REPO_INIT_VALUE as co,
+  SECRET_BASIC_AUTH_INIT_VALUE as cp,
+  SECRET_SSH_AUTH_INIT_VALUE as cq,
+  SECRET_TLS_INIT_VALUE as cr,
+  SECRET_CUSTOM_INIT_VALUE as cs,
+  NODE_INIT_VALUE as ct,
+  STORAGE_CLASS_INIT_VALUE as cu,
+  PV_INIT_VALUE as cv,
+  PVC_INIT_VALUE as cw,
+  ResourceState as cx,
+  AccessControlAuth as cy,
+  Dovetail as cz,
   dovetailRefineI18n as d,
+  RelationPlugin as d0,
+  relationPlugin as d1,
+  generateValueFromSchema as d2,
+  generateSchemaTypeValue as d3,
+  resolveRef as d4,
   NameSpaceColumnRenderer as e,
   WorkloadRestartsColumnRenderer as f,
   NodeNameColumnRenderer as g,