@dovetail-v2/refine 0.0.35-beta.3 → 0.0.35

package/dist/{index-83577f15.js → index-1003469d.js}

@@ -7,11 +7,11 @@ var __publicField = (obj, key2, value2) => {
 import i18n from "i18next";
 import * as React from "react";
 import React__default, { createElement, isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle, memo, PureComponent, useLayoutEffect, forwardRef, Suspense } from "react";
-import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$1, flattenObjectKeys, useInvalidate, useUserFriendlyName, useModal, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
+import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, CanAccess, useCan, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$1, flattenObjectKeys, useInvalidate, useUserFriendlyName, useModal, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
 import { Typo, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
-import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
+import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import { get as get$2, first, debounce, last, isObject as isObject$2, merge, keyBy } from "lodash-es";
 import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
@@ -25,301 +25,308 @@ function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 var dayjs_min = { exports: {} };
-(function(module, exports) {
-  !function(t2, e2) {
-    module.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);
-            }
-          }
-          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;
+var hasRequiredDayjs_min;
+function requireDayjs_min() {
+  if (hasRequiredDayjs_min)
+    return dayjs_min.exports;
+  hasRequiredDayjs_min = 1;
+  (function(module, exports) {
+    !function(t2, e2) {
+      module.exports = e2();
+    }(commonjsGlobal, function() {
+      var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", 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);
+              }
             }
-            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);
+            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]);
         };
-        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;
+      }), 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();
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var zh = { exports: {} };
 (function(module, exports) {
   !function(e2, _) {
-    module.exports = _(dayjs_minExports);
+    module.exports = _(requireDayjs_min());
   }(commonjsGlobal, function(e2) {
     function _(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
@@ -1322,6 +1329,7 @@ const default_backend = "默认后端";
 const ingress_class = "Ingress 类";
 const port = "端口";
 const pod_ready_num = "Pod 就绪数量";
+const pod_complete_num = "Pod 完成数量";
 const pod_replicas_num = "Pod 预期数量";
 const edit_replicas = "编辑预期副本数";
 const cert = "证书";
@@ -1384,11 +1392,11 @@ const no_resource = "无{{kind}}";
 const port_mapping_title_tooltip = "Service 端口与 Pod 端口的映射关系。";
 const in_cluster_desc = "ClusterIP、NodePort 和 LoadBalancer 类型的服务，展示 ClusterIP 字段，为虚拟 IP 地址，只能在集群内部使用。";
 const in_cluster_ip_desc = "ClusterIP 为无头服务时，内容为空。";
-const in_cluster_external_name_desc = "ExternalName 类型展示的是 externalName 字段。";
+const in_cluster_external_name_desc = "ExternalName 类型展示的是 DNS 记录。";
 const out_cluster_ip_desc = "ClusterIP 不支持集群外部访问。";
 const out_cluster_node_port_desc = "NodePort 展示<strong>节点 IP：nodeport</strong>。";
-const out_cluster_lb_desc = "LoadBalancer 展示 <strong>external-IP</strong>。";
-const out_external_name_desc = "ExternalName 展示为空。";
+const out_cluster_lb_desc = "LoadBalancer 展示 <strong>ingress[*].ip</strong>。";
+const out_external_name_desc = "ExternalName 展示 <strong>external-ip</strong>。";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1472,6 +1480,7 @@ const dovetail = {
   ingress_class,
   port,
   pod_ready_num,
+  pod_complete_num,
   pod_replicas_num,
   edit_replicas,
   cert,
@@ -7932,11 +7941,12 @@ class K8sOpenAPI {
     return response.json();
   }
   async findSchema(kind) {
+    var _a;
     const result = this.response || await this.fetch();
     const schema = Object.values(result.components.schemas).find(
       (schema2) => {
-        var _a;
-        return (_a = schema2["x-kubernetes-group-version-kind"]) == null ? void 0 : _a.some(
+        var _a2;
+        return (_a2 = schema2["x-kubernetes-group-version-kind"]) == null ? void 0 : _a2.some(
           ({ kind: schemaKind, version: schemaVersion, group: schemaGroup }) => kind === schemaKind && this.apiVersion === `${schemaGroup ? schemaGroup + "/" : ""}${schemaVersion}`
         );
       }
@@ -7952,6 +7962,9 @@ class K8sOpenAPI {
         }
       });
     }
+    if ((_a = schema == null ? void 0 : schema.properties) == null ? void 0 : _a.status) {
+      schema == null ? true : delete schema.properties.status;
+    }
     return schema;
   }
 }
@@ -8115,7 +8128,7 @@ const useDeleteModal = (resource) => {
     openDeleteConfirmModal
   };
 };
-const index_r5625l = "";
+const index_wrn16i = "";
 const EMPTY_VALUES = [void 0, null, "", "-"];
 const EmptyStyle = "e5223w8";
 const ContentStyle$2 = "cdjsw14";
@@ -8518,8 +8531,7 @@ const ErrorContent$1 = /* @__PURE__ */ styled_default("div")({
 const WidgetErrorContent$1 = (props) => {
   const {
     refetch,
-    errorText,
-    hiddenRetry
+    errorText
   } = props;
   const kit = useContext(kitContext);
   const {
@@ -8532,7 +8544,7 @@ const WidgetErrorContent$1 = (props) => {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
         className: cx_default(Typo.Label.l1_regular_title, "title"),
         children: errorText || t2("dovetail.obtain_data_error")
-      }), hiddenRetry ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+      }), !refetch ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
         size: "small",
         type: "ordinary",
         onClick: (e2) => {
@@ -8700,8 +8712,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
       WidgetErrorContent$1,
       {
         errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-        style: { padding: "15px 0" },
-        hiddenRetry: true
+        style: { padding: "15px 0" }
       }
     );
   }
@@ -8768,7 +8779,7 @@ const PortsTable = ({ service }) => {
     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" }, hiddenRetry: true });
+    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,
@@ -9397,6 +9408,12 @@ var WorkloadState = /* @__PURE__ */ ((WorkloadState2) => {
   WorkloadState2["WAITING"] = "waiting";
   return WorkloadState2;
 })(WorkloadState || {});
+var AccessControlAuth = /* @__PURE__ */ ((AccessControlAuth2) => {
+  AccessControlAuth2["Edit"] = "Edit";
+  AccessControlAuth2["Delete"] = "Delete";
+  AccessControlAuth2["Create"] = "Create";
+  return AccessControlAuth2;
+})(AccessControlAuth || {});
 function matchSelector(pod2, selector) {
   var _a, _b, _c;
   let match = true;
@@ -9821,8 +9838,9 @@ class ServiceModel extends ResourceModel {
     this._globalStore = _globalStore;
   }
   get displayType() {
-    const type2 = this._rawYaml.spec.type;
-    if (type2 === "ClusterIP" && !this._rawYaml.spec.clusterIP) {
+    const spec = this._rawYaml.spec;
+    const type2 = spec.type;
+    if (type2 === "ClusterIP" && (!spec.clusterIP || spec.clusterIP === "None")) {
       return "Headless";
     }
     return type2;
@@ -9834,22 +9852,26 @@ class ServiceModel extends ResourceModel {
     var _a;
     return (_a = this._rawYaml.spec.ports) == null ? void 0 : _a.map((p) => {
       let servicePort = `${p.port}`;
-      if (this._rawYaml.spec.clusterIP) {
+      if (this._rawYaml.spec.clusterIP && this._rawYaml.spec.clusterIP !== "None") {
         servicePort = `${this._rawYaml.spec.clusterIP}:${p.port}`;
       }
-      return `${servicePort} > ${p.targetPort}/${p.protocol}`;
+      return {
+        servicePort,
+        targetPort: p.targetPort,
+        protocol: p.protocol
+      };
     });
   }
 }
-const index_1lzkrja = "";
+const index_w8956m = "";
 const ServiceInClusterAccessComponent = ({
   service
 }) => {
   const spec = service._rawYaml.spec;
   switch (spec.type) {
     case ServiceTypeEnum.ExternalName:
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-        children: spec.externalName
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: service.dnsRecord
       });
     default:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
@@ -9858,22 +9880,25 @@ const ServiceInClusterAccessComponent = ({
   }
 };
 const BreakLineStyle = "b1vtjd4k";
+const LinkStyle = "luro4rx";
 const ServiceOutClusterAccessComponent = ({
   service,
   clusterVip,
   breakLine = true
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const spec = service._rawYaml.spec;
+  const status = service._rawYaml.status;
   let content = "-";
   switch (spec.type) {
     case ServiceTypeEnum.NodePort:
       content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
         target: "_blank",
         href: `http://${clusterVip}:${p.nodePort}`,
-        className: breakLine ? BreakLineStyle : "",
+        className: cx_default(breakLine ? BreakLineStyle : "", LinkStyle),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
-          content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+            className: Typo.Label.l4_regular_title,
             children: [clusterVip, ":", p.nodePort, !breakLine && index !== (spec.ports || []).length - 1 ? ", " : ""]
           }),
           tooltip: `${clusterVip}:${p.nodePort}`
@@ -9882,8 +9907,17 @@ const ServiceOutClusterAccessComponent = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
         children: content
       });
+    case ServiceTypeEnum.ExternalName:
+      content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: (_b = spec.externalIPs) == null ? void 0 : _b.join(breakLine ? "\n" : ", ")
+      });
+      break;
     case ServiceTypeEnum.LoadBalancer:
-      content = (_b = spec.externalIPs) == null ? void 0 : _b.join(breakLine ? "\n" : ", ");
+      content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: (_d = (_c = status.loadBalancer) == null ? void 0 : _c.ingress) == null ? void 0 : _d.map(({
+          ip
+        }) => ip).join(breakLine ? "\n" : ", ")
+      });
       break;
     default:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10307,7 +10341,11 @@ const TableToolBar = ({
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
         children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
           ids: selectedKeys
-        }) : void 0, !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null]
+        }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+          resource: resource == null ? void 0 : resource.name,
+          action: AccessControlAuth.Create,
+          children: !hideCreate ? /* @__PURE__ */ jsxRuntimeExports.jsx(CreateButton, {}) : null
+        })]
       })]
     }), description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: DescriptionStyle,
@@ -10416,7 +10454,7 @@ const EventsTable = ({}) => {
         sortable: true,
         sorter: CommonSorter(["note"])
       },
-      AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen") })
+      AgeColumnRenderer(i18n2, { title: i18n2.t("dovetail.last_seen"), width: 160 }, { isRelativeTime: false })
     ],
     [i18n2]
   );
@@ -10432,8 +10470,7 @@ const EventsTable = ({}) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent$1,
       {
-        errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") }),
-        hiddenRetry: true
+        errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.event") })
       }
     );
   }
@@ -10554,7 +10591,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   ];
   if ((rows == null ? void 0 : rows.length) === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" }, hiddenRetry: true });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -10597,8 +10634,7 @@ const KeyValue = (props) => {
   }, key2));
   if (!result.length) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-      errorText: empty2 || t2("dovetail.empty"),
-      hiddenRetry: true
+      errorText: empty2 || t2("dovetail.empty")
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
@@ -10679,12 +10715,20 @@ function K8sDropdown(props) {
   const { t: t2 } = useTranslation();
   const openForm = useOpenForm({ id: record.id });
   const isInShowPage = useResourceResult.action === "show";
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
+  });
+  const { data: canDeleteData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Delete
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.dropdown,
       {
         overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
-          isInShowPage ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
             kit.menuItem,
             {
               onClick: openForm,
@@ -10707,8 +10751,8 @@ function K8sDropdown(props) {
             }
           ),
           props.children,
-          /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             kit.menuItem,
             {
               danger: true,
@@ -10717,12 +10761,13 @@ function K8sDropdown(props) {
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: TrashBinDelete16Icon, children: t2("dovetail.delete") })
             }
-          )
+          ) : null
         ] }),
+        trigger: ["click"],
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           kit.button,
           {
-            type: size === "large" ? "quiet" : "tertiary",
+            type: "quiet",
             size: size === "large" ? "middle" : "small",
             prefixIcon: size === "large" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               Icon$1,
@@ -10747,7 +10792,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContent_1iepja4 = "";
+const ShowContent_1947rqs = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -10893,13 +10938,17 @@ const ShowContent = (props) => {
           state: stateDisplay
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-          style: {
-            marginRight: 8
-          },
-          onClick: openForm,
-          prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
-          children: t2("dovetail.edit_yaml")
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+          resource: resource == null ? void 0 : resource.name,
+          action: AccessControlAuth.Edit,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+            style: {
+              marginRight: 8
+            },
+            onClick: openForm,
+            prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
+            children: t2("dovetail.edit_yaml")
+          })
         }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
           record,
           size: "large"
@@ -10950,7 +10999,7 @@ function KeyValueSecret(props) {
     Button,
     {
       type: "quiet",
-      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: ViewEye16GrayIcon }),
+      prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: hideSecret ? ViewEye16GrayIcon : EntityFilterIgnoreGradient16GrayIcon }),
       onClick: () => setHideSecret((v) => !v),
       children: hideSecret ? i18n2.t("dovetail.show_data_value") : i18n2.t("dovetail.hide_data_value")
     }
@@ -10997,12 +11046,11 @@ const WorkloadPodsTable = ({
   if ((dataSource == null ? void 0 : dataSource.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
       errorText: i18n2.t("dovetail.no_resource", {
-        kind: i18n2.t("dovetail.pod")
+        kind: ` ${i18n2.t("dovetail.pod")}`
       }),
       style: {
         padding: "15px 0"
-      },
-      hiddenRetry: true
+      }
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
@@ -11186,16 +11234,23 @@ function EditField(props) {
   const {
     i18n: i18n2
   } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-    className: EditButtonStyle,
-    type: "link",
-    onClick: () => {
-      pushModal({
-        component: EditFieldModal,
-        props: modalProps
-      });
-    },
-    children: i18n2.t("dovetail.edit")
+  const {
+    resource
+  } = useResource();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+      className: EditButtonStyle,
+      type: "link",
+      onClick: () => {
+        pushModal({
+          component: EditFieldModal,
+          props: modalProps
+        });
+      },
+      children: i18n2.t("dovetail.edit")
+    })
   });
 }
 const index_c9frt4 = "";
@@ -11337,7 +11392,7 @@ function WorkloadReplicas({
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           className: cx_default(LabelStyle, Typo.Label.l3_regular),
-          children: t2("dovetail.pod_ready_num")
+          children: record.kind === "Job" ? t2("dovetail.pod_complete_num") : t2("dovetail.pod_ready_num")
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           className: cx_default(ValueStyle, Typo.Label.l3_regular),
           children: readyReplicas
@@ -11527,7 +11582,7 @@ const EventsTableTabField = () => {
     key: "event",
     path: [],
     renderContent: () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, {}) });
     }
   };
 };
@@ -11563,17 +11618,17 @@ const AnnotationsField = (i18n2) => ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueAnnotation, { data: value2, expandable: true });
   }
 });
-const ServiceInnerClusterAccessField = (i18n2) => ({
+const ServiceInnerClusterAccessField = () => ({
   key: "innerClusterAccess",
-  title: i18n2.t("dovetail.in_cluster_access"),
+  title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, { service: record });
   }
 });
-const ServiceOutClusterAccessField = (i18n2, clusterVip) => ({
+const ServiceOutClusterAccessField = (clusterVip) => ({
   key: "innerClusterAccess",
-  title: i18n2.t("dovetail.out_cluster_access"),
+  title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, clusterVip, breakLine: false });
@@ -17264,6 +17319,10 @@ const PodLog = ({
       signal
     }).then((response) => {
       var _a3;
+      if (response.status !== 200) {
+        setLogs([]);
+        return;
+      }
       const reader = (_a3 = response.body) == null ? void 0 : _a3.getReader();
       if (!reader) {
         return;
@@ -17284,6 +17343,7 @@ const PodLog = ({
         }
         const total = buffer + chunk.slice(0, lastIndex);
         buffer = chunk.slice(lastIndex + 1);
+        console.log(total);
         const formattedLogs = total.split("\n").filter(Boolean).map((line) => {
           const [timestamps, ...content] = line.split(" ");
           const t22 = new Date(timestamps).toLocaleString();
@@ -17373,8 +17433,7 @@ const PodLog = ({
         },
         errorText: t2("dovetail.no_resource", {
           kind: t2("dovetail.previous_log")
-        }),
-        hiddenRetry: true
+        })
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(LogViewer, {
         innerRef: logViewerRef,
         height: "100%",
@@ -17491,7 +17550,7 @@ const MonacoYamlEditor$1 = (props) => {
       model.dispose();
       editor.dispose();
     };
-  }, [defaultValue, schema, id, readOnly, isScrollOnFocus, getInstance]);
+  }, [schema, id, readOnly, isScrollOnFocus, getInstance]);
   useEffect(() => {
     const editor = instanceRef.current.editor;
     if (editor) {
@@ -17600,8 +17659,7 @@ const NetworkPolicyRulesViewer = ({
       }),
       style: {
         padding: "15px 0"
-      },
-      hiddenRetry: true
+      }
     });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
@@ -17682,7 +17740,7 @@ const PodContainersTable = ({
     [containerStatuses, initContainerStatuses]
   );
   if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" }, hiddenRetry: true });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Table$1,
@@ -17920,8 +17978,12 @@ function WorkloadDropdown(props) {
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.menu.Item,
       {
         onClick: async () => {
@@ -17960,7 +18022,7 @@ function WorkloadDropdown(props) {
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: Retry16GradientBlueIcon, children: t2("dovetail.redeploy") })
       }
-    ),
+    ) : null,
     children
   ] });
 }
@@ -17969,10 +18031,14 @@ function ReplicasDropdown(props) {
   const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const formRef = useRef(null);
-  const { action } = useResource();
+  const { action, resource } = useResource();
   const isInShowPage = action === "show";
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
-    isInShowPage ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
       kit.menu.Item,
       {
         onClick: () => {
@@ -18131,7 +18197,7 @@ function parseJSON(value2) {
     return void 0;
   }
 }
-const index_p3hly3 = "";
+const index_ccf0kl = "";
 const SelectStyle = "sj0ggy";
 const SearchInputStyle = "s1eo8uqs";
 const SelectContentStyle = "s64gojc";
@@ -18215,7 +18281,7 @@ const NamespacesFilter = ({
         },
         children: label2
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
-        className: isCountToken ? CountTokenStyle : TokenStyle,
+        className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
         closable,
         onClose,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
@@ -18225,6 +18291,8 @@ const NamespacesFilter = ({
     },
     maxTagCount: 1,
     optionLabelProp: "label",
+    showArrow: true,
+    showSearch: false,
     multiple: true,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
       value: "_all",
@@ -18295,8 +18363,7 @@ function ListPage(props) {
         children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
           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", {
@@ -18312,14 +18379,14 @@ function ListPage(props) {
   });
 }
 function ResourceList(props) {
-  const { formatter, name: name2, columns, Dropdown, noShow } = props.config;
+  const { formatter, columns, Dropdown, noShow } = props.config;
   const { i18n: i18n2 } = useTranslation();
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const { tableProps, selectedKeys } = useEagleTable({
     useTableParams: {},
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
-      currentSize: 10
+      currentSize: 50
     },
     formatter,
     Dropdown
@@ -22182,7 +22249,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-bbf8d9dd.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1aeca078.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -22385,7 +22452,7 @@ const YamlEditorComponent = forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               style: {
@@ -22394,29 +22461,32 @@ const YamlEditorComponent = forwardRef(
                 height: height || "500px",
                 zIndex: 1
               },
-              children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                MonacoYamlDiffEditor,
-                {
-                  id: props.id,
-                  origin: defaultValue,
-                  modified: value2,
-                  height
-                }
-              ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                MonacoYamlEditor,
-                {
-                  id: props.id,
-                  getInstance,
-                  defaultValue,
-                  height,
-                  onChange,
-                  onValidate,
-                  onEditorCreate,
-                  onBlur: props.onBlur,
-                  schema,
-                  readOnly
-                }
-              ) })
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: isDiff ? "none" : "block" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MonacoYamlEditor,
+                  {
+                    id: props.id,
+                    getInstance,
+                    defaultValue: value2,
+                    height,
+                    onChange,
+                    onValidate,
+                    onEditorCreate,
+                    onBlur: props.onBlur,
+                    schema,
+                    readOnly
+                  }
+                ) }) }),
+                isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  MonacoYamlDiffEditor,
+                  {
+                    id: props.id,
+                    origin: defaultValue,
+                    modified: value2,
+                    height
+                  }
+                ) }) : null
+              ]
             }
           )
         ]
@@ -23033,8 +23103,12 @@ function CronJobDropdown(props) {
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
+  const { data: canEditData } = useCan({
+    resource: resource == null ? void 0 : resource.name,
+    action: AccessControlAuth.Edit
+  });
   const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     kit.menu.Item,
     {
       onClick: async () => {
@@ -23073,7 +23147,7 @@ function CronJobDropdown(props) {
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: suspended2 ? RecoverContinue16GradientBlueIcon : Pause16GradientBlueIcon, children: t2(suspended2 ? "dovetail.resume" : "dovetail.suspend") })
     }
-  ) });
+  ) : null });
 }
 const index_1wzdp7m = "";
 const WrapperStyle = "wfg6u6g";
@@ -23439,6 +23513,7 @@ const WorkloadRestartsColumnRenderer = (i18n2) => {
     display: true,
     width: 120,
     dataIndex,
+    align: "right",
     title: i18n2.t("dovetail.restarts"),
     sortable: false
   };
@@ -23467,7 +23542,9 @@ const ReplicasColumnRenderer = (i18n2) => {
     }
   };
 };
-const AgeColumnRenderer = (i18n2, config) => {
+const AgeColumnRenderer = (i18n2, config, {
+  isRelativeTime = true
+} = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
   return {
     key: "creationTimestamp",
@@ -23486,8 +23563,10 @@ const AgeColumnRenderer = (i18n2, config) => {
       return -1;
     },
     render: (value2) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
+      return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+        value: dayjs(value2).format("YYYY-MM-DD hh:mm:ss")
       });
     },
     ...config
@@ -23548,6 +23627,7 @@ const DurationColumnRenderer = (i18n2) => {
     sortable: true,
     sorter: CommonSorter(dataIndex),
     width: 120,
+    align: "right",
     render: (v) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(DurationTime, {
         value: v
@@ -23567,32 +23647,38 @@ const ServiceTypeColumnRenderer = (i18n2) => {
     sorter: CommonSorter(dataIndex)
   };
 };
-const ServiceInClusterAccessColumnRenderer = (i18n2) => {
-  return {
-    key: "inClusterAccess",
-    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-      overlayClassName: ServiceClusterTooltipStyle,
-      title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+function ServiceInClusterAccessTitle() {
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+    overlayClassName: ServiceClusterTooltipStyle,
+    title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      style: {
+        lineHeight: "22px"
+      },
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: i18n2.t("dovetail.in_cluster_desc")
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: i18n2.t("dovetail.in_cluster_ip_desc")
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
         style: {
-          lineHeight: "22px"
-        },
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: i18n2.t("dovetail.in_cluster_desc")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: i18n2.t("dovetail.in_cluster_ip_desc")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
-          style: {
-            margin: "6px 0"
-          }
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: i18n2.t("dovetail.in_cluster_external_name_desc")
-        })]
-      }),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: DashedTitleStyle,
-        children: i18n2.t("dovetail.in_cluster_access")
-      })
+          margin: "6px 0"
+        }
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: i18n2.t("dovetail.in_cluster_external_name_desc")
+      })]
     }),
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      className: DashedTitleStyle,
+      children: i18n2.t("dovetail.in_cluster_access")
+    })
+  });
+}
+const ServiceInClusterAccessColumnRenderer = () => {
+  return {
+    key: "inClusterAccess",
+    title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessTitle, {}),
     display: true,
     dataIndex: [],
     width: 160,
@@ -23603,34 +23689,40 @@ const ServiceInClusterAccessColumnRenderer = (i18n2) => {
     }
   };
 };
-const ServiceOutClusterAccessColumnRenderer = (i18n2, clusterVip) => {
+function ServiceOutClusterAccessTitle() {
+  const {
+    i18n: i18n2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+    overlayClassName: ServiceClusterTooltipStyle,
+    title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      style: {
+        lineHeight: "22px"
+      },
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: i18n2.t("dovetail.out_cluster_ip_desc")
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+          i18nKey: "dovetail.out_cluster_node_port_desc"
+        })
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+          i18nKey: "dovetail.out_cluster_lb_desc"
+        })
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        children: i18n2.t("dovetail.out_external_name_desc")
+      })]
+    }),
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      className: DashedTitleStyle,
+      children: i18n2.t("dovetail.out_cluster_access")
+    })
+  });
+}
+const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
   return {
     key: "outClusterAccess",
-    title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-      overlayClassName: ServiceClusterTooltipStyle,
-      title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        style: {
-          lineHeight: "22px"
-        },
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: i18n2.t("dovetail.out_cluster_ip_desc")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
-            i18nKey: "dovetail.out_cluster_node_port_desc"
-          })
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
-            i18nKey: "dovetail.out_cluster_lb_desc"
-          })
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-          children: i18n2.t("dovetail.out_external_name_desc")
-        })]
-      }),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-        className: DashedTitleStyle,
-        children: i18n2.t("dovetail.out_cluster_access")
-      })
-    }),
+    title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
     display: true,
     dataIndex: [],
     width: 160,
@@ -23653,6 +23745,11 @@ const PodWorkloadColumnRenderer = (i18n2) => {
     sorter: CommonSorter(dataIndex),
     width: 160,
     render(value2, record) {
+      if (!(value2 == null ? void 0 : value2.length)) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        });
+      }
       return value2.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx(ReferenceLink, {
         ownerReference: o,
         namespace: record.metadata.namespace || "default"
@@ -23787,10 +23884,21 @@ const PortMappingColumnRenderer = (i18n2) => {
     display: true,
     dataIndex: ["displayPortMapping"],
     width: 300,
-    render(value2) {
-      const content = value2.map((v) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
-        content: v
-      }, v));
+    render(value2, record) {
+      var _a;
+      const content = (_a = record.displayPortMapping) == null ? void 0 : _a.map((v) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+        content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+          style: {
+            whiteSpace: "pre"
+          },
+          children: [record.displayType === "NodePort" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
+            href: `//${v.servicePort}`,
+            target: "_blank",
+            children: v.servicePort
+          }) : v.servicePort, " > ", v.targetPort, "/", v.protocol]
+        }),
+        tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
+      }, v.servicePort));
       return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
         children: content
       });
@@ -23880,7 +23988,7 @@ const useEagleTable = (params) => {
 };
 const styles = "";
 const Dovetail = (props) => {
-  const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore } = props;
+  const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore, accessControlProvider } = props;
   const msg = useMessage();
   const notCustomResources = useMemo(() => {
     return resourcesConfig.filter((c2) => !c2.isCustom);
@@ -23924,6 +24032,7 @@ const Dovetail = (props) => {
         liveMode: "auto",
         disableTelemetry: true
       },
+      accessControlProvider,
       resources: resourcesConfig.map((c2) => {
         return {
           name: c2.name,
@@ -24079,187 +24188,190 @@ const relationPlugin = new RelationPlugin();
 const ProviderPlugins = [relationPlugin, modelPlugin];
 const dovetailRefineI18n = i18n;
 export {
-  ResourceList as $,
+  CreateButton as $,
   AgeColumnRenderer as A,
-  useOpenForm as B,
+  useEdit as B,
   CommonSorter as C,
   DurationColumnRenderer as D,
-  Breadcrumb as E,
-  NameInputWidget as F,
-  dnsSubDomainRules as G,
-  rfc1123LabelRules as H,
+  useGlobalStore as E,
+  useOpenForm as F,
+  Breadcrumb as G,
+  NameInputWidget as H,
   IngressRulesColumnRenderer as I,
-  rfc1035LabelRules as J,
-  NamespaceSelectWidget as K,
-  namespaceRules as L,
-  KeyValueListWidget as M,
+  dnsSubDomainRules as J,
+  rfc1123LabelRules as K,
+  rfc1035LabelRules as L,
+  NamespaceSelectWidget as M,
   NameColumnRenderer as N,
-  MetadataForm as O,
+  namespaceRules as O,
   PlainTextNameColumnRenderer as P,
-  PageShow as Q,
+  KeyValueListWidget as Q,
   ReplicasColumnRenderer as R,
   StateDisplayColumnRenderer as S,
-  Time as T,
-  ConditionsTable as U,
-  PodContainersTable as V,
+  MetadataForm as T,
+  PageShow as U,
+  Time as V,
   WorkloadImageColumnRenderer as W,
-  WorkloadDropdown as X,
-  ReplicasDropdown as Y,
-  CreateButton as Z,
-  ImageNames as _,
+  ConditionsTable as X,
+  PodContainersTable as Y,
+  WorkloadDropdown as Z,
+  ReplicasDropdown as _,
   useDeleteModal as a,
-  EditButton as a$,
-  ResourceShow as a0,
-  ResourceForm as a1,
-  ResourceCRUD as a2,
-  WorkloadPodsTable as a3,
-  CronJobDropdown as a4,
-  ResourceUsageBar as a5,
-  WorkloadReplicasForm as a6,
-  WorkloadReplicas as a7,
-  CronjobJobsTable as a8,
-  KeyValue as a9,
-  ServiceOutClusterAccessField as aA,
-  PodSelectorField as aB,
-  PortsTableField as aC,
-  DurationField as aD,
-  EventsTab as aE,
-  PodLogTab as aF,
-  BasicGroup as aG,
-  PodsGroup as aH,
-  PodContainersGroup as aI,
-  ServicePodsGroup as aJ,
-  ConditionsGroup as aK,
-  SecretDataGroup as aL,
-  JobsGroup as aM,
-  IngressRulesGroup as aN,
-  PodSelectorGroup as aO,
-  PortsGroup as aP,
-  DataGroup as aQ,
-  NetworkPolicyIngressRulesGroup as aR,
-  NetworkPolicyEgressRulesGroup as aS,
-  ShowGroupComponent as aT,
-  ShowContent as aU,
-  DeleteManyButton as aV,
-  ListPage as aW,
-  StateTagStyle as aX,
-  StateTag as aY,
-  DrawerShow as aZ,
-  Menu as a_,
-  KeyValueAnnotation as aa,
-  KeyValueSecret as ab,
-  Separator as ac,
-  YamlEditorComponent as ad,
-  DeleteButton as ae,
-  Layout as af,
-  AreaType as ag,
-  ImageField as ah,
-  ReplicaField as ai,
-  ConditionsField as aj,
-  PodsField as ak,
-  JobsField as al,
-  DataField as am,
-  SecretDataField as an,
-  StartTimeField as ao,
-  ServiceTypeField as ap,
-  ClusterIpField as aq,
-  SessionAffinityField as ar,
-  ServicePodsField as as,
-  IngressRulesTableTabField as at,
-  EventsTableTabField as au,
-  NamespaceField as av,
-  AgeField as aw,
-  LabelsField as ax,
-  AnnotationsField as ay,
-  ServiceInnerClusterAccessField as az,
+  DrawerShow as a$,
+  ImageNames as a0,
+  ResourceList as a1,
+  ResourceShow as a2,
+  ResourceForm as a3,
+  ResourceCRUD as a4,
+  WorkloadPodsTable as a5,
+  CronJobDropdown as a6,
+  ResourceUsageBar as a7,
+  WorkloadReplicasForm as a8,
+  WorkloadReplicas as a9,
+  AnnotationsField as aA,
+  ServiceInnerClusterAccessField as aB,
+  ServiceOutClusterAccessField as aC,
+  PodSelectorField as aD,
+  PortsTableField as aE,
+  DurationField as aF,
+  EventsTab as aG,
+  PodLogTab as aH,
+  BasicGroup as aI,
+  PodsGroup as aJ,
+  PodContainersGroup as aK,
+  ServicePodsGroup as aL,
+  ConditionsGroup as aM,
+  SecretDataGroup as aN,
+  JobsGroup as aO,
+  IngressRulesGroup as aP,
+  PodSelectorGroup as aQ,
+  PortsGroup as aR,
+  DataGroup as aS,
+  NetworkPolicyIngressRulesGroup as aT,
+  NetworkPolicyEgressRulesGroup as aU,
+  ShowGroupComponent as aV,
+  ShowContent as aW,
+  DeleteManyButton as aX,
+  ListPage as aY,
+  StateTagStyle as aZ,
+  StateTag as a_,
+  CronjobJobsTable as aa,
+  KeyValue as ab,
+  KeyValueAnnotation as ac,
+  KeyValueSecret as ad,
+  Separator as ae,
+  YamlEditorComponent as af,
+  DeleteButton as ag,
+  Layout as ah,
+  AreaType as ai,
+  ImageField as aj,
+  ReplicaField as ak,
+  ConditionsField as al,
+  PodsField as am,
+  JobsField as an,
+  DataField as ao,
+  SecretDataField as ap,
+  StartTimeField as aq,
+  ServiceTypeField as ar,
+  ClusterIpField as as,
+  SessionAffinityField as at,
+  ServicePodsField as au,
+  IngressRulesTableTabField as av,
+  EventsTableTabField as aw,
+  NamespaceField as ax,
+  AgeField as ay,
+  LabelsField as az,
   NameSpaceColumnRenderer as b,
-  ServiceModel as b$,
-  ReferenceLink as b0,
-  ResourceLink as b1,
-  NS_STORE_KEY as b2,
-  ALL_NS as b3,
-  useNamespacesFilter as b4,
-  NamespacesFilter as b5,
-  FormModal as b6,
-  RefineFormContent as b7,
-  RefineFormPage as b8,
-  SchemaStrategy as b9,
-  SECRET_OPAQUE_INIT_VALUE as bA,
-  SECRET_IMAGE_REPO_INIT_VALUE as bB,
-  SECRET_BASIC_AUTH_INIT_VALUE as bC,
-  SECRET_SSH_AUTH_INIT_VALUE as bD,
-  SECRET_TLS_INIT_VALUE as bE,
-  SECRET_CUSTOM_INIT_VALUE as bF,
-  WorkloadState as bG,
-  Dovetail as bH,
-  RESOURCE_GROUP as bI,
-  FormType as bJ,
-  ComponentContext as bK,
-  GlobalStoreContext as bL,
-  ConfigsContext as bM,
-  IngressModel as bN,
-  NetworkPolicyModel as bO,
-  JobModel as bP,
-  WorkloadModel as bQ,
-  WorkloadBaseModel as bR,
-  PodModel as bS,
-  PodMetricsModel as bT,
-  ResourceModel as bU,
-  CronJobModel as bV,
-  EventModel as bW,
-  DeploymentModel as bX,
-  DaemonSetModel as bY,
-  StatefulSetModel as bZ,
-  ServiceTypeEnum as b_,
-  YamlForm as ba,
-  useRefineForm as bb,
-  ServiceInClusterAccessComponent as bc,
-  ServiceOutClusterAccessComponent as bd,
-  Tags as be,
-  TextTags as bf,
-  PodLog as bg,
-  NetworkPolicyRulesViewer as bh,
-  Tabs as bi,
-  BASE_INIT_VALUE as bj,
-  DEPLOYMENT_INIT_VALUE as bk,
-  CRONJOB_INIT_VALUE as bl,
-  DAEMONSET_INIT_VALUE as bm,
-  JOB_INIT_VALUE as bn,
-  STATEFULSET_INIT_VALUE as bo,
-  POD_INIT_VALUE as bp,
-  SERVICE_CLUSTER_IP_INIT_VALUE as bq,
-  SERVICE_NODE_PORT_INIT_VALUE as br,
-  SERVICE_LOAD_BALANCER_INIT_VALUE as bs,
-  SERVICE_EXTERNAL_NAME_INIT_VALUE as bt,
-  SERVICE_HEADLESS_INIT_VALUE as bu,
-  INGRESS_INIT_VALUE as bv,
-  NETWORK_POLICY_INIT_VALUE as bw,
-  CONFIG_MAP_INIT_VALUE as bx,
-  SERVER_INSTANCE_INIT_VALUE as by,
-  TIMESTAMP_LABEL as bz,
+  DaemonSetModel as b$,
+  Menu as b0,
+  EditButton as b1,
+  ReferenceLink as b2,
+  ResourceLink as b3,
+  NS_STORE_KEY as b4,
+  ALL_NS as b5,
+  useNamespacesFilter as b6,
+  NamespacesFilter as b7,
+  FormModal as b8,
+  RefineFormContent as b9,
+  SERVER_INSTANCE_INIT_VALUE as bA,
+  TIMESTAMP_LABEL as bB,
+  SECRET_OPAQUE_INIT_VALUE as bC,
+  SECRET_IMAGE_REPO_INIT_VALUE as bD,
+  SECRET_BASIC_AUTH_INIT_VALUE as bE,
+  SECRET_SSH_AUTH_INIT_VALUE as bF,
+  SECRET_TLS_INIT_VALUE as bG,
+  SECRET_CUSTOM_INIT_VALUE as bH,
+  WorkloadState as bI,
+  AccessControlAuth as bJ,
+  Dovetail as bK,
+  RESOURCE_GROUP as bL,
+  FormType as bM,
+  ComponentContext as bN,
+  GlobalStoreContext as bO,
+  ConfigsContext as bP,
+  IngressModel as bQ,
+  NetworkPolicyModel as bR,
+  JobModel as bS,
+  WorkloadModel as bT,
+  WorkloadBaseModel as bU,
+  PodModel as bV,
+  PodMetricsModel as bW,
+  ResourceModel as bX,
+  CronJobModel as bY,
+  EventModel as bZ,
+  DeploymentModel as b_,
+  RefineFormPage as ba,
+  SchemaStrategy as bb,
+  YamlForm as bc,
+  useRefineForm as bd,
+  ServiceInClusterAccessComponent as be,
+  ServiceOutClusterAccessComponent as bf,
+  Tags as bg,
+  TextTags as bh,
+  PodLog as bi,
+  NetworkPolicyRulesViewer as bj,
+  Tabs as bk,
+  BASE_INIT_VALUE as bl,
+  DEPLOYMENT_INIT_VALUE as bm,
+  CRONJOB_INIT_VALUE as bn,
+  DAEMONSET_INIT_VALUE as bo,
+  JOB_INIT_VALUE as bp,
+  STATEFULSET_INIT_VALUE as bq,
+  POD_INIT_VALUE as br,
+  SERVICE_CLUSTER_IP_INIT_VALUE as bs,
+  SERVICE_NODE_PORT_INIT_VALUE as bt,
+  SERVICE_LOAD_BALANCER_INIT_VALUE as bu,
+  SERVICE_EXTERNAL_NAME_INIT_VALUE as bv,
+  SERVICE_HEADLESS_INIT_VALUE as bw,
+  INGRESS_INIT_VALUE as bx,
+  NETWORK_POLICY_INIT_VALUE as by,
+  CONFIG_MAP_INIT_VALUE as bz,
   WorkloadRestartsColumnRenderer as c,
-  ProviderPlugins as c0,
+  StatefulSetModel as c0,
+  ServiceTypeEnum as c1,
+  ServiceModel as c2,
+  ProviderPlugins as c3,
   dovetailRefineI18n as d,
   NodeNameColumnRenderer as e,
   RestartCountColumnRenderer as f,
   CompletionsCountColumnRenderer as g,
   ServiceTypeColumnRenderer as h,
-  ServiceInClusterAccessColumnRenderer as i,
+  ServiceInClusterAccessTitle as i,
   jsxRuntimeExports as j,
-  ServiceOutClusterAccessColumnRenderer as k,
-  PodWorkloadColumnRenderer as l,
-  IngressDefaultBackendColumnRenderer as m,
-  IngressClassColumnRenderer as n,
-  IngressTlsColumnRenderer as o,
-  PodContainersNumColumnRenderer as p,
-  DataKeysColumnRenderer as q,
+  ServiceInClusterAccessColumnRenderer as k,
+  ServiceOutClusterAccessTitle as l,
+  ServiceOutClusterAccessColumnRenderer as m,
+  PodWorkloadColumnRenderer as n,
+  IngressDefaultBackendColumnRenderer as o,
+  IngressClassColumnRenderer as p,
+  IngressTlsColumnRenderer as q,
   routerProvider as r,
-  PortMappingColumnRenderer as s,
-  ColumnKeys as t,
+  PodContainersNumColumnRenderer as s,
+  DataKeysColumnRenderer as t,
   useSchema as u,
-  addDefaultRenderToColumns as v,
-  useEagleTable as w,
-  useDownloadYAML as x,
-  useEdit as y,
-  useGlobalStore as z
+  PortMappingColumnRenderer as v,
+  ColumnKeys as w,
+  addDefaultRenderToColumns as x,
+  useEagleTable as y,
+  useDownloadYAML as z
 };