@dovetail-v2/refine 0.0.34 → 0.0.35-beta.2

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("lodash-es"), require("@cloudtower/icons-react"), require("js-yaml"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "lodash-es", "@cloudtower/icons-react", "js-yaml", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.i18n, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.lodashEs, global2.iconsReact, global2.yaml, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd, global2.k8sApiProvider));
-})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, lodashEs, iconsReact, yaml, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd, k8sApiProvider) {
+  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("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("sunflower-antd"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "i18next", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "@cloudtower/icons-react", "lodash-es", "js-yaml", "monaco-editor", "monaco-yaml", "react-dom", "sunflower-antd", "antd", "k8s-api-provider"], 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.monaco, global2.monacoYaml, global2.ReactDOM, global2.sunflowerAntd, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, i18n, core, qs, React, reactRouterDom, eagle, iconsReact, lodashEs, yaml, monaco, monacoYaml, ReactDOM, sunflowerAntd, antd, k8sApiProvider) {
   "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]) + "]";
-        } }, m2 = function(t3, e3, n3) {
-          var r3 = String(t3);
-          return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
-        }, v = { s: m2, z: function(t3) {
-          var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
-          return (e3 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(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 m3 = M2.prototype;
-          return m3.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]) + "]";
+      } }, m2 = function(t3, e3, n3) {
+        var r3 = String(t3);
+        return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
+      }, v = { s: m2, z: function(t3) {
+        var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
+        return (e3 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(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 m3 = M2.prototype;
+        return m3.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();
-          }, m3.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();
-          }, m3.$utils = function() {
-            return b;
-          }, m3.isValid = function() {
-            return !(this.$d.toString() === l);
-          }, m3.isSame = function(t3, e3) {
-            var n3 = O(t3);
-            return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-          }, m3.isAfter = function(t3, e3) {
-            return O(t3) < this.startOf(e3);
-          }, m3.isBefore = function(t3, e3) {
-            return this.endOf(e3) < O(t3);
-          }, m3.$g = function(t3, e3, n3) {
-            return b.u(t3) ? this[e3] : this.set(n3, t3);
-          }, m3.unix = function() {
-            return Math.floor(this.valueOf() / 1e3);
-          }, m3.valueOf = function() {
-            return this.$d.getTime();
-          }, m3.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, m4 = 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 ? m4 - D2 : m4 + (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();
-            }
-          }, m3.endOf = function(t3) {
-            return this.startOf(t3, false);
-          }, m3.$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;
-          }, m3.set = function(t3, e3) {
-            return this.clone().$set(t3, e3);
-          }, m3.get = function(t3) {
-            return this[b.p(t3)]();
-          }, m3.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, m4 = this.$d.getTime() + r3 * M3;
-            return b.w(m4, this);
-          }, m3.subtract = function(t3, e3) {
-            return this.add(-1 * t3, e3);
-          }, m3.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(":", "");
-            });
-          }, m3.utcOffset = function() {
-            return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-          }, m3.diff = function(r3, d2, l2) {
-            var $2, y2 = this, M3 = b.p(d2), m4 = O(r3), v2 = (m4.utcOffset() - this.utcOffset()) * e2, g2 = this - m4, D2 = function() {
-              return b.m(y2, m4);
-            };
-            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);
-          }, m3.daysInMonth = function() {
-            return this.endOf(c2).$D;
-          }, m3.$locale = function() {
-            return D[this.$L];
-          }, m3.locale = function(t3, e3) {
-            if (!t3)
-              return this.$L;
-            var n3 = this.clone(), r3 = w(t3, e3, true);
-            return r3 && (n3.$L = r3), n3;
-          }, m3.clone = function() {
-            return b.w(this.$d, this);
-          }, m3.toDate = function() {
-            return new Date(this.valueOf());
-          }, m3.toJSON = function() {
-            return this.isValid() ? this.toISOString() : null;
-          }, m3.toISOString = function() {
-            return this.$d.toISOString();
-          }, m3.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();
+        }, m3.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();
+        }, m3.$utils = function() {
+          return b;
+        }, m3.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m3.isSame = function(t3, e3) {
+          var n3 = O(t3);
+          return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
+        }, m3.isAfter = function(t3, e3) {
+          return O(t3) < this.startOf(e3);
+        }, m3.isBefore = function(t3, e3) {
+          return this.endOf(e3) < O(t3);
+        }, m3.$g = function(t3, e3, n3) {
+          return b.u(t3) ? this[e3] : this.set(n3, t3);
+        }, m3.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m3.valueOf = function() {
+          return this.$d.getTime();
+        }, m3.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, m4 = 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 ? m4 - D2 : m4 + (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();
+          }
+        }, m3.endOf = function(t3) {
+          return this.startOf(t3, false);
+        }, m3.$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;
+        }, m3.set = function(t3, e3) {
+          return this.clone().$set(t3, e3);
+        }, m3.get = function(t3) {
+          return this[b.p(t3)]();
+        }, m3.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, m4 = this.$d.getTime() + r3 * M3;
+          return b.w(m4, this);
+        }, m3.subtract = function(t3, e3) {
+          return this.add(-1 * t3, e3);
+        }, m3.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(":", "");
+          });
+        }, m3.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m3.diff = function(r3, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m4 = O(r3), v2 = (m4.utcOffset() - this.utcOffset()) * e2, g2 = this - m4, D2 = function() {
+            return b.m(y2, m4);
+          };
+          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);
+        }, m3.daysInMonth = function() {
+          return this.endOf(c2).$D;
+        }, m3.$locale = function() {
+          return D[this.$L];
+        }, m3.locale = function(t3, e3) {
+          if (!t3)
+            return this.$L;
+          var n3 = this.clone(), r3 = w(t3, e3, true);
+          return r3 && (n3.$L = r3), n3;
+        }, m3.clone = function() {
+          return b.w(this.$d, this);
+        }, m3.toDate = function() {
+          return new Date(this.valueOf());
+        }, m3.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m3.toISOString = function() {
+          return this.$d.toISOString();
+        }, m3.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 };
@@ -1290,7 +1283,7 @@ var __publicField = (obj, key, value) => {
   const message = "信息";
   const save = "保存";
   const workload = "工作负载";
-  const all_namespaces = "所有名字空间";
+  const all_namespaces = "全部名字空间";
   const empty = "暂无数据";
   const schedule = "调度时间表";
   const lastScheduleTime = "上次调度时间";
@@ -8430,180 +8423,406 @@ var __publicField = (obj, key, value) => {
       })
     });
   };
-  const PodSelectorTable = ({ podSelectors = {} }) => {
-    const kit = eagle.useUIKit();
-    const { t: t2 } = useTranslation();
-    const datas = Object.keys(podSelectors).map((key2) => ({
-      id: key2,
-      key: key2,
-      value: podSelectors[key2]
-    }));
-    const columns = [
-      {
-        key: "key",
-        display: true,
-        dataIndex: "key",
-        title: t2("dovetail.key"),
-        sortable: true
-      },
-      {
-        key: "value",
-        display: true,
-        dataIndex: "value",
-        title: t2("dovetail.value"),
-        sortable: true
-      }
-    ];
-    if (datas.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        WidgetErrorContent$1,
-        {
-          errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-          style: { padding: "15px 0" }
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
-      {
-        loading: false,
-        dataSource: datas,
-        columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
-      }
-    );
-  };
-  const PortsTable = ({ service }) => {
-    const kit = eagle.useUIKit();
-    const { t: t2 } = useTranslation();
-    const columns = [
-      {
-        key: "name",
-        display: true,
-        dataIndex: "name",
-        title: t2("dovetail.name"),
-        sortable: true
-      },
-      {
-        key: "servicePort",
-        display: true,
-        dataIndex: "port",
-        title: t2("dovetail.service_port"),
-        sortable: true
-      },
-      {
-        key: "protocol",
-        display: true,
-        dataIndex: "protocol",
-        title: t2("dovetail.protocol"),
-        sortable: true
-      },
-      {
-        key: "podPort",
-        display: true,
-        dataIndex: "targetPort",
-        title: t2("dovetail.pod_port"),
-        sortable: true
-      },
-      {
-        key: "nodePort",
-        display: true,
-        dataIndex: "nodePort",
-        title: t2("dovetail.node_port"),
-        sortable: true
-      }
-    ];
-    const ports = (service._rawYaml.spec.ports || []).map((port2) => ({
-      ...port2,
-      id: port2.name || ""
-    }));
-    if ((ports == null ? void 0 : ports.length) === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" } });
+  function memoize$1(fn) {
+    var cache = /* @__PURE__ */ Object.create(null);
+    return function(arg) {
+      if (cache[arg] === void 0)
+        cache[arg] = fn(arg);
+      return cache[arg];
+    };
+  }
+  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+  var isPropValid = /* @__PURE__ */ memoize$1(
+    function(prop) {
+      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
-      {
-        loading: false,
-        dataSource: ports,
-        columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
-      }
-    );
+    /* Z+1 */
+  );
+  var isCapital = (ch) => ch.toUpperCase() === ch;
+  var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
+  var omit = (obj, keys) => {
+    const res = {};
+    Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
+      res[key2] = obj[key2];
+    });
+    return res;
   };
-  class ResourceModel {
-    constructor(_rawYaml, _globalStore) {
-      __publicField(this, "id");
-      __publicField(this, "apiVersion");
-      __publicField(this, "kind");
-      __publicField(this, "metadata");
-      this._rawYaml = _rawYaml;
-      this._globalStore = _globalStore;
-      Object.keys(_rawYaml).forEach((key2) => {
-        Object.defineProperty(this, key2, {
-          value: _rawYaml[key2]
-        });
+  function filterProps(asIs, props, omitKeys) {
+    const filteredProps = omit(props, omitKeys);
+    if (!asIs) {
+      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+      Object.keys(filteredProps).forEach((key2) => {
+        if (!interopValidAttr.default(key2)) {
+          delete filteredProps[key2];
+        }
       });
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    async init() {
-    }
-    get name() {
-      var _a;
-      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.name;
-    }
-    get namespace() {
-      var _a;
-      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace;
-    }
-    get labels() {
-      var _a;
-      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.labels;
-    }
-    get annotations() {
-      var _a;
-      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.annotations;
-    }
-    restore() {
-      return this._rawYaml;
-    }
+    return filteredProps;
   }
-  class IngressModel extends ResourceModel {
-    constructor(_rawYaml, _globalStore) {
-      var _a;
-      super(_rawYaml, _globalStore);
-      __publicField(this, "flattenedRules");
-      this._rawYaml = _rawYaml;
-      this._globalStore = _globalStore;
-      this.flattenedRules = ((_a = this._rawYaml.spec.rules) == null ? void 0 : _a.reduce((res, rule2) => {
-        var _a2;
-        const paths = (_a2 = rule2.http) == null ? void 0 : _a2.paths.map((p) => {
-          var _a3, _b, _c, _d, _e, _f;
-          return {
-            resourceName: ((_a3 = p.backend.resource) == null ? void 0 : _a3.name) || "",
-            serviceName: ((_b = p.backend.service) == null ? void 0 : _b.name) || "",
-            fullPath: this.getFullPath(rule2, p.path),
-            pathType: p.pathType,
-            servicePort: ((_d = (_c = p.backend.service) == null ? void 0 : _c.port) == null ? void 0 : _d.number) || ((_f = (_e = p.backend.service) == null ? void 0 : _e.port) == null ? void 0 : _f.name),
-            host: rule2.host
-          };
-        });
-        return [...res, ...paths || []];
-      }, [])) || [];
+  var warnIfInvalid = (value2, componentName) => {
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
+        return;
+      }
+      const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
+      console.warn(
+        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+      );
     }
-    getFullPath(rule2, path2 = "") {
-      if (!rule2.host) {
-        return path2 || "";
+  };
+  var idx = 0;
+  function styled(tag) {
+    var _a;
+    let mockedClass = "";
+    if (process.env.NODE_ENV === "test") {
+      mockedClass += `mocked-styled-${idx++}`;
+      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+        mockedClass += ` ${tag.__linaria.className}`;
       }
-      const hostValue = rule2.host || "";
-      const protocal = this._rawYaml.spec.tls ? "https://" : "http://";
-      return `${protocal}${hostValue}${path2}`;
     }
-  }
-  class NetworkPolicyModel extends ResourceModel {
-    constructor(_rawYaml, _globalStore) {
-      super(_rawYaml, _globalStore);
+    return (options) => {
+      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+        if (Array.isArray(options)) {
+          throw new Error(
+            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+          );
+        }
+      }
+      const render = (props, ref) => {
+        const { as: component = tag, class: className = mockedClass } = props;
+        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+        const filteredProps = filterProps(shouldKeepProps, props, [
+          "as",
+          "class"
+        ]);
+        filteredProps.ref = ref;
+        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+        const { vars } = options;
+        if (vars) {
+          const style = {};
+          for (const name2 in vars) {
+            const variable = vars[name2];
+            const result = variable[0];
+            const unit = variable[1] || "";
+            const value2 = typeof result === "function" ? result(props) : result;
+            warnIfInvalid(value2, options.name);
+            style[`--${name2}`] = `${value2}${unit}`;
+          }
+          const ownStyle = filteredProps.style || {};
+          const keys = Object.keys(ownStyle);
+          if (keys.length > 0) {
+            keys.forEach((key2) => {
+              style[key2] = ownStyle[key2];
+            });
+          }
+          filteredProps.style = style;
+        }
+        if (tag.__linaria && tag !== component) {
+          filteredProps.as = component;
+          return React.createElement(tag, filteredProps);
+        }
+        return React.createElement(component, filteredProps);
+      };
+      const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
+        const rest = omit(props, ["innerRef"]);
+        return render(rest, props.innerRef);
+      };
+      Result.displayName = options.name;
+      Result.__linaria = {
+        className: options.class || mockedClass,
+        extends: tag
+      };
+      return Result;
+    };
+  }
+  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+    get(o, prop) {
+      return o(prop);
+    }
+  }) : styled;
+  const TableWidgets_ny30pi = "";
+  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
+    name: "AuxiliaryLine",
+    class: "ax1qopv",
+    propsAsIs: false
+  });
+  const index_dmbxj3 = "";
+  const TableContainerStyle = "t1upn1sz";
+  function Table(props) {
+    const kit = eagle.useUIKit();
+    const {
+      t: t2
+    } = useTranslation();
+    const {
+      loading,
+      error,
+      data: dataSource,
+      rowKey,
+      columns,
+      scroll,
+      currentPage,
+      currentSize,
+      RowMenu,
+      refetch,
+      onPageChange,
+      onSizeChange,
+      empty: empty2
+    } = props;
+    const auxiliaryLineRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    const pagination = React.useMemo(() => ({
+      current: currentPage,
+      pageSize: currentSize,
+      onChange: onPageChange
+    }), [currentPage, currentSize, onPageChange]);
+    const finalColumns = React.useMemo(() => {
+      if (RowMenu) {
+        const actionColumn = {
+          key: "_action_",
+          display: true,
+          dataIndex: [],
+          title: "",
+          render: (_, record) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
+              record
+            });
+          }
+        };
+        return [...columns, actionColumn];
+      }
+      return columns;
+    }, [columns, RowMenu]);
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+    } else if (error) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        errorText: t2("dovetail.retry_when_access_data_failed"),
+        refetch,
+        style: {
+          padding: "15px 0"
+        }
+      });
+    } else if (dataSource.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+        errorText: empty2 || t2("dovetail.empty"),
+        style: {
+          padding: "15px 0"
+        }
+      });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      ref: wrapperRef,
+      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+        tableLayout: "fixed",
+        columns: finalColumns,
+        dataSource,
+        pagination,
+        error,
+        loading,
+        rowKey,
+        wrapper: wrapperRef,
+        scroll
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
+        ref: auxiliaryLineRef
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+        current: currentPage,
+        size: currentSize,
+        count: dataSource.length,
+        onChange: onPageChange,
+        onSizeChange
+      })]
+    });
+  }
+  const ComponentContext = React.createContext({});
+  const PodSelectorTable = ({ podSelectors = {} }) => {
+    const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const datas = Object.keys(podSelectors).map((key2) => ({
+      id: key2,
+      key: key2,
+      value: podSelectors[key2]
+    }));
+    const columns = [
+      {
+        key: "key",
+        display: true,
+        dataIndex: "key",
+        title: t2("dovetail.key"),
+        sortable: true
+      },
+      {
+        key: "value",
+        display: true,
+        dataIndex: "value",
+        title: t2("dovetail.value"),
+        sortable: true
+      }
+    ];
+    if (datas.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        WidgetErrorContent$1,
+        {
+          errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
+          style: { padding: "15px 0" }
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table$1,
+      {
+        tableKey: "podSelector",
+        loading: false,
+        data: datas,
+        columns: addDefaultRenderToColumns(columns),
+        rowKey: "key",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
+      }
+    );
+  };
+  const PortsTable = ({ service }) => {
+    const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const columns = [
+      {
+        key: "name",
+        display: true,
+        dataIndex: "name",
+        title: t2("dovetail.name"),
+        sortable: true
+      },
+      {
+        key: "servicePort",
+        display: true,
+        dataIndex: "port",
+        title: t2("dovetail.service_port"),
+        sortable: true
+      },
+      {
+        key: "protocol",
+        display: true,
+        dataIndex: "protocol",
+        title: t2("dovetail.protocol"),
+        sortable: true
+      },
+      {
+        key: "podPort",
+        display: true,
+        dataIndex: "targetPort",
+        title: t2("dovetail.pod_port"),
+        sortable: true
+      },
+      {
+        key: "nodePort",
+        display: true,
+        dataIndex: "nodePort",
+        title: t2("dovetail.node_port"),
+        sortable: true
+      }
+    ];
+    const ports = (service._rawYaml.spec.ports || []).map((port2) => ({
+      ...port2,
+      id: port2.name || ""
+    }));
+    if ((ports == null ? void 0 : ports.length) === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" } });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table$1,
+      {
+        tableKey: "ports",
+        loading: false,
+        data: ports,
+        columns: addDefaultRenderToColumns(columns),
+        rowKey: "name",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
+      }
+    );
+  };
+  class ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      __publicField(this, "id");
+      __publicField(this, "apiVersion");
+      __publicField(this, "kind");
+      __publicField(this, "metadata");
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      Object.keys(_rawYaml).forEach((key2) => {
+        Object.defineProperty(this, key2, {
+          value: _rawYaml[key2]
+        });
+      });
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    async init() {
+    }
+    get name() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.name;
+    }
+    get namespace() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.namespace;
+    }
+    get labels() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.labels;
+    }
+    get annotations() {
+      var _a;
+      return (_a = this._rawYaml.metadata) == null ? void 0 : _a.annotations;
+    }
+    restore() {
+      return this._rawYaml;
+    }
+  }
+  class IngressModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      var _a;
+      super(_rawYaml, _globalStore);
+      __publicField(this, "flattenedRules");
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      this.flattenedRules = ((_a = this._rawYaml.spec.rules) == null ? void 0 : _a.reduce((res, rule2) => {
+        var _a2;
+        const paths = (_a2 = rule2.http) == null ? void 0 : _a2.paths.map((p) => {
+          var _a3, _b, _c, _d, _e, _f;
+          return {
+            resourceName: ((_a3 = p.backend.resource) == null ? void 0 : _a3.name) || "",
+            serviceName: ((_b = p.backend.service) == null ? void 0 : _b.name) || "",
+            fullPath: this.getFullPath(rule2, p.path),
+            pathType: p.pathType,
+            servicePort: ((_d = (_c = p.backend.service) == null ? void 0 : _c.port) == null ? void 0 : _d.number) || ((_f = (_e = p.backend.service) == null ? void 0 : _e.port) == null ? void 0 : _f.name),
+            host: rule2.host
+          };
+        });
+        return [...res, ...paths || []];
+      }, [])) || [];
+    }
+    getFullPath(rule2, path2 = "") {
+      if (!rule2.host) {
+        return path2 || "";
+      }
+      const hostValue = rule2.host || "";
+      const protocal = this._rawYaml.spec.tls ? "https://" : "http://";
+      return `${protocal}${hostValue}${path2}`;
+    }
+  }
+  class NetworkPolicyModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
       this._rawYaml = _rawYaml;
       this._globalStore = _globalStore;
     }
@@ -9748,352 +9967,148 @@ var __publicField = (obj, key, value) => {
         };
         n2.toNow = function(r3) {
           return this.to(d(this), r3);
-        }, n2.fromNow = function(r3) {
-          return this.from(d(this), r3);
-        };
-      };
-    });
-  })(relativeTime$1);
-  var relativeTimeExports = relativeTime$1.exports;
-  const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
-  const index_fmx695 = "";
-  dayjs.extend(relativeTime, {
-    thresholds: [{
-      l: "s",
-      r: 1
-    }, {
-      l: "m",
-      r: 1
-    }, {
-      l: "mm",
-      r: 59,
-      d: "minute"
-    }, {
-      l: "h",
-      r: 1
-    }, {
-      l: "hh",
-      r: 23,
-      d: "hour"
-    }, {
-      l: "d",
-      r: 1
-    }, {
-      l: "dd",
-      r: Infinity,
-      d: "day"
-    }]
-  });
-  const TimeStyle = "t19ustft";
-  const Time = (props) => {
-    const {
-      className,
-      date,
-      dateTemplate = "YYYY-MM-DD",
-      timeTemplate = "HH:mm"
-    } = props;
-    const {
-      i18n: i18n2
-    } = useTranslation();
-    const [text, setText] = React.useState(dayjs(date).fromNow());
-    React.useEffect(() => {
-      const onChange = () => {
-        setText(dayjs(date).fromNow());
-      };
-      i18n2.on("languageChanged", onChange);
-      return () => i18n2.off("languageChanged", onChange);
-    }, [date, i18n2]);
-    if (!date)
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-        children: "-"
-      });
-    const time = dayjs(date);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-      title: `${time.format(dateTemplate)} ${time.format(timeTemplate)}`,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: cx_default(className, TimeStyle),
-        children: text
-      })
-    });
-  };
-  const ConditionsTable = ({ conditions = [] }) => {
-    const kit = eagle.useUIKit();
-    const { t: t2 } = useTranslation();
-    const conditionsWithId = addId(conditions, "type");
-    const columns = [
-      {
-        key: "type",
-        display: true,
-        dataIndex: "type",
-        title: t2("dovetail.type"),
-        sortable: true
-      },
-      {
-        key: "status",
-        display: true,
-        dataIndex: "status",
-        title: t2("dovetail.state"),
-        render(value2) {
-          const colorMap = {
-            "True": "green",
-            "False": "red",
-            "Unknown": "warning"
-          };
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
-        },
-        sortable: true
-      },
-      {
-        key: "lastUpdateTime",
-        display: true,
-        dataIndex: "lastUpdateTime",
-        title: t2("dovetail.updated_time"),
-        sortable: true,
-        render: (value2, record) => {
-          const time = value2 || record.lastTransitionTime;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
-        }
-      },
-      {
-        key: "reason",
-        display: true,
-        dataIndex: "reason",
-        title: t2("dovetail.reason"),
-        sortable: true
-      },
-      {
-        key: "message",
-        display: true,
-        dataIndex: "message",
-        title: t2("dovetail.message"),
-        sortable: true
-      }
-    ];
-    if (conditionsWithId.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }), style: { padding: "15px 0" } });
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
-      {
-        loading: false,
-        dataSource: conditionsWithId,
-        columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
-      }
-    );
-  };
-  function memoize$1(fn) {
-    var cache = /* @__PURE__ */ Object.create(null);
-    return function(arg) {
-      if (cache[arg] === void 0)
-        cache[arg] = fn(arg);
-      return cache[arg];
-    };
-  }
-  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-  var isPropValid = /* @__PURE__ */ memoize$1(
-    function(prop) {
-      return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-    }
-    /* Z+1 */
-  );
-  var isCapital = (ch) => ch.toUpperCase() === ch;
-  var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
-  var omit = (obj, keys) => {
-    const res = {};
-    Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
-      res[key2] = obj[key2];
-    });
-    return res;
-  };
-  function filterProps(asIs, props, omitKeys) {
-    const filteredProps = omit(props, omitKeys);
-    if (!asIs) {
-      const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-      Object.keys(filteredProps).forEach((key2) => {
-        if (!interopValidAttr.default(key2)) {
-          delete filteredProps[key2];
-        }
-      });
-    }
-    return filteredProps;
-  }
-  var warnIfInvalid = (value2, componentName) => {
-    if (process.env.NODE_ENV !== "production") {
-      if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
-        return;
-      }
-      const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
-      console.warn(
-        `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-      );
-    }
-  };
-  var idx = 0;
-  function styled(tag) {
-    var _a;
-    let mockedClass = "";
-    if (process.env.NODE_ENV === "test") {
-      mockedClass += `mocked-styled-${idx++}`;
-      if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-        mockedClass += ` ${tag.__linaria.className}`;
-      }
-    }
-    return (options) => {
-      if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-        if (Array.isArray(options)) {
-          throw new Error(
-            'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-          );
-        }
-      }
-      const render = (props, ref) => {
-        const { as: component = tag, class: className = mockedClass } = props;
-        const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-        const filteredProps = filterProps(shouldKeepProps, props, [
-          "as",
-          "class"
-        ]);
-        filteredProps.ref = ref;
-        filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
-        const { vars } = options;
-        if (vars) {
-          const style = {};
-          for (const name2 in vars) {
-            const variable = vars[name2];
-            const result = variable[0];
-            const unit = variable[1] || "";
-            const value2 = typeof result === "function" ? result(props) : result;
-            warnIfInvalid(value2, options.name);
-            style[`--${name2}`] = `${value2}${unit}`;
-          }
-          const ownStyle = filteredProps.style || {};
-          const keys = Object.keys(ownStyle);
-          if (keys.length > 0) {
-            keys.forEach((key2) => {
-              style[key2] = ownStyle[key2];
-            });
-          }
-          filteredProps.style = style;
-        }
-        if (tag.__linaria && tag !== component) {
-          filteredProps.as = component;
-          return React.createElement(tag, filteredProps);
-        }
-        return React.createElement(component, filteredProps);
-      };
-      const Result = React.forwardRef ? React.forwardRef(render) : (props) => {
-        const rest = omit(props, ["innerRef"]);
-        return render(rest, props.innerRef);
-      };
-      Result.displayName = options.name;
-      Result.__linaria = {
-        className: options.class || mockedClass,
-        extends: tag
-      };
-      return Result;
-    };
-  }
-  var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-    get(o, prop) {
-      return o(prop);
-    }
-  }) : styled;
-  const TableWidgets_ny30pi = "";
-  const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
-    name: "AuxiliaryLine",
-    class: "ax1qopv",
-    propsAsIs: false
+        }, n2.fromNow = function(r3) {
+          return this.from(d(this), r3);
+        };
+      };
+    });
+  })(relativeTime$1);
+  var relativeTimeExports = relativeTime$1.exports;
+  const relativeTime = /* @__PURE__ */ getDefaultExportFromCjs(relativeTimeExports);
+  const index_fmx695 = "";
+  dayjs.extend(relativeTime, {
+    thresholds: [{
+      l: "s",
+      r: 1
+    }, {
+      l: "m",
+      r: 1
+    }, {
+      l: "mm",
+      r: 59,
+      d: "minute"
+    }, {
+      l: "h",
+      r: 1
+    }, {
+      l: "hh",
+      r: 23,
+      d: "hour"
+    }, {
+      l: "d",
+      r: 1
+    }, {
+      l: "dd",
+      r: Infinity,
+      d: "day"
+    }]
   });
-  const index_dmbxj3 = "";
-  const TableContainerStyle = "t1upn1sz";
-  function Table(props) {
-    const kit = eagle.useUIKit();
-    const {
-      t: t2
-    } = useTranslation();
+  const TimeStyle = "t19ustft";
+  const Time = (props) => {
     const {
-      loading,
-      error,
-      data: dataSource,
-      rowKey,
-      columns,
-      scroll,
-      currentPage,
-      currentSize,
-      RowMenu,
-      refetch,
-      onPageChange,
-      onSizeChange,
-      empty: empty2
+      className,
+      date,
+      dateTemplate = "YYYY-MM-DD",
+      timeTemplate = "HH:mm"
     } = props;
-    const auxiliaryLineRef = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const pagination = React.useMemo(() => ({
-      current: currentPage,
-      pageSize: currentSize,
-      onChange: onPageChange
-    }), [currentPage, currentSize, onPageChange]);
-    const finalColumns = React.useMemo(() => {
-      if (RowMenu) {
-        const actionColumn = {
-          key: "_action_",
-          display: true,
-          dataIndex: [],
-          title: "",
-          render: (_, record) => {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
-              record
-            });
-          }
-        };
-        return [...columns, actionColumn];
-      }
-      return columns;
-    }, [columns, RowMenu]);
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
-    } else if (error) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-        errorText: t2("dovetail.retry_when_access_data_failed"),
-        refetch,
-        style: {
-          padding: "15px 0"
-        }
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    const [text, setText] = React.useState(dayjs(date).fromNow());
+    React.useEffect(() => {
+      const onChange = () => {
+        setText(dayjs(date).fromNow());
+      };
+      i18n2.on("languageChanged", onChange);
+      return () => i18n2.off("languageChanged", onChange);
+    }, [date, i18n2]);
+    if (!date)
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+        children: "-"
       });
-    } else if (dataSource.length === 0) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-        errorText: empty2 || t2("dovetail.empty"),
-        style: {
-          padding: "15px 0"
+    const time = dayjs(date);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+      title: `${time.format(dateTemplate)} ${time.format(timeTemplate)}`,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(className, TimeStyle),
+        children: text
+      })
+    });
+  };
+  const ConditionsTable = ({ conditions = [] }) => {
+    const [currentPage, setCurrentPage] = React.useState(1);
+    const { t: t2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const conditionsWithId = addId(conditions, "type");
+    const columns = [
+      {
+        key: "type",
+        display: true,
+        dataIndex: "type",
+        title: t2("dovetail.type"),
+        sortable: true
+      },
+      {
+        key: "status",
+        display: true,
+        dataIndex: "status",
+        title: t2("dovetail.state"),
+        render(value2) {
+          const colorMap = {
+            "True": "green",
+            "False": "red",
+            "Unknown": "warning"
+          };
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
+        },
+        sortable: true
+      },
+      {
+        key: "lastUpdateTime",
+        display: true,
+        dataIndex: "lastUpdateTime",
+        title: t2("dovetail.updated_time"),
+        sortable: true,
+        render: (value2, record) => {
+          const time = value2 || record.lastTransitionTime;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, { date: new Date(time) });
         }
-      });
+      },
+      {
+        key: "reason",
+        display: true,
+        dataIndex: "reason",
+        title: t2("dovetail.reason"),
+        sortable: true
+      },
+      {
+        key: "message",
+        display: true,
+        dataIndex: "message",
+        title: t2("dovetail.message"),
+        sortable: true
+      }
+    ];
+    if (conditionsWithId.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }), style: { padding: "15px 0" } });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-      ref: wrapperRef,
-      className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
-        tableLayout: "fixed",
-        columns: finalColumns,
-        dataSource,
-        pagination,
-        error,
-        loading,
-        rowKey,
-        wrapper: wrapperRef,
-        scroll
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
-        ref: auxiliaryLineRef
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
-        current: currentPage,
-        size: currentSize,
-        count: dataSource.length,
-        onChange: onPageChange,
-        onSizeChange
-      })]
-    });
-  }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Table$1,
+      {
+        tableKey: "condition",
+        loading: false,
+        data: conditionsWithId,
+        columns: addDefaultRenderToColumns(columns),
+        rowKey: "type",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
+      }
+    );
+  };
   function useEdit() {
     const { resource } = core.useParsed();
     const go = core.useGo();
@@ -10287,6 +10302,8 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const [selectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const {
       data: data2
     } = core.useList({
@@ -10308,7 +10325,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         tableKey: "cronjobs",
         loading: !dataSource,
         data: dataSource || [],
@@ -10318,7 +10335,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       })]
     });
   };
@@ -10407,6 +10425,8 @@ var __publicField = (obj, key, value) => {
       ],
       [i18n2]
     );
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const dataSource = React.useMemo(() => {
       return data2 == null ? void 0 : data2.data.filter((d) => {
         const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
@@ -10423,7 +10443,7 @@ var __publicField = (obj, key, value) => {
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Table,
+      Table$1,
       {
         tableKey: "events",
         loading: isLoading,
@@ -10434,7 +10454,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       }
     );
   };
@@ -10471,11 +10492,13 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
   };
   const IngressRulesTable = ({ ingress }) => {
-    const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const rows = React.useMemo(() => {
       return addId(ingress.flattenedRules || [], "fullPath");
     }, [ingress.flattenedRules]);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const columns = [
       {
         key: "pathType",
@@ -10539,13 +10562,18 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "ingressRules",
         loading: false,
-        dataSource: rows,
+        data: rows,
         columns: addDefaultRenderToColumns(columns),
-        rowKey: "type",
-        empty: t2("dovetail.empty")
+        rowKey: "pathType",
+        empty: t2("dovetail.empty"),
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
@@ -10609,7 +10637,7 @@ var __publicField = (obj, key, value) => {
             children: Object.keys(data2).length
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
             type: "link",
-            className: ExpandButtonStyle,
+            className: cx_default(ExpandButtonStyle, eagle.Typo.Label.l4_regular_title),
             onClick: () => {
               setIsExpand(!isExpand);
             },
@@ -10724,8 +10752,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
     }) });
   }
-  const ComponentContext = React.createContext({});
-  const ShowContent_tusz9j = "";
+  const ShowContent_eym19u = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -10808,7 +10835,7 @@ var __publicField = (obj, key, value) => {
           children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
             className: FieldWrapperStyle,
             children: [field.title && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: eagle.Typo.Label.l3_regular,
+              className: eagle.Typo.Label.l4_regular_title,
               style: {
                 width: field.labelWidth || "165px",
                 marginRight: 8,
@@ -10821,6 +10848,7 @@ var __publicField = (obj, key, value) => {
                 minWidth: 0
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+                className: eagle.Typo.Label.l4_regular_title,
                 value: content,
                 useOverflow: false
               })
@@ -10874,6 +10902,7 @@ var __publicField = (obj, key, value) => {
               marginRight: 8
             },
             onClick: openForm,
+            prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.EditPen16GradientBlueIcon, {}),
             children: t2("dovetail.edit_yaml")
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
@@ -10943,6 +10972,8 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const [selectedKeys, setSelectedKeys] = React.useState([]);
     const [currentPage, setCurrentPage] = React.useState(1);
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
     const {
       data: data2
     } = core.useList({
@@ -10983,7 +11014,7 @@ var __publicField = (obj, key, value) => {
       children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
         selectedKeys,
         hideCreate: true
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
         tableKey: "pods",
         loading: !dataSource,
         data: dataSource || [],
@@ -10994,7 +11025,8 @@ var __publicField = (obj, key, value) => {
         currentPage,
         onPageChange: (p) => setCurrentPage(p),
         currentSize: 10,
-        refetch: () => null
+        refetch: () => null,
+        showMenuColumn: false
       })]
     });
   };
@@ -11168,7 +11200,7 @@ var __publicField = (obj, key, value) => {
       children: i18n2.t("dovetail.edit")
     });
   }
-  const index_1qy3pu6 = "";
+  const index_psn0hb = "";
   const WorkloadReplicasWrapperStyle = "w8ychfk";
   const DonutChartWrapperStyle = "d1o004do";
   const DonutChartStyle = "dfo80qq";
@@ -11268,10 +11300,10 @@ var __publicField = (obj, key, value) => {
         color: "rgba(33, 190, 106, 1)"
       }];
       const remain = replicas - readyReplicas;
-      if (remain > 0) {
+      if (remain > 0 || replicas === 0) {
         data2.push({
           name: "remain",
-          value: remain,
+          value: replicas === 0 ? 1 : remain,
           color: "rgba(162, 240, 213, 1)"
         });
       }
@@ -11303,20 +11335,20 @@ var __publicField = (obj, key, value) => {
         })
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ContentWrapperStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             className: LabelStyle,
             children: t2("dovetail.pod_ready_num")
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: readyReplicas
           })]
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             className: LabelStyle,
             children: t2("dovetail.pod_replicas_num")
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: replicas
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
             children: editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(EditField, {
               modalProps: {
                 formRef,
@@ -17551,8 +17583,8 @@ var __publicField = (obj, key, value) => {
     __proto__: null,
     default: MonacoYamlEditor$1
   }, Symbol.toStringTag, { value: "Module" }));
-  const NetworkPolicyRulesTable_1ig139p = "";
-  const EditorStyle$1 = "e151npt0";
+  const NetworkPolicyRulesViewer_13asgaq = "";
+  const EditorStyle$1 = "e1cjl2b8";
   const NetworkPolicyRulesViewer = ({
     ingressOrEgress,
     kind
@@ -17582,8 +17614,10 @@ var __publicField = (obj, key, value) => {
     containerStatuses,
     initContainerStatuses
   }) => {
-    const kit = eagle.useUIKit();
     const { i18n: i18n2 } = useTranslation();
+    const component = React.useContext(ComponentContext);
+    const Table$1 = component.Table || Table;
+    const [currentPage, setCurrentPage] = React.useState(1);
     const columns = React.useMemo(
       () => [
         {
@@ -17649,13 +17683,18 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.table,
+      Table$1,
       {
+        tableKey: "podContainers",
         loading: false,
-        dataSource,
+        data: dataSource,
         columns: addDefaultRenderToColumns(columns),
         rowKey: "containerID",
-        error: false
+        error: false,
+        currentSize: 10,
+        currentPage,
+        onPageChange: setCurrentPage,
+        showMenuColumn: false
       }
     );
   };
@@ -17923,6 +17962,44 @@ var __publicField = (obj, key, value) => {
       children
     ] });
   }
+  function ReplicasDropdown(props) {
+    const { record, size, children } = props;
+    const kit = eagle.useUIKit();
+    const { t: t2 } = useTranslation();
+    const formRef = React.useRef(null);
+    const { action } = core.useResource();
+    const isInShowPage = action === "show";
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
+      isInShowPage ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        kit.menu.Item,
+        {
+          onClick: () => {
+            const modalProps = {
+              formRef,
+              title: t2("dovetail.edit_replicas"),
+              renderContent() {
+                return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  WorkloadReplicasForm,
+                  {
+                    ref: formRef,
+                    defaultValue: record.replicas || 0,
+                    record,
+                    label: t2("dovetail.pod_replicas_num")
+                  }
+                );
+              }
+            };
+            eagle.pushModal({
+              component: EditFieldModal,
+              props: modalProps
+            });
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: t2("dovetail.edit_replicas") })
+        }
+      ),
+      children
+    ] });
+  }
   globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value2) {
       return value2 instanceof P ? value2 : new P(function(resolve) {
@@ -18175,7 +18252,7 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
-  const index_1srrgg6 = "";
+  const index_hp158y = "";
   const ListPageStyle = "laykzsq";
   const ListContentStyle = "l1ng0psc";
   const TableStyle = "tj6zpn4";
@@ -18211,15 +18288,23 @@ var __publicField = (obj, key, value) => {
         className: ListContentStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
           className: NamespaceFilterStyle
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
-          ...tableProps,
-          empty: tableProps.empty || t2("dovetail.no_resource", {
-            kind: ` ${config.kind}`
-          }),
-          className: cx_default(tableProps.className, TableStyle),
-          scroll: {
-            y: "calc(100% - 48px)"
-          }
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+          className: TableStyle,
+          children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+            errorText: tableProps.empty || t2("dovetail.no_resource", {
+              kind: ` ${config.kind}`
+            }),
+            hiddenRetry: true
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+            ...tableProps,
+            empty: tableProps.empty || t2("dovetail.no_resource", {
+              kind: ` ${config.kind}`
+            }),
+            className: cx_default(tableProps.className),
+            scroll: {
+              y: "calc(100% - 48px)"
+            }
+          })
         })]
       })]
     });
@@ -23447,6 +23532,7 @@ var __publicField = (obj, key, value) => {
       }),
       sortable: true,
       width: 120,
+      align: "right",
       sorter: CommonSorter(dataIndex)
     };
   };
@@ -23664,6 +23750,7 @@ var __publicField = (obj, key, value) => {
       }),
       width: 120,
       sortable: true,
+      align: "right",
       sorter: CommonSorter(["readyDisplay"])
     };
   };
@@ -24133,6 +24220,7 @@ var __publicField = (obj, key, value) => {
   exports2.RefineFormPage = RefineFormPage;
   exports2.ReplicaField = ReplicaField;
   exports2.ReplicasColumnRenderer = ReplicasColumnRenderer;
+  exports2.ReplicasDropdown = ReplicasDropdown;
   exports2.ResourceCRUD = ResourceCRUD;
   exports2.ResourceForm = ResourceForm;
   exports2.ResourceLink = ResourceLink;