@dovetail-v2/refine 0.1.8 → 0.1.10

package/dist/refine.umd.cjs

@@ -1020,8 +1020,8 @@ var __publicField = (obj, key, value) => {
   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";
@@ -1055,18 +1055,18 @@ var __publicField = (obj, key, value) => {
   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";
@@ -1157,22 +1157,21 @@ var __publicField = (obj, key, value) => {
   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";
@@ -1226,18 +1225,18 @@ var __publicField = (obj, key, value) => {
     resume: resume$1,
     sessionAffinity: sessionAffinity$1,
     log: log$1,
-    ready: ready$1,
-    updating: updating$1,
-    completed: completed$1,
-    failed: failed$1,
-    suspended: suspended$1,
-    running: running$1,
-    terminating: terminating$1,
-    terminated: terminated$1,
-    succeeded: succeeded$1,
-    unknown: unknown$1,
-    pending: pending$1,
-    waiting: waiting$1,
+    ready,
+    updating,
+    completed,
+    failed,
+    suspended,
+    running,
+    terminating,
+    terminated,
+    succeeded,
+    unknown,
+    pending,
+    waiting,
     expand: expand$1,
     fold: fold$1,
     rule: rule$1,
@@ -1330,22 +1329,21 @@ var __publicField = (obj, key, value) => {
     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
@@ -1409,20 +1407,20 @@ var __publicField = (obj, key, value) => {
   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 = "小时";
@@ -1457,6 +1455,7 @@ var __publicField = (obj, key, value) => {
   const protocol = "协议";
   const key = "键";
   const value = "值";
+  const effect = "效果";
   const show_data_value = "显示数值";
   const hide_data_value = "隐藏数值";
   const path_type = "路径类型";
@@ -1503,23 +1502,24 @@ var __publicField = (obj, key, value) => {
   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 = "清空命令行";
@@ -1535,6 +1535,26 @@ var __publicField = (obj, key, value) => {
   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,
@@ -1593,18 +1613,18 @@ var __publicField = (obj, key, value) => {
     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,
@@ -1641,6 +1661,7 @@ var __publicField = (obj, key, value) => {
     protocol,
     key,
     value,
+    effect,
     show_data_value,
     hide_data_value,
     path_type,
@@ -1689,23 +1710,24 @@ var __publicField = (obj, key, value) => {
     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,
@@ -1720,7 +1742,27 @@ var __publicField = (obj, key, value) => {
     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
@@ -8823,15 +8865,15 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  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();
@@ -8948,7 +8990,7 @@ var __publicField = (obj, key, value) => {
   const PodSelectorTable = ({ podSelectors = {} }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const datas = Object.keys(podSelectors).map((key2) => ({
       id: key2,
@@ -8993,7 +9035,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podSelector",
         loading: false,
@@ -9013,7 +9055,7 @@ var __publicField = (obj, key, value) => {
   const PortsTable = ({ service }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [
       {
@@ -9081,7 +9123,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ports",
         loading: false,
@@ -9098,6 +9140,409 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
+  function FormErrorAlert(props) {
+    const { title, errorMsgs, style, className, isEdit } = props;
+    const { i18n: i18n2 } = useTranslation();
+    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.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)) }) : lodashEs.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] = React.useState(false);
+    const [errorMsgs, setErrorMsgs] = React.useState([]);
+    const reset = React.useCallback(() => {
+      setSubmitting(false);
+      setErrorMsgs([]);
+    }, []);
+    const onSubmit = React.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 = eagle.usePopModal();
+    const {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    } = useSubmitForm({
+      formRef: form2,
+      onSubmitSuccess: () => {
+        popModal();
+      }
+    });
+    const close = React.useCallback(() => {
+      popModal();
+      reset();
+    }, [reset]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.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
+    } = core.useResource();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        className: cx_default(EditButtonStyle, eagle.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.forwardRef(function DistributeStorageForm2(props, ref) {
+    const { defaultValue, pvc: pvc2 } = props;
+    const { resource } = core.useResource();
+    const { mutateAsync } = core.useUpdate();
+    const { t: t2 } = useTranslation();
+    const [distributeStorage, setDistributeStorage] = React.useState(defaultValue);
+    const [validateResult, setValidateResult] = React.useState({
+      distributeStorage: ""
+    });
+    const validators = React.useMemo(() => {
+      return {
+        distributeStorage(value2) {
+          if (lodashEs.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 = React.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]);
+    React.useImperativeHandle(ref, () => ({
+      submit
+    }), [submit]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.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(
+          eagle.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 = React.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(eagle.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");
@@ -9734,34 +10179,72 @@ var __publicField = (obj, key, 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;
@@ -9847,18 +10330,18 @@ var __publicField = (obj, key, value) => {
     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 {
@@ -9910,75 +10393,6 @@ var __publicField = (obj, key, value) => {
       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;
@@ -10056,9 +10470,9 @@ var __publicField = (obj, key, value) => {
     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 {
@@ -10098,9 +10512,9 @@ var __publicField = (obj, key, value) => {
     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);
@@ -10132,11 +10546,11 @@ var __publicField = (obj, key, value) => {
     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 {
@@ -10147,9 +10561,9 @@ var __publicField = (obj, key, value) => {
     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;
@@ -10166,11 +10580,11 @@ var __publicField = (obj, key, value) => {
     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) => {
@@ -10219,7 +10633,7 @@ var __publicField = (obj, key, value) => {
     NodeRole2["Worker"] = "Worker";
     return NodeRole2;
   })(NodeRole || {});
-  class NodeModel extends WorkloadBaseModel {
+  class NodeModel extends ResourceModel {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
       this._rawYaml = _rawYaml;
@@ -10254,24 +10668,85 @@ var __publicField = (obj, key, value) => {
         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 = lodashEs.cloneDeep(this._globalStore.restoreItem(this));
+      return lodashEs.set(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
+    }
   }
   const index_1iq0dq9 = "";
   const ServiceInClusterAccessComponent = ({
@@ -10379,38 +10854,8 @@ var __publicField = (obj, key, value) => {
       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(eagle.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 {
@@ -10528,7 +10973,7 @@ var __publicField = (obj, key, value) => {
   const ConditionsTable = ({ conditions = [] }) => {
     const { t: t2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const conditionsWithId = addId(conditions, "type");
     const columns = [
       {
@@ -10604,7 +11049,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "condition",
         loading: false,
@@ -10721,184 +11166,6 @@ var __publicField = (obj, key, value) => {
       }
     };
   }
-  function FormErrorAlert(props) {
-    const { title, errorMsgs, style, className, isEdit } = props;
-    const { i18n: i18n2 } = useTranslation();
-    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.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)) }) : lodashEs.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] = React.useState(false);
-    const [errorMsgs, setErrorMsgs] = React.useState([]);
-    const reset = React.useCallback(() => {
-      setSubmitting(false);
-      setErrorMsgs([]);
-    }, []);
-    const onSubmit = React.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 = eagle.usePopModal();
-    const {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    } = useSubmitForm({
-      formRef: form2,
-      onSubmitSuccess: () => {
-        popModal();
-      }
-    });
-    const close = React.useCallback(() => {
-      popModal();
-      reset();
-    }, [reset]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.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
-    } = core.useResource();
-    const pushModal = eagle.usePushModal();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
-        className: EditButtonStyle,
-        type: "link",
-        onClick: () => {
-          pushModal({
-            component: EditFieldModal,
-            props: modalProps
-          });
-        },
-        children: i18n2.t("dovetail.edit")
-      })
-    });
-  }
   const EditLabelForm = React.forwardRef(
     function EditLabelForm2(props, ref) {
       var _a;
@@ -10959,12 +11226,12 @@ var __publicField = (obj, key, value) => {
           columns: [
             {
               key: "key",
-              title: "Key",
+              title: t2("dovetail.key"),
               type: "input"
             },
             {
               key: "value",
-              title: "Value",
+              title: t2("dovetail.value"),
               type: "input"
             }
           ],
@@ -11031,7 +11298,7 @@ var __publicField = (obj, key, value) => {
         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,
@@ -11072,12 +11339,12 @@ var __publicField = (obj, key, value) => {
           columns: [
             {
               key: "key",
-              title: "Key",
+              title: t2("dovetail.key"),
               type: "input"
             },
             {
               key: "value",
-              title: "Value",
+              title: t2("dovetail.value"),
               type: "input"
             }
           ],
@@ -11230,21 +11497,23 @@ var __publicField = (obj, key, value) => {
     }));
   }
   const useEagleTable = (params) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
     const { resource } = core.useResource();
     const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
     const useTableParams = React.useMemo(() => {
+      var _a2;
       const mergedParams = lodashEs.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 = React.useMemo(
       () => addDefaultRenderToColumns(columns),
       [columns]
@@ -11274,7 +11543,7 @@ var __publicField = (obj, key, value) => {
     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,
@@ -11299,18 +11568,19 @@ var __publicField = (obj, key, value) => {
     }, []);
     return { tableProps: finalProps, selectedKeys, ...table };
   };
-  function CreateButton() {
+  function CreateButton(props) {
     var _a;
     const { t: t2 } = useTranslation();
     const openForm = useOpenForm();
     const { resource } = core.useResource();
+    const label2 = props.label || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Button,
       {
         prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.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 })
       }
     );
   }
@@ -11357,12 +11627,13 @@ var __publicField = (obj, key, value) => {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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
@@ -11377,14 +11648,16 @@ var __publicField = (obj, key, value) => {
         className: ToolbarStyle$3,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: cx_default(eagle.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(eagle.Space, {
           children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
             ids: selectedKeys
           }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(core.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", {
@@ -11415,7 +11688,7 @@ var __publicField = (obj, key, value) => {
     } = useTranslation();
     const [selectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const columns = React.useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
       ...WorkloadImageColumnRenderer(i18n2),
       width: 238
@@ -11456,7 +11729,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
         ...tableProps,
         tableKey: "cronjobs",
         showMenuColumn: false
@@ -11530,7 +11803,7 @@ var __publicField = (obj, key, value) => {
     }), [columns, uid]);
     const { tableProps } = useEagleTable(params);
     const component = React.useContext(ComponentContext);
-    const Table$1 = 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,
@@ -11540,7 +11813,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         ...tableProps,
         tableKey: "events",
@@ -11583,9 +11856,9 @@ var __publicField = (obj, key, value) => {
   const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
-      resourceName,
+      resourceKind: resourceName,
       namespace: namespace2,
-      resourceId
+      name: resourceId
     } = props;
     const navigation = core.useNavigation();
     const go = core.useGo();
@@ -11612,7 +11885,7 @@ var __publicField = (obj, key, value) => {
       return addId(ingress.flattenedRules || [], "fullPath");
     }, [ingress.flattenedRules]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [
       {
@@ -11645,9 +11918,9 @@ var __publicField = (obj, key, value) => {
           return record.serviceName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              resourceName: "services",
+              resourceKind: "services",
               namespace: ingress.metadata.namespace || "default",
-              resourceId: serviceName
+              name: serviceName
             }
           ) : record.resourceName;
         }
@@ -11672,9 +11945,9 @@ var __publicField = (obj, key, value) => {
           return secretName ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResourceLink,
             {
-              resourceName: "secrets",
+              resourceKind: "secrets",
               namespace: ingress.metadata.namespace || "default",
-              resourceId: secretName
+              name: secretName
             }
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
         },
@@ -11701,7 +11974,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ingressRules",
         loading: false,
@@ -11718,7 +11991,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_18l1y97 = "";
+  const KeyValue_1cqk7i8 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11798,6 +12071,40 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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(
+      eagle.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";
@@ -11830,7 +12137,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ShowContent = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const {
       showConfig,
       formatter,
@@ -11859,6 +12166,8 @@ var __publicField = (obj, key, value) => {
       id
     });
     const Component = React.useContext(ComponentContext);
+    const configs = React.useContext(ConfigsContext);
+    const config = configs[(resource == null ? void 0 : resource.name) || ""];
     const Tabs$1 = Component.Tabs || Tabs;
     if (!(data2 == null ? void 0 : data2.data)) {
       return null;
@@ -11930,7 +12239,7 @@ var __publicField = (obj, key, value) => {
           },
           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(eagle.Space, {
@@ -11943,10 +12252,11 @@ var __publicField = (obj, key, value) => {
             className: cx_default(eagle.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(eagle.Space, {
-          children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+          children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
             resource: resource == null ? void 0 : resource.name,
             action: AccessControlAuth.Edit,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
@@ -12043,18 +12353,84 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  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 = React.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();
@@ -12064,11 +12440,72 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
   }
+  const GlobalStoreContext = React.createContext({});
+  function Table(props) {
+    var _a;
+    const { tableProps, displayName, errorContentProps } = props;
+    const { Table: TableComponent } = React.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 = React.useContext(ConfigsContext);
+    const config = configs[resource];
+    const { formatter, columns, Dropdown, 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
+    });
+    React.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 {
@@ -12076,7 +12513,7 @@ var __publicField = (obj, key, value) => {
     } = useTranslation();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
       key: "ip",
@@ -12101,7 +12538,7 @@ var __publicField = (obj, key, value) => {
             field: "",
             value: "",
             fn(item) {
-              return matchSelector(item, selector, namespace2);
+              return filter ? filter(item) : matchSelector(item, selector, namespace2);
             }
           }]
         }
@@ -12124,7 +12561,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
         ...tableProps,
         tableKey: "pods",
         onSelect: (keys) => setSelectedKeys(keys),
@@ -12335,6 +12772,15 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
+  const NodeTaintsField = () => {
+    return {
+      key: "NodeTaints",
+      path: ["spec", "taints"],
+      renderContent: (value2) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTaintsTable, { taints: value2 });
+      }
+    };
+  };
   const PodsField = () => {
     return {
       key: "pods",
@@ -12557,15 +13003,26 @@ var __publicField = (obj, key, value) => {
     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));
+        );
       }
     };
   };
@@ -12583,29 +13040,43 @@ var __publicField = (obj, key, value) => {
     return {
       key: "storage",
       path: ["spec", "resources", "requests", "storage"],
-      title: i18n2.t("dovetail.capacity"),
-      renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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 });
       }
     };
   };
@@ -12623,7 +13094,99 @@ var __publicField = (obj, key, value) => {
     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) {
@@ -18661,7 +19224,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const { i18n: i18n2 } = useTranslation();
     const component = React.useContext(ComponentContext);
-    const Table$1 = component.Table || Table;
+    const Table2 = component.Table || Table$1;
     const currentSize = 10;
     const columns = React.useMemo(
       () => [
@@ -18756,7 +19319,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podContainers",
         loading: false,
@@ -18777,18 +19340,17 @@ var __publicField = (obj, key, value) => {
     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
     ]
@@ -18832,6 +19394,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const PVCPodsGroup = () => ({
+    title: "Pod",
+    areas: [
+      {
+        fields: [PVCPodsField()]
+      }
+    ]
+  });
   const ConditionsGroup = (i18n2) => ({
     title: i18n2.t("dovetail.condition"),
     areas: [
@@ -18840,6 +19410,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const NodeTaintsGroup = (i18n2) => ({
+    title: i18n2.t("dovetail.taint"),
+    areas: [
+      {
+        fields: [NodeTaintsField()]
+      }
+    ]
+  });
   const SecretDataGroup = () => ({
     areas: [
       {
@@ -18939,6 +19517,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const ResourceTableGroup = (resource, title) => ({
+    title,
+    areas: [
+      {
+        fields: [ResourceTableField(resource)]
+      }
+    ]
+  });
   const PageShow = (props) => {
     var _a;
     const parsed = core.useParsed();
@@ -32669,7 +33255,6 @@ WARNING: This link could potentially be dangerous`)) {
       })]
     });
   });
-  const GlobalStoreContext = React.createContext({});
   var buffer = {};
   var base64Js = {};
   base64Js.byteLength = byteLength;
@@ -35126,13 +35711,7 @@ WARNING: This link could potentially be dangerous`)) {
       tableProps,
       contentClassName
     } = props;
-    const {
-      Table: TableComponent
-    } = React.useContext(ComponentContext);
-    const {
-      t: t2
-    } = useTranslation();
-    const Table$1 = TableComponent || Table;
+    useTranslation();
     const {
       resource
     } = core.useResource();
@@ -35143,6 +35722,7 @@ WARNING: This link could potentially be dangerous`)) {
       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(eagle.Divider, {
           style: {
@@ -35154,23 +35734,21 @@ WARNING: This link could potentially be dangerous`)) {
         })]
       }) : 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$1, {
-            ...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
           })
         })]
       })]
@@ -37443,6 +38021,7 @@ WARNING: This link could potentially be dangerous`)) {
     refineCoreProps,
     warnWhenUnsavedChanges: warnWhenUnsavedChangesProp,
     disableServerSideValidation: disableServerSideValidationProp = false,
+    transformApplyValues,
     ...rest
   } = {}) => {
     const { options } = core.useRefineContext();
@@ -37544,7 +38123,10 @@ WARNING: This link could potentially be dangerous`)) {
     const saveButtonProps = {
       disabled: formLoading,
       onClick: (e2) => {
-        handleSubmit(onFinish, () => false)(e2);
+        handleSubmit(
+          (v) => onFinish(transformApplyValues ? transformApplyValues(v) : v),
+          () => false
+        )(e2);
       }
     };
     return {
@@ -37555,7 +38137,7 @@ WARNING: This link could potentially be dangerous`)) {
     };
   };
   const useRefineForm = (props) => {
-    var _a;
+    var _a, _b;
     const { config, id, refineProps } = props;
     const [responseErrorMsg, setResponseErrorMsg] = React.useState("");
     const i18n2 = useTranslation();
@@ -37586,15 +38168,16 @@ WARNING: This link could potentially be dangerous`)) {
         ...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
     });
     React.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]);
@@ -38399,12 +38982,13 @@ WARNING: This link could potentially be dangerous`)) {
     });
     const yamlFormProps = React.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,
@@ -38476,10 +39060,11 @@ WARNING: This link could potentially be dangerous`)) {
       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 = React.useMemo(() => {
       var _a2, _b2, _c2, _d2;
       if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formDesc) === "string")
@@ -38530,6 +39115,12 @@ WARNING: This link could potentially be dangerous`)) {
       children: [desc ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: FormDescStyle,
         children: desc
+      }) : void 0, !isYamlForm && mode === "form" ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Alert, {
+        type: "warning",
+        message: i18n2.t("dovetail.change_form_mode_alert"),
+        style: {
+          marginBottom: "16px"
+        }
       }) : void 0, formEle]
     });
   }
@@ -38842,8 +39433,8 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ResourceLink,
       {
-        resourceId: ownerReference.name,
-        resourceName: resource.name || "",
+        name: ownerReference.name,
+        resourceKind: resource.name || "",
         namespace: namespace2
       }
     );
@@ -38897,9 +39488,9 @@ WARNING: This link could potentially be dangerous`)) {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ResourceLink,
                 {
-                  resourceName: "services",
+                  resourceKind: "services",
                   namespace: ingress.metadata.namespace || "default",
-                  resourceId: r2.serviceName
+                  name: r2.serviceName
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -39472,7 +40063,7 @@ WARNING: This link could potentially be dangerous`)) {
       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",
@@ -39484,19 +40075,29 @@ WARNING: This link could potentially be dangerous`)) {
       }
     };
   };
+  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
         });
       }
     };
@@ -39505,17 +40106,46 @@ WARNING: This link could potentially be dangerous`)) {
     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",
@@ -39538,7 +40168,58 @@ WARNING: This link could potentially be dangerous`)) {
       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 = "";
@@ -39875,6 +40556,9 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.IngressRulesGroup = IngressRulesGroup;
   exports2.IngressRulesTableTabField = IngressRulesTableTabField;
   exports2.IngressTlsColumnRenderer = IngressTlsColumnRenderer;
+  exports2.IsDefaultSCColumnRenderer = IsDefaultSCColumnRenderer;
+  exports2.IsDefaultSCField = IsDefaultSCField;
+  exports2.IsSCAllowVolumeExpansionField = IsSCAllowVolumeExpansionField;
   exports2.JOB_INIT_VALUE = JOB_INIT_VALUE;
   exports2.JobModel = JobModel;
   exports2.JobsField = JobsField;
@@ -39906,21 +40590,32 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.NodeModel = NodeModel;
   exports2.NodeNameColumnRenderer = NodeNameColumnRenderer;
   exports2.NodeRole = NodeRole;
+  exports2.NodeTaintsField = NodeTaintsField;
+  exports2.NodeTaintsGroup = NodeTaintsGroup;
   exports2.POD_INIT_VALUE = POD_INIT_VALUE;
   exports2.PVAccessModeColumnRenderer = PVAccessModeColumnRenderer;
   exports2.PVAccessModeField = PVAccessModeField;
+  exports2.PVCPodsField = PVCPodsField;
+  exports2.PVCPodsGroup = PVCPodsGroup;
+  exports2.PVCRefColumnRenderer = PVCRefColumnRenderer;
+  exports2.PVCRefField = PVCRefField;
+  exports2.PVCSIRefColumnRenderer = PVCSIRefColumnRenderer;
+  exports2.PVCSIRefField = PVCSIRefField;
   exports2.PVCStorageColumnRenderer = PVCStorageColumnRenderer;
   exports2.PVCStorageField = PVCStorageField;
+  exports2.PVC_INIT_VALUE = PVC_INIT_VALUE;
   exports2.PVCapacityColumnRenderer = PVCapacityColumnRenderer;
   exports2.PVCapacityField = PVCapacityField;
   exports2.PVPhaseColumnRenderer = PVPhaseColumnRenderer;
-  exports2.PVPhaseDisplay = PVPhaseDisplay;
   exports2.PVPhaseField = PVPhaseField;
+  exports2.PVRefColumnRenderer = PVRefColumnRenderer;
+  exports2.PVRefField = PVRefField;
   exports2.PVStorageClassColumnRenderer = PVStorageClassColumnRenderer;
   exports2.PVStorageClassField = PVStorageClassField;
   exports2.PVVolumeModeColumnRenderer = PVVolumeModeColumnRenderer;
   exports2.PVVolumeModeDisplay = PVVolumeModeDisplay;
   exports2.PVVolumeModeField = PVVolumeModeField;
+  exports2.PV_INIT_VALUE = PV_INIT_VALUE;
   exports2.PageShow = PageShow;
   exports2.PersistentVolumeClaimModel = PersistentVolumeClaimModel;
   exports2.PersistentVolumeModel = PersistentVolumeModel;
@@ -39961,8 +40656,15 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.ResourceModel = ResourceModel;
   exports2.ResourceSelect = ResourceSelect;
   exports2.ResourceShow = ResourceShow;
+  exports2.ResourceState = ResourceState;
+  exports2.ResourceTable = ResourceTable;
+  exports2.ResourceTableField = ResourceTableField;
+  exports2.ResourceTableGroup = ResourceTableGroup;
   exports2.ResourceUsageBar = ResourceUsageBar;
   exports2.RestartCountColumnRenderer = RestartCountColumnRenderer;
+  exports2.SCAllowExpandColumnRenderer = SCAllowExpandColumnRenderer;
+  exports2.SCReclaimPolicyColumnRenderer = SCReclaimPolicyColumnRenderer;
+  exports2.SCReclaimPolicyField = SCReclaimPolicyField;
   exports2.SECRET_BASIC_AUTH_INIT_VALUE = SECRET_BASIC_AUTH_INIT_VALUE;
   exports2.SECRET_CUSTOM_INIT_VALUE = SECRET_CUSTOM_INIT_VALUE;
   exports2.SECRET_IMAGE_REPO_INIT_VALUE = SECRET_IMAGE_REPO_INIT_VALUE;
@@ -40003,12 +40705,12 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.StartTimeField = StartTimeField;
   exports2.StateDisplayColumnRenderer = StateDisplayColumnRenderer;
   exports2.StateTag = StateTag;
-  exports2.StateTagStyle = StateTagStyle;
   exports2.StatefulSetModel = StatefulSetModel;
   exports2.StorageClassModel = StorageClassModel;
   exports2.StorageClassProvisionerField = StorageClassProvisionerField;
   exports2.StorageClassPvField = StorageClassPvField;
   exports2.StorageClassPvGroup = StorageClassPvGroup;
+  exports2.Table = Table;
   exports2.Tabs = Tabs;
   exports2.Tags = Tags;
   exports2.TextTags = TextTags;
@@ -40022,7 +40724,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.WorkloadReplicas = WorkloadReplicas;
   exports2.WorkloadReplicasForm = WorkloadReplicasForm;
   exports2.WorkloadRestartsColumnRenderer = WorkloadRestartsColumnRenderer;
-  exports2.WorkloadState = WorkloadState;
   exports2.YamlEditorComponent = YamlEditorComponent;
   exports2.YamlForm = YamlForm;
   exports2.addDefaultRenderToColumns = addDefaultRenderToColumns;