@dovetail-v2/refine 0.1.6 → 0.1.7

package/dist/{index-69d5e3e9.js → index-45031697.js}

@@ -7,13 +7,13 @@ var __publicField = (obj, key2, value2) => {
 import i18n from "i18next";
 import * as React from "react";
 import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useCan, useTable, useDeleteMany, CanAccess, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, CanAccess, useUpdate, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Modal, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Alert, usePopModal, Fields, DonutChart, Units, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
-import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
-import { omit as omit$1, merge, get as get$3, first, debounce, last, isObject as isObject$4, keyBy } from "lodash-es";
-import yaml from "js-yaml";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Alert, usePopModal, Modal, TableForm, Menu as Menu$1, Icon as Icon$1, Dropdown, Divider, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Fields, DonutChart, Units, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { EditPen16BlueIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { first, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
+import yaml$1 from "js-yaml";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
@@ -25,308 +25,301 @@ function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 var dayjs_min = { exports: {} };
-var hasRequiredDayjs_min;
-function requireDayjs_min() {
-  if (hasRequiredDayjs_min)
-    return dayjs_min.exports;
-  hasRequiredDayjs_min = 1;
-  (function(module, exports) {
-    !function(t2, e2) {
-      module.exports = e2();
-    }(commonjsGlobal, function() {
-      var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s2 = "minute", u = "hour", a2 = "day", o = "week", c2 = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t3) {
-        var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
-        return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
-      } }, m = function(t3, e3, n3) {
-        var r3 = String(t3);
-        return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
-      }, v = { s: m, z: function(t3) {
-        var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
-        return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
-      }, m: function t3(e3, n3) {
-        if (e3.date() < n3.date())
-          return -t3(n3, e3);
-        var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i2 = e3.clone().add(r3, c2), s3 = n3 - i2 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
-        return +(-(r3 + (n3 - i2) / (s3 ? i2 - u2 : u2 - i2)) || 0);
-      }, a: function(t3) {
-        return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
-      }, p: function(t3) {
-        return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
-      }, u: function(t3) {
-        return void 0 === t3;
-      } }, g = "en", D = {};
-      D[g] = M;
-      var p = "$isDayjsObject", S = function(t3) {
-        return t3 instanceof _ || !(!t3 || !t3[p]);
-      }, w = function t3(e3, n3, r3) {
-        var i2;
-        if (!e3)
-          return g;
-        if ("string" == typeof e3) {
-          var s3 = e3.toLowerCase();
-          D[s3] && (i2 = s3), n3 && (D[s3] = n3, i2 = s3);
-          var u2 = e3.split("-");
-          if (!i2 && u2.length > 1)
-            return t3(u2[0]);
-        } else {
-          var a3 = e3.name;
-          D[a3] = e3, i2 = a3;
-        }
-        return !r3 && i2 && (g = i2), i2 || !r3 && g;
-      }, O = function(t3, e3) {
-        if (S(t3))
-          return t3.clone();
-        var n3 = "object" == typeof e3 ? e3 : {};
-        return n3.date = t3, n3.args = arguments, new _(n3);
-      }, b = v;
-      b.l = w, b.i = S, b.w = function(t3, e3) {
-        return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
-      };
-      var _ = function() {
-        function M2(t3) {
-          this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
-        }
-        var m2 = M2.prototype;
-        return m2.parse = function(t3) {
-          this.$d = function(t4) {
-            var e3 = t4.date, n3 = t4.utc;
-            if (null === e3)
-              return /* @__PURE__ */ new Date(NaN);
-            if (b.u(e3))
-              return /* @__PURE__ */ new Date();
-            if (e3 instanceof Date)
-              return new Date(e3);
-            if ("string" == typeof e3 && !/Z$/i.test(e3)) {
-              var r3 = e3.match($);
-              if (r3) {
-                var i2 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
-                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
-              }
-            }
+(function(module, exports) {
+  !function(t2, e2) {
+    module.exports = e2();
+  }(commonjsGlobal, function() {
+    var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s2 = "minute", u = "hour", a2 = "day", o = "week", c2 = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t3) {
+      var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
+      return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
+    } }, m = function(t3, e3, n3) {
+      var r3 = String(t3);
+      return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
+    }, v = { s: m, z: function(t3) {
+      var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
+      return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
+    }, m: function t3(e3, n3) {
+      if (e3.date() < n3.date())
+        return -t3(n3, e3);
+      var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i2 = e3.clone().add(r3, c2), s3 = n3 - i2 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
+      return +(-(r3 + (n3 - i2) / (s3 ? i2 - u2 : u2 - i2)) || 0);
+    }, a: function(t3) {
+      return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
+    }, p: function(t3) {
+      return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
+    }, u: function(t3) {
+      return void 0 === t3;
+    } }, g = "en", D = {};
+    D[g] = M;
+    var p = "$isDayjsObject", S = function(t3) {
+      return t3 instanceof _ || !(!t3 || !t3[p]);
+    }, w = function t3(e3, n3, r3) {
+      var i2;
+      if (!e3)
+        return g;
+      if ("string" == typeof e3) {
+        var s3 = e3.toLowerCase();
+        D[s3] && (i2 = s3), n3 && (D[s3] = n3, i2 = s3);
+        var u2 = e3.split("-");
+        if (!i2 && u2.length > 1)
+          return t3(u2[0]);
+      } else {
+        var a3 = e3.name;
+        D[a3] = e3, i2 = a3;
+      }
+      return !r3 && i2 && (g = i2), i2 || !r3 && g;
+    }, O = function(t3, e3) {
+      if (S(t3))
+        return t3.clone();
+      var n3 = "object" == typeof e3 ? e3 : {};
+      return n3.date = t3, n3.args = arguments, new _(n3);
+    }, b = v;
+    b.l = w, b.i = S, b.w = function(t3, e3) {
+      return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
+    };
+    var _ = function() {
+      function M2(t3) {
+        this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
+      }
+      var m2 = M2.prototype;
+      return m2.parse = function(t3) {
+        this.$d = function(t4) {
+          var e3 = t4.date, n3 = t4.utc;
+          if (null === e3)
+            return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e3))
+            return /* @__PURE__ */ new Date();
+          if (e3 instanceof Date)
             return new Date(e3);
-          }(t3), this.init();
-        }, m2.init = function() {
-          var t3 = this.$d;
-          this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
-        }, m2.$utils = function() {
-          return b;
-        }, m2.isValid = function() {
-          return !(this.$d.toString() === l);
-        }, m2.isSame = function(t3, e3) {
-          var n3 = O(t3);
-          return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-        }, m2.isAfter = function(t3, e3) {
-          return O(t3) < this.startOf(e3);
-        }, m2.isBefore = function(t3, e3) {
-          return this.endOf(e3) < O(t3);
-        }, m2.$g = function(t3, e3, n3) {
-          return b.u(t3) ? this[e3] : this.set(n3, t3);
-        }, m2.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, m2.valueOf = function() {
-          return this.$d.getTime();
-        }, m2.startOf = function(t3, e3) {
-          var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t3), l2 = function(t4, e4) {
-            var i2 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
-            return r3 ? i2 : i2.endOf(a2);
-          }, $2 = function(t4, e4) {
-            return b.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
-          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-          switch (f2) {
-            case h:
-              return r3 ? l2(1, 0) : l2(31, 11);
-            case c2:
-              return r3 ? l2(1, M3) : l2(0, M3 + 1);
-            case o:
-              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
-            case a2:
-            case d:
-              return $2(v2 + "Hours", 0);
-            case u:
-              return $2(v2 + "Minutes", 1);
-            case s2:
-              return $2(v2 + "Seconds", 2);
-            case i:
-              return $2(v2 + "Milliseconds", 3);
-            default:
-              return this.clone();
-          }
-        }, m2.endOf = function(t3) {
-          return this.startOf(t3, false);
-        }, m2.$set = function(t3, e3) {
-          var n3, o2 = b.p(t3), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a2] = f2 + "Date", n3[d] = f2 + "Date", n3[c2] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a2 ? this.$D + (e3 - this.$W) : e3;
-          if (o2 === c2 || o2 === h) {
-            var y2 = this.clone().set(d, 1);
-            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-          } else
-            l2 && this.$d[l2]($2);
-          return this.init(), this;
-        }, m2.set = function(t3, e3) {
-          return this.clone().$set(t3, e3);
-        }, m2.get = function(t3) {
-          return this[b.p(t3)]();
-        }, m2.add = function(r3, f2) {
-          var d2, l2 = this;
-          r3 = Number(r3);
-          var $2 = b.p(f2), y2 = function(t3) {
-            var e3 = O(l2);
-            return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
-          };
-          if ($2 === c2)
-            return this.set(c2, this.$M + r3);
-          if ($2 === h)
-            return this.set(h, this.$y + r3);
-          if ($2 === a2)
-            return y2(1);
-          if ($2 === o)
-            return y2(7);
-          var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i] = t2, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-          return b.w(m3, this);
-        }, m2.subtract = function(t3, e3) {
-          return this.add(-1 * t3, e3);
-        }, m2.format = function(t3) {
-          var e3 = this, n3 = this.$locale();
-          if (!this.isValid())
-            return n3.invalidDate || l;
-          var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i3, s4) {
-            return t4 && (t4[n4] || t4(e3, r3)) || i3[n4].slice(0, s4);
-          }, d2 = function(t4) {
-            return b.s(s3 % 12 || 12, t4, "0");
-          }, $2 = f2 || function(t4, e4, n4) {
-            var r4 = t4 < 12 ? "AM" : "PM";
-            return n4 ? r4.toLowerCase() : r4;
-          };
-          return r3.replace(y, function(t4, r4) {
-            return r4 || function(t5) {
-              switch (t5) {
-                case "YY":
-                  return String(e3.$y).slice(-2);
-                case "YYYY":
-                  return b.s(e3.$y, 4, "0");
-                case "M":
-                  return a3 + 1;
-                case "MM":
-                  return b.s(a3 + 1, 2, "0");
-                case "MMM":
-                  return h2(n3.monthsShort, a3, c3, 3);
-                case "MMMM":
-                  return h2(c3, a3);
-                case "D":
-                  return e3.$D;
-                case "DD":
-                  return b.s(e3.$D, 2, "0");
-                case "d":
-                  return String(e3.$W);
-                case "dd":
-                  return h2(n3.weekdaysMin, e3.$W, o2, 2);
-                case "ddd":
-                  return h2(n3.weekdaysShort, e3.$W, o2, 3);
-                case "dddd":
-                  return o2[e3.$W];
-                case "H":
-                  return String(s3);
-                case "HH":
-                  return b.s(s3, 2, "0");
-                case "h":
-                  return d2(1);
-                case "hh":
-                  return d2(2);
-                case "a":
-                  return $2(s3, u2, true);
-                case "A":
-                  return $2(s3, u2, false);
-                case "m":
-                  return String(u2);
-                case "mm":
-                  return b.s(u2, 2, "0");
-                case "s":
-                  return String(e3.$s);
-                case "ss":
-                  return b.s(e3.$s, 2, "0");
-                case "SSS":
-                  return b.s(e3.$ms, 3, "0");
-                case "Z":
-                  return i2;
-              }
-              return null;
-            }(t4) || i2.replace(":", "");
-          });
-        }, m2.utcOffset = function() {
-          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, m2.diff = function(r3, d2, l2) {
-          var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e2, g2 = this - m3, D2 = function() {
-            return b.m(y2, m3);
-          };
-          switch (M3) {
-            case h:
-              $2 = D2() / 12;
-              break;
-            case c2:
-              $2 = D2();
-              break;
-            case f:
-              $2 = D2() / 3;
-              break;
-            case o:
-              $2 = (g2 - v2) / 6048e5;
-              break;
-            case a2:
-              $2 = (g2 - v2) / 864e5;
-              break;
-            case u:
-              $2 = g2 / n2;
-              break;
-            case s2:
-              $2 = g2 / e2;
-              break;
-            case i:
-              $2 = g2 / t2;
-              break;
-            default:
-              $2 = g2;
-          }
-          return l2 ? $2 : b.a($2);
-        }, m2.daysInMonth = function() {
-          return this.endOf(c2).$D;
-        }, m2.$locale = function() {
-          return D[this.$L];
-        }, m2.locale = function(t3, e3) {
-          if (!t3)
-            return this.$L;
-          var n3 = this.clone(), r3 = w(t3, e3, true);
-          return r3 && (n3.$L = r3), n3;
-        }, m2.clone = function() {
-          return b.w(this.$d, this);
-        }, m2.toDate = function() {
-          return new Date(this.valueOf());
-        }, m2.toJSON = function() {
-          return this.isValid() ? this.toISOString() : null;
-        }, m2.toISOString = function() {
-          return this.$d.toISOString();
-        }, m2.toString = function() {
-          return this.$d.toUTCString();
-        }, M2;
-      }(), k = _.prototype;
-      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
-        k[t3[1]] = function(e3) {
-          return this.$g(e3, t3[0], t3[1]);
+          if ("string" == typeof e3 && !/Z$/i.test(e3)) {
+            var r3 = e3.match($);
+            if (r3) {
+              var i2 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+              return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
+            }
+          }
+          return new Date(e3);
+        }(t3), this.init();
+      }, m2.init = function() {
+        var t3 = this.$d;
+        this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
+      }, m2.$utils = function() {
+        return b;
+      }, m2.isValid = function() {
+        return !(this.$d.toString() === l);
+      }, m2.isSame = function(t3, e3) {
+        var n3 = O(t3);
+        return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
+      }, m2.isAfter = function(t3, e3) {
+        return O(t3) < this.startOf(e3);
+      }, m2.isBefore = function(t3, e3) {
+        return this.endOf(e3) < O(t3);
+      }, m2.$g = function(t3, e3, n3) {
+        return b.u(t3) ? this[e3] : this.set(n3, t3);
+      }, m2.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m2.valueOf = function() {
+        return this.$d.getTime();
+      }, m2.startOf = function(t3, e3) {
+        var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t3), l2 = function(t4, e4) {
+          var i2 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
+          return r3 ? i2 : i2.endOf(a2);
+        }, $2 = function(t4, e4) {
+          return b.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
+        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f2) {
+          case h:
+            return r3 ? l2(1, 0) : l2(31, 11);
+          case c2:
+            return r3 ? l2(1, M3) : l2(0, M3 + 1);
+          case o:
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
+          case a2:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s2:
+            return $2(v2 + "Seconds", 2);
+          case i:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m2.endOf = function(t3) {
+        return this.startOf(t3, false);
+      }, m2.$set = function(t3, e3) {
+        var n3, o2 = b.p(t3), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a2] = f2 + "Date", n3[d] = f2 + "Date", n3[c2] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a2 ? this.$D + (e3 - this.$W) : e3;
+        if (o2 === c2 || o2 === h) {
+          var y2 = this.clone().set(d, 1);
+          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+        } else
+          l2 && this.$d[l2]($2);
+        return this.init(), this;
+      }, m2.set = function(t3, e3) {
+        return this.clone().$set(t3, e3);
+      }, m2.get = function(t3) {
+        return this[b.p(t3)]();
+      }, m2.add = function(r3, f2) {
+        var d2, l2 = this;
+        r3 = Number(r3);
+        var $2 = b.p(f2), y2 = function(t3) {
+          var e3 = O(l2);
+          return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
         };
-      }), O.extend = function(t3, e3) {
-        return t3.$i || (t3(e3, _, O), t3.$i = true), O;
-      }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
-        return O(1e3 * t3);
-      }, O.en = D[g], O.Ls = D, O.p = {}, O;
-    });
-  })(dayjs_min);
-  return dayjs_min.exports;
-}
-var dayjs_minExports = requireDayjs_min();
+        if ($2 === c2)
+          return this.set(c2, this.$M + r3);
+        if ($2 === h)
+          return this.set(h, this.$y + r3);
+        if ($2 === a2)
+          return y2(1);
+        if ($2 === o)
+          return y2(7);
+        var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i] = t2, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+        return b.w(m3, this);
+      }, m2.subtract = function(t3, e3) {
+        return this.add(-1 * t3, e3);
+      }, m2.format = function(t3) {
+        var e3 = this, n3 = this.$locale();
+        if (!this.isValid())
+          return n3.invalidDate || l;
+        var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i3, s4) {
+          return t4 && (t4[n4] || t4(e3, r3)) || i3[n4].slice(0, s4);
+        }, d2 = function(t4) {
+          return b.s(s3 % 12 || 12, t4, "0");
+        }, $2 = f2 || function(t4, e4, n4) {
+          var r4 = t4 < 12 ? "AM" : "PM";
+          return n4 ? r4.toLowerCase() : r4;
+        };
+        return r3.replace(y, function(t4, r4) {
+          return r4 || function(t5) {
+            switch (t5) {
+              case "YY":
+                return String(e3.$y).slice(-2);
+              case "YYYY":
+                return b.s(e3.$y, 4, "0");
+              case "M":
+                return a3 + 1;
+              case "MM":
+                return b.s(a3 + 1, 2, "0");
+              case "MMM":
+                return h2(n3.monthsShort, a3, c3, 3);
+              case "MMMM":
+                return h2(c3, a3);
+              case "D":
+                return e3.$D;
+              case "DD":
+                return b.s(e3.$D, 2, "0");
+              case "d":
+                return String(e3.$W);
+              case "dd":
+                return h2(n3.weekdaysMin, e3.$W, o2, 2);
+              case "ddd":
+                return h2(n3.weekdaysShort, e3.$W, o2, 3);
+              case "dddd":
+                return o2[e3.$W];
+              case "H":
+                return String(s3);
+              case "HH":
+                return b.s(s3, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s3, u2, true);
+              case "A":
+                return $2(s3, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e3.$s);
+              case "ss":
+                return b.s(e3.$s, 2, "0");
+              case "SSS":
+                return b.s(e3.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t4) || i2.replace(":", "");
+        });
+      }, m2.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, m2.diff = function(r3, d2, l2) {
+        var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e2, g2 = this - m3, D2 = function() {
+          return b.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c2:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a2:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n2;
+            break;
+          case s2:
+            $2 = g2 / e2;
+            break;
+          case i:
+            $2 = g2 / t2;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : b.a($2);
+      }, m2.daysInMonth = function() {
+        return this.endOf(c2).$D;
+      }, m2.$locale = function() {
+        return D[this.$L];
+      }, m2.locale = function(t3, e3) {
+        if (!t3)
+          return this.$L;
+        var n3 = this.clone(), r3 = w(t3, e3, true);
+        return r3 && (n3.$L = r3), n3;
+      }, m2.clone = function() {
+        return b.w(this.$d, this);
+      }, m2.toDate = function() {
+        return new Date(this.valueOf());
+      }, m2.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, m2.toISOString = function() {
+        return this.$d.toISOString();
+      }, m2.toString = function() {
+        return this.$d.toUTCString();
+      }, M2;
+    }(), k = _.prototype;
+    return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
+      k[t3[1]] = function(e3) {
+        return this.$g(e3, t3[0], t3[1]);
+      };
+    }), O.extend = function(t3, e3) {
+      return t3.$i || (t3(e3, _, O), t3.$i = true), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
+      return O(1e3 * t3);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var zh = { exports: {} };
 (function(module, exports) {
   !function(e2, _) {
-    module.exports = _(requireDayjs_min());
+    module.exports = _(dayjs_minExports);
   }(commonjsGlobal, function(e2) {
     function _(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
@@ -1176,6 +1169,7 @@ const pv_phase_failed$1 = "Failed";
 const pv_phase_pending$1 = "Pending";
 const exec_pod = "Execute shell";
 const search$1 = "Search";
+const edit_label$1 = "Edit label";
 const dovetail$1 = {
   copy: copy$2,
   reset_arguments: reset_arguments$1,
@@ -1347,7 +1341,8 @@ const dovetail$1 = {
   pv_phase_failed: pv_phase_failed$1,
   pv_phase_pending: pv_phase_pending$1,
   exec_pod,
-  search: search$1
+  search: search$1,
+  edit_label: edit_label$1
 };
 const EN = {
   dovetail: dovetail$1
@@ -1526,6 +1521,14 @@ const disconnected = "连接异常。";
 const connecting = "正在连接...";
 const reconnect = "重新连接";
 const search = "搜索";
+const edit_form = "编辑表单";
+const exit_yaml_tip = "返回编辑表单，不会保留对 YAML 文件做出的所有更改。";
+const form = "表单";
+const yaml = "YAML";
+const edit_label = "编辑标签";
+const edit_label_success_toast = "编辑资源 {{name}} 的标签成功";
+const edit_annotation = "编辑注解";
+const edit_annotation_success_toast = "编辑资源 {{name}} 的注解成功";
 const dovetail = {
   copy: copy$1,
   reset_arguments,
@@ -1703,7 +1706,15 @@ const dovetail = {
   disconnected,
   connecting,
   reconnect,
-  search
+  search,
+  edit_form,
+  exit_yaml_tip,
+  form,
+  yaml,
+  edit_label,
+  edit_label_success_toast,
+  edit_annotation,
+  edit_annotation_success_toast
 };
 const ZH = {
   dovetail
@@ -5953,7 +5964,7 @@ lodash.exports;
         comparator = typeof comparator == "function" ? comparator : undefined$1;
         return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), undefined$1, comparator);
       });
-      function uniq(array) {
+      function uniq2(array) {
         return array && array.length ? baseUniq(array) : [];
       }
       function uniqBy(array, iteratee2) {
@@ -7615,7 +7626,7 @@ lodash.exports;
       lodash2.union = union;
       lodash2.unionBy = unionBy;
       lodash2.unionWith = unionWith;
-      lodash2.uniq = uniq;
+      lodash2.uniq = uniq2;
       lodash2.uniqBy = uniqBy;
       lodash2.uniqWith = uniqWith;
       lodash2.unset = unset2;
@@ -8086,18 +8097,19 @@ function resolveRef(schema, schemas, options) {
   return schema;
 }
 class K8sOpenAPI {
-  constructor(resourceBasePath) {
+  constructor(resourceBasePath, pathPrefix) {
     // private response: OpenAPIResponse | null = null;
     __publicField(this, "apiVersion");
     __publicField(this, "schemas", null);
     this.resourceBasePath = resourceBasePath;
+    this.pathPrefix = pathPrefix;
     this.apiVersion = getApiVersion(resourceBasePath);
   }
   // Fetch and process OpenAPI schemas
   async fetch() {
     try {
       const response = await fetch(
-        `/api/sks/api/v1/clusters/sks-mgmt/proxy/openapi/v3${this.resourceBasePath}`
+        `${this.pathPrefix}${this.resourceBasePath}`
       );
       const result = await response.json();
       this.schemas = Object.values(result.components.schemas);
@@ -8142,6 +8154,9 @@ class K8sOpenAPI {
     });
   }
 }
+const ConstantsContext = createContext({
+  schemaUrlPrefix: ""
+});
 function useApiGroupSchema() {
   const [state2, setState] = useState({
     schemas: null,
@@ -8149,7 +8164,7 @@ function useApiGroupSchema() {
     loading: false,
     error: null
   });
-  const fetchSchema = useCallback(async (apiGroups) => {
+  const fetchSchema = useCallback(async (apiGroups, schemaUrlPrefix) => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       const results = await Promise.all(
@@ -8157,7 +8172,7 @@ function useApiGroupSchema() {
           if (state2.schemasMap[apiGroup]) {
             return { apiGroup, schemas: state2.schemasMap[apiGroup] };
           }
-          const openapi = new K8sOpenAPI(apiGroup);
+          const openapi = new K8sOpenAPI(apiGroup, schemaUrlPrefix);
           const groupSchemas = await openapi.fetch();
           return { apiGroup, schemas: groupSchemas || [] };
         })
@@ -8180,18 +8195,19 @@ function useApiGroupSchema() {
   return { ...state2, fetchSchema };
 }
 function useSchema(options) {
-  var _a;
+  var _a, _b;
   const [schema, setSchema] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const useResourceResult = useResource();
   const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
+  const { schemaUrlPrefix } = useContext(ConstantsContext);
   const openapi = useMemo(
     () => {
       var _a2;
-      return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath);
+      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]
+    [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.resourceBasePath, schemaUrlPrefix]
   );
   const fetchSchema = useCallback(async () => {
     var _a2;
@@ -8207,7 +8223,7 @@ function useSchema(options) {
     } finally {
       setLoading(false);
     }
-  }, [resource, openapi]);
+  }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
   useEffect(() => {
     if (options == null ? void 0 : options.skip)
       return;
@@ -8246,11 +8262,13 @@ var cx = function cx2() {
 };
 var cx_default = cx;
 const ConfigsContext = createContext({});
-const useDeleteModal_vv2pzj = "";
+const modal_1eijuvm = "";
+const FullscreenModalStyle = "fq4465w";
+const SmallModalStyle = "s1nc293e";
+const useDeleteModal_mi8he5 = "";
 const TextStyle = "t1vq0ett";
 const TipStyle = "t139onst";
 const NameStyle$1 = "n18lzor8";
-const ModalStyle = "mvvgkkc";
 const useDeleteModal = (resource) => {
   const configs = useContext(ConfigsContext);
   const config = configs[resource];
@@ -8265,7 +8283,7 @@ const useDeleteModal = (resource) => {
     t: t2
   } = useTranslation();
   const modalProps = {
-    className: ModalStyle,
+    className: SmallModalStyle,
     title: t2("dovetail.delete_resource", {
       resource: config.kind
     }),
@@ -8346,7 +8364,7 @@ const useDeleteModal = (resource) => {
     openDeleteConfirmModal
   };
 };
-const index_wrn16i = "";
+const index_18b69qa = "";
 const EMPTY_VALUES = [void 0, null, "", "-"];
 const EmptyStyle = "e5223w8";
 const ContentStyle$2 = "cdjsw14";
@@ -8358,7 +8376,7 @@ function ValueDisplay(props) {
     style
   } = props;
   return EMPTY_VALUES.includes(value2) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-    className: cx_default(EmptyStyle, className),
+    className: cx_default(EmptyStyle, "empty-text", className),
     style,
     children: "-"
   }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -8430,7 +8448,7 @@ function DurationTime(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: elapsedTime(value2, i18nMap).label || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" }) });
 }
-const index_hex8jv = "";
+const index_1xaw1mq = "";
 const BreadcrumbStyle = "b142d7q8";
 function Breadcrumb(props) {
   const {
@@ -8738,7 +8756,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_cp12i5 = "";
+const index_1q7r2i0 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -8799,13 +8817,13 @@ const WidgetErrorContent = (props) => {
     })
   });
 };
-const TableWidgets_ny30pi = "";
+const TableWidgets_sc2nyo = "";
 const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
   name: "AuxiliaryLine",
   class: "ax1qopv",
   propsAsIs: false
 });
-const index_dmbxj3 = "";
+const index_dp43sd = "";
 const TableContainerStyle = "t1upn1sz";
 function Table(props) {
   const {
@@ -9118,6 +9136,16 @@ class ResourceModel {
   restore() {
     return this._rawYaml;
   }
+  updateLabel(labels) {
+    const newYaml = this._globalStore.restoreItem(this);
+    newYaml.metadata.labels = labels;
+    return newYaml;
+  }
+  updateAnnotation(annotations) {
+    const newYaml = this._globalStore.restoreItem(this);
+    newYaml.metadata.annotations = annotations;
+    return newYaml;
+  }
 }
 class IngressModel extends ResourceModel {
   constructor(_rawYaml, _globalStore) {
@@ -9614,7 +9642,7 @@ const SERVER_INSTANCE_INIT_VALUE = {
     }
   }
 };
-const TIMESTAMP_LABEL = "sks.user.kubesmart.smtx.io/timestamp";
+const REDEPLOY_TIMESTAMP_KEY = "kubectl.kubernetes.io/restartedAt";
 const SECRET_OPAQUE_INIT_VALUE = {
   "apiVersion": "v1",
   "kind": "Secret",
@@ -9863,7 +9891,7 @@ class WorkloadModel extends WorkloadBaseModel {
     const annotations = lodashExports.get(newOne, path2, {});
     lodashExports.set(newOne, path2, {
       ...annotations,
-      [TIMESTAMP_LABEL]: (/* @__PURE__ */ new Date()).toISOString().replace(/\.\d+Z$/, "Z")
+      [REDEPLOY_TIMESTAMP_KEY]: (/* @__PURE__ */ new Date()).toISOString().replace(/\.\d+Z$/, "Z")
     });
     return newOne;
   }
@@ -10239,7 +10267,7 @@ class PersistentVolumeClaimModel extends ResourceModel {
     this._rawYaml = _rawYaml;
   }
 }
-const index_1lzkrja = "";
+const index_1iq0dq9 = "";
 const ServiceInClusterAccessComponent = ({
   service
 }) => {
@@ -10318,7 +10346,7 @@ const ServiceOutClusterAccessComponent = ({
     children: content || "-"
   });
 };
-const index_10ylmu3 = "";
+const index_1sc40y3 = "";
 const TagWrapper = "t13a6vox";
 const TagStyle = "t12ikbmp";
 const Tags = (props) => {
@@ -10345,7 +10373,7 @@ const Tags = (props) => {
     children: tags
   });
 };
-const StateTag_1wmvw42 = "";
+const StateTag_1o2atxo = "";
 const StateTagStyle = "s8qkbck";
 const StateTag = ({
   state: state2 = WorkloadState.UPDATING,
@@ -10430,7 +10458,7 @@ var relativeTime$1 = { exports: {} };
 })(relativeTime$1);
 var relativeTimeExports = relativeTime$1.exports;
 const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-const index_1779z85 = "";
+const index_1jgp4p8 = "";
 dayjs.extend(relativeTime, {
   thresholds: [{
     l: "s",
@@ -10602,7 +10630,7 @@ function download(filename, content) {
 function useDownloadYAML() {
   return function(options) {
     const { name: name2, item } = options;
-    const content = yaml.dump(item);
+    const content = yaml$1.dump(item);
     download(`${name2}.yaml`, content);
   };
 }
@@ -10687,6 +10715,410 @@ function useOpenForm(options) {
     }
   };
 }
+function FormErrorAlert(props) {
+  const { title, errorMsgs, style, className, isEdit } = props;
+  const { i18n: i18n2 } = useTranslation();
+  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Alert,
+    {
+      message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
+        errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+          index2 + 1 + ". ",
+          " ",
+          errorMsg
+        ] }, errorMsg)) }) : first(errorMsgs)
+      ] }),
+      type: "error",
+      style,
+      className
+    }
+  ) : null;
+}
+function getCommonErrors(responseBody, i18n2) {
+  var _a;
+  if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
+    return [];
+  }
+  const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
+  if (causes.length) {
+    return causes.map((cause) => {
+      let params = {};
+      let message2 = cause.message;
+      try {
+        const info = JSON.parse(cause.message);
+        params = info.params;
+        message2 = info.message;
+      } catch {
+        return i18n2.t(
+          [
+            `error.${cause.reason}`,
+            `error.${cause.code}`,
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
+          ],
+          {
+            ...params,
+            fallbackLng: ""
+          }
+        );
+      }
+      return i18n2.t(
+        [
+          `error.${cause.reason}`,
+          `error.${cause.code}`,
+          `${cause.field ? `${cause.field}: ` : ""}${message2}`
+        ],
+        {
+          ...params,
+          fallbackLng: ""
+        }
+      );
+    });
+  }
+  return [
+    i18n2.t(
+      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+      { fallbackLng: "" }
+    )
+  ];
+}
+function useSubmitForm(options) {
+  const { formRef, onSubmitSuccess } = options;
+  const { i18n: i18n2 } = useTranslation();
+  const [submitting, setSubmitting] = useState(false);
+  const [errorMsgs, setErrorMsgs] = useState([]);
+  const reset = useCallback(() => {
+    setSubmitting(false);
+    setErrorMsgs([]);
+  }, []);
+  const onSubmit = useCallback(async () => {
+    var _a;
+    try {
+      setSubmitting(true);
+      await ((_a = formRef.current) == null ? void 0 : _a.submit());
+      onSubmitSuccess == null ? void 0 : onSubmitSuccess();
+      reset();
+    } catch (error) {
+      if (error instanceof Object) {
+        if ("response" in error && error.response instanceof Response) {
+          const response = error.response;
+          const body = await response.json();
+          setErrorMsgs(getCommonErrors(body, i18n2));
+        } else if ("message" in error && typeof error.message === "string") {
+          setErrorMsgs([error.message]);
+        }
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  }, [formRef, i18n2, reset, onSubmitSuccess]);
+  return {
+    submitting,
+    errorMsgs,
+    reset,
+    onSubmit
+  };
+}
+const index_130sdg8 = "";
+const EditButtonStyle = "esoz3jw";
+function EditFieldModal(props) {
+  const {
+    title,
+    formRef: form2,
+    renderContent,
+    fullscreen
+  } = props;
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const popModal = usePopModal();
+  const {
+    submitting,
+    errorMsgs,
+    reset,
+    onSubmit
+  } = useSubmitForm({
+    formRef: form2,
+    onSubmitSuccess: () => {
+      popModal();
+    }
+  });
+  const close = useCallback(() => {
+    popModal();
+    reset();
+  }, [reset]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
+    className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
+    title: title || i18n2.t("dovetail.edit"),
+    confirmLoading: submitting,
+    onOk: onSubmit,
+    onCancel: close,
+    okText: i18n2.t("dovetail.save"),
+    normal: true,
+    destroyOnClose: true,
+    fullscreen,
+    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+      style: {
+        marginTop: 16
+      },
+      errorMsgs,
+      isEdit: true
+    })]
+  });
+}
+function EditField(props) {
+  const {
+    modalProps
+  } = props;
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  const {
+    resource
+  } = useResource();
+  const pushModal = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+      className: EditButtonStyle,
+      type: "link",
+      onClick: () => {
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: i18n2.t("dovetail.edit")
+    })
+  });
+}
+const EditLabelForm = React__default.forwardRef(
+  function EditLabelForm2(props, ref) {
+    var _a;
+    const { resourceModel } = props;
+    const { mutateAsync } = useUpdate();
+    const { t: t2 } = useTranslation();
+    const [value2, setValue] = useState([]);
+    const defaultValue = useMemo(() => {
+      var _a2;
+      return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.labels) || {}).map((key2) => {
+        var _a3, _b;
+        return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.labels) == null ? void 0 : _b[key2] };
+      });
+    }, [(_a = resourceModel.metadata) == null ? void 0 : _a.labels]);
+    const submit = useCallback(() => {
+      const newLabels = {};
+      value2.forEach(({ key: key2, value: value22 }) => {
+        newLabels[key2] = value22;
+      });
+      const newYaml = resourceModel.updateLabel(newLabels);
+      pruneBeforeEdit(newYaml);
+      return mutateAsync({
+        id: resourceModel.id,
+        resource: resourceModel.name || "",
+        values: newYaml,
+        meta: {
+          resourceBasePath: resourceModel.apiVersion,
+          kind: resourceModel.kind
+        },
+        successNotification() {
+          return {
+            message: t2("dovetail.edit_label_success_toast", {
+              kind: resourceModel.kind,
+              name: resourceModel.metadata.name,
+              interpolation: {
+                escapeValue: false
+              }
+            }),
+            type: "success"
+          };
+        },
+        errorNotification: false
+      });
+    }, [value2, resourceModel, mutateAsync, t2]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit
+      }),
+      [submit]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TableForm,
+      {
+        onBodyChange: (value22) => {
+          setValue(value22);
+        },
+        columns: [
+          {
+            key: "key",
+            title: "Key",
+            type: "input"
+          },
+          {
+            key: "value",
+            title: "Value",
+            type: "input"
+          }
+        ],
+        disableBatchFilling: true,
+        rowAddConfig: {
+          addible: true
+        },
+        defaultData: defaultValue,
+        row: {
+          deletable: true
+        }
+      }
+    );
+  }
+);
+function EditLabelDropdownMenuItem(props) {
+  const { formRef, resourceModel } = props;
+  const { t: t2 } = useTranslation();
+  const pushModal = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Menu$1.Item,
+    {
+      className: "ant-dropdown-menu-item",
+      onClick: () => {
+        const modalProps = {
+          formRef,
+          title: t2("dovetail.edit_label"),
+          fullscreen: true,
+          renderContent() {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              EditLabelForm,
+              {
+                ref: formRef,
+                resourceModel
+              }
+            );
+          }
+        };
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_label") })
+    }
+  );
+}
+const EditAnnotationForm = React__default.forwardRef(
+  function EditAnnotationForm2(props, ref) {
+    var _a;
+    const { resourceModel } = props;
+    const { mutateAsync } = useUpdate();
+    const { t: t2 } = useTranslation();
+    const [value2, setValue] = useState([]);
+    const defaultValue = useMemo(() => {
+      var _a2;
+      return Object.keys(((_a2 = resourceModel.metadata) == null ? void 0 : _a2.annotations) || {}).map((key2) => {
+        var _a3, _b;
+        return { key: key2, value: (_b = (_a3 = resourceModel.metadata) == null ? void 0 : _a3.annotations) == null ? void 0 : _b[key2] };
+      });
+    }, [(_a = resourceModel.metadata) == null ? void 0 : _a.annotations]);
+    const submit = useCallback(() => {
+      const newAnnotations = {};
+      value2.forEach(({ key: key2, value: value22 }) => {
+        newAnnotations[key2] = value22;
+      });
+      const newYaml = resourceModel.updateLabel(newAnnotations);
+      pruneBeforeEdit(newYaml);
+      return mutateAsync({
+        id: resourceModel.id,
+        resource: resourceModel.name || "",
+        values: newYaml,
+        meta: {
+          resourceBasePath: resourceModel.apiVersion,
+          kind: resourceModel.kind
+        },
+        successNotification() {
+          return {
+            message: t2("dovetail.edit_annotation_success_toast", {
+              kind: resourceModel.kind,
+              name: resourceModel.metadata.name,
+              interpolation: {
+                escapeValue: false
+              }
+            }),
+            type: "success"
+          };
+        },
+        errorNotification: false
+      });
+    }, [value2, resourceModel, mutateAsync, t2]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit
+      }),
+      [submit]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TableForm,
+      {
+        onBodyChange: (value22) => {
+          setValue(value22);
+        },
+        columns: [
+          {
+            key: "key",
+            title: "Key",
+            type: "input"
+          },
+          {
+            key: "value",
+            title: "Value",
+            type: "input"
+          }
+        ],
+        disableBatchFilling: true,
+        rowAddConfig: {
+          addible: true
+        },
+        defaultData: defaultValue,
+        row: {
+          deletable: true
+        }
+      }
+    );
+  }
+);
+function EditAnnotationDropdownMenuItem(props) {
+  const { formRef, resourceModel } = props;
+  const { t: t2 } = useTranslation();
+  const pushModal = usePushModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Menu$1.Item,
+    {
+      className: "ant-dropdown-menu-item",
+      onClick: () => {
+        const modalProps = {
+          formRef,
+          title: t2("dovetail.edit_annotation"),
+          fullscreen: true,
+          renderContent() {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              EditAnnotationForm,
+              {
+                ref: formRef,
+                resourceModel
+              }
+            );
+          }
+        };
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
+    }
+  );
+}
 function K8sDropdown(props) {
   const { record, size = "normal" } = props;
   const { globalStore } = useGlobalStore();
@@ -10707,18 +11139,15 @@ function K8sDropdown(props) {
     resource: resource == null ? void 0 : resource.name,
     action: AccessControlAuth.Delete
   });
+  const formRef = useRef(null);
+  const editLabelMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelDropdownMenuItem, { formRef, resourceModel: record }) : null;
+  const editAnnotationMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationDropdownMenuItem, { formRef, resourceModel: record }) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Dropdown,
       {
         overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Menu$1.Item,
-            {
-              onClick: openForm,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
-            }
-          ),
+          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Menu$1.Item,
             {
@@ -10734,6 +11163,8 @@ function K8sDropdown(props) {
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
             }
           ),
+          editLabelMenuItem,
+          editAnnotationMenuItem,
           props.children,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }) : null,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -10920,7 +11351,7 @@ const DeleteManyButton = (props) => {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
-const TableToolBar_4s5vf2 = "";
+const TableToolBar_nvjftd = "";
 const ToolbarWrapperStyle = "t1v3ienx";
 const ToolbarStyle$3 = "tgejfwe";
 const TitleStyle$2 = "tq6dc79";
@@ -10956,7 +11387,7 @@ const TableToolBar = ({
     }) : null]
   });
 };
-const index_6qzjtx = "";
+const index_dyz3nd = "";
 const WrapperStyle$5 = "w16agr8o";
 function matchOwner(job, owner) {
   var _a;
@@ -11111,7 +11542,7 @@ const EventsTable = ({ uid }) => {
     }
   );
 };
-const index_218swh = "";
+const index_mvy4dx = "";
 const ImageWrapperStyle = "i1u1f5zp";
 const ImageNames = ({
   value: value2,
@@ -11125,7 +11556,7 @@ const ImageNames = ({
     }, `${image2}-${index2}`)) : value2.join(", ")
   });
 };
-const index_1m8lip = "";
+const index_14bl0m = "";
 const LinkStyle$1 = "lmmrm55";
 function LinkFallback({
   fullPath
@@ -11142,7 +11573,7 @@ function LinkFallback({
     children: fullPath
   });
 }
-const index_cbhkdt = "";
+const index_x36tts = "";
 const LinkStyle = "l1vnw9x0";
 const ResourceLink = (props) => {
   const {
@@ -11281,7 +11712,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_q4vd5r = "";
+const KeyValue_18l1y97 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -11317,7 +11748,7 @@ const KeyValue = (props) => {
 function toAsterisk(str) {
   return Array(str.length).join("*");
 }
-const KeyValueAnnotation_1inegjq = "";
+const KeyValueAnnotation_ug7k2g = "";
 const WrapperStyle$4 = "w14056kz";
 const HeaderStyle$1 = "hisq2gt";
 const HeaderItemStyle = "h11urhaw";
@@ -11361,7 +11792,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_1u0cbxv = "";
+const ShowContent_11g4jr2 = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -11572,7 +12003,7 @@ const ShowContent = (props) => {
     }), tabs]
   });
 };
-const KeyValueSecret_1ibo68a = "";
+const KeyValueSecret_c3ji18 = "";
 const ButtonStyle = "b11tbgf7";
 const GroupStyle = "gtbyh5g";
 function KeyValueSecret(props) {
@@ -11627,7 +12058,7 @@ function PVVolumeModeDisplay(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
 }
-const WorkloadPodsTable_1giuese = "";
+const WorkloadPodsTable_975j2t = "";
 const WorkloadPodsTable = ({
   namespace: namespace2,
   selector,
@@ -11696,183 +12127,7 @@ const WorkloadPodsTable = ({
     })]
   });
 };
-function FormErrorAlert(props) {
-  const { title, errorMsgs, style, className, isEdit } = props;
-  const { i18n: i18n2 } = useTranslation();
-  return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Alert,
-    {
-      message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-        errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-          index2 + 1 + ". ",
-          " ",
-          errorMsg
-        ] }, errorMsg)) }) : first(errorMsgs)
-      ] }),
-      type: "error",
-      style,
-      className
-    }
-  ) : null;
-}
-function getCommonErrors(responseBody, i18n2) {
-  var _a;
-  if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
-    return [];
-  }
-  const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
-  if (causes.length) {
-    return causes.map((cause) => {
-      let params = {};
-      let message2 = cause.message;
-      try {
-        const info = JSON.parse(cause.message);
-        params = info.params;
-        message2 = info.message;
-      } catch {
-        return i18n2.t(
-          [
-            `error.${cause.reason}`,
-            `error.${cause.code}`,
-            `${cause.field ? `${cause.field}: ` : ""}${message2}`
-          ],
-          {
-            ...params,
-            fallbackLng: ""
-          }
-        );
-      }
-      return i18n2.t(
-        [
-          `error.${cause.reason}`,
-          `error.${cause.code}`,
-          `${cause.field ? `${cause.field}: ` : ""}${message2}`
-        ],
-        {
-          ...params,
-          fallbackLng: ""
-        }
-      );
-    });
-  }
-  return [
-    i18n2.t(
-      [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
-      { fallbackLng: "" }
-    )
-  ];
-}
-function useSubmitForm(options) {
-  const { formRef, onSubmitSuccess } = options;
-  const { i18n: i18n2 } = useTranslation();
-  const [submitting, setSubmitting] = useState(false);
-  const [errorMsgs, setErrorMsgs] = useState([]);
-  const reset = useCallback(() => {
-    setSubmitting(false);
-    setErrorMsgs([]);
-  }, []);
-  const onSubmit = useCallback(async () => {
-    var _a;
-    try {
-      setSubmitting(true);
-      await ((_a = formRef.current) == null ? void 0 : _a.submit());
-      onSubmitSuccess == null ? void 0 : onSubmitSuccess();
-      reset();
-    } catch (error) {
-      if (error instanceof Object) {
-        if ("response" in error && error.response instanceof Response) {
-          const response = error.response;
-          const body = await response.json();
-          setErrorMsgs(getCommonErrors(body, i18n2));
-        } else if ("message" in error && typeof error.message === "string") {
-          setErrorMsgs([error.message]);
-        }
-      }
-    } finally {
-      setSubmitting(false);
-    }
-  }, [formRef, i18n2, reset, onSubmitSuccess]);
-  return {
-    submitting,
-    errorMsgs,
-    reset,
-    onSubmit
-  };
-}
-const index_1twfoei = "";
-const EditButtonStyle = "esoz3jw";
-function EditFieldModal(props) {
-  const {
-    title,
-    formRef: form,
-    renderContent
-  } = props;
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const popModal = usePopModal();
-  const {
-    submitting,
-    errorMsgs,
-    reset,
-    onSubmit
-  } = useSubmitForm({
-    formRef: form,
-    onSubmitSuccess: () => {
-      popModal();
-    }
-  });
-  const close = useCallback(() => {
-    popModal();
-    reset();
-  }, [reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
-    className: ModalStyle,
-    title: title || i18n2.t("dovetail.edit"),
-    confirmLoading: submitting,
-    onOk: onSubmit,
-    onCancel: close,
-    okText: i18n2.t("dovetail.save"),
-    normal: true,
-    destroyOnClose: true,
-    children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-      style: {
-        marginTop: 16
-      },
-      errorMsgs,
-      isEdit: true
-    })]
-  });
-}
-function EditField(props) {
-  const {
-    modalProps
-  } = props;
-  const {
-    i18n: i18n2
-  } = useTranslation();
-  const {
-    resource
-  } = useResource();
-  const pushModal = usePushModal();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
-    resource: resource == null ? void 0 : resource.name,
-    action: AccessControlAuth.Edit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-      className: EditButtonStyle,
-      type: "link",
-      onClick: () => {
-        pushModal({
-          component: EditFieldModal,
-          props: modalProps
-        });
-      },
-      children: i18n2.t("dovetail.edit")
-    })
-  });
-}
-const index_c9frt4 = "";
+const index_p1cude = "";
 const WorkloadReplicasWrapperStyle = "w8ychfk";
 const DonutChartWrapperStyle = "d1o004do";
 const DonutChartStyle = "dfo80qq";
@@ -17956,7 +18211,7 @@ const LogViewerBase = memo((_a) => {
 const LogViewer = React__default.forwardRef((props, ref) => React__default.createElement(LogViewerBase, Object.assign({ innerRef: ref }, props)));
 LogViewer.displayName = "LogViewer";
 const baseNoReset = "";
-const index_jv52b6 = "";
+const index_v855ki = "";
 const WrapperStyle$3 = "wve7dfm";
 const ToolbarStyle$2 = "t9oeh3c";
 const ToolbarAreaStyle$1 = "t1u2zqn6";
@@ -18191,7 +18446,7 @@ const PodLogTab = (i18n2) => ({
     }
   ]
 });
-const style_inzxm5 = "";
+const style_h6krld = "";
 const ToolBarStyle = "t1joof7s";
 const ToolBarHeaderStyle = "tti58uh";
 const ErrorIconStyle = "e15yt16p";
@@ -18365,7 +18620,7 @@ const MonacoYamlEditor$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __proto__: null,
   default: MonacoYamlEditor$1
 }, Symbol.toStringTag, { value: "Module" }));
-const NetworkPolicyRulesViewer_13asgaq = "";
+const NetworkPolicyRulesViewer_6z3c00 = "";
 const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
@@ -18387,7 +18642,7 @@ const NetworkPolicyRulesViewer = ({
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
     schemas: [],
-    defaultValue: yaml.dump(ingressOrEgress),
+    defaultValue: yaml$1.dump(ingressOrEgress),
     height: "300px",
     className: EditorStyle$1,
     readOnly: true,
@@ -18711,7 +18966,7 @@ const PageShow = (props) => {
   }, [isError, nav, resource]);
   return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
 };
-const index_17v8shn = "";
+const index_az4wrx = "";
 const WrapperStyle$1 = "w1akirqw";
 const TitleStyle = "t30srnq";
 function FormLayout(props) {
@@ -31920,7 +32175,7 @@ function copy(text, options) {
 }
 var copyToClipboard$1 = copy;
 const copyToClipboard$2 = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboard$1);
-const ShellToolbar_ox6trc = "";
+const ShellToolbar_ihg418 = "";
 const ToolbarStyle$1 = "tzxa6d";
 const ToolbarAreaStyle = "t1sxu3rr";
 const IconWrapperStyle = "ix8ych8";
@@ -32029,7 +32284,7 @@ function ShellToolbar(props) {
   });
 }
 const xterm = "";
-const index_z4cp87 = "";
+const index_1bj2t02 = "";
 const ContainerStyle = "c1q5a2qi";
 const ShellStyle = "sdz5fm1";
 const LoadingStyle = "lbp0h2e";
@@ -32409,8 +32664,6 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
   });
 });
 const GlobalStoreContext = createContext({});
-const modal_7iwhwk = "";
-const FullscreenModalStyle = "fq4465w";
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;
@@ -34650,7 +34903,7 @@ function parseJSON(value2) {
     return void 0;
   }
 }
-const index_1xad2h9 = "";
+const index_1jqojte = "";
 const SelectStyle = "sj0ggy";
 const DropdownStyle = "d1eo8uqs";
 const SearchInputStyle = "s64gojc";
@@ -34856,7 +35109,7 @@ function useNamespaceRefineFilter() {
   }), [nsFilters]);
   return filters;
 }
-const index_hp158y = "";
+const index_1l2xllo = "";
 const ListPageStyle = "laykzsq";
 const ListContentStyle = "l1ng0psc";
 const TableStyle = "tj6zpn4";
@@ -34950,6 +35203,8 @@ function ResourceShow(props) {
     }
   );
 }
+const button_1uhn9v1 = "";
+const WarningButtonStyle = "wwyz7ti";
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value2) => value2 instanceof Date;
 var isNullOrUndefined = (value2) => value2 == null;
@@ -36310,9 +36565,9 @@ function createFormControl(props = {}, flushRootRender) {
             if (field && field._f) {
               const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
               if (isHTMLElement(fieldReference)) {
-                const form = fieldReference.closest("form");
-                if (form) {
-                  form.reset();
+                const form2 = fieldReference.closest("form");
+                if (form2) {
+                  form2.reset();
                   break;
                 }
               }
@@ -36527,43 +36782,41 @@ function useForm$1(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-const RefineFormContent_1jki0fx = "";
-const RefineFormContent = (props) => {
+function useFieldsConfig(config, resourceId) {
   var _a, _b, _c, _d;
-  const {
-    config,
-    formResult,
-    resourceId,
-    errorMsg
-  } = props;
-  const {
-    control,
-    getValues
-  } = formResult;
   const action = resourceId ? "edit" : "create";
   const listQuery = useList({
     resource: config == null ? void 0 : config.name,
-    meta: {
-      resourceBasePath: config == null ? void 0 : config.basePath,
-      kind: config == null ? void 0 : config.kind
-    },
+    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
     pagination: {
       mode: "off"
     }
   });
   const showQuery = useShow({
     resource: config == null ? void 0 : config.name,
-    meta: {
-      resourceBasePath: config == null ? void 0 : config.basePath,
-      kind: config == null ? void 0 : config.kind
-    },
+    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
     id: resourceId
   });
-  const formFieldsConfig = (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
+  return (_d = (_a = config == null ? void 0 : config.formConfig) == null ? void 0 : _a.fields) == null ? void 0 : _d.call(_a, {
     record: (_b = showQuery.queryResult.data) == null ? void 0 : _b.data,
     records: ((_c = listQuery.data) == null ? void 0 : _c.data) || [],
     action
   });
+}
+const RefineFormContent_7gh3uw = "";
+const RefineFormContent = (props) => {
+  const {
+    config,
+    formResult,
+    resourceId,
+    errorMsg
+  } = props;
+  const {
+    control,
+    getValues
+  } = formResult;
+  const action = resourceId ? "edit" : "create";
+  const formFieldsConfig = useFieldsConfig(config, resourceId);
   const fields = formFieldsConfig == null ? void 0 : formFieldsConfig.map((c2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Controller, {
       control,
@@ -36593,7 +36846,7 @@ const RefineFormContent = (props) => {
         },
         fieldState
       }) => {
-        var _a2;
+        var _a;
         const formValue = getValues();
         let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.String, {
           placeholder: c2.placeholder,
@@ -36646,7 +36899,7 @@ const RefineFormContent = (props) => {
           labelCol: {
             flex: "0 0 216px"
           },
-          help: (_a2 = fieldState.error) == null ? void 0 : _a2.message,
+          help: (_a = fieldState.error) == null ? void 0 : _a.message,
           validateStatus: fieldState.invalid ? "error" : void 0,
           children: ele
         }, c2.key);
@@ -37341,7 +37594,7 @@ const useRefineForm = (props) => {
   }, [config.formConfig, result]);
   return { formResult: result, responseErrorMsg };
 };
-const index_12sfrn = "";
+const index_2ivb33 = "";
 const Style = "s1bsn3us";
 const Separator = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -37349,7 +37602,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-2612b8d0.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1593cfad.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -37681,7 +37934,7 @@ function generateYamlBySchema(defaultValue, schema) {
     return merged2;
   }
   const merged = merge2(defaultValue, typeObject);
-  const content = yaml.dump(merged);
+  const content = yaml$1.dump(merged);
   return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
 }
 const useGlobalStore = () => {
@@ -37715,8 +37968,10 @@ const useYamlForm = ({
   overtimeOptions,
   editorOptions,
   initialValuesForCreate,
+  initialValuesForEdit,
   transformInitValues,
-  transformApplyValues
+  transformApplyValues,
+  rules
 } = {}) => {
   var _a;
   const editor = useRef(null);
@@ -37725,6 +37980,7 @@ const useYamlForm = ({
   const [isYamlValid, setIsYamlValid] = useState(true);
   const [isSchemaValid, setIsSchemaValid] = useState(true);
   const [editorErrors, setEditorErrors] = useState([]);
+  const [rulesErrors, setRulesErrors] = useState([]);
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
@@ -37740,11 +37996,20 @@ const useYamlForm = ({
   const formSF = useForm$3({
     form: formAnt
   });
-  const { form } = formSF;
+  const { form: form2 } = formSF;
   const { fold: fold2 } = useK8sYamlEditor();
   const useFormCoreResult = useForm$2({
     onMutationSuccess: onMutationSuccessProp ? onMutationSuccessProp : void 0,
-    onMutationError,
+    onMutationError: (error, ...restParams) => {
+      var _a2;
+      const response = error.response;
+      if (response && !(response == null ? void 0 : response.bodyUsed)) {
+        (_a2 = response.json) == null ? void 0 : _a2.call(response).then((body) => {
+          setErrorResponseBody(body);
+        });
+      }
+      onMutationError == null ? void 0 : onMutationError(error, ...restParams);
+    },
     redirect,
     action: actionFromProps,
     resource,
@@ -37770,30 +38035,24 @@ const useYamlForm = ({
   const { formLoading, onFinish, queryResult } = useFormCoreResult;
   const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = useWarnAboutChange();
   const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+  const action = useMemo(
+    () => actionFromProps || useResourceResult.action,
+    [actionFromProps, useResourceResult.action]
+  );
   const initialValues = useMemo(() => {
     var _a2;
-    const initialValues2 = (((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) ? globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data) : initialValuesForCreate) || {};
+    const initialValues2 = (action === "edit" && ((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) ? initialValuesForEdit || (globalStore == null ? void 0 : globalStore.restoreItem(queryResult.data.data)) : initialValuesForCreate) || {};
     if (initialValues2) {
       pruneBeforeEdit(initialValues2);
     }
     return (transformInitValues == null ? void 0 : transformInitValues(initialValues2)) || initialValues2;
   }, [queryResult, globalStore, initialValuesForCreate, transformInitValues]);
-  const action = useMemo(
-    () => actionFromProps || useResourceResult.action,
-    [actionFromProps, useResourceResult.action]
-  );
-  React__default.useEffect(() => {
-    var _a2, _b;
-    const response = (_a2 = useFormCoreResult.mutationResult.error) == null ? void 0 : _a2.response;
-    if (response && !(response == null ? void 0 : response.bodyUsed)) {
-      (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        setErrorResponseBody(body);
-      });
-    }
-  }, [useFormCoreResult.mutationResult]);
+  const finalErrors = useMemo(() => {
+    return uniq([...editorErrors, ...rulesErrors]);
+  }, [editorErrors, rulesErrors]);
   const onKeyUp = (event2) => {
     if (submitOnEnter && event2.key === "Enter") {
-      form.submit();
+      form2.submit();
     }
   };
   const onValuesChange = (changeValues) => {
@@ -37802,14 +38061,33 @@ const useYamlForm = ({
     }
     return changeValues;
   };
+  const validateYaml = (yamlValue) => {
+    const errorMap = {};
+    if (rules && isYamlValid && isSchemaValid) {
+      const formValue = yaml$1.load(yamlValue || "");
+      rules.forEach((rule2) => {
+        const { path: path2, validators } = rule2;
+        const value2 = get$3(formValue, path2);
+        for (const validator of validators || []) {
+          const { isValid, errorMsg } = validator(value2, formValue);
+          if (!isValid) {
+            errorMap[path2.join(".")] = `${errorMsg}(${path2.join(".")})`;
+            break;
+          }
+        }
+      });
+    }
+    setRulesErrors(uniq(Object.values(errorMap)));
+    return errorMap;
+  };
   const saveButtonProps = useMemo(
     () => ({
       loading: formLoading,
       onClick: () => {
-        form.submit();
+        form2.submit();
       }
     }),
-    [formLoading, form]
+    [formLoading, form2]
   );
   const schemas = useMemo(() => {
     return schema ? [schema] : [];
@@ -37818,10 +38096,10 @@ const useYamlForm = ({
     var _a2;
     return {
       ref: editor,
-      defaultValue: schema && (editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations) ? generateYamlBySchema(initialValues || {}, schema) : yaml.dump(initialValues),
+      defaultValue: schema && (editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations) ? generateYamlBySchema(initialValues || {}, schema) : yaml$1.dump(initialValues),
       schemas,
       id: ((_a2 = useResourceResult.resource) == null ? void 0 : _a2.name) || "",
-      errorMsgs: editorErrors,
+      errorMsgs: finalErrors,
       onValidate(yamlValid, schemaValid) {
         setIsYamlValid(yamlValid);
         setIsSchemaValid(schemaValid);
@@ -37831,7 +38109,7 @@ const useYamlForm = ({
       },
       onEditorCreate(editorInstance) {
         var _a3, _b;
-        const editorValue = yaml.dump(initialValues);
+        const editorValue = yaml$1.dump(initialValues);
         (_a3 = editor.current) == null ? void 0 : _a3.setEditorValue(editorValue);
         (_b = editor.current) == null ? void 0 : _b.setValue(editorValue);
         if (action === "edit") {
@@ -37839,13 +38117,13 @@ const useYamlForm = ({
         }
       }
     };
-  }, [schema, editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations, initialValues, schemas, (_a = useResourceResult.resource) == null ? void 0 : _a.name, editorErrors, action, fold2]);
+  }, [schema, editorOptions == null ? void 0 : editorOptions.isGenerateAnnotations, initialValues, schemas, (_a = useResourceResult.resource) == null ? void 0 : _a.name, editorErrors, action, finalErrors, fold2]);
   return {
     form: formSF.form,
     formProps: {
       ...formSF.formProps,
       onFinish: (values) => {
-        var _a2;
+        var _a2, _b;
         const errors = [
           !isYamlValid ? t2("dovetail.yaml_format_wrong") : "",
           !isSchemaValid ? t2("dovetail.yaml_value_wrong") : ""
@@ -37854,8 +38132,13 @@ const useYamlForm = ({
           setEditorErrors(errors);
           return;
         }
+        const rulesErrors2 = validateYaml(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "");
+        if (Object.keys(rulesErrors2).length) {
+          setRulesErrors(Object.values(rulesErrors2));
+          return;
+        }
         try {
-          const objectValues = editor.current ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values;
+          const objectValues = editor.current ? yaml$1.load(((_b = editor.current) == null ? void 0 : _b.getEditorValue()) || "") : values;
           const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
           return onFinish(finalValues);
         } catch (error) {
@@ -37885,19 +38168,19 @@ const useYamlForm = ({
     switchEditor() {
       var _a2, _b;
       if (enableEditor && ((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue())) {
-        const value2 = yaml.load((_b = editor.current) == null ? void 0 : _b.getEditorValue());
-        form == null ? void 0 : form.setFieldsValue(value2);
+        const value2 = yaml$1.load((_b = editor.current) == null ? void 0 : _b.getEditorValue());
+        form2 == null ? void 0 : form2.setFieldsValue(value2);
       }
       setEnableEditor(!enableEditor);
     },
     onFinish: async (values) => {
       var _a2;
-      const finalValues = enableEditor ? yaml.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values ?? formSF.form.getFieldsValue(true);
+      const finalValues = enableEditor ? yaml$1.load(((_a2 = editor.current) == null ? void 0 : _a2.getEditorValue()) || "") : values ?? formSF.form.getFieldsValue(true);
       return await onFinish(finalValues);
     }
   };
 };
-const YamlForm_1u3sf7g = "";
+const YamlForm_1lo4xcc = "";
 const FormStyle = "f1aiwt90";
 const EditorStyle = "e1guqlj2";
 var SchemaStrategy = /* @__PURE__ */ ((SchemaStrategy2) => {
@@ -37916,7 +38199,8 @@ function YamlForm(props) {
     transformInitValues,
     transformApplyValues,
     onSaveButtonPropsChange,
-    onErrorsChange
+    onErrorsChange,
+    rules
   } = props;
   const {
     action: actionFromResource,
@@ -37940,7 +38224,9 @@ function YamlForm(props) {
       /* None */
     },
     liveMode: "off",
-    initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE,
+    initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
+    initialValuesForEdit: props.initialValuesForEdit,
+    rules,
     successNotification(data2) {
       var _a;
       return {
@@ -38035,12 +38321,39 @@ function YamlForm(props) {
     })
   });
 }
-const FormModal_bppzr9 = "";
+const FormModal_64brhp = "";
 const FormDescStyle = "f1nltbcu";
-const MaxWidthModalStyle = "m1qgcca6";
-const ErrorStyle = "e1tl3wq2";
+const ErrorStyle = "e1qgcca6";
+const TitleWrapperStyle = "t1tl3wq2";
+function ConfirmModal({
+  onOk
+}) {
+  const {
+    t: t2
+  } = useTranslation();
+  const popModal = usePopModal();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, {
+    className: SmallModalStyle,
+    width: "414px",
+    title: t2("dovetail.edit_form"),
+    okButtonProps: {
+      type: "primary",
+      className: WarningButtonStyle
+    },
+    onOk: () => {
+      onOk == null ? void 0 : onOk();
+      popModal();
+    },
+    onCancel: popModal,
+    destroyOnClose: true,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      className: Typo.Label.l2_regular,
+      children: t2("dovetail.exit_yaml_tip")
+    })
+  });
+}
 function FormModal(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     resource: resourceFromProps,
     id,
@@ -38055,47 +38368,60 @@ function FormModal(props) {
   const configs = useContext(ConfigsContext);
   const [yamlSaveButtonProps, setYamlSaveButtonProps] = useState({});
   const [isError, setIsError] = useState(false);
+  const [mode, setMode] = useState(
+    "form"
+    /* Form */
+  );
+  const isYamlMode = mode === "yaml";
   const popModal = usePopModal();
+  const pushModal = usePushModal();
   const config = configs[resourceFromProps || (resource == null ? void 0 : resource.name) || ""];
+  const isDisabledChangeMode = (_a = config.formConfig) == null ? void 0 : _a.isDisabledChangeMode;
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
   const action = id ? "edit" : "create";
+  const fieldsConfig = useFieldsConfig(config, id);
+  const refineFormResult = useRefineForm({
+    config,
+    id,
+    refineProps: {
+      onMutationSuccess: () => {
+        popModal();
+      },
+      redirect: false,
+      ...(_b = config.formConfig) == null ? void 0 : _b.refineCoreProps
+    }
+  });
   const yamlFormProps = useMemo(() => {
     var _a2, _b2, _c2;
     return {
       ...props.formProps,
       transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
       transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
-      initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
+      initialValuesForCreate: isYamlMode ? refineFormResult.formResult.getValues() : ((_c2 = props.formProps) == null ? void 0 : _c2.initialValuesForCreate) || (config == null ? void 0 : config.initValue),
+      initialValuesForEdit: isYamlMode ? refineFormResult.formResult.getValues() : void 0,
       id,
       action,
       isShowLayout: false,
       useFormProps: {
         redirect: false
       },
+      rules: isYamlMode ? fieldsConfig == null ? void 0 : fieldsConfig.map((config2) => ({
+        path: config2.path,
+        validators: config2.validators
+      })) : void 0,
       onSaveButtonPropsChange: setYamlSaveButtonProps,
       onErrorsChange(errors) {
         setIsError(!!errors.length);
       },
       onFinish: popModal
     };
-  }, [props.formProps, (_a = config.formConfig) == null ? void 0 : _a.transformInitValues, (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues, config == null ? void 0 : config.initValue, id, action, popModal]);
-  const refineFormResult = useRefineForm({
-    config,
-    id,
-    refineProps: {
-      onMutationSuccess: () => {
-        popModal();
-      },
-      redirect: false,
-      ...(_c = config.formConfig) == null ? void 0 : _c.refineCoreProps
-    }
-  });
-  const isYamlForm = !((_d = config.formConfig) == null ? void 0 : _d.fields);
+  }, [props.formProps, (_c = config.formConfig) == null ? void 0 : _c.transformInitValues, (_d = config.formConfig) == null ? void 0 : _d.transformApplyValues, config == null ? void 0 : config.initValue, id, action, refineFormResult.formResult, isYamlMode, fieldsConfig, popModal]);
+  const isYamlForm = !((_e = config.formConfig) == null ? void 0 : _e.fields);
   const formEle = (() => {
     if (renderForm) {
       return renderForm(yamlFormProps);
     }
-    if (isYamlForm)
+    if (isYamlForm || isYamlMode)
       return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, {
         ...yamlFormProps
       });
@@ -38106,7 +38432,7 @@ function FormModal(props) {
       resourceId: id
     });
   })();
-  const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
+  const saveButtonProps = isYamlForm || isYamlMode ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
   const onCancel = useCallback(() => {
     popModal();
   }, [popModal]);
@@ -38115,6 +38441,23 @@ function FormModal(props) {
     setIsError(false);
     (_a2 = saveButtonProps.onClick) == null ? void 0 : _a2.call(saveButtonProps, e2);
   }, [saveButtonProps]);
+  const onChangeMode = useCallback((value2) => {
+    if (value2 === "form") {
+      pushModal({
+        component: ConfirmModal,
+        props: {
+          onOk: () => {
+            setMode(
+              "form"
+              /* Form */
+            );
+          }
+        }
+      });
+    } else {
+      setMode(value2);
+    }
+  }, [pushModal]);
   const errorText = (() => {
     if (!!refineFormResult.responseErrorMsg || isError) {
       return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
@@ -38141,16 +38484,36 @@ function FormModal(props) {
     return "";
   }, [action, config.formConfig]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
-    className: cx_default(FullscreenModalStyle, isYamlForm ? "" : MaxWidthModalStyle),
+    className: cx_default(FullscreenModalStyle),
+    style: {
+      "--max-modal-width": isYamlForm || !isDisabledChangeMode ? "1024px" : "648px"
+    },
     width: "calc(100vw - 16px)",
-    title,
+    title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: TitleWrapperStyle,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: title
+      }), !(isYamlForm || isDisabledChangeMode) ? /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentControl, {
+        value: mode,
+        options: [{
+          value: "form",
+          label: i18n2.t("dovetail.form")
+        }, {
+          value: "yaml",
+          label: i18n2.t("dovetail.yaml")
+        }],
+        onChange: (val) => {
+          onChangeMode(val);
+        }
+      }) : null]
+    }),
     error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ErrorStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
     }) : "",
     okButtonProps: {
       ...saveButtonProps,
-      children: (_e = config.formConfig) == null ? void 0 : _e.saveButtonText,
+      children: (_f = config.formConfig) == null ? void 0 : _f.saveButtonText,
       onClick: onOk
     },
     closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
@@ -38164,7 +38527,7 @@ function FormModal(props) {
     }) : void 0, formEle]
   });
 }
-const RefineFormPage_aqoiay = "";
+const RefineFormPage_1v0fhor = "";
 const RefineFormPage = (props) => {
   const {
     config
@@ -38290,7 +38653,7 @@ function CronJobDropdown(props) {
     }
   ) : null });
 }
-const index_1wzdp7m = "";
+const index_sazpyf = "";
 const WrapperStyle = "wfg6u6g";
 const InnerBar = ({
   usage: usage2,
@@ -38365,7 +38728,7 @@ const DeleteButton = () => {
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
-const index_1wt5px2 = "";
+const index_1tehui8 = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
   const {
@@ -38390,7 +38753,7 @@ const Menu = () => {
     children: renderMenuItems(menuItems)
   });
 };
-const index_1qxsm42 = "";
+const index_1po979g = "";
 const HeaderStyle = "h16z07g";
 const ContentLayoutStyle = "c1i80kj";
 const SiderStyle = "s18sezq1";
@@ -38546,7 +38909,7 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
 };
-const columns_1h38dp = "";
+const columns_irlsbh = "";
 const DashedTitleStyle = "dh5j833";
 const ServiceClusterTooltipStyle = "s1fcgan";
 const NameLink = (props) => {
@@ -39177,13 +39540,18 @@ const Dovetail = (props) => {
   const {
     resourcesConfig,
     urlPrefix = "",
+    schemaUrlPrefix,
     Layout: Layout2,
     history,
     globalStore,
     accessControlProvider,
-    routerProvider: customRouterProvider
+    routerProvider: customRouterProvider,
+    antdGetPopupContainer
   } = props;
   const msg = useMessage();
+  useEffect(() => {
+    msg.config({ getContainer: antdGetPopupContainer });
+  }, [msg, antdGetPopupContainer]);
   const notCustomResources = useMemo(() => {
     return resourcesConfig.filter((c2) => !c2.isCustom);
   }, [resourcesConfig]);
@@ -39215,37 +39583,48 @@ const Dovetail = (props) => {
     };
     return provider;
   }, [msg]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Refine,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConstantsContext.Provider, { value: { schemaUrlPrefix }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ConfigProvider,
     {
-      dataProvider: {
-        default: dataProvider(globalStore)
+      antd5Configs: {
+        getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      routerProvider: customRouterProvider || routerProvider,
-      liveProvider: liveProvider(globalStore),
-      notificationProvider,
-      options: {
-        warnWhenUnsavedChanges: true,
-        liveMode: "auto",
-        disableTelemetry: true
+      antd4Configs: {
+        getPopupContainer: antdGetPopupContainer || (() => document.body)
       },
-      accessControlProvider,
-      resources: resourcesConfig.map((c2) => {
-        return {
-          name: c2.name,
-          meta: {
-            resourceBasePath: c2.basePath,
-            kind: c2.kind,
-            parent: c2.parent,
-            label: `${c2.kind}s`
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Refine,
+        {
+          dataProvider: {
+            default: dataProvider(globalStore)
           },
-          list: `${urlPrefix}/${c2.name}`,
-          show: `${urlPrefix}/${c2.name}/show`,
-          create: `${urlPrefix}/${c2.name}/create`,
-          edit: `${urlPrefix}/${c2.name}/edit`
-        };
-      }),
-      children: content
+          routerProvider: customRouterProvider || routerProvider,
+          liveProvider: liveProvider(globalStore),
+          notificationProvider,
+          options: {
+            warnWhenUnsavedChanges: true,
+            liveMode: "auto",
+            disableTelemetry: true
+          },
+          accessControlProvider,
+          resources: resourcesConfig.map((c2) => {
+            return {
+              name: c2.name,
+              meta: {
+                resourceBasePath: c2.basePath,
+                kind: c2.kind,
+                parent: c2.parent,
+                label: `${c2.kind}s`
+              },
+              list: `${urlPrefix}/${c2.name}`,
+              show: `${urlPrefix}/${c2.name}/show`,
+              create: `${urlPrefix}/${c2.name}/create`,
+              edit: `${urlPrefix}/${c2.name}/edit`
+            };
+          }),
+          children: content
+        }
+      ) })
     }
   ) }) }) }) });
 };
@@ -39394,7 +39773,7 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  rfc1035LabelRules as $,
+  NamespaceSelectWidget as $,
   AgeColumnRenderer as A,
   PVCStorageColumnRenderer as B,
   CommonSorter as C,
@@ -39407,200 +39786,201 @@ export {
   ColumnKeys as J,
   addDefaultRenderToColumns as K,
   useEagleTable as L,
-  ModalStyle as M,
+  useDownloadYAML as M,
   NameColumnRenderer as N,
-  useDownloadYAML as O,
+  useEdit as O,
   PlainTextNameColumnRenderer as P,
-  useEdit as Q,
+  useGlobalStore as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  useGlobalStore as T,
-  useOpenForm as U,
-  index as V,
+  useOpenForm as T,
+  index as U,
+  Breadcrumb as V,
   WorkloadImageColumnRenderer as W,
-  Breadcrumb as X,
-  NameInputWidget as Y,
-  dnsSubDomainRules as Z,
-  rfc1123LabelRules as _,
+  NameInputWidget as X,
+  dnsSubDomainRules as Y,
+  rfc1123LabelRules as Z,
+  rfc1035LabelRules as _,
   useApiGroupSchema as a,
-  PVAccessModeField as a$,
-  NamespaceSelectWidget as a0,
-  namespaceRules as a1,
-  KeyValueListWidget as a2,
-  MetadataForm as a3,
-  PageShow as a4,
-  Time as a5,
-  ConditionsTable as a6,
-  FormErrorAlert as a7,
-  PodContainersTable as a8,
-  WorkloadDropdown as a9,
-  PodsField as aA,
-  JobsField as aB,
-  DataField as aC,
-  SecretDataField as aD,
-  StartTimeField as aE,
-  ServiceTypeField as aF,
-  ClusterIpField as aG,
-  SessionAffinityField as aH,
-  ServicePodsField as aI,
-  IngressRulesTableTabField as aJ,
-  EventsTableTabField as aK,
-  NamespaceField as aL,
-  AgeField as aM,
-  LabelsField as aN,
-  AnnotationsField as aO,
-  ServiceInnerClusterAccessField as aP,
-  ServiceOutClusterAccessField as aQ,
-  PodSelectorField as aR,
-  PortsTableField as aS,
-  DurationField as aT,
-  StorageClassProvisionerField as aU,
-  StorageClassPvField as aV,
-  PVCapacityField as aW,
-  PVCStorageField as aX,
-  PVStorageClassField as aY,
-  PVPhaseField as aZ,
-  PVVolumeModeField as a_,
-  ReplicasDropdown as aa,
-  PodDropdown as ab,
-  CreateButton as ac,
-  ImageNames as ad,
-  ResourceList as ae,
-  ResourceShow as af,
-  ResourceForm as ag,
-  ResourceCRUD as ah,
-  WorkloadPodsTable as ai,
-  CronJobDropdown as aj,
-  K8sDropdown as ak,
-  ResourceUsageBar as al,
-  WorkloadReplicasForm as am,
-  WorkloadReplicas as an,
-  CronjobJobsTable as ao,
-  KeyValue as ap,
-  KeyValueAnnotation as aq,
-  KeyValueSecret as ar,
-  Separator as as,
-  YamlEditorComponent as at,
-  DeleteButton as au,
-  Layout as av,
-  AreaType as aw,
-  ImageField as ax,
-  ReplicaField as ay,
-  ConditionsField as az,
+  PVVolumeModeField as a$,
+  namespaceRules as a0,
+  KeyValueListWidget as a1,
+  MetadataForm as a2,
+  PageShow as a3,
+  Time as a4,
+  ConditionsTable as a5,
+  FormErrorAlert as a6,
+  PodContainersTable as a7,
+  WorkloadDropdown as a8,
+  ReplicasDropdown as a9,
+  ConditionsField as aA,
+  PodsField as aB,
+  JobsField as aC,
+  DataField as aD,
+  SecretDataField as aE,
+  StartTimeField as aF,
+  ServiceTypeField as aG,
+  ClusterIpField as aH,
+  SessionAffinityField as aI,
+  ServicePodsField as aJ,
+  IngressRulesTableTabField as aK,
+  EventsTableTabField as aL,
+  NamespaceField as aM,
+  AgeField as aN,
+  LabelsField as aO,
+  AnnotationsField as aP,
+  ServiceInnerClusterAccessField as aQ,
+  ServiceOutClusterAccessField as aR,
+  PodSelectorField as aS,
+  PortsTableField as aT,
+  DurationField as aU,
+  StorageClassProvisionerField as aV,
+  StorageClassPvField as aW,
+  PVCapacityField as aX,
+  PVCStorageField as aY,
+  PVStorageClassField as aZ,
+  PVPhaseField as a_,
+  PodDropdown as aa,
+  CreateButton as ab,
+  ImageNames as ac,
+  ResourceList as ad,
+  ResourceShow as ae,
+  ResourceForm as af,
+  ResourceCRUD as ag,
+  WorkloadPodsTable as ah,
+  CronJobDropdown as ai,
+  K8sDropdown as aj,
+  EditLabelDropdownMenuItem as ak,
+  EditAnnotationDropdownMenuItem as al,
+  ResourceUsageBar as am,
+  WorkloadReplicasForm as an,
+  WorkloadReplicas as ao,
+  CronjobJobsTable as ap,
+  KeyValue as aq,
+  KeyValueAnnotation as ar,
+  KeyValueSecret as as,
+  Separator as at,
+  YamlEditorComponent as au,
+  DeleteButton as av,
+  Layout as aw,
+  AreaType as ax,
+  ImageField as ay,
+  ReplicaField as az,
   useSchema as b,
-  INGRESS_INIT_VALUE as b$,
-  EventsTab as b0,
-  PodLogTab as b1,
-  BasicGroup as b2,
-  PodsGroup as b3,
-  PodContainersGroup as b4,
-  ServicePodsGroup as b5,
-  ConditionsGroup as b6,
-  SecretDataGroup as b7,
-  JobsGroup as b8,
-  IngressRulesGroup as b9,
-  useRefineForm as bA,
-  ServiceInClusterAccessComponent as bB,
-  ServiceOutClusterAccessComponent as bC,
-  Tags as bD,
-  TextTags as bE,
-  PodLog as bF,
-  NetworkPolicyRulesViewer as bG,
-  PVPhaseDisplay as bH,
-  PVVolumeModeDisplay as bI,
-  Tabs as bJ,
-  ResourceSelect as bK,
-  SocketStatus as bL,
-  Shell as bM,
-  PodShellModal as bN,
-  PodShell as bO,
-  BASE_INIT_VALUE as bP,
-  DEPLOYMENT_INIT_VALUE as bQ,
-  CRONJOB_INIT_VALUE as bR,
-  DAEMONSET_INIT_VALUE as bS,
-  JOB_INIT_VALUE as bT,
-  STATEFULSET_INIT_VALUE as bU,
-  POD_INIT_VALUE as bV,
-  SERVICE_CLUSTER_IP_INIT_VALUE as bW,
-  SERVICE_NODE_PORT_INIT_VALUE as bX,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as bY,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as bZ,
-  SERVICE_HEADLESS_INIT_VALUE as b_,
-  PodSelectorGroup as ba,
-  PortsGroup as bb,
-  DataGroup as bc,
-  NetworkPolicyIngressRulesGroup as bd,
-  NetworkPolicyEgressRulesGroup as be,
-  StorageClassPvGroup as bf,
-  ShowGroupComponent as bg,
-  ShowContent as bh,
-  DeleteManyButton as bi,
-  ListPage as bj,
-  StateTagStyle as bk,
-  StateTag as bl,
-  DrawerShow as bm,
-  Menu as bn,
-  EditButton as bo,
-  ReferenceLink as bp,
-  ResourceLink as bq,
-  NS_STORE_KEY as br,
-  ALL_NS as bs,
-  useNamespacesFilter as bt,
-  NamespacesFilter as bu,
-  FormModal as bv,
-  RefineFormContent as bw,
-  RefineFormPage as bx,
-  SchemaStrategy as by,
-  YamlForm as bz,
+  SERVICE_HEADLESS_INIT_VALUE as b$,
+  PVAccessModeField as b0,
+  EventsTab as b1,
+  PodLogTab as b2,
+  BasicGroup as b3,
+  PodsGroup as b4,
+  PodContainersGroup as b5,
+  ServicePodsGroup as b6,
+  ConditionsGroup as b7,
+  SecretDataGroup as b8,
+  JobsGroup as b9,
+  YamlForm as bA,
+  useRefineForm as bB,
+  ServiceInClusterAccessComponent as bC,
+  ServiceOutClusterAccessComponent as bD,
+  Tags as bE,
+  TextTags as bF,
+  PodLog as bG,
+  NetworkPolicyRulesViewer as bH,
+  PVPhaseDisplay as bI,
+  PVVolumeModeDisplay as bJ,
+  Tabs as bK,
+  ResourceSelect as bL,
+  SocketStatus as bM,
+  Shell as bN,
+  PodShellModal as bO,
+  PodShell as bP,
+  BASE_INIT_VALUE as bQ,
+  DEPLOYMENT_INIT_VALUE as bR,
+  CRONJOB_INIT_VALUE as bS,
+  DAEMONSET_INIT_VALUE as bT,
+  JOB_INIT_VALUE as bU,
+  STATEFULSET_INIT_VALUE as bV,
+  POD_INIT_VALUE as bW,
+  SERVICE_CLUSTER_IP_INIT_VALUE as bX,
+  SERVICE_NODE_PORT_INIT_VALUE as bY,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as bZ,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as b_,
+  IngressRulesGroup as ba,
+  PodSelectorGroup as bb,
+  PortsGroup as bc,
+  DataGroup as bd,
+  NetworkPolicyIngressRulesGroup as be,
+  NetworkPolicyEgressRulesGroup as bf,
+  StorageClassPvGroup as bg,
+  ShowGroupComponent as bh,
+  ShowContent as bi,
+  DeleteManyButton as bj,
+  ListPage as bk,
+  StateTagStyle as bl,
+  StateTag as bm,
+  DrawerShow as bn,
+  Menu as bo,
+  EditButton as bp,
+  ReferenceLink as bq,
+  ResourceLink as br,
+  NS_STORE_KEY as bs,
+  ALL_NS as bt,
+  useNamespacesFilter as bu,
+  NamespacesFilter as bv,
+  FormModal as bw,
+  RefineFormContent as bx,
+  RefineFormPage as by,
+  SchemaStrategy as bz,
   useDeleteModal as c,
-  NETWORK_POLICY_INIT_VALUE as c0,
-  CONFIG_MAP_INIT_VALUE as c1,
-  SERVER_INSTANCE_INIT_VALUE as c2,
-  TIMESTAMP_LABEL as c3,
-  SECRET_OPAQUE_INIT_VALUE as c4,
-  SECRET_IMAGE_REPO_INIT_VALUE as c5,
-  SECRET_BASIC_AUTH_INIT_VALUE as c6,
-  SECRET_SSH_AUTH_INIT_VALUE as c7,
-  SECRET_TLS_INIT_VALUE as c8,
-  SECRET_CUSTOM_INIT_VALUE as c9,
-  NodeModel as cA,
-  StorageClassModel as cB,
-  PersistentVolumeModel as cC,
-  PersistentVolumeClaimModel as cD,
-  ProviderPlugins as cE,
-  ModelPlugin as cF,
-  modelPlugin as cG,
-  RelationPlugin as cH,
-  relationPlugin as cI,
-  generateValueFromSchema as cJ,
-  generateSchemaTypeValue as cK,
-  resolveRef as cL,
-  NODE_INIT_VALUE as ca,
-  STORAGE_CLASS_INIT_VALUE as cb,
-  WorkloadState as cc,
-  AccessControlAuth as cd,
-  Dovetail as ce,
-  RESOURCE_GROUP as cf,
-  FormType as cg,
-  ComponentContext as ch,
-  GlobalStoreContext as ci,
-  ConfigsContext as cj,
-  IngressModel as ck,
-  NetworkPolicyModel as cl,
-  JobModel as cm,
-  WorkloadModel as cn,
-  WorkloadBaseModel as co,
-  PodModel as cp,
-  PodMetricsModel as cq,
-  ResourceModel as cr,
-  CronJobModel as cs,
-  EventModel as ct,
-  DeploymentModel as cu,
-  DaemonSetModel as cv,
-  StatefulSetModel as cw,
-  ServiceTypeEnum as cx,
-  ServiceModel as cy,
-  NodeRole as cz,
+  INGRESS_INIT_VALUE as c0,
+  NETWORK_POLICY_INIT_VALUE as c1,
+  CONFIG_MAP_INIT_VALUE as c2,
+  SERVER_INSTANCE_INIT_VALUE as c3,
+  REDEPLOY_TIMESTAMP_KEY as c4,
+  SECRET_OPAQUE_INIT_VALUE as c5,
+  SECRET_IMAGE_REPO_INIT_VALUE as c6,
+  SECRET_BASIC_AUTH_INIT_VALUE as c7,
+  SECRET_SSH_AUTH_INIT_VALUE as c8,
+  SECRET_TLS_INIT_VALUE as c9,
+  NodeRole as cA,
+  NodeModel as cB,
+  StorageClassModel as cC,
+  PersistentVolumeModel as cD,
+  PersistentVolumeClaimModel as cE,
+  ProviderPlugins as cF,
+  ModelPlugin as cG,
+  modelPlugin as cH,
+  RelationPlugin as cI,
+  relationPlugin as cJ,
+  generateValueFromSchema as cK,
+  generateSchemaTypeValue as cL,
+  resolveRef as cM,
+  SECRET_CUSTOM_INIT_VALUE as ca,
+  NODE_INIT_VALUE as cb,
+  STORAGE_CLASS_INIT_VALUE as cc,
+  WorkloadState as cd,
+  AccessControlAuth as ce,
+  Dovetail as cf,
+  RESOURCE_GROUP as cg,
+  FormType as ch,
+  ComponentContext as ci,
+  GlobalStoreContext as cj,
+  ConfigsContext as ck,
+  IngressModel as cl,
+  NetworkPolicyModel as cm,
+  JobModel as cn,
+  WorkloadModel as co,
+  WorkloadBaseModel as cp,
+  PodModel as cq,
+  PodMetricsModel as cr,
+  ResourceModel as cs,
+  CronJobModel as ct,
+  EventModel as cu,
+  DeploymentModel as cv,
+  DaemonSetModel as cw,
+  StatefulSetModel as cx,
+  ServiceTypeEnum as cy,
+  ServiceModel as cz,
   dovetailRefineI18n as d,
   NameSpaceColumnRenderer as e,
   WorkloadRestartsColumnRenderer as f,