@freighttech/ui 0.13.18

package/dist/backend/notifications/useNotificationsPoll.js

@@ -0,0 +1,135 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "../utils/apiCall.js";
+import {
+  subscribeNotificationNew,
+  emitNotificationCountChanged
+} from "@open-mercato/shared/lib/frontend/notificationEvents";
+import {
+  dispatchNotificationHandlers,
+  getRequiredNotificationHandlerFeatures
+} from "./NotificationDispatcher.js";
+import { useNotificationActions } from "./useNotificationActions.js";
+const POLL_INTERVAL = 3e4;
+function useNotificationsPoll() {
+  const [notifications, setNotifications] = React.useState([]);
+  const [unreadCount, setUnreadCount] = React.useState(0);
+  const [hasNew, setHasNew] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const grantedFeaturesRef = React.useRef([]);
+  const lastIdRef = React.useRef(null);
+  const prevUnreadRef = React.useRef(0);
+  const {
+    markAsRead,
+    executeAction,
+    dismiss,
+    dismissUndo,
+    undoDismiss,
+    markAllRead,
+    markAsReadRef,
+    dismissRef
+  } = useNotificationActions(notifications, setNotifications, setUnreadCount);
+  const fetchNotifications = React.useCallback(async () => {
+    try {
+      const [notifResult, countResult] = await Promise.all([
+        apiCall("/api/notifications?pageSize=50"),
+        apiCall("/api/notifications/unread-count")
+      ]);
+      if (notifResult.ok && notifResult.result) {
+        const newNotifications = notifResult.result.items;
+        if (lastIdRef.current && newNotifications.length > 0) {
+          const firstId = newNotifications[0].id;
+          if (firstId !== lastIdRef.current) {
+            setHasNew(true);
+            setTimeout(() => setHasNew(false), 3e3);
+          }
+        }
+        if (newNotifications.length > 0) {
+          lastIdRef.current = newNotifications[0].id;
+        }
+        setNotifications(newNotifications);
+        if (newNotifications.length > 0) {
+          dispatchNotificationHandlers(newNotifications, {
+            features: grantedFeaturesRef.current,
+            currentPath: typeof window === "undefined" ? "/" : `${window.location.pathname}${window.location.search}`,
+            refreshNotifications: () => {
+              void fetchNotifications();
+            },
+            navigate: (href) => {
+              if (typeof window === "undefined") return;
+              if (!href.startsWith("/")) return;
+              window.location.assign(href);
+            },
+            markAsRead: async (notificationId) => markAsReadRef.current(notificationId),
+            dismiss: async (notificationId) => dismissRef.current(notificationId)
+          });
+        }
+      }
+      if (countResult.ok && countResult.result) {
+        const newCount = countResult.result.unreadCount;
+        if (newCount !== prevUnreadRef.current) {
+          setUnreadCount(newCount);
+          prevUnreadRef.current = newCount;
+          emitNotificationCountChanged(newCount);
+        }
+      }
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch notifications");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const refresh = React.useCallback(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+  React.useEffect(() => {
+    let mounted = true;
+    const run = async () => {
+      const requiredFeatures = getRequiredNotificationHandlerFeatures();
+      if (requiredFeatures.length === 0) {
+        grantedFeaturesRef.current = [];
+        return;
+      }
+      const response = await apiCall("/api/auth/feature-check", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ features: requiredFeatures })
+      });
+      if (!mounted) return;
+      grantedFeaturesRef.current = response.ok ? response.result?.granted ?? [] : [];
+    };
+    void run();
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    fetchNotifications();
+    const interval = setInterval(fetchNotifications, POLL_INTERVAL);
+    return () => clearInterval(interval);
+  }, [fetchNotifications]);
+  React.useEffect(() => {
+    const unsub = subscribeNotificationNew(() => refresh());
+    return unsub;
+  }, [refresh]);
+  return {
+    notifications,
+    unreadCount,
+    hasNew,
+    isLoading,
+    error,
+    refresh,
+    markAsRead,
+    executeAction,
+    dismiss,
+    dismissUndo,
+    undoDismiss,
+    markAllRead
+  };
+}
+export {
+  useNotificationsPoll
+};
+//# sourceMappingURL=useNotificationsPoll.js.map

package/dist/backend/notifications/useNotificationsPoll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/notifications/useNotificationsPoll.ts"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  subscribeNotificationNew,\n  emitNotificationCountChanged,\n} from '@open-mercato/shared/lib/frontend/notificationEvents'\nimport type { NotificationDto } from '@open-mercato/shared/modules/notifications/types'\nimport {\n  dispatchNotificationHandlers,\n  getRequiredNotificationHandlerFeatures,\n} from './NotificationDispatcher'\nimport { useNotificationActions } from './useNotificationActions'\n\nexport type UseNotificationsPollResult = {\n  notifications: NotificationDto[]\n  unreadCount: number\n  hasNew: boolean\n  isLoading: boolean\n  error: string | null\n  refresh: () => void\n  markAsRead: (id: string) => Promise<void>\n  executeAction: (id: string, actionId: string) => Promise<{ href?: string }>\n  dismiss: (id: string) => Promise<void>\n  dismissUndo: { notification: NotificationDto; previousStatus: 'read' | 'unread' } | null\n  undoDismiss: () => Promise<void>\n  markAllRead: () => Promise<void>\n}\n\nconst POLL_INTERVAL = 30_000\n\nexport function useNotificationsPoll(): UseNotificationsPollResult {\n  const [notifications, setNotifications] = React.useState<NotificationDto[]>([])\n  const [unreadCount, setUnreadCount] = React.useState(0)\n  const [hasNew, setHasNew] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const grantedFeaturesRef = React.useRef<string[]>([])\n  const lastIdRef = React.useRef<string | null>(null)\n  const prevUnreadRef = React.useRef(0)\n  const {\n    markAsRead,\n    executeAction,\n    dismiss,\n    dismissUndo,\n    undoDismiss,\n    markAllRead,\n    markAsReadRef,\n    dismissRef,\n  } = useNotificationActions(notifications, setNotifications, setUnreadCount)\n\n  const fetchNotifications = React.useCallback(async () => {\n    try {\n      const [notifResult, countResult] = await Promise.all([\n        apiCall<{ items: NotificationDto[] }>('/api/notifications?pageSize=50'),\n        apiCall<{ unreadCount: number }>('/api/notifications/unread-count'),\n      ])\n\n      if (notifResult.ok && notifResult.result) {\n        const newNotifications = notifResult.result.items\n\n        if (lastIdRef.current && newNotifications.length > 0) {\n          const firstId = newNotifications[0].id\n          if (firstId !== lastIdRef.current) {\n            setHasNew(true)\n            setTimeout(() => setHasNew(false), 3000)\n          }\n        }\n\n        if (newNotifications.length > 0) {\n          lastIdRef.current = newNotifications[0].id\n        }\n\n        setNotifications(newNotifications)\n\n        if (newNotifications.length > 0) {\n          dispatchNotificationHandlers(newNotifications, {\n            features: grantedFeaturesRef.current,\n            currentPath:\n              typeof window === 'undefined'\n                ? '/'\n                : `${window.location.pathname}${window.location.search}`,\n            refreshNotifications: () => {\n              void fetchNotifications()\n            },\n            navigate: (href) => {\n              if (typeof window === 'undefined') return\n              if (!href.startsWith('/')) return\n              window.location.assign(href)\n            },\n            markAsRead: async (notificationId) => markAsReadRef.current(notificationId),\n            dismiss: async (notificationId) => dismissRef.current(notificationId),\n          })\n        }\n      }\n\n      if (countResult.ok && countResult.result) {\n        const newCount = countResult.result.unreadCount\n        if (newCount !== prevUnreadRef.current) {\n          setUnreadCount(newCount)\n          prevUnreadRef.current = newCount\n          emitNotificationCountChanged(newCount)\n        }\n      }\n\n      setError(null)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to fetch notifications')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [])\n\n  const refresh = React.useCallback(() => {\n    fetchNotifications()\n  }, [fetchNotifications])\n\n  React.useEffect(() => {\n    let mounted = true\n    const run = async () => {\n      const requiredFeatures = getRequiredNotificationHandlerFeatures()\n      if (requiredFeatures.length === 0) {\n        grantedFeaturesRef.current = []\n        return\n      }\n      const response = await apiCall<{ granted?: string[] }>('/api/auth/feature-check', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features: requiredFeatures }),\n      })\n      if (!mounted) return\n      grantedFeaturesRef.current = response.ok\n        ? (response.result?.granted ?? [])\n        : []\n    }\n    void run()\n    return () => {\n      mounted = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    fetchNotifications()\n    const interval = setInterval(fetchNotifications, POLL_INTERVAL)\n    return () => clearInterval(interval)\n  }, [fetchNotifications])\n\n  React.useEffect(() => {\n    const unsub = subscribeNotificationNew(() => refresh())\n    return unsub\n  }, [refresh])\n\n  return {\n    notifications,\n    unreadCount,\n    hasNew,\n    isLoading,\n    error,\n    refresh,\n    markAsRead,\n    executeAction,\n    dismiss,\n    dismissUndo,\n    undoDismiss,\n    markAllRead,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/notifications/useNotificationsSse.js

@@ -0,0 +1,173 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "../utils/apiCall.js";
+import {
+  subscribeNotificationNew,
+  emitNotificationCountChanged
+} from "@open-mercato/shared/lib/frontend/notificationEvents";
+import { useAppEvent } from "../injection/useAppEvent.js";
+import {
+  dispatchNotificationHandlers,
+  getRequiredNotificationHandlerFeatures
+} from "./NotificationDispatcher.js";
+import { useNotificationActions } from "./useNotificationActions.js";
+function useNotificationsSse() {
+  const [notifications, setNotifications] = React.useState([]);
+  const [unreadCount, setUnreadCount] = React.useState(0);
+  const [hasNew, setHasNew] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const grantedFeaturesRef = React.useRef([]);
+  const lastIdRef = React.useRef(null);
+  const prevUnreadRef = React.useRef(0);
+  const {
+    markAsRead,
+    executeAction,
+    dismiss,
+    dismissUndo,
+    undoDismiss,
+    markAllRead,
+    markAsReadRef,
+    dismissRef
+  } = useNotificationActions(notifications, setNotifications, setUnreadCount);
+  const fetchNotifications = React.useCallback(async () => {
+    try {
+      const [notifResult, countResult] = await Promise.all([
+        apiCall("/api/notifications?pageSize=50"),
+        apiCall("/api/notifications/unread-count")
+      ]);
+      if (notifResult.ok && notifResult.result) {
+        const fetched = notifResult.result.items;
+        setNotifications(fetched);
+        if (fetched.length > 0) {
+          lastIdRef.current = fetched[0].id;
+          dispatchNotificationHandlers(fetched, {
+            features: grantedFeaturesRef.current,
+            currentPath: typeof window === "undefined" ? "/" : `${window.location.pathname}${window.location.search}`,
+            refreshNotifications: () => {
+            },
+            navigate: (href) => {
+              if (typeof window === "undefined" || !href.startsWith("/")) return;
+              window.location.assign(href);
+            },
+            markAsRead: async (notificationId) => markAsReadRef.current(notificationId),
+            dismiss: async (notificationId) => dismissRef.current(notificationId)
+          });
+        }
+      }
+      if (countResult.ok && countResult.result) {
+        setUnreadCount(countResult.result.unreadCount);
+      }
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch notifications");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const refresh = React.useCallback(() => {
+    void fetchNotifications();
+  }, [fetchNotifications]);
+  React.useEffect(() => {
+    let mounted = true;
+    const run = async () => {
+      const requiredFeatures = getRequiredNotificationHandlerFeatures();
+      if (requiredFeatures.length === 0) {
+        grantedFeaturesRef.current = [];
+        return;
+      }
+      const response = await apiCall("/api/auth/feature-check", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ features: requiredFeatures })
+      });
+      if (!mounted) return;
+      grantedFeaturesRef.current = response.ok ? response.result?.granted ?? [] : [];
+    };
+    void run();
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    void fetchNotifications();
+  }, [fetchNotifications]);
+  React.useEffect(() => {
+    const unsub = subscribeNotificationNew(() => refresh());
+    return unsub;
+  }, [refresh]);
+  React.useEffect(() => {
+    if (unreadCount === prevUnreadRef.current) return;
+    prevUnreadRef.current = unreadCount;
+    emitNotificationCountChanged(unreadCount);
+  }, [unreadCount]);
+  useAppEvent(
+    "notifications.notification.created",
+    (event) => {
+      const payload = event.payload;
+      const notification = payload?.notification;
+      if (!notification || !notification.id) {
+        void fetchNotifications();
+        return;
+      }
+      if (notification.id === lastIdRef.current) return;
+      lastIdRef.current = notification.id;
+      setNotifications((prev) => [notification, ...prev.filter((item) => item.id !== notification.id)].slice(0, 50));
+      if (notification.status === "unread") {
+        setUnreadCount((prev) => prev + 1);
+      }
+      setHasNew(true);
+      window.setTimeout(() => setHasNew(false), 3e3);
+      dispatchNotificationHandlers([notification], {
+        features: grantedFeaturesRef.current,
+        currentPath: typeof window === "undefined" ? "/" : `${window.location.pathname}${window.location.search}`,
+        refreshNotifications: () => {
+        },
+        navigate: (href) => {
+          if (typeof window === "undefined" || !href.startsWith("/")) return;
+          window.location.assign(href);
+        },
+        markAsRead: async (notificationId) => markAsReadRef.current(notificationId),
+        dismiss: async (notificationId) => dismissRef.current(notificationId)
+      });
+    },
+    [fetchNotifications]
+  );
+  useAppEvent(
+    "notifications.notification.batch_created",
+    (event) => {
+      const payload = event.payload;
+      if (!payload || typeof payload !== "object") return;
+      void fetchNotifications();
+    },
+    [fetchNotifications]
+  );
+  useAppEvent("om:bridge:reconnected", () => {
+    void fetchNotifications();
+  }, [fetchNotifications]);
+  React.useEffect(() => {
+    const onFocus = () => {
+      void fetchNotifications();
+    };
+    window.addEventListener("focus", onFocus);
+    return () => window.removeEventListener("focus", onFocus);
+  }, [fetchNotifications]);
+  return {
+    notifications,
+    unreadCount,
+    hasNew,
+    isLoading,
+    error,
+    refresh,
+    markAsRead,
+    executeAction,
+    dismiss,
+    dismissUndo,
+    undoDismiss,
+    markAllRead
+  };
+}
+export {
+  useNotificationsSse
+};
+//# sourceMappingURL=useNotificationsSse.js.map

package/dist/backend/notifications/useNotificationsSse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/notifications/useNotificationsSse.ts"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '../utils/apiCall'\nimport {\n  subscribeNotificationNew,\n  emitNotificationCountChanged,\n} from '@open-mercato/shared/lib/frontend/notificationEvents'\nimport type { AppEventPayload } from '@open-mercato/shared/modules/widgets/injection'\nimport type { NotificationDto } from '@open-mercato/shared/modules/notifications/types'\nimport { useAppEvent } from '../injection/useAppEvent'\nimport {\n  dispatchNotificationHandlers,\n  getRequiredNotificationHandlerFeatures,\n} from './NotificationDispatcher'\nimport { useNotificationActions } from './useNotificationActions'\n\ntype NotificationCreatedPayload = {\n  recipientUserId?: string\n  notification?: NotificationDto\n}\n\ntype NotificationBatchCreatedPayload = {\n  recipientUserIds?: string[]\n  count?: number\n}\n\nexport type UseNotificationsSseResult = {\n  notifications: NotificationDto[]\n  unreadCount: number\n  hasNew: boolean\n  isLoading: boolean\n  error: string | null\n  refresh: () => void\n  markAsRead: (id: string) => Promise<void>\n  executeAction: (id: string, actionId: string) => Promise<{ href?: string }>\n  dismiss: (id: string) => Promise<void>\n  dismissUndo: { notification: NotificationDto; previousStatus: 'read' | 'unread' } | null\n  undoDismiss: () => Promise<void>\n  markAllRead: () => Promise<void>\n}\n\nexport function useNotificationsSse(): UseNotificationsSseResult {\n  const [notifications, setNotifications] = React.useState<NotificationDto[]>([])\n  const [unreadCount, setUnreadCount] = React.useState(0)\n  const [hasNew, setHasNew] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const grantedFeaturesRef = React.useRef<string[]>([])\n  const lastIdRef = React.useRef<string | null>(null)\n  const prevUnreadRef = React.useRef(0)\n  const {\n    markAsRead,\n    executeAction,\n    dismiss,\n    dismissUndo,\n    undoDismiss,\n    markAllRead,\n    markAsReadRef,\n    dismissRef,\n  } = useNotificationActions(notifications, setNotifications, setUnreadCount)\n\n  const fetchNotifications = React.useCallback(async () => {\n    try {\n      const [notifResult, countResult] = await Promise.all([\n        apiCall<{ items: NotificationDto[] }>('/api/notifications?pageSize=50'),\n        apiCall<{ unreadCount: number }>('/api/notifications/unread-count'),\n      ])\n\n      if (notifResult.ok && notifResult.result) {\n        const fetched = notifResult.result.items\n        setNotifications(fetched)\n        if (fetched.length > 0) {\n          lastIdRef.current = fetched[0].id\n          dispatchNotificationHandlers(fetched, {\n            features: grantedFeaturesRef.current,\n            currentPath:\n              typeof window === 'undefined'\n                ? '/'\n                : `${window.location.pathname}${window.location.search}`,\n            refreshNotifications: () => {\n              // No-op: data was just fetched \u2014 avoid redundant refetch loop.\n            },\n            navigate: (href) => {\n              if (typeof window === 'undefined' || !href.startsWith('/')) return\n              window.location.assign(href)\n            },\n            markAsRead: async (notificationId) => markAsReadRef.current(notificationId),\n            dismiss: async (notificationId) => dismissRef.current(notificationId),\n          })\n        }\n      }\n\n      if (countResult.ok && countResult.result) {\n        setUnreadCount(countResult.result.unreadCount)\n      }\n\n      setError(null)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to fetch notifications')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [])\n\n  const refresh = React.useCallback(() => {\n    void fetchNotifications()\n  }, [fetchNotifications])\n\n  React.useEffect(() => {\n    let mounted = true\n    const run = async () => {\n      const requiredFeatures = getRequiredNotificationHandlerFeatures()\n      if (requiredFeatures.length === 0) {\n        grantedFeaturesRef.current = []\n        return\n      }\n      const response = await apiCall<{ granted?: string[] }>('/api/auth/feature-check', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features: requiredFeatures }),\n      })\n      if (!mounted) return\n      grantedFeaturesRef.current = response.ok ? (response.result?.granted ?? []) : []\n    }\n    void run()\n    return () => {\n      mounted = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    void fetchNotifications()\n  }, [fetchNotifications])\n\n  React.useEffect(() => {\n    const unsub = subscribeNotificationNew(() => refresh())\n    return unsub\n  }, [refresh])\n\n  React.useEffect(() => {\n    if (unreadCount === prevUnreadRef.current) return\n    prevUnreadRef.current = unreadCount\n    emitNotificationCountChanged(unreadCount)\n  }, [unreadCount])\n\n  useAppEvent(\n    'notifications.notification.created',\n    (event: AppEventPayload) => {\n      const payload = event.payload as NotificationCreatedPayload\n      const notification = payload?.notification\n      if (!notification || !notification.id) {\n        void fetchNotifications()\n        return\n      }\n      if (notification.id === lastIdRef.current) return\n      lastIdRef.current = notification.id\n      setNotifications((prev) => [notification, ...prev.filter((item) => item.id !== notification.id)].slice(0, 50))\n      if (notification.status === 'unread') {\n        setUnreadCount((prev) => prev + 1)\n      }\n      setHasNew(true)\n      window.setTimeout(() => setHasNew(false), 3000)\n      dispatchNotificationHandlers([notification], {\n        features: grantedFeaturesRef.current,\n        currentPath:\n          typeof window === 'undefined'\n            ? '/'\n            : `${window.location.pathname}${window.location.search}`,\n        refreshNotifications: () => {\n          // No-op: notification was already applied optimistically from the SSE payload.\n          // Full refetch is only needed for batch_created, reconnect, or missing payload.\n        },\n        navigate: (href) => {\n          if (typeof window === 'undefined' || !href.startsWith('/')) return\n          window.location.assign(href)\n        },\n        markAsRead: async (notificationId) => markAsReadRef.current(notificationId),\n        dismiss: async (notificationId) => dismissRef.current(notificationId),\n      })\n    },\n    [fetchNotifications],\n  )\n\n  useAppEvent(\n    'notifications.notification.batch_created',\n    (event: AppEventPayload) => {\n      const payload = event.payload as NotificationBatchCreatedPayload\n      if (!payload || typeof payload !== 'object') return\n      void fetchNotifications()\n    },\n    [fetchNotifications],\n  )\n\n  useAppEvent('om:bridge:reconnected', () => {\n    void fetchNotifications()\n  }, [fetchNotifications])\n\n  React.useEffect(() => {\n    const onFocus = () => {\n      void fetchNotifications()\n    }\n    window.addEventListener('focus', onFocus)\n    return () => window.removeEventListener('focus', onFocus)\n  }, [fetchNotifications])\n\n  return {\n    notifications,\n    unreadCount,\n    hasNew,\n    isLoading,\n    error,\n    refresh,\n    markAsRead,\n    executeAction,\n    dismiss,\n    dismissUndo,\n    undoDismiss,\n    markAllRead,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/operations/LastOperationBanner.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Undo2 } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { Button } from "../../primitives/button.js";
+import { apiCall } from "../utils/apiCall.js";
+import { flash } from "../FlashMessages.js";
+import { useLastOperation, markUndoSuccess } from "./store.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function LastOperationBanner() {
+  const t = useT();
+  const operation = useLastOperation();
+  const [pendingToken, setPendingToken] = React.useState(null);
+  const router = useRouter();
+  if (!operation) return null;
+  const rawLabel = operation.actionLabel ?? operation.commandId;
+  const translatedLabel = t(rawLabel);
+  const label = translatedLabel === rawLabel ? rawLabel : translatedLabel;
+  const isPending = pendingToken === operation.undoToken;
+  async function handleUndo() {
+    const undoToken = operation?.undoToken;
+    if (!undoToken || isPending) return;
+    setPendingToken(undoToken);
+    try {
+      const call = await apiCall("/api/audit_logs/audit-logs/actions/undo", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ undoToken })
+      });
+      if (!call.ok) {
+        const message = call.result && typeof call.result.error === "string" && call.result.error || "";
+        throw new Error(message || t("audit_logs.banner.undo_failed", "Failed to undo"));
+      }
+      markUndoSuccess(undoToken);
+      flash(t("audit_logs.banner.undo_success"), "success");
+      router.refresh();
+      if (typeof window !== "undefined") {
+        try {
+          const isJSDOM = typeof navigator !== "undefined" && typeof navigator.userAgent === "string" ? navigator.userAgent.toLowerCase().includes("jsdom") : false;
+          if (!isJSDOM && typeof window.location?.reload === "function") {
+            window.location.reload();
+          }
+        } catch {
+        }
+      }
+    } catch (err) {
+      const message = err instanceof Error && err.message ? err.message : t("audit_logs.banner.undo_error");
+      flash(message, "error");
+    } finally {
+      setPendingToken(null);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-3 rounded-md border border-amber-200/80 bg-amber-50/95 pl-3 pr-2 py-2 text-sm text-amber-900 shadow-xs sm:pr-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 truncate", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-amber-950", children: t("audit_logs.banner.last_operation") }),
+      /* @__PURE__ */ jsx("span", { className: "ml-2 truncate text-amber-900", children: label })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          void handleUndo();
+        },
+        disabled: isPending,
+        className: "border-amber-200/80 bg-amber-50 text-amber-900 hover:bg-amber-100 hover:text-amber-900 px-2.5 sm:px-3",
+        children: [
+          /* @__PURE__ */ jsx(Undo2, { className: "mr-1 size-4", "aria-hidden": "true" }),
+          isPending ? t("audit_logs.actions.undoing") : t("audit_logs.banner.undo")
+        ]
+      }
+    )
+  ] });
+}
+export {
+  LastOperationBanner
+};
+//# sourceMappingURL=LastOperationBanner.js.map

package/dist/backend/operations/LastOperationBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/operations/LastOperationBanner.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Undo2 } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\nimport { Button } from '../../primitives/button'\nimport { apiCall } from '../utils/apiCall'\nimport { flash } from '../FlashMessages'\nimport { useLastOperation, markUndoSuccess } from './store'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function LastOperationBanner() {\n  const t = useT()\n  const operation = useLastOperation()\n  const [pendingToken, setPendingToken] = React.useState<string | null>(null)\n  const router = useRouter()\n\n  if (!operation) return null\n\n  const rawLabel = operation.actionLabel ?? operation.commandId\n  const translatedLabel = t(rawLabel)\n  const label = translatedLabel === rawLabel ? rawLabel : translatedLabel\n  const isPending = pendingToken === operation.undoToken\n\n  async function handleUndo() {\n    const undoToken = operation?.undoToken\n    if (!undoToken || isPending) return\n    setPendingToken(undoToken)\n    try {\n      const call = await apiCall<Record<string, unknown>>('/api/audit_logs/audit-logs/actions/undo', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ undoToken }),\n      })\n      if (!call.ok) {\n        const message =\n          (call.result && typeof call.result.error === 'string' && call.result.error) ||\n          ''\n        throw new Error(message || t('audit_logs.banner.undo_failed', 'Failed to undo'))\n      }\n      markUndoSuccess(undoToken)\n      flash(t('audit_logs.banner.undo_success'), 'success')\n      router.refresh()\n      if (typeof window !== 'undefined') {\n        try {\n          const isJSDOM = typeof navigator !== 'undefined' && typeof navigator.userAgent === 'string'\n            ? navigator.userAgent.toLowerCase().includes('jsdom')\n            : false\n          if (!isJSDOM && typeof window.location?.reload === 'function') {\n            window.location.reload()\n          }\n        } catch {\n          // noop in non-browser or jsdom environments\n        }\n      }\n    } catch (err) {\n      const message = err instanceof Error && err.message ? err.message : t('audit_logs.banner.undo_error')\n      flash(message, 'error')\n    } finally {\n      setPendingToken(null)\n    }\n  }\n\n  return (\n    <div className=\"mb-4 flex items-center justify-between gap-3 rounded-md border border-amber-200/80 bg-amber-50/95 pl-3 pr-2 py-2 text-sm text-amber-900 shadow-xs sm:pr-3\">\n      <div className=\"min-w-0 truncate\">\n        <span className=\"font-medium text-amber-950\">\n          {t('audit_logs.banner.last_operation')}\n        </span>\n        <span className=\"ml-2 truncate text-amber-900\">\n          {label}\n        </span>\n      </div>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => { void handleUndo() }}\n        disabled={isPending}\n        className=\"border-amber-200/80 bg-amber-50 text-amber-900 hover:bg-amber-100 hover:text-amber-900 px-2.5 sm:px-3\"\n      >\n        <Undo2 className=\"mr-1 size-4\" aria-hidden=\"true\" />\n        {isPending ? t('audit_logs.actions.undoing') : t('audit_logs.banner.undo')}\n      </Button>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAgEM,SACE,KADF;AA/DN,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,kBAAkB,uBAAuB;AAClD,SAAS,YAAY;AAEd,SAAS,sBAAsB;AACpC,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,iBAAiB;AACnC,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,IAAI;AAC1E,QAAM,SAAS,UAAU;AAEzB,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,WAAW,UAAU,eAAe,UAAU;AACpD,QAAM,kBAAkB,EAAE,QAAQ;AAClC,QAAM,QAAQ,oBAAoB,WAAW,WAAW;AACxD,QAAM,YAAY,iBAAiB,UAAU;AAE7C,iBAAe,aAAa;AAC1B,UAAM,YAAY,WAAW;AAC7B,QAAI,CAAC,aAAa,UAAW;AAC7B,oBAAgB,SAAS;AACzB,QAAI;AACF,YAAM,OAAO,MAAM,QAAiC,2CAA2C;AAAA,QAC7F,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,CAAC;AAAA,MACpC,CAAC;AACD,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,UACH,KAAK,UAAU,OAAO,KAAK,OAAO,UAAU,YAAY,KAAK,OAAO,SACrE;AACF,cAAM,IAAI,MAAM,WAAW,EAAE,iCAAiC,gBAAgB,CAAC;AAAA,MACjF;AACA,sBAAgB,SAAS;AACzB,YAAM,EAAE,gCAAgC,GAAG,SAAS;AACpD,aAAO,QAAQ;AACf,UAAI,OAAO,WAAW,aAAa;AACjC,YAAI;AACF,gBAAM,UAAU,OAAO,cAAc,eAAe,OAAO,UAAU,cAAc,WAC/E,UAAU,UAAU,YAAY,EAAE,SAAS,OAAO,IAClD;AACJ,cAAI,CAAC,WAAW,OAAO,OAAO,UAAU,WAAW,YAAY;AAC7D,mBAAO,SAAS,OAAO;AAAA,UACzB;AAAA,QACF,QAAQ;AAAA,QAER;AAAA,MACF;AAAA,IACF,SAAS,KAAK;AACZ,YAAM,UAAU,eAAe,SAAS,IAAI,UAAU,IAAI,UAAU,EAAE,8BAA8B;AACpG,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,6JACb;AAAA,yBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,UAAK,WAAU,8BACb,YAAE,kCAAkC,GACvC;AAAA,MACA,oBAAC,UAAK,WAAU,gCACb,iBACH;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM;AAAE,eAAK,WAAW;AAAA,QAAE;AAAA,QACnC,UAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAM,WAAU,eAAc,eAAY,QAAO;AAAA,UACjD,YAAY,EAAE,4BAA4B,IAAI,EAAE,wBAAwB;AAAA;AAAA;AAAA,IAC3E;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/operations/store.js

@@ -0,0 +1,183 @@
+"use client";
+import * as React from "react";
+const DEFAULT_STATE = { stack: [], undone: [] };
+const STORAGE_KEY = "om:last-operations:v1";
+const STACK_LIMIT = 20;
+const LAST_OPERATION_TTL_MS = 6e4;
+const STACK_RETENTION_MS = 10 * 6e4;
+let internalState = DEFAULT_STATE;
+if (typeof window !== "undefined") {
+  internalState = loadState();
+}
+const emitter = new EventTarget();
+function now() {
+  return typeof performance !== "undefined" && performance.now ? Math.round(performance.timeOrigin + performance.now()) : Date.now();
+}
+function loadState() {
+  try {
+    const raw = window.localStorage.getItem(STORAGE_KEY);
+    if (!raw) return DEFAULT_STATE;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") return DEFAULT_STATE;
+    const stack = Array.isArray(parsed.stack) ? parsed.stack.filter(isValidEntry).map(hydrateEntry) : [];
+    const undone = Array.isArray(parsed.undone) ? parsed.undone.filter(isValidEntry).map((raw2) => {
+      const hydrated = hydrateEntry(raw2);
+      const candidate = raw2;
+      const undoneAt = typeof candidate.undoneAt === "number" ? candidate.undoneAt : now();
+      return { ...hydrated, undoneAt };
+    }) : [];
+    return pruneState({ stack, undone });
+  } catch {
+    return DEFAULT_STATE;
+  }
+}
+function isValidEntry(entry) {
+  if (entry == null || typeof entry !== "object") return false;
+  const candidate = entry;
+  return typeof candidate.id === "string" && typeof candidate.undoToken === "string" && typeof candidate.commandId === "string" && typeof candidate.receivedAt === "number" && typeof candidate.executedAt === "string";
+}
+function hydrateEntry(entry) {
+  const source = entry;
+  return {
+    id: String(source.id),
+    undoToken: String(source.undoToken),
+    commandId: String(source.commandId),
+    actionLabel: typeof source.actionLabel === "string" ? source.actionLabel : null,
+    resourceKind: typeof source.resourceKind === "string" ? source.resourceKind : null,
+    resourceId: typeof source.resourceId === "string" ? source.resourceId : null,
+    executedAt: typeof source.executedAt === "string" ? source.executedAt : new Date(source.receivedAt || now()).toISOString(),
+    receivedAt: typeof source.receivedAt === "number" ? source.receivedAt : now()
+  };
+}
+function persist(state) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+  } catch {
+  }
+}
+function pruneState(state) {
+  const timestamp = now();
+  const stack = state.stack.filter((entry, index, arr) => {
+    const duplicateIndex = arr.findIndex((candidate) => candidate.id === entry.id || candidate.undoToken === entry.undoToken);
+    if (duplicateIndex !== index) return false;
+    return timestamp - entry.receivedAt <= STACK_RETENTION_MS;
+  }).sort((a, b) => a.receivedAt - b.receivedAt).slice(-STACK_LIMIT);
+  const undone = state.undone.filter((entry) => timestamp - entry.undoneAt <= STACK_RETENTION_MS).sort((a, b) => a.undoneAt - b.undoneAt).slice(-STACK_LIMIT);
+  const next = { stack, undone };
+  return next;
+}
+function emit() {
+  emitter.dispatchEvent(new Event("change"));
+}
+function updateState(updater) {
+  const next = pruneState(updater(internalState));
+  internalState = next;
+  persist(next);
+  emit();
+}
+function subscribe(listener) {
+  const wrapped = () => listener();
+  emitter.addEventListener("change", wrapped);
+  return () => emitter.removeEventListener("change", wrapped);
+}
+function getClientSnapshot() {
+  internalState = pruneState(internalState);
+  return internalState;
+}
+function useOperationStore(selector) {
+  return React.useSyncExternalStore(
+    subscribe,
+    () => selector(getClientSnapshot()),
+    () => selector(DEFAULT_STATE)
+  );
+}
+function pushOperation(meta) {
+  if (typeof window === "undefined") return;
+  updateState((prev) => {
+    const entry = {
+      ...meta,
+      receivedAt: now()
+    };
+    const stack = prev.stack.filter((item) => item.id !== entry.id && item.undoToken !== entry.undoToken);
+    stack.push(entry);
+    return { stack, undone: [] };
+  });
+}
+function markUndoSuccess(undoToken) {
+  if (typeof window === "undefined") return;
+  const removed = [];
+  updateState((prev) => {
+    const stack = prev.stack.filter((entry) => {
+      if (entry.undoToken === undoToken) {
+        removed.push(entry);
+        return false;
+      }
+      return true;
+    });
+    const undone = removed.length ? [...prev.undone, ...removed.map((entry) => ({ ...entry, undoneAt: now() }))] : prev.undone;
+    return { stack, undone };
+  });
+}
+function markRedoConsumed(logId) {
+  if (typeof window === "undefined") return;
+  updateState((prev) => ({
+    stack: prev.stack,
+    undone: prev.undone.filter((entry) => entry.id !== logId)
+  }));
+}
+function getLastOperation() {
+  const state = getClientSnapshot();
+  if (!state.stack.length) return null;
+  const last = state.stack[state.stack.length - 1];
+  const lastExecuted = Date.parse(last.executedAt);
+  const cutoff = now() - LAST_OPERATION_TTL_MS;
+  if (Number.isFinite(lastExecuted) && lastExecuted < cutoff) return null;
+  if (!Number.isFinite(lastExecuted) && last.receivedAt < cutoff) return null;
+  return last;
+}
+function useLastOperation() {
+  return useOperationStore(getLastOperationFromState);
+}
+function getLastOperationFromState(state) {
+  if (!state.stack.length) return null;
+  const last = state.stack[state.stack.length - 1];
+  const timestamp = now();
+  const executedAt = Date.parse(last.executedAt);
+  const cutoff = timestamp - LAST_OPERATION_TTL_MS;
+  if (Number.isFinite(executedAt)) {
+    return executedAt >= cutoff ? last : null;
+  }
+  return last.receivedAt >= cutoff ? last : null;
+}
+function useRedoCandidate() {
+  return useOperationStore((state) => state.undone.length ? state.undone[state.undone.length - 1] : null);
+}
+function hasRedoCandidate(logId) {
+  const state = getClientSnapshot();
+  if (!state.undone.length) return false;
+  const top = state.undone[state.undone.length - 1];
+  return top.id === logId;
+}
+function clearAllOperations() {
+  if (typeof window === "undefined") return;
+  internalState = DEFAULT_STATE;
+  persist(internalState);
+  emit();
+}
+const operationStackConstants = {
+  LAST_OPERATION_TTL_MS
+};
+export {
+  clearAllOperations,
+  getLastOperation,
+  hasRedoCandidate,
+  markRedoConsumed,
+  markUndoSuccess,
+  operationStackConstants,
+  pushOperation,
+  useLastOperation,
+  useOperationStore,
+  useRedoCandidate
+};
+//# sourceMappingURL=store.js.map