@open-mercato/ui 0.6.5-develop.4534.1.b459babe6d → 0.6.5-develop.4559.1.839e136509

package/dist/backend/DataTable.js

@@ -31,7 +31,9 @@ import { useAppEvent } from "./injection/useAppEvent.js";
 import { useInjectionDataWidgets } from "./injection/useInjectionDataWidgets.js";
 import { resolveInjectedIcon } from "./injection/resolveInjectedIcon.js";
 import { serializeExport, defaultExportFilename } from "@open-mercato/shared/lib/crud/exporters";
-import { apiCall } from "./utils/apiCall.js";
+import { apiCall, withScopedApiRequestHeaders } from "./utils/apiCall.js";
+import { buildOptimisticLockHeader } from "./utils/optimisticLock.js";
+import { surfaceRecordConflict } from "./conflicts/index.js";
 import { raiseCrudError } from "./utils/serverErrors.js";
 import { PerspectiveSidebar } from "./PerspectiveSidebar.js";
 import { Popover, PopoverTrigger, PopoverContent } from "../primitives/popover.js";
@@ -1224,13 +1226,17 @@ function DataTable({
       if (process.env.NODE_ENV !== "production") {
         console.debug("[DataTable] perspective payload", payload);
       }
-      const call = await apiCall(
-        `/api/perspectives/${encodeURIComponent(perspectiveTableId)}`,
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        }
+      const existing = input.perspectiveId ? perspectiveData?.perspectives.find((p) => p.id === input.perspectiveId) ?? null : null;
+      const call = await withScopedApiRequestHeaders(
+        buildOptimisticLockHeader(existing?.updatedAt ?? null),
+        () => apiCall(
+          `/api/perspectives/${encodeURIComponent(perspectiveTableId)}`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          }
+        )
       );
       if (call.status === 404) {
         throw new Error(t("ui.dataTable.perspectives.error.apiUnavailable", "Perspectives API is not available. Run `yarn generate` to regenerate module routes and restart the dev server."));
@@ -1249,6 +1255,12 @@ function DataTable({
       if (data2.perspective) {
         applyPerspectiveSettings(data2.perspective.settings, data2.perspective.id);
       }
+    },
+    onError: (error2) => {
+      if (perspectiveTableId) {
+        void queryClient.invalidateQueries({ queryKey: perspectiveQueryKey });
+      }
+      surfaceRecordConflict(error2, t);
     }
   });
   const resolveColumnLabel = React.useCallback((column) => {