@arpproject/recrate 0.1.30 → 0.1.32-test

package/dist/recrate.es.js

@@ -7936,9 +7936,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
     icon: CheckCircleFilled$1
   }));
 };
-var RefIcon$B = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
+var RefIcon$C = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$B.displayName = "CheckCircleFilled";
+  RefIcon$C.displayName = "CheckCircleFilled";
 }
 var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
@@ -7947,9 +7947,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
     icon: CloseCircleFilled$1
   }));
 };
-var RefIcon$A = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
+var RefIcon$B = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$A.displayName = "CloseCircleFilled";
+  RefIcon$B.displayName = "CloseCircleFilled";
 }
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlined = function CloseOutlined2(props, ref) {
@@ -7958,9 +7958,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
     icon: CloseOutlined$1
   }));
 };
-var RefIcon$z = /* @__PURE__ */ React.forwardRef(CloseOutlined);
+var RefIcon$A = /* @__PURE__ */ React.forwardRef(CloseOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$z.displayName = "CloseOutlined";
+  RefIcon$A.displayName = "CloseOutlined";
 }
 var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
@@ -7969,9 +7969,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
     icon: ExclamationCircleFilled$1
   }));
 };
-var RefIcon$y = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
+var RefIcon$z = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$y.displayName = "ExclamationCircleFilled";
+  RefIcon$z.displayName = "ExclamationCircleFilled";
 }
 var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
 var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
@@ -7980,9 +7980,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
     icon: InfoCircleFilled$1
   }));
 };
-var RefIcon$x = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
+var RefIcon$y = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$x.displayName = "InfoCircleFilled";
+  RefIcon$y.displayName = "InfoCircleFilled";
 }
 var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
 var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
@@ -8723,9 +8723,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
     icon: LoadingOutlined$1
   }));
 };
-var RefIcon$w = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
+var RefIcon$x = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$w.displayName = "LoadingOutlined";
+  RefIcon$x.displayName = "LoadingOutlined";
 }
 function mergeProps$1(...items) {
   const ret = {};
@@ -8784,7 +8784,7 @@ const useClosable = (propCloseCollection, contextCloseCollection, fallbackCloseC
   const [contextLocale] = useLocale$1("global", localeValues.global);
   const closeBtnIsDisabled = typeof propCloseConfig !== "boolean" ? !!(propCloseConfig === null || propCloseConfig === void 0 ? void 0 : propCloseConfig.disabled) : false;
   const mergedFallbackCloseCollection = React__default.useMemo(() => Object.assign({
-    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$z, null)
+    closeIcon: /* @__PURE__ */ React__default.createElement(RefIcon$A, null)
   }, fallbackCloseCollection), [fallbackCloseCollection]);
   const mergedClosableConfig = React__default.useMemo(() => {
     if (propCloseConfig === false) {
@@ -9109,11 +9109,11 @@ const useStyle$u = genStyleHooks("Message", (token2) => {
   return t2;
 });
 const TypeIcon = {
-  info: /* @__PURE__ */ React.createElement(RefIcon$x, null),
-  success: /* @__PURE__ */ React.createElement(RefIcon$B, null),
-  error: /* @__PURE__ */ React.createElement(RefIcon$A, null),
-  warning: /* @__PURE__ */ React.createElement(RefIcon$y, null),
-  loading: /* @__PURE__ */ React.createElement(RefIcon$w, null)
+  info: /* @__PURE__ */ React.createElement(RefIcon$y, null),
+  success: /* @__PURE__ */ React.createElement(RefIcon$C, null),
+  error: /* @__PURE__ */ React.createElement(RefIcon$B, null),
+  warning: /* @__PURE__ */ React.createElement(RefIcon$z, null),
+  loading: /* @__PURE__ */ React.createElement(RefIcon$x, null)
 };
 const PureContent$1 = ({
   prefixCls,
@@ -9200,7 +9200,7 @@ const Holder$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const getNotificationMotion = () => getMotion$3(prefixCls, transitionName);
   const mergedCloseIcon = /* @__PURE__ */ React.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, /* @__PURE__ */ React.createElement(RefIcon$z, {
+  }, /* @__PURE__ */ React.createElement(RefIcon$A, {
     className: `${prefixCls}-close-icon`
   }));
   const [api2, holder] = useNotification$1({
@@ -10240,7 +10240,7 @@ const InnerLoadingIcon = /* @__PURE__ */ forwardRef((props, ref) => {
     className: mergedIconCls,
     style: style2,
     ref
-  }, /* @__PURE__ */ React__default.createElement(RefIcon$w, {
+  }, /* @__PURE__ */ React__default.createElement(RefIcon$x, {
     className: iconClassName
   }));
 });
@@ -10976,9 +10976,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
     icon: RightOutlined$1
   }));
 };
-var RefIcon$v = /* @__PURE__ */ React.forwardRef(RightOutlined);
+var RefIcon$w = /* @__PURE__ */ React.forwardRef(RightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$v.displayName = "RightOutlined";
+  RefIcon$w.displayName = "RightOutlined";
 }
 const genCollapseMotion = (token2) => ({
   [token2.componentCls]: {
@@ -17099,7 +17099,7 @@ const NormalOkBtn = () => {
 function renderCloseIcon(prefixCls, closeIcon) {
   return /* @__PURE__ */ React__default.createElement("span", {
     className: `${prefixCls}-close-x`
-  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$z, {
+  }, closeIcon || /* @__PURE__ */ React__default.createElement(RefIcon$A, {
     className: `${prefixCls}-close-icon`
   }));
 }
@@ -17691,7 +17691,7 @@ const Modal = (props) => {
   })) : null;
   const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = useClosable(pickClosable(props), pickClosable(modalContext), {
     closable: true,
-    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$z, {
+    closeIcon: /* @__PURE__ */ React.createElement(RefIcon$A, {
       className: `${prefixCls}-close-icon`
     }),
     closeIconRender: (icon2) => renderCloseIcon(prefixCls, icon2)
@@ -17888,16 +17888,16 @@ const ConfirmContent = (props) => {
   if (!icon2 && icon2 !== null) {
     switch (type4) {
       case "info":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$x, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
         break;
       case "success":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
         break;
       case "error":
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$A, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
         break;
       default:
-        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
+        mergedIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
     }
   }
   const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type4 === "confirm";
@@ -18661,15 +18661,15 @@ function getCloseIcon(prefixCls, closeIcon) {
   if (closeIcon === null || closeIcon === false) {
     return null;
   }
-  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$z, {
+  return closeIcon || /* @__PURE__ */ React.createElement(RefIcon$A, {
     className: `${prefixCls}-close-icon`
   });
 }
 const typeToIcon = {
-  success: RefIcon$B,
-  info: RefIcon$x,
-  error: RefIcon$A,
-  warning: RefIcon$y
+  success: RefIcon$C,
+  info: RefIcon$y,
+  error: RefIcon$B,
+  warning: RefIcon$z
 };
 const PureContent = (props) => {
   const {
@@ -25280,9 +25280,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
     icon: CheckOutlined$1
   }));
 };
-var RefIcon$u = /* @__PURE__ */ React.forwardRef(CheckOutlined);
+var RefIcon$v = /* @__PURE__ */ React.forwardRef(CheckOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$u.displayName = "CheckOutlined";
+  RefIcon$v.displayName = "CheckOutlined";
 }
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlined = function DownOutlined2(props, ref) {
@@ -25291,9 +25291,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
     icon: DownOutlined$1
   }));
 };
-var RefIcon$t = /* @__PURE__ */ React.forwardRef(DownOutlined);
+var RefIcon$u = /* @__PURE__ */ React.forwardRef(DownOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$t.displayName = "DownOutlined";
+  RefIcon$u.displayName = "DownOutlined";
 }
 var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
 var SearchOutlined = function SearchOutlined2(props, ref) {
@@ -25302,9 +25302,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
     icon: SearchOutlined$1
   }));
 };
-var RefIcon$s = /* @__PURE__ */ React.forwardRef(SearchOutlined);
+var RefIcon$t = /* @__PURE__ */ React.forwardRef(SearchOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$s.displayName = "SearchOutlined";
+  RefIcon$t.displayName = "SearchOutlined";
 }
 function useIcons$1({
   suffixIcon,
@@ -25324,7 +25324,7 @@ function useIcons$1({
     const warning3 = devUseWarning(componentName);
     warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
   }
-  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$A, null);
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$B, null);
   const getSuffixIconNode = (arrowIcon) => {
     if (suffixIcon === null && !hasFeedback && !showArrow) {
       return null;
@@ -25335,7 +25335,7 @@ function useIcons$1({
   if (suffixIcon !== void 0) {
     mergedSuffixIcon = getSuffixIconNode(suffixIcon);
   } else if (loading) {
-    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$w, {
+    mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$x, {
       spin: true
     }));
   } else {
@@ -25345,11 +25345,11 @@ function useIcons$1({
       showSearch
     }) => {
       if (open && showSearch) {
-        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$s, {
+        return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$t, {
           className: iconCls
         }));
       }
-      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$t, {
+      return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$u, {
         className: iconCls
       }));
     };
@@ -25358,7 +25358,7 @@ function useIcons$1({
   if (menuItemSelectedIcon !== void 0) {
     mergedItemIcon = menuItemSelectedIcon;
   } else if (multiple) {
-    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$u, null);
+    mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$v, null);
   } else {
     mergedItemIcon = null;
   }
@@ -25366,7 +25366,7 @@ function useIcons$1({
   if (removeIcon !== void 0) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$z, null);
+    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$A, null);
   }
   return {
     clearIcon: mergedClearIcon,
@@ -27693,9 +27693,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
     icon: LeftOutlined$1
   }));
 };
-var RefIcon$r = /* @__PURE__ */ React.forwardRef(LeftOutlined);
+var RefIcon$s = /* @__PURE__ */ React.forwardRef(LeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$r.displayName = "LeftOutlined";
+  RefIcon$s.displayName = "LeftOutlined";
 }
 var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
 function useAccessibility$1(_ref) {
@@ -29284,9 +29284,9 @@ var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
     icon: EllipsisOutlined$1
   }));
 };
-var RefIcon$q = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
+var RefIcon$r = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$q.displayName = "EllipsisOutlined";
+  RefIcon$r.displayName = "EllipsisOutlined";
 }
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
@@ -30612,7 +30612,7 @@ function getWeekStartDate(locale2, generateConfig2, value) {
   }
   return alignStartDate;
 }
-function formatValue(value, _ref) {
+function formatValue$1(value, _ref) {
   var generateConfig2 = _ref.generateConfig, locale2 = _ref.locale, format3 = _ref.format;
   if (!value) {
     return "";
@@ -31084,7 +31084,7 @@ var EMPTY_VALUE = [];
 function useUtil(generateConfig2, locale2, formatList) {
   var getDateTexts = function getDateTexts2(dates) {
     return dates.map(function(date4) {
-      return formatValue(date4, {
+      return formatValue$1(date4, {
         generateConfig: generateConfig2,
         locale: locale2,
         format: formatList[0]
@@ -31503,7 +31503,7 @@ function PanelBody(props) {
         rangeStart = isSame(generateConfig2, locale2, currentDate, hoverStart, type4);
         rangeEnd2 = isSame(generateConfig2, locale2, currentDate, hoverEnd, type4);
       }
-      var title = titleFormat ? formatValue(currentDate, {
+      var title = titleFormat ? formatValue$1(currentDate, {
         locale: locale2,
         format: titleFormat,
         generateConfig: generateConfig2
@@ -31720,7 +31720,7 @@ function DatePanel(props) {
     return generateConfig2.addDate(date4, offset2);
   };
   var getCellText = function getCellText2(date4) {
-    return formatValue(date4, {
+    return formatValue$1(date4, {
       locale: locale2,
       format: locale2.cellDateFormat,
       generateConfig: generateConfig2
@@ -31740,7 +31740,7 @@ function DatePanel(props) {
     },
     tabIndex: -1,
     className: "".concat(prefixCls, "-year-btn")
-  }, formatValue(pickerValue, {
+  }, formatValue$1(pickerValue, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
@@ -31754,7 +31754,7 @@ function DatePanel(props) {
     },
     tabIndex: -1,
     className: "".concat(prefixCls, "-month-btn")
-  }, locale2.monthFormat ? formatValue(pickerValue, {
+  }, locale2.monthFormat ? formatValue$1(pickerValue, {
     locale: locale2,
     format: locale2.monthFormat,
     generateConfig: generateConfig2
@@ -32008,7 +32008,7 @@ function TimePanelBody(props) {
     var pmDate = generateConfig2.setHour(base2, 18);
     var formatMeridiem = function formatMeridiem2(date4, defaultLabel) {
       var cellMeridiemFormat = locale2.cellMeridiemFormat;
-      return cellMeridiemFormat ? formatValue(date4, {
+      return cellMeridiemFormat ? formatValue$1(date4, {
         generateConfig: generateConfig2,
         locale: locale2,
         format: cellMeridiemFormat
@@ -32165,7 +32165,7 @@ function TimePanel(props) {
     value: info
   }, /* @__PURE__ */ React.createElement("div", {
     className: classNames(panelPrefixCls)
-  }, /* @__PURE__ */ React.createElement(PanelHeader, null, value ? formatValue(value, {
+  }, /* @__PURE__ */ React.createElement(PanelHeader, null, value ? formatValue$1(value, {
     locale: locale2,
     format: format3,
     generateConfig: generateConfig2
@@ -32215,12 +32215,12 @@ function DecadePanel(props) {
   };
   var getCellText = function getCellText2(date4) {
     var cellYearFormat = locale2.cellYearFormat;
-    var startYearStr = formatValue(date4, {
+    var startYearStr = formatValue$1(date4, {
       locale: locale2,
       format: cellYearFormat,
       generateConfig: generateConfig2
     });
-    var endYearStr = formatValue(generateConfig2.addYear(date4, 9), {
+    var endYearStr = formatValue$1(generateConfig2.addYear(date4, 9), {
       locale: locale2,
       format: cellYearFormat,
       generateConfig: generateConfig2
@@ -32238,11 +32238,11 @@ function DecadePanel(props) {
     var baseEndDate = generateConfig2.addDate(baseEndYear, -1);
     return disabledDate(baseStartYear, disabledInfo) && disabledDate(baseEndDate, disabledInfo);
   } : null;
-  var yearNode = "".concat(formatValue(startYearDate, {
+  var yearNode = "".concat(formatValue$1(startYearDate, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
-  }), "-").concat(formatValue(endYearDate, {
+  }), "-").concat(formatValue$1(endYearDate, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
@@ -32279,7 +32279,7 @@ function MonthPanel(props) {
   };
   var getCellText = function getCellText2(date4) {
     var month = generateConfig2.getMonth(date4);
-    return locale2.monthFormat ? formatValue(date4, {
+    return locale2.monthFormat ? formatValue$1(date4, {
       locale: locale2,
       format: locale2.monthFormat,
       generateConfig: generateConfig2
@@ -32303,7 +32303,7 @@ function MonthPanel(props) {
     },
     tabIndex: -1,
     className: "".concat(prefixCls, "-year-btn")
-  }, formatValue(pickerValue, {
+  }, formatValue$1(pickerValue, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
@@ -32343,7 +32343,7 @@ function QuarterPanel(props) {
     return generateConfig2.addMonth(date4, offset2 * 3);
   };
   var getCellText = function getCellText2(date4) {
-    return formatValue(date4, {
+    return formatValue$1(date4, {
       locale: locale2,
       format: locale2.cellQuarterFormat,
       generateConfig: generateConfig2
@@ -32361,7 +32361,7 @@ function QuarterPanel(props) {
     },
     tabIndex: -1,
     className: "".concat(prefixCls, "-year-btn")
-  }, formatValue(pickerValue, {
+  }, formatValue$1(pickerValue, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
@@ -32442,7 +32442,7 @@ function YearPanel(props) {
     return generateConfig2.addYear(date4, offset2);
   };
   var getCellText = function getCellText2(date4) {
-    return formatValue(date4, {
+    return formatValue$1(date4, {
       locale: locale2,
       format: locale2.cellYearFormat,
       generateConfig: generateConfig2
@@ -32467,11 +32467,11 @@ function YearPanel(props) {
     },
     tabIndex: -1,
     className: "".concat(prefixCls, "-decade-btn")
-  }, formatValue(startYearDate, {
+  }, formatValue$1(startYearDate, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
-  }), "-", formatValue(endYearDate, {
+  }), "-", formatValue$1(endYearDate, {
     locale: locale2,
     format: locale2.yearFormat,
     generateConfig: generateConfig2
@@ -32883,7 +32883,7 @@ function useInputProps(props, postProps) {
   };
   var firstFormat = format3[0];
   var getText = React.useCallback(function(date4) {
-    return formatValue(date4, {
+    return formatValue$1(date4, {
       locale: locale2,
       format: firstFormat,
       generateConfig: generateConfig2
@@ -37395,9 +37395,9 @@ var PlusOutlined = function PlusOutlined2(props, ref) {
     icon: PlusOutlined$1
   }));
 };
-var RefIcon$p = /* @__PURE__ */ React.forwardRef(PlusOutlined);
+var RefIcon$q = /* @__PURE__ */ React.forwardRef(PlusOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$p.displayName = "PlusOutlined";
+  RefIcon$q.displayName = "PlusOutlined";
 }
 const TabContext = /* @__PURE__ */ createContext(null);
 var useIndicator = function useIndicator2(options) {
@@ -39693,8 +39693,8 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       }) => {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
-      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$z, null),
-      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$p, null),
+      removeIcon: (_a2 = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a2 !== void 0 ? _a2 : /* @__PURE__ */ React.createElement(RefIcon$A, null),
+      addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$q, null),
       showAdd: hideAdd !== true
     };
   }
@@ -39729,7 +39729,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     style: mergedStyle,
     editable: editable2,
     more: Object.assign({
-      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$q, null),
+      icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$r, null),
       transitionName: `${rootPrefixCls}-slide-up`
     }, more),
     prefixCls,
@@ -41245,9 +41245,9 @@ var UpOutlined = function UpOutlined2(props, ref) {
     icon: UpOutlined$1
   }));
 };
-var RefIcon$o = /* @__PURE__ */ React.forwardRef(UpOutlined);
+var RefIcon$p = /* @__PURE__ */ React.forwardRef(UpOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$o.displayName = "UpOutlined";
+  RefIcon$p.displayName = "UpOutlined";
 }
 function hasAddon(props) {
   return !!(props.addonBefore || props.addonAfter);
@@ -41607,7 +41607,7 @@ const getAllowClear = (allowClear) => {
     mergedAllowClear = allowClear;
   } else if (allowClear) {
     mergedAllowClear = {
-      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$A, null)
+      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$B, null)
     };
   }
   return mergedAllowClear;
@@ -41795,9 +41795,9 @@ var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
     icon: SwapRightOutlined$1
   }));
 };
-var RefIcon$n = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
+var RefIcon$o = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$n.displayName = "SwapRightOutlined";
+  RefIcon$o.displayName = "SwapRightOutlined";
 }
 const useMergedPickerSemantic = (pickerType, classNames$1, styles2, popupClassName, popupStyle) => {
   const {
@@ -41900,9 +41900,9 @@ var CalendarOutlined = function CalendarOutlined2(props, ref) {
     icon: CalendarOutlined$1
   }));
 };
-var RefIcon$m = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
+var RefIcon$n = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$m.displayName = "CalendarOutlined";
+  RefIcon$n.displayName = "CalendarOutlined";
 }
 var ClockCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" };
 var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
@@ -41911,9 +41911,9 @@ var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
     icon: ClockCircleOutlined$1
   }));
 };
-var RefIcon$l = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
+var RefIcon$m = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$l.displayName = "ClockCircleOutlined";
+  RefIcon$m.displayName = "ClockCircleOutlined";
 }
 const SuffixIcon = ({
   picker,
@@ -41925,7 +41925,7 @@ const SuffixIcon = ({
     return null;
   }
   if (suffixIcon === true || suffixIcon === void 0) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, picker === TIME ? /* @__PURE__ */ React__default.createElement(RefIcon$l, null) : /* @__PURE__ */ React__default.createElement(RefIcon$m, null), hasFeedback && feedbackIcon);
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, picker === TIME ? /* @__PURE__ */ React__default.createElement(RefIcon$m, null) : /* @__PURE__ */ React__default.createElement(RefIcon$n, null), hasFeedback && feedbackIcon);
   }
   return suffixIcon;
 };
@@ -42032,7 +42032,7 @@ const generateRangePicker = (generateConfig2) => {
       separator: /* @__PURE__ */ React.createElement("span", {
         "aria-label": "to",
         className: `${prefixCls}-separator`
-      }, /* @__PURE__ */ React.createElement(RefIcon$n, null)),
+      }, /* @__PURE__ */ React.createElement(RefIcon$o, null)),
       disabled: mergedDisabled,
       ref: innerRef,
       placement,
@@ -44524,9 +44524,9 @@ var QuestionCircleOutlined = function QuestionCircleOutlined2(props, ref) {
     icon: QuestionCircleOutlined$1
   }));
 };
-var RefIcon$k = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
+var RefIcon$l = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$k.displayName = "QuestionCircleOutlined";
+  RefIcon$l.displayName = "QuestionCircleOutlined";
 }
 var __rest$h = function(s2, e3) {
   var t2 = {};
@@ -44574,7 +44574,7 @@ const FormItemLabel = ({
   const tooltipProps = convertToTooltipProps(tooltip);
   if (tooltipProps) {
     const {
-      icon: icon2 = /* @__PURE__ */ React.createElement(RefIcon$k, null)
+      icon: icon2 = /* @__PURE__ */ React.createElement(RefIcon$l, null)
     } = tooltipProps, restTooltipProps = __rest$h(tooltipProps, ["icon"]);
     const tooltipNode = /* @__PURE__ */ React.createElement(Tooltip2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React.cloneElement(icon2, {
       className: `${prefixCls}-item-tooltip`,
@@ -44619,10 +44619,10 @@ const FormItemLabel = ({
   }, labelChildren));
 };
 const iconMap = {
-  success: RefIcon$B,
-  warning: RefIcon$y,
-  error: RefIcon$A,
-  validating: RefIcon$w
+  success: RefIcon$C,
+  warning: RefIcon$z,
+  error: RefIcon$B,
+  validating: RefIcon$x
 };
 function StatusProvider({
   children,
@@ -45112,9 +45112,9 @@ var EyeOutlined = function EyeOutlined2(props, ref) {
     icon: EyeOutlined$1
   }));
 };
-var RefIcon$j = /* @__PURE__ */ React.forwardRef(EyeOutlined);
+var RefIcon$k = /* @__PURE__ */ React.forwardRef(EyeOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$j.displayName = "EyeOutlined";
+  RefIcon$k.displayName = "EyeOutlined";
 }
 const Group = (props) => {
   const {
@@ -45472,9 +45472,9 @@ var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props, ref) {
     icon: EyeInvisibleOutlined$1
   }));
 };
-var RefIcon$i = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
+var RefIcon$j = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$i.displayName = "EyeInvisibleOutlined";
+  RefIcon$j.displayName = "EyeInvisibleOutlined";
 }
 var __rest$c = function(s2, e3) {
   var t2 = {};
@@ -45484,7 +45484,7 @@ var __rest$c = function(s2, e3) {
   }
   return t2;
 };
-const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$j, null) : /* @__PURE__ */ React.createElement(RefIcon$i, null);
+const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$k, null) : /* @__PURE__ */ React.createElement(RefIcon$j, null);
 const actionMap = {
   click: "onClick",
   hover: "onMouseOver"
@@ -45639,7 +45639,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
     onSearch(e3);
   };
-  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$s, null) : null;
+  const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$t, null) : null;
   const btnClassName = `${prefixCls}-button`;
   let button;
   const enterButtonAsElement = enterButton || {};
@@ -46308,9 +46308,9 @@ var DoubleLeftOutlined = function DoubleLeftOutlined2(props, ref) {
     icon: DoubleLeftOutlined$1
   }));
 };
-var RefIcon$h = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
+var RefIcon$i = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$h.displayName = "DoubleLeftOutlined";
+  RefIcon$i.displayName = "DoubleLeftOutlined";
 }
 var DoubleRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
 var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
@@ -46319,9 +46319,9 @@ var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
     icon: DoubleRightOutlined$1
   }));
 };
-var RefIcon$g = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
+var RefIcon$h = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$g.displayName = "DoubleRightOutlined";
+  RefIcon$h.displayName = "DoubleRightOutlined";
 }
 var locale = {
   // Options
@@ -47553,21 +47553,21 @@ const Pagination2 = (props) => {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : /* @__PURE__ */ React.createElement(RefIcon$s, null));
     const nextIcon = /* @__PURE__ */ React.createElement("button", {
       className: `${prefixCls}-item-link`,
       type: "button",
       tabIndex: -1
-    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$r, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null));
+    }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$s, null) : /* @__PURE__ */ React.createElement(RefIcon$w, null));
     const jumpPrevIcon = (
       // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
       /* @__PURE__ */ React.createElement("a", {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$g, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$h, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$h, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$i, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -47577,9 +47577,9 @@ const Pagination2 = (props) => {
         className: `${prefixCls}-item-link`
       }, /* @__PURE__ */ React.createElement("div", {
         className: `${prefixCls}-item-container`
-      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$h, {
+      }, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$i, {
         className: `${prefixCls}-item-link-icon`
-      }) : /* @__PURE__ */ React.createElement(RefIcon$g, {
+      }) : /* @__PURE__ */ React.createElement(RefIcon$h, {
         className: `${prefixCls}-item-link-icon`
       }), ellipsis))
     );
@@ -48018,7 +48018,7 @@ const InternalSwitch = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("switch", customizePrefixCls);
   const loadingIcon = /* @__PURE__ */ React.createElement("div", {
     className: `${prefixCls}-handle`
-  }, loading && /* @__PURE__ */ React.createElement(RefIcon$w, {
+  }, loading && /* @__PURE__ */ React.createElement(RefIcon$x, {
     className: `${prefixCls}-loading-icon`
   }));
   const [wrapCSSVar, hashId, cssVarCls] = useStyle$2(prefixCls);
@@ -48359,9 +48359,9 @@ var DeleteOutlined = function DeleteOutlined2(props, ref) {
     icon: DeleteOutlined$1
   }));
 };
-var RefIcon$f = /* @__PURE__ */ React.forwardRef(DeleteOutlined);
+var RefIcon$g = /* @__PURE__ */ React.forwardRef(DeleteOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$f.displayName = "DeleteOutlined";
+  RefIcon$g.displayName = "DeleteOutlined";
 }
 var EditOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, "name": "edit", "theme": "outlined" };
 var EditOutlined = function EditOutlined2(props, ref) {
@@ -48370,9 +48370,9 @@ var EditOutlined = function EditOutlined2(props, ref) {
     icon: EditOutlined$1
   }));
 };
-var RefIcon$e = /* @__PURE__ */ React.forwardRef(EditOutlined);
+var RefIcon$f = /* @__PURE__ */ React.forwardRef(EditOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$e.displayName = "EditOutlined";
+  RefIcon$f.displayName = "EditOutlined";
 }
 var EnterOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 170h-60c-4.4 0-8 3.6-8 8v518H310v-73c0-6.7-7.8-10.5-13-6.3l-141.9 112a8 8 0 000 12.6l141.9 112c5.3 4.2 13 .4 13-6.3v-75h498c35.3 0 64-28.7 64-64V178c0-4.4-3.6-8-8-8z" } }] }, "name": "enter", "theme": "outlined" };
 var EnterOutlined = function EnterOutlined2(props, ref) {
@@ -48381,9 +48381,9 @@ var EnterOutlined = function EnterOutlined2(props, ref) {
     icon: EnterOutlined$1
   }));
 };
-var RefIcon$d = /* @__PURE__ */ React.forwardRef(EnterOutlined);
+var RefIcon$e = /* @__PURE__ */ React.forwardRef(EnterOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$d.displayName = "EnterOutlined";
+  RefIcon$e.displayName = "EnterOutlined";
 }
 const getTitleStyle = (fontSize, lineHeight, color, token2) => {
   const {
@@ -48705,7 +48705,7 @@ const Editable = (props) => {
     onCancel,
     onEnd,
     component,
-    enterIcon = /* @__PURE__ */ React.createElement(RefIcon$d, null)
+    enterIcon = /* @__PURE__ */ React.createElement(RefIcon$e, null)
   } = props;
   const ref = React.useRef(null);
   const inComposition = React.useRef(false);
@@ -49091,9 +49091,9 @@ var CopyOutlined = function CopyOutlined2(props, ref) {
     icon: CopyOutlined$1
   }));
 };
-var RefIcon$c = /* @__PURE__ */ React.forwardRef(CopyOutlined);
+var RefIcon$d = /* @__PURE__ */ React.forwardRef(CopyOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$c.displayName = "CopyOutlined";
+  RefIcon$d.displayName = "CopyOutlined";
 }
 function toList(val) {
   if (val === false) {
@@ -49154,7 +49154,7 @@ const CopyBtn = ({
     onClick: onCopy,
     "aria-label": ariaLabel,
     tabIndex
-  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$u, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : /* @__PURE__ */ React.createElement(RefIcon$c, null), true)));
+  }, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$v, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$x, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
 };
 const MeasureText = /* @__PURE__ */ React.forwardRef(({
   style: style2,
@@ -49593,7 +49593,7 @@ const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
       onClick: onEditClick,
       "aria-label": ariaLabel,
       tabIndex
-    }, icon2 || /* @__PURE__ */ React.createElement(RefIcon$e, {
+    }, icon2 || /* @__PURE__ */ React.createElement(RefIcon$f, {
       role: "button"
     }))) : null;
   };
@@ -49770,9 +49770,9 @@ var AppstoreOutlined = function AppstoreOutlined2(props, ref) {
     icon: AppstoreOutlined$1
   }));
 };
-var RefIcon$b = /* @__PURE__ */ React.forwardRef(AppstoreOutlined);
+var RefIcon$c = /* @__PURE__ */ React.forwardRef(AppstoreOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$b.displayName = "AppstoreOutlined";
+  RefIcon$c.displayName = "AppstoreOutlined";
 }
 var ArrowLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" };
 var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
@@ -49781,9 +49781,9 @@ var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
     icon: ArrowLeftOutlined$1
   }));
 };
-var RefIcon$a = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
+var RefIcon$b = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$a.displayName = "ArrowLeftOutlined";
+  RefIcon$b.displayName = "ArrowLeftOutlined";
 }
 var ArrowRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z" } }] }, "name": "arrow-right", "theme": "outlined" };
 var ArrowRightOutlined = function ArrowRightOutlined2(props, ref) {
@@ -49792,9 +49792,9 @@ var ArrowRightOutlined = function ArrowRightOutlined2(props, ref) {
     icon: ArrowRightOutlined$1
   }));
 };
-var RefIcon$9 = /* @__PURE__ */ React.forwardRef(ArrowRightOutlined);
+var RefIcon$a = /* @__PURE__ */ React.forwardRef(ArrowRightOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$9.displayName = "ArrowRightOutlined";
+  RefIcon$a.displayName = "ArrowRightOutlined";
 }
 var CodeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "code", "theme": "outlined" };
 var CodeOutlined = function CodeOutlined2(props, ref) {
@@ -49803,9 +49803,9 @@ var CodeOutlined = function CodeOutlined2(props, ref) {
     icon: CodeOutlined$1
   }));
 };
-var RefIcon$8 = /* @__PURE__ */ React.forwardRef(CodeOutlined);
+var RefIcon$9 = /* @__PURE__ */ React.forwardRef(CodeOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$8.displayName = "CodeOutlined";
+  RefIcon$9.displayName = "CodeOutlined";
 }
 var ControlOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM340 683v77c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-77c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198V264c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v221c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8s0 .1.1.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8 0 0 0 .1-.1.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7zM620 539v221c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V539c-10.1 3.3-20.8 5-32 5s-21.9-1.8-32-5zm64-198v-77c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v77c10.1-3.3 20.8-5 32-5s21.9 1.8 32 5zm-64 198c10.1 3.3 20.8 5 32 5s21.9-1.8 32-5c41.8-13.5 72-52.7 72-99s-30.2-85.5-72-99c-10.1-3.3-20.8-5-32-5s-21.9 1.8-32 5c-41.8 13.5-72 52.7-72 99s30.2 85.5 72 99zm.1-115.7c.3-.6.7-1.2 1-1.8v-.1l1.2-1.8c.1-.2.2-.3.3-.5.3-.5.7-.9 1-1.4.1-.1.2-.3.3-.4.5-.6.9-1.1 1.4-1.6l.3-.3 1.2-1.2.4-.4c.5-.5 1-.9 1.6-1.4.6-.5 1.1-.9 1.7-1.3.2-.1.3-.2.5-.3.5-.3.9-.7 1.4-1 .1-.1.3-.2.4-.3.6-.4 1.2-.7 1.9-1.1.1-.1.3-.1.4-.2.5-.3 1-.5 1.6-.8l.6-.3c.7-.3 1.3-.6 2-.8.7-.3 1.4-.5 2.1-.7.2-.1.4-.1.6-.2.6-.2 1.1-.3 1.7-.4.2 0 .3-.1.5-.1.7-.2 1.5-.3 2.2-.4.2 0 .3 0 .5-.1.6-.1 1.2-.1 1.8-.2h.6c.8 0 1.5-.1 2.3-.1s1.5 0 2.3.1h.6c.6 0 1.2.1 1.8.2.2 0 .3 0 .5.1.7.1 1.5.2 2.2.4.2 0 .3.1.5.1.6.1 1.2.3 1.7.4.2.1.4.1.6.2.7.2 1.4.4 2.1.7.7.2 1.3.5 2 .8l.6.3c.5.2 1.1.5 1.6.8.1.1.3.1.4.2.6.3 1.3.7 1.9 1.1.1.1.3.2.4.3.5.3 1 .6 1.4 1 .2.1.3.2.5.3.6.4 1.2.9 1.7 1.3s1.1.9 1.6 1.4l.4.4 1.2 1.2.3.3c.5.5 1 1.1 1.4 1.6.1.1.2.3.3.4.4.4.7.9 1 1.4.1.2.2.3.3.5l1.2 1.8v.1a36.18 36.18 0 015.1 18.5c0 6-1.5 11.7-4.1 16.7-.3.6-.7 1.2-1 1.8v.1l-1.2 1.8c-.1.2-.2.3-.3.5-.3.5-.7.9-1 1.4-.1.1-.2.3-.3.4-.5.6-.9 1.1-1.4 1.6l-.3.3-1.2 1.2-.4.4c-.5.5-1 .9-1.6 1.4-.6.5-1.1.9-1.7 1.3-.2.1-.3.2-.5.3-.5.3-.9.7-1.4 1-.1.1-.3.2-.4.3-.6.4-1.2.7-1.9 1.1-.1.1-.3.1-.4.2-.5.3-1 .5-1.6.8l-.6.3c-.7.3-1.3.6-2 .8-.7.3-1.4.5-2.1.7-.2.1-.4.1-.6.2-.6.2-1.1.3-1.7.4-.2 0-.3.1-.5.1-.7.2-1.5.3-2.2.4-.2 0-.3 0-.5.1-.6.1-1.2.1-1.8.2h-.6c-.8 0-1.5.1-2.3.1s-1.5 0-2.3-.1h-.6c-.6 0-1.2-.1-1.8-.2-.2 0-.3 0-.5-.1-.7-.1-1.5-.2-2.2-.4-.2 0-.3-.1-.5-.1-.6-.1-1.2-.3-1.7-.4-.2-.1-.4-.1-.6-.2-.7-.2-1.4-.4-2.1-.7-.7-.2-1.3-.5-2-.8l-.6-.3c-.5-.2-1.1-.5-1.6-.8-.1-.1-.3-.1-.4-.2-.6-.3-1.3-.7-1.9-1.1-.1-.1-.3-.2-.4-.3-.5-.3-1-.6-1.4-1-.2-.1-.3-.2-.5-.3-.6-.4-1.2-.9-1.7-1.3s-1.1-.9-1.6-1.4l-.4-.4-1.2-1.2-.3-.3c-.5-.5-1-1.1-1.4-1.6-.1-.1-.2-.3-.3-.4-.4-.4-.7-.9-1-1.4-.1-.2-.2-.3-.3-.5l-1.2-1.8v-.1c-.4-.6-.7-1.2-1-1.8-2.6-5-4.1-10.7-4.1-16.7s1.5-11.7 4.1-16.7z" } }] }, "name": "control", "theme": "outlined" };
 var ControlOutlined = function ControlOutlined2(props, ref) {
@@ -49814,9 +49814,20 @@ var ControlOutlined = function ControlOutlined2(props, ref) {
     icon: ControlOutlined$1
   }));
 };
-var RefIcon$7 = /* @__PURE__ */ React.forwardRef(ControlOutlined);
+var RefIcon$8 = /* @__PURE__ */ React.forwardRef(ControlOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$7.displayName = "ControlOutlined";
+  RefIcon$8.displayName = "ControlOutlined";
+}
+var DiffOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M476 399.1c0-3.9-3.1-7.1-7-7.1h-42c-3.8 0-7 3.2-7 7.1V484h-84.5c-4.1 0-7.5 3.1-7.5 7v42c0 3.8 3.4 7 7.5 7H420v84.9c0 3.9 3.2 7.1 7 7.1h42c3.9 0 7-3.2 7-7.1V540h84.5c4.1 0 7.5-3.2 7.5-7v-42c0-3.9-3.4-7-7.5-7H476v-84.9zM560.5 704h-225c-4.1 0-7.5 3.2-7.5 7v42c0 3.8 3.4 7 7.5 7h225c4.1 0 7.5-3.2 7.5-7v-42c0-3.8-3.4-7-7.5-7zm-7.1-502.6c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v704c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32V397.3c0-8.5-3.4-16.6-9.4-22.6L553.4 201.4zM664 888H232V264h282.2L664 413.8V888zm190.2-581.4L611.3 72.9c-6-5.7-13.9-8.9-22.2-8.9H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h277l219 210.6V824c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V329.6c0-8.7-3.5-17-9.8-23z" } }] }, "name": "diff", "theme": "outlined" };
+var DiffOutlined = function DiffOutlined2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$2, _extends$1({}, props, {
+    ref,
+    icon: DiffOutlined$1
+  }));
+};
+var RefIcon$7 = /* @__PURE__ */ React.forwardRef(DiffOutlined);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$7.displayName = "DiffOutlined";
 }
 var ExportOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM770.87 199.13l-52.2-52.2a8.01 8.01 0 014.7-13.6l179.4-21c5.1-.6 9.5 3.7 8.9 8.9l-21 179.4c-.8 6.6-8.9 9.4-13.6 4.7l-52.4-52.4-256.2 256.2a8.03 8.03 0 01-11.3 0l-42.4-42.4a8.03 8.03 0 010-11.3l256.1-256.3z" } }] }, "name": "export", "theme": "outlined" };
 var ExportOutlined = function ExportOutlined2(props, ref) {
@@ -60101,7 +60112,7 @@ const Text$2 = ({
           color: "green",
           size: "middle",
           danger: !isValidTextValue,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
         }
       )
     ] }),
@@ -67653,7 +67664,12 @@ const useStateStore = () => {
   const scopedStore = useContext(StateStoreContext);
   return useStore(scopedStore ?? defaultStore);
 };
-const EntityId = ({ entity, onUpdate }) => {
+const AiEditedFieldBadge = ({
+  className = "",
+  title = "Edited by AI",
+  ariaLabel = "Edited by AI"
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `describo-ai-edited-icon ${className}`, "aria-label": ariaLabel, children: "✦" }) });
+const EntityId = ({ entity, onUpdate, aiEdited = false }) => {
   var _a2;
   const state = useStateStore();
   const handleSave = async (data) => {
@@ -67667,7 +67683,10 @@ const EntityId = ({ entity, onUpdate }) => {
     return entity["@id"] === "./" || types2.some((type4) => ["Dataset", "File"].includes(type4));
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col describo-property-name", children: "@id" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 describo-property-name describo-property-name-with-ai", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "@id" }),
+      aiEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(AiEditedFieldBadge, {})
+    ] }),
     !((_a2 = state.configuration) == null ? void 0 : _a2.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-2/3 xl:w-4/5 flex flex-row describo-property-value", children: [
       isURL(entity["@id"]) && /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$1,
@@ -67693,7 +67712,7 @@ const EntityId = ({ entity, onUpdate }) => {
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: entity["@id"] }) })
   ] });
 };
-const EntityType = ({ entity, onUpdateEntity }) => {
+const EntityType = ({ entity, onUpdateEntity, aiEdited = false }) => {
   var _a2;
   const [selectedClass, setSelectedClass] = useState(void 0);
   const profileManager = useContext(ProfileManagerContext);
@@ -67728,7 +67747,10 @@ const EntityType = ({ entity, onUpdateEntity }) => {
     setSelectedClass("");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "flex-row", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col describo-property-name", children: "@type" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 describo-property-name describo-property-name-with-ai", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "@type" }),
+      aiEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(AiEditedFieldBadge, {})
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "w-2/3 xl:w-4/5 flex-row flex-wrap", children: [
       types2.map((etype) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Tag$1,
@@ -67761,27 +67783,129 @@ const EntityType = ({ entity, onUpdateEntity }) => {
     ] })
   ] });
 };
-const EntityName = ({ entity, onUpdate, showHelp = true }) => {
+const valueIsEmpty = (value) => {
+  if (value === void 0 || value === null) return true;
+  if (typeof value === "string") return value.trim().length === 0;
+  if (Array.isArray(value)) return value.length === 0;
+  return false;
+};
+const formatValue = (value) => {
+  if (valueIsEmpty(value)) return "empty";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+const AiFieldDiffView = ({
+  previousValue,
+  currentValue,
+  operation
+}) => {
+  const isDelete = operation === "delete";
+  const removedValue = formatValue(previousValue);
+  const addedValue = isDelete ? "empty" : formatValue(currentValue);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-field-diff", "aria-label": "AI field diff", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-field-diff-head", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isDelete ? "Proposed deletion" : "Proposed change" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-field-diff-chip", children: "AI edit" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-field-diff-line describo-ai-field-diff-line-removed", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-field-diff-marker", children: "-" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: `describo-ai-field-diff-value ${valueIsEmpty(previousValue) ? "describo-ai-field-diff-empty" : ""}`, children: removedValue })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-field-diff-line describo-ai-field-diff-line-added", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-field-diff-marker", children: "+" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: `describo-ai-field-diff-value ${valueIsEmpty(isDelete ? void 0 : currentValue) ? "describo-ai-field-diff-empty" : ""}`, children: addedValue })
+    ] })
+  ] });
+};
+const EntityName = ({
+  entity,
+  onUpdate,
+  showHelp = true,
+  aiEdited = false,
+  aiReview
+}) => {
   var _a2;
   const [t2, i18n] = useTranslation();
   const state = useStateStore();
+  const [showAiDiff, setShowAiDiff] = useState(false);
+  const showAiReview = Boolean(aiReview);
+  const isAiDelete = (aiReview == null ? void 0 : aiReview.operation) === "delete";
   const handleSave = async (data) => {
     onUpdate(data);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-property-name", children: t2("name_field_label") }),
-      showHelp && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 font-light text-xs pr-1 describo-property-help", children: t2("name_field_help") })
-    ] }),
-    !((_a2 = state.configuration) == null ? void 0 : _a2.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Text$2,
-      {
-        property: "name",
-        value: entity.name,
-        onSaveProperty: handleSave
-      }
-    ) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-row", children: entity.name })
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: `flex flex-row ${showAiReview ? `${showHelp ? "p-2" : "px-2 py-1 describo-property-compact"} describo-ai-review ${isAiDelete ? "describo-ai-delete" : "describo-ai-suggestion"}` : ""} describo-property describo-property-name-name`,
+      children: [
+        showAiReview && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-suggestion-badge", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-suggestion-badge-icon", children: "✦" }),
+          isAiDelete ? "AI delete" : "AI suggestion"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-property-name describo-property-name-with-ai", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("name_field_label") }),
+            aiEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(AiEditedFieldBadge, {})
+          ] }),
+          showHelp && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 font-light text-xs pr-1 describo-property-help", children: t2("name_field_help") })
+        ] }),
+        !((_a2 = state.configuration) == null ? void 0 : _a2.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-row gap-2 ${showAiReview ? "describo-ai-field-row" : ""}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex-grow min-w-0 ${showAiReview ? "describo-ai-field-control" : ""}`, children: showAiDiff && (aiReview == null ? void 0 : aiReview.previousValueDiffers) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            AiFieldDiffView,
+            {
+              previousValue: aiReview == null ? void 0 : aiReview.previousValue,
+              currentValue: entity.name,
+              operation: aiReview == null ? void 0 : aiReview.operation
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Text$2,
+            {
+              property: "name",
+              value: entity.name,
+              onSaveProperty: handleSave
+            }
+          ) }),
+          showAiReview && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-actions", children: [
+            (aiReview == null ? void 0 : aiReview.previousValueDiffers) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiDiff ? "Hide diff" : "Show diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "middle",
+                className: "describo-ai-action-diff",
+                icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+                "aria-label": showAiDiff ? "Hide AI diff" : "Show AI diff",
+                "aria-pressed": showAiDiff,
+                onClick: () => setShowAiDiff((visible) => !visible)
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isAiDelete ? "Approve this AI deletion" : "Approve this AI-suggested value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "middle",
+                className: "describo-ai-action-approve",
+                onClick: aiReview == null ? void 0 : aiReview.onApprove,
+                children: isAiDelete ? "Delete" : "Accept"
+              }
+            ) }),
+            (aiReview == null ? void 0 : aiReview.previousValueDiffers) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore the previous value and mark this suggestion reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "middle",
+                className: "describo-ai-action-reject",
+                onClick: aiReview == null ? void 0 : aiReview.onReject,
+                children: isAiDelete ? "Restore" : "Reject"
+              }
+            ) })
+          ] })
+        ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/3 xl:w-4/5 flex flex-row", children: entity.name })
+      ]
+    }
+  );
 };
 const PropertyHelp = ({ help }) => {
   const [showMore, setShowMore] = useState(false);
@@ -68067,7 +68191,7 @@ const NumberComponent = ({
           color: "green",
           size: "middle",
           disabled: !isValidNumber || !isValidConstraints,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
         }
       )
     ] }),
@@ -68093,6 +68217,7 @@ const SelectComponent = ({
   const [internalValue, setInternalValue] = useState(value === "" ? void 0 : value);
   const [hasValidValues, setHasValidValues] = useState(false);
   useEffect(() => {
+    setInternalValue(value === "" ? void 0 : value);
     setHasValidValues(verifySelectValuesAreStrings(definition.values));
   }, [value]);
   useEffect(() => {
@@ -68205,7 +68330,7 @@ const Url = ({
           color: "green",
           size: "middle",
           danger: !isValidUrl,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, {})
         }
       )
     ] }),
@@ -68453,98 +68578,6 @@ const EntityPropertyInstance = ({
     }
   );
 };
-/*!
- * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-const faJs = {
-  prefix: "fab",
-  iconName: "js",
-  icon: [448, 512, [], "f3b8", "M0 32v448h448V32H0zm243.8 349.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z"]
-};
-const typeIcons = {
-  Book: faBookOpen,
-  ContactPoint: faAddressCard,
-  ComputerLanguage: faJs,
-  CreateAction: faPlus,
-  CreativeWork: faImage,
-  Country: faFlag,
-  Dataset: faFolder,
-  DataDownload: faDownload,
-  DerivedMaterial: faDownload,
-  File: faFile,
-  GeoCoordinates: faMapMarkerAlt,
-  GeoShape: faMapMarkerAlt,
-  IndividualProduct: faBarcode,
-  Language: faSignLanguage,
-  Organization: faUniversity,
-  Organisation: faUniversity,
-  Person: faUser,
-  Place: faGlobe,
-  PropertyValue: faParagraph,
-  Publication: faNewspaper,
-  RepositoryCollection: faCubes,
-  RepositoryObject: faCube,
-  ScholarlyArticle: faScroll,
-  Script: faCode,
-  SoftwareApplication: faCode,
-  URL: faLink,
-  Workflow: faProjectDiagram,
-  WorkflowSketch: faProjectDiagram
-};
-const RenderTypes = ({ types: types2 }) => {
-  const profileManager = useContext(ProfileManagerContext);
-  const getTypeLabelFromProfile = (type4) => {
-    return (profileManager == null ? void 0 : profileManager.getTypeLabel(type4)) || type4;
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row space-x-1", children: types2.map((etype, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Tag$1,
-    {
-      className: "text-gray-800 font-light flex flex-row items-center space-x-1",
-      style: {
-        backgroundColor: "#f0f0f0",
-        borderRadius: "16px",
-        padding: "0 12px",
-        height: "32px",
-        display: "flex",
-        alignItems: "center",
-        margin: "4px"
-      },
-      children: [
-        typeIcons[etype] && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FontAwesomeIcon,
-          {
-            icon: typeIcons[etype],
-            fixedWidth: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: getTypeLabelFromProfile(etype) })
-      ]
-    },
-    idx
-  )) });
-};
-const ItemLink = ({ entity, onLoadEntity, className }) => {
-  const handleLoadEntity = () => {
-    onLoadEntity({ id: entity["@id"] });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex min-w-0 w-full flex-col ${className || ""}`, onClick: handleLoadEntity, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Typography.Text,
-      {
-        type: "secondary",
-        style: { fontSize: "0.75rem" },
-        className: "pb-1 mb-1 border-b border-black/20",
-        children: decodeURIComponent(entity["@id"])
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 items-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base flex flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderTypes, { types: entity["@type"] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { strong: true, children: entity.name })
-    ] })
-  ] });
-};
 const UnlinkEntity = ({ entity, onUnlinkEntity }) => {
   const handleUnlink = () => {
     onUnlinkEntity({ entity: { "@id": entity["@id"] } });
@@ -79784,18 +79817,563 @@ const Map$1 = ({ entity, crateManager }) => {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: mapId, className: "w-[600px] h-[520px] describo-property-type-map", ref: mapRef });
 };
+const formatEntityDiffValue = (value) => {
+  if (value === void 0 || value === null) return "empty";
+  if (Array.isArray(value)) return value.map(formatEntityDiffValue).join(", ");
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (typeof (value == null ? void 0 : value["@id"]) === "string") return value["@id"];
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+};
+const AiEntityDiffView = ({
+  entityId,
+  rows,
+  operation = "edit",
+  readonly = false,
+  onClose,
+  onAccept,
+  onReject
+}) => {
+  const isDelete = operation === "delete";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `describo-ai-entity-diff-card ${isDelete ? "describo-ai-entity-diff-card-delete" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-entity-diff-head", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isDelete ? `AI deleted entity: ${entityId}` : `AI edited entity: ${entityId}` }),
+      onClose && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Hide entity diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          type: "text",
+          size: "small",
+          className: "describo-ai-entity-diff-close",
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
+          "aria-label": "Hide AI entity diff",
+          onClick: (event) => {
+            event.stopPropagation();
+            onClose();
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-entity-diff-body", children: rows.map((row, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `describo-ai-entity-diff-line describo-ai-entity-diff-line-${row.kind}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-entity-diff-marker", children: row.kind === "removed" ? "-" : row.kind === "added" ? "+" : "" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-entity-diff-key", children: row.label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-entity-diff-value", children: formatEntityDiffValue(row.value) })
+        ]
+      },
+      `${row.kind}-${row.propertyName}-${index2}`
+    )) }),
+    !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-entity-diff-actions", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isDelete ? "Approve this AI deletion" : "Accept every AI edit for this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          size: "middle",
+          className: "describo-ai-entity-diff-button",
+          onClick: (event) => {
+            event.stopPropagation();
+            onAccept == null ? void 0 : onAccept();
+          },
+          children: isDelete ? "Delete entity" : "Accept edit"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isDelete ? "Restore this entity and mark the deletion reviewed" : "Restore previous values for this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          size: "middle",
+          className: "describo-ai-entity-diff-button describo-ai-entity-diff-button-reject",
+          onClick: (event) => {
+            event.stopPropagation();
+            onReject == null ? void 0 : onReject();
+          },
+          children: isDelete ? "Keep entity" : "Reject edit"
+        }
+      ) })
+    ] })
+  ] });
+};
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+const faJs = {
+  prefix: "fab",
+  iconName: "js",
+  icon: [448, 512, [], "f3b8", "M0 32v448h448V32H0zm243.8 349.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z"]
+};
+const typeIcons = {
+  Book: faBookOpen,
+  ContactPoint: faAddressCard,
+  ComputerLanguage: faJs,
+  CreateAction: faPlus,
+  CreativeWork: faImage,
+  Country: faFlag,
+  Dataset: faFolder,
+  DataDownload: faDownload,
+  DerivedMaterial: faDownload,
+  File: faFile,
+  GeoCoordinates: faMapMarkerAlt,
+  GeoShape: faMapMarkerAlt,
+  IndividualProduct: faBarcode,
+  Language: faSignLanguage,
+  Organization: faUniversity,
+  Organisation: faUniversity,
+  Person: faUser,
+  Place: faGlobe,
+  PropertyValue: faParagraph,
+  Publication: faNewspaper,
+  RepositoryCollection: faCubes,
+  RepositoryObject: faCube,
+  ScholarlyArticle: faScroll,
+  Script: faCode,
+  SoftwareApplication: faCode,
+  URL: faLink,
+  Workflow: faProjectDiagram,
+  WorkflowSketch: faProjectDiagram
+};
+const RenderTypes = ({ types: types2 }) => {
+  const profileManager = useContext(ProfileManagerContext);
+  const getTypeLabelFromProfile = (type4) => {
+    return (profileManager == null ? void 0 : profileManager.getTypeLabel(type4)) || type4;
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row space-x-1", children: types2.map((etype, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Tag$1,
+    {
+      className: "text-gray-800 font-light flex flex-row items-center space-x-1",
+      style: {
+        backgroundColor: "#f0f0f0",
+        borderRadius: "16px",
+        padding: "0 12px",
+        height: "32px",
+        display: "flex",
+        alignItems: "center",
+        margin: "4px"
+      },
+      children: [
+        typeIcons[etype] && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FontAwesomeIcon,
+          {
+            icon: typeIcons[etype],
+            fixedWidth: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: getTypeLabelFromProfile(etype) })
+      ]
+    },
+    idx
+  )) });
+};
+const LinkedEntityCardHeader = ({ entity }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 w-full flex-col", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Typography.Text,
+    {
+      type: "secondary",
+      style: { fontSize: "0.75rem" },
+      className: "pb-1 mb-1 border-b border-black/20",
+      children: decodeURIComponent(entity["@id"])
+    }
+  ),
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 items-center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base flex flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderTypes, { types: entity["@type"] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { strong: true, children: entity.name })
+  ] })
+] });
+const DeletedLinkedEntityCard = ({
+  entity,
+  displayEntity,
+  fieldCount,
+  fields,
+  readonly,
+  onLoadEntity,
+  onAcceptDelete,
+  onRestore
+}) => {
+  const [showDeletedFields, setShowDeletedFields] = useState(false);
+  const deletedDiffRows = fields.map((field) => ({
+    kind: "removed",
+    propertyName: field.propertyName,
+    label: field.label,
+    value: field.previousValue
+  }));
+  if (showDeletedFields) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AiEntityDiffView,
+      {
+        entityId: entity["@id"],
+        rows: deletedDiffRows,
+        operation: "delete",
+        readonly,
+        onClose: () => setShowDeletedFields(false),
+        onAccept: () => onAcceptDelete == null ? void 0 : onAcceptDelete(entity),
+        onReject: () => onRestore == null ? void 0 : onRestore(entity)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Card,
+    {
+      className: "describo-ai-entity-delete-card describo-ai-entity-reviewed-card",
+      style: {
+        backgroundColor: "#fef2f2",
+        cursor: "pointer",
+        transition: "background-color 0.2s",
+        borderLeft: "3px solid #ef4444"
+      },
+      styles: { body: { padding: "22px 12px 8px" } },
+      hoverable: true,
+      onClick: () => onLoadEntity({ id: entity["@id"] }),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-suggestion-badge describo-ai-entity-status-badge", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-suggestion-badge-icon", children: "✦" }),
+          "AI delete"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LinkedEntityCardHeader, { entity: displayEntity }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-deleted-entity-controls", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-deleted-entity-summary", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              fieldCount,
+              " fields can be restored."
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showDeletedFields ? "Hide deleted fields" : "Show deleted fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "small",
+                className: "describo-ai-entity-delete-details-toggle",
+                icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+                "aria-label": showDeletedFields ? "Hide deleted AI fields" : "Show deleted AI fields",
+                "aria-pressed": showDeletedFields,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  setShowDeletedFields((visible) => !visible);
+                }
+              }
+            ) })
+          ] }),
+          !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-actions", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Approve this AI deletion", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "small",
+                className: "describo-ai-action-approve",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onAcceptDelete == null ? void 0 : onAcceptDelete(entity);
+                },
+                children: "Delete"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore this entity and mark the deletion reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                size: "small",
+                className: "describo-ai-action-reject",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onRestore == null ? void 0 : onRestore(entity);
+                },
+                children: "Restore"
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+const LinkedEntityAssociations = ({
+  associations,
+  onLoadEntity
+}) => {
+  if (!associations.length) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "mt-2 flex-col space-y-2 border-l-2 pl-1 border-solid border-slate-700", children: associations.map((association) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Flex,
+    {
+      onClick: () => onLoadEntity({ id: association["@id"] }),
+      className: "cursor-pointer",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "flex-row text-base border-solid border-black", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "bg-slate-700 w-3 h-3 rounded-lg -4 mt-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "bg-slate-700 w-6 h-1 mt-5 -mx-1" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "bg-purple-200 hover:bg-cyan-200 flex flex-row p-2 rounded space-x-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.property }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.name || association["@id"] }) })
+        ] })
+      ] })
+    },
+    association["@id"]
+  )) });
+};
+const AiEntityReviewSummary = ({
+  fieldCount,
+  onReview,
+  onDiff
+}) => {
+  if (fieldCount <= 0) return null;
+  const fieldLabel = fieldCount === 1 ? "field" : "fields";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-entity-review-summary", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-entity-review-meta", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "describo-ai-entity-review-count", children: [
+        fieldCount,
+        " ",
+        fieldLabel,
+        " to review"
+      ] }),
+      onDiff && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Show entity diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          className: "describo-ai-entity-diff-toggle",
+          size: "small",
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+          "aria-label": "Show AI entity diff",
+          onClick: (event) => {
+            event.stopPropagation();
+            onDiff();
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        className: "describo-ai-entity-review-button",
+        size: "small",
+        onClick: (event) => {
+          event.stopPropagation();
+          onReview();
+        },
+        children: "Review entity"
+      }
+    )
+  ] });
+};
+const LinkedEntityCard = ({
+  entity,
+  displayEntity,
+  hasPendingAiReview,
+  hasAiTouchedEntity,
+  pendingAiReviewFieldCount,
+  readonly,
+  onLoadEntity,
+  onUnlinkEntity,
+  onShowEntityDiff
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  Card,
+  {
+    className: `${hasPendingAiReview ? "describo-ai-entity-review-card" : ""} ${hasAiTouchedEntity ? "describo-ai-entity-reviewed-card" : ""}`,
+    style: {
+      backgroundColor: hasPendingAiReview ? "#e6f8ef" : "#e6f0ff",
+      cursor: "pointer",
+      transition: "background-color 0.2s",
+      borderLeft: hasPendingAiReview ? "3px solid #38c88a" : "3px solid #409eff"
+    },
+    styles: { body: { padding: hasPendingAiReview ? "22px 12px 8px" : "8px 12px" } },
+    hoverable: true,
+    onClick: () => onLoadEntity({ id: entity["@id"] }),
+    children: [
+      hasPendingAiReview && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-suggestion-badge describo-ai-entity-status-badge", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-suggestion-badge-icon", children: "✦" }),
+        "AI suggestion"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", align: "middle", gap: 8, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LinkedEntityCardHeader, { entity: displayEntity }),
+        !readonly && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkEntity, { entity, onUnlinkEntity }) })
+      ] }),
+      hasAiTouchedEntity && !hasPendingAiReview && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AiEditedFieldBadge,
+        {
+          className: "describo-ai-entity-edited-badge",
+          title: "Entity was added by AI",
+          ariaLabel: "Entity was added by AI"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AiEntityReviewSummary,
+        {
+          fieldCount: hasPendingAiReview ? pendingAiReviewFieldCount : 0,
+          onReview: () => onLoadEntity({ id: entity["@id"] }),
+          onDiff: hasPendingAiReview ? onShowEntityDiff : void 0
+        }
+      )
+    ]
+  }
+);
+const approvalIsApproved = (approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.approved) === true || (approvalRecord == null ? void 0 : approvalRecord.approved) === "true";
+const getApprovalEntities = (approvalData) => {
+  if (!approvalData) return [];
+  if (Array.isArray(approvalData)) return approvalData;
+  if (Array.isArray(approvalData.items)) return approvalData.items;
+  if (Array.isArray(approvalData.approval)) return [approvalData];
+  return [];
+};
+const hasUrlScheme = (id2) => /^[a-z][a-z0-9+.-]*:\/\//i.test(id2);
+const stripLocalEntityIdPrefix = (id2) => {
+  if (id2.startsWith("file://./")) return id2.slice("file://./".length);
+  if (id2.startsWith("./")) return id2.slice("./".length);
+  if (id2.startsWith("/")) return id2.slice(1);
+  return id2;
+};
+const getEntityIdAliases = (id2) => {
+  if (!id2) return [];
+  const aliases = /* @__PURE__ */ new Set([id2]);
+  const decodedId = decodeURI(id2);
+  aliases.add(decodedId);
+  const isLocalFileUrl = decodedId.startsWith("file://./");
+  const isLocalPath = !hasUrlScheme(decodedId) || isLocalFileUrl;
+  if (decodedId !== "./" && isLocalPath) {
+    const localPath = stripLocalEntityIdPrefix(decodedId);
+    if (localPath) {
+      aliases.add(localPath);
+      aliases.add(`./${localPath}`);
+      aliases.add(`file://./${localPath}`);
+    }
+  }
+  return Array.from(aliases);
+};
+const entityIdsMatch = (left, right) => {
+  if (!left || !right) return false;
+  const rightAliases = new Set(getEntityIdAliases(right));
+  return getEntityIdAliases(left).some((alias) => rightAliases.has(alias));
+};
+const isPendingEntityDeleteApproval = (entityApproval) => {
+  const approvalRecords = entityApproval == null ? void 0 : entityApproval.approval;
+  if (!Array.isArray(approvalRecords) || approvalRecords.length === 0) return false;
+  return approvalRecords.every((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.operation) === "delete") && approvalRecords.some((approvalRecord) => !approvalIsApproved(approvalRecord));
+};
+const getDeletedEntityFromApproval = (entityApproval) => {
+  if (!(entityApproval == null ? void 0 : entityApproval["@id"]) || !isPendingEntityDeleteApproval(entityApproval)) return void 0;
+  const deletedEntity = entityApproval.approval.reduce((entity, approvalRecord) => {
+    const propertyName2 = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+    if (!propertyName2 || (approvalRecord == null ? void 0 : approvalRecord.operation) !== "delete") return entity;
+    if (!propertyValueHasContent(approvalRecord.previousValue)) return entity;
+    if (propertyName2 === "@id") {
+      entity["@id"] = approvalRecord.previousValue;
+    } else if (propertyName2 === "@type") {
+      entity["@type"] = [].concat(approvalRecord.previousValue);
+    } else {
+      entity[propertyName2] = approvalRecord.previousValue;
+    }
+    return entity;
+  }, {
+    "@id": entityApproval["@id"],
+    "@type": ["Thing"],
+    name: entityApproval["@id"],
+    __aiDeletedEntity: true
+  });
+  if (!propertyValueHasContent(deletedEntity.name)) {
+    deletedEntity.name = deletedEntity["@id"];
+  }
+  return deletedEntity;
+};
+const getPendingDeletedEntitiesForReverseProperty = (approvalData, sourceEntityId, property) => {
+  if (!sourceEntityId || !property) return [];
+  return getApprovalEntities(approvalData).map(getDeletedEntityFromApproval).filter(Boolean).filter((deletedEntity) => {
+    var _a2;
+    const reverseValue = (_a2 = deletedEntity == null ? void 0 : deletedEntity["@reverse"]) == null ? void 0 : _a2[property];
+    if (!reverseValue) return false;
+    return [].concat(reverseValue).some((sourceRef) => entityIdsMatch(sourceRef == null ? void 0 : sourceRef["@id"], sourceEntityId));
+  });
+};
+const getDeletedEntityReviewTarget = (entityApproval) => {
+  const deletedEntity = getDeletedEntityFromApproval(entityApproval);
+  const reverse = deletedEntity == null ? void 0 : deletedEntity["@reverse"];
+  if (!reverse || typeof reverse !== "object") return void 0;
+  for (const [property, sourceRefs] of Object.entries(reverse)) {
+    const sourceRef = [].concat(sourceRefs).find((ref) => typeof (ref == null ? void 0 : ref["@id"]) === "string" && ref["@id"].length > 0);
+    if (sourceRef == null ? void 0 : sourceRef["@id"]) {
+      return {
+        entityId: sourceRef["@id"],
+        property
+      };
+    }
+  }
+  return void 0;
+};
+const getPendingDeletedEntityReversePropertiesForSource = (approvalData, sourceEntityId) => {
+  if (!sourceEntityId) return [];
+  return Array.from(new Set(
+    getApprovalEntities(approvalData).map(getDeletedEntityFromApproval).filter(Boolean).flatMap((deletedEntity) => Object.entries((deletedEntity == null ? void 0 : deletedEntity["@reverse"]) ?? {}).filter(([, sourceRefs]) => [].concat(sourceRefs).some((sourceRef) => entityIdsMatch(sourceRef == null ? void 0 : sourceRef["@id"], sourceEntityId))).map(([property]) => property))
+  ));
+};
+const getEntityApproval = (approvalData, entityId) => {
+  if (!entityId) return void 0;
+  return getApprovalEntities(approvalData).find((item) => entityIdsMatch(item == null ? void 0 : item["@id"], entityId));
+};
+const getEntityApprovalRecords = (approvalData, entityId, property) => {
+  if (!entityId || !property) return [];
+  const entityApproval = getEntityApproval(approvalData, entityId);
+  if (!Array.isArray(entityApproval == null ? void 0 : entityApproval.approval)) return [];
+  return entityApproval.approval.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === property);
+};
+const getPendingEntityApprovalRecords = (approvalData, entityId) => {
+  const entityApproval = getEntityApproval(approvalData, entityId);
+  if (!Array.isArray(entityApproval == null ? void 0 : entityApproval.approval)) return [];
+  const approvedPropertyNames = new Set(
+    entityApproval.approval.filter(approvalIsApproved).map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((propertyName2) => typeof propertyName2 === "string" && propertyName2.length > 0)
+  );
+  return entityApproval.approval.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) && !approvalIsApproved(approvalRecord) && !approvedPropertyNames.has(approvalRecord.propertyName));
+};
+const getPendingEntityApprovalFieldCount = (approvalData, entityId) => new Set(
+  getPendingEntityApprovalRecords(approvalData, entityId).map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((propertyName2) => typeof propertyName2 === "string" && propertyName2.length > 0)
+).size;
+const getPendingApprovalEntities = (approvalData) => getApprovalEntities(approvalData).filter((entityApproval) => getPendingEntityApprovalRecords(approvalData, entityApproval == null ? void 0 : entityApproval["@id"]).length > 0);
+const getPendingApprovalFieldCount = (approvalData, excludedEntityId) => getPendingApprovalEntities(approvalData).reduce((count, entityApproval) => {
+  const entityId = entityApproval == null ? void 0 : entityApproval["@id"];
+  if (excludedEntityId && entityIdsMatch(entityId, excludedEntityId)) return count;
+  return count + getPendingEntityApprovalFieldCount(approvalData, entityId);
+}, 0);
+const getApprovedEntityApprovalRecords = (approvalData, entityId) => {
+  const entityApproval = getEntityApproval(approvalData, entityId);
+  if (!Array.isArray(entityApproval == null ? void 0 : entityApproval.approval)) return [];
+  return entityApproval.approval.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) && approvalIsApproved(approvalRecord));
+};
+const getApprovedEntityApprovalFieldCount = (approvalData, entityId) => new Set(
+  getApprovedEntityApprovalRecords(approvalData, entityId).map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((propertyName2) => typeof propertyName2 === "string" && propertyName2.length > 0)
+).size;
+const normaliseComparableValue = (value) => {
+  if (Array.isArray(value)) {
+    return value.map(normaliseComparableValue);
+  }
+  if (lodashExports.isPlainObject(value)) {
+    return Object.keys(value).sort().reduce((acc, key) => {
+      acc[key] = normaliseComparableValue(value[key]);
+      return acc;
+    }, {});
+  }
+  return value;
+};
+const valuesAreEqual = (left, right) => JSON.stringify(normaliseComparableValue(left)) === JSON.stringify(normaliseComparableValue(right));
+const propertyValueHasContent = (value) => {
+  if (Array.isArray(value)) {
+    return value.some(propertyValueHasContent);
+  }
+  return value !== void 0 && value !== null;
+};
+const entityHasPropertyValue = (entity, property) => Object.prototype.hasOwnProperty.call(entity ?? {}, property) && propertyValueHasContent(entity == null ? void 0 : entity[property]);
 const RenderLinkedItem = ({
   entity,
   property,
   readonly,
   onLoadEntity,
-  onUnlinkEntity
+  onUnlinkEntity,
+  onAcceptAiEntityDelete,
+  onRestoreAiDeletedEntity,
+  onAcceptAiEntityEdit,
+  onRejectAiEntityEdit
 }) => {
-  var _a2, _b;
+  var _a2, _b, _c, _d;
   const state = useStateStore();
   const crateManager = useContext(CrateManagerContext);
   const profileManager = useContext(ProfileManagerContext);
+  const approvalContext = useContext(RoCrateApprovalContext);
   const [associations, setAssociations] = useState([]);
+  const [showAiEntityDiff, setShowAiEntityDiff] = useState(false);
   const effectiveEntity = useMemo$1(() => {
     const hasTypes = Boolean(entity == null ? void 0 : entity["@type"]);
     const hasName = Boolean(entity == null ? void 0 : entity.name);
@@ -79875,6 +80453,90 @@ const RenderLinkedItem = ({
       name: (effectiveEntity == null ? void 0 : effectiveEntity.name) || entity["@id"]
     };
   }, [effectiveEntity, entity]);
+  const pendingAiReviewFieldCount = useMemo$1(() => getPendingEntityApprovalFieldCount(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"]), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity]);
+  const isPendingAiEntityDelete = useMemo$1(() => Boolean((entity == null ? void 0 : entity.__aiDeletedEntity) && isPendingEntityDeleteApproval(
+    getEntityApproval(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"])
+  )), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity]);
+  const visiblePendingAiReviewFieldCount = useMemo$1(() => {
+    if (!isPendingAiEntityDelete) return pendingAiReviewFieldCount;
+    return getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"]).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse").length;
+  }, [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity, isPendingAiEntityDelete, pendingAiReviewFieldCount]);
+  const deletedEntityFieldRows = useMemo$1(() => {
+    if (!isPendingAiEntityDelete) return [];
+    return getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"]).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.operation) === "delete" && (approvalRecord == null ? void 0 : approvalRecord.propertyName) && approvalRecord.propertyName !== "@reverse");
+  }, [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity, isPendingAiEntityDelete]);
+  const getDeletedFieldLabel = (fieldName) => {
+    var _a3, _b2;
+    if (fieldName === "name") return "Name";
+    if (fieldName === "@type") return "@type";
+    return ((_b2 = (_a3 = profileManager == null ? void 0 : profileManager.getPropertyDefinition({
+      property: fieldName,
+      entity: effectiveEntity
+    })) == null ? void 0 : _a3.propertyDefinition) == null ? void 0 : _b2.label) || fieldName;
+  };
+  const deletedEntityFields = useMemo$1(() => deletedEntityFieldRows.map((approvalRecord) => ({
+    label: getDeletedFieldLabel(approvalRecord.propertyName),
+    propertyName: approvalRecord.propertyName,
+    previousValue: approvalRecord.previousValue
+  })), [deletedEntityFieldRows, effectiveEntity, profileManager]);
+  const reviewedAiEditFieldCount = useMemo$1(() => getApprovedEntityApprovalFieldCount(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"]), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity]);
+  const hasReviewedAiEdits = reviewedAiEditFieldCount > 0;
+  const hasPendingAiReview = pendingAiReviewFieldCount > 0 && !hasReviewedAiEdits;
+  const hasAiTouchedEntity = hasPendingAiReview || hasReviewedAiEdits;
+  const getEntityDiffLabel = (fieldName) => {
+    var _a3, _b2;
+    if (fieldName === "@id") return "@id";
+    if (fieldName === "@type") return "type";
+    if (fieldName === "name") return "name";
+    return ((_b2 = (_a3 = profileManager == null ? void 0 : profileManager.getPropertyDefinition({
+      property: fieldName,
+      entity: effectiveEntity
+    })) == null ? void 0 : _a3.propertyDefinition) == null ? void 0 : _b2.label) || fieldName;
+  };
+  const pendingAiEntityDiffRecords = useMemo$1(() => getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity["@id"]).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse"), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity]);
+  const aiEntityDiffRows = useMemo$1(() => {
+    const contextRows = [
+      {
+        kind: "context",
+        propertyName: "@id",
+        label: "@id",
+        value: entity["@id"]
+      }
+    ];
+    if (effectiveEntity == null ? void 0 : effectiveEntity["@type"]) {
+      contextRows.push({
+        kind: "context",
+        propertyName: "@type",
+        label: "type",
+        value: effectiveEntity["@type"]
+      });
+    }
+    const changedRows = pendingAiEntityDiffRecords.flatMap((approvalRecord) => {
+      const propertyName2 = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+      if (!propertyName2) return [];
+      const label = getEntityDiffLabel(propertyName2);
+      const currentValue = propertyName2 === "@id" ? entity["@id"] : effectiveEntity == null ? void 0 : effectiveEntity[propertyName2];
+      const rows = [];
+      if ((approvalRecord == null ? void 0 : approvalRecord.operation) !== "add") {
+        rows.push({
+          kind: "removed",
+          propertyName: propertyName2,
+          label,
+          value: approvalRecord == null ? void 0 : approvalRecord.previousValue
+        });
+      }
+      if ((approvalRecord == null ? void 0 : approvalRecord.operation) !== "delete") {
+        rows.push({
+          kind: "added",
+          propertyName: propertyName2,
+          label,
+          value: currentValue
+        });
+      }
+      return rows;
+    });
+    return [...contextRows, ...changedRows];
+  }, [effectiveEntity, entity, pendingAiEntityDiffRecords, profileManager]);
   if (showMap) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "describo-render-item-link py-1 rounded bg-blue-200 hover:text-black hover:bg-blue-300 hover:rounded-r-none", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { vertical: true, className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "p-2", children: [
@@ -79892,47 +80554,49 @@ const RenderLinkedItem = ({
       className: "h-full min-w-0 flex-1",
       style: { margin: (associations == null ? void 0 : associations.length) ? 8 : 0 },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Card,
+        showAiEntityDiff && hasPendingAiReview ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AiEntityDiffView,
           {
-            className: "h-full",
-            style: {
-              backgroundColor: "#e6f0ff",
-              cursor: "pointer",
-              transition: "background-color 0.2s",
-              borderLeft: "3px solid #409eff"
-            },
-            styles: { body: { padding: "8px 12px" } },
-            hoverable: true,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "space-between", align: "middle", gap: 8, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ItemLink,
-                {
-                  entity: linkDisplayEntity,
-                  onLoadEntity: handleLoadEntity
-                }
-              ),
-              !((_b = state.configuration) == null ? void 0 : _b.readonly) && !readonly && /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkEntity, { entity, onUnlinkEntity: handleUnlinkEntity })
-            ] })
+            entityId: entity["@id"],
+            rows: aiEntityDiffRows,
+            readonly: Boolean(((_b = state.configuration) == null ? void 0 : _b.readonly) || readonly),
+            onClose: () => setShowAiEntityDiff(false),
+            onAccept: () => onAcceptAiEntityEdit == null ? void 0 : onAcceptAiEntityEdit(effectiveEntity),
+            onReject: () => onRejectAiEntityEdit == null ? void 0 : onRejectAiEntityEdit(effectiveEntity)
+          }
+        ) : isPendingAiEntityDelete ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DeletedLinkedEntityCard,
+          {
+            entity,
+            displayEntity: linkDisplayEntity,
+            fieldCount: visiblePendingAiReviewFieldCount,
+            fields: deletedEntityFields,
+            readonly: Boolean((_c = state.configuration) == null ? void 0 : _c.readonly),
+            onLoadEntity: handleLoadEntity,
+            onAcceptDelete: onAcceptAiEntityDelete,
+            onRestore: onRestoreAiDeletedEntity
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LinkedEntityCard,
+          {
+            entity,
+            displayEntity: linkDisplayEntity,
+            hasPendingAiReview,
+            hasAiTouchedEntity,
+            pendingAiReviewFieldCount,
+            readonly: Boolean(((_d = state.configuration) == null ? void 0 : _d.readonly) || readonly),
+            onLoadEntity: handleLoadEntity,
+            onUnlinkEntity: handleUnlinkEntity,
+            onShowEntityDiff: () => setShowAiEntityDiff(true)
           }
         ),
-        (associations == null ? void 0 : associations.length) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "mt-2 flex-col space-y-2 border-l-2 pl-1 border-solid border-slate-700", children: associations.map((association) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Flex,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LinkedEntityAssociations,
           {
-            onClick: () => handleLoadEntity({ id: association["@id"] }),
-            className: "cursor-pointer",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "flex-row text-base border-solid border-black", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "bg-slate-700 w-3 h-3 rounded-lg -4 mt-4" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "bg-slate-700 w-6 h-1 mt-5 -mx-1" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { className: "bg-purple-200 hover:bg-cyan-200 flex flex-row p-2 rounded space-x-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.property }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { className: "flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { children: association.name || association["@id"] }) })
-              ] })
-            ] })
-          },
-          association["@id"]
-        )) })
+            associations,
+            onLoadEntity: handleLoadEntity
+          }
+        )
       ]
     }
   ) });
@@ -79944,7 +80608,11 @@ const PaginateLinkedEntities = ({
   className = "",
   onLoadEntity,
   onUnlinkEntity,
-  onPageChange
+  onPageChange,
+  onAcceptAiEntityDelete,
+  onRestoreAiDeletedEntity,
+  onAcceptAiEntityEdit,
+  onRejectAiEntityEdit
 }) => {
   var _a2, _b;
   const { t: t2 } = useTranslation();
@@ -80026,14 +80694,18 @@ const PaginateLinkedEntities = ({
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { type: "primary", onClick: filterAndChunkEntitiesForDisplay, children: t2("search") || "Search" })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row flex-wrap pt-2", style: { gap: 8 }, children: displayEntities.map((entity) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-72 flex-[1_1_360px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row flex-wrap items-start pt-2", style: { gap: 8 }, children: displayEntities.map((entity) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-72 flex-[1_1_360px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       RenderLinkedItem,
       {
         entity: entity.value,
         property,
         readonly,
         onLoadEntity,
-        onUnlinkEntity
+        onUnlinkEntity,
+        onAcceptAiEntityDelete,
+        onRestoreAiDeletedEntity,
+        onAcceptAiEntityEdit,
+        onRejectAiEntityEdit
       }
     ) }, entity.value["@id"])) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row justify-center pt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -80067,7 +80739,7 @@ const DeleteProperty = ({
       variant: "solid",
       color: "red",
       className: "describo-delete-property",
-      icon: type4 === "delete" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$3, {})
+      icon: type4 === "delete" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$g, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$3, {})
     }
   );
 };
@@ -80112,7 +80784,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$z, {}),
+        icon: !selectedType || selectedType !== type4 ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
         children: [
           " ",
           getTypeLabelFromProfile(type4)
@@ -80126,7 +80798,7 @@ const AddControl = ({
         type: "primary",
         size: "middle",
         className: "focus:outline-none focus:border-2 focus:border-green-600",
-        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$z, {}),
+        icon: !selectedType || selectedType !== "bulkAdd" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$1, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, {}),
         children: "  Bulk Add"
       }
     ) })
@@ -81274,7 +81946,7 @@ const AutoComplete = ({ type: type4, onLinkEntity, onCreateEntity }) => {
           variant: "solid",
           color: "green",
           block: true,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}),
           children: [
             t2("create_new_of_type", { type: entity["@type"] }),
             ": ",
@@ -81411,7 +82083,7 @@ const BulkAdd = ({ types: types2, primitives, onCreateEntity }) => {
           variant: "solid",
           color: "red",
           onClick: () => deleteRow(idx),
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {})
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$g, {})
         }
       )
     ] }) }, idx)),
@@ -81421,7 +82093,7 @@ const BulkAdd = ({ types: types2, primitives, onCreateEntity }) => {
         {
           type: "primary",
           onClick: addRow,
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}),
           children: "Add row"
         }
       ),
@@ -81658,10 +82330,14 @@ const Add = ({
 const DisplayPropertyName = ({
   property,
   label,
-  className = ""
+  className = "",
   // Default to empty string
+  aiEdited = false
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `describo-property-name ${className}`, children: label || property });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `describo-property-name describo-property-name-with-ai ${className}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: label || property }),
+    aiEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(AiEditedFieldBadge, {})
+  ] });
 };
 const EntityProperty = ({
   entity,
@@ -81670,20 +82346,27 @@ const EntityProperty = ({
   highlightRequired = false,
   savedProperty = false,
   showHelp = true,
+  aiEdited = false,
   onLoadEntity,
   onCreateProperty,
   onCreateEntity,
   onLinkEntity,
   onSaveProperty,
   onDeleteProperty,
-  onUnlinkEntity
+  onUnlinkEntity,
+  onAcceptAiEntityDelete,
+  onRestoreAiDeletedEntity,
+  onAcceptAiEntityEdit,
+  onRejectAiEntityEdit
 }) => {
   var _a2, _b;
   const { t: t2 } = useTranslation();
   const profileManager = useContext(ProfileManagerContext);
   const crateManager = useContext(CrateManagerContext);
+  const approvalContext = useContext(RoCrateApprovalContext);
   const state = useStateStore();
   const propertyRef = useRef(null);
+  const [showAiDiff, setShowAiDiff] = useState(false);
   const propertyDefinition = (_a2 = profileManager == null ? void 0 : profileManager.getPropertyDefinition({
     property,
     entity
@@ -81692,7 +82375,6 @@ const EntityProperty = ({
   const isRequired = propertyDefinition == null ? void 0 : propertyDefinition.required;
   const isNotValue = (propertyDefinition == null ? void 0 : propertyDefinition.type) !== "Value";
   const profileWarnMissingProperty = profileManager == null ? void 0 : profileManager.profile.warnMissingProperty;
-  const showAddControl = !(propertyDefinition == null ? void 0 : propertyDefinition.readonly) && ((propertyDefinition == null ? void 0 : propertyDefinition.multiple) || !(values == null ? void 0 : values.length));
   const simpleInstances = useMemo$1(() => {
     const simpleInsts = (propertyDefinition == null ? void 0 : propertyDefinition.handlesMultipleValues) === true ? values.length === 0 ? values : [values] : values;
     return simpleInsts.map((v2, i) => {
@@ -81711,6 +82393,29 @@ const EntityProperty = ({
       ["value.@id"]
     );
   }, [values]);
+  const renderedLinkInstances = useMemo$1(() => {
+    const deletedEntities = getPendingDeletedEntitiesForReverseProperty(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      entity == null ? void 0 : entity["@id"],
+      property
+    );
+    if (!deletedEntities.length) return linkInstances;
+    const linkedEntityIds = linkInstances.map((instance2) => {
+      var _a3;
+      return (_a3 = instance2.value) == null ? void 0 : _a3["@id"];
+    }).filter((id2) => typeof id2 === "string" && id2.length > 0);
+    const deletedLinkInstances = deletedEntities.filter((deletedEntity) => !linkedEntityIds.some((linkedEntityId) => entityIdsMatch(linkedEntityId, deletedEntity == null ? void 0 : deletedEntity["@id"]))).map((deletedEntity, idx) => ({
+      idx: -1 - idx,
+      value: deletedEntity
+    }));
+    return lodashExports.orderBy(
+      [...linkInstances, ...deletedLinkInstances],
+      [(instance2) => {
+        var _a3;
+        return ((_a3 = instance2.value) == null ? void 0 : _a3.__aiDeletedEntity) ? 0 : 1;
+      }, "value.@id"]
+    );
+  }, [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity, linkInstances, property]);
   const scrollToPropertyTop = useCallback(() => {
     var _a3;
     (_a3 = propertyRef.current) == null ? void 0 : _a3.scrollIntoView({
@@ -81718,12 +82423,96 @@ const EntityProperty = ({
       behavior: "auto"
     });
   }, []);
+  const approvalRecords = useMemo$1(() => getEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity == null ? void 0 : entity["@id"], property), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, entity, property]);
+  const unapprovedApprovalRecord = approvalRecords.find((approvalRecord) => !approvalIsApproved(approvalRecord));
+  const isAiDelete = (unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.operation) === "delete";
+  const hasDeletedPreviousValue = isAiDelete && (unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue) !== void 0;
+  const hasCurrentPropertyValue = entityHasPropertyValue(entity, property);
+  const renderedSimpleInstances = useMemo$1(() => {
+    if (isAiDelete && !hasCurrentPropertyValue && hasDeletedPreviousValue) {
+      if (Array.isArray(unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue) && (propertyDefinition == null ? void 0 : propertyDefinition.handlesMultipleValues) !== true) {
+        return unapprovedApprovalRecord.previousValue.map((value, idx) => ({ idx, value }));
+      }
+      return [{ idx: 0, value: unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue }];
+    }
+    if (simpleInstances.length > 0) return simpleInstances;
+    if (!hasDeletedPreviousValue) return simpleInstances;
+    if (Array.isArray(unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue) && (propertyDefinition == null ? void 0 : propertyDefinition.handlesMultipleValues) !== true) {
+      return unapprovedApprovalRecord.previousValue.map((value, idx) => ({ idx, value }));
+    }
+    return [{ idx: 0, value: unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue }];
+  }, [
+    hasDeletedPreviousValue,
+    hasCurrentPropertyValue,
+    isAiDelete,
+    propertyDefinition == null ? void 0 : propertyDefinition.handlesMultipleValues,
+    simpleInstances,
+    unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue
+  ]);
+  const showAiReview = Boolean(unapprovedApprovalRecord && renderedSimpleInstances.length > 0);
+  const previousValueDiffers = showAiReview && !valuesAreEqual(unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue, entity == null ? void 0 : entity[property]);
+  const showAiDiffToggle = Boolean(showAiReview && previousValueDiffers);
+  const showAddControl = !showAiReview && !(propertyDefinition == null ? void 0 : propertyDefinition.readonly) && ((propertyDefinition == null ? void 0 : propertyDefinition.multiple) || !(values == null ? void 0 : values.length));
+  const markAiSuggestionApproved = useCallback(() => {
+    var _a3;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: entity == null ? void 0 : entity["@id"],
+      propertyName: property,
+      decision: "accept",
+      value: entity == null ? void 0 : entity[property]
+    });
+  }, [approvalContext, entity, property]);
+  const handleSaveProperty = useCallback((data) => {
+    var _a3;
+    if (unapprovedApprovalRecord) {
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: entity == null ? void 0 : entity["@id"],
+        propertyName: property,
+        decision: "manual-edit",
+        value: data == null ? void 0 : data.value
+      });
+    }
+    if (isAiDelete && !hasCurrentPropertyValue) {
+      onCreateProperty(data);
+      return;
+    }
+    onSaveProperty(data);
+  }, [approvalContext, entity, hasCurrentPropertyValue, isAiDelete, onCreateProperty, onSaveProperty, property, unapprovedApprovalRecord]);
+  const handleApproveAiSuggestion = useCallback(() => {
+    markAiSuggestionApproved();
+  }, [markAiSuggestionApproved]);
+  const handleRejectAiSuggestion = useCallback((idx) => {
+    var _a3;
+    if (!unapprovedApprovalRecord || !previousValueDiffers) return;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: entity == null ? void 0 : entity["@id"],
+      propertyName: property,
+      decision: "reject",
+      value: unapprovedApprovalRecord.previousValue
+    });
+    if (isAiDelete && !hasCurrentPropertyValue) {
+      onCreateProperty({
+        property,
+        value: unapprovedApprovalRecord.previousValue
+      });
+      return;
+    }
+    onSaveProperty({
+      property,
+      value: unapprovedApprovalRecord.previousValue,
+      idx
+    });
+  }, [approvalContext, entity, hasCurrentPropertyValue, isAiDelete, onCreateProperty, onSaveProperty, previousValueDiffers, property, unapprovedApprovalRecord]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       ref: propertyRef,
-      className: `flex flex-row flex-grow ${showHelp ? "p-2" : "px-2 py-1 describo-property-compact"} describo-property-background ${highlightRequired && isRequired && !isValid ? "bg-red-200" : ""} ${savedProperty ? "bg-green-100 transition-colors duration-1000" : ""} describo-property describo-property-name-${property}`,
+      className: `flex flex-row flex-grow ${showHelp ? "p-2" : "px-2 py-1 describo-property-compact"} describo-property-background ${highlightRequired && isRequired && !isValid ? "bg-red-200" : ""} ${savedProperty ? "bg-green-100 transition-colors duration-1000" : ""} ${showAiReview ? `describo-ai-review ${isAiDelete ? "describo-ai-delete" : "describo-ai-suggestion"}` : ""} describo-property describo-property-name-${property}`,
       children: [
+        showAiReview && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-suggestion-badge", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-suggestion-badge-icon", children: "✦" }),
+          isAiDelete ? "AI delete" : "AI suggestion"
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-32 w-1/3 xl:w-1/5 flex flex-col describo-property-heading", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -81731,7 +82520,8 @@ const EntityProperty = ({
               {
                 property,
                 label: propertyDefinition == null ? void 0 : propertyDefinition.label,
-                className: `inline-block ${isRequired && !isValid ? "text-red-600" : ""}`
+                className: `inline-block ${isRequired && !isValid ? "text-red-600" : ""}`,
+                aiEdited
               }
             ),
             isRequired && !isValid && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "error", dot: true, className: "animate-pulse ml-2" })
@@ -81744,10 +82534,17 @@ const EntityProperty = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-2/3 xl:w-4/5 flex flex-col flex-grow describo-property-value", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col space-y-1", children: simpleInstances.map((instance2) => {
-            var _a3, _b2;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: (propertyDefinition == null ? void 0 : propertyDefinition.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-property-value-readonly", children: instance2.value }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col space-y-1", children: renderedSimpleInstances.map((instance2) => {
+            var _a3, _b2, _c, _d;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: (propertyDefinition == null ? void 0 : propertyDefinition.readonly) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: showAiReview ? "describo-property-value-readonly describo-ai-field-control" : "describo-property-value-readonly", children: instance2.value }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex flex-row gap-2 ${showAiReview ? "describo-ai-field-row" : ""}`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `flex-grow min-w-0 ${showAiReview ? "describo-ai-field-control" : ""}`, children: showAiDiff && showAiDiffToggle ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                AiFieldDiffView,
+                {
+                  previousValue: unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.previousValue,
+                  currentValue: instance2.value,
+                  operation: unapprovedApprovalRecord == null ? void 0 : unapprovedApprovalRecord.operation
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 EntityPropertyInstance,
                 {
                   className: "flex-grow",
@@ -81755,11 +82552,42 @@ const EntityProperty = ({
                   value: instance2.value,
                   idx: instance2.idx,
                   definition: propertyDefinition,
-                  onSaveProperty,
+                  onSaveProperty: handleSaveProperty,
                   onCreateEntity
                 }
-              ),
-              isNotValue && !((_a3 = state.configuration) == null ? void 0 : _a3.readonly) && (instance2.value || instance2.value === false) && !((_b2 = instance2.value) == null ? void 0 : _b2["@id"]) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ) }),
+              showAiReview && instance2.idx === ((_a3 = renderedSimpleInstances[0]) == null ? void 0 : _a3.idx) && !((_b2 = state.configuration) == null ? void 0 : _b2.readonly) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-actions", children: [
+                showAiDiffToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiDiff ? "Hide diff" : "Show diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button$1,
+                  {
+                    size: "middle",
+                    className: "describo-ai-action-diff",
+                    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+                    "aria-label": showAiDiff ? "Hide AI diff" : "Show AI diff",
+                    "aria-pressed": showAiDiff,
+                    onClick: () => setShowAiDiff((visible) => !visible)
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isAiDelete ? "Approve this AI deletion" : "Approve this AI-suggested value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button$1,
+                  {
+                    size: "middle",
+                    className: "describo-ai-action-approve",
+                    onClick: handleApproveAiSuggestion,
+                    children: isAiDelete ? "Delete" : "Accept"
+                  }
+                ) }),
+                previousValueDiffers && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore the previous value and mark this suggestion reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button$1,
+                  {
+                    size: "middle",
+                    className: "describo-ai-action-reject",
+                    onClick: () => handleRejectAiSuggestion(instance2.idx),
+                    children: isAiDelete ? "Restore" : "Reject"
+                  }
+                ) })
+              ] }),
+              isNotValue && !showAiReview && !((_c = state.configuration) == null ? void 0 : _c.readonly) && (instance2.value || instance2.value === false) && !((_d = instance2.value) == null ? void 0 : _d["@id"]) && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 DeleteProperty,
                 {
                   type: "delete",
@@ -81769,16 +82597,20 @@ const EntityProperty = ({
               )
             ] }) }, instance2.idx);
           }) }),
-          linkInstances.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          renderedLinkInstances.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
             PaginateLinkedEntities,
             {
-              className: simpleInstances.length && linkInstances.length ? "mt-2" : "",
-              entities: linkInstances,
+              className: renderedSimpleInstances.length && renderedLinkInstances.length ? "mt-2" : "",
+              entities: renderedLinkInstances,
               property,
               readonly: propertyDefinition == null ? void 0 : propertyDefinition.readonly,
               onLoadEntity,
               onUnlinkEntity,
-              onPageChange: scrollToPropertyTop
+              onPageChange: scrollToPropertyTop,
+              onAcceptAiEntityDelete,
+              onRestoreAiDeletedEntity,
+              onAcceptAiEntityEdit,
+              onRejectAiEntityEdit
             }
           ),
           showAddControl && !((_b = state.configuration) == null ? void 0 : _b.readonly) && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -81880,9 +82712,9 @@ const DialogAddProperty = ({
               children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { vertical: true, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { align: "center", gap: 6, className: "describo-add-property-row-header", children: [
                   item.label ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-name", children: item.label }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-name", children: item.name }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { className: "describo-add-property-row-type", children: renderPropertyType(item.type) }),
-                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, { className: "describo-add-property-row-check" })
+                  isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$v, { className: "describo-add-property-row-check" })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { type: "secondary", className: "describo-add-property-row-help", children: item.help })
               ] })
@@ -107098,6 +107930,26 @@ const DialogPreviewCrate = ({ onClose, open }) => {
     }
   );
 };
+const ItemLink = ({ entity, onLoadEntity, className }) => {
+  const handleLoadEntity = () => {
+    onLoadEntity({ id: entity["@id"] });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex min-w-0 w-full flex-col ${className || ""}`, onClick: handleLoadEntity, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Typography.Text,
+      {
+        type: "secondary",
+        style: { fontSize: "0.75rem" },
+        className: "pb-1 mb-1 border-b border-black/20",
+        children: decodeURIComponent(entity["@id"])
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row space-x-2 items-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base flex flex-row space-x-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderTypes, { types: entity["@type"] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { strong: true, children: entity.name })
+    ] })
+  ] });
+};
 const DialogBrowseEntities = ({
   onClose,
   open,
@@ -107105,6 +107957,7 @@ const DialogBrowseEntities = ({
 }) => {
   const { t: t2 } = useTranslation();
   const crateManager = useContext(CrateManagerContext);
+  const approvalContext = useContext(RoCrateApprovalContext);
   const [data, setData] = useState({
     filterInputModel: "",
     pageSize: 10,
@@ -107205,30 +108058,61 @@ const DialogBrowseEntities = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow", children: entities.map((entity) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Card,
-          {
-            style: {
-              backgroundColor: "#e6f0ff",
-              cursor: "pointer",
-              transition: "background-color 0.2s",
-              borderLeft: "3px solid #409eff"
-            },
-            hoverable: true,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Card.Meta,
-              {
-                title: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  ItemLink,
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow", children: entities.map((entity) => (() => {
+          const pendingFieldCount = getPendingEntityApprovalFieldCount(
+            approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+            entity["@id"]
+          );
+          const approvedFieldCount = getApprovedEntityApprovalFieldCount(
+            approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+            entity["@id"]
+          );
+          const hasReviewedAiEdits = approvedFieldCount > 0;
+          const hasPendingAiReview = pendingFieldCount > 0 && !hasReviewedAiEdits;
+          const hasAiTouchedEntity = hasPendingAiReview || hasReviewedAiEdits;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Card,
+            {
+              className: `${hasPendingAiReview ? "describo-ai-entity-review-card" : ""} ${hasAiTouchedEntity ? "describo-ai-entity-reviewed-card" : ""}`,
+              style: {
+                backgroundColor: hasPendingAiReview ? "#e6f8ef" : "#e6f0ff",
+                cursor: "pointer",
+                transition: "background-color 0.2s",
+                borderLeft: hasPendingAiReview ? "3px solid #38c88a" : "3px solid #409eff"
+              },
+              hoverable: true,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Card.Meta,
                   {
-                    entity,
-                    onLoadEntity: () => handleLoadEntity(entity)
+                    title: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      ItemLink,
+                      {
+                        entity,
+                        onLoadEntity: () => handleLoadEntity(entity)
+                      }
+                    )
+                  }
+                ),
+                hasAiTouchedEntity && !hasPendingAiReview && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  AiEditedFieldBadge,
+                  {
+                    className: "describo-ai-entity-edited-badge",
+                    title: "Entity was added by AI",
+                    ariaLabel: "Entity was added by AI"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  AiEntityReviewSummary,
+                  {
+                    fieldCount: hasPendingAiReview ? pendingFieldCount : 0,
+                    onReview: () => handleLoadEntity(entity)
                   }
                 )
-              }
-            )
-          }
-        ) }, entity["@id"])) })
+              ]
+            }
+          ) }, entity["@id"]);
+        })()) })
       ] }) })
     }
   );
@@ -107381,7 +108265,7 @@ const RenderControls = ({
         {
           onClick: handleBack,
           type: "primary",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, {}),
           disabled: !canGoBack
         }
       ),
@@ -107399,7 +108283,7 @@ const RenderControls = ({
         {
           onClick: handleForward,
           type: "primary",
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$a, {}),
           disabled: !canGoForward
         }
       )
@@ -107409,7 +108293,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("addProperty"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}),
         children: t2("add_label")
       }
     ),
@@ -107418,7 +108302,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("editContext"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$e, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {}),
         children: t2("edit_context_label")
       }
     ),
@@ -107427,7 +108311,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("previewCrate"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$j, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$k, {}),
         children: t2("preview_label")
       }
     ),
@@ -107436,7 +108320,7 @@ const RenderControls = ({
       {
         onClick: () => toggle("browseEntities"),
         type: "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$8, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$9, {}),
         children: t2("browse_entities_label")
       }
     ),
@@ -107471,7 +108355,7 @@ const RenderControls = ({
               color: "red",
               variant: "solid",
               danger: true,
-              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, {}),
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$g, {}),
               children: entity.etype !== "File" && t2("delete_entity_label")
             }
           )
@@ -109596,16 +110480,19 @@ const QuickSettingsHeader = ({
   showFieldHelp,
   fieldTitleFilter,
   hideEmptyFields,
+  showAiEditedFields,
+  aiEditedFieldCount = 0,
   onToggleFieldHelp,
   onFieldTitleFilterChange,
-  onToggleEmptyFields
+  onToggleEmptyFields,
+  onToggleAiEditedFields
 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-header", role: "region", "aria-label": "Quick filter settings", children: [
   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-actions", "aria-label": "Field display settings", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showFieldHelp ? "Hide field help" : "Show field help", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
       {
         type: showFieldHelp ? "default" : "primary",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$k, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$l, {}),
         "aria-label": showFieldHelp ? "Hide field help" : "Show field help",
         "aria-pressed": !showFieldHelp,
         onClick: onToggleFieldHelp
@@ -109620,6 +110507,18 @@ const QuickSettingsHeader = ({
         "aria-pressed": hideEmptyFields,
         onClick: onToggleEmptyFields
       }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiEditedFields ? "Show all fields" : "Show AI-edited fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        type: showAiEditedFields ? "primary" : "default",
+        className: "describo-ai-edited-filter-button",
+        "aria-label": showAiEditedFields ? "Show all fields" : "Show AI-edited fields",
+        "aria-pressed": showAiEditedFields,
+        disabled: aiEditedFieldCount === 0,
+        onClick: onToggleAiEditedFields,
+        children: "✦"
+      }
     ) })
   ] }),
   /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -109627,15 +110526,113 @@ const QuickSettingsHeader = ({
     {
       className: "describo-quick-settings-filter",
       value: fieldTitleFilter,
-      placeholder: "Filter fields by title",
-      "aria-label": "Filter fields by title",
+      placeholder: "Filter fields by name or value",
+      "aria-label": "Filter fields by name or value",
       onChange: (event) => onFieldTitleFilterChange(event.target.value),
       allowClear: {
-        clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$A, { "aria-label": "Clear field filter" })
+        clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, { "aria-label": "Clear field filter" })
       }
     }
   )
 ] });
+const AiApprovalStepperHeader = ({
+  activeIndex,
+  pendingCount,
+  activePropertyLabel,
+  remainingEntityCount = 0,
+  remainingFieldCount = 0,
+  readonly = false,
+  canGoPrevious,
+  canGoNext,
+  onPrevious,
+  onNext,
+  onAcceptAll,
+  onRejectAll,
+  onReviewNextEntity
+}) => {
+  if (!pendingCount && !remainingEntityCount) return null;
+  if (!pendingCount) {
+    const entityLabel = remainingEntityCount === 1 ? "entity" : "entities";
+    const fieldLabel = remainingFieldCount === 1 ? "field" : "fields";
+    const remainingMessage = `${remainingFieldCount} AI ${fieldLabel} still need review in ${remainingEntityCount} other ${entityLabel}`;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-bar describo-ai-confirm-bar-remaining", role: "status", "aria-label": "AI changes remaining", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-message", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-confirm-spark", children: "✦" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: remainingMessage })
+      ] }),
+      onReviewNextEntity && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-confirm-controls", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          className: "describo-ai-review-next-entity",
+          onClick: onReviewNextEntity,
+          children: "Review next"
+        }
+      ) })
+    ] });
+  }
+  const stepLabel = `${Math.min(activeIndex + 1, pendingCount)}/${pendingCount}`;
+  const message = activePropertyLabel ? `AI changes need review: ${activePropertyLabel}` : "AI changes need review";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-bar", role: "region", "aria-label": "AI change review", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-message", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-confirm-spark", children: "✦" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: message })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-controls", children: [
+      onReviewNextEntity && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: remainingEntityCount > 0 ? "Review the next entity with pending AI changes" : "No other entities need AI review", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          className: "describo-ai-review-next-entity",
+          disabled: remainingEntityCount === 0,
+          onClick: onReviewNextEntity,
+          children: "Review next"
+        }
+      ) }),
+      !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Accept every pending AI change in this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            className: "describo-ai-bulk-action describo-ai-bulk-accept",
+            onClick: onAcceptAll,
+            children: "Accept all"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore previous values for every pending AI change in this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            className: "describo-ai-bulk-action describo-ai-bulk-reject",
+            onClick: onRejectAll,
+            children: "Reject all"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-stepper", "aria-label": "Pending AI field navigation", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Previous pending field", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            type: "text",
+            size: "small",
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+            "aria-label": "Previous pending AI field",
+            disabled: !canGoPrevious,
+            onClick: onPrevious
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-step-count", children: stepLabel }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Next pending field", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            type: "text",
+            size: "small",
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {}),
+            "aria-label": "Next pending AI field",
+            disabled: !canGoNext,
+            onClick: onNext
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
 var _baseDifference;
 var hasRequired_baseDifference;
 function require_baseDifference() {
@@ -111307,11 +112304,12 @@ const clearPendingAddedProfileTabKeys = (entityId) => {
   }
 };
 const RenderEntity = forwardRef((props, ref) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const { entity, onLoadEntity, onSaveCrate, onSaveEntityTemplate, onWarning, onError, onAddNewProfileRequest, onRemoveProfile } = props;
   const state = useStateStore();
   const profileManager = useContext(ProfileManagerContext);
   const crateManager = useContext(CrateManagerContext);
+  const approvalContext = useContext(RoCrateApprovalContext);
   const { t: t2 } = useTranslation();
   const [contextEntity, setContextEntity] = useState(entity);
   const [activeTab, setActiveTab] = useState("about");
@@ -111327,6 +112325,8 @@ const RenderEntity = forwardRef((props, ref) => {
   const [showFieldHelp, setShowFieldHelp] = useState(true);
   const [fieldTitleFilter, setFieldTitleFilter] = useState("");
   const [hideEmptyFields, setHideEmptyFields] = useState(false);
+  const [showAiEditedFields, setShowAiEditedFields] = useState(false);
+  const [selectedAiApprovalIndex, setSelectedAiApprovalIndex] = useState(0);
   const [iconView, setIconView] = useState(false);
   const [hoveredTabKey, setHoveredTabKey] = useState(null);
   const initialTabPaneWidth = useMemo$1(() => {
@@ -111353,8 +112353,49 @@ const RenderEntity = forwardRef((props, ref) => {
   const restoreInProgressRef = useRef(false);
   const pendingAddedProfileSelectionRef = useRef(null);
   const pendingAddedPropertyRef = useRef(null);
+  const pendingAiScrollPropertyRef = useRef(null);
+  const lastAutoNavigatedAiApprovalRef = useRef(null);
   const [tabRailScrollState, setTabRailScrollState] = useState({ canScrollUp: false, canScrollDown: false });
   const debugScroll = (...args) => console.log("[recrate-scroll-debug]", ...args);
+  const pendingAiApprovals = useMemo$1(() => getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]]);
+  const pendingAiApprovalProperties = useMemo$1(() => pendingAiApprovals.map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((property) => typeof property === "string" && property.length > 0), [pendingAiApprovals]);
+  const pendingDeletedEntityReviewProperties = useMemo$1(() => getPendingDeletedEntityReversePropertiesForSource(
+    approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+    contextEntity == null ? void 0 : contextEntity["@id"]
+  ), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]]);
+  const approvedAiApprovals = useMemo$1(() => getApprovedEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]]);
+  const approvedAiApprovalProperties = useMemo$1(() => Array.from(new Set(
+    approvedAiApprovals.map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((property) => typeof property === "string" && property.length > 0)
+  )), [approvedAiApprovals]);
+  const selectedAiApproval = pendingAiApprovals[selectedAiApprovalIndex] ?? pendingAiApprovals[0];
+  const selectedAiApprovalProperty = selectedAiApproval == null ? void 0 : selectedAiApproval.propertyName;
+  const pendingOtherAiApprovalEntities = useMemo$1(() => getPendingApprovalEntities(approvalContext == null ? void 0 : approvalContext.roCrateApproval).filter((entityApproval) => !entityIdsMatch(entityApproval == null ? void 0 : entityApproval["@id"], contextEntity == null ? void 0 : contextEntity["@id"])), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]]);
+  const pendingOtherAiApprovalFieldCount = useMemo$1(() => getPendingApprovalFieldCount(approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]), [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity == null ? void 0 : contextEntity["@id"]]);
+  const handleReviewNextAiApprovalEntity = useCallback(() => {
+    for (const entityApproval of pendingOtherAiApprovalEntities) {
+      const nextEntityId = entityApproval == null ? void 0 : entityApproval["@id"];
+      if (!nextEntityId) continue;
+      if (isPendingEntityDeleteApproval(entityApproval)) {
+        const reviewTarget = getDeletedEntityReviewTarget(entityApproval);
+        if (!reviewTarget) continue;
+        const targetEntity = crateManager == null ? void 0 : crateManager.getEntity({
+          id: reviewTarget.entityId,
+          link: false,
+          materialise: false
+        });
+        if (!targetEntity) continue;
+        setFieldTitleFilter("");
+        if (hideEmptyFields) {
+          setHideEmptyFields(false);
+        }
+        pendingAiScrollPropertyRef.current = reviewTarget.property;
+        onLoadEntity({ id: reviewTarget.entityId });
+        return;
+      }
+      onLoadEntity({ id: nextEntityId });
+      return;
+    }
+  }, [crateManager, hideEmptyFields, onLoadEntity, pendingOtherAiApprovalEntities]);
   const getVisibleContextMarkers = (selector, dataAttribute) => {
     const source = activeContentRef.current;
     if (!source) return [];
@@ -111502,17 +112543,35 @@ const RenderEntity = forwardRef((props, ref) => {
       captureViewContext(activeTab);
     }
     setExtraProperties([]);
+    setFieldTitleFilter("");
     init2({ entity });
   }, [entity]);
+  useEffect(() => {
+    if (!pendingAiApprovals.length) {
+      setSelectedAiApprovalIndex(0);
+      return;
+    }
+    setSelectedAiApprovalIndex((currentIndex) => Math.min(currentIndex, pendingAiApprovals.length - 1));
+  }, [pendingAiApprovals.length]);
+  useEffect(() => {
+    if (approvedAiApprovalProperties.length === 0) {
+      setShowAiEditedFields(false);
+    }
+  }, [approvedAiApprovalProperties.length]);
   useEffect(() => {
     if (profileManager && profileManager.$key) {
+      if (entity == null ? void 0 : entity.__aiDeletedEntity) {
+        init2({ entity });
+        return;
+      }
       const entityObj = crateManager.getEntity({ id: entity["@id"], link: false, materialise: false });
+      if (!entityObj) return;
       init2({ entity: entityObj });
     }
   }, [profileManager == null ? void 0 : profileManager.$key]);
   const init2 = ({ entity: entity2, extraPropertiesOverride }) => {
     var _a3, _b2, _c2, _d2, _e3, _f2;
-    if (!entity2["@id"]) return;
+    if (!(entity2 == null ? void 0 : entity2["@id"])) return;
     const latestEntry = state.editorState.latest();
     const isCurrentHistoryEntity = (latestEntry == null ? void 0 : latestEntry.id) === entity2["@id"];
     const layout = applyLayout({
@@ -111528,7 +112587,8 @@ const RenderEntity = forwardRef((props, ref) => {
     const navState = isCurrentHistoryEntity ? latestEntry == null ? void 0 : latestEntry.navigationState : state.editorState.getNavigationState(entity2["@id"]);
     const tabNames = layout.tabs.map((tab) => tab.name);
     const fallbackTab = tabNames.includes("about") ? "about" : tabNames[0] ?? "about";
-    const restoredTab = layout.renderTabs && (navState == null ? void 0 : navState.activeTab) && tabNames.includes(navState.activeTab) ? navState.activeTab : fallbackTab;
+    const currentTabStillValid = layout.renderTabs && (contextEntity == null ? void 0 : contextEntity["@id"]) === entity2["@id"] && tabNames.includes(activeTab);
+    const restoredTab = currentTabStillValid ? activeTab : layout.renderTabs && (navState == null ? void 0 : navState.activeTab) && tabNames.includes(navState.activeTab) ? navState.activeTab : fallbackTab;
     const pendingAddedProfileSelection = pendingAddedProfileSelectionRef.current;
     const pendingAddedProfileTabKeys = Array.isArray((_a3 = navState == null ? void 0 : navState.uiState) == null ? void 0 : _a3.pendingAddedProfileTabKeys) ? navState.uiState.pendingAddedProfileTabKeys : readPendingAddedProfileTabKeys(entity2["@id"]);
     let nextActiveTab = restoredTab;
@@ -111615,7 +112675,12 @@ const RenderEntity = forwardRef((props, ref) => {
     }
   };
   const refresh = () => {
+    if (entity == null ? void 0 : entity.__aiDeletedEntity) {
+      init2({ entity });
+      return;
+    }
     const entityObj = crateManager.getEntity({ id: entity["@id"], link: false, materialise: false });
+    if (!entityObj) return;
     init2({ entity: entityObj });
   };
   const handleLoadEntityWithContext = (params) => {
@@ -111637,6 +112702,11 @@ const RenderEntity = forwardRef((props, ref) => {
     state.editorState.update({ id: activeEntityId, tab: tabName });
     state.editorState.updateNavigationState({ activeTab: tabName });
   };
+  const saveCratePreservingView = () => {
+    saveTabToState(activeTab);
+    captureViewContext(activeTab);
+    onSaveCrate();
+  };
   useEffect(() => {
     if (entity == null ? void 0 : entity["@id"]) {
       refresh();
@@ -111901,7 +112971,7 @@ const RenderEntity = forwardRef((props, ref) => {
       if (data.property === "@id" && (updatedEntity == null ? void 0 : updatedEntity["@id"])) {
         state.editorState.replaceId({ id: entity["@id"], newId: updatedEntity["@id"] });
       }
-      onSaveCrate();
+      saveCratePreservingView();
       notifySave(data.property);
     } catch (error2) {
       console.error(error2);
@@ -111927,7 +112997,7 @@ const RenderEntity = forwardRef((props, ref) => {
         });
       }
       refresh();
-      onSaveCrate();
+      saveCratePreservingView();
       notifySave(data.property);
     } catch (error2) {
       onError();
@@ -111948,7 +113018,7 @@ const RenderEntity = forwardRef((props, ref) => {
         onWarning();
       }
       refresh();
-      onSaveCrate();
+      saveCratePreservingView();
       return data.json["@id"];
     } catch (error2) {
       onError();
@@ -111964,7 +113034,7 @@ const RenderEntity = forwardRef((props, ref) => {
         value: { "@id": data.json["@id"] }
       });
       refresh();
-      onSaveCrate();
+      saveCratePreservingView();
     } catch (error2) {
       onError();
     }
@@ -111977,7 +113047,7 @@ const RenderEntity = forwardRef((props, ref) => {
         idx: data.idx
       });
       refresh();
-      onSaveCrate();
+      saveCratePreservingView();
     } catch (error2) {
       onError();
     }
@@ -111990,7 +113060,7 @@ const RenderEntity = forwardRef((props, ref) => {
         value: { "@id": data.tgtEntityId }
       });
       refresh();
-      onSaveCrate();
+      saveCratePreservingView();
     } catch (error2) {
       console.error(error2);
       onError();
@@ -112000,7 +113070,7 @@ const RenderEntity = forwardRef((props, ref) => {
     try {
       crateManager.deleteEntity({ id: data.id });
       handleLoadEntityWithContext({ id: "./" });
-      onSaveCrate();
+      saveCratePreservingView();
     } catch (error2) {
       onError();
     }
@@ -112008,7 +113078,7 @@ const RenderEntity = forwardRef((props, ref) => {
   const handleUpdateContext = (context) => {
     try {
       crateManager.setContext(context);
-      onSaveCrate();
+      saveCratePreservingView();
     } catch (error2) {
       onError();
     }
@@ -112030,7 +113100,7 @@ const RenderEntity = forwardRef((props, ref) => {
     {
       type: "default",
       shape: "circle",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}),
       "aria-label": "Add Profile",
       "aria-controls": "add-property-panel",
       "aria-expanded": showAddPanel,
@@ -112050,7 +113120,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: iconView ? "primary" : "default",
         shape: "circle",
-        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$c, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
         "aria-pressed": iconView,
         onClick: (e3) => {
           e3.stopPropagation();
@@ -112083,7 +113153,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: iconView ? "primary" : "default",
         shape: "circle",
-        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$b, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+        icon: iconView ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$c, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
         "aria-pressed": iconView,
         onClick: (e3) => {
           e3.stopPropagation();
@@ -112096,7 +113166,7 @@ const RenderEntity = forwardRef((props, ref) => {
       {
         type: "default",
         shape: "circle",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$q, {}),
         "aria-label": "Add Profile",
         "aria-controls": "add-property-panel",
         "aria-expanded": showAddPanel,
@@ -112161,7 +113231,7 @@ const RenderEntity = forwardRef((props, ref) => {
                               e3.stopPropagation();
                               handleRemoveProfile(tab);
                             },
-                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$f, { style: { color: "oklch(57.7% 0.245 27.325)" } })
+                            children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$g, { style: { color: "oklch(57.7% 0.245 27.325)" } })
                           }
                         )
                       ] })
@@ -112181,7 +113251,7 @@ const RenderEntity = forwardRef((props, ref) => {
             shape: "circle",
             size: "small",
             className: "describo-tab-rail-scroll-button describo-tab-rail-scroll-button-up",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$o, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$p, {}),
             "aria-label": "Scroll profile tabs up",
             onClick: () => scrollTabRail("up")
           }
@@ -112193,7 +113263,7 @@ const RenderEntity = forwardRef((props, ref) => {
             shape: "circle",
             size: "small",
             className: "describo-tab-rail-scroll-button describo-tab-rail-scroll-button-down",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$t, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$u, {}),
             "aria-label": "Scroll profile tabs down",
             onClick: () => scrollTabRail("down")
           }
@@ -112207,11 +113277,390 @@ const RenderEntity = forwardRef((props, ref) => {
       showFieldHelp,
       fieldTitleFilter,
       hideEmptyFields,
+      showAiEditedFields,
+      aiEditedFieldCount: approvedAiApprovalProperties.length,
       onToggleFieldHelp: () => setShowFieldHelp((visible) => !visible),
       onFieldTitleFilterChange: setFieldTitleFilter,
-      onToggleEmptyFields: () => setHideEmptyFields((hidden) => !hidden)
+      onToggleEmptyFields: () => setHideEmptyFields((hidden) => !hidden),
+      onToggleAiEditedFields: () => setShowAiEditedFields((visible) => !visible)
     }
   ) : null;
+  const findPropertyElement = (property) => {
+    var _a3;
+    return Array.from(((_a3 = activeContentRef.current) == null ? void 0 : _a3.querySelectorAll("[data-recrate-property]")) ?? []).find((element) => element.dataset.recrateProperty === property);
+  };
+  const scrollToAiApprovalProperty = useCallback((property) => {
+    let attempts = 0;
+    let timerId = 0;
+    let rafId = 0;
+    const maxAttempts = 30;
+    const attemptScroll = () => {
+      attempts += 1;
+      const propertyElement = findPropertyElement(property);
+      const viewport = activeContentRef.current;
+      if (propertyElement && viewport) {
+        const viewportRect = viewport.getBoundingClientRect();
+        const propertyRect = propertyElement.getBoundingClientRect();
+        const targetTop = viewport.scrollTop + propertyRect.top - viewportRect.top - 8;
+        const maxScrollable = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+        viewport.scrollTo({
+          top: Math.max(0, Math.min(targetTop, maxScrollable)),
+          behavior: "smooth"
+        });
+        return;
+      }
+      if (attempts < maxAttempts) {
+        timerId = window.setTimeout(() => {
+          rafId = window.requestAnimationFrame(attemptScroll);
+        }, 50);
+      }
+    };
+    rafId = window.requestAnimationFrame(attemptScroll);
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.clearTimeout(timerId);
+    };
+  }, []);
+  const navigateToAiApproval = useCallback((index2) => {
+    if (!pendingAiApprovals.length) return;
+    if (index2 < 0 || index2 >= pendingAiApprovals.length) return;
+    const approvalRecord = pendingAiApprovals[index2];
+    const property = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+    if (!property) return;
+    setSelectedAiApprovalIndex(index2);
+    setFieldTitleFilter("");
+    if (!hasFieldValue(contextEntity == null ? void 0 : contextEntity[property]) && hideEmptyFields) {
+      setHideEmptyFields(false);
+    }
+    pendingAiScrollPropertyRef.current = property;
+    const propertyTab = renderTabs ? findTabForProperty(tabs, property) : null;
+    if ((propertyTab == null ? void 0 : propertyTab.name) && propertyTab.name !== activeTab) {
+      captureViewContext(activeTab);
+      setActiveTab(propertyTab.name);
+      saveTabToState(propertyTab.name);
+    }
+    window.setTimeout(() => scrollToAiApprovalProperty(property), 0);
+    window.setTimeout(() => scrollToAiApprovalProperty(property), 120);
+  }, [
+    activeTab,
+    contextEntity,
+    hideEmptyFields,
+    pendingAiApprovals,
+    renderTabs,
+    scrollToAiApprovalProperty,
+    tabs
+  ]);
+  useEffect(() => {
+    var _a3;
+    const entityId = contextEntity == null ? void 0 : contextEntity["@id"];
+    const firstPendingProperty = (_a3 = pendingAiApprovals[0]) == null ? void 0 : _a3.propertyName;
+    if (!entityId || !firstPendingProperty) {
+      lastAutoNavigatedAiApprovalRef.current = null;
+      return;
+    }
+    const autoNavigationKey = `${entityId}:${firstPendingProperty}`;
+    if (lastAutoNavigatedAiApprovalRef.current === autoNavigationKey) return;
+    lastAutoNavigatedAiApprovalRef.current = autoNavigationKey;
+    navigateToAiApproval(0);
+  }, [contextEntity == null ? void 0 : contextEntity["@id"], navigateToAiApproval, pendingAiApprovals]);
+  useEffect(() => {
+    const pendingProperty = pendingAiScrollPropertyRef.current;
+    if (!pendingProperty) return;
+    const propertyTab = renderTabs ? findTabForProperty(tabs, pendingProperty) : null;
+    if ((propertyTab == null ? void 0 : propertyTab.name) && propertyTab.name !== activeTab) {
+      setActiveTab(propertyTab.name);
+      saveTabToState(propertyTab.name);
+      return;
+    }
+    const cancelScroll = scrollToAiApprovalProperty(pendingProperty);
+    pendingAiScrollPropertyRef.current = null;
+    return cancelScroll;
+  }, [activeTab, contextEntity == null ? void 0 : contextEntity["@id"], renderTabs, selectedAiApprovalIndex, tabs, scrollToAiApprovalProperty]);
+  const isEntityReference2 = (value) => Boolean(value && typeof value === "object" && typeof value["@id"] === "string");
+  const restoreNonCoreApprovalValue = (approvalRecord) => {
+    const property = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+    if (!property) return;
+    if (entityHasPropertyValue(contextEntity, property)) {
+      crateManager.deleteProperty({ id: entity["@id"], property });
+    }
+    const previousValue = approvalRecord == null ? void 0 : approvalRecord.previousValue;
+    if (!propertyValueHasContent(previousValue)) return;
+    const previousValues = Array.isArray(previousValue) ? previousValue : [previousValue];
+    if (previousValues.length === 0) return;
+    if (previousValues.every(isEntityReference2)) {
+      previousValues.forEach((value) => {
+        crateManager.setProperty({ id: entity["@id"], property, value });
+      });
+      return;
+    }
+    crateManager.updateProperty({
+      id: entity["@id"],
+      property,
+      value: previousValues
+    });
+  };
+  const restoreApprovalValue = (approvalRecord) => {
+    const property = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+    if (!property) return;
+    if (["@id", "@type", "name"].includes(property)) {
+      if (propertyValueHasContent(approvalRecord == null ? void 0 : approvalRecord.previousValue)) {
+        crateManager.updateProperty({
+          id: entity["@id"],
+          property,
+          value: approvalRecord.previousValue
+        });
+      }
+      return;
+    }
+    restoreNonCoreApprovalValue(approvalRecord);
+  };
+  const restoreEntityApprovalValue = (targetEntity, approvalRecord) => {
+    const property = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+    const entityId = targetEntity == null ? void 0 : targetEntity["@id"];
+    if (!entityId || !property || property === "@reverse") return;
+    const previousValue = approvalRecord == null ? void 0 : approvalRecord.previousValue;
+    if (["@id", "@type", "name"].includes(property)) {
+      if (propertyValueHasContent(previousValue)) {
+        crateManager.updateProperty({
+          id: entityId,
+          property,
+          value: previousValue
+        });
+      }
+      return;
+    }
+    if (entityHasPropertyValue(targetEntity, property)) {
+      crateManager.deleteProperty({ id: entityId, property });
+    }
+    if (!propertyValueHasContent(previousValue)) return;
+    const previousValues = Array.isArray(previousValue) ? previousValue : [previousValue];
+    if (previousValues.length === 0) return;
+    if (previousValues.every(isEntityReference2)) {
+      previousValues.forEach((value) => {
+        crateManager.setProperty({ id: entityId, property, value });
+      });
+      return;
+    }
+    crateManager.updateProperty({
+      id: entityId,
+      property,
+      value: previousValues
+    });
+  };
+  const getPendingApprovalForProperty = (property) => pendingAiApprovals.find((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === property);
+  const handleApproveAiProperty = (property) => {
+    var _a3;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: entity["@id"],
+      propertyName: property,
+      decision: "accept",
+      value: contextEntity == null ? void 0 : contextEntity[property]
+    });
+  };
+  const handleRejectAiProperty = (approvalRecord) => {
+    var _a3;
+    try {
+      if (!(approvalRecord == null ? void 0 : approvalRecord.propertyName) || !propertyValueHasContent(approvalRecord.previousValue)) return;
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: entity["@id"],
+        propertyName: approvalRecord.propertyName,
+        decision: "reject",
+        value: approvalRecord.previousValue
+      });
+      crateManager.updateProperty({
+        id: entity["@id"],
+        property: approvalRecord.propertyName,
+        value: approvalRecord.previousValue
+      });
+      refresh();
+      saveCratePreservingView();
+      notifySave(approvalRecord.propertyName);
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
+  const handleUpdateCoreProperty = (data) => {
+    var _a3;
+    const approvalRecord = getPendingApprovalForProperty(data.property);
+    if (approvalRecord) {
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: entity["@id"],
+        propertyName: data.property,
+        decision: "manual-edit",
+        value: data.value
+      });
+    }
+    handleUpdateEntity(data);
+  };
+  const getCoreAiReviewProps = (property) => {
+    const approvalRecord = getPendingApprovalForProperty(property);
+    if (!approvalRecord) return void 0;
+    return {
+      operation: approvalRecord.operation,
+      previousValue: approvalRecord.previousValue,
+      previousValueDiffers: !valuesAreEqual(approvalRecord.previousValue, contextEntity == null ? void 0 : contextEntity[property]),
+      onApprove: () => handleApproveAiProperty(property),
+      onReject: () => handleRejectAiProperty(approvalRecord)
+    };
+  };
+  const handleAcceptAllAiApprovals = () => {
+    var _a3;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: entity["@id"],
+      decision: "accept"
+    });
+  };
+  const handleAcceptAiEntityEdit = (editedEntity) => {
+    var _a3;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: editedEntity == null ? void 0 : editedEntity["@id"],
+      decision: "accept",
+      value: editedEntity
+    });
+  };
+  const handleRejectAiEntityEdit = (editedEntity) => {
+    var _a3;
+    try {
+      const entityId = editedEntity == null ? void 0 : editedEntity["@id"];
+      if (!entityId) return;
+      const targetEntity = crateManager.getEntity({
+        id: entityId,
+        link: false,
+        materialise: false
+      });
+      if (!targetEntity) return;
+      const approvalRecords = getPendingEntityApprovalRecords(
+        approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+        entityId
+      ).filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse");
+      const restoredValues = approvalRecords.reduce((acc, approvalRecord) => {
+        if (approvalRecord == null ? void 0 : approvalRecord.propertyName) {
+          acc[approvalRecord.propertyName] = approvalRecord.previousValue;
+        }
+        return acc;
+      }, {});
+      approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
+      approvalRecords.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === "@id").forEach((approvalRecord) => restoreEntityApprovalValue(targetEntity, approvalRecord));
+      if (entityIdsMatch(entityId, entity == null ? void 0 : entity["@id"])) {
+        refresh();
+      }
+      saveCratePreservingView();
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId,
+        decision: "reject",
+        value: restoredValues
+      });
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
+  const handleRejectAllAiApprovals = () => {
+    var _a3;
+    try {
+      const restoredValues = pendingAiApprovals.reduce((acc, approvalRecord) => {
+        if (approvalRecord == null ? void 0 : approvalRecord.propertyName) {
+          acc[approvalRecord.propertyName] = approvalRecord.previousValue;
+        }
+        restoreApprovalValue(approvalRecord);
+        return acc;
+      }, {});
+      refresh();
+      saveCratePreservingView();
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: entity["@id"],
+        decision: "reject",
+        value: restoredValues
+      });
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
+  const getPendingDeletedEntityApprovalRecords = (deletedEntity) => {
+    const entityApproval = getEntityApproval(approvalContext == null ? void 0 : approvalContext.roCrateApproval, deletedEntity == null ? void 0 : deletedEntity["@id"]);
+    if (!Array.isArray(entityApproval == null ? void 0 : entityApproval.approval)) return [];
+    return entityApproval.approval.filter((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.operation) === "delete" && !approvalIsApproved(approvalRecord));
+  };
+  const buildRestoredDeletedEntity = (deletedEntity, approvalRecords) => {
+    const restoredEntity = approvalRecords.reduce((acc, approvalRecord) => {
+      const property = approvalRecord == null ? void 0 : approvalRecord.propertyName;
+      if (!property || property === "@reverse" || (approvalRecord == null ? void 0 : approvalRecord.operation) !== "delete") return acc;
+      if (!propertyValueHasContent(approvalRecord.previousValue)) return acc;
+      if (property === "@id") {
+        acc["@id"] = approvalRecord.previousValue;
+      } else if (property === "@type") {
+        acc["@type"] = [].concat(approvalRecord.previousValue);
+      } else {
+        acc[property] = approvalRecord.previousValue;
+      }
+      return acc;
+    }, {
+      "@id": deletedEntity == null ? void 0 : deletedEntity["@id"],
+      "@type": (deletedEntity == null ? void 0 : deletedEntity["@type"]) ?? ["Thing"],
+      name: (deletedEntity == null ? void 0 : deletedEntity.name) ?? (deletedEntity == null ? void 0 : deletedEntity["@id"])
+    });
+    if (!propertyValueHasContent(restoredEntity.name)) {
+      restoredEntity.name = restoredEntity["@id"];
+    }
+    return restoredEntity;
+  };
+  const restoreDeletedEntityReverseConnections = (restoredEntityId, approvalRecords) => {
+    var _a3;
+    const reverseConnections = (_a3 = approvalRecords.find((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === "@reverse" && (approvalRecord == null ? void 0 : approvalRecord.operation) === "delete")) == null ? void 0 : _a3.previousValue;
+    if (!reverseConnections || typeof reverseConnections !== "object") return;
+    Object.entries(reverseConnections).forEach(([property, sourceRefs]) => {
+      const refs = Array.isArray(sourceRefs) ? sourceRefs : [sourceRefs];
+      refs.forEach((sourceRef) => {
+        const sourceId = sourceRef == null ? void 0 : sourceRef["@id"];
+        if (!sourceId) return;
+        crateManager.setProperty({
+          id: sourceId,
+          property,
+          value: { "@id": restoredEntityId }
+        });
+      });
+    });
+  };
+  const handleAcceptAiEntityDelete = (deletedEntity = contextEntity, navigateToRoot = false) => {
+    var _a3;
+    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+      entityId: deletedEntity == null ? void 0 : deletedEntity["@id"],
+      decision: "accept"
+    });
+    if (navigateToRoot) {
+      onLoadEntity({ id: "./" });
+    }
+  };
+  const handleRestoreAiDeletedEntity = (deletedEntity = contextEntity, navigateToRestored = false) => {
+    var _a3;
+    try {
+      const approvalRecords = getPendingDeletedEntityApprovalRecords(deletedEntity);
+      const restoredEntity = buildRestoredDeletedEntity(deletedEntity, approvalRecords);
+      crateManager.addEntity(restoredEntity);
+      restoreDeletedEntityReverseConnections(restoredEntity["@id"], approvalRecords);
+      const nextEntityId = navigateToRestored ? restoredEntity["@id"] : entity["@id"];
+      const nextEntity = crateManager.getEntity({
+        id: nextEntityId,
+        link: false,
+        materialise: false
+      });
+      if (nextEntity) init2({ entity: nextEntity });
+      saveCratePreservingView();
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: deletedEntity == null ? void 0 : deletedEntity["@id"],
+        decision: "reject",
+        value: restoredEntity
+      });
+      if (navigateToRestored) {
+        onLoadEntity({ id: restoredEntity["@id"], updateState: false });
+      }
+    } catch (error2) {
+      console.error(error2);
+      onError();
+    }
+  };
   const hasFieldValue = (value) => {
     if (Array.isArray(value)) {
       return value.some(hasFieldValue);
@@ -112224,6 +113673,8 @@ const RenderEntity = forwardRef((props, ref) => {
     }
     return true;
   };
+  const fieldHasPendingAiApproval = (property) => pendingAiApprovalProperties.includes(property) || pendingDeletedEntityReviewProperties.includes(property);
+  const fieldWasAiEdited = (property) => approvedAiApprovalProperties.includes(property);
   const getFieldTitle = (property, label) => {
     var _a3, _b2;
     if (label) return label;
@@ -112233,13 +113684,59 @@ const RenderEntity = forwardRef((props, ref) => {
       entity: contextEntity
     })) == null ? void 0 : _a3.propertyDefinition) == null ? void 0 : _b2.label) || property;
   };
-  const matchesFieldTitleFilter = (property, label) => {
+  const getSearchableScalarText = (value) => {
+    if (value === null || typeof value === "undefined") return [];
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+      return [String(value)];
+    }
+    return [];
+  };
+  const getLinkedEntitySearchText = (value) => {
+    const id2 = typeof (value == null ? void 0 : value["@id"]) === "string" ? value["@id"] : void 0;
+    if (!id2) return [];
+    try {
+      const linkedEntity = crateManager == null ? void 0 : crateManager.getEntity({ id: id2, link: false, materialise: false });
+      if (!linkedEntity || linkedEntity === value) return [];
+      return [
+        ...getSearchableScalarText(linkedEntity["@id"]),
+        ...getSearchableScalarText(linkedEntity.name),
+        ...getSearchableValueText(linkedEntity["@type"])
+      ];
+    } catch {
+      return [];
+    }
+  };
+  const getSearchableValueText = (value) => {
+    const scalarText = getSearchableScalarText(value);
+    if (scalarText.length) return scalarText;
+    if (Array.isArray(value)) {
+      return value.flatMap(getSearchableValueText);
+    }
+    if (value && typeof value === "object") {
+      return [
+        ...Object.values(value).flatMap(getSearchableValueText),
+        ...getLinkedEntitySearchText(value)
+      ];
+    }
+    return [];
+  };
+  const matchesFieldFilter = (property, label) => {
     const filter2 = fieldTitleFilter.trim().toLowerCase();
     if (!filter2) return true;
-    return getFieldTitle(property, label).toLowerCase().includes(filter2);
-  };
-  const shouldRenderCoreField = (property, label) => matchesFieldTitleFilter(property, label);
-  const shouldRenderField = (property, label) => matchesFieldTitleFilter(property, label) && (!hideEmptyFields || hasFieldValue(contextEntity == null ? void 0 : contextEntity[property]));
+    const fieldText = [
+      getFieldTitle(property, label),
+      ...getSearchableValueText(contextEntity == null ? void 0 : contextEntity[property])
+    ].join(" ").toLowerCase();
+    return fieldText.includes(filter2);
+  };
+  const shouldRenderCoreField = (property, label) => matchesFieldFilter(property, label) && (!showAiEditedFields || fieldWasAiEdited(property));
+  const shouldRenderField = (property, label) => matchesFieldFilter(property, label) && (!showAiEditedFields || fieldWasAiEdited(property)) && (fieldHasPendingAiApproval(property) || !hideEmptyFields || hasFieldValue(contextEntity == null ? void 0 : contextEntity[property]));
+  const entityPropertyNames = useMemo$1(() => Array.from(/* @__PURE__ */ new Set([
+    ...Object.keys(contextEntity ?? {}),
+    ...pendingAiApprovalProperties,
+    ...pendingDeletedEntityReviewProperties,
+    ...approvedAiApprovalProperties
+  ])).sort(), [approvedAiApprovalProperties, contextEntity, pendingAiApprovalProperties, pendingDeletedEntityReviewProperties]);
   const editorScrollClassName = `describo-editor-scroll ${quickSettingsVisible ? "px-3 pb-3 pt-0" : "p-3"}`;
   if (!entity || !entity["@id"]) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No entity selected" });
@@ -112267,7 +113764,7 @@ const RenderEntity = forwardRef((props, ref) => {
             style: { marginRight: 8 },
             onClick: () => setQuickSettingsVisible((visible) => !visible),
             type: quickSettingsVisible ? "primary" : "default",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$8, {}),
             "aria-label": "Quick filter settings",
             "aria-pressed": quickSettingsVisible
           }
@@ -112287,13 +113784,31 @@ const RenderEntity = forwardRef((props, ref) => {
           }
         )
       ] }),
-      !renderTabs && (((_c = state.configuration) == null ? void 0 : _c.tabLocation) === "left" || ((_d = state.configuration) == null ? void 0 : _d.tabLocation) === "right" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: contentContainerRef, className: "min-h-0 overflow-hidden", style: { height: scrollViewportHeight ? `${scrollViewportHeight}px` : "calc(100vh - 200px)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Ve, { vertical: false, proportionalLayout: false, separator: !iconView, onChange: (sizes2) => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AiApprovalStepperHeader,
+        {
+          activeIndex: selectedAiApprovalIndex,
+          pendingCount: pendingAiApprovals.length,
+          activePropertyLabel: selectedAiApprovalProperty ? getFieldTitle(selectedAiApprovalProperty) : void 0,
+          remainingEntityCount: pendingOtherAiApprovalEntities.length,
+          remainingFieldCount: pendingOtherAiApprovalFieldCount,
+          readonly: (_c = state.configuration) == null ? void 0 : _c.readonly,
+          canGoPrevious: selectedAiApprovalIndex > 0,
+          canGoNext: selectedAiApprovalIndex < pendingAiApprovals.length - 1,
+          onPrevious: () => navigateToAiApproval(selectedAiApprovalIndex - 1),
+          onNext: () => navigateToAiApproval(selectedAiApprovalIndex + 1),
+          onAcceptAll: handleAcceptAllAiApprovals,
+          onRejectAll: handleRejectAllAiApprovals,
+          onReviewNextEntity: handleReviewNextAiApprovalEntity
+        }
+      ),
+      !renderTabs && (((_d = state.configuration) == null ? void 0 : _d.tabLocation) === "left" || ((_e2 = state.configuration) == null ? void 0 : _e2.tabLocation) === "right" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: contentContainerRef, className: "min-h-0 overflow-hidden", style: { height: scrollViewportHeight ? `${scrollViewportHeight}px` : "calc(100vh - 200px)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Ve, { vertical: false, proportionalLayout: false, separator: !iconView, onChange: (sizes2) => {
         var _a3;
         const w2 = ((_a3 = state.configuration) == null ? void 0 : _a3.tabLocation) === "left" ? sizes2[0] : sizes2[1];
         setTabPaneWidth(w2);
         persistTabWidth(w2);
       }, children: [
-        ((_e2 = state.configuration) == null ? void 0 : _e2.tabLocation) === "left" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-r border-slate-200", children: [
+        ((_f = state.configuration) == null ? void 0 : _f.tabLocation) === "left" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-r border-slate-200", children: [
           renderProfileActionRail(),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-0 top-0 bottom-0 w-1 bg-slate-300 opacity-0 group-hover:opacity-100" })
         ] }) }),
@@ -112303,11 +113818,12 @@ const RenderEntity = forwardRef((props, ref) => {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: `flex-grow describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded p-1 my-1" : ""}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity })
+                "data-recrate-property": "@id",
+                className: `flex-grow describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded p-1 my-1" : ""} ${selectedAiApprovalProperty === "@id" ? "describo-ai-review-current" : ""}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity, aiEdited: fieldWasAiEdited("@id") })
               }
             ),
-            !((_f = state.configuration) == null ? void 0 : _f.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !((_g = state.configuration) == null ? void 0 : _g.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
@@ -112316,7 +113832,7 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          !shouldRenderCoreField("@id") && !((_g = state.configuration) == null ? void 0 : _g.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
+          !shouldRenderCoreField("@id") && !((_h = state.configuration) == null ? void 0 : _h.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
@@ -112327,21 +113843,31 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-recrate-property": "@type", className: `my-2 p-2 describo-property describo-property-name-type ${selectedAiApprovalProperty === "@type" ? "describo-ai-review-current" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity, aiEdited: fieldWasAiEdited("@type") }) }),
           shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
+              "data-recrate-property": "name",
               className: `my-2 p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded" : ""}`,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EntityName,
+                {
+                  entity: contextEntity,
+                  onUpdate: handleUpdateCoreProperty,
+                  showHelp: showFieldHelp,
+                  aiEdited: fieldWasAiEdited("name"),
+                  aiReview: getCoreAiReviewProps("name")
+                }
+              )
             }
           ),
-          Object.keys(contextEntity).sort().map((property) => {
+          entityPropertyNames.map((property) => {
             if (!["@id", "@type", "name", "@reverse"].includes(property) && shouldRenderField(property)) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
                   "data-recrate-property": property,
-                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
+                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""} ${selectedAiApprovalProperty === property ? "describo-ai-review-current" : ""}`,
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     EntityProperty,
                     {
@@ -112351,13 +113877,18 @@ const RenderEntity = forwardRef((props, ref) => {
                       highlightRequired: highlightRequiredProperties,
                       savedProperty: savedProperty === property,
                       showHelp: showFieldHelp,
+                      aiEdited: fieldWasAiEdited(property),
                       onLoadEntity: handleLoadEntityWithContext,
                       onCreateEntity: handleCreateEntity,
                       onLinkEntity: handleLinkEntity,
                       onUnlinkEntity: handleUnlinkEntity,
                       onCreateProperty: handleCreateProperty,
                       onSaveProperty: handleUpdateEntity,
-                      onDeleteProperty: handleDeleteProperty
+                      onDeleteProperty: handleDeleteProperty,
+                      onAcceptAiEntityDelete: (deletedEntity) => handleAcceptAiEntityDelete(deletedEntity),
+                      onRestoreAiDeletedEntity: (deletedEntity) => handleRestoreAiDeletedEntity(deletedEntity),
+                      onAcceptAiEntityEdit: (editedEntity) => handleAcceptAiEntityEdit(editedEntity),
+                      onRejectAiEntityEdit: (editedEntity) => handleRejectAiEntityEdit(editedEntity)
                     }
                   )
                 },
@@ -112367,11 +113898,11 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) }),
-        ((_h = state.configuration) == null ? void 0 : _h.tabLocation) === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-l border-slate-200", children: [
+        ((_i = state.configuration) == null ? void 0 : _i.tabLocation) === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { minSize: iconView ? ICON_TAB_PANE_WIDTH : MIN_LABEL_TAB_PANE_WIDTH, maxSize: iconView ? ICON_TAB_PANE_WIDTH : MAX_LABEL_TAB_PANE_WIDTH, preferredSize: iconView ? ICON_TAB_PANE_WIDTH : tabPaneWidth, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group h-full border-l border-slate-200", children: [
           renderProfileActionRail(),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-slate-300 opacity-0 group-hover:opacity-100" })
         ] }) })
-      ] }, `untabbed-${(_i = state.configuration) == null ? void 0 : _i.tabLocation}-${iconView ? "icon" : "label"}`) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: contentContainerRef, className: "flex min-h-0 overflow-hidden", style: {
+      ] }, `untabbed-${(_j = state.configuration) == null ? void 0 : _j.tabLocation}-${iconView ? "icon" : "label"}`) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: contentContainerRef, className: "flex min-h-0 overflow-hidden", style: {
         flexDirection: "column",
         height: scrollViewportHeight ? `${scrollViewportHeight}px` : "calc(100vh - 200px)"
       }, children: [
@@ -112393,11 +113924,12 @@ const RenderEntity = forwardRef((props, ref) => {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: `flex-grow describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded p-1 my-1" : ""}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity })
+                "data-recrate-property": "@id",
+                className: `flex-grow describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded p-1 my-1" : ""} ${selectedAiApprovalProperty === "@id" ? "describo-ai-review-current" : ""}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity, aiEdited: fieldWasAiEdited("@id") })
               }
             ),
-            !((_j = state.configuration) == null ? void 0 : _j.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !((_k = state.configuration) == null ? void 0 : _k.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
@@ -112406,7 +113938,7 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          !shouldRenderCoreField("@id") && !((_k = state.configuration) == null ? void 0 : _k.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
+          !shouldRenderCoreField("@id") && !((_l = state.configuration) == null ? void 0 : _l.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between my-2 p-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
@@ -112417,21 +113949,31 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `my-2 p-2 describo-property describo-property-name-type`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+          shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-recrate-property": "@type", className: `my-2 p-2 describo-property describo-property-name-type ${selectedAiApprovalProperty === "@type" ? "describo-ai-review-current" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity, aiEdited: fieldWasAiEdited("@type") }) }),
           shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
+              "data-recrate-property": "name",
               className: `my-2 p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded p-1 my-1" : ""}`,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EntityName,
+                {
+                  entity: contextEntity,
+                  onUpdate: handleUpdateCoreProperty,
+                  showHelp: showFieldHelp,
+                  aiEdited: fieldWasAiEdited("name"),
+                  aiReview: getCoreAiReviewProps("name")
+                }
+              )
             }
           ),
-          Object.keys(contextEntity).sort().map((property) => {
+          entityPropertyNames.map((property) => {
             if (!["@id", "@type", "name", "@reverse"].includes(property) && shouldRenderField(property)) {
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
                 {
                   "data-recrate-property": property,
-                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""}`,
+                  className: `${showFieldHelp ? "my-2" : "my-1"} hover:bg-sky-100 ${savedProperty === property ? "bg-green-200 hover:bg-green-200" : ""} ${selectedAiApprovalProperty === property ? "describo-ai-review-current" : ""}`,
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     EntityProperty,
                     {
@@ -112441,13 +113983,18 @@ const RenderEntity = forwardRef((props, ref) => {
                       highlightRequired: highlightRequiredProperties,
                       savedProperty: savedProperty === property,
                       showHelp: showFieldHelp,
+                      aiEdited: fieldWasAiEdited(property),
                       onLoadEntity: handleLoadEntityWithContext,
                       onCreateEntity: handleCreateEntity,
                       onLinkEntity: handleLinkEntity,
                       onUnlinkEntity: handleUnlinkEntity,
                       onCreateProperty: handleCreateProperty,
                       onSaveProperty: handleUpdateEntity,
-                      onDeleteProperty: handleDeleteProperty
+                      onDeleteProperty: handleDeleteProperty,
+                      onAcceptAiEntityDelete: (deletedEntity) => handleAcceptAiEntityDelete(deletedEntity),
+                      onRestoreAiDeletedEntity: (deletedEntity) => handleRestoreAiDeletedEntity(deletedEntity),
+                      onAcceptAiEntityEdit: (editedEntity) => handleAcceptAiEntityEdit(editedEntity),
+                      onRejectAiEntityEdit: (editedEntity) => handleRejectAiEntityEdit(editedEntity)
                     }
                   )
                 },
@@ -112470,7 +114017,7 @@ const RenderEntity = forwardRef((props, ref) => {
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Ve.Pane, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: activeContentRef, className: `${editorScrollClassName} h-full overflow-y-auto scroll-smooth min-h-0`, children: [
           renderQuickSettingsHeader(),
-          !((_l = state.configuration) == null ? void 0 : _l.readonly) && ((_m = tabs.find((t22) => t22.name === activeTab)) == null ? void 0 : _m.missingRequiredData) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-600 float-right mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          !((_m = state.configuration) == null ? void 0 : _m.readonly) && ((_n = tabs.find((t22) => t22.name === activeTab)) == null ? void 0 : _n.missingRequiredData) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-red-600 float-right mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded text-sm",
@@ -112482,25 +114029,36 @@ const RenderEntity = forwardRef((props, ref) => {
             shouldRenderCoreField("@id") && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: `p-2 describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded" : ""}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity })
+                "data-recrate-property": "@id",
+                className: `p-2 describo-property describo-property-name-id ${savedProperty === "@id" ? "bg-green-200 rounded" : ""} ${selectedAiApprovalProperty === "@id" ? "describo-ai-review-current" : ""}`,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityId, { entity: contextEntity, onUpdate: handleUpdateEntity, aiEdited: fieldWasAiEdited("@id") })
               }
             ),
-            shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-2 describo-property describo-property-name-type", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity }) }),
+            shouldRenderCoreField("@type") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-recrate-property": "@type", className: `p-2 describo-property describo-property-name-type ${selectedAiApprovalProperty === "@type" ? "describo-ai-review-current" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityType, { entity: contextEntity, onUpdateEntity: handleUpdateEntity, aiEdited: fieldWasAiEdited("@type") }) }),
             shouldRenderCoreField("name") && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
+                "data-recrate-property": "name",
                 className: `p-2 describo-property describo-property-name-name ${savedProperty === "name" ? "bg-green-200 rounded" : ""}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityName, { entity: contextEntity, onUpdate: handleUpdateEntity, showHelp: showFieldHelp })
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  EntityName,
+                  {
+                    entity: contextEntity,
+                    onUpdate: handleUpdateCoreProperty,
+                    showHelp: showFieldHelp,
+                    aiEdited: fieldWasAiEdited("name"),
+                    aiReview: getCoreAiReviewProps("name")
+                  }
+                )
               }
             ),
-            (_n = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _n.inputs.map((input) => {
+            (_o = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _o.inputs.map((input) => {
               if (!["@id", "@type", "name", "@reverse"].includes(input.name) && shouldRenderField(input.name, input.label)) {
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
                     "data-recrate-property": input.name,
-                    className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
+                    className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""} ${selectedAiApprovalProperty === input.name ? "describo-ai-review-current" : ""}`,
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                       EntityProperty,
                       {
@@ -112510,13 +114068,18 @@ const RenderEntity = forwardRef((props, ref) => {
                         highlightRequired: highlightRequiredProperties,
                         savedProperty: savedProperty === input.name,
                         showHelp: showFieldHelp,
+                        aiEdited: fieldWasAiEdited(input.name),
                         onLoadEntity: handleLoadEntityWithContext,
                         onCreateEntity: handleCreateEntity,
                         onLinkEntity: handleLinkEntity,
                         onUnlinkEntity: handleUnlinkEntity,
                         onCreateProperty: handleCreateProperty,
                         onSaveProperty: handleUpdateEntity,
-                        onDeleteProperty: handleDeleteProperty
+                        onDeleteProperty: handleDeleteProperty,
+                        onAcceptAiEntityDelete: (deletedEntity) => handleAcceptAiEntityDelete(deletedEntity),
+                        onRestoreAiDeletedEntity: (deletedEntity) => handleRestoreAiDeletedEntity(deletedEntity),
+                        onAcceptAiEntityEdit: (editedEntity) => handleAcceptAiEntityEdit(editedEntity),
+                        onRejectAiEntityEdit: (editedEntity) => handleRejectAiEntityEdit(editedEntity)
                       }
                     )
                   },
@@ -112534,7 +114097,7 @@ const RenderEntity = forwardRef((props, ref) => {
                     "div",
                     {
                       "data-recrate-property": input.name,
-                      className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""}`,
+                      className: `${showFieldHelp ? "p-2" : "px-2 py-1"} hover:bg-sky-100 ${savedProperty === input.name ? "bg-green-200 hover:bg-green-200" : ""} ${selectedAiApprovalProperty === input.name ? "describo-ai-review-current" : ""}`,
                       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                         EntityProperty,
                         {
@@ -112544,13 +114107,18 @@ const RenderEntity = forwardRef((props, ref) => {
                           highlightRequired: highlightRequiredProperties,
                           savedProperty: savedProperty === input.name,
                           showHelp: showFieldHelp,
+                          aiEdited: fieldWasAiEdited(input.name),
                           onLoadEntity: handleLoadEntityWithContext,
                           onCreateEntity: handleCreateEntity,
                           onLinkEntity: handleLinkEntity,
                           onUnlinkEntity: handleUnlinkEntity,
                           onCreateProperty: handleCreateProperty,
                           onSaveProperty: handleUpdateEntity,
-                          onDeleteProperty: handleDeleteProperty
+                          onDeleteProperty: handleDeleteProperty,
+                          onAcceptAiEntityDelete: (deletedEntity) => handleAcceptAiEntityDelete(deletedEntity),
+                          onRestoreAiDeletedEntity: (deletedEntity) => handleRestoreAiDeletedEntity(deletedEntity),
+                          onAcceptAiEntityEdit: (editedEntity) => handleAcceptAiEntityEdit(editedEntity),
+                          onRejectAiEntityEdit: (editedEntity) => handleRejectAiEntityEdit(editedEntity)
                         }
                       )
                     },
@@ -112563,7 +114131,7 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) })
-      ] }, `tabbed-${(_o = state.configuration) == null ? void 0 : _o.tabLocation}-${iconView ? "icon" : "label"}`) })
+      ] }, `tabbed-${(_p = state.configuration) == null ? void 0 : _p.tabLocation}-${iconView ? "icon" : "label"}`) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Drawer2,
@@ -120913,13 +122481,110 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.30";
+const version = "0.1.32-test";
 const pkg = {
   version
 };
 const antdCache = createScopedCache("recrate");
+const markApprovalRecordsApproved = (approvalState, entityId, propertyName2) => {
+  const approvalRecords = [];
+  let changed = false;
+  const updateEntityApproval = (entityApproval) => {
+    if (!entityApproval || !entityIdsMatch(entityApproval["@id"], entityId) || !Array.isArray(entityApproval.approval)) {
+      return entityApproval;
+    }
+    let entityChanged = false;
+    const nextApprovalRecords = entityApproval.approval.map((approvalRecord) => {
+      if ((approvalRecord == null ? void 0 : approvalRecord.propertyName) !== propertyName2) {
+        return approvalRecord;
+      }
+      const nextApprovalRecord = { ...approvalRecord, approved: true };
+      approvalRecords.push(nextApprovalRecord);
+      if (approvalRecord.approved !== true) {
+        entityChanged = true;
+      }
+      return nextApprovalRecord;
+    });
+    if (!entityChanged) return entityApproval;
+    changed = true;
+    return {
+      ...entityApproval,
+      approval: nextApprovalRecords
+    };
+  };
+  if (Array.isArray(approvalState)) {
+    const nextApprovalState = approvalState.map(updateEntityApproval);
+    return { nextApprovalState, approvalRecords, changed };
+  }
+  if (approvalState && typeof approvalState === "object") {
+    if (Array.isArray(approvalState.approval)) {
+      return {
+        nextApprovalState: updateEntityApproval(approvalState),
+        approvalRecords,
+        changed
+      };
+    }
+    if (Array.isArray(approvalState.items)) {
+      const nextItems = approvalState.items.map(updateEntityApproval);
+      return {
+        nextApprovalState: changed ? { ...approvalState, items: nextItems } : approvalState,
+        approvalRecords,
+        changed
+      };
+    }
+  }
+  return { nextApprovalState: approvalState, approvalRecords, changed };
+};
+const markEntityApprovalRecordsApproved = (approvalState, entityId) => {
+  const approvalRecords = [];
+  let changed = false;
+  const updateEntityApproval = (entityApproval) => {
+    if (!entityApproval || !entityIdsMatch(entityApproval["@id"], entityId) || !Array.isArray(entityApproval.approval)) {
+      return entityApproval;
+    }
+    let entityChanged = false;
+    const nextApprovalRecords = entityApproval.approval.map((approvalRecord) => {
+      if ((approvalRecord == null ? void 0 : approvalRecord.approved) === true || (approvalRecord == null ? void 0 : approvalRecord.approved) === "true") {
+        return approvalRecord;
+      }
+      const nextApprovalRecord = { ...approvalRecord, approved: true };
+      approvalRecords.push(nextApprovalRecord);
+      entityChanged = true;
+      return nextApprovalRecord;
+    });
+    if (!entityChanged) return entityApproval;
+    changed = true;
+    return {
+      ...entityApproval,
+      approval: nextApprovalRecords
+    };
+  };
+  if (Array.isArray(approvalState)) {
+    const nextApprovalState = approvalState.map(updateEntityApproval);
+    return { nextApprovalState, approvalRecords, changed };
+  }
+  if (approvalState && typeof approvalState === "object") {
+    if (Array.isArray(approvalState.approval)) {
+      return {
+        nextApprovalState: updateEntityApproval(approvalState),
+        approvalRecords,
+        changed
+      };
+    }
+    if (Array.isArray(approvalState.items)) {
+      const nextItems = approvalState.items.map(updateEntityApproval);
+      return {
+        nextApprovalState: changed ? { ...approvalState, items: nextItems } : approvalState,
+        approvalRecords,
+        changed
+      };
+    }
+  }
+  return { nextApprovalState: approvalState, approvalRecords, changed };
+};
 const ProfileManagerContext = React__default.createContext(null);
 const CrateManagerContext = React__default.createContext(null);
+const RoCrateApprovalContext = React__default.createContext(null);
 const LookupsContext = React__default.createContext(null);
 function DescriboCrateBuilder(props) {
   const { stateScopeKey } = props;
@@ -120928,6 +122593,7 @@ function DescriboCrateBuilder(props) {
 function DescriboCrateBuilderInner(props) {
   const {
     crate,
+    roCrateApproval,
     profile,
     entityId,
     lookup,
@@ -120953,6 +122619,7 @@ function DescriboCrateBuilderInner(props) {
     onWarning,
     onNavigation,
     onSaveCrate,
+    onSaveRoCrateApproval,
     onSaveEntityTemplate,
     onAddNewProfileRequest,
     onRemoveProfile
@@ -120963,10 +122630,56 @@ function DescriboCrateBuilderInner(props) {
   const [cm, setCm] = useState(null);
   const [pm, setPm] = useState(null);
   const [lookups, setLookups] = useState(null);
+  const [approvalState, setApprovalState] = useState(roCrateApproval);
   const state = useStateStore();
   const renderEntityRef = useRef(null);
   const keys2 = useRef({ cm: 0, pm: 0, lookups: 0 });
   const lastHandledEntityIdRef = useRef(void 0);
+  useEffect(() => {
+    setApprovalState(roCrateApproval);
+  }, [roCrateApproval]);
+  const markApprovalPropertyApproved = useCallback((params) => {
+    const { entityId: entityId2, propertyName: propertyName2, decision, value } = params;
+    if (!entityId2 || !propertyName2) return;
+    const { nextApprovalState, approvalRecords, changed } = markApprovalRecordsApproved(
+      approvalState,
+      entityId2,
+      propertyName2
+    );
+    if (!changed && approvalRecords.length === 0) return;
+    setApprovalState(nextApprovalState);
+    onSaveRoCrateApproval == null ? void 0 : onSaveRoCrateApproval({
+      roCrateApproval: nextApprovalState,
+      entityId: entityId2,
+      propertyName: propertyName2,
+      decision,
+      approvalRecords,
+      value
+    });
+  }, [approvalState, onSaveRoCrateApproval]);
+  const markApprovalEntityApproved = useCallback((params) => {
+    const { entityId: entityId2, decision, value } = params;
+    if (!entityId2) return;
+    const { nextApprovalState, approvalRecords, changed } = markEntityApprovalRecordsApproved(
+      approvalState,
+      entityId2
+    );
+    if (!changed && approvalRecords.length === 0) return;
+    setApprovalState(nextApprovalState);
+    onSaveRoCrateApproval == null ? void 0 : onSaveRoCrateApproval({
+      roCrateApproval: nextApprovalState,
+      entityId: entityId2,
+      propertyName: "*",
+      decision,
+      approvalRecords,
+      value
+    });
+  }, [approvalState, onSaveRoCrateApproval]);
+  const approvalContextValue = useMemo$1(() => ({
+    roCrateApproval: approvalState,
+    markApprovalPropertyApproved,
+    markApprovalEntityApproved
+  }), [approvalState, markApprovalEntityApproved, markApprovalPropertyApproved]);
   const configuration = useMemo$1(() => {
     const config2 = {
       enableContextEditor,
@@ -121106,7 +122819,7 @@ function DescriboCrateBuilderInner(props) {
       console.error("Error in handleSetCurrentEntity:", error22);
       onError == null ? void 0 : onError({ error: "Failed to set entity" });
     }
-  }, [cm, onNavigation]);
+  }, [cm, onNavigation, state.editorState]);
   const handleAddProfileRequest = useCallback((requested) => {
     try {
       onAddNewProfileRequest == null ? void 0 : onAddNewProfileRequest(requested);
@@ -121158,7 +122871,7 @@ function DescriboCrateBuilderInner(props) {
     onSaveCrate == null ? void 0 : onSaveCrate({ crate: exported, entityId: currentEntityId });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "recrate", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CacheProvider, { value: antdCache, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, { className: "recrate-ant", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileManagerContext.Provider, { value: pm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrateManagerContext.Provider, { value: cm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LookupsContext.Provider, { value: lookups, children: ready && !error2 && contextEntity && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CacheProvider, { value: antdCache, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, { className: "recrate-ant", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileManagerContext.Provider, { value: pm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrateManagerContext.Provider, { value: cm, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RoCrateApprovalContext.Provider, { value: approvalContextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LookupsContext.Provider, { value: lookups, children: ready && !error2 && contextEntity && /* @__PURE__ */ jsxRuntimeExports.jsx(
       RenderEntity,
       {
         ref: renderEntityRef,
@@ -121171,7 +122884,7 @@ function DescriboCrateBuilderInner(props) {
         onAddNewProfileRequest: handleAddProfileRequest,
         onRemoveProfile
       }
-    ) }) }) }) }) }) }),
+    ) }) }) }) }) }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pointer-events-none fixed bottom-2 right-2 z-50 text-xs text-gray-400", children: [
       "v",
       pkg.version