@dovetail-v2/refine 0.1.11 → 0.1.13

package/dist/refine.umd.cjs

@@ -1575,6 +1575,12 @@ var __publicField = (obj, key, value) => {
   const name_format_rule_1 = "由字母、数字、连字符 (-)、下划线(_) 或点 (.) 组成";
   const name_format_rule_2 = "以字母或数字开头和结尾";
   const name_format_rule_3 = "不超过 63 个字符";
+  const taint_effect_NoSchedule_tooltip_1 = "正在节点上运行的 Pod 不会被驱逐。";
+  const taint_effect_NoSchedule_tooltip_2 = "新 Pod 不会调度到污点节点，除非有匹配的容忍度。";
+  const taint_effect_PreferNoSchedule_tooltip_1 = "不容忍污点的 Pod 将被立即驱逐。";
+  const taint_effect_PreferNoSchedule_tooltip_2 = "容忍污点但未设置容忍时长的 Pod 将继续运行。";
+  const taint_effect_PreferNoSchedule_tooltip_3 = "容忍污点并设置了容忍时长的 Pod 将按指定时间运行，时间结束后被驱逐。";
+  const taint_effect_NoExecute_tooltip_3 = "控制平面将尝试避免将不能容忍污点的 Pod 调度到节点上，但无法保证完全避免。";
   const dovetail = {
     copy: copy$1,
     reset_arguments,
@@ -1802,7 +1808,13 @@ var __publicField = (obj, key, value) => {
     suffix_format_rule_3,
     name_format_rule_1,
     name_format_rule_2,
-    name_format_rule_3
+    name_format_rule_3,
+    taint_effect_NoSchedule_tooltip_1,
+    taint_effect_NoSchedule_tooltip_2,
+    taint_effect_PreferNoSchedule_tooltip_1,
+    taint_effect_PreferNoSchedule_tooltip_2,
+    taint_effect_PreferNoSchedule_tooltip_3,
+    taint_effect_NoExecute_tooltip_3
   };
   const ZH = {
     dovetail
@@ -8195,6 +8207,9 @@ var __publicField = (obj, key, value) => {
     }
     // Fetch and process OpenAPI schemas
     async fetch() {
+      if (this.schemas) {
+        return this.schemas;
+      }
       try {
         const response = await fetch(
           `${this.pathPrefix}${this.resourceBasePath}`
@@ -8242,6 +8257,24 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  class SchemaStore {
+    constructor() {
+      __publicField(this, "openapiMap", {});
+    }
+    async fetchSchemas(resourceBasePath, pathPrefix) {
+      const openapi = this.openapiMap[`${resourceBasePath}-${pathPrefix}`] || new K8sOpenAPI(resourceBasePath, pathPrefix);
+      this.openapiMap[`${resourceBasePath}-${pathPrefix}`] = openapi;
+      const schemas = await openapi.fetch();
+      return schemas;
+    }
+    async fetchSchema(resourceBasePath, pathPrefix, kind) {
+      const openapi = this.openapiMap[`${resourceBasePath}-${pathPrefix}`] || new K8sOpenAPI(resourceBasePath, pathPrefix);
+      this.openapiMap[`${resourceBasePath}-${pathPrefix}`] = openapi;
+      await openapi.fetch();
+      return openapi.findSchema(kind);
+    }
+  }
+  const schemaStore = new SchemaStore();
   const ConstantsContext = React.createContext({
     schemaUrlPrefix: ""
   });
@@ -8260,8 +8293,7 @@ var __publicField = (obj, key, value) => {
             if (state2.schemasMap[apiGroup]) {
               return { apiGroup, schemas: state2.schemasMap[apiGroup] };
             }
-            const openapi = new K8sOpenAPI(apiGroup, schemaUrlPrefix);
-            const groupSchemas = await openapi.fetch();
+            const groupSchemas = await schemaStore.fetchSchemas(apiGroup, schemaUrlPrefix);
             return { apiGroup, schemas: groupSchemas || [] };
           })
         );
@@ -8290,20 +8322,12 @@ var __publicField = (obj, key, value) => {
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
     const { schemaUrlPrefix } = React.useContext(ConstantsContext);
-    const openapi = React.useMemo(
-      () => {
-        var _a2;
-        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix);
-      },
-      [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath, schemaUrlPrefix]
-    );
     const fetchSchema = React.useCallback(async () => {
-      var _a2;
+      var _a2, _b2;
       setLoading(true);
       setError(null);
       try {
-        await openapi.fetch();
-        const schema2 = await openapi.findSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.kind);
+        const schema2 = await schemaStore.fetchSchema((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath, schemaUrlPrefix, (_b2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _b2.kind);
         setSchema(schema2 || null);
         setError(null);
       } catch (e2) {
@@ -8311,7 +8335,7 @@ var __publicField = (obj, key, value) => {
       } finally {
         setLoading(false);
       }
-    }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
+    }, [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.resourceBasePath, schemaUrlPrefix]);
     React.useEffect(() => {
       if (options == null ? void 0 : options.skip)
         return;
@@ -8936,11 +8960,6 @@ var __publicField = (obj, key, value) => {
     } = props;
     const auxiliaryLineRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
-    React.useMemo(() => ({
-      current: currentPage,
-      pageSize: defaultSize,
-      onChange: onPageChange
-    }), [currentPage, defaultSize, onPageChange]);
     const finalColumns = React.useMemo(() => {
       if (RowMenu) {
         const actionColumn = {
@@ -9538,10 +9557,8 @@ var __publicField = (obj, key, value) => {
                   distributeStorage: validators.distributeStorage(v)
                 });
               },
-              onBlur: () => {
-              },
-              onFocus: () => {
-              }
+              onBlur: () => void 0,
+              onFocus: () => void 0
             },
             min: 1,
             meta: {},
@@ -11563,7 +11580,7 @@ var __publicField = (obj, key, value) => {
           width: 120,
           render(value2) {
             const colorMap = {
-              "Warning": "red",
+              "Warning": "warning",
               "Normal": "green"
             };
             return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2], className: cx_default(StateTagStyle, "no-background"), children: i18n2.t(`dovetail.${value2.toLowerCase()}`) });
@@ -12164,40 +12181,413 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  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
-      },
-      {
+  function validateLabelKey(key2) {
+    const labelPrefixRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.]*[a-zA-Z0-9]$)/;
+    const labelNameRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+    let prefix, name2;
+    const splitResult = key2.split("/");
+    if (splitResult.length === 1) {
+      name2 = splitResult[0];
+    } else {
+      prefix = splitResult[0];
+      name2 = splitResult[1];
+    }
+    if (prefix === "") {
+      return { isValid: false, errorMessage: "EMPTY_PREFIX" };
+    }
+    if (prefix && !labelPrefixRegex.test(prefix)) {
+      return { isValid: false, errorMessage: "INVALID_PREFIX" };
+    }
+    if (!labelNameRegex.test(name2)) {
+      return { isValid: false, errorMessage: "INVALID_NAME" };
+    }
+    if (prefix && prefix.length > 253) {
+      return { isValid: false, errorMessage: "MAX_253" };
+    }
+    if (name2 && name2.length > 63) {
+      return { isValid: false, errorMessage: "MAX_63" };
+    }
+    return { isValid: true };
+  }
+  function validateLabelValue(value2) {
+    const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+    if (value2 === "") {
+      return { isValid: true };
+    }
+    if (value2.length > 63) {
+      return { isValid: false, errorMessage: "MAX_63" };
+    }
+    if (!labelValueRegex.test(value2)) {
+      return { isValid: false, errorMessage: "INVALID_VALUE" };
+    }
+    return { isValid: true };
+  }
+  const LabelFormatPopover_105yfzn = "";
+  const PodLabelFormatRulePopoverStyle = "p5jt6nm";
+  const LabelFormatPopover = () => {
+    const {
+      t: t2
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Popover, {
+      overlayClassName: PodLabelFormatRulePopoverStyle,
+      placement: "bottomRight",
+      content: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdTable, {
+        bordered: true,
+        dataSource: [{
+          object: t2("dovetail.key"),
+          contains: t2("dovetail.suffix"),
+          optional: t2("dovetail.no"),
+          rule: [t2("dovetail.suffix_format_rule_1"), t2("dovetail.suffix_format_rule_2"), t2("dovetail.suffix_format_rule_3")]
+        }, {
+          object: t2("dovetail.key"),
+          contains: t2("dovetail.name"),
+          optional: t2("dovetail.yes"),
+          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+        }, {
+          object: t2("dovetail.value"),
+          contains: t2("dovetail.name"),
+          optional: t2("dovetail.no"),
+          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+        }],
+        columns: [{
+          key: "object",
+          title: t2("dovetail.object"),
+          dataIndex: "object",
+          render: (cell, record, index2) => {
+            return {
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+                className: eagle.Typo.Label.l4_bold,
+                children: cell
+              }),
+              props: {
+                rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
+              }
+            };
+          }
+        }, {
+          key: "contains",
+          title: t2("dovetail.contains"),
+          dataIndex: "contains"
+        }, {
+          key: "optional",
+          title: t2("dovetail.optional"),
+          dataIndex: "optional"
+        }, {
+          key: "rule",
+          title: t2("dovetail.format_requirements"),
+          dataIndex: "rule",
+          render: (cell) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+              className: "rule-list",
+              children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+                children: rule2
+              }, index2))
+            });
+          }
+        }],
+        pagination: false
+      }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        size: "small",
+        type: "link",
+        children: t2("dovetail.look_format_requirement")
+      })
+    });
+  };
+  const KeyValueTableForm_1eydq7y = "";
+  function _KeyValueTableFormForm(props, ref) {
+    const {
+      defaultValue,
+      onSubmit,
+      extraColumns,
+      addButtonText
+    } = props;
+    const {
+      t: t2
+    } = useTranslation();
+    const [value2, setValue] = React.useState([]);
+    const tableFormRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+      submit: () => {
+        return new Promise((res, rej) => {
+          var _a;
+          (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
+          setTimeout(() => {
+            var _a2;
+            const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
+            if (isValid) {
+              res(onSubmit(value2));
+            } else {
+              rej();
+            }
+          }, 0);
+        });
+      }
+    }), [onSubmit, value2]);
+    const renderTextAreaFunc = ({
+      value: value22,
+      onChange
+    }) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TextArea, {
+        autoSize: true,
+        className: "clsjtk2",
+        size: "small",
+        value: value22,
+        onChange: (e2) => {
+          onChange(e2.target.value);
+        }
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
+      size: 8,
+      direction: "vertical",
+      className: "cq3mbby",
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TableForm, {
+        ref: tableFormRef,
+        onBodyChange: (value22) => {
+          setValue(value22);
+        },
+        columns: [{
+          key: "key",
+          title: t2("dovetail.key"),
+          type: "input",
+          validator: ({
+            value: value22
+          }) => {
+            if (!value22)
+              return t2("dovetail.key_empty_text");
+            const {
+              isValid
+            } = validateLabelKey(value22 || "");
+            if (!isValid)
+              return t2("dovetail.format_error");
+          },
+          render: renderTextAreaFunc
+        }, {
+          key: "value",
+          title: t2("dovetail.value_optional"),
+          type: "input",
+          validator: ({
+            value: value22
+          }) => {
+            const {
+              isValid
+            } = validateLabelValue(value22 || "");
+            if (!isValid)
+              return t2("dovetail.format_error");
+          },
+          render: renderTextAreaFunc
+        }, ...extraColumns || []],
+        disableBatchFilling: true,
+        hideEmptyTable: true,
+        rowAddConfig: {
+          addible: true,
+          text: () => addButtonText
+        },
+        defaultData: defaultValue,
+        row: {
+          deletable: true
+        }
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
+    });
+  }
+  const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
+  const EditNodeTaintForm_cgov7z = "";
+  const UlStyle = "u19jcs7t";
+  const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
+    const {
+      nodeModel
+    } = props;
+    const {
+      mutateAsync
+    } = core.useUpdate();
+    const {
+      t: t2
+    } = useTranslation();
+    const defaultValue = React.useMemo(() => {
+      var _a;
+      return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
+    }, [nodeModel]);
+    const onSubmit = React.useCallback((_value) => {
+      const value2 = _value;
+      const newYaml = nodeModel._globalStore.restoreItem(nodeModel);
+      if (newYaml.spec) {
+        newYaml.spec.taints = value2;
+      }
+      pruneBeforeEdit(newYaml);
+      return mutateAsync({
+        id: nodeModel.id,
+        resource: nodeModel.name || "",
+        values: newYaml,
+        meta: {
+          resourceBasePath: nodeModel.apiVersion,
+          kind: nodeModel.kind
+        },
+        successNotification() {
+          return {
+            message: t2("dovetail.edit_node_taint_success_toast", {
+              kind: nodeModel.kind,
+              name: nodeModel.metadata.name,
+              interpolation: {
+                escapeValue: false
+              }
+            }),
+            type: "success"
+          };
+        },
+        errorNotification: false
+      });
+    }, [nodeModel, mutateAsync, t2]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueTableFormForm, {
+      ref,
+      defaultValue,
+      onSubmit,
+      addButtonText: t2("dovetail.add_taint"),
+      extraColumns: [{
         key: "effect",
-        display: true,
-        dataIndex: "effect",
         title: t2("dovetail.effect"),
-        width: 120,
-        sortable: true,
-        render: (value2) => {
-          return t2(`dovetail.node_taint_${value2}`);
+        render: ({
+          value: value2,
+          onChange
+        }) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Select, {
+            input: {},
+            value: value2,
+            onChange,
+            size: "small",
+            children: eagle.getOptions([{
+              value: "NoSchedule",
+              children: t2(`dovetail.node_taint_${"NoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "NoSchedule"
+                  /* NoSchedule */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "PreferNoSchedule",
+              children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "PreferNoSchedule"
+                  /* PreferNoSchedule */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "NoExecute",
+              children: t2(`dovetail.node_taint_${"NoExecute"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "NoExecute"
+                  /* NoExecute */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }])
+          });
+        },
+        validator: ({
+          value: value2
+        }) => {
+          if (!value2)
+            return t2("dovetail.taint_effect_empty_text");
         }
+      }]
+    });
+  });
+  const TaintEffectTooltip = ({
+    effect: effect2
+  }) => {
+    const {
+      t: t2
+    } = useTranslation();
+    const TaintEffectTooltipTextConfig = {
+      [
+        "NoSchedule"
+        /* NoSchedule */
+      ]: {
+        title: "NoSchedule",
+        tooltips: [t2("dovetail.taint_effect_NoSchedule_tooltip_1"), t2("dovetail.taint_effect_NoSchedule_tooltip_2")]
+      },
+      [
+        "PreferNoSchedule"
+        /* PreferNoSchedule */
+      ]: {
+        title: "PreferNoSchedule",
+        tooltips: [t2("dovetail.taint_effect_PreferNoSchedule_tooltip_1"), t2("dovetail.taint_effect_PreferNoSchedule_tooltip_2"), t2("dovetail.taint_effect_PreferNoSchedule_tooltip_3")]
+      },
+      [
+        "NoExecute"
+        /* NoExecute */
+      ]: {
+        title: "NoExecute",
+        tooltips: [t2("dovetail.taint_effect_NoExecute_tooltip_3")]
       }
-    ];
+    };
+    const config = TaintEffectTooltipTextConfig[effect2];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
+        children: config.title
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+        className: UlStyle,
+        children: config.tooltips.map((tooltip, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+          children: tooltip
+        }, index2))
+      })]
+    });
+  };
+  const NodeTaintsTable_wrxeox = "";
+  const EffectStyle = "evoxbc1";
+  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"),
+      sortable: true
+    }, {
+      key: "value",
+      display: true,
+      dataIndex: "value",
+      title: t2("dovetail.value"),
+      sortable: true
+    }, {
+      key: "effect",
+      display: true,
+      dataIndex: "effect",
+      title: t2("dovetail.effect"),
+      sortable: true,
+      render: (value2) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+          title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+            effect: value2
+          }),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            className: EffectStyle,
+            children: t2(`dovetail.node_taint_${value2}`)
+          })
+        });
+      }
+    }];
     const {
       data: finalData,
       currentPage,
@@ -12206,40 +12596,34 @@ var __publicField = (obj, key, value) => {
     } = useTableData({
       data: taintsWithId,
       columns,
-      defaultSorters: [
-        {
-          field: "lastUpdateTime",
-          order: "desc"
-        }
-      ]
+      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") }),
-          type: ErrorContentType.Card
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+        errorText: t2("dovetail.no_resource", {
+          kind: t2("dovetail.taint")
+        }),
+        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
-      }
-    );
+    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;
@@ -18612,7 +18996,6 @@ var __publicField = (obj, key, value) => {
     const [currentItemCount, setCurrentItemCount] = React.useState(0);
     const [paused, setPaused] = React.useState(false);
     const [wrap, setWrap] = React.useState(false);
-    const [linesBehind, setLinesBehind] = React.useState(0);
     const logViewerRef = React.useRef(null);
     const abortControllerRef = React.useRef(null);
     const dataProvider = core.useDataProvider();
@@ -18626,10 +19009,6 @@ var __publicField = (obj, key, value) => {
         if (logViewerRef && logViewerRef.current) {
           logViewerRef.current.scrollToBottom();
         }
-      } else if (logs.length !== currentItemCount) {
-        setLinesBehind(logs.length - currentItemCount);
-      } else {
-        setLinesBehind(0);
       }
     }, [paused, logs, currentItemCount]);
     const onScroll = (params) => {
@@ -18748,7 +19127,6 @@ var __publicField = (obj, key, value) => {
                 setSelectedContainer(newValue);
                 setLogs([]);
                 setPaused(false);
-                setLinesBehind(0);
               },
               value: selectedContainer
             },
@@ -39062,218 +39440,6 @@ WARNING: This link could potentially be dangerous`)) {
       }
     ) : null });
   }
-  function validateLabelKey(key2) {
-    const labelPrefixRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.]*[a-zA-Z0-9]$)/;
-    const labelNameRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
-    let prefix, name2;
-    const splitResult = key2.split("/");
-    if (splitResult.length === 1) {
-      name2 = splitResult[0];
-    } else {
-      prefix = splitResult[0];
-      name2 = splitResult[1];
-    }
-    if (prefix === "") {
-      return { isValid: false, errorMessage: "EMPTY_PREFIX" };
-    }
-    if (prefix && !labelPrefixRegex.test(prefix)) {
-      return { isValid: false, errorMessage: "INVALID_PREFIX" };
-    }
-    if (!labelNameRegex.test(name2)) {
-      return { isValid: false, errorMessage: "INVALID_NAME" };
-    }
-    if (prefix && prefix.length > 253) {
-      return { isValid: false, errorMessage: "MAX_253" };
-    }
-    if (name2 && name2.length > 63) {
-      return { isValid: false, errorMessage: "MAX_63" };
-    }
-    return { isValid: true };
-  }
-  function validateLabelValue(value2) {
-    const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
-    if (value2 === "") {
-      return { isValid: true };
-    }
-    if (value2.length > 63) {
-      return { isValid: false, errorMessage: "MAX_63" };
-    }
-    if (!labelValueRegex.test(value2)) {
-      return { isValid: false, errorMessage: "INVALID_VALUE" };
-    }
-    return { isValid: true };
-  }
-  const LabelFormatPopover_105yfzn = "";
-  const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-  const LabelFormatPopover = () => {
-    const {
-      t: t2
-    } = useTranslation();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Popover, {
-      overlayClassName: PodLabelFormatRulePopoverStyle,
-      placement: "bottomRight",
-      content: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.AntdTable, {
-        bordered: true,
-        dataSource: [{
-          object: t2("dovetail.key"),
-          contains: t2("dovetail.suffix"),
-          optional: t2("dovetail.no"),
-          rule: [t2("dovetail.suffix_format_rule_1"), t2("dovetail.suffix_format_rule_2"), t2("dovetail.suffix_format_rule_3")]
-        }, {
-          object: t2("dovetail.key"),
-          contains: t2("dovetail.name"),
-          optional: t2("dovetail.yes"),
-          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-        }, {
-          object: t2("dovetail.value"),
-          contains: t2("dovetail.name"),
-          optional: t2("dovetail.no"),
-          rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-        }],
-        columns: [{
-          key: "object",
-          title: t2("dovetail.object"),
-          dataIndex: "object",
-          render: (cell, record, index2) => {
-            return {
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-                className: eagle.Typo.Label.l4_bold,
-                children: cell
-              }),
-              props: {
-                rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
-              }
-            };
-          }
-        }, {
-          key: "contains",
-          title: t2("dovetail.contains"),
-          dataIndex: "contains"
-        }, {
-          key: "optional",
-          title: t2("dovetail.optional"),
-          dataIndex: "optional"
-        }, {
-          key: "rule",
-          title: t2("dovetail.format_requirements"),
-          dataIndex: "rule",
-          render: (cell) => {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-              className: "rule-list",
-              children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-                children: rule2
-              }, index2))
-            });
-          }
-        }],
-        pagination: false
-      }),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
-        size: "small",
-        type: "link",
-        children: t2("dovetail.look_format_requirement")
-      })
-    });
-  };
-  const KeyValueTableForm_1eydq7y = "";
-  function _KeyValueTableFormForm(props, ref) {
-    const {
-      defaultValue,
-      onSubmit,
-      extraColumns,
-      addButtonText
-    } = props;
-    const {
-      t: t2
-    } = useTranslation();
-    const [value2, setValue] = React.useState([]);
-    const tableFormRef = React.useRef(null);
-    React.useImperativeHandle(ref, () => ({
-      submit: () => {
-        return new Promise((res, rej) => {
-          var _a;
-          (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
-          setTimeout(() => {
-            var _a2;
-            const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
-            if (isValid) {
-              res(onSubmit(value2));
-            } else {
-              rej();
-            }
-          }, 0);
-        });
-      }
-    }), [onSubmit, value2]);
-    const renderTextAreaFunc = ({
-      value: value22,
-      onChange
-    }) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TextArea, {
-        autoSize: true,
-        className: "clsjtk2",
-        size: "small",
-        value: value22,
-        onChange: (e2) => {
-          onChange(e2.target.value);
-        }
-      });
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
-      size: 8,
-      direction: "vertical",
-      className: "cq3mbby",
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TableForm, {
-        ref: tableFormRef,
-        onBodyChange: (value22) => {
-          setValue(value22);
-        },
-        columns: [{
-          key: "key",
-          title: t2("dovetail.key"),
-          type: "input",
-          validator: ({
-            value: value22
-          }) => {
-            if (!value22)
-              return t2("dovetail.key_empty_text");
-            const {
-              isValid,
-              errorMessage
-            } = validateLabelKey(value22 || "");
-            if (!isValid)
-              return t2("dovetail.format_error");
-          },
-          render: renderTextAreaFunc
-        }, {
-          key: "value",
-          title: t2("dovetail.value_optional"),
-          type: "input",
-          validator: ({
-            value: value22
-          }) => {
-            const {
-              isValid
-            } = validateLabelValue(value22 || "");
-            if (!isValid)
-              return t2("dovetail.format_error");
-          },
-          render: renderTextAreaFunc
-        }, ...extraColumns || []],
-        disableBatchFilling: true,
-        hideEmptyTable: true,
-        rowAddConfig: {
-          addible: true,
-          text: () => addButtonText
-        },
-        defaultData: defaultValue,
-        row: {
-          deletable: true
-        }
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
-    });
-  }
-  const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
   const EditLabelForm = React.forwardRef(
     function EditLabelForm2(props, ref) {
       var _a;
@@ -39338,26 +39504,23 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Menu.Item,
       {
+        ...props,
         className: "ant-dropdown-menu-item",
-        onClick: () => {
+        onClick: (e2) => {
+          var _a;
           const modalProps = {
             formRef,
             title: t2("dovetail.edit_label"),
             fullscreen: true,
             renderContent() {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                EditLabelForm,
-                {
-                  ref: formRef,
-                  resourceModel
-                }
-              );
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelForm, { ref: formRef, resourceModel });
             }
           };
           pushModal({
             component: EditFieldModal,
             props: modalProps
           });
+          (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_label") })
       }
@@ -39425,31 +39588,57 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Menu.Item,
       {
+        ...props,
         className: "ant-dropdown-menu-item",
-        onClick: () => {
+        onClick: (e2) => {
+          var _a;
           const modalProps = {
             formRef,
             title: t2("dovetail.edit_annotation"),
             fullscreen: true,
             renderContent() {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                EditAnnotationForm,
-                {
-                  ref: formRef,
-                  resourceModel
-                }
-              );
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationForm, { ref: formRef, resourceModel });
             }
           };
           pushModal({
             component: EditFieldModal,
             props: modalProps
           });
+          (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
       }
     );
   }
+  function EditNodeTaintDropdownMenuItem(props) {
+    const { formRef, resourceModel } = props;
+    const { t: t2 } = useTranslation();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.Item,
+      {
+        ...props,
+        className: "ant-dropdown-menu-item",
+        onClick: (e2) => {
+          var _a;
+          const modalProps = {
+            formRef,
+            title: t2("dovetail.edit_node_taint"),
+            fullscreen: true,
+            renderContent() {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(EditNodeTaintForm, { ref: formRef, nodeModel: resourceModel });
+            }
+          };
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+          (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_node_taint") })
+      }
+    );
+  }
   const index_sazpyf = "";
   const WrapperStyle = "wfg6u6g";
   const InnerBar = ({
@@ -40739,6 +40928,7 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.EditAnnotationDropdownMenuItem = EditAnnotationDropdownMenuItem;
   exports2.EditButton = EditButton;
   exports2.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
+  exports2.EditNodeTaintDropdownMenuItem = EditNodeTaintDropdownMenuItem;
   exports2.ErrorContent = WidgetErrorContent;
   exports2.ErrorContentType = ErrorContentType;
   exports2.ErrorWrapper = ErrorWrapper;