@open-mercato/core 0.5.1-develop.2800.bfe2178a4f → 0.5.1-develop.2802.9223828f7f

package/dist/modules/messages/components/useMessagesInboxBulkActions.js

@@ -0,0 +1,235 @@
+"use client";
+import * as React from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { toErrorMessage } from "./message-detail/utils.js";
+const MESSAGE_BULK_REQUESTS = {
+  markRead: {
+    method: "PUT",
+    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/read`,
+    successKey: "messages.bulk.flash.markReadSuccess",
+    successFallback: "{count} messages marked as read.",
+    errorKey: "messages.errors.stateChangeFailed",
+    errorFallback: "Failed to update message state."
+  },
+  markUnread: {
+    method: "DELETE",
+    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/read`,
+    successKey: "messages.bulk.flash.markUnreadSuccess",
+    successFallback: "{count} messages marked as unread.",
+    errorKey: "messages.errors.stateChangeFailed",
+    errorFallback: "Failed to update message state."
+  },
+  archive: {
+    method: "PUT",
+    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/archive`,
+    successKey: "messages.bulk.flash.archiveSuccess",
+    successFallback: "{count} messages archived.",
+    errorKey: "messages.errors.stateChangeFailed",
+    errorFallback: "Failed to update message state."
+  },
+  delete: {
+    method: "DELETE",
+    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}`,
+    successKey: "messages.bulk.flash.deleteSuccess",
+    successFallback: "{count} messages deleted.",
+    errorKey: "messages.errors.deleteFailed",
+    errorFallback: "Failed to delete message."
+  }
+};
+function normalizeSelectionScopeValue(value) {
+  if (value == null) return void 0;
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : void 0;
+  }
+  if (Array.isArray(value)) {
+    const normalized = value.map((item) => normalizeSelectionScopeValue(item)).filter((item) => item !== void 0);
+    return normalized.length > 0 ? normalized : void 0;
+  }
+  if (typeof value === "object") {
+    const normalizedEntries = Object.entries(value).sort(([leftKey], [rightKey]) => leftKey.localeCompare(rightKey)).map(([key, nestedValue]) => [key, normalizeSelectionScopeValue(nestedValue)]).filter(([, nestedValue]) => nestedValue !== void 0);
+    if (normalizedEntries.length === 0) return void 0;
+    return Object.fromEntries(normalizedEntries);
+  }
+  return value;
+}
+function buildMessageSelectionScopeKey(folder, page, search, filterValues) {
+  return JSON.stringify({
+    folder,
+    page,
+    search: search.trim(),
+    filters: normalizeSelectionScopeValue(filterValues) ?? {}
+  });
+}
+async function runWithConcurrency(items, limit, worker) {
+  if (items.length === 0) return [];
+  const results = new Array(items.length);
+  let nextIndex = 0;
+  const runWorker = async () => {
+    while (nextIndex < items.length) {
+      const currentIndex = nextIndex;
+      nextIndex += 1;
+      try {
+        await worker(items[currentIndex]);
+        results[currentIndex] = { status: "fulfilled", value: void 0 };
+      } catch (error) {
+        results[currentIndex] = { status: "rejected", reason: error };
+      }
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.min(limit, items.length) }, () => runWorker())
+  );
+  return results;
+}
+function useMessagesInboxBulkActions({
+  folder,
+  page,
+  search,
+  filterValues
+}) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: "messages-inbox-bulk-actions"
+  });
+  const selectionScopeKey = React.useMemo(
+    () => buildMessageSelectionScopeKey(folder, page, search, filterValues),
+    [filterValues, folder, page, search]
+  );
+  const injectionContext = React.useMemo(
+    () => ({
+      folder,
+      page,
+      search: search.trim(),
+      filters: filterValues,
+      retryLastMutation
+    }),
+    [filterValues, folder, page, retryLastMutation, search]
+  );
+  const executeBulkAction = React.useCallback(async (actionId, selectedRows) => {
+    const messageIds = selectedRows.map((row) => row.id).filter((id) => id.trim().length > 0);
+    if (messageIds.length === 0) return false;
+    if (actionId === "delete") {
+      const confirmed = await confirm({
+        title: t("messages.bulk.delete.title", "Delete {count} messages?", { count: messageIds.length }),
+        description: t("messages.bulk.delete.description", "This removes the selected messages from your view."),
+        confirmText: t("messages.actions.delete", "Delete"),
+        variant: "destructive"
+      });
+      if (!confirmed) return false;
+    }
+    const requestConfig = MESSAGE_BULK_REQUESTS[actionId];
+    try {
+      const summary = await runMutation({
+        operation: async () => {
+          const results = await runWithConcurrency(messageIds, 5, async (messageId) => {
+            const call = await apiCall(requestConfig.buildUrl(messageId), {
+              method: requestConfig.method
+            });
+            if (!call.ok) {
+              throw new Error(
+                toErrorMessage(call.result) ?? t(requestConfig.errorKey, requestConfig.errorFallback)
+              );
+            }
+          });
+          const failed = results.filter((result) => result.status === "rejected").length;
+          const succeeded = results.length - failed;
+          if (succeeded > 0) {
+            await queryClient.invalidateQueries({ queryKey: ["messages", "list"] });
+          }
+          return {
+            action: actionId,
+            total: messageIds.length,
+            succeeded,
+            failed
+          };
+        },
+        context: {
+          actionId,
+          messageIds,
+          folder,
+          page,
+          search: search.trim(),
+          filters: filterValues,
+          retryLastMutation
+        },
+        mutationPayload: {
+          actionId,
+          messageIds
+        }
+      });
+      if (summary.succeeded === 0) {
+        flash(
+          t("messages.bulk.flash.failed", "Failed to process {count} messages.", { count: summary.failed }),
+          "error"
+        );
+        return false;
+      }
+      if (summary.failed > 0) {
+        flash(
+          t("messages.bulk.flash.partial", "{succeeded} of {total} messages processed; {failed} failed.", {
+            succeeded: summary.succeeded,
+            total: summary.total,
+            failed: summary.failed
+          }),
+          "warning"
+        );
+        return true;
+      }
+      flash(
+        t(requestConfig.successKey, requestConfig.successFallback, { count: summary.succeeded }),
+        "success"
+      );
+      return true;
+    } catch (error) {
+      flash(
+        error instanceof Error ? error.message : t(requestConfig.errorKey, requestConfig.errorFallback),
+        "error"
+      );
+      return false;
+    }
+  }, [confirm, filterValues, folder, page, queryClient, retryLastMutation, runMutation, search, t]);
+  const bulkActions = React.useMemo(
+    () => folder === "inbox" ? [
+      {
+        id: "messages-mark-read",
+        label: t("messages.actions.markRead", "Mark read"),
+        onExecute: (selectedRows) => executeBulkAction("markRead", selectedRows)
+      },
+      {
+        id: "messages-mark-unread",
+        label: t("messages.actions.markUnread", "Mark unread"),
+        onExecute: (selectedRows) => executeBulkAction("markUnread", selectedRows)
+      },
+      {
+        id: "messages-archive",
+        label: t("messages.actions.archive", "Archive"),
+        onExecute: (selectedRows) => executeBulkAction("archive", selectedRows)
+      },
+      {
+        id: "messages-delete",
+        label: t("messages.actions.delete", "Delete"),
+        destructive: true,
+        onExecute: (selectedRows) => executeBulkAction("delete", selectedRows)
+      }
+    ] : void 0,
+    [executeBulkAction, folder, t]
+  );
+  return {
+    bulkActions,
+    selectionScopeKey,
+    injectionContext,
+    ConfirmDialogElement
+  };
+}
+export {
+  useMessagesInboxBulkActions
+};
+//# sourceMappingURL=useMessagesInboxBulkActions.js.map

package/dist/modules/messages/components/useMessagesInboxBulkActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/messages/components/useMessagesInboxBulkActions.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { BulkAction } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { toErrorMessage } from './message-detail/utils'\n\nexport type MessageFolder = 'inbox' | 'sent' | 'drafts' | 'archived' | 'all'\n\ntype MessageBulkActionId = 'markRead' | 'markUnread' | 'archive' | 'delete'\n\ntype BulkExecutionSummary = {\n  action: MessageBulkActionId\n  total: number\n  succeeded: number\n  failed: number\n}\n\ntype MessageBulkRequestConfig = {\n  method: 'PUT' | 'DELETE'\n  buildUrl: (messageId: string) => string\n  successKey: string\n  successFallback: string\n  errorKey: string\n  errorFallback: string\n}\n\ntype MessageInboxBulkMutationContext = {\n  actionId: MessageBulkActionId\n  messageIds: string[]\n  folder: MessageFolder\n  page: number\n  search: string\n  filters: FilterValues\n  retryLastMutation: () => Promise<boolean>\n}\n\ntype UseMessagesInboxBulkActionsInput = {\n  folder: MessageFolder\n  page: number\n  search: string\n  filterValues: FilterValues\n}\n\ntype MessageInboxBulkRow = {\n  id: string\n}\n\nconst MESSAGE_BULK_REQUESTS: Record<MessageBulkActionId, MessageBulkRequestConfig> = {\n  markRead: {\n    method: 'PUT',\n    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/read`,\n    successKey: 'messages.bulk.flash.markReadSuccess',\n    successFallback: '{count} messages marked as read.',\n    errorKey: 'messages.errors.stateChangeFailed',\n    errorFallback: 'Failed to update message state.',\n  },\n  markUnread: {\n    method: 'DELETE',\n    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/read`,\n    successKey: 'messages.bulk.flash.markUnreadSuccess',\n    successFallback: '{count} messages marked as unread.',\n    errorKey: 'messages.errors.stateChangeFailed',\n    errorFallback: 'Failed to update message state.',\n  },\n  archive: {\n    method: 'PUT',\n    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}/archive`,\n    successKey: 'messages.bulk.flash.archiveSuccess',\n    successFallback: '{count} messages archived.',\n    errorKey: 'messages.errors.stateChangeFailed',\n    errorFallback: 'Failed to update message state.',\n  },\n  delete: {\n    method: 'DELETE',\n    buildUrl: (messageId) => `/api/messages/${encodeURIComponent(messageId)}`,\n    successKey: 'messages.bulk.flash.deleteSuccess',\n    successFallback: '{count} messages deleted.',\n    errorKey: 'messages.errors.deleteFailed',\n    errorFallback: 'Failed to delete message.',\n  },\n}\n\nfunction normalizeSelectionScopeValue(value: unknown): unknown {\n  if (value == null) return undefined\n  if (typeof value === 'string') {\n    const trimmed = value.trim()\n    return trimmed.length > 0 ? trimmed : undefined\n  }\n  if (Array.isArray(value)) {\n    const normalized = value\n      .map((item) => normalizeSelectionScopeValue(item))\n      .filter((item) => item !== undefined)\n    return normalized.length > 0 ? normalized : undefined\n  }\n  if (typeof value === 'object') {\n    const normalizedEntries = Object.entries(value)\n      .sort(([leftKey], [rightKey]) => leftKey.localeCompare(rightKey))\n      .map(([key, nestedValue]) => [key, normalizeSelectionScopeValue(nestedValue)] as const)\n      .filter(([, nestedValue]) => nestedValue !== undefined)\n    if (normalizedEntries.length === 0) return undefined\n    return Object.fromEntries(normalizedEntries)\n  }\n  return value\n}\n\nfunction buildMessageSelectionScopeKey(\n  folder: MessageFolder,\n  page: number,\n  search: string,\n  filterValues: FilterValues,\n): string {\n  return JSON.stringify({\n    folder,\n    page,\n    search: search.trim(),\n    filters: normalizeSelectionScopeValue(filterValues) ?? {},\n  })\n}\n\nasync function runWithConcurrency<TItem>(\n  items: TItem[],\n  limit: number,\n  worker: (item: TItem) => Promise<void>,\n): Promise<PromiseSettledResult<void>[]> {\n  if (items.length === 0) return []\n\n  const results: PromiseSettledResult<void>[] = new Array(items.length)\n  let nextIndex = 0\n\n  const runWorker = async () => {\n    while (nextIndex < items.length) {\n      const currentIndex = nextIndex\n      nextIndex += 1\n      try {\n        await worker(items[currentIndex])\n        results[currentIndex] = { status: 'fulfilled', value: undefined }\n      } catch (error) {\n        results[currentIndex] = { status: 'rejected', reason: error }\n      }\n    }\n  }\n\n  await Promise.all(\n    Array.from({ length: Math.min(limit, items.length) }, () => runWorker()),\n  )\n\n  return results\n}\n\nexport function useMessagesInboxBulkActions<T extends MessageInboxBulkRow>({\n  folder,\n  page,\n  search,\n  filterValues,\n}: UseMessagesInboxBulkActionsInput): {\n  bulkActions: BulkAction<T>[] | undefined\n  selectionScopeKey: string\n  injectionContext: Record<string, unknown>\n  ConfirmDialogElement: React.ReactNode\n} {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation, retryLastMutation } = useGuardedMutation<MessageInboxBulkMutationContext>({\n    contextId: 'messages-inbox-bulk-actions',\n  })\n\n  const selectionScopeKey = React.useMemo(\n    () => buildMessageSelectionScopeKey(folder, page, search, filterValues),\n    [filterValues, folder, page, search],\n  )\n  const injectionContext = React.useMemo<Record<string, unknown>>(\n    () => ({\n      folder,\n      page,\n      search: search.trim(),\n      filters: filterValues,\n      retryLastMutation,\n    }),\n    [filterValues, folder, page, retryLastMutation, search],\n  )\n\n  const executeBulkAction = React.useCallback(async (\n    actionId: MessageBulkActionId,\n    selectedRows: T[],\n  ): Promise<boolean> => {\n    const messageIds = selectedRows.map((row) => row.id).filter((id) => id.trim().length > 0)\n    if (messageIds.length === 0) return false\n\n    if (actionId === 'delete') {\n      const confirmed = await confirm({\n        title: t('messages.bulk.delete.title', 'Delete {count} messages?', { count: messageIds.length }),\n        description: t('messages.bulk.delete.description', 'This removes the selected messages from your view.'),\n        confirmText: t('messages.actions.delete', 'Delete'),\n        variant: 'destructive',\n      })\n      if (!confirmed) return false\n    }\n\n    const requestConfig = MESSAGE_BULK_REQUESTS[actionId]\n\n    try {\n      const summary = await runMutation<BulkExecutionSummary>({\n        operation: async () => {\n          const results = await runWithConcurrency(messageIds, 5, async (messageId) => {\n            const call = await apiCall<{ ok?: boolean }>(requestConfig.buildUrl(messageId), {\n              method: requestConfig.method,\n            })\n            if (!call.ok) {\n              throw new Error(\n                toErrorMessage(call.result)\n                ?? t(requestConfig.errorKey, requestConfig.errorFallback),\n              )\n            }\n          })\n\n          const failed = results.filter((result) => result.status === 'rejected').length\n          const succeeded = results.length - failed\n\n          if (succeeded > 0) {\n            await queryClient.invalidateQueries({ queryKey: ['messages', 'list'] })\n          }\n\n          return {\n            action: actionId,\n            total: messageIds.length,\n            succeeded,\n            failed,\n          }\n        },\n        context: {\n          actionId,\n          messageIds,\n          folder,\n          page,\n          search: search.trim(),\n          filters: filterValues,\n          retryLastMutation,\n        },\n        mutationPayload: {\n          actionId,\n          messageIds,\n        },\n      })\n\n      if (summary.succeeded === 0) {\n        flash(\n          t('messages.bulk.flash.failed', 'Failed to process {count} messages.', { count: summary.failed }),\n          'error',\n        )\n        return false\n      }\n\n      if (summary.failed > 0) {\n        flash(\n          t('messages.bulk.flash.partial', '{succeeded} of {total} messages processed; {failed} failed.', {\n            succeeded: summary.succeeded,\n            total: summary.total,\n            failed: summary.failed,\n          }),\n          'warning',\n        )\n        return true\n      }\n\n      flash(\n        t(requestConfig.successKey, requestConfig.successFallback, { count: summary.succeeded }),\n        'success',\n      )\n      return true\n    } catch (error) {\n      flash(\n        error instanceof Error\n          ? error.message\n          : t(requestConfig.errorKey, requestConfig.errorFallback),\n        'error',\n      )\n      return false\n    }\n  }, [confirm, filterValues, folder, page, queryClient, retryLastMutation, runMutation, search, t])\n\n  const bulkActions = React.useMemo<BulkAction<T>[] | undefined>(\n    () => folder === 'inbox'\n      ? [\n          {\n            id: 'messages-mark-read',\n            label: t('messages.actions.markRead', 'Mark read'),\n            onExecute: (selectedRows: T[]) => executeBulkAction('markRead', selectedRows),\n          },\n          {\n            id: 'messages-mark-unread',\n            label: t('messages.actions.markUnread', 'Mark unread'),\n            onExecute: (selectedRows: T[]) => executeBulkAction('markUnread', selectedRows),\n          },\n          {\n            id: 'messages-archive',\n            label: t('messages.actions.archive', 'Archive'),\n            onExecute: (selectedRows: T[]) => executeBulkAction('archive', selectedRows),\n          },\n          {\n            id: 'messages-delete',\n            label: t('messages.actions.delete', 'Delete'),\n            destructive: true,\n            onExecute: (selectedRows: T[]) => executeBulkAction('delete', selectedRows),\n          },\n        ]\n      : undefined,\n    [executeBulkAction, folder, t],\n  )\n\n  return {\n    bulkActions,\n    selectionScopeKey,\n    injectionContext,\n    ConfirmDialogElement,\n  }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AAGrB,SAAS,wBAAwB;AACjC,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AA2C/B,MAAM,wBAA+E;AAAA,EACnF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,UAAU,CAAC,cAAc,iBAAiB,mBAAmB,SAAS,CAAC;AAAA,IACvE,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,UAAU,CAAC,cAAc,iBAAiB,mBAAmB,SAAS,CAAC;AAAA,IACvE,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,CAAC,cAAc,iBAAiB,mBAAmB,SAAS,CAAC;AAAA,IACvE,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU,CAAC,cAAc,iBAAiB,mBAAmB,SAAS,CAAC;AAAA,IACvE,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AAEA,SAAS,6BAA6B,OAAyB;AAC7D,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,UAAU,MAAM,KAAK;AAC3B,WAAO,QAAQ,SAAS,IAAI,UAAU;AAAA,EACxC;AACA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAM,aAAa,MAChB,IAAI,CAAC,SAAS,6BAA6B,IAAI,CAAC,EAChD,OAAO,CAAC,SAAS,SAAS,MAAS;AACtC,WAAO,WAAW,SAAS,IAAI,aAAa;AAAA,EAC9C;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,oBAAoB,OAAO,QAAQ,KAAK,EAC3C,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,QAAQ,MAAM,QAAQ,cAAc,QAAQ,CAAC,EAC/D,IAAI,CAAC,CAAC,KAAK,WAAW,MAAM,CAAC,KAAK,6BAA6B,WAAW,CAAC,CAAU,EACrF,OAAO,CAAC,CAAC,EAAE,WAAW,MAAM,gBAAgB,MAAS;AACxD,QAAI,kBAAkB,WAAW,EAAG,QAAO;AAC3C,WAAO,OAAO,YAAY,iBAAiB;AAAA,EAC7C;AACA,SAAO;AACT;AAEA,SAAS,8BACP,QACA,MACA,QACA,cACQ;AACR,SAAO,KAAK,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,IACA,QAAQ,OAAO,KAAK;AAAA,IACpB,SAAS,6BAA6B,YAAY,KAAK,CAAC;AAAA,EAC1D,CAAC;AACH;AAEA,eAAe,mBACb,OACA,OACA,QACuC;AACvC,MAAI,MAAM,WAAW,EAAG,QAAO,CAAC;AAEhC,QAAM,UAAwC,IAAI,MAAM,MAAM,MAAM;AACpE,MAAI,YAAY;AAEhB,QAAM,YAAY,YAAY;AAC5B,WAAO,YAAY,MAAM,QAAQ;AAC/B,YAAM,eAAe;AACrB,mBAAa;AACb,UAAI;AACF,cAAM,OAAO,MAAM,YAAY,CAAC;AAChC,gBAAQ,YAAY,IAAI,EAAE,QAAQ,aAAa,OAAO,OAAU;AAAA,MAClE,SAAS,OAAO;AACd,gBAAQ,YAAY,IAAI,EAAE,QAAQ,YAAY,QAAQ,MAAM;AAAA,MAC9D;AAAA,IACF;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,OAAO,MAAM,MAAM,EAAE,GAAG,MAAM,UAAU,CAAC;AAAA,EACzE;AAEA,SAAO;AACT;AAEO,SAAS,4BAA2D;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKE;AACA,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAAoD;AAAA,IAC7F,WAAW;AAAA,EACb,CAAC;AAED,QAAM,oBAAoB,MAAM;AAAA,IAC9B,MAAM,8BAA8B,QAAQ,MAAM,QAAQ,YAAY;AAAA,IACtE,CAAC,cAAc,QAAQ,MAAM,MAAM;AAAA,EACrC;AACA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,KAAK;AAAA,MACpB,SAAS;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,cAAc,QAAQ,MAAM,mBAAmB,MAAM;AAAA,EACxD;AAEA,QAAM,oBAAoB,MAAM,YAAY,OAC1C,UACA,iBACqB;AACrB,UAAM,aAAa,aAAa,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,OAAO,CAAC,OAAO,GAAG,KAAK,EAAE,SAAS,CAAC;AACxF,QAAI,WAAW,WAAW,EAAG,QAAO;AAEpC,QAAI,aAAa,UAAU;AACzB,YAAM,YAAY,MAAM,QAAQ;AAAA,QAC9B,OAAO,EAAE,8BAA8B,4BAA4B,EAAE,OAAO,WAAW,OAAO,CAAC;AAAA,QAC/F,aAAa,EAAE,oCAAoC,oDAAoD;AAAA,QACvG,aAAa,EAAE,2BAA2B,QAAQ;AAAA,QAClD,SAAS;AAAA,MACX,CAAC;AACD,UAAI,CAAC,UAAW,QAAO;AAAA,IACzB;AAEA,UAAM,gBAAgB,sBAAsB,QAAQ;AAEpD,QAAI;AACF,YAAM,UAAU,MAAM,YAAkC;AAAA,QACtD,WAAW,YAAY;AACrB,gBAAM,UAAU,MAAM,mBAAmB,YAAY,GAAG,OAAO,cAAc;AAC3E,kBAAM,OAAO,MAAM,QAA0B,cAAc,SAAS,SAAS,GAAG;AAAA,cAC9E,QAAQ,cAAc;AAAA,YACxB,CAAC;AACD,gBAAI,CAAC,KAAK,IAAI;AACZ,oBAAM,IAAI;AAAA,gBACR,eAAe,KAAK,MAAM,KACvB,EAAE,cAAc,UAAU,cAAc,aAAa;AAAA,cAC1D;AAAA,YACF;AAAA,UACF,CAAC;AAED,gBAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,OAAO,WAAW,UAAU,EAAE;AACxE,gBAAM,YAAY,QAAQ,SAAS;AAEnC,cAAI,YAAY,GAAG;AACjB,kBAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,MAAM,EAAE,CAAC;AAAA,UACxE;AAEA,iBAAO;AAAA,YACL,QAAQ;AAAA,YACR,OAAO,WAAW;AAAA,YAClB;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB,SAAS;AAAA,UACT;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,UACf;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAED,UAAI,QAAQ,cAAc,GAAG;AAC3B;AAAA,UACE,EAAE,8BAA8B,uCAAuC,EAAE,OAAO,QAAQ,OAAO,CAAC;AAAA,UAChG;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAEA,UAAI,QAAQ,SAAS,GAAG;AACtB;AAAA,UACE,EAAE,+BAA+B,+DAA+D;AAAA,YAC9F,WAAW,QAAQ;AAAA,YACnB,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,UAClB,CAAC;AAAA,UACD;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAEA;AAAA,QACE,EAAE,cAAc,YAAY,cAAc,iBAAiB,EAAE,OAAO,QAAQ,UAAU,CAAC;AAAA,QACvF;AAAA,MACF;AACA,aAAO;AAAA,IACT,SAAS,OAAO;AACd;AAAA,QACE,iBAAiB,QACb,MAAM,UACN,EAAE,cAAc,UAAU,cAAc,aAAa;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,SAAS,cAAc,QAAQ,MAAM,aAAa,mBAAmB,aAAa,QAAQ,CAAC,CAAC;AAEhG,QAAM,cAAc,MAAM;AAAA,IACxB,MAAM,WAAW,UACb;AAAA,MACE;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,6BAA6B,WAAW;AAAA,QACjD,WAAW,CAAC,iBAAsB,kBAAkB,YAAY,YAAY;AAAA,MAC9E;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,+BAA+B,aAAa;AAAA,QACrD,WAAW,CAAC,iBAAsB,kBAAkB,cAAc,YAAY;AAAA,MAChF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,4BAA4B,SAAS;AAAA,QAC9C,WAAW,CAAC,iBAAsB,kBAAkB,WAAW,YAAY;AAAA,MAC7E;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,2BAA2B,QAAQ;AAAA,QAC5C,aAAa;AAAA,QACb,WAAW,CAAC,iBAAsB,kBAAkB,UAAU,YAAY;AAAA,MAC5E;AAAA,IACF,IACA;AAAA,IACJ,CAAC,mBAAmB,QAAQ,CAAC;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.5.1-develop.2800.bfe2178a4f",
+  "version": "0.5.1-develop.2802.9223828f7f",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -237,10 +237,10 @@
     "ts-pattern": "^5.0.0"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.5.1-develop.2800.bfe2178a4f"
+    "@open-mercato/shared": "0.5.1-develop.2802.9223828f7f"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.5.1-develop.2800.bfe2178a4f",
+    "@open-mercato/shared": "0.5.1-develop.2802.9223828f7f",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/modules/auth/cli.ts

@@ -642,7 +642,6 @@ const setPassword: ModuleCli = {
   },
 }
 
-// Export the full CLI list
 const syncRoleAcls: ModuleCli = {
   command: 'sync-role-acls',
   async run(rest) {
@@ -705,4 +704,5 @@ const syncRoleAcls: ModuleCli = {
   },
 }
 
+// Export the full CLI list
 export default [addUser, seedRoles, syncRoleAcls, rotateEncryptionKey, addOrganization, setupApp, listOrganizations, listTenants, listUsers, setPassword]

package/src/modules/messages/components/MessagesInboxPageClient.tsx

@@ -16,8 +16,8 @@ import { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'
 import { Archive, ChevronDown, FilePenLine, Inbox, Layers, Send } from 'lucide-react'
 import { getMessageUiComponentRegistry } from './utils/typeUiRegistry'
 import { DefaultMessageListItem } from './defaults/DefaultMessageListItem'
-
-type MessageFolder = 'inbox' | 'sent' | 'drafts' | 'archived' | 'all'
+import { toErrorMessage } from './message-detail/utils'
+import { useMessagesInboxBulkActions, type MessageFolder } from './useMessagesInboxBulkActions'
 
 type MessageListItem = {
   id: string
@@ -63,29 +63,6 @@ type UserListItem = {
   name?: string | null
 }
 
-function toErrorMessage(payload: unknown): string | null {
-  if (!payload) return null
-  if (typeof payload === 'string') return payload
-  if (Array.isArray(payload)) {
-    for (const item of payload) {
-      const nested = toErrorMessage(item)
-      if (nested) return nested
-    }
-    return null
-  }
-  if (typeof payload === 'object') {
-    const record = payload as Record<string, unknown>
-    return (
-      toErrorMessage(record.error)
-      ?? toErrorMessage(record.message)
-      ?? toErrorMessage(record.detail)
-      ?? toErrorMessage(record.details)
-      ?? null
-    )
-  }
-  return null
-}
-
 export function MessagesInboxPageClient() {
   const router = useRouter()
   const t = useT()
@@ -108,6 +85,12 @@ export function MessagesInboxPageClient() {
   const pageSize = 20
   const folderMenuRef = React.useRef<HTMLDivElement | null>(null)
   const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])
+  const { bulkActions, selectionScopeKey, injectionContext, ConfirmDialogElement } = useMessagesInboxBulkActions<MessageListItem>({
+    folder,
+    page,
+    search,
+    filterValues,
+  })
 
   const listQuery = useQuery({
     queryKey: [
@@ -393,6 +376,8 @@ export function MessagesInboxPageClient() {
         title={t('messages.title', 'Messages')}
         columns={columns}
         data={rows}
+        bulkActions={bulkActions}
+        selectionScopeKey={selectionScopeKey}
         searchValue={search}
         onSearchChange={(value) => {
           setSearch(value)
@@ -409,6 +394,7 @@ export function MessagesInboxPageClient() {
           setFilterValues({})
           setPage(1)
         }}
+        injectionContext={injectionContext}
         isLoading={listQuery.isLoading || listQuery.isFetching}
         pagination={{
           page,
@@ -443,12 +429,14 @@ export function MessagesInboxPageClient() {
                     const Icon = option.icon
                     const isActive = option.id === folder
                     return (
-                      <button
+                      <Button
                         key={option.id}
                         type="button"
+                        variant="ghost"
+                        size="sm"
                         role="menuitemradio"
                         aria-checked={isActive}
-                        className={`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm hover:bg-accent ${isActive ? 'bg-accent/60' : ''}`}
+                        className={`w-full justify-start h-auto px-2 py-1.5 text-sm font-normal ${isActive ? 'bg-accent/60' : ''}`}
                         onClick={() => {
                           setFolder(option.id)
                           setPage(1)
@@ -457,7 +445,7 @@ export function MessagesInboxPageClient() {
                       >
                         <Icon className="h-4 w-4" aria-hidden />
                         <span>{option.label}</span>
-                      </button>
+                      </Button>
                     )
                   })}
                 </div>
@@ -471,9 +459,9 @@ export function MessagesInboxPageClient() {
         onRowClick={(row) => {
           router.push(`/backend/messages/${row.id}`)
         }}
-        perspective={{ tableId: 'messages.inbox' }}
         embedded
       />
+      {ConfirmDialogElement}
     </div>
   )
 }