@firecms/entity_history 3.0.0 → 3.1.0-canary.02232f4

package/dist/index.umd.js

@@ -51,59 +51,66 @@
     return t2;
   }, equal);
   function UserChip(t0) {
-    const $ = reactCompilerRuntime.c(11);
+    const $ = reactCompilerRuntime.c(12);
     const {
       user
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const t1 = user.email ?? user.uid;
     let t2;
-    if ($[0] !== user.displayName || $[1] !== user.photoURL) {
-      t2 = user.photoURL && /* @__PURE__ */ jsxRuntime.jsx("img", { className: "rounded-full w-6 h-6 mr-2", src: user.photoURL, alt: user.displayName ?? "User picture" });
-      $[0] = user.displayName;
-      $[1] = user.photoURL;
-      $[2] = t2;
+    if ($[0] !== t || $[1] !== user.displayName || $[2] !== user.photoURL) {
+      t2 = user.photoURL && /* @__PURE__ */ jsxRuntime.jsx("img", { className: "rounded-full w-6 h-6 mr-2", src: user.photoURL, alt: user.displayName ?? t("user_picture") });
+      $[0] = t;
+      $[1] = user.displayName;
+      $[2] = user.photoURL;
+      $[3] = t2;
     } else {
-      t2 = $[2];
+      t2 = $[3];
     }
     const t3 = user.displayName ?? user.email ?? user.uid;
     let t4;
-    if ($[3] !== t3) {
+    if ($[4] !== t3) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx("span", { children: t3 });
-      $[3] = t3;
-      $[4] = t4;
+      $[4] = t3;
+      $[5] = t4;
     } else {
-      t4 = $[4];
+      t4 = $[5];
     }
     let t5;
-    if ($[5] !== t2 || $[6] !== t4) {
+    if ($[6] !== t2 || $[7] !== t4) {
       t5 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Chip, { size: "small", className: "flex items-center", children: [
         t2,
         t4
       ] });
-      $[5] = t2;
-      $[6] = t4;
-      $[7] = t5;
+      $[6] = t2;
+      $[7] = t4;
+      $[8] = t5;
     } else {
-      t5 = $[7];
+      t5 = $[8];
     }
     let t6;
-    if ($[8] !== t1 || $[9] !== t5) {
+    if ($[9] !== t1 || $[10] !== t5) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t1, children: t5 });
-      $[8] = t1;
-      $[9] = t5;
-      $[10] = t6;
+      $[9] = t1;
+      $[10] = t5;
+      $[11] = t6;
     } else {
-      t6 = $[10];
+      t6 = $[11];
     }
     return t6;
   }
   function PreviousValueView(t0) {
-    const $ = reactCompilerRuntime.c(12);
+    const $ = reactCompilerRuntime.c(18);
     const {
       previousValueInPath,
       childProperty,
-      key
+      propertyKey
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     if (typeof previousValueInPath === "string" || typeof previousValueInPath === "number") {
       let t1;
       if ($[0] !== previousValueInPath) {
@@ -128,43 +135,61 @@
         return t2;
       } else {
         let t1;
-        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-          t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "Previous value" });
-          $[4] = t1;
+        if ($[4] !== t) {
+          t1 = t("entity_history_previous_value");
+          $[4] = t;
+          $[5] = t1;
         } else {
-          t1 = $[4];
+          t1 = $[5];
         }
-        const t2 = key;
-        const t3 = childProperty;
-        let t4;
-        if ($[5] !== previousValueInPath || $[6] !== t2 || $[7] !== t3) {
-          t4 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            t1,
-            /* @__PURE__ */ jsxRuntime.jsx(core.PropertyPreview, { propertyKey: t2, value: previousValueInPath, property: t3, size: "small" })
-          ] });
-          $[5] = previousValueInPath;
-          $[6] = t2;
-          $[7] = t3;
-          $[8] = t4;
+        let t2;
+        if ($[6] !== t1) {
+          t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: t1 });
+          $[6] = t1;
+          $[7] = t2;
         } else {
-          t4 = $[8];
+          t2 = $[7];
         }
+        const t3 = propertyKey;
+        const t4 = childProperty;
         let t5;
-        if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-          t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardBackspaceIcon, { size: "smallest", color: "disabled", className: "mb-1" });
-          $[9] = t5;
+        if ($[8] !== previousValueInPath || $[9] !== t3 || $[10] !== t4) {
+          t5 = /* @__PURE__ */ jsxRuntime.jsx(core.PropertyPreview, { propertyKey: t3, value: previousValueInPath, property: t4, size: "small" });
+          $[8] = previousValueInPath;
+          $[9] = t3;
+          $[10] = t4;
+          $[11] = t5;
         } else {
-          t5 = $[9];
+          t5 = $[11];
         }
         let t6;
-        if ($[10] !== t4) {
-          t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { side: "left", title: t4, children: t5 });
-          $[10] = t4;
-          $[11] = t6;
+        if ($[12] !== t2 || $[13] !== t5) {
+          t6 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            t2,
+            t5
+          ] });
+          $[12] = t2;
+          $[13] = t5;
+          $[14] = t6;
+        } else {
+          t6 = $[14];
+        }
+        let t7;
+        if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+          t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardBackspaceIcon, { size: "smallest", color: "disabled", className: "mb-1" });
+          $[15] = t7;
+        } else {
+          t7 = $[15];
+        }
+        let t8;
+        if ($[16] !== t6) {
+          t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { side: "left", title: t6, children: t7 });
+          $[16] = t6;
+          $[17] = t8;
         } else {
-          t6 = $[11];
+          t8 = $[17];
         }
-        return t6;
+        return t8;
       }
     }
   }
@@ -182,6 +207,9 @@
     const customizationController = core.useCustomizationController();
     const navigationController = core.useNavigationController();
     const sideEntityController = core.useSideEntityController();
+    const {
+      t
+    } = core.useTranslation();
     const collection = collectionProp ?? navigationController.getCollection(entity.path);
     const updatedOn = entity.values?.["__metadata"]?.["updated_on"];
     if (!collection) {
@@ -205,9 +233,9 @@
         !user && updatedBy && /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", children: updatedBy }),
         user && /* @__PURE__ */ jsxRuntime.jsx(UserChip, { user })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("bg-white dark:bg-surface-900", "min-h-[42px]", "w-full", "items-center", hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "", size === "small" ? "p-1" : "px-2 py-1", "flex border rounded-lg", onClick ? "cursor-pointer" : "", ui.defaultBorderMixin), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("bg-white dark:bg-surface-900", "min-h-[44px]", "w-full", "items-center", hover ? "hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800" : "", size === "small" ? "p-1" : "px-2 py-1", "flex border rounded-lg", onClick ? "cursor-pointer" : "", ui.defaultBorderMixin), children: [
         actions,
-        entity && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "See details for this revision", className: "my-2 grow-0 shrink-0 self-start", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", className: "", onClick: (e) => {
+        entity && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("entity_history_see_details"), className: "my-2 grow-0 shrink-0 self-start", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", className: "", onClick: (e) => {
           sideEntityController.open({
             entityId: entity.id,
             path: entity.path,
@@ -230,11 +258,11 @@
           const childProperty = core.getPropertyInPath(resolvedCollection.properties, key);
           const valueInPath = core.getValueInPath(entity.values, key);
           const previousValueInPath = previousValues ? core.getValueInPath(previousValues, key) : void 0;
-          const element = childProperty ? entity ? /* @__PURE__ */ jsxRuntime.jsx(core.PropertyPreview, { propertyKey: key, value: valueInPath, property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(core.SkeletonPropertyComponent, { property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath) });
+          const element = childProperty ? entity ? /* @__PURE__ */ jsxRuntime.jsx(core.PropertyPreview, { propertyKey: key, value: valueInPath, property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(core.SkeletonPropertyComponent, { property: childProperty, size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: typeof valueInPath === "string" ? valueInPath : JSON.stringify(valueInPath, core.jsonStringifyReplacer) });
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full my-1 items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", className: "min-w-[140px] md:min-w-[200px] w-1/5 pr-8 overflow-hidden text-ellipsis text-right", children: key }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-4/5", children: [
-              previousValueInPath !== void 0 && previousValueInPath !== valueInPath && /* @__PURE__ */ jsxRuntime.jsx(PreviousValueView, { previousValueInPath, childProperty }, key),
+              previousValueInPath !== void 0 && previousValueInPath !== valueInPath && /* @__PURE__ */ jsxRuntime.jsx(PreviousValueView, { previousValueInPath, childProperty, propertyKey: key }),
               element
             ] })
           ] }, "ref_prev_" + key);
@@ -243,7 +271,7 @@
     ] });
   }
   function EntityHistoryView(t0) {
-    const $ = reactCompilerRuntime.c(58);
+    const $ = reactCompilerRuntime.c(78);
     const {
       entity,
       collection,
@@ -251,12 +279,15 @@
     } = t0;
     const authController = core.useAuthController();
     const snackbarController = core.useSnackbarController();
+    const {
+      t
+    } = core.useTranslation();
     const dirty = formContext?.formex.dirty;
     const dataSource = core.useDataSource();
     const pathAndId = entity ? entity?.path + "/" + entity?.id : void 0;
     const [revertVersionDialog, setRevertVersionDialog] = React.useState(void 0);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = [];
       $[0] = t1;
     } else {
@@ -270,8 +301,7 @@
     const observerRef = React.useRef(null);
     const loadMoreRef = React.useRef(null);
     let t2;
-    let t3;
-    if ($[1] !== dataSource || $[2] !== limit || $[3] !== pathAndId) {
+    if ($[1] !== collection || $[2] !== dataSource || $[3] !== limit || $[4] !== pathAndId) {
       t2 = () => {
         if (!pathAndId) {
           return;
@@ -279,6 +309,7 @@
         setIsLoading(true);
         const listener = dataSource.listenCollection?.({
           path: pathAndId + "/__history",
+          collection,
           order: "desc",
           orderBy: "__metadata.updated_on",
           limit,
@@ -300,19 +331,27 @@
           }
         };
       };
+      $[1] = collection;
+      $[2] = dataSource;
+      $[3] = limit;
+      $[4] = pathAndId;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== dataSource || $[7] !== limit || $[8] !== pathAndId) {
       t3 = [pathAndId, limit, dataSource];
-      $[1] = dataSource;
-      $[2] = limit;
-      $[3] = pathAndId;
-      $[4] = t2;
-      $[5] = t3;
+      $[6] = dataSource;
+      $[7] = limit;
+      $[8] = pathAndId;
+      $[9] = t3;
     } else {
-      t2 = $[4];
-      t3 = $[5];
+      t3 = $[9];
     }
     React.useEffect(t2, t3);
     let t4;
-    if ($[6] !== hasMore || $[7] !== isLoading) {
+    if ($[10] !== hasMore || $[11] !== isLoading) {
       t4 = () => {
         const currentContainer = containerRef.current;
         const currentLoadMore = loadMoreRef.current;
@@ -331,7 +370,7 @@
         const handleObserver = (entries) => {
           const target = entries[0];
           if (target.isIntersecting && hasMore && !isLoading) {
-            setLimit(_temp);
+            setLimit(_temp$1);
           }
         };
         const observer = new IntersectionObserver(handleObserver, options);
@@ -344,35 +383,44 @@
           }
         };
       };
-      $[6] = hasMore;
-      $[7] = isLoading;
-      $[8] = t4;
+      $[10] = hasMore;
+      $[11] = isLoading;
+      $[12] = t4;
     } else {
-      t4 = $[8];
+      t4 = $[12];
     }
     let t5;
-    if ($[9] !== hasMore || $[10] !== isLoading || $[11] !== revisions.length) {
+    if ($[13] !== hasMore || $[14] !== isLoading || $[15] !== revisions.length) {
       t5 = [hasMore, isLoading, revisions.length];
-      $[9] = hasMore;
-      $[10] = isLoading;
-      $[11] = revisions.length;
-      $[12] = t5;
+      $[13] = hasMore;
+      $[14] = isLoading;
+      $[15] = revisions.length;
+      $[16] = t5;
     } else {
-      t5 = $[12];
+      t5 = $[16];
     }
     React.useEffect(t4, t5);
     if (!entity) {
       let t62;
-      if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t62 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "History is only available for existing entities" }) });
-        $[13] = t62;
+      if ($[17] !== t) {
+        t62 = t("entity_history_only_existing");
+        $[17] = t;
+        $[18] = t62;
       } else {
-        t62 = $[13];
+        t62 = $[18];
       }
-      return t62;
+      let t72;
+      if ($[19] !== t62) {
+        t72 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: t62 }) });
+        $[19] = t62;
+        $[20] = t72;
+      } else {
+        t72 = $[20];
+      }
+      return t72;
     }
     let t6;
-    if ($[14] !== authController || $[15] !== collection || $[16] !== dataSource || $[17] !== entity || $[18] !== formContext || $[19] !== snackbarController) {
+    if ($[21] !== authController || $[22] !== collection || $[23] !== dataSource || $[24] !== entity || $[25] !== formContext || $[26] !== snackbarController || $[27] !== t) {
       t6 = function doRevert2(revertVersion) {
         if (!entity) {
           throw new Error("No entity to revert");
@@ -406,64 +454,75 @@
           });
           setRevertVersionDialog(void 0);
           snackbarController.open({
-            message: "Reverted version",
+            message: t("entity_history_reverted"),
             type: "info"
           });
         }).catch((error_0) => {
           console.error("Error reverting entity:", error_0);
           snackbarController.open({
-            message: "Error reverting entity",
+            message: t("entity_history_error_reverting"),
             type: "error"
           });
         });
       };
-      $[14] = authController;
-      $[15] = collection;
-      $[16] = dataSource;
-      $[17] = entity;
-      $[18] = formContext;
-      $[19] = snackbarController;
-      $[20] = t6;
+      $[21] = authController;
+      $[22] = collection;
+      $[23] = dataSource;
+      $[24] = entity;
+      $[25] = formContext;
+      $[26] = snackbarController;
+      $[27] = t;
+      $[28] = t6;
     } else {
-      t6 = $[20];
+      t6 = $[28];
     }
     const doRevert = t6;
     let t7;
-    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = ui.cls("relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-8");
-      $[21] = t7;
+      $[29] = t7;
     } else {
-      t7 = $[21];
+      t7 = $[29];
     }
     let t8;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", className: "mt-24 ml-4", children: "History" });
-      $[22] = t8;
+    if ($[30] !== t) {
+      t8 = t("history");
+      $[30] = t;
+      $[31] = t8;
     } else {
-      t8 = $[22];
+      t8 = $[31];
     }
     let t9;
-    if ($[23] !== revisions.length) {
-      t9 = revisions.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "ml-4 mt-8", children: "No history available" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "ml-4", children: "When you save an entity, a new version is created and stored in the history." })
-      ] });
-      $[23] = revisions.length;
-      $[24] = t9;
+    if ($[32] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", className: "mt-24 ml-4", children: t8 });
+      $[32] = t8;
+      $[33] = t9;
     } else {
-      t9 = $[24];
+      t9 = $[33];
     }
     let t10;
-    if ($[25] !== collection || $[26] !== dirty || $[27] !== revisions || $[28] !== snackbarController) {
-      let t112;
-      if ($[30] !== collection || $[31] !== dirty || $[32] !== snackbarController) {
-        t112 = (revision, index) => {
+    if ($[34] !== revisions.length || $[35] !== t) {
+      t10 = revisions.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "ml-4 mt-8", children: t("entity_history_no_history") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "ml-4", children: t("entity_history_when_save") })
+      ] });
+      $[34] = revisions.length;
+      $[35] = t;
+      $[36] = t10;
+    } else {
+      t10 = $[36];
+    }
+    let t11;
+    if ($[37] !== collection || $[38] !== dirty || $[39] !== revisions || $[40] !== snackbarController || $[41] !== t) {
+      let t122;
+      if ($[43] !== collection || $[44] !== dirty || $[45] !== snackbarController || $[46] !== t) {
+        t122 = (revision, index) => {
           const previewKeys = revision.values?.__metadata?.changed_fields;
           const previousValues = revision.values?.__metadata?.previous_values;
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-cols gap-2 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(EntityHistoryEntry, { size: "large", entity: revision, collection, previewKeys, previousValues, actions: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Revert to this version", className: "m-2 grow-0 self-start", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: () => {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-cols gap-2 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(EntityHistoryEntry, { size: "large", entity: revision, collection, previewKeys, previousValues, actions: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("entity_history_revert_tooltip"), className: "m-2 grow-0 self-start", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: () => {
             if (dirty) {
               snackbarController.open({
-                message: "Please save or discard your changes before reverting",
+                message: t("entity_history_please_save"),
                 type: "warning"
               });
             } else {
@@ -471,113 +530,130 @@
             }
           }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.HistoryIcon, {}) }) }) }) }, index);
         };
-        $[30] = collection;
-        $[31] = dirty;
-        $[32] = snackbarController;
-        $[33] = t112;
+        $[43] = collection;
+        $[44] = dirty;
+        $[45] = snackbarController;
+        $[46] = t;
+        $[47] = t122;
       } else {
-        t112 = $[33];
+        t122 = $[47];
       }
-      t10 = revisions.map(t112);
-      $[25] = collection;
-      $[26] = dirty;
-      $[27] = revisions;
-      $[28] = snackbarController;
-      $[29] = t10;
+      t11 = revisions.map(t122);
+      $[37] = collection;
+      $[38] = dirty;
+      $[39] = revisions;
+      $[40] = snackbarController;
+      $[41] = t;
+      $[42] = t11;
     } else {
-      t10 = $[29];
+      t11 = $[42];
     }
-    let t11;
-    if ($[34] !== hasMore || $[35] !== isLoading || $[36] !== revisions.length) {
-      t11 = revisions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: loadMoreRef, className: "py-4 text-center", children: [
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Loading more..." }),
-        !hasMore && revisions.length > 5 && /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "No more history available" })
+    let t12;
+    if ($[48] !== hasMore || $[49] !== isLoading || $[50] !== revisions.length || $[51] !== t) {
+      t12 = revisions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: loadMoreRef, className: "py-4 text-center", children: [
+        isLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: t("loading_more") }),
+        !hasMore && revisions.length > 5 && /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: t("entity_history_no_more") })
       ] });
-      $[34] = hasMore;
-      $[35] = isLoading;
-      $[36] = revisions.length;
-      $[37] = t11;
+      $[48] = hasMore;
+      $[49] = isLoading;
+      $[50] = revisions.length;
+      $[51] = t;
+      $[52] = t12;
     } else {
-      t11 = $[37];
+      t12 = $[52];
     }
-    let t12;
-    if ($[38] !== t10 || $[39] !== t11 || $[40] !== t9) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 max-w-6xl mx-auto w-full", children: [
-        t8,
+    let t13;
+    if ($[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t9) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 max-w-6xl mx-auto w-full", children: [
         t9,
         t10,
-        t11
+        t11,
+        t12
       ] });
-      $[38] = t10;
-      $[39] = t11;
-      $[40] = t9;
-      $[41] = t12;
+      $[53] = t10;
+      $[54] = t11;
+      $[55] = t12;
+      $[56] = t9;
+      $[57] = t13;
     } else {
-      t12 = $[41];
+      t13 = $[57];
     }
-    const t13 = Boolean(revertVersionDialog);
-    let t14;
-    if ($[42] !== doRevert || $[43] !== revertVersionDialog) {
-      t14 = function() {
+    const t14 = Boolean(revertVersionDialog);
+    let t15;
+    if ($[58] !== doRevert || $[59] !== revertVersionDialog) {
+      t15 = function() {
         if (!revertVersionDialog) {
           return;
         }
         doRevert(revertVersionDialog);
       };
-      $[42] = doRevert;
-      $[43] = revertVersionDialog;
-      $[44] = t14;
+      $[58] = doRevert;
+      $[59] = revertVersionDialog;
+      $[60] = t15;
     } else {
-      t14 = $[44];
+      t15 = $[60];
     }
-    let t15;
     let t16;
-    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-      t15 = function() {
+    if ($[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t16 = function() {
         setRevertVersionDialog(void 0);
       };
-      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Revert data to this version?" });
-      $[45] = t15;
-      $[46] = t16;
+      $[61] = t16;
     } else {
-      t15 = $[45];
-      t16 = $[46];
+      t16 = $[61];
     }
     let t17;
-    if ($[47] !== collection || $[48] !== entity?.path || $[49] !== revertVersionDialog) {
-      t17 = revertVersionDialog ? /* @__PURE__ */ jsxRuntime.jsx(core.EntityView, { entity: revertVersionDialog, collection, path: entity?.path }) : null;
-      $[47] = collection;
-      $[48] = entity?.path;
-      $[49] = revertVersionDialog;
-      $[50] = t17;
+    if ($[62] !== t) {
+      t17 = t("entity_history_revert_dialog_title");
+      $[62] = t;
+      $[63] = t17;
     } else {
-      t17 = $[50];
+      t17 = $[63];
     }
     let t18;
-    if ($[51] !== t13 || $[52] !== t14 || $[53] !== t17) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx(core.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(core.ConfirmationDialog, { open: t13, onAccept: t14, onCancel: t15, title: t16, body: t17 }) });
-      $[51] = t13;
-      $[52] = t14;
-      $[53] = t17;
-      $[54] = t18;
+    if ($[64] !== t17) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: t17 });
+      $[64] = t17;
+      $[65] = t18;
     } else {
-      t18 = $[54];
+      t18 = $[65];
     }
     let t19;
-    if ($[55] !== t12 || $[56] !== t18) {
-      t19 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: t7, children: [
-        t12,
-        t18
+    if ($[66] !== collection || $[67] !== entity?.path || $[68] !== revertVersionDialog) {
+      t19 = revertVersionDialog ? /* @__PURE__ */ jsxRuntime.jsx(core.EntityView, { entity: revertVersionDialog, collection, path: entity?.path }) : null;
+      $[66] = collection;
+      $[67] = entity?.path;
+      $[68] = revertVersionDialog;
+      $[69] = t19;
+    } else {
+      t19 = $[69];
+    }
+    let t20;
+    if ($[70] !== t14 || $[71] !== t15 || $[72] !== t18 || $[73] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsx(core.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(core.ConfirmationDialog, { open: t14, onAccept: t15, onCancel: t16, title: t18, body: t19 }) });
+      $[70] = t14;
+      $[71] = t15;
+      $[72] = t18;
+      $[73] = t19;
+      $[74] = t20;
+    } else {
+      t20 = $[74];
+    }
+    let t21;
+    if ($[75] !== t13 || $[76] !== t20) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: t7, children: [
+        t13,
+        t20
       ] });
-      $[55] = t12;
-      $[56] = t18;
-      $[57] = t19;
+      $[75] = t13;
+      $[76] = t20;
+      $[77] = t21;
     } else {
-      t19 = $[57];
+      t21 = $[77];
     }
-    return t19;
+    return t21;
   }
-  function _temp(prev) {
+  function _temp$1(prev) {
     return prev + 5;
   }
   function createHistoryEntry({
@@ -585,7 +661,8 @@
     previousValues,
     values,
     path,
-    entityId
+    entityId,
+    collection
   }) {
     const uid = context.authController.user?.uid;
     const dataSource = context.dataSource;
@@ -602,7 +679,8 @@
     dataSource.saveEntity({
       path: path + "/" + entityId + "/__history",
       values: entry,
-      status: "new"
+      status: "new",
+      collection
     }).then(() => {
       console.debug("History saved for", path, entityId);
     });
@@ -614,12 +692,14 @@
       const path = props.path;
       const entityId = props.entityId;
       const context = props.context;
+      const collection = props.collection;
       createHistoryEntry({
         context,
         previousValues,
         values,
         path,
-        entityId
+        entityId,
+        collection
       });
     }
   };
@@ -663,6 +743,314 @@
     }
     return changedFields;
   }
+  function getRelativeTimeString(date, t) {
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffSeconds = Math.floor(diffMs / 1e3);
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    const diffHours = Math.floor(diffMinutes / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffSeconds < 60) return t("entity_history_just_now");
+    if (diffMinutes < 60) return t("entity_history_minutes_ago", {
+      minutes: diffMinutes
+    });
+    if (diffHours < 24) return t("entity_history_hours_ago", {
+      hours: diffHours
+    });
+    if (diffDays < 30) return t("entity_history_days_ago", {
+      days: diffDays
+    });
+    return date.toLocaleDateString();
+  }
+  function LastEditedByIndicator(t0) {
+    const $ = reactCompilerRuntime.c(24);
+    const {
+      path,
+      entityId,
+      collection
+    } = t0;
+    const {
+      t
+    } = core.useTranslation();
+    const {
+      getUser
+    } = useHistoryController();
+    const dataSource = core.useDataSource();
+    const [latestEntry, setLatestEntry] = React.useState();
+    let t1;
+    if ($[0] !== collection || $[1] !== dataSource || $[2] !== entityId || $[3] !== path) {
+      t1 = () => {
+        if (!path || !entityId) {
+          return;
+        }
+        const historyPath = `${path}/${entityId}/__history`;
+        const unsubscribe = dataSource.listenCollection?.({
+          path: historyPath,
+          collection,
+          orderBy: "__metadata.updated_on",
+          order: "desc",
+          limit: 1,
+          onUpdate: (entities) => {
+            setLatestEntry(entities[0]);
+          },
+          onError: _temp
+        });
+        return () => {
+          if (typeof unsubscribe === "function") {
+            unsubscribe();
+          }
+        };
+      };
+      $[0] = collection;
+      $[1] = dataSource;
+      $[2] = entityId;
+      $[3] = path;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    let t2;
+    if ($[5] !== dataSource || $[6] !== entityId || $[7] !== path) {
+      t2 = [path, entityId, dataSource];
+      $[5] = dataSource;
+      $[6] = entityId;
+      $[7] = path;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    React.useEffect(t1, t2);
+    const metadata = latestEntry?.values?.__metadata;
+    const uid = metadata?.updated_by;
+    const editedOn = metadata?.updated_on;
+    const hasData = Boolean(uid || editedOn);
+    let t3;
+    if ($[9] !== getUser || $[10] !== uid) {
+      t3 = uid ? getUser?.(uid) : void 0;
+      $[9] = getUser;
+      $[10] = uid;
+      $[11] = t3;
+    } else {
+      t3 = $[11];
+    }
+    const user = t3;
+    let t4;
+    if ($[12] !== editedOn) {
+      t4 = editedOn instanceof Date ? editedOn : editedOn?.toDate ? editedOn.toDate() : null;
+      $[12] = editedOn;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    const date = t4;
+    let t5;
+    if ($[14] !== date || $[15] !== t) {
+      t5 = date ? getRelativeTimeString(date, t) : null;
+      $[14] = date;
+      $[15] = t;
+      $[16] = t5;
+    } else {
+      t5 = $[16];
+    }
+    const timeString = t5;
+    const displayName = user?.displayName ?? user?.email ?? uid;
+    const photoURL = user?.photoURL;
+    let t6;
+    if ($[17] !== displayName || $[18] !== hasData || $[19] !== photoURL || $[20] !== timeString) {
+      t6 = hasData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        photoURL ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photoURL, alt: displayName ?? "User", className: "rounded-full object-cover w-6 h-6" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-primary/10 dark:bg-primary-dark/20 flex items-center justify-center text-primary dark:text-primary-dark font-medium w-6 h-6 text-xs", children: (displayName ?? "?").charAt(0).toUpperCase() }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          displayName,
+          timeString ? ` · ${timeString}` : ""
+        ] })
+      ] });
+      $[17] = displayName;
+      $[18] = hasData;
+      $[19] = photoURL;
+      $[20] = timeString;
+      $[21] = t6;
+    } else {
+      t6 = $[21];
+    }
+    let t7;
+    if ($[22] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-xs text-text-secondary dark:text-text-secondary-dark min-h-6", children: t6 });
+      $[22] = t6;
+      $[23] = t7;
+    } else {
+      t7 = $[23];
+    }
+    return t7;
+  }
+  function _temp(error) {
+    console.error("Error fetching latest history entry:", error);
+  }
+  function LastEditedByFormAction(t0) {
+    const $ = reactCompilerRuntime.c(4);
+    const {
+      entityId,
+      path,
+      status,
+      collection
+    } = t0;
+    if (status === "new" || status === "copy" || !entityId) {
+      return null;
+    }
+    if (!collection.history) {
+      return null;
+    }
+    let t1;
+    if ($[0] !== collection || $[1] !== entityId || $[2] !== path) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(LastEditedByIndicator, { path, entityId, collection });
+      $[0] = collection;
+      $[1] = entityId;
+      $[2] = path;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  const entityHistoryTranslationsEn = {
+    history: "History",
+    entity_history_only_existing: "History is only available for existing entities",
+    entity_history_reverted: "Reverted version",
+    entity_history_error_reverting: "Error reverting entity",
+    entity_history_no_history: "No history available",
+    entity_history_when_save: "When you save an entity, a new version is created and stored in the history.",
+    entity_history_revert_tooltip: "Revert to this version",
+    entity_history_please_save: "Please save or discard your changes before reverting",
+    loading_more: "Loading more...",
+    entity_history_no_more: "No more history available",
+    entity_history_revert_dialog_title: "Revert data to this version?",
+    entity_history_previous_value: "Previous value",
+    entity_history_see_details: "See details for this revision",
+    entity_history_just_now: "just now",
+    entity_history_minutes_ago: "{{minutes}}m ago",
+    entity_history_hours_ago: "{{hours}}h ago",
+    entity_history_days_ago: "{{days}}d ago",
+    user_picture: "User picture"
+  };
+  const entityHistoryTranslationsEs = {
+    history: "Historial",
+    entity_history_only_existing: "El historial solo está disponible para entidades existentes",
+    entity_history_reverted: "Versión revertida",
+    entity_history_error_reverting: "Error al revertir la entidad",
+    entity_history_no_history: "No hay historial disponible",
+    entity_history_when_save: "Cuando guardas una entidad, se crea una nueva versión y se almacena en el historial.",
+    entity_history_revert_tooltip: "Revertir a esta versión",
+    entity_history_please_save: "Por favor, guarda o descarta tus cambios antes de revertir",
+    loading_more: "Cargando más...",
+    entity_history_no_more: "No hay más historial disponible",
+    entity_history_revert_dialog_title: "¿Revertir datos a esta versión?",
+    entity_history_previous_value: "Valor anterior",
+    entity_history_see_details: "Ver detalles de esta revisión",
+    entity_history_just_now: "justo ahora",
+    entity_history_minutes_ago: "hace {{minutes}}m",
+    entity_history_hours_ago: "hace {{hours}}h",
+    entity_history_days_ago: "hace {{days}}d",
+    user_picture: "Foto de usuario"
+  };
+  const entityHistoryTranslationsDe = {
+    history: "Verlauf",
+    entity_history_only_existing: "Verlauf ist nur für vorhandene Entitäten verfügbar",
+    entity_history_reverted: "Wiederhergestellte Version",
+    entity_history_error_reverting: "Fehler beim Wiederherstellen der Entität",
+    entity_history_no_history: "Kein Verlauf verfügbar",
+    entity_history_when_save: "Wenn Sie eine Entität speichern, wird eine neue Version erstellt und im Verlauf gespeichert.",
+    entity_history_revert_tooltip: "Zu dieser Version zurückkehren",
+    entity_history_please_save: "Bitte speichern oder verwerfen Sie Ihre Änderungen vor der Wiederherstellung",
+    loading_more: "Mehr laden...",
+    entity_history_no_more: "Kein weiterer Verlauf verfügbar",
+    entity_history_revert_dialog_title: "Daten auf diese Version zurücksetzen?",
+    entity_history_previous_value: "Vorheriger Wert",
+    entity_history_see_details: "Details zu dieser Überarbeitung anzeigen",
+    entity_history_just_now: "gerade eben",
+    entity_history_minutes_ago: "vor {{minutes}}m",
+    entity_history_hours_ago: "vor {{hours}}h",
+    entity_history_days_ago: "vor {{days}}d",
+    user_picture: "Benutzerbild"
+  };
+  const entityHistoryTranslationsFr = {
+    history: "Historique",
+    entity_history_only_existing: "L'historique n'est disponible que pour les entités existantes",
+    entity_history_reverted: "Version restaurée",
+    entity_history_error_reverting: "Erreur lors de la restauration de l'entité",
+    entity_history_no_history: "Aucun historique disponible",
+    entity_history_when_save: "Lorsque vous enregistrez une entité, une nouvelle version est créée et stockée dans l'historique.",
+    entity_history_revert_tooltip: "Revenir à cette version",
+    entity_history_please_save: "Veuillez enregistrer ou annuler vos modifications avant de restaurer",
+    loading_more: "Chargement en cours...",
+    entity_history_no_more: "Aucun autre historique disponible",
+    entity_history_revert_dialog_title: "Restaurer les données à cette version ?",
+    entity_history_previous_value: "Valeur précédente",
+    entity_history_see_details: "Voir les détails de cette révision",
+    entity_history_just_now: "à l'instant",
+    entity_history_minutes_ago: "il y a {{minutes}}m",
+    entity_history_hours_ago: "il y a {{hours}}h",
+    entity_history_days_ago: "il y a {{days}}j",
+    user_picture: "Photo de l'utilisateur"
+  };
+  const entityHistoryTranslationsIt = {
+    history: "Cronologia",
+    entity_history_only_existing: "La cronologia è disponibile solo per le entità esistenti",
+    entity_history_reverted: "Versione ripristinata",
+    entity_history_error_reverting: "Errore durante il ripristino dell'entità",
+    entity_history_no_history: "Nessuna cronologia disponibile",
+    entity_history_when_save: "Quando salvi un'entità, viene creata una nuova versione e memorizzata nella cronologia.",
+    entity_history_revert_tooltip: "Ripristina a questa versione",
+    entity_history_please_save: "Salva o annulla le modifiche prima del ripristino",
+    loading_more: "Caricamento in corso...",
+    entity_history_no_more: "Nessuna ulteriore cronologia disponibile",
+    entity_history_revert_dialog_title: "Vuoi ripristinare i dati a questa versione?",
+    entity_history_previous_value: "Valore precedente",
+    entity_history_see_details: "Vedi i dettagli per questa revisione",
+    entity_history_just_now: "proprio adesso",
+    entity_history_minutes_ago: "{{minutes}} min fa",
+    entity_history_hours_ago: "{{hours}} h fa",
+    entity_history_days_ago: "{{days}} g fa",
+    user_picture: "Immagine utente"
+  };
+  const entityHistoryTranslationsHi = {
+    history: "इतिहास",
+    entity_history_only_existing: "इतिहास केवल मौजूद संस्थाओं के लिए उपलब्ध है",
+    entity_history_reverted: "परिवर्तित संस्करण",
+    entity_history_error_reverting: "संस्था को वापस लाने में त्रुटि",
+    entity_history_no_history: "कोई इतिहास उपलब्ध नहीं",
+    entity_history_when_save: "जब आप किसी संस्था को सहेजते हैं, तो एक नया संस्करण बनाया जाता है और इतिहास में संग्रहीत किया जाता है।",
+    entity_history_revert_tooltip: "इस संस्करण पर वापस जाएं",
+    entity_history_please_save: "कृपया वापस जाने से पहले अपने परिवर्तनों को सहेजें या हटा दें",
+    loading_more: "और लोड हो रहा है...",
+    entity_history_no_more: "कोई और इतिहास उपलब्ध नहीं",
+    entity_history_revert_dialog_title: "डेटा को इस संस्करण में वापस लाएँ?",
+    entity_history_previous_value: "पिछला मान",
+    entity_history_see_details: "इस संशोधन के लिए विवरण यहाँ देखें",
+    entity_history_just_now: "अभी-अभी",
+    entity_history_minutes_ago: "{{minutes}}m पहले",
+    entity_history_hours_ago: "{{hours}}h पहले",
+    entity_history_days_ago: "{{days}}d पहले",
+    user_picture: "उपयोगकर्ता चित्र"
+  };
+  const entityHistoryTranslationsPt = {
+    history: "Histórico",
+    entity_history_only_existing: "O histórico está disponível apenas para entidades existentes",
+    entity_history_reverted: "Versão revertida",
+    entity_history_error_reverting: "Erro ao reverter entidade",
+    entity_history_no_history: "Sem histórico disponível",
+    entity_history_when_save: "Quando guarda uma entidade, é criada uma nova versão e armazenada no histórico.",
+    entity_history_revert_tooltip: "Reverter para esta versão",
+    entity_history_please_save: "Por favor guarde ou descarte as suas alterações antes de reverter",
+    loading_more: "A carregar mais...",
+    entity_history_no_more: "Sem mais histórico disponível",
+    entity_history_revert_dialog_title: "Reverter dados para esta versão?",
+    entity_history_previous_value: "Valor anterior",
+    entity_history_see_details: "Ver detalhes desta revisão",
+    entity_history_just_now: "agora mesmo",
+    entity_history_minutes_ago: "há {{minutes}}m",
+    entity_history_hours_ago: "há {{hours}}h",
+    entity_history_days_ago: "há {{days}}d",
+    user_picture: "Foto do utilizador"
+  };
   function useEntityHistoryPlugin(props) {
     const {
       defaultEnabled = false
@@ -671,6 +1059,7 @@
       if (collection.history === true || defaultEnabled && collection.history !== false) {
         return {
           ...collection,
+          history: true,
           entityViews: [...collection.entityViews ?? [], {
             key: "__history",
             name: "History",
@@ -691,13 +1080,26 @@
           getUser: props?.getUser
         }
       },
+      form: {
+        BeforeTitle: LastEditedByFormAction
+      },
       collection: {
         modifyCollection
+      },
+      i18n: {
+        en: entityHistoryTranslationsEn,
+        es: entityHistoryTranslationsEs,
+        de: entityHistoryTranslationsDe,
+        fr: entityHistoryTranslationsFr,
+        it: entityHistoryTranslationsIt,
+        hi: entityHistoryTranslationsHi,
+        pt: entityHistoryTranslationsPt
       }
     }), [props]);
   }
   exports2.HistoryControllerContext = HistoryControllerContext;
   exports2.HistoryControllerProvider = HistoryControllerProvider;
+  exports2.LastEditedByIndicator = LastEditedByIndicator;
   exports2.createHistoryEntry = createHistoryEntry;
   exports2.useEntityHistoryPlugin = useEntityHistoryPlugin;
   exports2.useHistoryController = useHistoryController;