@dovetail-v2/refine 0.1.6 → 0.1.8

package/dist/refine.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("k8s-api-provider"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "k8s-api-provider", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml, global2.k8sApiProvider, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, k8sApiProvider, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("i18next"), require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("@cloudtower/icons-react"), require("lodash-es"), require("js-yaml"), require("k8s-api-provider"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "k8s-api-provider", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.iconsReact, global2.lodashEs, global2.yaml$1, global2.k8sApiProvider, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml$1, k8sApiProvider, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -31,308 +31,301 @@ var __publicField = (obj, key, value) => {
     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(module2, exports3) {
-      !function(t2, e2) {
-        module2.exports = e2();
-      }(commonjsGlobal, function() {
-        var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "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), i3 = n3 % 60;
-          return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i3, 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()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
-          return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 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: i2, 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 i3;
-          if (!e3)
-            return g;
-          if ("string" == typeof e3) {
-            var s3 = e3.toLowerCase();
-            D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
-            var u2 = e3.split("-");
-            if (!i3 && u2.length > 1)
-              return t3(u2[0]);
-          } else {
-            var a3 = e3.name;
-            D[a3] = e3, i3 = a3;
-          }
-          return !r3 && i3 && (g = i3), i3 || !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 i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
-                  return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
-                }
-              }
+  (function(module2, exports3) {
+    !function(t2, e2) {
+      module2.exports = e2();
+    }(commonjsGlobal, function() {
+      var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "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), i3 = n3 % 60;
+        return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i3, 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()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
+        return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 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: i2, 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 i3;
+        if (!e3)
+          return g;
+        if ("string" == typeof e3) {
+          var s3 = e3.toLowerCase();
+          D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
+          var u2 = e3.split("-");
+          if (!i3 && u2.length > 1)
+            return t3(u2[0]);
+        } else {
+          var a3 = e3.name;
+          D[a3] = e3, i3 = a3;
+        }
+        return !r3 && i3 && (g = i3), i3 || !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 i3 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
-              return r3 ? i3 : i3.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 i2:
-                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[i2] = 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[i2] = 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", i3 = 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, i4, s4) {
-              return t4 && (t4[n4] || t4(e3, r3)) || i4[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 i3;
-                }
-                return null;
-              }(t4) || i3.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 i2:
-                $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", i2], ["$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 i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+                return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, 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 i3 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
+            return r3 ? i3 : i3.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 i2:
+              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[i2] = 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[i2] = 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", i3 = 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, i4, s4) {
+            return t4 && (t4[n4] || t4(e3, r3)) || i4[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 i3;
+              }
+              return null;
+            }(t4) || i3.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 i2:
+              $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", i2], ["$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(module2, exports3) {
     !function(e2, _) {
-      module2.exports = _(requireDayjs_min());
+      module2.exports = _(dayjs_minExports);
     }(commonjsGlobal, function(e2) {
       function _(e3) {
         return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
@@ -1182,6 +1175,7 @@ var __publicField = (obj, key, value) => {
   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,
@@ -1353,7 +1347,8 @@ var __publicField = (obj, key, value) => {
     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
@@ -1532,6 +1527,14 @@ var __publicField = (obj, key, value) => {
   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,
@@ -1709,7 +1712,15 @@ var __publicField = (obj, key, value) => {
     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
@@ -8092,18 +8103,19 @@ var __publicField = (obj, key, value) => {
     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);
@@ -8148,6 +8160,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  const ConstantsContext = React.createContext({
+    schemaUrlPrefix: ""
+  });
   function useApiGroupSchema() {
     const [state2, setState] = React.useState({
       schemas: null,
@@ -8155,7 +8170,7 @@ var __publicField = (obj, key, value) => {
       loading: false,
       error: null
     });
-    const fetchSchema = React.useCallback(async (apiGroups) => {
+    const fetchSchema = React.useCallback(async (apiGroups, schemaUrlPrefix) => {
       setState((prev) => ({ ...prev, loading: true, error: null }));
       try {
         const results = await Promise.all(
@@ -8163,7 +8178,7 @@ var __publicField = (obj, key, value) => {
             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 || [] };
           })
@@ -8186,18 +8201,19 @@ var __publicField = (obj, key, value) => {
     return { ...state2, fetchSchema };
   }
   function useSchema(options) {
-    var _a;
+    var _a, _b;
     const [schema, setSchema] = React.useState(null);
     const [loading, setLoading] = React.useState(false);
     const [error, setError] = React.useState(null);
     const useResourceResult = core.useResource();
     const resource = (options == null ? void 0 : options.resource) || useResourceResult.resource;
+    const { schemaUrlPrefix } = React.useContext(ConstantsContext);
     const openapi = React.useMemo(
       () => {
         var _a2;
-        return new K8sOpenAPI((_a2 = resource == null ? void 0 : resource.meta) == null ? void 0 : _a2.resourceBasePath);
+        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 = React.useCallback(async () => {
       var _a2;
@@ -8213,7 +8229,7 @@ var __publicField = (obj, key, value) => {
       } finally {
         setLoading(false);
       }
-    }, [resource, openapi]);
+    }, [(_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind, openapi]);
     React.useEffect(() => {
       if (options == null ? void 0 : options.skip)
         return;
@@ -8252,11 +8268,13 @@ var __publicField = (obj, key, value) => {
   };
   var cx_default = cx;
   const ConfigsContext = React.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 = React.useContext(ConfigsContext);
     const config = configs[resource];
@@ -8271,7 +8289,7 @@ var __publicField = (obj, key, value) => {
       t: t2
     } = useTranslation();
     const modalProps = {
-      className: ModalStyle,
+      className: SmallModalStyle,
       title: t2("dovetail.delete_resource", {
         resource: config.kind
       }),
@@ -8352,7 +8370,7 @@ var __publicField = (obj, key, value) => {
       openDeleteConfirmModal
     };
   };
-  const index_wrn16i = "";
+  const index_18b69qa = "";
   const EMPTY_VALUES = [void 0, null, "", "-"];
   const EmptyStyle = "e5223w8";
   const ContentStyle$2 = "cdjsw14";
@@ -8364,7 +8382,7 @@ var __publicField = (obj, key, value) => {
       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", {
@@ -8436,7 +8454,7 @@ var __publicField = (obj, key, value) => {
     };
     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 {
@@ -8744,7 +8762,7 @@ var __publicField = (obj, key, value) => {
       return o(prop);
     }
   }) : styled;
-  const index_cp12i5 = "";
+  const index_1q7r2i0 = "";
   const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
     name: "ErrorWrapper",
     class: "egn3dbn",
@@ -8805,13 +8823,13 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  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 {
@@ -9124,6 +9142,16 @@ var __publicField = (obj, key, value) => {
     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) {
@@ -9620,7 +9648,7 @@ var __publicField = (obj, key, 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",
@@ -9869,7 +9897,7 @@ var __publicField = (obj, key, value) => {
       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;
     }
@@ -10245,7 +10273,7 @@ var __publicField = (obj, key, value) => {
       this._rawYaml = _rawYaml;
     }
   }
-  const index_1lzkrja = "";
+  const index_1iq0dq9 = "";
   const ServiceInClusterAccessComponent = ({
     service
   }) => {
@@ -10324,7 +10352,7 @@ var __publicField = (obj, key, value) => {
       children: content || "-"
     });
   };
-  const index_10ylmu3 = "";
+  const index_1sc40y3 = "";
   const TagWrapper = "t13a6vox";
   const TagStyle = "t12ikbmp";
   const Tags = (props) => {
@@ -10351,7 +10379,7 @@ var __publicField = (obj, key, value) => {
       children: tags
     });
   };
-  const StateTag_1wmvw42 = "";
+  const StateTag_1o2atxo = "";
   const StateTagStyle = "s8qkbck";
   const StateTag = ({
     state: state2 = WorkloadState.UPDATING,
@@ -10436,7 +10464,7 @@ var __publicField = (obj, key, value) => {
   })(relativeTime$1);
   var relativeTimeExports = relativeTime$1.exports;
   const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-  const index_1779z85 = "";
+  const index_1jgp4p8 = "";
   dayjs.extend(relativeTime, {
     thresholds: [{
       l: "s",
@@ -10608,7 +10636,7 @@ var __publicField = (obj, key, value) => {
   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);
     };
   }
@@ -10693,6 +10721,410 @@ var __publicField = (obj, key, value) => {
       }
     };
   }
+  function FormErrorAlert(props) {
+    const { title, errorMsgs, style, className, isEdit } = props;
+    const { i18n: i18n2 } = useTranslation();
+    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Alert,
+      {
+        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
+          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            index2 + 1 + ". ",
+            " ",
+            errorMsg
+          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
+        ] }),
+        type: "error",
+        style,
+        className
+      }
+    ) : null;
+  }
+  function getCommonErrors(responseBody, i18n2) {
+    var _a;
+    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
+      return [];
+    }
+    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
+    if (causes.length) {
+      return causes.map((cause) => {
+        let params = {};
+        let message2 = cause.message;
+        try {
+          const info = JSON.parse(cause.message);
+          params = info.params;
+          message2 = info.message;
+        } catch {
+          return i18n2.t(
+            [
+              `error.${cause.reason}`,
+              `error.${cause.code}`,
+              `${cause.field ? `${cause.field}: ` : ""}${message2}`
+            ],
+            {
+              ...params,
+              fallbackLng: ""
+            }
+          );
+        }
+        return i18n2.t(
+          [
+            `error.${cause.reason}`,
+            `error.${cause.code}`,
+            `${cause.field ? `${cause.field}: ` : ""}${message2}`
+          ],
+          {
+            ...params,
+            fallbackLng: ""
+          }
+        );
+      });
+    }
+    return [
+      i18n2.t(
+        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
+        { fallbackLng: "" }
+      )
+    ];
+  }
+  function useSubmitForm(options) {
+    const { formRef, onSubmitSuccess } = options;
+    const { i18n: i18n2 } = useTranslation();
+    const [submitting, setSubmitting] = React.useState(false);
+    const [errorMsgs, setErrorMsgs] = React.useState([]);
+    const reset = React.useCallback(() => {
+      setSubmitting(false);
+      setErrorMsgs([]);
+    }, []);
+    const onSubmit = React.useCallback(async () => {
+      var _a;
+      try {
+        setSubmitting(true);
+        await ((_a = formRef.current) == null ? void 0 : _a.submit());
+        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
+        reset();
+      } catch (error) {
+        if (error instanceof Object) {
+          if ("response" in error && error.response instanceof Response) {
+            const response = error.response;
+            const body = await response.json();
+            setErrorMsgs(getCommonErrors(body, i18n2));
+          } else if ("message" in error && typeof error.message === "string") {
+            setErrorMsgs([error.message]);
+          }
+        }
+      } finally {
+        setSubmitting(false);
+      }
+    }, [formRef, i18n2, reset, onSubmitSuccess]);
+    return {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    };
+  }
+  const index_130sdg8 = "";
+  const EditButtonStyle = "esoz3jw";
+  function EditFieldModal(props) {
+    const {
+      title,
+      formRef: form2,
+      renderContent,
+      fullscreen
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const popModal = eagle.usePopModal();
+    const {
+      submitting,
+      errorMsgs,
+      reset,
+      onSubmit
+    } = useSubmitForm({
+      formRef: form2,
+      onSubmitSuccess: () => {
+        popModal();
+      }
+    });
+    const close = React.useCallback(() => {
+      popModal();
+      reset();
+    }, [reset]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
+      className: fullscreen ? FullscreenModalStyle : SmallModalStyle,
+      title: title || i18n2.t("dovetail.edit"),
+      confirmLoading: submitting,
+      onOk: onSubmit,
+      onCancel: close,
+      okText: i18n2.t("dovetail.save"),
+      normal: true,
+      destroyOnClose: true,
+      fullscreen,
+      children: [renderContent(), /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+        style: {
+          marginTop: 16
+        },
+        errorMsgs,
+        isEdit: true
+      })]
+    });
+  }
+  function EditField(props) {
+    const {
+      modalProps
+    } = props;
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const {
+      resource
+    } = core.useResource();
+    const pushModal = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
+        className: EditButtonStyle,
+        type: "link",
+        onClick: () => {
+          pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: i18n2.t("dovetail.edit")
+      })
+    });
+  }
+  const EditLabelForm = React.forwardRef(
+    function EditLabelForm2(props, ref) {
+      var _a;
+      const { resourceModel } = props;
+      const { mutateAsync } = core.useUpdate();
+      const { t: t2 } = useTranslation();
+      const [value2, setValue] = React.useState([]);
+      const defaultValue = React.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 = React.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]);
+      React.useImperativeHandle(
+        ref,
+        () => ({
+          submit
+        }),
+        [submit]
+      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        eagle.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 = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.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(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_label") })
+      }
+    );
+  }
+  const EditAnnotationForm = React.forwardRef(
+    function EditAnnotationForm2(props, ref) {
+      var _a;
+      const { resourceModel } = props;
+      const { mutateAsync } = core.useUpdate();
+      const { t: t2 } = useTranslation();
+      const [value2, setValue] = React.useState([]);
+      const defaultValue = React.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 = React.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]);
+      React.useImperativeHandle(
+        ref,
+        () => ({
+          submit
+        }),
+        [submit]
+      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        eagle.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 = eagle.usePushModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.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(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
+      }
+    );
+  }
   function K8sDropdown(props) {
     const { record, size = "normal" } = props;
     const { globalStore } = useGlobalStore();
@@ -10713,18 +11145,15 @@ var __publicField = (obj, key, value) => {
       resource: resource == null ? void 0 : resource.name,
       action: AccessControlAuth.Delete
     });
+    const formRef = React.useRef(null);
+    const editLabelMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelDropdownMenuItem, { formRef, resourceModel: record }) : null;
+    const editAnnotationMenuItem = (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationDropdownMenuItem, { formRef, resourceModel: record }) : null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         eagle.Dropdown,
         {
           overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-              eagle.Menu.Item,
-              {
-                onClick: openForm,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
-              }
-            ),
+            isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Menu.Item, { onClick: openForm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               eagle.Menu.Item,
               {
@@ -10740,6 +11169,8 @@ var __publicField = (obj, key, value) => {
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.Download16GradientBlueIcon, children: t2("dovetail.download_yaml") })
               }
             ),
+            editLabelMenuItem,
+            editAnnotationMenuItem,
             props.children,
             (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Divider, { style: { margin: 0 } }) : null,
             (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -10926,7 +11357,7 @@ var __publicField = (obj, key, value) => {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
-  const TableToolBar_4s5vf2 = "";
+  const TableToolBar_nvjftd = "";
   const ToolbarWrapperStyle = "t1v3ienx";
   const ToolbarStyle$3 = "tgejfwe";
   const TitleStyle$2 = "tq6dc79";
@@ -10962,7 +11393,7 @@ var __publicField = (obj, key, value) => {
       }) : null]
     });
   };
-  const index_6qzjtx = "";
+  const index_dyz3nd = "";
   const WrapperStyle$5 = "w16agr8o";
   function matchOwner(job, owner) {
     var _a;
@@ -11117,7 +11548,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const index_218swh = "";
+  const index_mvy4dx = "";
   const ImageWrapperStyle = "i1u1f5zp";
   const ImageNames = ({
     value: value2,
@@ -11131,7 +11562,7 @@ var __publicField = (obj, key, value) => {
       }, `${image2}-${index2}`)) : value2.join(", ")
     });
   };
-  const index_1m8lip = "";
+  const index_14bl0m = "";
   const LinkStyle$1 = "lmmrm55";
   function LinkFallback({
     fullPath
@@ -11148,7 +11579,7 @@ var __publicField = (obj, key, value) => {
       children: fullPath
     });
   }
-  const index_cbhkdt = "";
+  const index_x36tts = "";
   const LinkStyle = "l1vnw9x0";
   const ResourceLink = (props) => {
     const {
@@ -11287,7 +11718,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  const KeyValue_q4vd5r = "";
+  const KeyValue_18l1y97 = "";
   const ContentBlockStyle = "c8jy7dc";
   const KeyStyle = "k2sddxl";
   const ValueStyle$2 = "v16vicsr";
@@ -11323,7 +11754,7 @@ var __publicField = (obj, key, value) => {
   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";
@@ -11367,7 +11798,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ShowContent_1u0cbxv = "";
+  const ShowContent_11g4jr2 = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -11578,7 +12009,7 @@ var __publicField = (obj, key, value) => {
       }), tabs]
     });
   };
-  const KeyValueSecret_1ibo68a = "";
+  const KeyValueSecret_c3ji18 = "";
   const ButtonStyle = "b11tbgf7";
   const GroupStyle = "gtbyh5g";
   function KeyValueSecret(props) {
@@ -11633,7 +12064,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: map[value2] || value2 });
   }
-  const WorkloadPodsTable_1giuese = "";
+  const WorkloadPodsTable_975j2t = "";
   const WorkloadPodsTable = ({
     namespace: namespace2,
     selector,
@@ -11702,183 +12133,7 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  function FormErrorAlert(props) {
-    const { title, errorMsgs, style, className, isEdit } = props;
-    const { i18n: i18n2 } = useTranslation();
-    return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Alert,
-      {
-        message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: title || i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
-          errorMsgs.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-            index2 + 1 + ". ",
-            " ",
-            errorMsg
-          ] }, errorMsg)) }) : lodashEs.first(errorMsgs)
-        ] }),
-        type: "error",
-        style,
-        className
-      }
-    ) : null;
-  }
-  function getCommonErrors(responseBody, i18n2) {
-    var _a;
-    if (!((responseBody == null ? void 0 : responseBody.message) || (responseBody == null ? void 0 : responseBody.code) || (responseBody == null ? void 0 : responseBody.reason) || (responseBody == null ? void 0 : responseBody.details) || (responseBody == null ? void 0 : responseBody.graphQLErrors))) {
-      return [];
-    }
-    const causes = ((_a = responseBody.details) == null ? void 0 : _a.causes) || responseBody.graphQLErrors || [];
-    if (causes.length) {
-      return causes.map((cause) => {
-        let params = {};
-        let message2 = cause.message;
-        try {
-          const info = JSON.parse(cause.message);
-          params = info.params;
-          message2 = info.message;
-        } catch {
-          return i18n2.t(
-            [
-              `error.${cause.reason}`,
-              `error.${cause.code}`,
-              `${cause.field ? `${cause.field}: ` : ""}${message2}`
-            ],
-            {
-              ...params,
-              fallbackLng: ""
-            }
-          );
-        }
-        return i18n2.t(
-          [
-            `error.${cause.reason}`,
-            `error.${cause.code}`,
-            `${cause.field ? `${cause.field}: ` : ""}${message2}`
-          ],
-          {
-            ...params,
-            fallbackLng: ""
-          }
-        );
-      });
-    }
-    return [
-      i18n2.t(
-        [`error.${responseBody.code}`, `error.${responseBody.reason}`, responseBody.message || ""],
-        { fallbackLng: "" }
-      )
-    ];
-  }
-  function useSubmitForm(options) {
-    const { formRef, onSubmitSuccess } = options;
-    const { i18n: i18n2 } = useTranslation();
-    const [submitting, setSubmitting] = React.useState(false);
-    const [errorMsgs, setErrorMsgs] = React.useState([]);
-    const reset = React.useCallback(() => {
-      setSubmitting(false);
-      setErrorMsgs([]);
-    }, []);
-    const onSubmit = React.useCallback(async () => {
-      var _a;
-      try {
-        setSubmitting(true);
-        await ((_a = formRef.current) == null ? void 0 : _a.submit());
-        onSubmitSuccess == null ? void 0 : onSubmitSuccess();
-        reset();
-      } catch (error) {
-        if (error instanceof Object) {
-          if ("response" in error && error.response instanceof Response) {
-            const response = error.response;
-            const body = await response.json();
-            setErrorMsgs(getCommonErrors(body, i18n2));
-          } else if ("message" in error && typeof error.message === "string") {
-            setErrorMsgs([error.message]);
-          }
-        }
-      } finally {
-        setSubmitting(false);
-      }
-    }, [formRef, i18n2, reset, onSubmitSuccess]);
-    return {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    };
-  }
-  const index_1twfoei = "";
-  const EditButtonStyle = "esoz3jw";
-  function EditFieldModal(props) {
-    const {
-      title,
-      formRef: form,
-      renderContent
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const popModal = eagle.usePopModal();
-    const {
-      submitting,
-      errorMsgs,
-      reset,
-      onSubmit
-    } = useSubmitForm({
-      formRef: form,
-      onSubmitSuccess: () => {
-        popModal();
-      }
-    });
-    const close = React.useCallback(() => {
-      popModal();
-      reset();
-    }, [reset]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.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
-    } = core.useResource();
-    const pushModal = eagle.usePushModal();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
-        className: EditButtonStyle,
-        type: "link",
-        onClick: () => {
-          pushModal({
-            component: EditFieldModal,
-            props: modalProps
-          });
-        },
-        children: i18n2.t("dovetail.edit")
-      })
-    });
-  }
-  const index_c9frt4 = "";
+  const index_p1cude = "";
   const WorkloadReplicasWrapperStyle = "w8ychfk";
   const DonutChartWrapperStyle = "d1o004do";
   const DonutChartStyle = "dfo80qq";
@@ -17962,7 +18217,7 @@ var __publicField = (obj, key, value) => {
   const LogViewer = React.forwardRef((props, ref) => React.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";
@@ -18197,7 +18452,7 @@ var __publicField = (obj, key, value) => {
       }
     ]
   });
-  const style_inzxm5 = "";
+  const style_h6krld = "";
   const ToolBarStyle = "t1joof7s";
   const ToolBarHeaderStyle = "tti58uh";
   const ErrorIconStyle = "e15yt16p";
@@ -18371,7 +18626,7 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: MonacoYamlEditor$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const NetworkPolicyRulesViewer_13asgaq = "";
+  const NetworkPolicyRulesViewer_6z3c00 = "";
   const EditorStyle$1 = "e1cjl2b8";
   const NetworkPolicyRulesViewer = ({
     ingressOrEgress,
@@ -18393,7 +18648,7 @@ var __publicField = (obj, key, value) => {
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
       schemas: [],
-      defaultValue: yaml.dump(ingressOrEgress),
+      defaultValue: yaml$1.dump(ingressOrEgress),
       height: "300px",
       className: EditorStyle$1,
       readOnly: true,
@@ -18717,7 +18972,7 @@ var __publicField = (obj, key, value) => {
     }, [isError, nav, resource]);
     return isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props });
   };
-  const index_17v8shn = "";
+  const index_az4wrx = "";
   const WrapperStyle$1 = "w1akirqw";
   const TitleStyle = "t30srnq";
   function FormLayout(props) {
@@ -31926,7 +32181,7 @@ WARNING: This link could potentially be dangerous`)) {
   }
   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";
@@ -32035,7 +32290,7 @@ WARNING: This link could potentially be dangerous`)) {
     });
   }
   const xterm = "";
-  const index_z4cp87 = "";
+  const index_1bj2t02 = "";
   const ContainerStyle = "c1q5a2qi";
   const ShellStyle = "sdz5fm1";
   const LoadingStyle = "lbp0h2e";
@@ -32415,8 +32670,6 @@ WARNING: This link could potentially be dangerous`)) {
     });
   });
   const GlobalStoreContext = React.createContext({});
-  const modal_7iwhwk = "";
-  const FullscreenModalStyle = "fq4465w";
   var buffer = {};
   var base64Js = {};
   base64Js.byteLength = byteLength;
@@ -34656,7 +34909,7 @@ WARNING: This link could potentially be dangerous`)) {
       return void 0;
     }
   }
-  const index_1xad2h9 = "";
+  const index_1jqojte = "";
   const SelectStyle = "sj0ggy";
   const DropdownStyle = "d1eo8uqs";
   const SearchInputStyle = "s64gojc";
@@ -34862,7 +35115,7 @@ WARNING: This link could potentially be dangerous`)) {
     }), [nsFilters]);
     return filters;
   }
-  const index_hp158y = "";
+  const index_1l2xllo = "";
   const ListPageStyle = "laykzsq";
   const ListContentStyle = "l1ng0psc";
   const TableStyle = "tj6zpn4";
@@ -34956,6 +35209,8 @@ WARNING: This link could potentially be dangerous`)) {
       }
     );
   }
+  const button_1uhn9v1 = "";
+  const WarningButtonStyle = "wwyz7ti";
   var isCheckBoxInput = (element) => element.type === "checkbox";
   var isDateObject = (value2) => value2 instanceof Date;
   var isNullOrUndefined = (value2) => value2 == null;
@@ -36316,9 +36571,9 @@ WARNING: This link could potentially be dangerous`)) {
               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;
                   }
                 }
@@ -36533,43 +36788,41 @@ WARNING: This link could potentially be dangerous`)) {
     _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 = core.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 = core.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,
@@ -36599,7 +36852,7 @@ WARNING: This link could potentially be dangerous`)) {
           },
           fieldState
         }) => {
-          var _a2;
+          var _a;
           const formValue = getValues();
           let ele = /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.String, {
             placeholder: c2.placeholder,
@@ -36652,7 +36905,7 @@ WARNING: This link could potentially be dangerous`)) {
             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);
@@ -37347,7 +37600,7 @@ WARNING: This link could potentially be dangerous`)) {
     }, [config.formConfig, result]);
     return { formResult: result, responseErrorMsg };
   };
-  const index_12sfrn = "";
+  const index_2ivb33 = "";
   const Style = "s1bsn3us";
   const Separator = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -37687,7 +37940,7 @@ WARNING: This link could potentially be dangerous`)) {
       return merged2;
     }
     const merged = merge(defaultValue, typeObject);
-    const content = yaml.dump(merged);
+    const content = yaml$1.dump(merged);
     return content.replace(/(')(#.+?)(')/g, "$2").replace(/( +)(#)/g, "$2$1");
   }
   const useGlobalStore = () => {
@@ -37721,8 +37974,10 @@ WARNING: This link could potentially be dangerous`)) {
     overtimeOptions,
     editorOptions,
     initialValuesForCreate,
+    initialValuesForEdit,
     transformInitValues,
-    transformApplyValues
+    transformApplyValues,
+    rules
   } = {}) => {
     var _a;
     const editor = React.useRef(null);
@@ -37731,6 +37986,7 @@ WARNING: This link could potentially be dangerous`)) {
     const [isYamlValid, setIsYamlValid] = React.useState(true);
     const [isSchemaValid, setIsSchemaValid] = React.useState(true);
     const [editorErrors, setEditorErrors] = React.useState([]);
+    const [rulesErrors, setRulesErrors] = React.useState([]);
     const [errorResponseBody, setErrorResponseBody] = React.useState(null);
     const useResourceResult = core.useResource();
     const { globalStore } = useGlobalStore();
@@ -37746,11 +38002,20 @@ WARNING: This link could potentially be dangerous`)) {
     const formSF = sunflowerAntd.useForm({
       form: formAnt
     });
-    const { form } = formSF;
+    const { form: form2 } = formSF;
     const { fold: fold2 } = useK8sYamlEditor();
     const useFormCoreResult = core.useForm({
       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,
@@ -37776,30 +38041,24 @@ WARNING: This link could potentially be dangerous`)) {
     const { formLoading, onFinish, queryResult } = useFormCoreResult;
     const { warnWhenUnsavedChanges: warnWhenUnsavedChangesRefine, setWarnWhen } = core.useWarnAboutChange();
     const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp ?? warnWhenUnsavedChangesRefine;
+    const action = React.useMemo(
+      () => actionFromProps || useResourceResult.action,
+      [actionFromProps, useResourceResult.action]
+    );
     const initialValues = React.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 = React.useMemo(
-      () => actionFromProps || useResourceResult.action,
-      [actionFromProps, useResourceResult.action]
-    );
-    React.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 = React.useMemo(() => {
+      return lodashEs.uniq([...editorErrors, ...rulesErrors]);
+    }, [editorErrors, rulesErrors]);
     const onKeyUp = (event2) => {
       if (submitOnEnter && event2.key === "Enter") {
-        form.submit();
+        form2.submit();
       }
     };
     const onValuesChange = (changeValues) => {
@@ -37808,14 +38067,33 @@ WARNING: This link could potentially be dangerous`)) {
       }
       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 = lodashEs.get(formValue, path2);
+          for (const validator of validators || []) {
+            const { isValid, errorMsg } = validator(value2, formValue);
+            if (!isValid) {
+              errorMap[path2.join(".")] = `${errorMsg}(${path2.join(".")})`;
+              break;
+            }
+          }
+        });
+      }
+      setRulesErrors(lodashEs.uniq(Object.values(errorMap)));
+      return errorMap;
+    };
     const saveButtonProps = React.useMemo(
       () => ({
         loading: formLoading,
         onClick: () => {
-          form.submit();
+          form2.submit();
         }
       }),
-      [formLoading, form]
+      [formLoading, form2]
     );
     const schemas = React.useMemo(() => {
       return schema ? [schema] : [];
@@ -37824,10 +38102,10 @@ WARNING: This link could potentially be dangerous`)) {
       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);
@@ -37837,7 +38115,7 @@ WARNING: This link could potentially be dangerous`)) {
         },
         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") {
@@ -37845,13 +38123,13 @@ WARNING: This link could potentially be dangerous`)) {
           }
         }
       };
-    }, [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") : ""
@@ -37860,8 +38138,13 @@ WARNING: This link could potentially be dangerous`)) {
             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) {
@@ -37891,19 +38174,19 @@ WARNING: This link could potentially be dangerous`)) {
       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) => {
@@ -37922,7 +38205,8 @@ WARNING: This link could potentially be dangerous`)) {
       transformInitValues,
       transformApplyValues,
       onSaveButtonPropsChange,
-      onErrorsChange
+      onErrorsChange,
+      rules
     } = props;
     const {
       action: actionFromResource,
@@ -37946,7 +38230,9 @@ WARNING: This link could potentially be dangerous`)) {
         /* None */
       },
       liveMode: "off",
-      initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE,
+      initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
+      initialValuesForEdit: props.initialValuesForEdit,
+      rules,
       successNotification(data2) {
         var _a;
         return {
@@ -38041,12 +38327,39 @@ WARNING: This link could potentially be dangerous`)) {
       })
     });
   }
-  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 = eagle.usePopModal();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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: eagle.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,
@@ -38061,47 +38374,60 @@ WARNING: This link could potentially be dangerous`)) {
     const configs = React.useContext(ConfigsContext);
     const [yamlSaveButtonProps, setYamlSaveButtonProps] = React.useState({});
     const [isError, setIsError] = React.useState(false);
+    const [mode, setMode] = React.useState(
+      "form"
+      /* Form */
+    );
+    const isYamlMode = mode === "yaml";
     const popModal = eagle.usePopModal();
+    const pushModal = eagle.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 = React.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
         });
@@ -38112,7 +38438,7 @@ WARNING: This link could potentially be dangerous`)) {
         resourceId: id
       });
     })();
-    const saveButtonProps = isYamlForm ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
+    const saveButtonProps = isYamlForm || isYamlMode ? yamlSaveButtonProps : refineFormResult.formResult.saveButtonProps;
     const onCancel = React.useCallback(() => {
       popModal();
     }, [popModal]);
@@ -38121,6 +38447,23 @@ WARNING: This link could potentially be dangerous`)) {
       setIsError(false);
       (_a2 = saveButtonProps.onClick) == null ? void 0 : _a2.call(saveButtonProps, e2);
     }, [saveButtonProps]);
+    const onChangeMode = React.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");
@@ -38147,16 +38490,36 @@ WARNING: This link could potentially be dangerous`)) {
       return "";
     }, [action, config.formConfig]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.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(eagle.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(iconsReact.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, {}),
@@ -38170,7 +38533,7 @@ WARNING: This link could potentially be dangerous`)) {
       }) : void 0, formEle]
     });
   }
-  const RefineFormPage_aqoiay = "";
+  const RefineFormPage_1v0fhor = "";
   const RefineFormPage = (props) => {
     const {
       config
@@ -38296,7 +38659,7 @@ WARNING: This link could potentially be dangerous`)) {
       }
     ) : null });
   }
-  const index_1wzdp7m = "";
+  const index_sazpyf = "";
   const WrapperStyle = "wfg6u6g";
   const InnerBar = ({
     usage: usage2,
@@ -38371,7 +38734,7 @@ WARNING: This link could potentially be dangerous`)) {
       visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Modal, { ...modalProps }) : null
     ] });
   };
-  const index_1wt5px2 = "";
+  const index_1tehui8 = "";
   const MenuStyle = "mdppgn0";
   const Menu = () => {
     const {
@@ -38396,7 +38759,7 @@ WARNING: This link could potentially be dangerous`)) {
       children: renderMenuItems(menuItems)
     });
   };
-  const index_1qxsm42 = "";
+  const index_1po979g = "";
   const HeaderStyle = "h16z07g";
   const ContentLayoutStyle = "c1i80kj";
   const SiderStyle = "s18sezq1";
@@ -38552,7 +38915,7 @@ WARNING: This link could potentially be dangerous`)) {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
-  const columns_1h38dp = "";
+  const columns_irlsbh = "";
   const DashedTitleStyle = "dh5j833";
   const ServiceClusterTooltipStyle = "s1fcgan";
   const NameLink = (props) => {
@@ -39183,13 +39546,18 @@ WARNING: This link could potentially be dangerous`)) {
     const {
       resourcesConfig,
       urlPrefix = "",
+      schemaUrlPrefix,
       Layout: Layout2,
       history,
       globalStore,
       accessControlProvider,
-      routerProvider: customRouterProvider
+      routerProvider: customRouterProvider,
+      antdGetPopupContainer
     } = props;
     const msg = eagle.useMessage();
+    React.useEffect(() => {
+      msg.config({ getContainer: antdGetPopupContainer });
+    }, [msg, antdGetPopupContainer]);
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c2) => !c2.isCustom);
     }, [resourcesConfig]);
@@ -39221,37 +39589,48 @@ WARNING: This link could potentially be dangerous`)) {
       };
       return provider;
     }, [msg]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      core.Refine,
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.KitStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigsContext.Provider, { value: lodashEs.keyBy(resourcesConfig, "name"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConstantsContext.Provider, { value: { schemaUrlPrefix }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.ConfigProvider,
       {
-        dataProvider: {
-          default: k8sApiProvider.dataProvider(globalStore)
+        antd5Configs: {
+          getPopupContainer: antdGetPopupContainer || (() => document.body)
         },
-        routerProvider: customRouterProvider || routerProvider,
-        liveProvider: k8sApiProvider.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(
+          core.Refine,
+          {
+            dataProvider: {
+              default: k8sApiProvider.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: k8sApiProvider.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
+          }
+        ) })
       }
     ) }) }) }) });
   };
@@ -39476,7 +39855,9 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.DrawerShow = DrawerShow;
   exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.DurationField = DurationField;
+  exports2.EditAnnotationDropdownMenuItem = EditAnnotationDropdownMenuItem;
   exports2.EditButton = EditButton;
+  exports2.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
   exports2.EventModel = EventModel;
   exports2.EventsTab = EventsTab;
   exports2.EventsTableTabField = EventsTableTabField;
@@ -39508,7 +39889,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.ListPage = ListPage;
   exports2.Menu = Menu;
   exports2.MetadataForm = MetadataForm;
-  exports2.ModalStyle = ModalStyle;
   exports2.ModelPlugin = ModelPlugin;
   exports2.NETWORK_POLICY_INIT_VALUE = NETWORK_POLICY_INIT_VALUE;
   exports2.NODE_INIT_VALUE = NODE_INIT_VALUE;
@@ -39565,6 +39945,7 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.PortsTableField = PortsTableField;
   exports2.ProviderPlugins = ProviderPlugins;
   exports2.ProvisionerColumnRenderer = ProvisionerColumnRenderer;
+  exports2.REDEPLOY_TIMESTAMP_KEY = REDEPLOY_TIMESTAMP_KEY;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReferenceLink = ReferenceLink;
   exports2.RefineFormContent = RefineFormContent;
@@ -39628,7 +40009,6 @@ WARNING: This link could potentially be dangerous`)) {
   exports2.StorageClassProvisionerField = StorageClassProvisionerField;
   exports2.StorageClassPvField = StorageClassPvField;
   exports2.StorageClassPvGroup = StorageClassPvGroup;
-  exports2.TIMESTAMP_LABEL = TIMESTAMP_LABEL;
   exports2.Tabs = Tabs;
   exports2.Tags = Tags;
   exports2.TextTags = TextTags;