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

package/dist/refine.umd.cjs

@@ -1027,8 +1027,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";
@@ -1062,18 +1062,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";
@@ -1164,7 +1164,7 @@ 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";
@@ -1174,11 +1174,11 @@ var __publicField = (obj, key, value) => {
   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";
@@ -1232,18 +1232,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,
@@ -1336,7 +1336,7 @@ 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,
@@ -1346,11 +1346,11 @@ var __publicField = (obj, key, value) => {
     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
@@ -1414,20 +1414,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 = "小时";
@@ -1462,6 +1462,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 = "路径类型";
@@ -1510,7 +1511,7 @@ var __publicField = (obj, key, value) => {
   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 = "持久卷";
@@ -1521,11 +1522,11 @@ var __publicField = (obj, key, value) => {
   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 = "清空命令行";
@@ -1551,6 +1552,16 @@ var __publicField = (obj, key, value) => {
   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,
@@ -1609,18 +1620,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,
@@ -1657,6 +1668,7 @@ var __publicField = (obj, key, value) => {
     protocol,
     key,
     value,
+    effect,
     show_data_value,
     hide_data_value,
     path_type,
@@ -1707,7 +1719,7 @@ var __publicField = (obj, key, value) => {
     only_support_one_yaml,
     support,
     not_support,
-    stopped,
+    stopped_state,
     any_node_ip,
     storage_class,
     persistent_volume,
@@ -1718,11 +1730,11 @@ var __publicField = (obj, key, value) => {
     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,
@@ -1747,7 +1759,17 @@ var __publicField = (obj, key, value) => {
     allow_expand,
     edit_distribute_storage,
     edit_distribute_storage_success_toast,
-    edit_distribute_storage_failed_toast
+    edit_distribute_storage_failed_toast,
+    edit_node_taint,
+    edit_node_taint_success_toast,
+    node_taint_NoSchedule,
+    node_taint_PreferNoSchedule,
+    node_taint_NoExecute,
+    taint,
+    change_form_mode_alert,
+    pvc_storage_required,
+    pvc_storage_min,
+    pvc_storage_reduce_limit
   };
   const ZH = {
     dovetail
@@ -8850,15 +8872,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();
@@ -8975,7 +8997,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,
@@ -9020,7 +9042,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podSelector",
         loading: false,
@@ -9040,7 +9062,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 = [
       {
@@ -9108,7 +9130,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ports",
         loading: false,
@@ -9125,6 +9147,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");
@@ -9806,28 +10231,27 @@ var __publicField = (obj, key, value) => {
       "storageClassName": "example"
     }
   };
-  var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
-    WorkloadState2["Terminated"] = "terminated";
-    WorkloadState2["UPDATING"] = "updating";
-    WorkloadState2["READY"] = "ready";
-    WorkloadState2["COMPLETED"] = "completed";
-    WorkloadState2["FAILED"] = "failed";
-    WorkloadState2["SUSPENDED"] = "suspended";
-    WorkloadState2["RUNNING"] = "running";
-    WorkloadState2["SUCCEEDED"] = "succeeded";
-    WorkloadState2["UNKNOWN"] = "unknown";
-    WorkloadState2["TERMINATING"] = "terminating";
-    WorkloadState2["PENDING"] = "pending";
-    WorkloadState2["WAITING"] = "waiting";
-    WorkloadState2["STOPPED"] = "stopped";
-    return WorkloadState2;
-  })(WorkloadState || {});
-  var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
-    AccessControlAuth2["Edit"] = "Edit";
-    AccessControlAuth2["Delete"] = "Delete";
-    AccessControlAuth2["Create"] = "Create";
-    return AccessControlAuth2;
-  })(AccessControlAuth || {});
+  var ResourceState = /* @__PURE__ */ ((ResourceState2) => {
+    ResourceState2["TERMINATED"] = "terminated";
+    ResourceState2["UPDATING"] = "updating";
+    ResourceState2["READY"] = "ready";
+    ResourceState2["COMPLETED"] = "completed";
+    ResourceState2["ABNORMAL"] = "abnormal";
+    ResourceState2["FAILED"] = "failed";
+    ResourceState2["SUSPENDED"] = "suspended";
+    ResourceState2["RUNNING"] = "running";
+    ResourceState2["SUCCEEDED"] = "succeeded";
+    ResourceState2["UNKNOWN"] = "unknown";
+    ResourceState2["TERMINATING"] = "terminating";
+    ResourceState2["PENDING"] = "pending";
+    ResourceState2["WAITING"] = "waiting";
+    ResourceState2["STOPPED"] = "stopped";
+    ResourceState2["AVAILABLE"] = "available";
+    ResourceState2["BOUND"] = "bound";
+    ResourceState2["RELEASED"] = "released";
+    ResourceState2["LOST"] = "lost";
+    return ResourceState2;
+  })(ResourceState || {});
   function matchSelector(pod2, selector, namespace2 = "default") {
     var _a, _b, _c;
     let match = true;
@@ -9913,18 +10337,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 {
@@ -9976,75 +10400,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;
@@ -10122,9 +10477,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 {
@@ -10164,9 +10519,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);
@@ -10187,7 +10542,12 @@ var __publicField = (obj, key, value) => {
     constructor(_rawYaml, _globalStore) {
       super(_rawYaml, _globalStore);
       this._rawYaml = _rawYaml;
-      this.id = _rawYaml.metadata.uid || _rawYaml.id;
+      Object.defineProperty(this, "id", {
+        get() {
+          return _rawYaml.metadata.uid || _rawYaml.id;
+        },
+        enumerable: true
+      });
     }
   }
   class DeploymentModel extends WorkloadModel {
@@ -10198,11 +10558,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 {
@@ -10213,9 +10573,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;
@@ -10232,11 +10592,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) => {
@@ -10285,7 +10645,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;
@@ -10343,6 +10703,22 @@ var __publicField = (obj, key, value) => {
     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;
@@ -10351,6 +10727,10 @@ var __publicField = (obj, key, value) => {
       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) {
@@ -10363,6 +10743,18 @@ var __publicField = (obj, key, value) => {
     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`);
@@ -10474,38 +10866,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 {
@@ -10623,7 +10985,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 = [
       {
@@ -10699,7 +11061,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "condition",
         loading: false,
@@ -10816,184 +11178,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;
@@ -11054,12 +11238,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"
             }
           ],
@@ -11126,7 +11310,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,
@@ -11167,12 +11351,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"
             }
           ],
@@ -11221,6 +11405,7 @@ var __publicField = (obj, key, value) => {
     );
   }
   function K8sDropdown(props) {
+    var _a;
     const { record, size = "normal" } = props;
     const { globalStore } = useGlobalStore();
     const useResourceResult = core.useResource();
@@ -11240,6 +11425,8 @@ var __publicField = (obj, key, value) => {
       resource: resource == null ? void 0 : resource.name,
       action: AccessControlAuth.Delete
     });
+    const configs = React.useContext(ConfigsContext);
+    const config = configs[(resource == null ? void 0 : resource.name) || ""];
     const formRef = React.useRef(null);
     const editLabelMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelDropdownMenuItem, { formRef, resourceModel: record }) : null;
     const editAnnotationMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationDropdownMenuItem, { formRef, resourceModel: record }) : null;
@@ -11248,15 +11435,15 @@ var __publicField = (obj, key, value) => {
         eagle.Dropdown,
         {
           overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
+            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: ((_a = config.formConfig) == null ? void 0 : _a.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml") }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               eagle.Menu.Item,
               {
                 onClick: () => {
-                  var _a;
+                  var _a2;
                   if (record.id) {
                     download2({
-                      name: ((_a = record.metadata) == null ? void 0 : _a.name) || record.kind || "",
+                      name: ((_a2 = record.metadata) == null ? void 0 : _a2.name) || record.kind || "",
                       item: lodashEs.omit((globalStore == null ? void 0 : globalStore.restoreItem(record)) || record, "id")
                     });
                   }
@@ -11325,22 +11512,23 @@ var __publicField = (obj, key, value) => {
     }));
   }
   const useEagleTable = (params) => {
-    var _a, _b;
-    const { columns, tableProps, formatter, Dropdown = K8sDropdown, resource: resourceFromParams } = params;
+    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: resourceFromParams || (resource == null ? void 0 : resource.name)
+        resource: ((_a2 = params.useTableParams) == null ? void 0 : _a2.resource) || (resource == null ? void 0 : resource.name)
       });
       return mergedParams;
-    }, [params.useTableParams, currentSize, resourceFromParams, resource]);
+    }, [params.useTableParams, currentSize, resource]);
     const finalColumns = React.useMemo(
       () => addDefaultRenderToColumns(columns),
       [columns]
@@ -11370,7 +11558,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: resourceFromParams || (resource == null ? void 0 : resource.name) || "table",
+      tableKey: ((_c = params.useTableParams) == null ? void 0 : _c.resource) || (resource == null ? void 0 : resource.name) || "table",
       loading: table.tableQueryResult.isLoading,
       data: finalDataSource || [],
       columns: finalColumns,
@@ -11395,18 +11583,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 })
       }
     );
   }
@@ -11453,12 +11642,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
@@ -11473,14 +11663,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", {
@@ -11511,7 +11703,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
@@ -11552,7 +11744,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
@@ -11626,7 +11818,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,
@@ -11636,7 +11828,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         ...tableProps,
         tableKey: "events",
@@ -11679,9 +11871,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();
@@ -11708,7 +11900,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 = [
       {
@@ -11741,9 +11933,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;
         }
@@ -11768,9 +11960,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: "" });
         },
@@ -11797,7 +11989,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "ingressRules",
         loading: false,
@@ -11814,7 +12006,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_18l1y97 = "";
+  const KeyValue_1cqk7i8 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11894,6 +12086,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";
@@ -11926,7 +12152,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ShowContent = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const {
       showConfig,
       formatter,
@@ -11955,6 +12181,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;
@@ -12026,7 +12254,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, {
@@ -12039,10 +12267,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, {
@@ -12050,8 +12279,7 @@ var __publicField = (obj, key, value) => {
                 marginRight: 8
               },
               onClick: openForm,
-              prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.EditPen16GradientBlueIcon, {}),
-              children: t2("dovetail.edit_yaml")
+              children: ((_f = config.formConfig) == null ? void 0 : _f.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
             })
           }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
@@ -12139,18 +12367,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();
@@ -12160,18 +12454,42 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
   }
-  function ResourceTable(props) {
+  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 { Table: TableComponent } = React.useContext(ComponentContext);
-    const Table$1 = TableComponent || Table;
     const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
     const { tableProps } = useEagleTable({
       useTableParams: {
+        resource,
         ...useTableParams
       },
       columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
@@ -12179,28 +12497,20 @@ var __publicField = (obj, key, value) => {
         defaultSize: 10,
         ...config.tableProps
       },
-      resource,
       formatter,
       Dropdown
     });
     React.useEffect(() => {
       tableProps.onPageChange(1);
     }, []);
-    if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WidgetErrorContent,
-        {
-          errorText: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-          type: ErrorContentType.Card
-        }
-      );
-    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table,
       {
-        ...tableProps,
-        empty: tableProps.empty || i18n2.t("dovetail.no_resource", { kind: ` ${config.kind}` }),
-        className: cx_default(tableProps.className)
+        tableProps,
+        displayName: config.displayName || config.kind,
+        errorContentProps: {
+          type: ErrorContentType.Card
+        }
       }
     );
   }
@@ -12208,7 +12518,8 @@ var __publicField = (obj, key, value) => {
   const WorkloadPodsTable = ({
     namespace: namespace2,
     selector,
-    hideToolbar
+    hideToolbar,
+    filter
   }) => {
     var _a;
     const {
@@ -12216,7 +12527,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",
@@ -12241,7 +12552,7 @@ var __publicField = (obj, key, value) => {
             field: "",
             value: "",
             fn(item) {
-              return matchSelector(item, selector, namespace2);
+              return filter ? filter(item) : matchSelector(item, selector, namespace2);
             }
           }]
         }
@@ -12264,7 +12575,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),
@@ -12442,126 +12753,6 @@ var __publicField = (obj, key, value) => {
       })]
     });
   }
-  var StorageUnit = /* @__PURE__ */ ((StorageUnit2) => {
-    StorageUnit2["Pi"] = "Pi";
-    StorageUnit2["PiB"] = "PiB";
-    StorageUnit2["Ti"] = "Ti";
-    StorageUnit2["TiB"] = "TiB";
-    StorageUnit2["Gi"] = "Gi";
-    StorageUnit2["GiB"] = "GiB";
-    StorageUnit2["Mi"] = "Mi";
-    StorageUnit2["MiB"] = "MiB";
-    StorageUnit2["Ki"] = "Ki";
-    StorageUnit2["KiB"] = "KiB";
-    return StorageUnit2;
-  })(StorageUnit || {});
-  const UNIT_FACTORS = {
-    Pi: 1024 ** 5,
-    PiB: 1024 ** 5,
-    Ti: 1024 ** 4,
-    TiB: 1024 ** 4,
-    Gi: 1024 ** 3,
-    GiB: 1024 ** 3,
-    Mi: 1024 ** 2,
-    MiB: 1024 ** 2,
-    Ki: 1024,
-    KiB: 1024,
-    B: 1
-  };
-  function transformStorageUnit(value2, toUnit = "Gi") {
-    const num = parseFloat(value2);
-    const unit = Object.values(StorageUnit).find((u) => value2.includes(u)) || "Ki";
-    return num / UNIT_FACTORS[unit] * UNIT_FACTORS[toUnit];
-  }
-  const DistributeStorageForm = React.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 submit = React.useCallback(() => {
-      const v = pvc2.updateDistributeStorage(distributeStorage);
-      const id = pvc2.id;
-      pruneBeforeEdit(v);
-      return mutateAsync({
-        id,
-        resource: (resource == null ? void 0 : resource.name) || "",
-        values: v,
-        successNotification() {
-          return {
-            message: t2("dovetail.edit_distribute_storage_success_toast", {
-              kind: pvc2.kind,
-              name: pvc2.id,
-              interpolation: {
-                escapeValue: false
-              }
-            }),
-            type: "success"
-          };
-        },
-        errorNotification: false
-      });
-    }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, mutateAsync, t2]);
-    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,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          eagle.Fields.Integer,
-          {
-            style: { width: "142px" },
-            input: {
-              name: "distributeStorage",
-              value: distributeStorage,
-              onChange: (value2) => {
-                setDistributeStorage(Number(value2));
-              },
-              onBlur: () => {
-              },
-              onFocus: () => {
-              }
-            },
-            min: 0,
-            meta: {},
-            suffix: "GiB",
-            controls: true
-          }
-        )
-      }
-    );
-  });
-  function PVCDistributeStorage({ pvc: pvc2, editable }) {
-    var _a, _b;
-    const { t: t2 } = useTranslation();
-    const formRef = 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
-                }
-              );
-            }
-          }
-        }
-      )
-    ] });
-  }
   var AreaType = /* @__PURE__ */ ((AreaType2) => {
     AreaType2["Inline"] = "Inline";
     AreaType2["Grid"] = "Grid";
@@ -12595,6 +12786,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",
@@ -12824,13 +13024,15 @@ var __publicField = (obj, key, value) => {
             resource: "persistentvolumes",
             useTableParams: {
               filters: {
-                permanent: [{
-                  field: "",
-                  value: "",
-                  fn(pv2) {
-                    return sc.filterPV(pv2, sc.metadata.name);
+                permanent: [
+                  {
+                    field: "",
+                    value: "",
+                    fn(pv2) {
+                      return sc.filterPV(pv2, sc.metadata.name);
+                    }
                   }
-                }]
+                ]
               }
             }
           }
@@ -12871,17 +13073,24 @@ var __publicField = (obj, key, value) => {
       path: ["spec", "storageClassName"],
       title: i18n2.t("dovetail.storage_class"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceName: "storageclasses", namespace: "", resourceId: value2 });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            resourceKind: "storageclasses",
+            namespace: "",
+            name: value2
+          }
+        );
       }
     };
   };
   const PVPhaseField = (i18n2) => {
     return {
       key: "phase",
-      path: ["phase"],
+      path: ["stateDisplay"],
       title: i18n2.t("dovetail.state"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, { value: value2 });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, resourceKind: "PersistentVolume", hideBackground: true });
       }
     };
   };
@@ -12899,14 +13108,49 @@ 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")
+      title: i18n2.t("dovetail.pvc"),
+      renderContent(value2, pvc2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ResourceLink,
+          {
+            resourceKind: "persistentvolumeclaims",
+            namespace: pvc2.pvcNamespace || "default",
+            name: value2
+          }
+        );
+      }
     };
   };
   const PVCSIRefField = (i18n2) => {
@@ -12955,13 +13199,7 @@ var __publicField = (obj, key, value) => {
       key: resource,
       path: [],
       renderContent() {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResourceTable,
-          {
-            resource,
-            useTableParams
-          }
-        );
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceTable, { resource, useTableParams });
       }
     };
   };
@@ -19000,7 +19238,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(
       () => [
@@ -19095,7 +19333,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table$1,
+      Table2,
       {
         tableKey: "podContainers",
         loading: false,
@@ -19116,18 +19354,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
     ]
@@ -19171,6 +19408,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const PVCPodsGroup = () => ({
+    title: "Pod",
+    areas: [
+      {
+        fields: [PVCPodsField()]
+      }
+    ]
+  });
   const ConditionsGroup = (i18n2) => ({
     title: i18n2.t("dovetail.condition"),
     areas: [
@@ -19179,6 +19424,14 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
+  const NodeTaintsGroup = (i18n2) => ({
+    title: i18n2.t("dovetail.taint"),
+    areas: [
+      {
+        fields: [NodeTaintsField()]
+      }
+    ]
+  });
   const SecretDataGroup = () => ({
     areas: [
       {
@@ -33016,7 +33269,6 @@ WARNING: This link could potentially be dangerous`)) {
       })]
     });
   });
-  const GlobalStoreContext = React.createContext({});
   var buffer = {};
   var base64Js = {};
   base64Js.byteLength = byteLength;
@@ -35473,13 +35725,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();
@@ -35490,6 +35736,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: {
@@ -35501,23 +35748,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
           })
         })]
       })]
@@ -38829,10 +39074,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")
@@ -38883,6 +39129,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]
     });
   }
@@ -39195,8 +39447,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
       }
     );
@@ -39250,9 +39502,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: [
@@ -39843,7 +40095,7 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["pv"],
       title: i18n2.t("dovetail.pv"),
-      width: 120,
+      width: 160,
       sortable: true
     };
   };
@@ -39853,13 +40105,13 @@ WARNING: This link could potentially be dangerous`)) {
       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
         });
       }
     };
@@ -39868,13 +40120,15 @@ WARNING: This link could potentially be dangerous`)) {
     return {
       key: "phase",
       display: true,
-      dataIndex: ["phase"],
+      dataIndex: ["stateDisplay"],
       title: i18n2.t("dovetail.state"),
       width: 120,
       sortable: true,
       render(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(PVPhaseDisplay, {
-          value: value2
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+          state: value2,
+          resourceKind: "PersistentVolume",
+          hideBackground: true
         });
       }
     };
@@ -39885,8 +40139,15 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["pvc"],
       title: i18n2.t("dovetail.pvc"),
-      width: 120,
-      sortable: true
+      width: 160,
+      sortable: true,
+      render(value2, pv2) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, {
+          resourceKind: "persistentvolumeclaims",
+          namespace: pv2.pvcNamespace || "default",
+          name: value2
+        });
+      }
     };
   };
   const PVCSIRefColumnRenderer = (i18n2) => {
@@ -39895,7 +40156,7 @@ WARNING: This link could potentially be dangerous`)) {
       display: true,
       dataIndex: ["csi"],
       title: i18n2.t("dovetail.csi"),
-      width: 120,
+      width: 160,
       sortable: true
     };
   };
@@ -39921,7 +40182,15 @@ 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) => {
@@ -39954,6 +40223,19 @@ WARNING: This link could potentially be dangerous`)) {
       }
     };
   };
+  const SCAllowExpandColumnRenderer = (i18n2) => {
+    return {
+      key: "​​allowVolumeExpansion",
+      display: true,
+      dataIndex: ["​​allowVolumeExpansion"],
+      title: i18n2.t("dovetail.allow_expand"),
+      width: 120,
+      sortable: true,
+      render(val) {
+        return val ? i18n2.t("dovetail.support") : i18n2.t("dovetail.not_support");
+      }
+    };
+  };
   const styles = "";
   const Dovetail = (props) => {
     const {
@@ -40271,6 +40553,7 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.EditAnnotationDropdownMenuItem = EditAnnotationDropdownMenuItem;
   exports2.EditButton = EditButton;
   exports2.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
+  exports2.ErrorContent = WidgetErrorContent;
   exports2.EventModel = EventModel;
   exports2.EventsTab = EventsTab;
   exports2.EventsTableTabField = EventsTableTabField;
@@ -40322,9 +40605,13 @@ 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;
@@ -40335,7 +40622,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.PVCapacityColumnRenderer = PVCapacityColumnRenderer;
   exports2.PVCapacityField = PVCapacityField;
   exports2.PVPhaseColumnRenderer = PVPhaseColumnRenderer;
-  exports2.PVPhaseDisplay = PVPhaseDisplay;
   exports2.PVPhaseField = PVPhaseField;
   exports2.PVRefColumnRenderer = PVRefColumnRenderer;
   exports2.PVRefField = PVRefField;
@@ -40385,11 +40671,13 @@ 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;
@@ -40432,12 +40720,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;
@@ -40451,7 +40739,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;