@arpproject/recrate 0.1.32-test4 → 0.1.32-test5

package/dist/recrate.es.js

@@ -67670,7 +67670,8 @@ const AiEditedFieldBadge = ({
   ariaLabel,
   variant = "edited"
 }) => {
-  const label = variant === "deleted" ? "Deleted by AI" : "Edited by AI";
+  const { t: t2 } = useTranslation();
+  const label = variant === "deleted" ? t2("ai_deleted_by_ai") : t2("ai_edited_by_ai");
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: title ?? label, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `describo-ai-edited-icon ${className}`, "aria-label": ariaLabel ?? label, children: "✦" }) });
 };
 const EntityId = ({
@@ -67680,6 +67681,7 @@ const EntityId = ({
   aiEditedVariant = "edited"
 }) => {
   var _a2;
+  const { t: t2 } = useTranslation();
   const state = useStateStore();
   const handleSave = async (data) => {
     onUpdate(data);
@@ -67703,7 +67705,7 @@ const EntityId = ({
           type: "link",
           icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$6, {}),
           onClick: () => openInNewTab(entity["@id"]),
-          title: "Open in new tab"
+          title: String(t2("open_in_new_tab"))
         }
       ),
       isDatasetOrFile() ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: entity["@id"] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67803,8 +67805,8 @@ const valueIsEmpty = (value) => {
   if (Array.isArray(value)) return value.length === 0;
   return false;
 };
-const formatValue = (value) => {
-  if (valueIsEmpty(value)) return "empty";
+const formatValue = (value, emptyLabel) => {
+  if (valueIsEmpty(value)) return emptyLabel;
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
     return String(value);
   }
@@ -67819,13 +67821,15 @@ const AiFieldDiffView = ({
   currentValue,
   operation
 }) => {
+  const { t: t2 } = useTranslation();
   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: [
+  const emptyLabel = String(t2("ai_empty_value"));
+  const removedValue = formatValue(previousValue, emptyLabel);
+  const addedValue = isDelete ? emptyLabel : formatValue(currentValue, emptyLabel);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-field-diff", "aria-label": String(t2("ai_field_diff_aria")), 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.jsx("span", { children: isDelete ? t2("ai_proposed_deletion") : t2("ai_proposed_change") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-field-diff-chip", children: t2("ai_edit_chip") })
     ] }),
     /* @__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: "-" }),
@@ -67846,7 +67850,7 @@ const EntityName = ({
   aiReview
 }) => {
   var _a2;
-  const [t2, i18n] = useTranslation();
+  const { t: t2 } = useTranslation();
   const state = useStateStore();
   const [showAiDiff, setShowAiDiff] = useState(false);
   const showAiReview = Boolean(aiReview);
@@ -67861,7 +67865,7 @@ const EntityName = ({
       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"
+          isAiDelete ? t2("ai_delete_badge") : t2("ai_suggestion_badge")
         ] }),
         /* @__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: [
@@ -67887,33 +67891,33 @@ const EntityName = ({
             }
           ) }),
           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(
+            (aiReview == null ? void 0 : aiReview.previousValueDiffers) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiDiff ? t2("ai_hide_diff") : t2("ai_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-label": showAiDiff ? String(t2("ai_hide_ai_diff_aria")) : String(t2("ai_show_ai_diff_aria")),
                 "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(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isAiDelete ? t2("ai_approve_deletion_tooltip") : t2("ai_approve_suggested_value_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "middle",
                 className: "describo-ai-action-approve",
                 onClick: aiReview == null ? void 0 : aiReview.onApprove,
-                children: isAiDelete ? "Delete" : "Accept"
+                children: isAiDelete ? t2("ai_delete") : t2("ai_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(
+            (aiReview == null ? void 0 : aiReview.previousValueDiffers) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_restore_previous_value_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "middle",
                 className: "describo-ai-action-reject",
                 onClick: aiReview == null ? void 0 : aiReview.onReject,
-                children: isAiDelete ? "Restore" : "Reject"
+                children: isAiDelete ? t2("ai_restore") : t2("ai_reject")
               }
             ) })
           ] })
@@ -79832,9 +79836,9 @@ 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(", ");
+const formatEntityDiffValue = (value, emptyLabel) => {
+  if (value === void 0 || value === null) return emptyLabel;
+  if (Array.isArray(value)) return value.map((item) => formatEntityDiffValue(item, emptyLabel)).join(", ");
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
     return String(value);
   }
@@ -79854,20 +79858,21 @@ const AiEntityDiffView = ({
   onAccept,
   onReject
 }) => {
+  const { t: t2 } = useTranslation();
   const isDelete = operation === "delete";
   const isUnlink = operation === "unlink";
-  const title = isDelete ? `AI deleted entity: ${entityId}` : isUnlink ? `AI unlinked entity: ${entityId}` : `AI edited entity: ${entityId}`;
+  const title = isDelete ? t2("ai_deleted_entity_title", { entityId }) : isUnlink ? t2("ai_unlinked_entity_title", { entityId }) : t2("ai_edited_entity_title", { entityId });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `describo-ai-entity-diff-card ${isDelete ? "describo-ai-entity-diff-card-delete" : ""} ${isUnlink ? "describo-ai-entity-diff-card-unlink" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-entity-diff-head", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title }),
-      onClose && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Hide entity diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      onClose && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_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",
+          "aria-label": String(t2("ai_hide_entity_diff_aria")),
           onClick: (event) => {
             event.stopPropagation();
             onClose();
@@ -79882,13 +79887,13 @@ const AiEntityDiffView = ({
         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) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-entity-diff-value", children: formatEntityDiffValue(row.value, String(t2("ai_empty_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" : isUnlink ? "Approve this AI unlink" : "Accept every AI edit for this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isDelete ? t2("ai_approve_deletion_tooltip") : isUnlink ? t2("ai_approve_unlink_tooltip") : t2("ai_accept_entity_edits_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$1,
         {
           size: "middle",
@@ -79897,10 +79902,10 @@ const AiEntityDiffView = ({
             event.stopPropagation();
             onAccept == null ? void 0 : onAccept();
           },
-          children: isDelete ? "Delete entity" : isUnlink ? "Unlink entity" : "Accept edit"
+          children: isDelete ? t2("ai_delete_entity") : isUnlink ? t2("ai_unlink_entity") : t2("ai_accept_edit")
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isDelete ? "Restore this entity and mark the deletion reviewed" : isUnlink ? "Restore this link and mark the unlink reviewed" : "Restore previous values for this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isDelete ? t2("ai_restore_deleted_entity_tooltip") : isUnlink ? t2("ai_restore_link_tooltip") : t2("ai_restore_entity_values_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$1,
         {
           size: "middle",
@@ -79909,7 +79914,7 @@ const AiEntityDiffView = ({
             event.stopPropagation();
             onReject == null ? void 0 : onReject();
           },
-          children: isDelete ? "Keep entity" : isUnlink ? "Restore link" : "Reject edit"
+          children: isDelete ? t2("ai_keep_entity") : isUnlink ? t2("ai_restore_link") : t2("ai_reject_edit")
         }
       ) })
     ] })
@@ -80012,6 +80017,7 @@ const DeletedLinkedEntityCard = ({
   onAcceptDelete,
   onRestore
 }) => {
+  const { t: t2 } = useTranslation();
   const [showDeletedFields, setShowDeletedFields] = useState(false);
   const deletedDiffRows = fields.map((field) => ({
     kind: "removed",
@@ -80049,22 +80055,19 @@ const DeletedLinkedEntityCard = ({
       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"
+          t2("ai_delete_badge")
         ] }),
         /* @__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(
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("ai_fields_can_be_restored", { count: fieldCount }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showDeletedFields ? t2("ai_hide_deleted_fields") : t2("ai_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-label": showDeletedFields ? String(t2("ai_hide_deleted_fields_aria")) : String(t2("ai_show_deleted_fields_aria")),
                 "aria-pressed": showDeletedFields,
                 onClick: (event) => {
                   event.stopPropagation();
@@ -80074,7 +80077,7 @@ const DeletedLinkedEntityCard = ({
             ) })
           ] }),
           !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-actions", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Approve this AI deletion", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_approve_deletion_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "small",
@@ -80083,10 +80086,10 @@ const DeletedLinkedEntityCard = ({
                   event.stopPropagation();
                   onAcceptDelete == null ? void 0 : onAcceptDelete(entity);
                 },
-                children: "Delete"
+                children: t2("ai_delete")
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore this entity and mark the deletion reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_restore_deleted_entity_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "small",
@@ -80095,7 +80098,7 @@ const DeletedLinkedEntityCard = ({
                   event.stopPropagation();
                   onRestore == null ? void 0 : onRestore(entity);
                 },
-                children: "Restore"
+                children: t2("ai_restore")
               }
             ) })
           ] })
@@ -80114,19 +80117,20 @@ const UnlinkedLinkedEntityCard = ({
   onAcceptUnlink,
   onRejectUnlink
 }) => {
+  const { t: t2 } = useTranslation();
   const [showDiff, setShowDiff] = useState(false);
   const targetEntityId = entity["@id"];
   const diffRows = [
     {
       kind: "context",
       propertyName: "@id",
-      label: "entity",
+      label: t2("ai_diff_label_entity"),
       value: targetEntityId
     },
     {
       kind: "context",
       propertyName: "source",
-      label: "linked from",
+      label: t2("ai_diff_label_linked_from"),
       value: sourceEntityId
     },
     {
@@ -80166,17 +80170,17 @@ const UnlinkedLinkedEntityCard = ({
       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 unlink"
+          t2("ai_unlink_badge")
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(LinkedEntityCardHeader, { entity: displayEntity }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-deleted-entity-controls", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-deleted-entity-summary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showDiff ? "Hide unlink diff" : "Show unlink diff", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describo-ai-deleted-entity-summary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showDiff ? t2("ai_hide_unlink_diff") : t2("ai_show_unlink_diff"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$1,
             {
               size: "small",
               className: "describo-ai-entity-delete-details-toggle",
               icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$7, {}),
-              "aria-label": showDiff ? "Hide AI unlink diff" : "Show AI unlink diff",
+              "aria-label": showDiff ? String(t2("ai_hide_unlink_diff_aria")) : String(t2("ai_show_unlink_diff_aria")),
               "aria-pressed": showDiff,
               onClick: (event) => {
                 event.stopPropagation();
@@ -80185,7 +80189,7 @@ const UnlinkedLinkedEntityCard = ({
             }
           ) }) }),
           !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-actions", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Approve this AI unlink", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_approve_unlink_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "small",
@@ -80194,10 +80198,10 @@ const UnlinkedLinkedEntityCard = ({
                   event.stopPropagation();
                   onAcceptUnlink == null ? void 0 : onAcceptUnlink({ sourceEntityId, property, targetEntityId });
                 },
-                children: "Unlink"
+                children: t2("ai_unlink_entity")
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore this link and mark the unlink reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_restore_link_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$1,
               {
                 size: "small",
@@ -80206,7 +80210,7 @@ const UnlinkedLinkedEntityCard = ({
                   event.stopPropagation();
                   onRejectUnlink == null ? void 0 : onRejectUnlink({ sourceEntityId, property, targetEntityId });
                 },
-                children: "Restore"
+                children: t2("ai_restore")
               }
             ) })
           ] })
@@ -80243,23 +80247,18 @@ const AiEntityReviewSummary = ({
   onReview,
   onDiff
 }) => {
+  const { t: t2 } = useTranslation();
   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(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "describo-ai-entity-review-count", children: t2("ai_fields_to_review", { count: fieldCount }) }),
+      onDiff && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_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",
+          "aria-label": String(t2("ai_show_entity_diff_aria")),
           onClick: (event) => {
             event.stopPropagation();
             onDiff();
@@ -80276,7 +80275,7 @@ const AiEntityReviewSummary = ({
           event.stopPropagation();
           onReview();
         },
-        children: "Review entity"
+        children: t2("ai_review_entity")
       }
     )
   ] });
@@ -80291,47 +80290,51 @@ const LinkedEntityCard = ({
   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 { t: t2 } = useTranslation();
+  const entityAddedLabel = t2("ai_entity_was_added_by_ai");
+  return /* @__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: "✦" }),
+          t2("ai_suggestion_badge")
+        ] }),
+        /* @__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: entityAddedLabel,
+            ariaLabel: entityAddedLabel
+          }
+        ),
+        /* @__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 [];
@@ -80413,6 +80416,19 @@ const getPendingDeletedEntitiesForReverseProperty = (approvalData, sourceEntityI
     return [].concat(reverseValue).some((sourceRef) => entityIdsMatch(sourceRef == null ? void 0 : sourceRef["@id"], sourceEntityId));
   });
 };
+const getPendingDeletedEntitiesForRemovedReferences = (approvalData, sourceEntityId, property, currentValue) => {
+  if (!sourceEntityId || !property) return [];
+  return getPendingUnlinkedReferenceApprovals(approvalData, sourceEntityId, property, currentValue).map(({ approvalRecord, targetEntityId }) => {
+    const deletedEntity = getPendingDeletedEntityFromApproval(approvalData, targetEntityId);
+    if (!deletedEntity) return void 0;
+    return {
+      ...deletedEntity,
+      __aiDeleteSourceEntityId: sourceEntityId,
+      __aiDeleteSourceProperty: property,
+      __aiDeleteSourceApprovalRecord: approvalRecord
+    };
+  }).filter(Boolean);
+};
 const getDeletedEntityReviewTarget = (entityApproval) => {
   const deletedEntity = getDeletedEntityFromApproval(entityApproval);
   const reverse = deletedEntity == null ? void 0 : deletedEntity["@reverse"];
@@ -80456,11 +80472,20 @@ const getRemovedReferenceValues = (previousValue, currentValue) => {
   const currentIds = getReferenceValues(currentValue).map(getReferenceId).filter((id2) => typeof id2 === "string");
   return getReferenceValues(previousValue).filter((previousReference) => !currentIds.some((currentId) => entityIdsMatch(currentId, getReferenceId(previousReference))));
 };
+const getAddedReferenceValues = (previousValue, currentValue) => {
+  const previousIds = getReferenceValues(previousValue).map(getReferenceId).filter((id2) => typeof id2 === "string");
+  return getReferenceValues(currentValue).filter((currentReference) => !previousIds.some((previousId) => entityIdsMatch(previousId, getReferenceId(currentReference))));
+};
 const getPendingUnlinkedReferenceApprovals = (approvalData, sourceEntityId, property, currentValue) => getEntityApprovalRecords(approvalData, sourceEntityId, property).filter((approvalRecord) => !approvalIsApproved(approvalRecord) && ["update", "delete", "remove"].includes(String(approvalRecord == null ? void 0 : approvalRecord.operation))).flatMap((approvalRecord) => getRemovedReferenceValues(approvalRecord == null ? void 0 : approvalRecord.previousValue, currentValue).map((reference) => ({
   approvalRecord,
   reference,
   targetEntityId: getReferenceId(reference) || ""
 })).filter((item) => item.targetEntityId));
+const getPendingAddedReferenceApprovals = (approvalData, sourceEntityId, property, currentValue) => getEntityApprovalRecords(approvalData, sourceEntityId, property).filter((approvalRecord) => !approvalIsApproved(approvalRecord) && ["update", "create", "add"].includes(String(approvalRecord == null ? void 0 : approvalRecord.operation))).flatMap((approvalRecord) => getAddedReferenceValues(approvalRecord == null ? void 0 : approvalRecord.previousValue, currentValue).map((reference) => ({
+  approvalRecord,
+  reference,
+  targetEntityId: getReferenceId(reference) || ""
+})).filter((item) => item.targetEntityId));
 const getPendingEntityApprovalRecords = (approvalData, entityId) => {
   const entityApproval = getEntityApproval(approvalData, entityId);
   if (!Array.isArray(entityApproval == null ? void 0 : entityApproval.approval)) return [];
@@ -80520,6 +80545,7 @@ const RenderLinkedItem = ({
   onRejectAiEntityUnlink
 }) => {
   var _a2, _b, _c, _d, _e2;
+  const { t: t2 } = useTranslation();
   const state = useStateStore();
   const crateManager = useContext(CrateManagerContext);
   const profileManager = useContext(ProfileManagerContext);
@@ -80640,8 +80666,8 @@ const RenderLinkedItem = ({
   const getEntityDiffLabel = (fieldName) => {
     var _a3, _b2;
     if (fieldName === "@id") return "@id";
-    if (fieldName === "@type") return "type";
-    if (fieldName === "name") return "name";
+    if (fieldName === "@type") return t2("type_field_label");
+    if (fieldName === "name") return t2("name_field_label");
     return ((_b2 = (_a3 = profileManager == null ? void 0 : profileManager.getPropertyDefinition({
       property: fieldName,
       entity: effectiveEntity
@@ -80690,7 +80716,7 @@ const RenderLinkedItem = ({
       return rows;
     });
     return [...contextRows, ...changedRows];
-  }, [effectiveEntity, entity, pendingAiEntityDiffRecords, profileManager]);
+  }, [effectiveEntity, entity, pendingAiEntityDiffRecords, profileManager, t2]);
   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: [
@@ -80792,18 +80818,27 @@ const PaginateLinkedEntities = ({
   );
   const [displayEntities, setDisplayEntities] = useState([]);
   const [total, setTotal] = useState(entities.length);
+  const getAiReviewEntityPage = (sourceEntities = entities) => {
+    const reviewEntityIndex = sourceEntities.findIndex((entity) => {
+      var _a3, _b2, _c;
+      return ((_a3 = entity.value) == null ? void 0 : _a3.__aiDeletedEntity) || ((_b2 = entity.value) == null ? void 0 : _b2.__aiUnlinkedEntity) || ((_c = entity.value) == null ? void 0 : _c.__aiLinkedEntityReview);
+    });
+    if (reviewEntityIndex < 0) return void 0;
+    return Math.floor(reviewEntityIndex / pageSize) + 1;
+  };
   useEffect(() => {
     var _a3, _b2;
+    const nextPage = getAiReviewEntityPage() ?? ((_b2 = (_a3 = editorState.editorState.latest()[property]) == null ? void 0 : _a3.paginator) == null ? void 0 : _b2.currentPage) ?? 1;
     setTotal(entities.length);
-    setCurrentPage(((_b2 = (_a3 = editorState.editorState.latest()[property]) == null ? void 0 : _a3.paginator) == null ? void 0 : _b2.currentPage) ?? 1);
-    filterAndChunkEntitiesForDisplay();
+    setCurrentPage(nextPage);
+    filterAndChunkEntitiesForDisplay(nextPage);
   }, [entities]);
-  const filterAndChunkEntitiesForDisplay = () => {
+  const filterAndChunkEntitiesForDisplay = (page = currentPage) => {
     var _a3, _b2;
     if (total < pageSize) {
       setCurrentPage(1);
     }
-    const offset2 = (currentPage - 1) * pageSize;
+    const offset2 = (page - 1) * pageSize;
     let filteredEntities = entities;
     if (filter2) {
       const re2 = new RegExp(filter2, "i");
@@ -80819,10 +80854,10 @@ const PaginateLinkedEntities = ({
     }
     setDisplayEntities(filteredEntities.slice(offset2, offset2 + pageSize));
     const currentState = editorState.editorState.latest();
-    if (currentPage !== ((_b2 = (_a3 = currentState[property]) == null ? void 0 : _a3.paginator) == null ? void 0 : _b2.currentPage)) {
+    if (page !== ((_b2 = (_a3 = currentState[property]) == null ? void 0 : _a3.paginator) == null ? void 0 : _b2.currentPage)) {
       currentState[property] = {
         paginator: {
-          currentPage
+          currentPage: page
         }
       };
       editorState.editorState.update(currentState);
@@ -82568,18 +82603,50 @@ const EntityProperty = ({
     );
   }, [values]);
   const renderedLinkInstances = useMemo$1(() => {
-    const deletedEntities = getPendingDeletedEntitiesForReverseProperty(
+    const reverseDeletedEntities = getPendingDeletedEntitiesForReverseProperty(
       approvalContext == null ? void 0 : approvalContext.roCrateApproval,
       entity == null ? void 0 : entity["@id"],
       property
     );
+    const removedReferenceDeletedEntities = getPendingDeletedEntitiesForRemovedReferences(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      entity == null ? void 0 : entity["@id"],
+      property,
+      (entity == null ? void 0 : entity[property]) ?? values
+    );
+    const deletedEntities = [...reverseDeletedEntities, ...removedReferenceDeletedEntities].filter((deletedEntity, idx, allDeletedEntities) => allDeletedEntities.findIndex((item) => entityIdsMatch(item == null ? void 0 : item["@id"], deletedEntity == null ? void 0 : deletedEntity["@id"])) === idx);
     const unlinkedApprovals = getPendingUnlinkedReferenceApprovals(
       approvalContext == null ? void 0 : approvalContext.roCrateApproval,
       entity == null ? void 0 : entity["@id"],
       property,
       (entity == null ? void 0 : entity[property]) ?? values
     );
-    if (!deletedEntities.length && !unlinkedApprovals.length) return linkInstances;
+    const addedReferenceApprovals = getPendingAddedReferenceApprovals(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      entity == null ? void 0 : entity["@id"],
+      property,
+      (entity == null ? void 0 : entity[property]) ?? values
+    );
+    const addedReferenceIds = new Set(
+      addedReferenceApprovals.filter(({ targetEntityId }) => getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, targetEntityId).some((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) !== "@reverse")).map(({ targetEntityId }) => targetEntityId)
+    );
+    const linkedReviewInstances = linkInstances.map((instance2) => {
+      var _a3;
+      const targetEntityId = (_a3 = instance2.value) == null ? void 0 : _a3["@id"];
+      if (!targetEntityId || !Array.from(addedReferenceIds).some((id2) => entityIdsMatch(id2, targetEntityId))) {
+        return instance2;
+      }
+      return {
+        ...instance2,
+        value: {
+          ...instance2.value,
+          __aiLinkedEntityReview: true,
+          __aiLinkSourceEntityId: entity == null ? void 0 : entity["@id"],
+          __aiLinkSourceProperty: property
+        }
+      };
+    });
+    if (!deletedEntities.length && !unlinkedApprovals.length && !addedReferenceIds.size) return linkedReviewInstances;
     const linkedEntityIds = linkInstances.map((instance2) => {
       var _a3;
       return (_a3 = instance2.value) == null ? void 0 : _a3["@id"];
@@ -82608,10 +82675,10 @@ const EntityProperty = ({
       };
     });
     return lodashExports.orderBy(
-      [...linkInstances, ...deletedLinkInstances, ...unlinkedLinkInstances],
+      [...linkedReviewInstances, ...deletedLinkInstances, ...unlinkedLinkInstances],
       [(instance2) => {
-        var _a3, _b2;
-        return ((_a3 = instance2.value) == null ? void 0 : _a3.__aiDeletedEntity) || ((_b2 = instance2.value) == null ? void 0 : _b2.__aiUnlinkedEntity) ? 0 : 1;
+        var _a3, _b2, _c;
+        return ((_a3 = instance2.value) == null ? void 0 : _a3.__aiDeletedEntity) || ((_b2 = instance2.value) == null ? void 0 : _b2.__aiUnlinkedEntity) || ((_c = instance2.value) == null ? void 0 : _c.__aiLinkedEntityReview) ? 0 : 1;
       }, "value.@id"]
     );
   }, [approvalContext == null ? void 0 : approvalContext.roCrateApproval, crateManager, entity, linkInstances, property, values]);
@@ -82715,7 +82782,7 @@ const EntityProperty = ({
       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"
+          isAiDelete ? t2("ai_delete_badge") : t2("ai_suggestion_badge")
         ] }),
         /* @__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: [
@@ -82762,33 +82829,33 @@ const EntityProperty = ({
                 }
               ) }),
               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(
+                showAiDiffToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiDiff ? t2("ai_hide_diff") : t2("ai_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-label": showAiDiff ? String(t2("ai_hide_ai_diff_aria")) : String(t2("ai_show_ai_diff_aria")),
                     "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(
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: isAiDelete ? t2("ai_approve_deletion_tooltip") : t2("ai_approve_suggested_value_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Button$1,
                   {
                     size: "middle",
                     className: "describo-ai-action-approve",
                     onClick: handleApproveAiSuggestion,
-                    children: isAiDelete ? "Delete" : "Accept"
+                    children: isAiDelete ? t2("ai_delete") : t2("ai_accept")
                   }
                 ) }),
-                previousValueDiffers && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore the previous value and mark this suggestion reviewed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                previousValueDiffers && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_restore_previous_value_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Button$1,
                   {
                     size: "middle",
                     className: "describo-ai-action-reject",
                     onClick: () => handleRejectAiSuggestion(instance2.idx),
-                    children: isAiDelete ? "Restore" : "Reject"
+                    children: isAiDelete ? t2("ai_restore") : t2("ai_reject")
                   }
                 ) })
               ] }),
@@ -108277,6 +108344,7 @@ const DialogBrowseEntities = ({
           const hasReviewedAiEdits = approvedFieldCount > 0;
           const hasPendingAiReview = pendingFieldCount > 0 && !hasReviewedAiEdits;
           const hasAiTouchedEntity = hasPendingAiReview || hasReviewedAiEdits;
+          const entityAddedLabel = t2("ai_entity_was_added_by_ai");
           return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Card,
             {
@@ -108305,8 +108373,8 @@ const DialogBrowseEntities = ({
                   AiEditedFieldBadge,
                   {
                     className: "describo-ai-entity-edited-badge",
-                    title: "Entity was added by AI",
-                    ariaLabel: "Entity was added by AI"
+                    title: entityAddedLabel,
+                    ariaLabel: entityAddedLabel
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -110693,55 +110761,58 @@ const QuickSettingsHeader = ({
   onFieldTitleFilterChange,
   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$l, {}),
-        "aria-label": showFieldHelp ? "Hide field help" : "Show field help",
-        "aria-pressed": !showFieldHelp,
-        onClick: onToggleFieldHelp
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: hideEmptyFields ? "Show fields with no value" : "Hide fields with no value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button$1,
-      {
-        type: hideEmptyFields ? "primary" : "default",
-        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$5, {}),
-        "aria-label": hideEmptyFields ? "Show fields with no value" : "Hide fields with no value",
-        "aria-pressed": hideEmptyFields,
-        onClick: onToggleEmptyFields
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiEditedFields ? "Show all fields" : "Show AI-edited fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button$1,
+}) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-header", role: "region", "aria-label": String(t2("quick_filter_settings_aria")), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-quick-settings-actions", "aria-label": String(t2("field_display_settings_aria")), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showFieldHelp ? t2("hide_field_help") : t2("show_field_help"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          type: showFieldHelp ? "default" : "primary",
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$l, {}),
+          "aria-label": showFieldHelp ? String(t2("hide_field_help")) : String(t2("show_field_help")),
+          "aria-pressed": !showFieldHelp,
+          onClick: onToggleFieldHelp
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: hideEmptyFields ? t2("show_empty_fields") : t2("hide_empty_fields"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          type: hideEmptyFields ? "primary" : "default",
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$5, {}),
+          "aria-label": hideEmptyFields ? String(t2("show_empty_fields")) : String(t2("hide_empty_fields")),
+          "aria-pressed": hideEmptyFields,
+          onClick: onToggleEmptyFields
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: showAiEditedFields ? t2("show_all_fields") : t2("show_ai_edited_fields"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          type: showAiEditedFields ? "primary" : "default",
+          className: "describo-ai-edited-filter-button",
+          "aria-label": showAiEditedFields ? String(t2("show_all_fields")) : String(t2("show_ai_edited_fields")),
+          "aria-pressed": showAiEditedFields,
+          disabled: aiEditedFieldCount === 0,
+          onClick: onToggleAiEditedFields,
+          children: "✦"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input2,
       {
-        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(
-    Input2,
-    {
-      className: "describo-quick-settings-filter",
-      value: fieldTitleFilter,
-      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$B, { "aria-label": "Clear field filter" })
+        className: "describo-quick-settings-filter",
+        value: fieldTitleFilter,
+        placeholder: String(t2("filter_fields_by_name_or_value")),
+        "aria-label": String(t2("filter_fields_by_name_or_value")),
+        onChange: (event) => onFieldTitleFilterChange(event.target.value),
+        allowClear: {
+          clearIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon$B, { "aria-label": String(t2("clear_field_filter")) })
+        }
       }
-    }
-  )
-] });
+    )
+  ] });
+};
 const AiApprovalStepperHeader = ({
   activeIndex,
   pendingCount,
@@ -110757,12 +110828,17 @@ const AiApprovalStepperHeader = ({
   onRejectAll,
   onReviewNextEntity
 }) => {
+  const { t: t2 } = useTranslation();
   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: [
+    const entityLabel = t2("ai_entity", { count: remainingEntityCount });
+    const remainingMessage = t2("ai_remaining_review_message", {
+      count: remainingFieldCount,
+      fieldCount: remainingFieldCount,
+      entityCount: remainingEntityCount,
+      entityLabel
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-bar describo-ai-confirm-bar-remaining", role: "status", "aria-label": String(t2("ai_changes_remaining_aria")), 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 })
@@ -110772,66 +110848,66 @@ const AiApprovalStepperHeader = ({
         {
           className: "describo-ai-review-next-entity",
           onClick: onReviewNextEntity,
-          children: "Review next"
+          children: t2("ai_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: [
+  const message = activePropertyLabel ? t2("ai_changes_need_review_property", { property: activePropertyLabel }) : t2("ai_changes_need_review");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-confirm-bar", role: "region", "aria-label": String(t2("ai_change_review_aria")), 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(
+      onReviewNextEntity && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: remainingEntityCount > 0 ? t2("ai_review_next_entity_tooltip") : t2("ai_no_other_entities_need_review"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$1,
         {
           className: "describo-ai-review-next-entity",
           disabled: remainingEntityCount === 0,
           onClick: onReviewNextEntity,
-          children: "Review next"
+          children: t2("ai_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(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_accept_all_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button$1,
           {
             className: "describo-ai-bulk-action describo-ai-bulk-accept",
             onClick: onAcceptAll,
-            children: "Accept all"
+            children: t2("ai_accept_all")
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: "Restore previous values for every pending AI change in this entity", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_reject_all_tooltip"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button$1,
           {
             className: "describo-ai-bulk-action describo-ai-bulk-reject",
             onClick: onRejectAll,
-            children: "Reject all"
+            children: t2("ai_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(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "describo-ai-stepper", "aria-label": String(t2("ai_pending_field_navigation_aria")), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_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",
+            "aria-label": String(t2("ai_previous_pending_field_aria")),
             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(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip2, { title: t2("ai_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",
+            "aria-label": String(t2("ai_next_pending_field_aria")),
             disabled: !canGoNext,
             onClick: onNext
           }
@@ -112467,10 +112543,19 @@ const findAddedProfileTab = (tabs, previousTabKeys) => {
   const profileTabs = tabs.filter(isProfileTab);
   return profileTabs.find((tab) => !previousTabKeys.has(getProfileTabKey(tab))) ?? profileTabs[profileTabs.length - 1];
 };
-const findTabForProperty = (tabs, property) => tabs.find((tab) => {
+const isAboutTab = (tab) => {
+  const name2 = String((tab == null ? void 0 : tab.name) || "").toLowerCase();
+  const label = String((tab == null ? void 0 : tab.label) || (tab == null ? void 0 : tab.name) || "").toLowerCase();
+  return name2 === "about" || label === "about";
+};
+const tabContainsProperty = (tab, property) => {
   var _a2;
-  return (_a2 = tab == null ? void 0 : tab.inputs) == null ? void 0 : _a2.some((input) => (input == null ? void 0 : input.name) === property);
-}) ?? tabs.find((tab) => ["overflow", "other"].includes(String((tab == null ? void 0 : tab.name) || "").toLowerCase()));
+  return (_a2 = tab == null ? void 0 : tab.inputs) == null ? void 0 : _a2.some((input) => (input == null ? void 0 : input.name) === property || (input == null ? void 0 : input.id) === property);
+};
+const findTabForProperty = (tabs, property) => {
+  const matchingTabs = tabs.filter((tab) => tabContainsProperty(tab, property));
+  return matchingTabs.find((tab) => !isAboutTab(tab)) ?? matchingTabs[0] ?? tabs.find((tab) => ["overflow", "other"].includes(String((tab == null ? void 0 : tab.name) || "").toLowerCase()));
+};
 const getPendingAddedProfileStorageKey = (entityId) => `recrate.pending-added-profile-tab.${entityId}`;
 const DEFAULT_TAB_PANE_WIDTH = 240;
 const ICON_TAB_PANE_WIDTH = 80;
@@ -112524,7 +112609,7 @@ const buildAiApprovalNavigationKey = (entityId, approvalRecord) => {
   return `${entityId}:${propertyName2}:${operation}:${timestamp}:${previousValue}`;
 };
 const RenderEntity = forwardRef((props, ref) => {
-  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const { entity, onLoadEntity, onSaveCrate, onSaveEntityTemplate, onWarning, onError, onAddNewProfileRequest, onRemoveProfile } = props;
   const state = useStateStore();
   const profileManager = useContext(ProfileManagerContext);
@@ -112584,16 +112669,46 @@ const RenderEntity = forwardRef((props, ref) => {
   const isAiScrollRestoreSuppressed = () => Date.now() < aiScrollRestoreSuppressedUntilRef.current;
   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 pendingDeletedEntityReviewProperties = useMemo$1(() => {
+    const reverseDeletedEntityProperties = getPendingDeletedEntityReversePropertiesForSource(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      contextEntity == null ? void 0 : contextEntity["@id"]
+    );
+    const removedReferenceDeletedEntityProperties = pendingAiApprovals.map((approvalRecord) => approvalRecord == null ? void 0 : approvalRecord.propertyName).filter((property) => typeof property === "string" && property.length > 0).filter((property) => getPendingDeletedEntitiesForRemovedReferences(
+      approvalContext == null ? void 0 : approvalContext.roCrateApproval,
+      contextEntity == null ? void 0 : contextEntity["@id"],
+      property,
+      contextEntity == null ? void 0 : contextEntity[property]
+    ).length > 0);
+    return Array.from(/* @__PURE__ */ new Set([
+      ...reverseDeletedEntityProperties,
+      ...removedReferenceDeletedEntityProperties
+    ]));
+  }, [approvalContext == null ? void 0 : approvalContext.roCrateApproval, contextEntity, pendingAiApprovals]);
   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 selectedAiApprovalProperty = (selectedAiApproval == null ? void 0 : selectedAiApproval.propertyName) ?? pendingDeletedEntityReviewProperties[0];
+  useCallback((entityApproval) => {
+    const entityId = entityApproval == null ? void 0 : entityApproval["@id"];
+    if (!entityId) return false;
+    if (isPendingEntityDeleteApproval(entityApproval)) {
+      const reviewTarget = getDeletedEntityReviewTarget(entityApproval);
+      if (!(reviewTarget == null ? void 0 : reviewTarget.entityId)) return false;
+      return Boolean(crateManager == null ? void 0 : crateManager.getEntity({
+        id: reviewTarget.entityId,
+        link: false,
+        materialise: false
+      }));
+    }
+    return Boolean(crateManager == null ? void 0 : crateManager.getEntity({
+      id: entityId,
+      link: false,
+      materialise: false
+    }));
+  }, [crateManager]);
   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(() => {
@@ -113594,13 +113709,8 @@ const RenderEntity = forwardRef((props, ref) => {
       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;
+  const navigateToAiApprovalProperty = useCallback((property) => {
     if (!property) return;
-    setSelectedAiApprovalIndex(index2);
     setFieldTitleFilter("");
     if (!hasFieldValue(contextEntity == null ? void 0 : contextEntity[property]) && hideEmptyFields) {
       setHideEmptyFields(false);
@@ -113624,19 +113734,46 @@ const RenderEntity = forwardRef((props, ref) => {
     scrollToAiApprovalProperty,
     tabs
   ]);
+  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);
+    navigateToAiApprovalProperty(property);
+  }, [navigateToAiApprovalProperty, pendingAiApprovals]);
   useEffect(() => {
+    var _a3, _b2;
     const entityId = contextEntity == null ? void 0 : contextEntity["@id"];
+    const profileHasTabbedLayout = Boolean((_b2 = (_a3 = profileManager == null ? void 0 : profileManager.profile) == null ? void 0 : _a3.layouts) == null ? void 0 : _b2.length);
+    if (profileHasTabbedLayout && tabs.length === 0) {
+      return;
+    }
     const firstPendingApproval = pendingAiApprovals[0];
-    const firstPendingProperty = firstPendingApproval == null ? void 0 : firstPendingApproval.propertyName;
+    const firstPendingProperty = (firstPendingApproval == null ? void 0 : firstPendingApproval.propertyName) ?? pendingDeletedEntityReviewProperties[0];
     if (!entityId || !firstPendingProperty) {
       lastAutoNavigatedAiApprovalRef.current = null;
       return;
     }
-    const autoNavigationKey = `${(profileManager == null ? void 0 : profileManager.$key) ?? 0}:${buildAiApprovalNavigationKey(entityId, firstPendingApproval)}`;
+    const autoNavigationKey = firstPendingApproval ? `${(profileManager == null ? void 0 : profileManager.$key) ?? 0}:${buildAiApprovalNavigationKey(entityId, firstPendingApproval)}` : `${(profileManager == null ? void 0 : profileManager.$key) ?? 0}:${entityId}:${firstPendingProperty}:deleted-entity-review`;
     if (lastAutoNavigatedAiApprovalRef.current === autoNavigationKey) return;
     lastAutoNavigatedAiApprovalRef.current = autoNavigationKey;
-    navigateToAiApproval(0);
-  }, [contextEntity == null ? void 0 : contextEntity["@id"], navigateToAiApproval, pendingAiApprovals, profileManager == null ? void 0 : profileManager.$key]);
+    if (firstPendingApproval) {
+      navigateToAiApproval(0);
+      return;
+    }
+    navigateToAiApprovalProperty(firstPendingProperty);
+  }, [
+    contextEntity == null ? void 0 : contextEntity["@id"],
+    navigateToAiApproval,
+    navigateToAiApprovalProperty,
+    pendingAiApprovals,
+    pendingDeletedEntityReviewProperties,
+    profileManager == null ? void 0 : profileManager.$key,
+    (_b = (_a2 = profileManager == null ? void 0 : profileManager.profile) == null ? void 0 : _a2.layouts) == null ? void 0 : _b.length,
+    tabs.length
+  ]);
   useEffect(() => {
     const pendingProperty = pendingAiScrollPropertyRef.current;
     if (!pendingProperty) return;
@@ -113905,23 +114042,55 @@ const RenderEntity = forwardRef((props, ref) => {
       });
     });
   };
-  const handleAcceptAiEntityDelete = (deletedEntity = contextEntity, navigateToRoot = false) => {
-    var _a3;
-    (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _a3.call(approvalContext, {
+  const getDeletedEntitySourceApproval = (deletedEntity) => {
+    const sourceEntityId = deletedEntity == null ? void 0 : deletedEntity.__aiDeleteSourceEntityId;
+    const sourceProperty = deletedEntity == null ? void 0 : deletedEntity.__aiDeleteSourceProperty;
+    if (!sourceEntityId || !sourceProperty) return void 0;
+    return getPendingEntityApprovalRecords(approvalContext == null ? void 0 : approvalContext.roCrateApproval, sourceEntityId).find((approvalRecord) => (approvalRecord == null ? void 0 : approvalRecord.propertyName) === sourceProperty);
+  };
+  const markDeletedEntityApprovalResolved = (deletedEntity, decision, value) => {
+    var _a3, _b2;
+    const sourceEntityId = deletedEntity == null ? void 0 : deletedEntity.__aiDeleteSourceEntityId;
+    const sourceProperty = deletedEntity == null ? void 0 : deletedEntity.__aiDeleteSourceProperty;
+    if (sourceEntityId && sourceProperty) {
+      (_a3 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityAndPropertyApproved) == null ? void 0 : _a3.call(approvalContext, {
+        entityId: deletedEntity == null ? void 0 : deletedEntity["@id"],
+        propertyEntityId: sourceEntityId,
+        propertyName: sourceProperty,
+        decision,
+        value
+      });
+      return;
+    }
+    (_b2 = approvalContext == null ? void 0 : approvalContext.markApprovalEntityApproved) == null ? void 0 : _b2.call(approvalContext, {
       entityId: deletedEntity == null ? void 0 : deletedEntity["@id"],
-      decision: "accept"
+      decision,
+      value
     });
+  };
+  const handleAcceptAiEntityDelete = (deletedEntity = contextEntity, navigateToRoot = false) => {
+    markDeletedEntityApprovalResolved(deletedEntity, "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 sourceApprovalRecord = getDeletedEntitySourceApproval(deletedEntity);
+      if (sourceApprovalRecord) {
+        const sourceEntity = crateManager.getEntity({
+          id: deletedEntity.__aiDeleteSourceEntityId,
+          link: false,
+          materialise: false
+        });
+        if (sourceEntity) {
+          restoreEntityApprovalValue(sourceEntity, sourceApprovalRecord);
+        }
+      }
       const nextEntityId = navigateToRestored ? restoredEntity["@id"] : entity["@id"];
       const nextEntity = crateManager.getEntity({
         id: nextEntityId,
@@ -113930,11 +114099,7 @@ const RenderEntity = forwardRef((props, ref) => {
       });
       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
-      });
+      markDeletedEntityApprovalResolved(deletedEntity, "reject", restoredEntity);
       if (navigateToRestored) {
         onLoadEntity({ id: restoredEntity["@id"], updateState: false });
       }
@@ -114026,7 +114191,7 @@ const RenderEntity = forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col w-full", children: [
-      ((_a2 = state.configuration) == null ? void 0 : _a2.showControls) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between pb-1 border-b border-slate-700", children: [
+      ((_c = state.configuration) == null ? void 0 : _c.showControls) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row place-content-between pb-1 border-b border-slate-700", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           RenderControls,
           {
@@ -114052,7 +114217,7 @@ const RenderEntity = forwardRef((props, ref) => {
             "aria-pressed": quickSettingsVisible
           }
         ) }),
-        ((_b = state.configuration) == null ? void 0 : _b.enableReverseLinkBrowser) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ((_d = state.configuration) == null ? void 0 : _d.enableReverseLinkBrowser) && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded text-sm",
@@ -114075,7 +114240,7 @@ const RenderEntity = forwardRef((props, ref) => {
           activePropertyLabel: selectedAiApprovalProperty ? getFieldTitle(selectedAiApprovalProperty) : void 0,
           remainingEntityCount: pendingOtherAiApprovalEntities.length,
           remainingFieldCount: pendingOtherAiApprovalFieldCount,
-          readonly: (_c = state.configuration) == null ? void 0 : _c.readonly,
+          readonly: (_e2 = state.configuration) == null ? void 0 : _e2.readonly,
           canGoPrevious: selectedAiApprovalIndex > 0,
           canGoNext: selectedAiApprovalIndex < pendingAiApprovals.length - 1,
           onPrevious: () => navigateToAiApproval(selectedAiApprovalIndex - 1),
@@ -114085,13 +114250,13 @@ const RenderEntity = forwardRef((props, ref) => {
           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) => {
+      !renderTabs && (((_f = state.configuration) == null ? void 0 : _f.tabLocation) === "left" || ((_g = state.configuration) == null ? void 0 : _g.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: [
-        ((_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: [
+        ((_h = state.configuration) == null ? void 0 : _h.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" })
         ] }) }),
@@ -114114,7 +114279,7 @@ const RenderEntity = forwardRef((props, ref) => {
                 )
               }
             ),
-            !((_g = state.configuration) == null ? void 0 : _g.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !((_i = state.configuration) == null ? void 0 : _i.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
@@ -114123,7 +114288,7 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          !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: [
+          !shouldRenderCoreField("@id") && !((_j = state.configuration) == null ? void 0 : _j.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",
@@ -114201,11 +114366,11 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) }),
-        ((_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: [
+        ((_k = state.configuration) == null ? void 0 : _k.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-${(_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: {
+      ] }, `untabbed-${(_l = state.configuration) == null ? void 0 : _l.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: [
@@ -114240,7 +114405,7 @@ const RenderEntity = forwardRef((props, ref) => {
                 )
               }
             ),
-            !((_k = state.configuration) == null ? void 0 : _k.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !((_m = state.configuration) == null ? void 0 : _m.readonly) && missingRequiredData && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
@@ -114249,7 +114414,7 @@ const RenderEntity = forwardRef((props, ref) => {
               }
             )
           ] }),
-          !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: [
+          !shouldRenderCoreField("@id") && !((_n = state.configuration) == null ? void 0 : _n.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",
@@ -114340,7 +114505,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(),
-          !((_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(
+          !((_o = state.configuration) == null ? void 0 : _o.readonly) && ((_p = tabs.find((t22) => t22.name === activeTab)) == null ? void 0 : _p.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",
@@ -114392,7 +114557,7 @@ const RenderEntity = forwardRef((props, ref) => {
                 )
               }
             ),
-            (_o = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _o.inputs.map((input) => {
+            (_q = tabs.find((tab) => tab.name === "about")) == null ? void 0 : _q.inputs.map((input) => {
               if (!["@id", "@type", "name", "@reverse"].includes(input.name) && shouldRenderField(input.name, input.label)) {
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
@@ -114477,7 +114642,7 @@ const RenderEntity = forwardRef((props, ref) => {
             return null;
           })
         ] }) })
-      ] }, `tabbed-${(_p = state.configuration) == null ? void 0 : _p.tabLocation}-${iconView ? "icon" : "label"}`) })
+      ] }, `tabbed-${(_r = state.configuration) == null ? void 0 : _r.tabLocation}-${iconView ? "icon" : "label"}`) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Drawer2,
@@ -121750,7 +121915,7 @@ const en = {
   translation: {
     hello_one: "hello world",
     hello_other: "hello worlds",
-    // RenderControls.component.vue
+    // RenderControls.tsx
     root_dataset_label: "Root dataset",
     add_label: "Add",
     edit_context_label: "Edit context",
@@ -121766,56 +121931,57 @@ const en = {
     edit_context: "Edit Context",
     preview_crate: "Preview Crate",
     browse_entities: "Browse entities",
-    // DialogAddProperty.component.vue
+    // DialogAddProperty.tsx
     filter_attribute_set: "Filter the attribute set",
-    // DialogEditContext.component.vue
+    // DialogEditContext.tsx
     save_label: "Save",
-    // DialogPreviewCrate.component.vue
+    // DialogPreviewCrate.tsx
     preview_loading: "loading ...",
-    // DialogBrowseEntities.component.vue
+    // DialogBrowseEntities.tsx
     search_for_connection: "Search for a connection",
     filter_by_type: "Filter by type",
-    // DialogSaveCrateAsTemplate.component.vue
+    // DialogSaveCrateAsTemplate.tsx
     save_template_prompt: "Save this crate as a template for re-use",
     provide_name_for_template: "provide a name for the crate template",
-    // RenderEntityName.component.vue
+    // EntityName.tsx
     name_field_label: "Name",
     name_field_help: "A short, descriptive name for this item.",
-    // Add.component.vue
+    type_field_label: "Type",
+    // Add.tsx
     associate_existing_prompt: "Associate an existing '{{addType}}' (lookup by identifier or name) or create a new '{{addType}}' by typing a name for it.",
     associate_any_prompt: "Associate any entity (lookup by identifier or name).",
     add_text: "Add text",
-    // Text.component.vue
+    // Text.tsx
     invalid_type_for_text: "The type '{{type}}' is not valid for this component. It can only be 'text' or 'textarea'",
     text_constraints_error_message: "The specified value does not meet the following constraints: {{- value}}, or it is considered invalid.",
-    // Date.component.vue
+    // Date.tsx
     pick_a_date: "Pick a date",
     invalid_date_value: "The supplied date '{{value}}' is invalid. Date format is: YYYY-MM-DD or an ISO String. e.g. 2021-03-22 or 2022-09-28T02:20:56.521Z.",
-    // DateTime.component.vue
+    // DateTime.tsx
     pick_a_datetime: "Pick a date and time",
     invalid_datetime_value: "The supplied date/time '{{value}}' is invalid. Date/Time format is: YYYY-MM-DD HH:mm:ss or an ISO String. e.g. 2021-03-22 03:23:00 or 2022-09-28T02:20:56.521Z.",
-    // Time.component.vue
+    // Time.tsx
     provide_time: "Please provide a time.",
     invalid_time_value: "The supplied time '{{value}}' is invalid. Time format is: HH:mm::ss. e.g. 09:03:59",
-    // Number.component.vue
+    // Number.tsx
     invalid_number_value: "The supplied number '{{value}}' is invalid. The value must be a valid number passed in as a String or a Number.",
     number_constraints_error_message: "The specified number does not meet the following constraints: {{value}}",
-    // Select.component.vue
+    // Select.tsx
     select: "Select",
     invalid_select_value: "The definition provided to this component has values of the wrong from. It can only be an array of strings",
-    // Url.component.vue
+    // Url.tsx
     invalid_url_value: "The entry needs to be a valid url. The accepted protocols are: http, https, ftp, ftps and arcp.",
-    // Boolean.component.vue
+    // Boolean.tsx
     true_label: "True",
     false_label: "False",
-    // SelectUrl.component.vue
+    // SelectUrl.tsx
     // select: as above
     invalid_selecturl_value: "The value '{{value}}' provided to this component is of the wrong from. It can only be a valid URL.",
     invalid_selecturl_values: "The definition provided to this component has values of the wrong from. It can only be an array of strings which are each valid URLs.",
-    // SelectObject.component.vue
+    // SelectObject.tsx
     // select: as above
     invalid_selectobject_values: "The definition provided to this component has values of the wrong from. It can only be an array of JSON-LD objects and each object, at a minimum, must have '@id', '@type' and 'name' defined.",
-    // Geo.component.vue
+    // Geo.tsx
     define_location: "Define a location by selecting on the map",
     center_map: "center map",
     select_region: "select region",
@@ -121826,9 +121992,9 @@ const en = {
     provide_name_for_location: "Please provide a name for this location - optional",
     provide_name_for_location_error: "You need to provide a name for this location",
     select_existing_location: "Select a location that has already been defined",
-    // Value.component.vue
+    // Value.tsx
     invalid_value_value: "The supplied value '{{value}}' is invalid. It can only be a string.",
-    // AutoComplete.component.vue
+    // AutoComplete.tsx
     select_existing_or_create_new: "select an existing entity or create a new one",
     create_new_of_type: "Create new {{type}}",
     external_lookup_timeout_error: "External Lookup Timeout",
@@ -121839,7 +122005,7 @@ const en = {
     associate_user_created_entity: "Associate a user created entity",
     associate_from_datapack: "Associate a verified entity from a datapack",
     create_new_entity: "Create new entity",
-    // AddControl.component.vue
+    // AddControl.tsx
     select_a_type_to_add: "Select a type to add",
     // Shell2.tsx
     add_profile_button_tooltip: "Add a new profile",
@@ -121847,21 +122013,120 @@ const en = {
     switch_to_label_view: "Switch to default view",
     // EntityType.tsx
     select_a_class_to_add: "Select a class to add",
-    // PaginateLinkedEntities.component.vue
+    // PaginateLinkedEntities.tsx
     filter_the_entities: "Filter the entities",
     pagination_total: "Total: {{total}}",
-    // RenderEntityProperty.component.vue
+    // EntityProperty.tsx
     not_defined_in_profile: "not defined in profile",
-    // RenderReverseConnections.component.vue
+    // RenderReverseConnections.tsx
     // search_for_connection: defined before
-    links_to_this_entity: "Links to this entity:"
+    links_to_this_entity: "Links to this entity:",
+    // AiEditedFieldBadge.tsx
+    ai_edited_by_ai: "Edited by AI",
+    ai_deleted_by_ai: "Deleted by AI",
+    // AiApprovalStepperHeader.tsx
+    ai_field_one: "field",
+    ai_field_other: "fields",
+    ai_entity_one: "entity",
+    ai_entity_other: "entities",
+    ai_changes_remaining_aria: "AI changes remaining",
+    ai_remaining_review_message_one: "{{fieldCount}} AI field still needs review in {{entityCount}} other {{entityLabel}}",
+    ai_remaining_review_message_other: "{{fieldCount}} AI fields still need review in {{entityCount}} other {{entityLabel}}",
+    ai_review_next: "Review next",
+    ai_changes_need_review: "AI changes need review",
+    ai_changes_need_review_property: "AI changes need review: {{property}}",
+    ai_change_review_aria: "AI change review",
+    ai_review_next_entity_tooltip: "Review the next entity with pending AI changes",
+    ai_no_other_entities_need_review: "No other entities need AI review",
+    ai_accept_all_tooltip: "Accept every pending AI change in this entity",
+    ai_accept_all: "Accept all",
+    ai_reject_all_tooltip: "Restore previous values for every pending AI change in this entity",
+    ai_reject_all: "Reject all",
+    ai_pending_field_navigation_aria: "Pending AI field navigation",
+    ai_previous_pending_field: "Previous pending field",
+    ai_previous_pending_field_aria: "Previous pending AI field",
+    ai_next_pending_field: "Next pending field",
+    ai_next_pending_field_aria: "Next pending AI field",
+    // AiEntityReviewSummary.tsx
+    ai_fields_to_review_one: "{{count}} field to review",
+    ai_fields_to_review_other: "{{count}} fields to review",
+    ai_show_entity_diff: "Show entity diff",
+    ai_show_entity_diff_aria: "Show AI entity diff",
+    ai_review_entity: "Review entity",
+    // AiEntityDiffView.tsx
+    ai_empty_value: "empty",
+    ai_deleted_entity_title: "AI deleted entity: {{entityId}}",
+    ai_unlinked_entity_title: "AI unlinked entity: {{entityId}}",
+    ai_edited_entity_title: "AI edited entity: {{entityId}}",
+    ai_hide_entity_diff: "Hide entity diff",
+    ai_hide_entity_diff_aria: "Hide AI entity diff",
+    ai_approve_deletion_tooltip: "Approve this AI deletion",
+    ai_approve_unlink_tooltip: "Approve this AI unlink",
+    ai_accept_entity_edits_tooltip: "Accept every AI edit for this entity",
+    ai_delete_entity: "Delete entity",
+    ai_unlink_entity: "Unlink entity",
+    ai_accept_edit: "Accept edit",
+    ai_restore_deleted_entity_tooltip: "Restore this entity and mark the deletion reviewed",
+    ai_restore_link_tooltip: "Restore this link and mark the unlink reviewed",
+    ai_restore_entity_values_tooltip: "Restore previous values for this entity",
+    ai_keep_entity: "Keep entity",
+    ai_restore_link: "Restore link",
+    ai_reject_edit: "Reject edit",
+    // AiFieldDiffView.tsx
+    ai_field_diff_aria: "AI field diff",
+    ai_proposed_deletion: "Proposed deletion",
+    ai_proposed_change: "Proposed change",
+    ai_edit_chip: "AI edit",
+    // AI review controls
+    ai_delete_badge: "AI delete",
+    ai_suggestion_badge: "AI suggestion",
+    ai_unlink_badge: "AI unlink",
+    ai_hide_diff: "Hide diff",
+    ai_show_diff: "Show diff",
+    ai_hide_ai_diff_aria: "Hide AI diff",
+    ai_show_ai_diff_aria: "Show AI diff",
+    ai_approve_suggested_value_tooltip: "Approve this AI-suggested value",
+    ai_restore_previous_value_tooltip: "Restore the previous value and mark this suggestion reviewed",
+    ai_delete: "Delete",
+    ai_accept: "Accept",
+    ai_restore: "Restore",
+    ai_reject: "Reject",
+    // DeletedLinkedEntityCard.tsx
+    ai_fields_can_be_restored_one: "{{count}} field can be restored.",
+    ai_fields_can_be_restored_other: "{{count}} fields can be restored.",
+    ai_hide_deleted_fields: "Hide deleted fields",
+    ai_show_deleted_fields: "Show deleted fields",
+    ai_hide_deleted_fields_aria: "Hide deleted AI fields",
+    ai_show_deleted_fields_aria: "Show deleted AI fields",
+    // UnlinkedLinkedEntityCard.tsx
+    ai_diff_label_entity: "entity",
+    ai_diff_label_linked_from: "linked from",
+    ai_hide_unlink_diff: "Hide unlink diff",
+    ai_show_unlink_diff: "Show unlink diff",
+    ai_hide_unlink_diff_aria: "Hide AI unlink diff",
+    ai_show_unlink_diff_aria: "Show AI unlink diff",
+    // LinkedEntityCard.tsx / DialogBrowseEntities.tsx
+    ai_entity_was_added_by_ai: "Entity was added by AI",
+    // QuickSettingsHeader.tsx
+    quick_filter_settings_aria: "Quick filter settings",
+    field_display_settings_aria: "Field display settings",
+    hide_field_help: "Hide field help",
+    show_field_help: "Show field help",
+    show_empty_fields: "Show fields with no value",
+    hide_empty_fields: "Hide fields with no value",
+    show_all_fields: "Show all fields",
+    show_ai_edited_fields: "Show AI-edited fields",
+    filter_fields_by_name_or_value: "Filter fields by name or value",
+    clear_field_filter: "Clear field filter",
+    // EntityId.tsx
+    open_in_new_tab: "Open in new tab"
   }
 };
 const hu = {
   translation: {
     hello_one: "szia világ",
     hello_other: "sziasztok világok",
-    // RenderControls.component.vue
+    // RenderControls.tsx
     root_dataset_label: "Gyökér adatcsomag",
     add_label: "Új elem",
     edit_context_label: "Kontextus szerkesztése",
@@ -121877,56 +122142,57 @@ const hu = {
     edit_context: "Kontextus szerkesztése",
     preview_crate: "Csomag előnézete",
     browse_entities: "Entitások böngészése",
-    // DialogAddProperty.component.vue
+    // DialogAddProperty.tsx
     filter_attribute_set: "Attribútumok szűrése",
-    // DialogEditContext.component.vue
+    // DialogEditContext.tsx
     save_label: "Mentés",
-    // DialogPreviewCrate.component.vue
+    // DialogPreviewCrate.tsx
     preview_loading: "betöltés ...",
-    // DialogBrowseEntities.component.vue
+    // DialogBrowseEntities.tsx
     search_for_connection: "Kapcsolt entitás keresése",
     filter_by_type: "Típus szerinti szűrés",
-    // DialogSaveCrateAsTemplate.component.vue
+    // DialogSaveCrateAsTemplate.tsx
     save_template_prompt: "Csomag mentése mintaként",
     provide_name_for_template: "minta neve",
-    // RenderEntityName.component.vue
+    // EntityName.tsx
     name_field_label: "Név",
     name_field_help: "Az entitás rövid, leíró neve",
-    // Add.component.vue
+    type_field_label: "Típus",
+    // Add.tsx
     associate_existing_prompt: "Egy létező '{{addType}}' társítása (név vagy azonosító alapú kereséssel) vagy egy új '{{addType}}' létrehozása a név megadásával",
     associate_any_prompt: "Bármely entitás hozzárendelése (azonosító vagy név alapján)",
     add_text: "Szöveg hozzáadása",
-    // Text.component.vue
+    // Text.tsx
     invalid_type_for_text: "'{{type}}' típus nem használható ezzel a komponenssel. A típus csak 'text' vagy 'textarea' lehet",
     text_constraints_error_message: "A megadott érték nem felel meg a következő megszorításoknak: {{- value}}, vagy érvénytelen.",
-    // Date.component.vue
+    // Date.tsx
     pick_a_date: "Válassz dátumot!",
     invalid_date_value: "A megadott dátum '{{value}}' nem megfelelő. Az elvárt dátum formátum: YYYY-MM-DD vagy egy ISO dátum, pl. 2021-03-22 or 2022-09-28T02:20:56.521Z.",
-    // DateTime.component.vue
+    // DateTime.tsx
     pick_a_datetime: "Válassz dátumot és időt!",
     invalid_datetime_value: "A megadott dátum/idő '{{value}}' nem megfelelő. Az elvárt dátum/idő formátum: YYYY-MM-DD HH:mm:ss vagy egy ISO dátum, pl. 2021-03-22 03:23:00 or 2022-09-28T02:20:56.521Z.",
-    // Time.component.vue
+    // Time.tsx
     provide_time: "Add meg az időt!",
     invalid_time_value: "A megadott érték '{{value}}' nem megfelelő. Az elvárt idő formátum: HH:mm::ss. pl. 09:03:59",
-    // Number.component.vue
+    // Number.tsx
     invalid_number_value: "A megadott érték '{{value}}' nem megfelelő. Az értéket String vagy Number típusként kell megadni",
     number_constraints_error_message: "A megadott szám nem felel meg a következő megszorításoknak: {{value}}",
-    // Select.component.vue
+    // Select.tsx
     select: "Válassz!",
     invalid_select_value: "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak karakterláncokból álló tömb lehet.",
-    // Url.component.vue
+    // Url.tsx
     invalid_url_value: "A bejegyzésnek érvényes URL-nek kell lennie. Az elfogadott protokollok: http, https, ftp, ftps és arcp.",
-    // Boolean.component.vue
+    // Boolean.tsx
     true_label: "Igaz",
     false_label: "Hamis",
-    // SelectUrl.component.vue
+    // SelectUrl.tsx
     // select: as above
     invalid_selecturl_value: "A megadott '{{value}}' érték nem megfelelő formátumú. Csak érvényes URL lehet.",
     invalid_selecturl_values: "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak olyan karakterláncokból álló tömb lehet, amelyek mindegyike érvényes URL.",
-    // SelectObject.component.vue
+    // SelectObject.tsx
     // select: as above
     invalid_selectobject_values: "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak JSON-LD objektumokból álló tömb lehet, és minden objektumnak legalább '@id', '@type' és 'name' meghatározással kell rendelkeznie.",
-    // Geo.component.vue
+    // Geo.tsx
     define_location: "Határozz meg egy helyet a térképen történő kiválasztással!",
     center_map: "térkép középre állítása",
     select_region: "régió kiválasztása",
@@ -121937,9 +122203,9 @@ const hu = {
     provide_name_for_location: "Adj nevet ennek a helynek!",
     provide_name_for_location_error: "A hely nevének megadása kötelező!",
     select_existing_location: "Válassz egy már meghatározott helyet a csomagban!",
-    // Value.component.vue
+    // Value.tsx
     invalid_value_value: "A megadott '{{value}}' érték érvénytelen. Csak karakterlánc lehet.",
-    // AutoComplete.component.vue
+    // AutoComplete.tsx
     select_existing_or_create_new: "válassz egy meglévő entitást vagy hozz létre egy újat",
     create_new_of_type: "Új {{type}} létrehozása",
     external_lookup_timeout_error: "Külső lekérdezési időtúllépés",
@@ -121950,7 +122216,7 @@ const hu = {
     associate_user_created_entity: "Kapcsolj egy felhasználó által létrehozott entitást",
     associate_from_datapack: "Kapcsolj egy ellenőrzött entitást egy adatcsomagból",
     create_new_entity: "Új entitás létrehozása",
-    // AddControl.component.vue
+    // AddControl.tsx
     select_a_type_to_add: "Válassz hozzáadandó típust",
     // Shell2.tsx
     add_profile_button_tooltip: "Új profil hozzáadása",
@@ -121958,14 +122224,113 @@ const hu = {
     switch_to_label_view: "Alap nézetre váltás",
     // EntityType.tsx
     select_a_class_to_add: "Válassz hozzáadandó osztályt",
-    // PaginateLinkedEntities.component.vue
+    // PaginateLinkedEntities.tsx
     filter_the_entities: "Entitások szűrése",
     pagination_total: "Összesen: {{total}}",
-    // RenderEntityProperty.component.vue
+    // EntityProperty.tsx
     not_defined_in_profile: "nincs definiálva a profilban",
-    // RenderReverseConnections.component.vue
+    // RenderReverseConnections.tsx
     // search_for_connection: defined before
-    links_to_this_entity: "Entitásra mutató hivatkozások:"
+    links_to_this_entity: "Entitásra mutató hivatkozások:",
+    // AiEditedFieldBadge.tsx
+    ai_edited_by_ai: "AI által szerkesztve",
+    ai_deleted_by_ai: "AI által törölve",
+    // AiApprovalStepperHeader.tsx
+    ai_field_one: "mező",
+    ai_field_other: "mező",
+    ai_entity_one: "entitás",
+    ai_entity_other: "entitás",
+    ai_changes_remaining_aria: "Fennmaradó AI módosítások",
+    ai_remaining_review_message_one: "{{fieldCount}} AI mező még ellenőrzésre vár {{entityCount}} másik {{entityLabel}} esetén",
+    ai_remaining_review_message_other: "{{fieldCount}} AI mező még ellenőrzésre vár {{entityCount}} másik {{entityLabel}} esetén",
+    ai_review_next: "Következő ellenőrzése",
+    ai_changes_need_review: "AI módosítások ellenőrzésre várnak",
+    ai_changes_need_review_property: "AI módosítások ellenőrzésre várnak: {{property}}",
+    ai_change_review_aria: "AI módosítás ellenőrzése",
+    ai_review_next_entity_tooltip: "Következő, AI módosítással rendelkező entitás ellenőrzése",
+    ai_no_other_entities_need_review: "Nincs több AI ellenőrzésre váró entitás",
+    ai_accept_all_tooltip: "Az entitás összes függőben lévő AI módosításának elfogadása",
+    ai_accept_all: "Összes elfogadása",
+    ai_reject_all_tooltip: "Az entitás összes függőben lévő AI módosításának visszaállítása az előző értékre",
+    ai_reject_all: "Összes elutasítása",
+    ai_pending_field_navigation_aria: "Függőben lévő AI mezők navigációja",
+    ai_previous_pending_field: "Előző függő mező",
+    ai_previous_pending_field_aria: "Előző függőben lévő AI mező",
+    ai_next_pending_field: "Következő függő mező",
+    ai_next_pending_field_aria: "Következő függőben lévő AI mező",
+    // AiEntityReviewSummary.tsx
+    ai_fields_to_review_one: "{{count}} mező ellenőrzésre vár",
+    ai_fields_to_review_other: "{{count}} mező ellenőrzésre vár",
+    ai_show_entity_diff: "Entitás eltéréseinek megjelenítése",
+    ai_show_entity_diff_aria: "AI entitáseltérés megjelenítése",
+    ai_review_entity: "Entitás ellenőrzése",
+    // AiEntityDiffView.tsx
+    ai_empty_value: "üres",
+    ai_deleted_entity_title: "AI által törölt entitás: {{entityId}}",
+    ai_unlinked_entity_title: "AI által leválasztott entitás: {{entityId}}",
+    ai_edited_entity_title: "AI által szerkesztett entitás: {{entityId}}",
+    ai_hide_entity_diff: "Entitáseltérés elrejtése",
+    ai_hide_entity_diff_aria: "AI entitáseltérés elrejtése",
+    ai_approve_deletion_tooltip: "AI törlés jóváhagyása",
+    ai_approve_unlink_tooltip: "AI leválasztás jóváhagyása",
+    ai_accept_entity_edits_tooltip: "Az entitás összes AI szerkesztésének elfogadása",
+    ai_delete_entity: "Entitás törlése",
+    ai_unlink_entity: "Entitás leválasztása",
+    ai_accept_edit: "Szerkesztés elfogadása",
+    ai_restore_deleted_entity_tooltip: "Entitás visszaállítása és a törlés ellenőrzöttként jelölése",
+    ai_restore_link_tooltip: "Kapcsolat visszaállítása és a leválasztás ellenőrzöttként jelölése",
+    ai_restore_entity_values_tooltip: "Az entitás előző értékeinek visszaállítása",
+    ai_keep_entity: "Entitás megtartása",
+    ai_restore_link: "Kapcsolat visszaállítása",
+    ai_reject_edit: "Szerkesztés elutasítása",
+    // AiFieldDiffView.tsx
+    ai_field_diff_aria: "AI mezőeltérés",
+    ai_proposed_deletion: "Javasolt törlés",
+    ai_proposed_change: "Javasolt módosítás",
+    ai_edit_chip: "AI szerkesztés",
+    // AI review controls
+    ai_delete_badge: "AI törlés",
+    ai_suggestion_badge: "AI javaslat",
+    ai_unlink_badge: "AI leválasztás",
+    ai_hide_diff: "Eltérés elrejtése",
+    ai_show_diff: "Eltérés megjelenítése",
+    ai_hide_ai_diff_aria: "AI eltérés elrejtése",
+    ai_show_ai_diff_aria: "AI eltérés megjelenítése",
+    ai_approve_suggested_value_tooltip: "AI által javasolt érték jóváhagyása",
+    ai_restore_previous_value_tooltip: "Előző érték visszaállítása és a javaslat ellenőrzöttként jelölése",
+    ai_delete: "Törlés",
+    ai_accept: "Elfogadás",
+    ai_restore: "Visszaállítás",
+    ai_reject: "Elutasítás",
+    // DeletedLinkedEntityCard.tsx
+    ai_fields_can_be_restored_one: "{{count}} mező visszaállítható.",
+    ai_fields_can_be_restored_other: "{{count}} mező visszaállítható.",
+    ai_hide_deleted_fields: "Törölt mezők elrejtése",
+    ai_show_deleted_fields: "Törölt mezők megjelenítése",
+    ai_hide_deleted_fields_aria: "Törölt AI mezők elrejtése",
+    ai_show_deleted_fields_aria: "Törölt AI mezők megjelenítése",
+    // UnlinkedLinkedEntityCard.tsx
+    ai_diff_label_entity: "entitás",
+    ai_diff_label_linked_from: "kapcsolva innen",
+    ai_hide_unlink_diff: "Leválasztási eltérés elrejtése",
+    ai_show_unlink_diff: "Leválasztási eltérés megjelenítése",
+    ai_hide_unlink_diff_aria: "AI leválasztási eltérés elrejtése",
+    ai_show_unlink_diff_aria: "AI leválasztási eltérés megjelenítése",
+    // LinkedEntityCard.tsx / DialogBrowseEntities.tsx
+    ai_entity_was_added_by_ai: "Az entitást AI adta hozzá",
+    // QuickSettingsHeader.tsx
+    quick_filter_settings_aria: "Gyors szűrési beállítások",
+    field_display_settings_aria: "Mezőmegjelenítési beállítások",
+    hide_field_help: "Mezősúgó elrejtése",
+    show_field_help: "Mezősúgó megjelenítése",
+    show_empty_fields: "Érték nélküli mezők megjelenítése",
+    hide_empty_fields: "Érték nélküli mezők elrejtése",
+    show_all_fields: "Összes mező megjelenítése",
+    show_ai_edited_fields: "AI által szerkesztett mezők megjelenítése",
+    filter_fields_by_name_or_value: "Mezők szűrése név vagy érték alapján",
+    clear_field_filter: "Mezőszűrő törlése",
+    // EntityId.tsx
+    open_in_new_tab: "Megnyitás új lapon"
   }
 };
 instance.use(initReactI18next).init({
@@ -122827,7 +123192,7 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.32-test4";
+const version = "0.1.32-test5";
 const pkg = {
   version
 };
@@ -123039,11 +123404,48 @@ function DescriboCrateBuilderInner(props) {
       value
     });
   }, [approvalState, onSaveRoCrateApproval]);
+  const markApprovalEntityAndPropertyApproved = useCallback((params) => {
+    const { entityId: entityId2, propertyEntityId, propertyName: propertyName2, decision, value } = params;
+    if (!entityId2) return;
+    let nextApprovalState = approvalState;
+    const approvalRecords = [];
+    let changed = false;
+    if (propertyEntityId && propertyName2) {
+      const propertyResult = markApprovalRecordsApproved(
+        nextApprovalState,
+        propertyEntityId,
+        propertyName2,
+        decision
+      );
+      nextApprovalState = propertyResult.nextApprovalState;
+      approvalRecords.push(...propertyResult.approvalRecords);
+      changed = changed || propertyResult.changed;
+    }
+    const entityResult = markEntityApprovalRecordsApproved(
+      nextApprovalState,
+      entityId2,
+      decision
+    );
+    nextApprovalState = entityResult.nextApprovalState;
+    approvalRecords.push(...entityResult.approvalRecords);
+    changed = changed || entityResult.changed;
+    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 approvalContextValue = useMemo$1(() => ({
     roCrateApproval: approvalState,
     markApprovalPropertyApproved,
-    markApprovalEntityApproved
-  }), [approvalState, markApprovalEntityApproved, markApprovalPropertyApproved]);
+    markApprovalEntityApproved,
+    markApprovalEntityAndPropertyApproved
+  }), [approvalState, markApprovalEntityAndPropertyApproved, markApprovalEntityApproved, markApprovalPropertyApproved]);
   const configuration = useMemo$1(() => {
     const config2 = {
       enableContextEditor,