@freighttech/ui 0.13.18

package/dist/backend/version-history/VersionHistoryDetail.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { getVersionHistoryActionLabel, getVersionHistoryStatusLabel } from "./labels.js";
+import {
+  ChangedFieldsTable,
+  CollapsibleJsonSection,
+  extractChangeRows,
+  formatDate
+} from "@open-mercato/core/modules/audit_logs/lib/display-helpers";
+function VersionHistoryDetail({ entry, t }) {
+  const noneLabel = t("audit_logs.common.none");
+  const statusLabel = getVersionHistoryStatusLabel(entry.executionState, t);
+  const actionLabel = getVersionHistoryActionLabel(entry, t);
+  const changeRows = React.useMemo(
+    () => extractChangeRows(entry.changes, entry.snapshotBefore),
+    [entry.changes, entry.snapshotBefore]
+  );
+  const hasContext = !!entry.context && typeof entry.context === "object" && Object.keys(entry.context).length > 0;
+  const snapshots = React.useMemo(() => {
+    const items = [];
+    if (entry.snapshotBefore != null) {
+      items.push({ label: t("audit_logs.actions.details.snapshot_before"), value: entry.snapshotBefore });
+    }
+    if (entry.snapshotAfter != null) {
+      items.push({ label: t("audit_logs.actions.details.snapshot_after"), value: entry.snapshotAfter });
+    }
+    return items;
+  }, [entry.snapshotAfter, entry.snapshotBefore, t]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-6", children: [
+    /* @__PURE__ */ jsx("section", { className: "space-y-3 text-sm", children: /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t("audit_logs.version_history.detail.action") }),
+        /* @__PURE__ */ jsx("dd", { className: "break-words text-sm", children: actionLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t("audit_logs.version_history.detail.date") }),
+        /* @__PURE__ */ jsx("dd", { className: "break-words text-sm", children: formatDate(entry.createdAt) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t("audit_logs.version_history.detail.actor") }),
+        /* @__PURE__ */ jsx("dd", { className: "break-words text-sm", children: entry.actorUserName || entry.actorUserId || noneLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t("audit_logs.version_history.detail.status") }),
+        /* @__PURE__ */ jsx("dd", { className: "break-words text-sm", children: statusLabel })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(ChangedFieldsTable, { changeRows, noneLabel, t }),
+    hasContext ? /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx(CollapsibleJsonSection, { label: t("audit_logs.actions.details.context"), value: entry.context }) }) : null,
+    snapshots.length ? /* @__PURE__ */ jsx("section", { className: "space-y-4", children: snapshots.map((snapshot) => /* @__PURE__ */ jsx(CollapsibleJsonSection, { label: snapshot.label, value: snapshot.value }, snapshot.label)) }) : null
+  ] });
+}
+export {
+  VersionHistoryDetail
+};
+//# sourceMappingURL=VersionHistoryDetail.js.map

package/dist/backend/version-history/VersionHistoryDetail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/VersionHistoryDetail.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { VersionHistoryEntry } from './types'\nimport { getVersionHistoryActionLabel, getVersionHistoryStatusLabel } from './labels'\nimport {\n  ChangedFieldsTable,\n  CollapsibleJsonSection,\n  extractChangeRows,\n  formatDate,\n} from '@open-mercato/core/modules/audit_logs/lib/display-helpers'\n\nexport type VersionHistoryDetailProps = {\n  entry: VersionHistoryEntry\n  t: TranslateFn\n}\n\nexport function VersionHistoryDetail({ entry, t }: VersionHistoryDetailProps) {\n  const noneLabel = t('audit_logs.common.none')\n  const statusLabel = getVersionHistoryStatusLabel(entry.executionState, t)\n  const actionLabel = getVersionHistoryActionLabel(entry, t)\n  const changeRows = React.useMemo(\n    () => extractChangeRows(entry.changes, entry.snapshotBefore),\n    [entry.changes, entry.snapshotBefore],\n  )\n  const hasContext = !!entry.context && typeof entry.context === 'object' && Object.keys(entry.context).length > 0\n  const snapshots = React.useMemo(() => {\n    const items: { label: string; value: unknown }[] = []\n    if (entry.snapshotBefore != null) {\n      items.push({ label: t('audit_logs.actions.details.snapshot_before'), value: entry.snapshotBefore })\n    }\n    if (entry.snapshotAfter != null) {\n      items.push({ label: t('audit_logs.actions.details.snapshot_after'), value: entry.snapshotAfter })\n    }\n    return items\n  }, [entry.snapshotAfter, entry.snapshotBefore, t])\n\n  return (\n    <div className=\"flex flex-1 flex-col gap-6\">\n      <section className=\"space-y-3 text-sm\">\n        <dl className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          <div>\n            <dt className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              {t('audit_logs.version_history.detail.action')}\n            </dt>\n            <dd className=\"break-words text-sm\">{actionLabel}</dd>\n          </div>\n          <div>\n            <dt className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              {t('audit_logs.version_history.detail.date')}\n            </dt>\n            <dd className=\"break-words text-sm\">{formatDate(entry.createdAt)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              {t('audit_logs.version_history.detail.actor')}\n            </dt>\n            <dd className=\"break-words text-sm\">{entry.actorUserName || entry.actorUserId || noneLabel}</dd>\n          </div>\n          <div>\n            <dt className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              {t('audit_logs.version_history.detail.status')}\n            </dt>\n            <dd className=\"break-words text-sm\">{statusLabel}</dd>\n          </div>\n        </dl>\n      </section>\n\n      <ChangedFieldsTable changeRows={changeRows} noneLabel={noneLabel} t={t} />\n\n      {hasContext ? (\n        <section>\n          <CollapsibleJsonSection label={t('audit_logs.actions.details.context')} value={entry.context} />\n        </section>\n      ) : null}\n\n      {snapshots.length ? (\n        <section className=\"space-y-4\">\n          {snapshots.map((snapshot) => (\n            <CollapsibleJsonSection key={snapshot.label} label={snapshot.label} value={snapshot.value} />\n          ))}\n        </section>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0CU,SACE,KADF;AAxCV,YAAY,WAAW;AAGvB,SAAS,8BAA8B,oCAAoC;AAC3E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,SAAS,qBAAqB,EAAE,OAAO,EAAE,GAA8B;AAC5E,QAAM,YAAY,EAAE,wBAAwB;AAC5C,QAAM,cAAc,6BAA6B,MAAM,gBAAgB,CAAC;AACxE,QAAM,cAAc,6BAA6B,OAAO,CAAC;AACzD,QAAM,aAAa,MAAM;AAAA,IACvB,MAAM,kBAAkB,MAAM,SAAS,MAAM,cAAc;AAAA,IAC3D,CAAC,MAAM,SAAS,MAAM,cAAc;AAAA,EACtC;AACA,QAAM,aAAa,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM,YAAY,YAAY,OAAO,KAAK,MAAM,OAAO,EAAE,SAAS;AAC/G,QAAM,YAAY,MAAM,QAAQ,MAAM;AACpC,UAAM,QAA6C,CAAC;AACpD,QAAI,MAAM,kBAAkB,MAAM;AAChC,YAAM,KAAK,EAAE,OAAO,EAAE,4CAA4C,GAAG,OAAO,MAAM,eAAe,CAAC;AAAA,IACpG;AACA,QAAI,MAAM,iBAAiB,MAAM;AAC/B,YAAM,KAAK,EAAE,OAAO,EAAE,2CAA2C,GAAG,OAAO,MAAM,cAAc,CAAC;AAAA,IAClG;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,eAAe,MAAM,gBAAgB,CAAC,CAAC;AAEjD,SACE,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,aAAQ,WAAU,qBACjB,+BAAC,QAAG,WAAU,yCACZ;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yDACX,YAAE,0CAA0C,GAC/C;AAAA,QACA,oBAAC,QAAG,WAAU,uBAAuB,uBAAY;AAAA,SACnD;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yDACX,YAAE,wCAAwC,GAC7C;AAAA,QACA,oBAAC,QAAG,WAAU,uBAAuB,qBAAW,MAAM,SAAS,GAAE;AAAA,SACnE;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yDACX,YAAE,yCAAyC,GAC9C;AAAA,QACA,oBAAC,QAAG,WAAU,uBAAuB,gBAAM,iBAAiB,MAAM,eAAe,WAAU;AAAA,SAC7F;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yDACX,YAAE,0CAA0C,GAC/C;AAAA,QACA,oBAAC,QAAG,WAAU,uBAAuB,uBAAY;AAAA,SACnD;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,sBAAmB,YAAwB,WAAsB,GAAM;AAAA,IAEvE,aACC,oBAAC,aACC,8BAAC,0BAAuB,OAAO,EAAE,oCAAoC,GAAG,OAAO,MAAM,SAAS,GAChG,IACE;AAAA,IAEH,UAAU,SACT,oBAAC,aAAQ,WAAU,aAChB,oBAAU,IAAI,CAAC,aACd,oBAAC,0BAA4C,OAAO,SAAS,OAAO,OAAO,SAAS,SAAvD,SAAS,KAAqD,CAC5F,GACH,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/backend/version-history/VersionHistoryPanel.js

@@ -0,0 +1,270 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, Clock, Loader2, RotateCcw, Undo2, X } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { VersionHistoryDetail } from "./VersionHistoryDetail.js";
+import { formatDate } from "@open-mercato/core/modules/audit_logs/lib/display-helpers";
+import { apiCallOrThrow } from "@freighttech/ui/backend/utils/apiCall";
+import { markRedoConsumed, markUndoSuccess } from "@freighttech/ui/backend/operations/store";
+import { getVersionHistoryActionLabel, getVersionHistoryStatusLabel } from "./labels.js";
+import { useAuditPermissions, canUndoEntry, canRedoEntry } from "./useAuditPermissions.js";
+import { Notice } from "@freighttech/ui/primitives/Notice";
+import { humanizeResourceKind } from "./labels.js";
+function VersionHistoryPanel({
+  open,
+  onOpenChange,
+  entries,
+  isLoading,
+  error,
+  hasMore,
+  onLoadMore,
+  t,
+  canUndoRedo,
+  autoCheckAcl = true
+}) {
+  const shouldAutoCheck = canUndoRedo === void 0 && autoCheckAcl;
+  const permissions = useAuditPermissions(shouldAutoCheck && open);
+  const visibleEntries = React.useMemo(() => {
+    if (canUndoRedo !== void 0 || !shouldAutoCheck) return entries;
+    if (permissions.isLoading) return entries;
+    if (permissions.canViewTenant) return entries;
+    if (!permissions.currentUserId) return entries;
+    return entries.filter((entry) => entry.actorUserId === permissions.currentUserId);
+  }, [entries, canUndoRedo, shouldAutoCheck, permissions]);
+  const [selectedEntry, setSelectedEntry] = React.useState(null);
+  const [undoingToken, setUndoingToken] = React.useState(null);
+  const [redoingId, setRedoingId] = React.useState(null);
+  const latestUndoableId = React.useMemo(() => {
+    const latest = visibleEntries.find((entry) => entry.undoToken && entry.executionState === "done");
+    return latest?.id ?? null;
+  }, [visibleEntries]);
+  const latestUndoneId = React.useMemo(() => {
+    const undone = visibleEntries.filter((entry) => entry.executionState === "undone");
+    if (!undone.length) return null;
+    const sorted = [...undone].sort((a, b) => {
+      const aTs = Date.parse(a.updatedAt);
+      const bTs = Date.parse(b.updatedAt);
+      return (Number.isFinite(bTs) ? bTs : 0) - (Number.isFinite(aTs) ? aTs : 0);
+    });
+    return sorted[0]?.id ?? null;
+  }, [visibleEntries]);
+  React.useEffect(() => {
+    if (!open) setSelectedEntry(null);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && open) {
+        onOpenChange(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onOpenChange]);
+  const handleUndo = React.useCallback(async (token) => {
+    if (!token) return;
+    setUndoingToken(token);
+    try {
+      await apiCallOrThrow("/api/audit_logs/audit-logs/actions/undo", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ undoToken: token })
+      }, { errorMessage: t("audit_logs.error.undo") });
+      markUndoSuccess(token);
+      if (typeof window !== "undefined") {
+        window.location.reload();
+      }
+    } catch (err) {
+      console.error(t("audit_logs.actions.undo"), err);
+    } finally {
+      setUndoingToken(null);
+    }
+  }, [t]);
+  const handleRedo = React.useCallback(async (logId) => {
+    if (!logId) return;
+    setRedoingId(logId);
+    try {
+      await apiCallOrThrow("/api/audit_logs/audit-logs/actions/redo", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ logId })
+      }, { errorMessage: t("audit_logs.error.redo") });
+      markRedoConsumed(logId);
+      if (typeof window !== "undefined") {
+        window.location.reload();
+      }
+    } catch (err) {
+      console.error(t("audit_logs.actions.redo"), err);
+    } finally {
+      setRedoingId(null);
+    }
+  }, [t]);
+  if (!open) return null;
+  const isEmpty = visibleEntries.length === 0 && !isLoading && !error;
+  const isInitialLoading = visibleEntries.length === 0 && isLoading;
+  const isInitialError = visibleEntries.length === 0 && !!error;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-40 bg-black/20",
+        onClick: () => onOpenChange(false),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed right-0 top-0 z-50 h-full w-full max-w-md border-l bg-background shadow-lg",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": t("audit_logs.version_history.title"),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              selectedEntry ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => setSelectedEntry(null),
+                  "aria-label": t("audit_logs.version_history.detail.back"),
+                  children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
+                }
+              ) : /* @__PURE__ */ jsx(Clock, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: selectedEntry ? t("audit_logs.version_history.detail.title") : t("audit_logs.version_history.title") })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => onOpenChange(false),
+                "aria-label": t("audit_logs.version_history.close"),
+                children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: selectedEntry ? /* @__PURE__ */ jsx(VersionHistoryDetail, { entry: selectedEntry, t }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            shouldAutoCheck && !permissions.isLoading && !permissions.canViewTenant && permissions.currentUserId ? /* @__PURE__ */ jsx(Notice, { compact: true, children: t("audit_logs.hint.view_self_only", "Showing only your own changes. Contact an administrator for broader access.") }) : null,
+            isInitialLoading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "mb-2 h-8 w-8 animate-spin" }),
+              /* @__PURE__ */ jsx("p", { children: t("audit_logs.version_history.loading") })
+            ] }) : null,
+            isInitialError ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-12 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("p", { children: t("audit_logs.version_history.error") }),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onLoadMore, children: t("audit_logs.common.refresh") })
+            ] }) : null,
+            isEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "mb-2 h-8 w-8 opacity-50" }),
+              /* @__PURE__ */ jsx("p", { children: t("audit_logs.version_history.empty") })
+            ] }) : null,
+            visibleEntries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "divide-y rounded-lg border", children: visibleEntries.map((entry) => {
+              const statusLabel = getVersionHistoryStatusLabel(entry.executionState, t);
+              const actionLabel = getVersionHistoryActionLabel(entry, t);
+              const isRelatedEntry = entry.parentResourceKind != null;
+              const entryCanUndo = canUndoRedo !== void 0 ? canUndoRedo : shouldAutoCheck ? canUndoEntry(permissions, entry.actorUserId) : true;
+              const entryCanRedo = canUndoRedo !== void 0 ? canUndoRedo : shouldAutoCheck ? canRedoEntry(permissions, entry.actorUserId) : true;
+              const canUndo = entryCanUndo && Boolean(entry.undoToken) && entry.executionState === "done" && entry.id === latestUndoableId;
+              const showRedo = entryCanRedo && entry.executionState === "undone";
+              const canRedo = showRedo && entry.id === latestUndoneId;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `flex items-start justify-between gap-3 py-3 transition-colors hover:bg-muted/40 ${isRelatedEntry ? "pl-8 pr-4 border-l-2 border-l-muted-foreground/20" : "px-4"}`,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        className: "h-auto min-w-0 flex-1 flex-col items-start justify-start gap-1 whitespace-normal px-0 py-0 text-left hover:bg-transparent",
+                        onClick: () => setSelectedEntry(entry),
+                        children: [
+                          isRelatedEntry ? /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground/70 font-medium", children: humanizeResourceKind(entry.resourceKind, t) }) : null,
+                          /* @__PURE__ */ jsx("div", { className: "break-words text-sm font-medium", children: actionLabel }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 text-xs text-muted-foreground", children: [
+                            /* @__PURE__ */ jsx("span", { children: entry.actorUserName || entry.actorUserId || t("audit_logs.common.none") }),
+                            /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                            /* @__PURE__ */ jsx("span", { children: formatDate(entry.createdAt) }),
+                            /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                            /* @__PURE__ */ jsx("span", { children: statusLabel })
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pt-1", children: [
+                      canUndo ? /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "h-8 gap-1 px-2 text-xs",
+                          "aria-label": t("audit_logs.actions.undo"),
+                          onClick: (event) => {
+                            event.stopPropagation();
+                            void handleUndo(entry.undoToken);
+                          },
+                          disabled: undoingToken === entry.undoToken || Boolean(redoingId),
+                          children: [
+                            /* @__PURE__ */ jsx(Undo2, { className: "size-4", "aria-hidden": "true" }),
+                            /* @__PURE__ */ jsx("span", { children: t("audit_logs.actions.undo") })
+                          ]
+                        }
+                      ) : null,
+                      showRedo ? /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "h-8 gap-1 px-2 text-xs",
+                          "aria-label": t("audit_logs.actions.redo"),
+                          onClick: (event) => {
+                            event.stopPropagation();
+                            void handleRedo(entry.id);
+                          },
+                          disabled: !canRedo || redoingId === entry.id || Boolean(undoingToken),
+                          children: [
+                            /* @__PURE__ */ jsx(RotateCcw, { className: "size-4", "aria-hidden": "true" }),
+                            /* @__PURE__ */ jsx("span", { children: t("audit_logs.actions.redo") })
+                          ]
+                        }
+                      ) : null
+                    ] })
+                  ]
+                },
+                entry.id
+              );
+            }) }) : null,
+            error && visibleEntries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs text-red-500", children: error }) : null,
+            hasMore ? /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: onLoadMore,
+                disabled: isLoading,
+                children: [
+                  isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+                  t("audit_logs.version_history.load_more")
+                ]
+              }
+            ) }) : null
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  VersionHistoryPanel
+};
+//# sourceMappingURL=VersionHistoryPanel.js.map

package/dist/backend/version-history/VersionHistoryPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/VersionHistoryPanel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronLeft, Clock, Loader2, RotateCcw, Undo2, X } from 'lucide-react'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport type { VersionHistoryEntry } from './types'\nimport { VersionHistoryDetail } from './VersionHistoryDetail'\nimport { formatDate } from '@open-mercato/core/modules/audit_logs/lib/display-helpers'\nimport { apiCallOrThrow } from '@freighttech/ui/backend/utils/apiCall'\nimport { markRedoConsumed, markUndoSuccess } from '@freighttech/ui/backend/operations/store'\nimport { getVersionHistoryActionLabel, getVersionHistoryStatusLabel } from './labels'\nimport { useAuditPermissions, canUndoEntry, canRedoEntry } from './useAuditPermissions'\nimport { Notice } from '@freighttech/ui/primitives/Notice'\nimport { humanizeResourceKind } from './labels'\n\nexport type VersionHistoryPanelProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  entries: VersionHistoryEntry[]\n  isLoading: boolean\n  error: string | null\n  hasMore: boolean\n  onLoadMore: () => void\n  t: TranslateFn\n  /** Explicit override \u2014 when provided, skips auto-check and uses this value directly. */\n  canUndoRedo?: boolean\n  /** When true (default), auto-checks audit_logs features for the current user. Ignored when canUndoRedo is provided. */\n  autoCheckAcl?: boolean\n}\n\nexport function VersionHistoryPanel({\n  open,\n  onOpenChange,\n  entries,\n  isLoading,\n  error,\n  hasMore,\n  onLoadMore,\n  t,\n  canUndoRedo,\n  autoCheckAcl = true,\n}: VersionHistoryPanelProps) {\n  const shouldAutoCheck = canUndoRedo === undefined && autoCheckAcl\n  const permissions = useAuditPermissions(shouldAutoCheck && open)\n\n  const visibleEntries = React.useMemo(() => {\n    if (canUndoRedo !== undefined || !shouldAutoCheck) return entries\n    if (permissions.isLoading) return entries\n    if (permissions.canViewTenant) return entries\n    if (!permissions.currentUserId) return entries\n    return entries.filter((entry) => entry.actorUserId === permissions.currentUserId)\n  }, [entries, canUndoRedo, shouldAutoCheck, permissions])\n\n  const [selectedEntry, setSelectedEntry] = React.useState<VersionHistoryEntry | null>(null)\n  const [undoingToken, setUndoingToken] = React.useState<string | null>(null)\n  const [redoingId, setRedoingId] = React.useState<string | null>(null)\n  const latestUndoableId = React.useMemo(() => {\n    const latest = visibleEntries.find((entry) => entry.undoToken && entry.executionState === 'done')\n    return latest?.id ?? null\n  }, [visibleEntries])\n  const latestUndoneId = React.useMemo(() => {\n    const undone = visibleEntries.filter((entry) => entry.executionState === 'undone')\n    if (!undone.length) return null\n    const sorted = [...undone].sort((a, b) => {\n      const aTs = Date.parse(a.updatedAt)\n      const bTs = Date.parse(b.updatedAt)\n      return (Number.isFinite(bTs) ? bTs : 0) - (Number.isFinite(aTs) ? aTs : 0)\n    })\n    return sorted[0]?.id ?? null\n  }, [visibleEntries])\n\n  React.useEffect(() => {\n    if (!open) setSelectedEntry(null)\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    const prev = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n    return () => {\n      document.body.style.overflow = prev\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && open) {\n        onOpenChange(false)\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [open, onOpenChange])\n\n  const handleUndo = React.useCallback(async (token: string | null) => {\n    if (!token) return\n    setUndoingToken(token)\n    try {\n      await apiCallOrThrow('/api/audit_logs/audit-logs/actions/undo', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ undoToken: token }),\n      }, { errorMessage: t('audit_logs.error.undo') })\n      markUndoSuccess(token)\n      if (typeof window !== 'undefined') {\n        window.location.reload()\n      }\n    } catch (err) {\n      console.error(t('audit_logs.actions.undo'), err)\n    } finally {\n      setUndoingToken(null)\n    }\n  }, [t])\n\n  const handleRedo = React.useCallback(async (logId: string | null) => {\n    if (!logId) return\n    setRedoingId(logId)\n    try {\n      await apiCallOrThrow('/api/audit_logs/audit-logs/actions/redo', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ logId }),\n      }, { errorMessage: t('audit_logs.error.redo') })\n      markRedoConsumed(logId)\n      if (typeof window !== 'undefined') {\n        window.location.reload()\n      }\n    } catch (err) {\n      console.error(t('audit_logs.actions.redo'), err)\n    } finally {\n      setRedoingId(null)\n    }\n  }, [t])\n\n  if (!open) return null\n\n  const isEmpty = visibleEntries.length === 0 && !isLoading && !error\n  const isInitialLoading = visibleEntries.length === 0 && isLoading\n  const isInitialError = visibleEntries.length === 0 && !!error\n\n  return (\n    <>\n      <div\n        className=\"fixed inset-0 z-40 bg-black/20\"\n        onClick={() => onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        className=\"fixed right-0 top-0 z-50 h-full w-full max-w-md border-l bg-background shadow-lg\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={t('audit_logs.version_history.title')}\n      >\n        <div className=\"flex h-full flex-col\">\n          <div className=\"flex items-center justify-between border-b px-4 py-3\">\n            <div className=\"flex items-center gap-2\">\n              {selectedEntry ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => setSelectedEntry(null)}\n                  aria-label={t('audit_logs.version_history.detail.back')}\n                >\n                  <ChevronLeft className=\"h-5 w-5\" />\n                </Button>\n              ) : (\n                <Clock className=\"h-5 w-5\" />\n              )}\n              <h2 className=\"font-semibold\">\n                {selectedEntry\n                  ? t('audit_logs.version_history.detail.title')\n                  : t('audit_logs.version_history.title')}\n              </h2>\n            </div>\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => onOpenChange(false)}\n              aria-label={t('audit_logs.version_history.close')}\n            >\n              <X className=\"h-5 w-5\" />\n            </Button>\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto px-4 py-4\">\n            {selectedEntry ? (\n              <VersionHistoryDetail entry={selectedEntry} t={t} />\n            ) : (\n              <div className=\"space-y-3\">\n                {shouldAutoCheck && !permissions.isLoading && !permissions.canViewTenant && permissions.currentUserId ? (\n                  <Notice compact>\n                    {t('audit_logs.hint.view_self_only', 'Showing only your own changes. Contact an administrator for broader access.')}\n                  </Notice>\n                ) : null}\n\n                {isInitialLoading ? (\n                  <div className=\"flex flex-col items-center justify-center py-12 text-muted-foreground\">\n                    <Loader2 className=\"mb-2 h-8 w-8 animate-spin\" />\n                    <p>{t('audit_logs.version_history.loading')}</p>\n                  </div>\n                ) : null}\n\n                {isInitialError ? (\n                  <div className=\"flex flex-col items-center justify-center gap-2 py-12 text-muted-foreground\">\n                    <p>{t('audit_logs.version_history.error')}</p>\n                    <Button variant=\"ghost\" size=\"sm\" onClick={onLoadMore}>\n                      {t('audit_logs.common.refresh')}\n                    </Button>\n                  </div>\n                ) : null}\n\n                {isEmpty ? (\n                  <div className=\"flex flex-col items-center justify-center py-12 text-muted-foreground\">\n                    <Clock className=\"mb-2 h-8 w-8 opacity-50\" />\n                    <p>{t('audit_logs.version_history.empty')}</p>\n                  </div>\n                ) : null}\n\n                {visibleEntries.length > 0 ? (\n                  <div className=\"divide-y rounded-lg border\">\n                    {visibleEntries.map((entry) => {\n                      const statusLabel = getVersionHistoryStatusLabel(entry.executionState, t)\n                      const actionLabel = getVersionHistoryActionLabel(entry, t)\n                      const isRelatedEntry = entry.parentResourceKind != null\n                      const entryCanUndo = canUndoRedo !== undefined\n                        ? canUndoRedo\n                        : (shouldAutoCheck ? canUndoEntry(permissions, entry.actorUserId) : true)\n                      const entryCanRedo = canUndoRedo !== undefined\n                        ? canUndoRedo\n                        : (shouldAutoCheck ? canRedoEntry(permissions, entry.actorUserId) : true)\n                      const canUndo = entryCanUndo\n                        && Boolean(entry.undoToken)\n                        && entry.executionState === 'done'\n                        && entry.id === latestUndoableId\n                      const showRedo = entryCanRedo && entry.executionState === 'undone'\n                      const canRedo = showRedo && entry.id === latestUndoneId\n                      return (\n                        <div\n                          key={entry.id}\n                          className={`flex items-start justify-between gap-3 py-3 transition-colors hover:bg-muted/40 ${isRelatedEntry ? 'pl-8 pr-4 border-l-2 border-l-muted-foreground/20' : 'px-4'}`}\n                        >\n                          <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            className=\"h-auto min-w-0 flex-1 flex-col items-start justify-start gap-1 whitespace-normal px-0 py-0 text-left hover:bg-transparent\"\n                            onClick={() => setSelectedEntry(entry)}\n                          >\n                            {isRelatedEntry ? (\n                              <span className=\"text-[10px] uppercase tracking-wider text-muted-foreground/70 font-medium\">\n                                {humanizeResourceKind(entry.resourceKind, t)}\n                              </span>\n                            ) : null}\n                            <div className=\"break-words text-sm font-medium\">\n                              {actionLabel}\n                            </div>\n                            <div className=\"flex min-w-0 flex-wrap items-center gap-x-2 text-xs text-muted-foreground\">\n                              <span>{entry.actorUserName || entry.actorUserId || t('audit_logs.common.none')}</span>\n                              <span>\u2022</span>\n                              <span>{formatDate(entry.createdAt)}</span>\n                              <span>\u2022</span>\n                              <span>{statusLabel}</span>\n                            </div>\n                          </Button>\n                          <div className=\"flex items-center gap-1 pt-1\">\n                            {canUndo ? (\n                              <Button\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                className=\"h-8 gap-1 px-2 text-xs\"\n                                aria-label={t('audit_logs.actions.undo')}\n                                onClick={(event) => {\n                                  event.stopPropagation()\n                                  void handleUndo(entry.undoToken)\n                                }}\n                                disabled={undoingToken === entry.undoToken || Boolean(redoingId)}\n                              >\n                                <Undo2 className=\"size-4\" aria-hidden=\"true\" />\n                                <span>{t('audit_logs.actions.undo')}</span>\n                              </Button>\n                            ) : null}\n                            {showRedo ? (\n                              <Button\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                className=\"h-8 gap-1 px-2 text-xs\"\n                                aria-label={t('audit_logs.actions.redo')}\n                                onClick={(event) => {\n                                  event.stopPropagation()\n                                  void handleRedo(entry.id)\n                                }}\n                                disabled={!canRedo || redoingId === entry.id || Boolean(undoingToken)}\n                              >\n                                <RotateCcw className=\"size-4\" aria-hidden=\"true\" />\n                                <span>{t('audit_logs.actions.redo')}</span>\n                              </Button>\n                            ) : null}\n                          </div>\n                        </div>\n                      )\n                    })}\n                  </div>\n                ) : null}\n\n                {error && visibleEntries.length > 0 ? (\n                  <div className=\"text-xs text-red-500\">{error}</div>\n                ) : null}\n\n                {hasMore ? (\n                  <div className=\"pt-2\">\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={onLoadMore}\n                      disabled={isLoading}\n                    >\n                      {isLoading ? (\n                        <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                      ) : null}\n                      {t('audit_logs.version_history.load_more')}\n                    </Button>\n                  </div>\n                ) : null}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": ";AA8II,mBACE,KAaM,YAdR;AA5IJ,YAAY,WAAW;AACvB,SAAS,aAAa,OAAO,SAAS,WAAW,OAAO,SAAS;AAEjE,SAAS,cAAc;AAEvB,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB,uBAAuB;AAClD,SAAS,8BAA8B,oCAAoC;AAC3E,SAAS,qBAAqB,cAAc,oBAAoB;AAChE,SAAS,cAAc;AACvB,SAAS,4BAA4B;AAiB9B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA6B;AAC3B,QAAM,kBAAkB,gBAAgB,UAAa;AACrD,QAAM,cAAc,oBAAoB,mBAAmB,IAAI;AAE/D,QAAM,iBAAiB,MAAM,QAAQ,MAAM;AACzC,QAAI,gBAAgB,UAAa,CAAC,gBAAiB,QAAO;AAC1D,QAAI,YAAY,UAAW,QAAO;AAClC,QAAI,YAAY,cAAe,QAAO;AACtC,QAAI,CAAC,YAAY,cAAe,QAAO;AACvC,WAAO,QAAQ,OAAO,CAAC,UAAU,MAAM,gBAAgB,YAAY,aAAa;AAAA,EAClF,GAAG,CAAC,SAAS,aAAa,iBAAiB,WAAW,CAAC;AAEvD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAqC,IAAI;AACzF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,IAAI;AAC1E,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAwB,IAAI;AACpE,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AAC3C,UAAM,SAAS,eAAe,KAAK,CAAC,UAAU,MAAM,aAAa,MAAM,mBAAmB,MAAM;AAChG,WAAO,QAAQ,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,CAAC;AACnB,QAAM,iBAAiB,MAAM,QAAQ,MAAM;AACzC,UAAM,SAAS,eAAe,OAAO,CAAC,UAAU,MAAM,mBAAmB,QAAQ;AACjF,QAAI,CAAC,OAAO,OAAQ,QAAO;AAC3B,UAAM,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM;AACxC,YAAM,MAAM,KAAK,MAAM,EAAE,SAAS;AAClC,YAAM,MAAM,KAAK,MAAM,EAAE,SAAS;AAClC,cAAQ,OAAO,SAAS,GAAG,IAAI,MAAM,MAAM,OAAO,SAAS,GAAG,IAAI,MAAM;AAAA,IAC1E,CAAC;AACD,WAAO,OAAO,CAAC,GAAG,MAAM;AAAA,EAC1B,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM,kBAAiB,IAAI;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,SAAS,KAAK,MAAM;AACjC,aAAS,KAAK,MAAM,WAAW;AAC/B,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,MAAM,QAAQ,YAAY,MAAM;AAClC,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,QAAM,aAAa,MAAM,YAAY,OAAO,UAAyB;AACnE,QAAI,CAAC,MAAO;AACZ,oBAAgB,KAAK;AACrB,QAAI;AACF,YAAM,eAAe,2CAA2C;AAAA,QAC9D,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,WAAW,MAAM,CAAC;AAAA,MAC3C,GAAG,EAAE,cAAc,EAAE,uBAAuB,EAAE,CAAC;AAC/C,sBAAgB,KAAK;AACrB,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO,SAAS,OAAO;AAAA,MACzB;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,EAAE,yBAAyB,GAAG,GAAG;AAAA,IACjD,UAAE;AACA,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,aAAa,MAAM,YAAY,OAAO,UAAyB;AACnE,QAAI,CAAC,MAAO;AACZ,iBAAa,KAAK;AAClB,QAAI;AACF,YAAM,eAAe,2CAA2C;AAAA,QAC9D,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,MAAM,CAAC;AAAA,MAChC,GAAG,EAAE,cAAc,EAAE,uBAAuB,EAAE,CAAC;AAC/C,uBAAiB,KAAK;AACtB,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO,SAAS,OAAO;AAAA,MACzB;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,EAAE,yBAAyB,GAAG,GAAG;AAAA,IACjD,UAAE;AACA,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,UAAU,eAAe,WAAW,KAAK,CAAC,aAAa,CAAC;AAC9D,QAAM,mBAAmB,eAAe,WAAW,KAAK;AACxD,QAAM,iBAAiB,eAAe,WAAW,KAAK,CAAC,CAAC;AAExD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,eAAY;AAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAY,EAAE,kCAAkC;AAAA,QAEhD,+BAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,SAAI,WAAU,wDACb;AAAA,iCAAC,SAAI,WAAU,2BACZ;AAAA,8BACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS,MAAM,iBAAiB,IAAI;AAAA,kBACpC,cAAY,EAAE,wCAAwC;AAAA,kBAEtD,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,cACnC,IAEA,oBAAC,SAAM,WAAU,WAAU;AAAA,cAE7B,oBAAC,QAAG,WAAU,iBACX,0BACG,EAAE,yCAAyC,IAC3C,EAAE,kCAAkC,GAC1C;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,MAAM,aAAa,KAAK;AAAA,gBACjC,cAAY,EAAE,kCAAkC;AAAA,gBAEhD,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,YACzB;AAAA,aACF;AAAA,UAEA,oBAAC,SAAI,WAAU,oCACZ,0BACC,oBAAC,wBAAqB,OAAO,eAAe,GAAM,IAElD,qBAAC,SAAI,WAAU,aACZ;AAAA,+BAAmB,CAAC,YAAY,aAAa,CAAC,YAAY,iBAAiB,YAAY,gBACtF,oBAAC,UAAO,SAAO,MACZ,YAAE,kCAAkC,6EAA6E,GACpH,IACE;AAAA,YAEH,mBACC,qBAAC,SAAI,WAAU,yEACb;AAAA,kCAAC,WAAQ,WAAU,6BAA4B;AAAA,cAC/C,oBAAC,OAAG,YAAE,oCAAoC,GAAE;AAAA,eAC9C,IACE;AAAA,YAEH,iBACC,qBAAC,SAAI,WAAU,+EACb;AAAA,kCAAC,OAAG,YAAE,kCAAkC,GAAE;AAAA,cAC1C,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,YACxC,YAAE,2BAA2B,GAChC;AAAA,eACF,IACE;AAAA,YAEH,UACC,qBAAC,SAAI,WAAU,yEACb;AAAA,kCAAC,SAAM,WAAU,2BAA0B;AAAA,cAC3C,oBAAC,OAAG,YAAE,kCAAkC,GAAE;AAAA,eAC5C,IACE;AAAA,YAEH,eAAe,SAAS,IACvB,oBAAC,SAAI,WAAU,8BACZ,yBAAe,IAAI,CAAC,UAAU;AAC7B,oBAAM,cAAc,6BAA6B,MAAM,gBAAgB,CAAC;AACxE,oBAAM,cAAc,6BAA6B,OAAO,CAAC;AACzD,oBAAM,iBAAiB,MAAM,sBAAsB;AACnD,oBAAM,eAAe,gBAAgB,SACjC,cACC,kBAAkB,aAAa,aAAa,MAAM,WAAW,IAAI;AACtE,oBAAM,eAAe,gBAAgB,SACjC,cACC,kBAAkB,aAAa,aAAa,MAAM,WAAW,IAAI;AACtE,oBAAM,UAAU,gBACX,QAAQ,MAAM,SAAS,KACvB,MAAM,mBAAmB,UACzB,MAAM,OAAO;AAClB,oBAAM,WAAW,gBAAgB,MAAM,mBAAmB;AAC1D,oBAAM,UAAU,YAAY,MAAM,OAAO;AACzC,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAW,mFAAmF,iBAAiB,sDAAsD,MAAM;AAAA,kBAE3K;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,SAAQ;AAAA,wBACR,WAAU;AAAA,wBACV,SAAS,MAAM,iBAAiB,KAAK;AAAA,wBAEpC;AAAA,2CACC,oBAAC,UAAK,WAAU,6EACb,+BAAqB,MAAM,cAAc,CAAC,GAC7C,IACE;AAAA,0BACJ,oBAAC,SAAI,WAAU,mCACZ,uBACH;AAAA,0BACA,qBAAC,SAAI,WAAU,6EACb;AAAA,gDAAC,UAAM,gBAAM,iBAAiB,MAAM,eAAe,EAAE,wBAAwB,GAAE;AAAA,4BAC/E,oBAAC,UAAK,oBAAC;AAAA,4BACP,oBAAC,UAAM,qBAAW,MAAM,SAAS,GAAE;AAAA,4BACnC,oBAAC,UAAK,oBAAC;AAAA,4BACP,oBAAC,UAAM,uBAAY;AAAA,6BACrB;AAAA;AAAA;AAAA,oBACF;AAAA,oBACA,qBAAC,SAAI,WAAU,gCACZ;AAAA,gCACC;AAAA,wBAAC;AAAA;AAAA,0BACC,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,WAAU;AAAA,0BACV,cAAY,EAAE,yBAAyB;AAAA,0BACvC,SAAS,CAAC,UAAU;AAClB,kCAAM,gBAAgB;AACtB,iCAAK,WAAW,MAAM,SAAS;AAAA,0BACjC;AAAA,0BACA,UAAU,iBAAiB,MAAM,aAAa,QAAQ,SAAS;AAAA,0BAE/D;AAAA,gDAAC,SAAM,WAAU,UAAS,eAAY,QAAO;AAAA,4BAC7C,oBAAC,UAAM,YAAE,yBAAyB,GAAE;AAAA;AAAA;AAAA,sBACtC,IACE;AAAA,sBACH,WACC;AAAA,wBAAC;AAAA;AAAA,0BACC,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,WAAU;AAAA,0BACV,cAAY,EAAE,yBAAyB;AAAA,0BACvC,SAAS,CAAC,UAAU;AAClB,kCAAM,gBAAgB;AACtB,iCAAK,WAAW,MAAM,EAAE;AAAA,0BAC1B;AAAA,0BACA,UAAU,CAAC,WAAW,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,0BAEpE;AAAA,gDAAC,aAAU,WAAU,UAAS,eAAY,QAAO;AAAA,4BACjD,oBAAC,UAAM,YAAE,yBAAyB,GAAE;AAAA;AAAA;AAAA,sBACtC,IACE;AAAA,uBACN;AAAA;AAAA;AAAA,gBA1DK,MAAM;AAAA,cA2Db;AAAA,YAEJ,CAAC,GACH,IACE;AAAA,YAEH,SAAS,eAAe,SAAS,IAChC,oBAAC,SAAI,WAAU,wBAAwB,iBAAM,IAC3C;AAAA,YAEH,UACC,oBAAC,SAAI,WAAU,QACb;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,UAAU;AAAA,gBAET;AAAA,8BACC,oBAAC,WAAQ,WAAU,6BAA4B,IAC7C;AAAA,kBACH,EAAE,sCAAsC;AAAA;AAAA;AAAA,YAC3C,GACF,IACE;AAAA,aACN,GAEJ;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/version-history/index.js

@@ -0,0 +1,13 @@
+import { VersionHistoryPanel } from "./VersionHistoryPanel.js";
+import { VersionHistoryAction } from "./VersionHistoryAction.js";
+import { useVersionHistory } from "./useVersionHistory.js";
+import { useAuditPermissions, canUndoEntry, canRedoEntry } from "./useAuditPermissions.js";
+export {
+  VersionHistoryAction,
+  VersionHistoryPanel,
+  canRedoEntry,
+  canUndoEntry,
+  useAuditPermissions,
+  useVersionHistory
+};
+//# sourceMappingURL=index.js.map

package/dist/backend/version-history/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/index.ts"],
+  "sourcesContent": ["export { VersionHistoryPanel } from './VersionHistoryPanel'\nexport type { VersionHistoryPanelProps } from './VersionHistoryPanel'\nexport { VersionHistoryAction } from './VersionHistoryAction'\nexport type { VersionHistoryActionProps } from './VersionHistoryAction'\nexport { useVersionHistory } from './useVersionHistory'\nexport type { UseVersionHistoryResult } from './useVersionHistory'\nexport type { VersionHistoryEntry, VersionHistoryConfig } from './types'\nexport { useAuditPermissions, canUndoEntry, canRedoEntry } from './useAuditPermissions'\nexport type { AuditPermissions } from './useAuditPermissions'\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,4BAA4B;AAErC,SAAS,yBAAyB;AAGlC,SAAS,qBAAqB,cAAc,oBAAoB;",
+  "names": []
+}

package/dist/backend/version-history/labels.js

@@ -0,0 +1,52 @@
+"use client";
+function fallbackLabel(kind) {
+  const segment = kind.split(".").pop() ?? kind;
+  return segment.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase());
+}
+function lowercaseInitial(value) {
+  if (!value) return value;
+  return value.charAt(0).toLowerCase() + value.slice(1);
+}
+function resolveBaseActionLabel(entry) {
+  return entry.actionLabel || entry.commandId;
+}
+function resolveHistoryAction(entry) {
+  const historyAction = entry.context?.historyAction;
+  return typeof historyAction === "string" ? historyAction : null;
+}
+function humanizeResourceKind(kind, t) {
+  if (!kind) return "";
+  return t(`audit_logs.resource_kind.${kind}`, fallbackLabel(kind));
+}
+function getVersionHistoryActionLabel(entry, t) {
+  const baseAction = resolveBaseActionLabel(entry);
+  const actionParam = lowercaseInitial(baseAction);
+  switch (resolveHistoryAction(entry)) {
+    case "undo":
+      return t("audit_logs.version_history.action.undo", "Undo {action}", { action: actionParam });
+    case "redo":
+      return t("audit_logs.version_history.action.redo", "Redo {action}", { action: actionParam });
+    default:
+      return baseAction;
+  }
+}
+function getVersionHistoryStatusLabel(state, t) {
+  switch (state) {
+    case "done":
+      return t("audit_logs.version_history.status.done", "Done");
+    case "undone":
+      return t("audit_logs.version_history.status.undone", "Undone");
+    case "redone":
+      return t("audit_logs.version_history.status.redone", "Redone");
+    case "failed":
+      return t("audit_logs.version_history.status.failed", "Failed");
+    default:
+      return state || t("audit_logs.common.none");
+  }
+}
+export {
+  getVersionHistoryActionLabel,
+  getVersionHistoryStatusLabel,
+  humanizeResourceKind
+};
+//# sourceMappingURL=labels.js.map

package/dist/backend/version-history/labels.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/labels.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { VersionHistoryEntry } from './types'\n\nfunction fallbackLabel(kind: string): string {\n  const segment = kind.split('.').pop() ?? kind\n  return segment.replace(/_/g, ' ').replace(/\\b\\w/g, (ch) => ch.toUpperCase())\n}\n\nfunction lowercaseInitial(value: string): string {\n  if (!value) return value\n  return value.charAt(0).toLowerCase() + value.slice(1)\n}\n\nfunction resolveBaseActionLabel(entry: VersionHistoryEntry): string {\n  return entry.actionLabel || entry.commandId\n}\n\nfunction resolveHistoryAction(entry: VersionHistoryEntry): string | null {\n  const historyAction = entry.context?.historyAction\n  return typeof historyAction === 'string' ? historyAction : null\n}\n\nexport function humanizeResourceKind(kind: string | null, t: TranslateFn): string {\n  if (!kind) return ''\n  return t(`audit_logs.resource_kind.${kind}`, fallbackLabel(kind))\n}\n\nexport function getVersionHistoryActionLabel(entry: VersionHistoryEntry, t: TranslateFn): string {\n  const baseAction = resolveBaseActionLabel(entry)\n  const actionParam = lowercaseInitial(baseAction)\n  switch (resolveHistoryAction(entry)) {\n    case 'undo':\n      return t('audit_logs.version_history.action.undo', 'Undo {action}', { action: actionParam })\n    case 'redo':\n      return t('audit_logs.version_history.action.redo', 'Redo {action}', { action: actionParam })\n    default:\n      return baseAction\n  }\n}\n\nexport function getVersionHistoryStatusLabel(state: string, t: TranslateFn) {\n  switch (state) {\n    case 'done':\n      return t('audit_logs.version_history.status.done', 'Done')\n    case 'undone':\n      return t('audit_logs.version_history.status.undone', 'Undone')\n    case 'redone':\n      return t('audit_logs.version_history.status.redone', 'Redone')\n    case 'failed':\n      return t('audit_logs.version_history.status.failed', 'Failed')\n    default:\n      return state || t('audit_logs.common.none')\n  }\n}\n"],
+  "mappings": ";AAKA,SAAS,cAAc,MAAsB;AAC3C,QAAM,UAAU,KAAK,MAAM,GAAG,EAAE,IAAI,KAAK;AACzC,SAAO,QAAQ,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7E;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM,OAAO,CAAC,EAAE,YAAY,IAAI,MAAM,MAAM,CAAC;AACtD;AAEA,SAAS,uBAAuB,OAAoC;AAClE,SAAO,MAAM,eAAe,MAAM;AACpC;AAEA,SAAS,qBAAqB,OAA2C;AACvE,QAAM,gBAAgB,MAAM,SAAS;AACrC,SAAO,OAAO,kBAAkB,WAAW,gBAAgB;AAC7D;AAEO,SAAS,qBAAqB,MAAqB,GAAwB;AAChF,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,EAAE,4BAA4B,IAAI,IAAI,cAAc,IAAI,CAAC;AAClE;AAEO,SAAS,6BAA6B,OAA4B,GAAwB;AAC/F,QAAM,aAAa,uBAAuB,KAAK;AAC/C,QAAM,cAAc,iBAAiB,UAAU;AAC/C,UAAQ,qBAAqB,KAAK,GAAG;AAAA,IACnC,KAAK;AACH,aAAO,EAAE,0CAA0C,iBAAiB,EAAE,QAAQ,YAAY,CAAC;AAAA,IAC7F,KAAK;AACH,aAAO,EAAE,0CAA0C,iBAAiB,EAAE,QAAQ,YAAY,CAAC;AAAA,IAC7F;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,6BAA6B,OAAe,GAAgB;AAC1E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,EAAE,0CAA0C,MAAM;AAAA,IAC3D,KAAK;AACH,aAAO,EAAE,4CAA4C,QAAQ;AAAA,IAC/D,KAAK;AACH,aAAO,EAAE,4CAA4C,QAAQ;AAAA,IAC/D,KAAK;AACH,aAAO,EAAE,4CAA4C,QAAQ;AAAA,IAC/D;AACE,aAAO,SAAS,EAAE,wBAAwB;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/dist/backend/version-history/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/backend/version-history/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/backend/version-history/useAuditPermissions.js

@@ -0,0 +1,72 @@
+"use client";
+import * as React from "react";
+import { hasAllFeatures } from "@open-mercato/shared/lib/auth/featureMatch";
+import { apiCall } from "@freighttech/ui/backend/utils/apiCall";
+const AUDIT_FEATURES = [
+  "audit_logs.view_self",
+  "audit_logs.view_tenant",
+  "audit_logs.undo_self",
+  "audit_logs.undo_tenant",
+  "audit_logs.redo_self",
+  "audit_logs.redo_tenant"
+];
+const EMPTY_PERMISSIONS = {
+  currentUserId: null,
+  canViewTenant: false,
+  canUndoSelf: false,
+  canUndoTenant: false,
+  canRedoSelf: false,
+  canRedoTenant: false,
+  isLoading: true
+};
+function useAuditPermissions(enabled) {
+  const [permissions, setPermissions] = React.useState(EMPTY_PERMISSIONS);
+  React.useEffect(() => {
+    if (!enabled) return;
+    let cancelled = false;
+    void (async () => {
+      try {
+        const res = await apiCall("/api/auth/feature-check", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ features: AUDIT_FEATURES })
+        });
+        if (cancelled) return;
+        const granted = res.result?.granted ?? [];
+        setPermissions({
+          currentUserId: res.result?.userId ?? null,
+          canViewTenant: hasAllFeatures(["audit_logs.view_tenant"], granted),
+          canUndoSelf: hasAllFeatures(["audit_logs.undo_self"], granted),
+          canUndoTenant: hasAllFeatures(["audit_logs.undo_tenant"], granted),
+          canRedoSelf: hasAllFeatures(["audit_logs.redo_self"], granted),
+          canRedoTenant: hasAllFeatures(["audit_logs.redo_tenant"], granted),
+          isLoading: false
+        });
+      } catch {
+        if (!cancelled) {
+          setPermissions({ ...EMPTY_PERMISSIONS, isLoading: false });
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled]);
+  return permissions;
+}
+function canUndoEntry(permissions, actorUserId) {
+  if (permissions.canUndoTenant) return true;
+  if (permissions.canUndoSelf && actorUserId === permissions.currentUserId) return true;
+  return false;
+}
+function canRedoEntry(permissions, actorUserId) {
+  if (permissions.canRedoTenant) return true;
+  if (permissions.canRedoSelf && actorUserId === permissions.currentUserId) return true;
+  return false;
+}
+export {
+  canRedoEntry,
+  canUndoEntry,
+  useAuditPermissions
+};
+//# sourceMappingURL=useAuditPermissions.js.map

package/dist/backend/version-history/useAuditPermissions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/version-history/useAuditPermissions.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { hasAllFeatures } from '@open-mercato/shared/lib/auth/featureMatch'\nimport { apiCall } from '@freighttech/ui/backend/utils/apiCall'\n\nconst AUDIT_FEATURES = [\n  'audit_logs.view_self',\n  'audit_logs.view_tenant',\n  'audit_logs.undo_self',\n  'audit_logs.undo_tenant',\n  'audit_logs.redo_self',\n  'audit_logs.redo_tenant',\n]\n\ntype FeatureCheckResponse = {\n  ok: boolean\n  granted: string[]\n  userId: string\n}\n\nexport type AuditPermissions = {\n  currentUserId: string | null\n  canViewTenant: boolean\n  canUndoSelf: boolean\n  canUndoTenant: boolean\n  canRedoSelf: boolean\n  canRedoTenant: boolean\n  isLoading: boolean\n}\n\nconst EMPTY_PERMISSIONS: AuditPermissions = {\n  currentUserId: null,\n  canViewTenant: false,\n  canUndoSelf: false,\n  canUndoTenant: false,\n  canRedoSelf: false,\n  canRedoTenant: false,\n  isLoading: true,\n}\n\nexport function useAuditPermissions(enabled: boolean): AuditPermissions {\n  const [permissions, setPermissions] = React.useState<AuditPermissions>(EMPTY_PERMISSIONS)\n\n  React.useEffect(() => {\n    if (!enabled) return\n    let cancelled = false\n    void (async () => {\n      try {\n        const res = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ features: AUDIT_FEATURES }),\n        })\n        if (cancelled) return\n        const granted = res.result?.granted ?? []\n        setPermissions({\n          currentUserId: res.result?.userId ?? null,\n          canViewTenant: hasAllFeatures(['audit_logs.view_tenant'], granted),\n          canUndoSelf: hasAllFeatures(['audit_logs.undo_self'], granted),\n          canUndoTenant: hasAllFeatures(['audit_logs.undo_tenant'], granted),\n          canRedoSelf: hasAllFeatures(['audit_logs.redo_self'], granted),\n          canRedoTenant: hasAllFeatures(['audit_logs.redo_tenant'], granted),\n          isLoading: false,\n        })\n      } catch {\n        if (!cancelled) {\n          setPermissions({ ...EMPTY_PERMISSIONS, isLoading: false })\n        }\n      }\n    })()\n    return () => { cancelled = true }\n  }, [enabled])\n\n  return permissions\n}\n\nexport function canUndoEntry(\n  permissions: AuditPermissions,\n  actorUserId: string | null,\n): boolean {\n  if (permissions.canUndoTenant) return true\n  if (permissions.canUndoSelf && actorUserId === permissions.currentUserId) return true\n  return false\n}\n\nexport function canRedoEntry(\n  permissions: AuditPermissions,\n  actorUserId: string | null,\n): boolean {\n  if (permissions.canRedoTenant) return true\n  if (permissions.canRedoSelf && actorUserId === permissions.currentUserId) return true\n  return false\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAExB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAkBA,MAAM,oBAAsC;AAAA,EAC1C,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AACb;AAEO,SAAS,oBAAoB,SAAoC;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA2B,iBAAiB;AAExF,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAS;AACd,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,MAAM,MAAM,QAA8B,2BAA2B;AAAA,UACzE,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,eAAe,CAAC;AAAA,QACnD,CAAC;AACD,YAAI,UAAW;AACf,cAAM,UAAU,IAAI,QAAQ,WAAW,CAAC;AACxC,uBAAe;AAAA,UACb,eAAe,IAAI,QAAQ,UAAU;AAAA,UACrC,eAAe,eAAe,CAAC,wBAAwB,GAAG,OAAO;AAAA,UACjE,aAAa,eAAe,CAAC,sBAAsB,GAAG,OAAO;AAAA,UAC7D,eAAe,eAAe,CAAC,wBAAwB,GAAG,OAAO;AAAA,UACjE,aAAa,eAAe,CAAC,sBAAsB,GAAG,OAAO;AAAA,UAC7D,eAAe,eAAe,CAAC,wBAAwB,GAAG,OAAO;AAAA,UACjE,WAAW;AAAA,QACb,CAAC;AAAA,MACH,QAAQ;AACN,YAAI,CAAC,WAAW;AACd,yBAAe,EAAE,GAAG,mBAAmB,WAAW,MAAM,CAAC;AAAA,QAC3D;AAAA,MACF;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAEO,SAAS,aACd,aACA,aACS;AACT,MAAI,YAAY,cAAe,QAAO;AACtC,MAAI,YAAY,eAAe,gBAAgB,YAAY,cAAe,QAAO;AACjF,SAAO;AACT;AAEO,SAAS,aACd,aACA,aACS;AACT,MAAI,YAAY,cAAe,QAAO;AACtC,MAAI,YAAY,eAAe,gBAAgB,YAAY,cAAe,QAAO;AACjF,SAAO;AACT;",
+  "names": []
+}