@dovetail-v2/refine 0.3.16-alpha.0 → 0.3.17-alpha.0

package/dist/components/ErrorContent/index.d.ts

@@ -4,7 +4,8 @@ export declare const ErrorContent: import("@linaria/react").StyledComponent<Reac
 export declare enum ErrorContentType {
     List = "list",
     Card = "card",
-    Widget = "widget"
+    Widget = "widget",
+    Item = "item"
 }
 export type WidgetErrorContentProps = {
     className?: string;

package/dist/components/YamlEditor/YamlEditorComponent.d.ts

@@ -16,6 +16,7 @@ export type YamlEditorProps<T extends string | Record<string, unknown> = string>
     readOnly?: boolean;
     debounceTime?: number;
     isScrollOnFocus?: boolean;
+    isHideActions?: boolean;
     onChange?: (value: T) => void;
     onValidate?: (valid: boolean, schemaValid: boolean) => void;
     onEditorCreate?: (editor: editor.IStandaloneCodeEditor) => void;

package/dist/i18n.d.ts

@@ -528,6 +528,8 @@ export declare const resources: {
             select_workload: string;
             no_search_result: string;
             clear_search_condition: string;
+            no_labels: string;
+            no_annotations: string;
         };
     };
 };

package/dist/locales/zh-CN/index.d.ts

@@ -271,6 +271,8 @@ declare const _default: {
         select_workload: string;
         no_search_result: string;
         clear_search_condition: string;
+        no_labels: string;
+        no_annotations: string;
     };
 };
 export default _default;

package/dist/refine.cjs

@@ -1230,6 +1230,8 @@ const target_service_port = "目标服务端口";
 const select_workload = "选择工作负载";
 const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
+const no_labels = "无标签";
+const no_annotations = "无注解";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1501,7 +1503,9 @@ const dovetail = {
   target_service_port,
   select_workload,
   no_search_result,
-  clear_search_condition
+  clear_search_condition,
+  no_labels,
+  no_annotations
 };
 const ZH = {
   dovetail
@@ -7953,7 +7957,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_hjjv5w = "";
+const index_l4xyq7 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -7968,6 +7972,7 @@ var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
   ErrorContentType2["List"] = "list";
   ErrorContentType2["Card"] = "card";
   ErrorContentType2["Widget"] = "widget";
+  ErrorContentType2["Item"] = "item";
   return ErrorContentType2;
 })(ErrorContentType || {});
 const WidgetErrorContent = (props) => {
@@ -7982,18 +7987,26 @@ const WidgetErrorContent = (props) => {
     t: t2
   } = common.useTranslation();
   const fontMap = {
+    // 小卡片
     [
       "widget"
       /* Widget */
     ]: eagle.Typo.Label.l1_regular_title,
+    // 详情里整个大卡片
     [
       "card"
       /* Card */
     ]: eagle.Typo.Label.l1_bold,
+    // 列表
     [
       "list"
       /* List */
-    ]: eagle.Typo.Display.d2_bold_title
+    ]: eagle.Typo.Display.d2_bold_title,
+    // 详情里的某一项
+    [
+      "item"
+      /* Item */
+    ]: eagle.Typo.Heading.h2_bold_title
   };
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ErrorWrapper, {
     className: common.cx_default(props.className, type2),
@@ -9699,8 +9712,8 @@ class PodModel extends WorkloadBaseModel {
     return this.ips.join(", ");
   }
   get hasDnsConfig() {
-    var _a, _b, _c, _d;
-    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)));
+    var _a, _b, _c, _d, _e, _f, _g;
+    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)) || ((_e = this.spec) == null ? void 0 : _e.dnsPolicy) || ((_g = (_f = this.spec) == null ? void 0 : _f.hostAliases) == null ? void 0 : _g.length));
   }
 }
 class PodMetricsModel extends ResourceModel {
@@ -10390,7 +10403,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 120,
       sortable: true,
       render: (value2) => {
-        return value2;
+        return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+          eagle.StatusCapsule,
+          {
+            color: value2 === "True" ? "green" : "red",
+            className: common.cx_default(StateTagStyle, "no-background"),
+            children: value2 === "True" ? t2("dovetail.true") : t2("dovetail.false")
+          }
+        );
       }
     },
     {
@@ -10789,7 +10809,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a;
+  var _a, _b;
   const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
@@ -10800,7 +10820,7 @@ function K8sDropdown(props) {
   const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show";
+  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
   const { data: canEditData } = core.useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10815,7 +10835,7 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_a = config.formConfig) == null ? void 0 : _a.formType) || FormType.FORM;
+  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(common.jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
     eagle.Dropdown,
     {
@@ -11453,16 +11473,21 @@ const KeyValue = (props) => {
   const {
     t: t2
   } = common.useTranslation();
-  const result = Object.keys(data2).map((key2) => /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
-    className: ContentBlockStyle,
-    children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-      className: common.cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
-      children: key2
-    }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
-      className: common.cx_default(eagle.Typo.Label.l4_regular, ValueStyle$2),
-      children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
-    })]
-  }, key2));
+  const result = Object.keys(data2).map((key2) => {
+    const value2 = hideSecret ? toAsterisk(data2[key2]) : data2[key2];
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
+      className: ContentBlockStyle,
+      children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        className: common.cx_default(KeyStyle, eagle.Typo.Label.l4_regular),
+        children: key2
+      }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        className: common.cx_default(eagle.Typo.Label.l4_regular, ValueStyle$2),
+        children: value2 || /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        })
+      })]
+    }, key2);
+  });
   if (!result.length) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
@@ -11758,6 +11783,7 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.AutoComplete, {
       options: keyOptions || [],
       value: value22,
@@ -11767,7 +11793,7 @@ function _KeyValueTableForm(props, ref) {
         var _a;
         return ((_a = option == null ? void 0 : option.label) == null ? void 0 : _a.toString().toLowerCase().includes(inputValue.toLowerCase())) || false;
       },
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record)),
       allowClear: true
     });
   };
@@ -11777,12 +11803,13 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TextArea, {
       autoSize: true,
       className: "c17gq8cd",
       size: "small",
       value: value22,
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record)),
       onChange: (e2) => {
         onChange2(e2.target.value);
       }
@@ -11843,8 +11870,9 @@ function _KeyValueTableForm(props, ref) {
       defaultData: _value,
       row: {
         deletable: _value.length > (minSize || 0),
-        disableActions(rowIndex) {
-          if (disabledChagneDefaultValues && rowIndex < (defaultValue.length || 0)) {
+        disableActions(rowIndex, datas) {
+          const record = datas[rowIndex];
+          if (disabledChagneDefaultValues && defaultValue.some((row) => lodashEs.isEqual(row, record))) {
             return ["delete"];
           }
         }
@@ -13062,8 +13090,8 @@ const LabelsAndAnnotationsShow = ({
       }), Object.keys(labels || {}).length ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(Tags, {
         value: labels
       }) : /* @__PURE__ */ common.jsxRuntimeExports.jsx(WidgetErrorContent, {
-        errorText: sksI18n.t("dovetail.empty"),
-        type: ErrorContentType.Card
+        errorText: sksI18n.t("dovetail.no_labels"),
+        type: ErrorContentType.Item
       })]
     }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
       className: ItemWrapperStyle,
@@ -13072,7 +13100,8 @@ const LabelsAndAnnotationsShow = ({
         children: sksI18n.t("dovetail.annotation")
       }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(KeyValue, {
         data: annotations,
-        errorContent: ErrorContentType.Card
+        empty: sksI18n.t("dovetail.no_annotations"),
+        errorContent: ErrorContentType.Item
       })]
     })]
   });
@@ -15755,7 +15784,8 @@ const YamlEditorComponent = React.forwardRef(
       eleRef,
       className,
       debounceTime,
-      isScrollOnFocus = true
+      isScrollOnFocus = true,
+      isHideActions = false
     } = props;
     const { t: t2 } = common.useTranslation();
     const [isCollapsed, setIsCollapsed] = React.useState(
@@ -15861,7 +15891,7 @@ const YamlEditorComponent = React.forwardRef(
                     ),
                     /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { className: common.cx_default(TitleStyle, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
+                  isHideActions ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ common.jsxRuntimeExports.jsx(
                         eagle.Tooltip,

package/dist/refine.js

@@ -11,7 +11,7 @@ import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNav
 import { parse, stringify } from "qs";
 import React, { createElement, isValidElement, cloneElement, Children, useContext, useCallback, createContext, useState, useEffect, useMemo, useRef, useImperativeHandle, lazy, Suspense, memo, forwardRef } from "react";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, Dropdown, Menu as Menu$1, Icon, Divider, LegacyModal, StatusCapsule, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { usePushModal, usePopModal, DeleteDialog, Tag, RejectDialog, RejectDialogType, Typo, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, ImmersiveDialog, SmallDialog, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon, Divider, LegacyModal, Popover, AntdTable, Upload, TableForm, AutoComplete, getOptions, DonutChart, SegmentControl, Checkbox, Tabs as Tabs$1, TabsTabPane, Col, Row, useMessage, SearchInput, Token, AntdSelectOptGroup, WizardDialog, MenuItemGroup, Layout as Layout$1, InputGroup, InputInteger, Time as Time$1, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronUpSmall16BlueIcon, Retry16GradientBlueIcon, OpenTerminal16GradientBlueIcon, ArrowChevronDown16BlueIcon, ArrowChevronUp16BlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$2, cloneDeep, set, omit as omit$1, merge, isEqual as isEqual$1, debounce, last, setWith, clone, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -1211,6 +1211,8 @@ const target_service_port = "目标服务端口";
 const select_workload = "选择工作负载";
 const no_search_result = "无搜索结果";
 const clear_search_condition = "清空搜索条件";
+const no_labels = "无标签";
+const no_annotations = "无注解";
 const dovetail = {
   copy,
   reset_arguments,
@@ -1482,7 +1484,9 @@ const dovetail = {
   target_service_port,
   select_workload,
   no_search_result,
-  clear_search_condition
+  clear_search_condition,
+  no_labels,
+  no_annotations
 };
 const ZH = {
   dovetail
@@ -7934,7 +7938,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_hjjv5w = "";
+const index_l4xyq7 = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -7949,6 +7953,7 @@ var ErrorContentType = /* @__PURE__ */ ((ErrorContentType2) => {
   ErrorContentType2["List"] = "list";
   ErrorContentType2["Card"] = "card";
   ErrorContentType2["Widget"] = "widget";
+  ErrorContentType2["Item"] = "item";
   return ErrorContentType2;
 })(ErrorContentType || {});
 const WidgetErrorContent = (props) => {
@@ -7963,18 +7968,26 @@ const WidgetErrorContent = (props) => {
     t: t2
   } = useTranslation();
   const fontMap = {
+    // 小卡片
     [
       "widget"
       /* Widget */
     ]: Typo.Label.l1_regular_title,
+    // 详情里整个大卡片
     [
       "card"
       /* Card */
     ]: Typo.Label.l1_bold,
+    // 列表
     [
       "list"
       /* List */
-    ]: Typo.Display.d2_bold_title
+    ]: Typo.Display.d2_bold_title,
+    // 详情里的某一项
+    [
+      "item"
+      /* Item */
+    ]: Typo.Heading.h2_bold_title
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorWrapper, {
     className: cx_default(props.className, type2),
@@ -9680,8 +9693,8 @@ class PodModel extends WorkloadBaseModel {
     return this.ips.join(", ");
   }
   get hasDnsConfig() {
-    var _a, _b, _c, _d;
-    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)));
+    var _a, _b, _c, _d, _e, _f, _g;
+    return !!(((_a = this.spec) == null ? void 0 : _a.dnsConfig) && (((_b = this.spec.dnsConfig.nameservers) == null ? void 0 : _b.length) || ((_c = this.spec.dnsConfig.searches) == null ? void 0 : _c.length) || ((_d = this.spec.dnsConfig.options) == null ? void 0 : _d.length)) || ((_e = this.spec) == null ? void 0 : _e.dnsPolicy) || ((_g = (_f = this.spec) == null ? void 0 : _f.hostAliases) == null ? void 0 : _g.length));
   }
 }
 class PodMetricsModel extends ResourceModel {
@@ -10371,7 +10384,14 @@ const ConditionsTable = ({ conditions = [] }) => {
       width: 120,
       sortable: true,
       render: (value2) => {
-        return value2;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatusCapsule,
+          {
+            color: value2 === "True" ? "green" : "red",
+            className: cx_default(StateTagStyle, "no-background"),
+            children: value2 === "True" ? t2("dovetail.true") : t2("dovetail.false")
+          }
+        );
       }
     },
     {
@@ -10770,7 +10790,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
   return { isValid: true };
 }
 function K8sDropdown(props) {
-  var _a;
+  var _a, _b;
   const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
@@ -10781,7 +10801,7 @@ function K8sDropdown(props) {
   const { openDeleteConfirmModal } = useDeleteModal({ resourceName: resourceName || "" });
   const download2 = useDownloadYAML();
   const openForm = useOpenForm();
-  const isInShowPage = useResourceResult.action === "show";
+  const isInShowPage = useResourceResult.action === "show" && ((_a = useResourceResult.resource) == null ? void 0 : _a.name) === config.name;
   const { data: canEditData } = useCan({
     resource: resourceName,
     action: AccessControlAuth.Edit,
@@ -10796,7 +10816,7 @@ function K8sDropdown(props) {
       namespace: record.namespace
     }
   });
-  const formType = ((_a = config.formConfig) == null ? void 0 : _a.formType) || FormType.FORM;
+  const formType = ((_b = config.formConfig) == null ? void 0 : _b.formType) || FormType.FORM;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Dropdown,
     {
@@ -11434,16 +11454,21 @@ const KeyValue = (props) => {
   const {
     t: t2
   } = useTranslation();
-  const result = Object.keys(data2).map((key2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    className: ContentBlockStyle,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      className: cx_default(KeyStyle, Typo.Label.l4_regular),
-      children: key2
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-      className: cx_default(Typo.Label.l4_regular, ValueStyle$2),
-      children: hideSecret ? toAsterisk(data2[key2]) : data2[key2]
-    })]
-  }, key2));
+  const result = Object.keys(data2).map((key2) => {
+    const value2 = hideSecret ? toAsterisk(data2[key2]) : data2[key2];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: ContentBlockStyle,
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(KeyStyle, Typo.Label.l4_regular),
+        children: key2
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className: cx_default(Typo.Label.l4_regular, ValueStyle$2),
+        children: value2 || /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        })
+      })]
+    }, key2);
+  });
   if (!result.length) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: empty2 || t2("dovetail.empty"),
@@ -11739,6 +11764,7 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete, {
       options: keyOptions || [],
       value: value22,
@@ -11748,7 +11774,7 @@ function _KeyValueTableForm(props, ref) {
         var _a;
         return ((_a = option == null ? void 0 : option.label) == null ? void 0 : _a.toString().toLowerCase().includes(inputValue.toLowerCase())) || false;
       },
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record)),
       allowClear: true
     });
   };
@@ -11758,12 +11784,13 @@ function _KeyValueTableForm(props, ref) {
     rowIndex,
     disabled
   }) => {
+    const record = _value[rowIndex || 0];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, {
       autoSize: true,
       className: "c17gq8cd",
       size: "small",
       value: value22,
-      disabled: disabled || disabledChagneDefaultValues && (rowIndex || 0) < (defaultValue.length || 0),
+      disabled: disabled || disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record)),
       onChange: (e2) => {
         onChange2(e2.target.value);
       }
@@ -11824,8 +11851,9 @@ function _KeyValueTableForm(props, ref) {
       defaultData: _value,
       row: {
         deletable: _value.length > (minSize || 0),
-        disableActions(rowIndex) {
-          if (disabledChagneDefaultValues && rowIndex < (defaultValue.length || 0)) {
+        disableActions(rowIndex, datas) {
+          const record = datas[rowIndex];
+          if (disabledChagneDefaultValues && defaultValue.some((row) => isEqual$1(row, record))) {
             return ["delete"];
           }
         }
@@ -13043,8 +13071,8 @@ const LabelsAndAnnotationsShow = ({
       }), Object.keys(labels || {}).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, {
         value: labels
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
-        errorText: sksI18n.t("dovetail.empty"),
-        type: ErrorContentType.Card
+        errorText: sksI18n.t("dovetail.no_labels"),
+        type: ErrorContentType.Item
       })]
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ItemWrapperStyle,
@@ -13053,7 +13081,8 @@ const LabelsAndAnnotationsShow = ({
         children: sksI18n.t("dovetail.annotation")
       }), /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValue, {
         data: annotations,
-        errorContent: ErrorContentType.Card
+        empty: sksI18n.t("dovetail.no_annotations"),
+        errorContent: ErrorContentType.Item
       })]
     })]
   });
@@ -15736,7 +15765,8 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className,
       debounceTime,
-      isScrollOnFocus = true
+      isScrollOnFocus = true,
+      isHideActions = false
     } = props;
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
@@ -15842,7 +15872,7 @@ const YamlEditorComponent = forwardRef(
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
+                  isHideActions ? null : /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
                         Tooltip,

package/dist/style.css

@@ -720,6 +720,9 @@
 .egn3dbn.card .error-content {
   height: 96px;
 }
+.egn3dbn.item .title {
+  color: rgba(0, 21, 64, 0.3);
+}
 
 .e136jgy8 {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.16-alpha.0",
+  "version": "0.3.17-alpha.0",
   "type": "module",
   "files": [
     "dist",