@dovetail-v2/refine 0.0.35-beta.4 → 0.0.36

package/dist/refine.umd.cjs

@@ -1391,11 +1391,11 @@ var __publicField = (obj, key, value) => {
   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,
@@ -7940,11 +7940,12 @@ var __publicField = (obj, key, value) => {
       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}`
           );
         }
@@ -7960,6 +7961,9 @@ var __publicField = (obj, key, value) => {
           }
         });
       }
+      if ((_a = schema == null ? void 0 : schema.properties) == null ? void 0 : _a.status) {
+        schema == null ? true : delete schema.properties.status;
+      }
       return schema;
     }
   }
@@ -8526,8 +8530,7 @@ var __publicField = (obj, key, value) => {
   const WidgetErrorContent$1 = (props) => {
     const {
       refetch,
-      errorText,
-      hiddenRetry
+      errorText
     } = props;
     const kit = React.useContext(eagle.kitContext);
     const {
@@ -8540,7 +8543,7 @@ var __publicField = (obj, key, value) => {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
           className: cx_default(eagle.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) => {
@@ -8708,8 +8711,7 @@ var __publicField = (obj, key, value) => {
         WidgetErrorContent$1,
         {
           errorText: t2("dovetail.no_resource", { kind: ` ${t2("dovetail.pod_selector")}` }),
-          style: { padding: "15px 0" },
-          hiddenRetry: true
+          style: { padding: "15px 0" }
         }
       );
     }
@@ -8776,7 +8778,7 @@ var __publicField = (obj, key, value) => {
       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,
@@ -9405,6 +9407,12 @@ var __publicField = (obj, key, value) => {
     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;
@@ -9829,8 +9837,9 @@ var __publicField = (obj, key, value) => {
       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;
@@ -9842,22 +9851,26 @@ var __publicField = (obj, key, value) => {
       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, {
@@ -9866,22 +9879,25 @@ var __publicField = (obj, key, value) => {
     }
   };
   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(eagle.Link, {
           target: "_blank",
           href: `http://${clusterVip}:${p.nodePort}`,
-          className: breakLine ? BreakLineStyle : "",
+          className: cx_default(breakLine ? BreakLineStyle : "", LinkStyle),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
-            content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+              className: eagle.Typo.Label.l4_regular_title,
               children: [clusterVip, ":", p.nodePort, !breakLine && index !== (spec.ports || []).length - 1 ? ", " : ""]
             }),
             tooltip: `${clusterVip}:${p.nodePort}`
@@ -9890,8 +9906,17 @@ var __publicField = (obj, key, value) => {
         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, {
@@ -10315,7 +10340,11 @@ var __publicField = (obj, key, value) => {
         }), /* @__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(core.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,
@@ -10440,8 +10469,7 @@ var __publicField = (obj, key, value) => {
       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") })
         }
       );
     }
@@ -10562,7 +10590,7 @@ var __publicField = (obj, key, value) => {
       }
     ];
     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,
@@ -10605,8 +10633,7 @@ var __publicField = (obj, key, value) => {
     }, 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, {
@@ -10687,12 +10714,20 @@ var __publicField = (obj, key, value) => {
     const { t: t2 } = useTranslation();
     const openForm = useOpenForm({ id: record.id });
     const isInShowPage = useResourceResult.action === "show";
+    const { data: canEditData } = core.useCan({
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit
+    });
+    const { data: canDeleteData } = core.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,
@@ -10715,8 +10750,8 @@ var __publicField = (obj, key, value) => {
               }
             ),
             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,
@@ -10725,12 +10760,13 @@ var __publicField = (obj, key, value) => {
                 },
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.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(
                 eagle.Icon,
@@ -10901,13 +10937,17 @@ var __publicField = (obj, key, value) => {
             state: stateDisplay
           }) : void 0]
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-            style: {
-              marginRight: 8
-            },
-            onClick: openForm,
-            prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.EditPen16GradientBlueIcon, {}),
-            children: t2("dovetail.edit_yaml")
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(core.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(iconsReact.EditPen16GradientBlueIcon, {}),
+              children: t2("dovetail.edit_yaml")
+            })
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
             size: "large"
@@ -10958,7 +10998,7 @@ var __publicField = (obj, key, value) => {
       eagle.Button,
       {
         type: "quiet",
-        prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.ViewEye16GrayIcon }),
+        prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: hideSecret ? iconsReact.ViewEye16GrayIcon : iconsReact.EntityFilterIgnoreGradient16GrayIcon }),
         onClick: () => setHideSecret((v) => !v),
         children: hideSecret ? i18n2.t("dovetail.show_data_value") : i18n2.t("dovetail.hide_data_value")
       }
@@ -11009,8 +11049,7 @@ var __publicField = (obj, key, value) => {
         }),
         style: {
           padding: "15px 0"
-        },
-        hiddenRetry: true
+        }
       });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
@@ -11194,16 +11233,23 @@ var __publicField = (obj, key, value) => {
     const {
       i18n: i18n2
     } = useTranslation();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
-      className: EditButtonStyle,
-      type: "link",
-      onClick: () => {
-        eagle.pushModal({
-          component: EditFieldModal,
-          props: modalProps
-        });
-      },
-      children: i18n2.t("dovetail.edit")
+    const {
+      resource
+    } = core.useResource();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+        className: EditButtonStyle,
+        type: "link",
+        onClick: () => {
+          eagle.pushModal({
+            component: EditFieldModal,
+            props: modalProps
+          });
+        },
+        children: i18n2.t("dovetail.edit")
+      })
     });
   }
   const index_c9frt4 = "";
@@ -11571,17 +11617,17 @@ var __publicField = (obj, key, value) => {
       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 });
@@ -17272,6 +17318,10 @@ var __publicField = (obj, key, value) => {
         signal
       }).then((response) => {
         var _a3;
+        if (response.status !== 200) {
+          setLogs([]);
+          return;
+        }
         const reader = (_a3 = response.body) == null ? void 0 : _a3.getReader();
         if (!reader) {
           return;
@@ -17292,6 +17342,7 @@ var __publicField = (obj, key, value) => {
           }
           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();
@@ -17381,8 +17432,7 @@ var __publicField = (obj, key, value) => {
           },
           errorText: t2("dovetail.no_resource", {
             kind: t2("dovetail.previous_log")
-          }),
-          hiddenRetry: true
+          })
         }) : /* @__PURE__ */ jsxRuntimeExports.jsx(LogViewer, {
           innerRef: logViewerRef,
           height: "100%",
@@ -17499,7 +17549,7 @@ var __publicField = (obj, key, value) => {
         model.dispose();
         editor.dispose();
       };
-    }, [defaultValue, schema, id, readOnly, isScrollOnFocus, getInstance]);
+    }, [schema, id, readOnly, isScrollOnFocus, getInstance]);
     React.useEffect(() => {
       const editor = instanceRef.current.editor;
       if (editor) {
@@ -17608,8 +17658,7 @@ var __publicField = (obj, key, value) => {
         }),
         style: {
           padding: "15px 0"
-        },
-        hiddenRetry: true
+        }
       });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(MonacoYamlEditor$1, {
@@ -17690,7 +17739,7 @@ var __publicField = (obj, key, value) => {
       [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,
@@ -17928,8 +17977,12 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useResource();
     const { mutateAsync } = core.useUpdate();
     const { t: t2 } = useTranslation();
+    const { data: canEditData } = core.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 () => {
@@ -17968,7 +18021,7 @@ var __publicField = (obj, key, value) => {
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.Retry16GradientBlueIcon, children: t2("dovetail.redeploy") })
         }
-      ),
+      ) : null,
       children
     ] });
   }
@@ -17977,10 +18030,14 @@ var __publicField = (obj, key, value) => {
     const kit = eagle.useUIKit();
     const { t: t2 } = useTranslation();
     const formRef = React.useRef(null);
-    const { action } = core.useResource();
+    const { action, resource } = core.useResource();
     const isInShowPage = action === "show";
+    const { data: canEditData } = core.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: () => {
@@ -18139,7 +18196,7 @@ var __publicField = (obj, key, value) => {
       return void 0;
     }
   }
-  const index_p3hly3 = "";
+  const index_ccf0kl = "";
   const SelectStyle = "sj0ggy";
   const SearchInputStyle = "s1eo8uqs";
   const SelectContentStyle = "s64gojc";
@@ -18223,7 +18280,7 @@ var __publicField = (obj, key, value) => {
           },
           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, {
@@ -18233,6 +18290,8 @@ var __publicField = (obj, key, value) => {
       },
       maxTagCount: 1,
       optionLabelProp: "label",
+      showArrow: true,
+      showSearch: false,
       multiple: true,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
         value: "_all",
@@ -18303,8 +18362,7 @@ var __publicField = (obj, key, value) => {
           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", {
@@ -18320,7 +18378,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   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({
@@ -22393,7 +22451,7 @@ var __publicField = (obj, key, value) => {
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
                 style: {
@@ -22402,29 +22460,32 @@ var __publicField = (obj, key, value) => {
                   height: height || "500px",
                   zIndex: 1
                 },
-                children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MonacoYamlDiffEditor$2,
-                  {
-                    id: props.id,
-                    origin: defaultValue,
-                    modified: value2,
-                    height
-                  }
-                ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(React.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(React.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(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: PlainCodeStyle, children: value2 }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    MonacoYamlDiffEditor$2,
+                    {
+                      id: props.id,
+                      origin: defaultValue,
+                      modified: value2,
+                      height
+                    }
+                  ) }) : null
+                ]
               }
             )
           ]
@@ -23041,8 +23102,12 @@ var __publicField = (obj, key, value) => {
     const { resource } = core.useResource();
     const { mutateAsync } = core.useUpdate();
     const { t: t2 } = useTranslation();
+    const { data: canEditData } = core.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 () => {
@@ -23081,7 +23146,7 @@ var __publicField = (obj, key, value) => {
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: suspended2 ? iconsReact.RecoverContinue16GradientBlueIcon : iconsReact.Pause16GradientBlueIcon, children: t2(suspended2 ? "dovetail.resume" : "dovetail.suspend") })
       }
-    ) });
+    ) : null });
   }
   const index_1wzdp7m = "";
   const WrapperStyle = "wfg6u6g";
@@ -23581,32 +23646,38 @@ var __publicField = (obj, key, value) => {
       sorter: CommonSorter(dataIndex)
     };
   };
-  const ServiceInClusterAccessColumnRenderer = (i18n2) => {
-    return {
-      key: "inClusterAccess",
-      title: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-        overlayClassName: ServiceClusterTooltipStyle,
-        title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+  function ServiceInClusterAccessTitle() {
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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(eagle.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(eagle.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,
@@ -23617,34 +23688,42 @@ var __publicField = (obj, key, value) => {
       }
     };
   };
-  const ServiceOutClusterAccessColumnRenderer = (i18n2, clusterVip) => {
+  function ServiceOutClusterAccessTitle() {
+    const {
+      i18n: i18n2
+    } = useTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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: /* @__PURE__ */ jsxRuntimeExports.jsx(Trans, {
+            i18nKey: "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(eagle.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,
@@ -23667,6 +23746,11 @@ var __publicField = (obj, key, value) => {
       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"
@@ -23801,10 +23885,21 @@ var __publicField = (obj, key, value) => {
       display: true,
       dataIndex: ["displayPortMapping"],
       width: 300,
-      render(value2) {
-        const content = value2.map((v) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
-          content: v
-        }, v));
+      render(value2, record) {
+        var _a;
+        const content = (_a = record.displayPortMapping) == null ? void 0 : _a.map((v) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
+            style: {
+              whiteSpace: "pre"
+            },
+            children: [record.displayType === "NodePort" ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
+              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
         });
@@ -23894,7 +23989,7 @@ var __publicField = (obj, key, value) => {
   };
   const styles = "";
   const Dovetail = (props) => {
-    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore } = props;
+    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore, accessControlProvider } = props;
     const msg = eagle.useMessage();
     const notCustomResources = React.useMemo(() => {
       return resourcesConfig.filter((c2) => !c2.isCustom);
@@ -23938,6 +24033,7 @@ var __publicField = (obj, key, value) => {
           liveMode: "auto",
           disableTelemetry: true
         },
+        accessControlProvider,
         resources: resourcesConfig.map((c2) => {
           return {
             name: c2.name,
@@ -24133,6 +24229,7 @@ var __publicField = (obj, key, value) => {
     default: MonacoYamlDiffEditor
   }, Symbol.toStringTag, { value: "Module" }));
   exports2.ALL_NS = ALL_NS;
+  exports2.AccessControlAuth = AccessControlAuth;
   exports2.AgeColumnRenderer = AgeColumnRenderer;
   exports2.AgeField = AgeField;
   exports2.AnnotationsField = AnnotationsField;
@@ -24264,11 +24361,13 @@ var __publicField = (obj, key, value) => {
   exports2.Separator = Separator;
   exports2.ServiceInClusterAccessColumnRenderer = ServiceInClusterAccessColumnRenderer;
   exports2.ServiceInClusterAccessComponent = ServiceInClusterAccessComponent;
+  exports2.ServiceInClusterAccessTitle = ServiceInClusterAccessTitle;
   exports2.ServiceInnerClusterAccessField = ServiceInnerClusterAccessField;
   exports2.ServiceModel = ServiceModel;
   exports2.ServiceOutClusterAccessColumnRenderer = ServiceOutClusterAccessColumnRenderer;
   exports2.ServiceOutClusterAccessComponent = ServiceOutClusterAccessComponent;
   exports2.ServiceOutClusterAccessField = ServiceOutClusterAccessField;
+  exports2.ServiceOutClusterAccessTitle = ServiceOutClusterAccessTitle;
   exports2.ServicePodsField = ServicePodsField;
   exports2.ServicePodsGroup = ServicePodsGroup;
   exports2.ServiceTypeColumnRenderer = ServiceTypeColumnRenderer;