@open-mercato/core 0.6.6-develop.6256.1.9fc16aedc4 → 0.6.6-develop.6286.1.d985c5c374

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/messages/components/MessageDetailPageClient.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MessageComposer } from '@open-mercato/ui/backend/messages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\n// UMES extension surface \u2014 message detail injection spots (SPEC-045d \u00A79.3a)\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport {\n  getMessageUiComponentRegistry,\n} from './utils/typeUiRegistry'\nimport {\n  MessageDetailActionsSection,\n  MessageDetailAttachmentsSection,\n  MessageDetailBodySection,\n  MessageDetailComposerDialogs,\n  MessageDetailDialogs,\n  MainMessageHeader,\n  MessageListComponent,\n  MessageHeader,\n  MessageDetailMetaSection,\n  MessageDetailObjectsSection,\n} from './message-detail/detail-panels'\nimport { useMessageDetails } from './message-detail/hooks/useMessageDetails'\n\nfunction MessageConversationDetailItem({\n  messageId,\n  isCollapsible,\n  isExpanded,\n  onToggle,\n  onReply,\n  onForward,\n  userFeatures,\n}: {\n  messageId: string\n  isCollapsible: boolean\n  isExpanded: boolean\n  onToggle: () => void\n  onReply: (messageId: string) => void\n  onForward: (messageId: string) => void\n  userFeatures: string[]\n}) {\n  const state = useMessageDetails(messageId)\n  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])\n\n  if (state.isLoadingDetail) {\n    return (\n      <section className=\"py-3\">\n        <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n      </section>\n    )\n  }\n\n  if (!state.detail) {\n    return (\n      <section className=\"py-3\">\n        <ErrorMessage label={state.loadErrorMessage} />\n      </section>\n    )\n  }\n\n  const ContentComponent = state.contentComponentKey\n    ? messageUiRegistry.contentComponents[state.contentComponentKey] ?? null\n    : null\n  const ActionsComponent = state.actionsComponentKey\n    ? messageUiRegistry.actionsComponents[state.actionsComponentKey] ?? null\n    : null\n\n  return (\n    <section className=\"py-3\">\n      <div className=\"space-y-4\">\n        <section className=\"space-y-2 py-2\">\n          <MessageHeader\n            detail={state.detail}\n            updatingState={state.updatingState}\n            isArchived={state.isArchived}\n            showSubject={false}\n            collapseToggle={isCollapsible ? { expanded: isExpanded, onToggle } : undefined}\n            onReply={() => onReply(messageId)}\n            onForward={() => onForward(messageId)}\n            onEdit={() => state.setEditOpen(true)}\n            onToggleRead={() => void state.toggleRead()}\n            onToggleArchive={() => void state.toggleArchive()}\n            onDelete={() => state.setDeleteConfirmationOpen(true)}\n          />\n\n          <MessageDetailBodySection\n            detail={state.detail}\n            contentProps={state.contentProps}\n            ContentComponent={ContentComponent}\n          />\n\n          {/* UMES \u2014 channel payload renderer mounts here (channel-linked emails, Slack blocks, etc.). */}\n          <InjectionSpot\n            spotId=\"detail:messages:message:body:after\"\n            context={{ messageId }}\n            data={state.detail}\n          />\n\n          <MessageDetailMetaSection detail={state.detail} />\n\n          {/* UMES \u2014 channel sidebar widgets (channel info panel, contact preview, delivery status).\n              `userFeatures` lets feature-gated widgets (e.g. the channel reassignment editor,\n              gated on `communication_channels.assign`) render their controls for permitted users. */}\n          <InjectionSpot\n            spotId=\"detail:messages:message:sidebar\"\n            context={{ messageId, userFeatures }}\n            data={state.detail}\n          />\n        </section>\n\n        <MessageDetailActionsSection\n          detail={state.detail}\n          messageActions={state.messageActions}\n          executingActionId={state.executingActionId}\n          ActionsComponent={ActionsComponent}\n          onExecuteActionById={state.handleExecuteActionById}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailObjectsSection\n          detail={state.detail}\n          objectActionsByObjectId={state.objectActionsByObjectId}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailAttachmentsSection\n          attachmentsQuery={state.attachmentsQuery}\n          attachments={state.attachments}\n        />\n      </div>\n\n      <MessageDetailComposerDialogs\n        id={messageId}\n        detail={state.detail}\n        attachments={state.attachments}\n        editOpen={state.editOpen}\n        setEditOpen={state.setEditOpen}\n        onRefresh={() => state.detailQuery.refetch()}\n      />\n\n      <MessageDetailDialogs\n        pendingActionConfirmation={state.pendingActionConfirmation}\n        setPendingActionConfirmation={state.setPendingActionConfirmation}\n        executingActionId={state.executingActionId}\n        handleConfirmPendingAction={state.handleConfirmPendingAction}\n        handleActionConfirmDialogKeyDown={state.handleActionConfirmDialogKeyDown}\n        deleteConfirmationOpen={state.deleteConfirmationOpen}\n        setDeleteConfirmationOpen={state.setDeleteConfirmationOpen}\n        updatingState={state.updatingState}\n        handleDelete={state.handleDelete}\n        handleDeleteDialogKeyDown={state.handleDeleteDialogKeyDown}\n      />\n    </section>\n  )\n}\n\nexport function MessageDetailPageClient({ id }: { id: string }) {\n  const state = useMessageDetails(id)\n  // Resolve the viewer's feature grants once and forward them into the sidebar\n  // injection spot so feature-gated widgets (channel reassignment editor) can\n  // render their controls. Without this, hub widgets that gate on\n  // `context.userFeatures` (e.g. `communication_channels.assign`) stay read-only.\n  const [userFeatures, setUserFeatures] = React.useState<string[]>([])\n  React.useEffect(() => {\n    let cancelled = false\n    void (async () => {\n      const res = await apiCall<{ ok: boolean; granted?: string[] }>('/api/auth/feature-check', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features: ['communication_channels.assign'] }),\n      }).catch(() => null)\n      if (!cancelled && res?.ok && Array.isArray(res.result?.granted)) {\n        setUserFeatures(res.result.granted)\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n  const [activeInlineComposer, setActiveInlineComposer] = React.useState<{\n    variant: 'reply' | 'forward'\n    messageId: string\n  } | null>(null)\n  const inlineComposerContainerRef = React.useRef<HTMLDivElement | null>(null)\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  React.useEffect(() => {\n    if (!activeInlineComposer) return\n\n    const composerContainer = inlineComposerContainerRef.current\n    if (!composerContainer) return\n\n    const firstFocusableElement = composerContainer.querySelector<HTMLElement>(\n      'textarea, input, [contenteditable=\"true\"]',\n    )\n    firstFocusableElement?.focus()\n  }, [activeInlineComposer])\n\n  if (state.isLoadingDetail) {\n    return <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n  }\n\n  if (!state.detail) {\n    return (\n      <ErrorMessage\n        label={state.loadErrorMessage}\n        action={(\n          <Button type=\"button\" variant=\"outline\" onClick={state.backToList}>\n            {state.t('messages.actions.backToList', 'Back to messages')}\n          </Button>\n        )}\n      />\n    )\n  }\n\n  const detail = state.detail\n  const firstConversationMessageId = state.conversationItems[0]?.id ?? null\n  const latestConversationMessageId = state.conversationItems[state.conversationItems.length - 1]?.id ?? null\n  const canRunConversationActions = Boolean(firstConversationMessageId)\n\n  return (\n    <div className=\"space-y-3\">\n      <MainMessageHeader\n        subject={detail.subject}\n        priority={(detail.priority as 'low' | 'normal' | 'high' | 'urgent') ?? 'normal'}\n        canReply={!detail.isDraft && detail.typeDefinition.allowReply && Boolean(firstConversationMessageId)}\n        canForwardAll={!detail.isDraft && detail.typeDefinition.allowForward && Boolean(latestConversationMessageId)}\n        actionsDisabled={Boolean(state.activeConversationAction)}\n        activeActionId={state.activeConversationAction}\n        onReply={() => {\n          if (!firstConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'reply',\n            messageId: firstConversationMessageId,\n          })\n        }}\n        onForwardAll={() => {\n          if (!latestConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'forward',\n            messageId: latestConversationMessageId,\n          })\n        }}\n        onArchiveConversation={() => {\n          if (!canRunConversationActions) return\n          void state.archiveConversation(firstConversationMessageId ?? undefined)\n        }}\n        onMarkAllUnread={() => {\n          if (!canRunConversationActions) return\n          void state.markConversationUnread(firstConversationMessageId ?? undefined)\n        }}\n        onDeleteConversation={() => {\n          if (!canRunConversationActions || state.activeConversationAction) return\n          void (async () => {\n            const confirmed = await confirm({\n              title: state.t('messages.confirm.deleteConversationTitle', 'Delete conversation'),\n              text: state.t('messages.confirm.deleteConversation', 'Delete this conversation from your view?'),\n              confirmText: state.t('messages.actions.deleteConversation', 'Delete conversation'),\n              cancelText: state.t('common.cancel', 'Cancel'),\n              variant: 'destructive',\n            })\n            if (!confirmed) return\n            await state.deleteConversation(firstConversationMessageId ?? undefined)\n          })()\n        }}\n      />\n      <div className=\"divide-y border-y\">\n        {state.conversationItems.map((item) => {\n          const isForcedExpanded = item.id === state.forcedExpandedItemId\n          const isExpanded = state.isConversationItemExpanded(item.id)\n          if (isExpanded) {\n            return (\n              <MessageConversationDetailItem\n                key={item.id}\n                messageId={item.id}\n                userFeatures={userFeatures}\n                isCollapsible={!isForcedExpanded}\n                isExpanded\n                onToggle={() => state.toggleConversationItem(item.id)}\n                onReply={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'reply',\n                    messageId,\n                  })\n                }}\n                onForward={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'forward',\n                    messageId,\n                  })\n                }}\n              />\n            )\n          }\n\n          return (\n            <section key={item.id} className=\"px-1 py-1\">\n              <MessageListComponent\n                message={state.buildConversationListItemMessage(item)}\n                onClick={() => state.toggleConversationItem(item.id)}\n              />\n            </section>\n          )\n        })}\n      </div>\n\n      {activeInlineComposer ? (\n        <div ref={inlineComposerContainerRef}>\n          <MessageComposer\n            inline\n            inlineBackHref={null}\n            variant={activeInlineComposer.variant}\n            messageId={activeInlineComposer.messageId}\n            onCancel={() => {\n              setActiveInlineComposer(null)\n            }}\n            onSuccess={() => {\n              setActiveInlineComposer(null)\n              void state.detailQuery.refetch()\n            }}\n          />\n        </div>\n      ) : null}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MessageComposer } from '@open-mercato/ui/backend/messages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\n// UMES extension surface \u2014 message detail injection spots (SPEC-045d \u00A79.3a)\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport {\n  getMessageUiComponentRegistry,\n} from './utils/typeUiRegistry'\nimport {\n  MessageDetailActionsSection,\n  MessageDetailAttachmentsSection,\n  MessageDetailBodySection,\n  MessageDetailComposerDialogs,\n  MessageDetailDialogs,\n  MainMessageHeader,\n  MessageListComponent,\n  MessageHeader,\n  MessageDetailMetaSection,\n  MessageDetailObjectsSection,\n} from './message-detail/detail-panels'\nimport { useMessageDetails } from './message-detail/hooks/useMessageDetails'\n\nfunction MessageConversationDetailItem({\n  messageId,\n  isCollapsible,\n  isExpanded,\n  onToggle,\n  onReply,\n  onForward,\n  userFeatures,\n}: {\n  messageId: string\n  isCollapsible: boolean\n  isExpanded: boolean\n  onToggle: () => void\n  onReply: (messageId: string) => void\n  onForward: (messageId: string) => void\n  userFeatures: string[]\n}) {\n  const state = useMessageDetails(messageId)\n  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])\n\n  if (state.isLoadingDetail) {\n    return (\n      <section className=\"py-3\">\n        <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n      </section>\n    )\n  }\n\n  if (!state.detail) {\n    return (\n      <section className=\"py-3\">\n        <ErrorMessage label={state.loadErrorMessage} />\n      </section>\n    )\n  }\n\n  const ContentComponent = state.contentComponentKey\n    ? messageUiRegistry.contentComponents[state.contentComponentKey] ?? null\n    : null\n  const ActionsComponent = state.actionsComponentKey\n    ? messageUiRegistry.actionsComponents[state.actionsComponentKey] ?? null\n    : null\n\n  return (\n    <section className=\"py-3\">\n      <div className=\"space-y-4\">\n        <section className=\"space-y-2 py-2\">\n          <MessageHeader\n            detail={state.detail}\n            updatingState={state.updatingState}\n            isArchived={state.isArchived}\n            showSubject={false}\n            collapseToggle={isCollapsible ? { expanded: isExpanded, onToggle } : undefined}\n            onReply={() => onReply(messageId)}\n            onForward={() => onForward(messageId)}\n            onEdit={() => state.setEditOpen(true)}\n            onToggleRead={() => void state.toggleRead()}\n            onToggleArchive={() => void state.toggleArchive()}\n            onDelete={() => state.setDeleteConfirmationOpen(true)}\n          />\n\n          <MessageDetailBodySection\n            detail={state.detail}\n            contentProps={state.contentProps}\n            ContentComponent={ContentComponent}\n          />\n\n          {/* UMES \u2014 channel payload renderer mounts here (channel-linked emails, Slack blocks, etc.). */}\n          <InjectionSpot\n            spotId=\"detail:messages:message:body:after\"\n            context={{ messageId }}\n            data={state.detail}\n          />\n\n          <MessageDetailMetaSection detail={state.detail} />\n\n          {/* UMES \u2014 channel sidebar widgets (channel info panel, contact preview, delivery status).\n              `userFeatures` lets feature-gated widgets (e.g. the channel reassignment editor,\n              gated on `communication_channels.assign`) render their controls for permitted users. */}\n          <InjectionSpot\n            spotId=\"detail:messages:message:sidebar\"\n            context={{ messageId, userFeatures }}\n            data={state.detail}\n          />\n        </section>\n\n        <MessageDetailActionsSection\n          detail={state.detail}\n          messageActions={state.messageActions}\n          executingActionId={state.executingActionId}\n          ActionsComponent={ActionsComponent}\n          onExecuteActionById={state.handleExecuteActionById}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailObjectsSection\n          detail={state.detail}\n          objectActionsByObjectId={state.objectActionsByObjectId}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailAttachmentsSection\n          attachmentsQuery={state.attachmentsQuery}\n          attachments={state.attachments}\n        />\n      </div>\n\n      <MessageDetailComposerDialogs\n        id={messageId}\n        detail={state.detail}\n        attachments={state.attachments}\n        editOpen={state.editOpen}\n        setEditOpen={state.setEditOpen}\n        onRefresh={() => state.detailQuery.refetch()}\n      />\n\n      <MessageDetailDialogs\n        pendingActionConfirmation={state.pendingActionConfirmation}\n        setPendingActionConfirmation={state.setPendingActionConfirmation}\n        executingActionId={state.executingActionId}\n        handleConfirmPendingAction={state.handleConfirmPendingAction}\n        handleActionConfirmDialogKeyDown={state.handleActionConfirmDialogKeyDown}\n        deleteConfirmationOpen={state.deleteConfirmationOpen}\n        setDeleteConfirmationOpen={state.setDeleteConfirmationOpen}\n        updatingState={state.updatingState}\n        handleDelete={state.handleDelete}\n        handleDeleteDialogKeyDown={state.handleDeleteDialogKeyDown}\n      />\n    </section>\n  )\n}\n\nexport function MessageDetailPageClient({ id }: { id: string }) {\n  const state = useMessageDetails(id)\n  // Resolve the viewer's feature grants once and forward them into the sidebar\n  // injection spot so feature-gated widgets (channel reassignment editor) can\n  // render their controls. Without this, hub widgets that gate on\n  // `context.userFeatures` (e.g. `communication_channels.assign`) stay read-only.\n  const [userFeatures, setUserFeatures] = React.useState<string[]>([])\n  React.useEffect(() => {\n    let cancelled = false\n    void (async () => {\n      const res = await apiCall<{ ok: boolean; granted?: string[] }>('/api/auth/feature-check', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features: ['communication_channels.assign'] }),\n      }).catch(() => null)\n      if (!cancelled && res?.ok && Array.isArray(res.result?.granted)) {\n        setUserFeatures(res.result.granted)\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n  const [activeInlineComposer, setActiveInlineComposer] = React.useState<{\n    variant: 'reply' | 'forward'\n    messageId: string\n  } | null>(null)\n  const inlineComposerContainerRef = React.useRef<HTMLDivElement | null>(null)\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  React.useEffect(() => {\n    if (!activeInlineComposer) return\n\n    const composerContainer = inlineComposerContainerRef.current\n    if (!composerContainer) return\n\n    const firstFocusableElement = composerContainer.querySelector<HTMLElement>(\n      'textarea, input, [contenteditable=\"true\"]',\n    )\n    firstFocusableElement?.focus()\n  }, [activeInlineComposer])\n\n  if (state.isLoadingDetail) {\n    return <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n  }\n\n  if (!state.detail) {\n    return (\n      <ErrorMessage\n        label={state.loadErrorMessage}\n        action={(\n          <Button type=\"button\" variant=\"outline\" onClick={state.backToList}>\n            {state.t('messages.actions.backToList', 'Back to messages')}\n          </Button>\n        )}\n      />\n    )\n  }\n\n  const detail = state.detail\n  const firstConversationMessageId = state.conversationItems[0]?.id ?? null\n  const latestConversationMessageId = state.conversationItems[state.conversationItems.length - 1]?.id ?? null\n  const canRunConversationActions = Boolean(firstConversationMessageId)\n  const conversationArchived = Boolean(detail.conversationArchived)\n  const conversationAllUnread = Boolean(detail.conversationAllUnread)\n\n  return (\n    <div className=\"space-y-3\">\n      <MainMessageHeader\n        subject={detail.subject}\n        priority={(detail.priority as 'low' | 'normal' | 'high' | 'urgent') ?? 'normal'}\n        canReply={!detail.isDraft && detail.typeDefinition.allowReply && Boolean(firstConversationMessageId)}\n        canForwardAll={!detail.isDraft && detail.typeDefinition.allowForward && Boolean(latestConversationMessageId)}\n        conversationArchived={conversationArchived}\n        conversationAllUnread={conversationAllUnread}\n        actionsDisabled={Boolean(state.activeConversationAction)}\n        activeActionId={state.activeConversationAction}\n        onReply={() => {\n          if (!firstConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'reply',\n            messageId: firstConversationMessageId,\n          })\n        }}\n        onForwardAll={() => {\n          if (!latestConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'forward',\n            messageId: latestConversationMessageId,\n          })\n        }}\n        onToggleArchiveConversation={() => {\n          if (!canRunConversationActions) return\n          if (conversationArchived) {\n            void state.unarchiveConversation(firstConversationMessageId ?? undefined)\n          } else {\n            void state.archiveConversation(firstConversationMessageId ?? undefined)\n          }\n        }}\n        onToggleReadConversation={() => {\n          if (!canRunConversationActions) return\n          if (conversationAllUnread) {\n            void state.markConversationRead(firstConversationMessageId ?? undefined)\n          } else {\n            void state.markConversationUnread(firstConversationMessageId ?? undefined)\n          }\n        }}\n        onDeleteConversation={() => {\n          if (!canRunConversationActions || state.activeConversationAction) return\n          void (async () => {\n            const confirmed = await confirm({\n              title: state.t('messages.confirm.deleteConversationTitle', 'Delete conversation'),\n              text: state.t('messages.confirm.deleteConversation', 'Delete this conversation from your view?'),\n              confirmText: state.t('messages.actions.deleteConversation', 'Delete conversation'),\n              cancelText: state.t('common.cancel', 'Cancel'),\n              variant: 'destructive',\n            })\n            if (!confirmed) return\n            await state.deleteConversation(firstConversationMessageId ?? undefined)\n          })()\n        }}\n      />\n      <div className=\"divide-y border-y\">\n        {state.conversationItems.map((item) => {\n          const isForcedExpanded = item.id === state.forcedExpandedItemId\n          const isExpanded = state.isConversationItemExpanded(item.id)\n          if (isExpanded) {\n            return (\n              <MessageConversationDetailItem\n                key={item.id}\n                messageId={item.id}\n                userFeatures={userFeatures}\n                isCollapsible={!isForcedExpanded}\n                isExpanded\n                onToggle={() => state.toggleConversationItem(item.id)}\n                onReply={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'reply',\n                    messageId,\n                  })\n                }}\n                onForward={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'forward',\n                    messageId,\n                  })\n                }}\n              />\n            )\n          }\n\n          return (\n            <section key={item.id} className=\"px-1 py-1\">\n              <MessageListComponent\n                message={state.buildConversationListItemMessage(item)}\n                onClick={() => state.toggleConversationItem(item.id)}\n              />\n            </section>\n          )\n        })}\n      </div>\n\n      {activeInlineComposer ? (\n        <div ref={inlineComposerContainerRef}>\n          <MessageComposer\n            inline\n            inlineBackHref={null}\n            variant={activeInlineComposer.variant}\n            messageId={activeInlineComposer.messageId}\n            onCancel={() => {\n              setActiveInlineComposer(null)\n            }}\n            onSuccess={() => {\n              setActiveInlineComposer(null)\n              void state.detailQuery.refetch()\n            }}\n          />\n        </div>\n      ) : null}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/messages/components/message-detail/hooks/useMessageDetails.js

@@ -53,7 +53,9 @@ function useMessageDetails(id) {
     attachments: queryState.attachments,
     isArchived,
     onDeleted: () => router.push("/backend/messages"),
-    refreshDetailWithoutAutoMarkRead: queryState.refreshDetailWithoutAutoMarkRead
+    onMarkedUnread: () => router.push("/backend/messages"),
+    refreshDetailWithoutAutoMarkRead: queryState.refreshDetailWithoutAutoMarkRead,
+    suppressAutoMarkRead: queryState.suppressAutoMarkRead
   });
   const conversationState = useMessageDetailsConversation({
     detail: queryState.detail,

package/dist/modules/messages/components/message-detail/hooks/useMessageDetails.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetails.ts"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { useMessageDetailsQueries } from './useMessageDetailsQueries'\nimport { useMessageDetailsActions } from './useMessageDetailsActions'\nimport { useMessageDetailsConversation } from './useMessageDetailsConversation'\n\nexport function useMessageDetails(id: string) {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const queryClient = useQueryClient()\n\n  const queryState = useMessageDetailsQueries({\n    id,\n    t,\n    scopeVersion,\n    queryClient,\n  })\n\n  const invalidateMessageQueries = React.useCallback(\n    (payload: Record<string, unknown>) => {\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'list'] })\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', id] })\n      const messageId = typeof payload.messageId === 'string' ? payload.messageId : null\n      if (messageId && messageId !== id) {\n        void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', messageId] })\n      }\n    },\n    [id, queryClient],\n  )\n\n  useAppEvent(\n    'messages.message.*',\n    (evt) => {\n      invalidateMessageQueries((evt.payload ?? {}) as Record<string, unknown>)\n    },\n    [invalidateMessageQueries],\n  )\n\n  useAppEvent(\n    'om:bridge:reconnected',\n    () => {\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', id] })\n    },\n    [id, queryClient],\n  )\n\n  const isArchived = (queryState.detail?.recipients ?? []).some((item) => item.status === 'archived')\n\n  const actionState = useMessageDetailsActions({\n    id,\n    t,\n    detail: queryState.detail,\n    detailQuery: queryState.detailQuery,\n    attachments: queryState.attachments,\n    isArchived,\n    onDeleted: () => router.push('/backend/messages'),\n    refreshDetailWithoutAutoMarkRead: queryState.refreshDetailWithoutAutoMarkRead,\n  })\n\n  const conversationState = useMessageDetailsConversation({\n    detail: queryState.detail,\n    t,\n  })\n\n  const backToList = React.useCallback(() => {\n    router.push('/backend/messages')\n  }, [router])\n\n  return {\n    t,\n    router,\n    backToList,\n    ...queryState,\n    ...conversationState,\n    ...actionState,\n    isArchived,\n  }\n}\n"],
-  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAEvC,SAAS,kBAAkB,IAAY;AAC5C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,4BAA4B;AACjD,QAAM,cAAc,eAAe;AAEnC,QAAM,aAAa,yBAAyB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B,MAAM;AAAA,IACrC,CAAC,YAAqC;AACpC,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,MAAM,EAAE,CAAC;AACrE,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,EAAE,EAAE,CAAC;AAC3E,YAAM,YAAY,OAAO,QAAQ,cAAc,WAAW,QAAQ,YAAY;AAC9E,UAAI,aAAa,cAAc,IAAI;AACjC,aAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,SAAS,EAAE,CAAC;AAAA,MACpF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,WAAW;AAAA,EAClB;AAEA;AAAA,IACE;AAAA,IACA,CAAC,QAAQ;AACP,+BAA0B,IAAI,WAAW,CAAC,CAA6B;AAAA,IACzE;AAAA,IACA,CAAC,wBAAwB;AAAA,EAC3B;AAEA;AAAA,IACE;AAAA,IACA,MAAM;AACJ,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,EAAE,EAAE,CAAC;AAAA,IAC7E;AAAA,IACA,CAAC,IAAI,WAAW;AAAA,EAClB;AAEA,QAAM,cAAc,WAAW,QAAQ,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,KAAK,WAAW,UAAU;AAElG,QAAM,cAAc,yBAAyB;AAAA,IAC3C;AAAA,IACA;AAAA,IACA,QAAQ,WAAW;AAAA,IACnB,aAAa,WAAW;AAAA,IACxB,aAAa,WAAW;AAAA,IACxB;AAAA,IACA,WAAW,MAAM,OAAO,KAAK,mBAAmB;AAAA,IAChD,kCAAkC,WAAW;AAAA,EAC/C,CAAC;AAED,QAAM,oBAAoB,8BAA8B;AAAA,IACtD,QAAQ,WAAW;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,WAAO,KAAK,mBAAmB;AAAA,EACjC,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { useMessageDetailsQueries } from './useMessageDetailsQueries'\nimport { useMessageDetailsActions } from './useMessageDetailsActions'\nimport { useMessageDetailsConversation } from './useMessageDetailsConversation'\n\nexport function useMessageDetails(id: string) {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const queryClient = useQueryClient()\n\n  const queryState = useMessageDetailsQueries({\n    id,\n    t,\n    scopeVersion,\n    queryClient,\n  })\n\n  const invalidateMessageQueries = React.useCallback(\n    (payload: Record<string, unknown>) => {\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'list'] })\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', id] })\n      const messageId = typeof payload.messageId === 'string' ? payload.messageId : null\n      if (messageId && messageId !== id) {\n        void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', messageId] })\n      }\n    },\n    [id, queryClient],\n  )\n\n  useAppEvent(\n    'messages.message.*',\n    (evt) => {\n      invalidateMessageQueries((evt.payload ?? {}) as Record<string, unknown>)\n    },\n    [invalidateMessageQueries],\n  )\n\n  useAppEvent(\n    'om:bridge:reconnected',\n    () => {\n      void queryClient.invalidateQueries({ queryKey: ['messages', 'detail', id] })\n    },\n    [id, queryClient],\n  )\n\n  const isArchived = (queryState.detail?.recipients ?? []).some((item) => item.status === 'archived')\n\n  const actionState = useMessageDetailsActions({\n    id,\n    t,\n    detail: queryState.detail,\n    detailQuery: queryState.detailQuery,\n    attachments: queryState.attachments,\n    isArchived,\n    onDeleted: () => router.push('/backend/messages'),\n    onMarkedUnread: () => router.push('/backend/messages'),\n    refreshDetailWithoutAutoMarkRead: queryState.refreshDetailWithoutAutoMarkRead,\n    suppressAutoMarkRead: queryState.suppressAutoMarkRead,\n  })\n\n  const conversationState = useMessageDetailsConversation({\n    detail: queryState.detail,\n    t,\n  })\n\n  const backToList = React.useCallback(() => {\n    router.push('/backend/messages')\n  }, [router])\n\n  return {\n    t,\n    router,\n    backToList,\n    ...queryState,\n    ...conversationState,\n    ...actionState,\n    isArchived,\n  }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,qCAAqC;AAEvC,SAAS,kBAAkB,IAAY;AAC5C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,4BAA4B;AACjD,QAAM,cAAc,eAAe;AAEnC,QAAM,aAAa,yBAAyB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B,MAAM;AAAA,IACrC,CAAC,YAAqC;AACpC,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,MAAM,EAAE,CAAC;AACrE,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,EAAE,EAAE,CAAC;AAC3E,YAAM,YAAY,OAAO,QAAQ,cAAc,WAAW,QAAQ,YAAY;AAC9E,UAAI,aAAa,cAAc,IAAI;AACjC,aAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,SAAS,EAAE,CAAC;AAAA,MACpF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,WAAW;AAAA,EAClB;AAEA;AAAA,IACE;AAAA,IACA,CAAC,QAAQ;AACP,+BAA0B,IAAI,WAAW,CAAC,CAA6B;AAAA,IACzE;AAAA,IACA,CAAC,wBAAwB;AAAA,EAC3B;AAEA;AAAA,IACE;AAAA,IACA,MAAM;AACJ,WAAK,YAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,UAAU,EAAE,EAAE,CAAC;AAAA,IAC7E;AAAA,IACA,CAAC,IAAI,WAAW;AAAA,EAClB;AAEA,QAAM,cAAc,WAAW,QAAQ,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,KAAK,WAAW,UAAU;AAElG,QAAM,cAAc,yBAAyB;AAAA,IAC3C;AAAA,IACA;AAAA,IACA,QAAQ,WAAW;AAAA,IACnB,aAAa,WAAW;AAAA,IACxB,aAAa,WAAW;AAAA,IACxB;AAAA,IACA,WAAW,MAAM,OAAO,KAAK,mBAAmB;AAAA,IAChD,gBAAgB,MAAM,OAAO,KAAK,mBAAmB;AAAA,IACrD,kCAAkC,WAAW;AAAA,IAC7C,sBAAsB,WAAW;AAAA,EACnC,CAAC;AAED,QAAM,oBAAoB,8BAA8B;AAAA,IACtD,QAAQ,WAAW;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,WAAO,KAAK,mBAAmB;AAAA,EACjC,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsActions.js

@@ -12,7 +12,9 @@ function useMessageDetailsActions({
   attachments,
   isArchived,
   onDeleted,
-  refreshDetailWithoutAutoMarkRead
+  onMarkedUnread,
+  refreshDetailWithoutAutoMarkRead,
+  suppressAutoMarkRead
 }) {
   const [replyOpen, setReplyOpen] = React.useState(false);
   const [forwardOpen, setForwardOpen] = React.useState(false);
@@ -45,6 +47,7 @@ function useMessageDetailsActions({
         context: { resourceKind: "message", messageId: id, action: "state-change", retryLastMutation },
         mutationPayload: { messageId: id, action: "state-change", url, method }
       });
+      options?.onSuccess?.();
     } catch (err) {
       flash(
         err instanceof Error ? err.message : t("messages.errors.stateChangeFailed", "Failed to update message state."),
@@ -122,13 +125,30 @@ function useMessageDetailsActions({
       successMessage: t("messages.flash.conversationArchived", "Conversation archived.")
     });
   }, [id, runConversationAction, t]);
+  const unarchiveConversation = React.useCallback(async (messageId) => {
+    const targetMessageId = messageId ?? id;
+    await runConversationAction("unarchiveConversation", {
+      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,
+      method: "DELETE",
+      successMessage: t("messages.flash.conversationUnarchived", "Conversation restored from archive.")
+    });
+  }, [id, runConversationAction, t]);
   const markConversationUnread = React.useCallback(async (messageId) => {
+    suppressAutoMarkRead();
     const targetMessageId = messageId ?? id;
     await runConversationAction("markAllUnread", {
       url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,
       method: "DELETE",
       successMessage: t("messages.flash.conversationMarkedUnread", "Conversation marked unread."),
-      skipDetailAutoMarkRead: true
+      onSuccess: onMarkedUnread
+    });
+  }, [id, onMarkedUnread, runConversationAction, suppressAutoMarkRead, t]);
+  const markConversationRead = React.useCallback(async (messageId) => {
+    const targetMessageId = messageId ?? id;
+    await runConversationAction("markAllRead", {
+      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,
+      method: "PUT",
+      successMessage: t("messages.flash.conversationMarkedRead", "Conversation marked read.")
     });
   }, [id, runConversationAction, t]);
   const deleteConversation = React.useCallback(async (messageId) => {
@@ -269,12 +289,15 @@ function useMessageDetailsActions({
     return byObjectId;
   }, [detail?.actionData?.actions]);
   const toggleRead = React.useCallback(async () => {
+    if (detail?.isRead) {
+      suppressAutoMarkRead();
+    }
     await requestAndRefresh(
       `/api/messages/${encodeURIComponent(id)}/read`,
       detail?.isRead ? "DELETE" : "PUT",
-      detail?.isRead ? { skipDetailAutoMarkRead: true } : void 0
+      detail?.isRead ? { skipDetailAutoMarkRead: true, onSuccess: onMarkedUnread } : void 0
     );
-  }, [detail?.isRead, id, requestAndRefresh]);
+  }, [detail?.isRead, id, onMarkedUnread, requestAndRefresh, suppressAutoMarkRead]);
   const toggleArchive = React.useCallback(async () => {
     await requestAndRefresh(
       `/api/messages/${encodeURIComponent(id)}/archive`,
@@ -298,8 +321,10 @@ function useMessageDetailsActions({
     toggleRead,
     toggleArchive,
     archiveConversation,
+    unarchiveConversation,
     deleteConversation,
     markConversationUnread,
+    markConversationRead,
     requestAndRefresh,
     handleDelete,
     handleDeleteDialogKeyDown,

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetailsActions.ts"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { MessageActionsProps, MessageContentProps } from '@open-mercato/shared/modules/messages/types'\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 type {\n  ActionResult,\n  MessageAction,\n  MessageAttachment,\n  MessageDetail,\n  PendingActionConfirmation,\n} from '../types'\nimport { isSafeNavigationHref, parseObjectActionId, toErrorMessage } from '../utils'\n\ntype RequestAndRefreshOptions = {\n  skipDetailAutoMarkRead?: boolean\n}\n\ntype ConversationActionKind = 'archiveConversation' | 'deleteConversation' | 'markAllUnread'\n\ntype MessageDetailMutationContext = {\n  resourceKind: 'message' | 'conversation'\n  messageId: string\n  action: string\n  retryLastMutation: () => Promise<boolean>\n}\n\ntype UseMessageDetailsActionsInput = {\n  id: string\n  t: TranslateFn\n  detail: MessageDetail | null\n  detailQuery: UseQueryResult<MessageDetail | null, Error>\n  attachments: MessageAttachment[] | undefined\n  isArchived: boolean\n  onDeleted: () => void\n  refreshDetailWithoutAutoMarkRead: () => Promise<MessageDetail | null>\n}\n\nexport function useMessageDetailsActions({\n  id,\n  t,\n  detail,\n  detailQuery,\n  attachments,\n  isArchived,\n  onDeleted,\n  refreshDetailWithoutAutoMarkRead,\n}: UseMessageDetailsActionsInput) {\n  const [replyOpen, setReplyOpen] = React.useState(false)\n  const [forwardOpen, setForwardOpen] = React.useState(false)\n  const [editOpen, setEditOpen] = React.useState(false)\n  const [updatingState, setUpdatingState] = React.useState(false)\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n  const [pendingActionConfirmation, setPendingActionConfirmation] = React.useState<PendingActionConfirmation | null>(null)\n  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false)\n  const [activeConversationAction, setActiveConversationAction] = React.useState<ConversationActionKind | null>(null)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<MessageDetailMutationContext>({\n    contextId: 'messages-detail-actions',\n  })\n\n  const requestAndRefresh = React.useCallback(async (\n    url: string,\n    method: 'PUT' | 'DELETE',\n    options?: RequestAndRefreshOptions,\n  ) => {\n    setUpdatingState(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean }>(url, { method })\n          if (!call.ok) {\n            throw new Error(\n              toErrorMessage(call.result)\n              ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n            )\n          }\n          if (options?.skipDetailAutoMarkRead) {\n            await refreshDetailWithoutAutoMarkRead()\n          } else {\n            await detailQuery.refetch()\n          }\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'state-change', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'state-change', url, method },\n      })\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [detailQuery, id, refreshDetailWithoutAutoMarkRead, retryLastMutation, runMutation, t])\n\n  const handleDelete = React.useCallback(async () => {\n    setUpdatingState(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean }>(`/api/messages/${encodeURIComponent(id)}`, {\n            method: 'DELETE',\n          })\n          if (!call.ok) {\n            throw new Error(toErrorMessage(call.result) ?? t('messages.errors.deleteFailed', 'Failed to delete message.'))\n          }\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'delete', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'delete' },\n      })\n      flash(t('messages.flash.deleted', 'Message deleted.'), 'success')\n      onDeleted()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.deleteFailed', 'Failed to delete message.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [id, onDeleted, retryLastMutation, runMutation, t])\n\n  const runConversationAction = React.useCallback(async (\n    action: ConversationActionKind,\n    options: {\n      url: string\n      method: 'PUT' | 'DELETE'\n      successMessage: string\n      skipDetailAutoMarkRead?: boolean\n      onSuccess?: () => void\n    },\n  ) => {\n    setActiveConversationAction(action)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean; affectedCount?: number }>(options.url, { method: options.method })\n          if (!call.ok) {\n            throw new Error(\n              toErrorMessage(call.result)\n              ?? t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n            )\n          }\n        },\n        context: { resourceKind: 'conversation', messageId: id, action, retryLastMutation },\n        mutationPayload: { messageId: id, action, url: options.url, method: options.method },\n      })\n\n      flash(options.successMessage, 'success')\n\n      if (options.onSuccess) {\n        options.onSuccess()\n        return\n      }\n\n      if (options.skipDetailAutoMarkRead) {\n        await refreshDetailWithoutAutoMarkRead()\n      } else {\n        await detailQuery.refetch()\n      }\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n        'error',\n      )\n    } finally {\n      setActiveConversationAction(null)\n    }\n  }, [detailQuery, id, refreshDetailWithoutAutoMarkRead, retryLastMutation, runMutation, t])\n\n  const archiveConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('archiveConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,\n      method: 'PUT',\n      successMessage: t('messages.flash.conversationArchived', 'Conversation archived.'),\n    })\n  }, [id, runConversationAction, t])\n\n  const markConversationUnread = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('markAllUnread', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationMarkedUnread', 'Conversation marked unread.'),\n      skipDetailAutoMarkRead: true,\n    })\n  }, [id, runConversationAction, t])\n\n  const deleteConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('deleteConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationDeleted', 'Conversation deleted.'),\n      onSuccess: onDeleted,\n    })\n  }, [id, onDeleted, runConversationAction, t])\n\n  const handleDeleteDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleDelete()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setDeleteConfirmationOpen(false)\n    }\n  }, [handleDelete])\n\n  const executeAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    setExecutingActionId(action.id)\n    try {\n      const call = await runMutation({\n        operation: async () => {\n          const result = await apiCall<ActionResult>(\n            `/api/messages/${encodeURIComponent(id)}/actions/${encodeURIComponent(action.id)}`,\n            {\n              method: 'POST',\n              headers: { 'Content-Type': 'application/json' },\n              body: JSON.stringify(payload ?? {}),\n            },\n          )\n\n          if (!result.ok) {\n            throw new Error(\n              toErrorMessage(result.result)\n              ?? t('messages.errors.actionFailed', 'Failed to execute action.'),\n            )\n          }\n\n          return result\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'execute-action', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'execute-action', actionId: action.id },\n      })\n\n      flash(t('messages.flash.actionSuccess', 'Action completed.'), 'success')\n\n      const redirectTarget = call.result?.result?.redirect\n      if (\n        typeof redirectTarget === 'string'\n        && redirectTarget.trim().length > 0\n        && isSafeNavigationHref(redirectTarget)\n      ) {\n        window.location.href = redirectTarget\n        return\n      }\n\n      await detailQuery.refetch()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.actionFailed', 'Failed to execute action.'),\n        'error',\n      )\n    } finally {\n      setExecutingActionId(null)\n    }\n  }, [detailQuery, id, retryLastMutation, runMutation, t])\n\n  const handleExecuteAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    if (executingActionId || detail?.actionTaken) return\n\n    if (action.confirmRequired) {\n      setPendingActionConfirmation({ action, payload })\n      return\n    }\n\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId])\n\n  const handleConfirmPendingAction = React.useCallback(async () => {\n    if (!pendingActionConfirmation || executingActionId || detail?.actionTaken) return\n    const { action, payload } = pendingActionConfirmation\n    setPendingActionConfirmation(null)\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId, pendingActionConfirmation])\n\n  const handleActionConfirmDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleConfirmPendingAction()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setPendingActionConfirmation(null)\n    }\n  }, [handleConfirmPendingAction])\n\n  const contentProps = React.useMemo<MessageContentProps>(() => ({\n    message: {\n      id: detail?.id ?? '',\n      type: detail?.type ?? 'default',\n      subject: detail?.subject ?? '',\n      body: detail?.body ?? '',\n      bodyFormat: detail?.bodyFormat ?? 'text',\n      priority: (detail?.priority ?? 'normal') as 'low' | 'normal' | 'high' | 'urgent',\n      sentAt: detail?.sentAt ? new Date(detail.sentAt) : null,\n      senderName: detail?.senderName ?? undefined,\n      senderUserId: detail?.senderUserId ?? '',\n      actionData: detail?.actionData ?? null,\n      actionTaken: detail?.actionTaken ?? null,\n      actionTakenAt: detail?.actionTakenAt ? new Date(detail.actionTakenAt) : null,\n    },\n    objects: (detail?.objects ?? []).map((item) => ({\n      id: item.id,\n      entityModule: item.entityModule,\n      entityType: item.entityType,\n      entityId: item.entityId,\n      actionRequired: item.actionRequired,\n      snapshot: item.snapshot ?? undefined,\n    })),\n    attachments: (attachments ?? []).map((item) => ({\n      id: item.id,\n      fileName: item.fileName,\n      fileSize: item.fileSize,\n      mimeType: item.mimeType,\n      url: item.url,\n    })),\n  }), [attachments, detail])\n\n  const handleExecuteActionById = React.useCallback<MessageActionsProps['onExecuteAction']>(async (actionId, payload) => {\n    const action = detail?.actionData?.actions?.find((entry) => {\n      if (parseObjectActionId(entry.id)) return false\n      return entry.id === actionId\n    })\n    if (!action) return\n    await handleExecuteAction(action, payload)\n  }, [detail?.actionData?.actions, handleExecuteAction])\n\n  const messageActions = React.useMemo(() => {\n    return (detail?.actionData?.actions ?? []).filter((action) => !parseObjectActionId(action.id))\n  }, [detail?.actionData?.actions])\n\n  const objectActionsByObjectId = React.useMemo(() => {\n    const byObjectId = new Map<string, Map<string, MessageAction>>()\n    for (const action of detail?.actionData?.actions ?? []) {\n      const parsed = parseObjectActionId(action.id)\n      if (!parsed) continue\n      const current = byObjectId.get(parsed.objectId) ?? new Map<string, MessageAction>()\n      current.set(parsed.actionId, action)\n      byObjectId.set(parsed.objectId, current)\n    }\n    return byObjectId\n  }, [detail?.actionData?.actions])\n\n  const toggleRead = React.useCallback(async () => {\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/read`,\n      detail?.isRead ? 'DELETE' : 'PUT',\n      detail?.isRead ? { skipDetailAutoMarkRead: true } : undefined,\n    )\n  }, [detail?.isRead, id, requestAndRefresh])\n\n  const toggleArchive = React.useCallback(async () => {\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/archive`,\n      isArchived ? 'DELETE' : 'PUT',\n    )\n  }, [id, isArchived, requestAndRefresh])\n\n  return {\n    replyOpen,\n    setReplyOpen,\n    forwardOpen,\n    setForwardOpen,\n    editOpen,\n    setEditOpen,\n    updatingState,\n    executingActionId,\n    pendingActionConfirmation,\n    setPendingActionConfirmation,\n    deleteConfirmationOpen,\n    setDeleteConfirmationOpen,\n    activeConversationAction,\n    toggleRead,\n    toggleArchive,\n    archiveConversation,\n    deleteConversation,\n    markConversationUnread,\n    requestAndRefresh,\n    handleDelete,\n    handleDeleteDialogKeyDown,\n    handleExecuteAction,\n    handleConfirmPendingAction,\n    handleActionConfirmDialogKeyDown,\n    contentProps,\n    handleExecuteActionById,\n    messageActions,\n    objectActionsByObjectId,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { MessageActionsProps, MessageContentProps } from '@open-mercato/shared/modules/messages/types'\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 type {\n  ActionResult,\n  MessageAction,\n  MessageAttachment,\n  MessageDetail,\n  PendingActionConfirmation,\n} from '../types'\nimport { isSafeNavigationHref, parseObjectActionId, toErrorMessage } from '../utils'\n\ntype RequestAndRefreshOptions = {\n  skipDetailAutoMarkRead?: boolean\n  onSuccess?: () => void\n}\n\ntype ConversationActionKind =\n  | 'archiveConversation'\n  | 'unarchiveConversation'\n  | 'deleteConversation'\n  | 'markAllUnread'\n  | 'markAllRead'\n\ntype MessageDetailMutationContext = {\n  resourceKind: 'message' | 'conversation'\n  messageId: string\n  action: string\n  retryLastMutation: () => Promise<boolean>\n}\n\ntype UseMessageDetailsActionsInput = {\n  id: string\n  t: TranslateFn\n  detail: MessageDetail | null\n  detailQuery: UseQueryResult<MessageDetail | null, Error>\n  attachments: MessageAttachment[] | undefined\n  isArchived: boolean\n  onDeleted: () => void\n  onMarkedUnread: () => void\n  refreshDetailWithoutAutoMarkRead: () => Promise<MessageDetail | null>\n  suppressAutoMarkRead: () => void\n}\n\nexport function useMessageDetailsActions({\n  id,\n  t,\n  detail,\n  detailQuery,\n  attachments,\n  isArchived,\n  onDeleted,\n  onMarkedUnread,\n  refreshDetailWithoutAutoMarkRead,\n  suppressAutoMarkRead,\n}: UseMessageDetailsActionsInput) {\n  const [replyOpen, setReplyOpen] = React.useState(false)\n  const [forwardOpen, setForwardOpen] = React.useState(false)\n  const [editOpen, setEditOpen] = React.useState(false)\n  const [updatingState, setUpdatingState] = React.useState(false)\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n  const [pendingActionConfirmation, setPendingActionConfirmation] = React.useState<PendingActionConfirmation | null>(null)\n  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false)\n  const [activeConversationAction, setActiveConversationAction] = React.useState<ConversationActionKind | null>(null)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<MessageDetailMutationContext>({\n    contextId: 'messages-detail-actions',\n  })\n\n  const requestAndRefresh = React.useCallback(async (\n    url: string,\n    method: 'PUT' | 'DELETE',\n    options?: RequestAndRefreshOptions,\n  ) => {\n    setUpdatingState(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean }>(url, { method })\n          if (!call.ok) {\n            throw new Error(\n              toErrorMessage(call.result)\n              ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n            )\n          }\n          if (options?.skipDetailAutoMarkRead) {\n            await refreshDetailWithoutAutoMarkRead()\n          } else {\n            await detailQuery.refetch()\n          }\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'state-change', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'state-change', url, method },\n      })\n      options?.onSuccess?.()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [detailQuery, id, refreshDetailWithoutAutoMarkRead, retryLastMutation, runMutation, t])\n\n  const handleDelete = React.useCallback(async () => {\n    setUpdatingState(true)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean }>(`/api/messages/${encodeURIComponent(id)}`, {\n            method: 'DELETE',\n          })\n          if (!call.ok) {\n            throw new Error(toErrorMessage(call.result) ?? t('messages.errors.deleteFailed', 'Failed to delete message.'))\n          }\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'delete', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'delete' },\n      })\n      flash(t('messages.flash.deleted', 'Message deleted.'), 'success')\n      onDeleted()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.deleteFailed', 'Failed to delete message.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [id, onDeleted, retryLastMutation, runMutation, t])\n\n  const runConversationAction = React.useCallback(async (\n    action: ConversationActionKind,\n    options: {\n      url: string\n      method: 'PUT' | 'DELETE'\n      successMessage: string\n      skipDetailAutoMarkRead?: boolean\n      onSuccess?: () => void\n    },\n  ) => {\n    setActiveConversationAction(action)\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await apiCall<{ ok?: boolean; affectedCount?: number }>(options.url, { method: options.method })\n          if (!call.ok) {\n            throw new Error(\n              toErrorMessage(call.result)\n              ?? t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n            )\n          }\n        },\n        context: { resourceKind: 'conversation', messageId: id, action, retryLastMutation },\n        mutationPayload: { messageId: id, action, url: options.url, method: options.method },\n      })\n\n      flash(options.successMessage, 'success')\n\n      if (options.onSuccess) {\n        options.onSuccess()\n        return\n      }\n\n      if (options.skipDetailAutoMarkRead) {\n        await refreshDetailWithoutAutoMarkRead()\n      } else {\n        await detailQuery.refetch()\n      }\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n        'error',\n      )\n    } finally {\n      setActiveConversationAction(null)\n    }\n  }, [detailQuery, id, refreshDetailWithoutAutoMarkRead, retryLastMutation, runMutation, t])\n\n  const archiveConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('archiveConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,\n      method: 'PUT',\n      successMessage: t('messages.flash.conversationArchived', 'Conversation archived.'),\n    })\n  }, [id, runConversationAction, t])\n\n  const unarchiveConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('unarchiveConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationUnarchived', 'Conversation restored from archive.'),\n    })\n  }, [id, runConversationAction, t])\n\n  const markConversationUnread = React.useCallback(async (messageId?: string) => {\n    suppressAutoMarkRead()\n    const targetMessageId = messageId ?? id\n    await runConversationAction('markAllUnread', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationMarkedUnread', 'Conversation marked unread.'),\n      onSuccess: onMarkedUnread,\n    })\n  }, [id, onMarkedUnread, runConversationAction, suppressAutoMarkRead, t])\n\n  const markConversationRead = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('markAllRead', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,\n      method: 'PUT',\n      successMessage: t('messages.flash.conversationMarkedRead', 'Conversation marked read.'),\n    })\n  }, [id, runConversationAction, t])\n\n  const deleteConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('deleteConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationDeleted', 'Conversation deleted.'),\n      onSuccess: onDeleted,\n    })\n  }, [id, onDeleted, runConversationAction, t])\n\n  const handleDeleteDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleDelete()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setDeleteConfirmationOpen(false)\n    }\n  }, [handleDelete])\n\n  const executeAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    setExecutingActionId(action.id)\n    try {\n      const call = await runMutation({\n        operation: async () => {\n          const result = await apiCall<ActionResult>(\n            `/api/messages/${encodeURIComponent(id)}/actions/${encodeURIComponent(action.id)}`,\n            {\n              method: 'POST',\n              headers: { 'Content-Type': 'application/json' },\n              body: JSON.stringify(payload ?? {}),\n            },\n          )\n\n          if (!result.ok) {\n            throw new Error(\n              toErrorMessage(result.result)\n              ?? t('messages.errors.actionFailed', 'Failed to execute action.'),\n            )\n          }\n\n          return result\n        },\n        context: { resourceKind: 'message', messageId: id, action: 'execute-action', retryLastMutation },\n        mutationPayload: { messageId: id, action: 'execute-action', actionId: action.id },\n      })\n\n      flash(t('messages.flash.actionSuccess', 'Action completed.'), 'success')\n\n      const redirectTarget = call.result?.result?.redirect\n      if (\n        typeof redirectTarget === 'string'\n        && redirectTarget.trim().length > 0\n        && isSafeNavigationHref(redirectTarget)\n      ) {\n        window.location.href = redirectTarget\n        return\n      }\n\n      await detailQuery.refetch()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.actionFailed', 'Failed to execute action.'),\n        'error',\n      )\n    } finally {\n      setExecutingActionId(null)\n    }\n  }, [detailQuery, id, retryLastMutation, runMutation, t])\n\n  const handleExecuteAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    if (executingActionId || detail?.actionTaken) return\n\n    if (action.confirmRequired) {\n      setPendingActionConfirmation({ action, payload })\n      return\n    }\n\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId])\n\n  const handleConfirmPendingAction = React.useCallback(async () => {\n    if (!pendingActionConfirmation || executingActionId || detail?.actionTaken) return\n    const { action, payload } = pendingActionConfirmation\n    setPendingActionConfirmation(null)\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId, pendingActionConfirmation])\n\n  const handleActionConfirmDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleConfirmPendingAction()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setPendingActionConfirmation(null)\n    }\n  }, [handleConfirmPendingAction])\n\n  const contentProps = React.useMemo<MessageContentProps>(() => ({\n    message: {\n      id: detail?.id ?? '',\n      type: detail?.type ?? 'default',\n      subject: detail?.subject ?? '',\n      body: detail?.body ?? '',\n      bodyFormat: detail?.bodyFormat ?? 'text',\n      priority: (detail?.priority ?? 'normal') as 'low' | 'normal' | 'high' | 'urgent',\n      sentAt: detail?.sentAt ? new Date(detail.sentAt) : null,\n      senderName: detail?.senderName ?? undefined,\n      senderUserId: detail?.senderUserId ?? '',\n      actionData: detail?.actionData ?? null,\n      actionTaken: detail?.actionTaken ?? null,\n      actionTakenAt: detail?.actionTakenAt ? new Date(detail.actionTakenAt) : null,\n    },\n    objects: (detail?.objects ?? []).map((item) => ({\n      id: item.id,\n      entityModule: item.entityModule,\n      entityType: item.entityType,\n      entityId: item.entityId,\n      actionRequired: item.actionRequired,\n      snapshot: item.snapshot ?? undefined,\n    })),\n    attachments: (attachments ?? []).map((item) => ({\n      id: item.id,\n      fileName: item.fileName,\n      fileSize: item.fileSize,\n      mimeType: item.mimeType,\n      url: item.url,\n    })),\n  }), [attachments, detail])\n\n  const handleExecuteActionById = React.useCallback<MessageActionsProps['onExecuteAction']>(async (actionId, payload) => {\n    const action = detail?.actionData?.actions?.find((entry) => {\n      if (parseObjectActionId(entry.id)) return false\n      return entry.id === actionId\n    })\n    if (!action) return\n    await handleExecuteAction(action, payload)\n  }, [detail?.actionData?.actions, handleExecuteAction])\n\n  const messageActions = React.useMemo(() => {\n    return (detail?.actionData?.actions ?? []).filter((action) => !parseObjectActionId(action.id))\n  }, [detail?.actionData?.actions])\n\n  const objectActionsByObjectId = React.useMemo(() => {\n    const byObjectId = new Map<string, Map<string, MessageAction>>()\n    for (const action of detail?.actionData?.actions ?? []) {\n      const parsed = parseObjectActionId(action.id)\n      if (!parsed) continue\n      const current = byObjectId.get(parsed.objectId) ?? new Map<string, MessageAction>()\n      current.set(parsed.actionId, action)\n      byObjectId.set(parsed.objectId, current)\n    }\n    return byObjectId\n  }, [detail?.actionData?.actions])\n\n  const toggleRead = React.useCallback(async () => {\n    if (detail?.isRead) {\n      suppressAutoMarkRead()\n    }\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/read`,\n      detail?.isRead ? 'DELETE' : 'PUT',\n      detail?.isRead ? { skipDetailAutoMarkRead: true, onSuccess: onMarkedUnread } : undefined,\n    )\n  }, [detail?.isRead, id, onMarkedUnread, requestAndRefresh, suppressAutoMarkRead])\n\n  const toggleArchive = React.useCallback(async () => {\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/archive`,\n      isArchived ? 'DELETE' : 'PUT',\n    )\n  }, [id, isArchived, requestAndRefresh])\n\n  return {\n    replyOpen,\n    setReplyOpen,\n    forwardOpen,\n    setForwardOpen,\n    editOpen,\n    setEditOpen,\n    updatingState,\n    executingActionId,\n    pendingActionConfirmation,\n    setPendingActionConfirmation,\n    deleteConfirmationOpen,\n    setDeleteConfirmationOpen,\n    activeConversationAction,\n    toggleRead,\n    toggleArchive,\n    archiveConversation,\n    unarchiveConversation,\n    deleteConversation,\n    markConversationUnread,\n    markConversationRead,\n    requestAndRefresh,\n    handleDelete,\n    handleDeleteDialogKeyDown,\n    handleExecuteAction,\n    handleConfirmPendingAction,\n    handleActionConfirmDialogKeyDown,\n    contentProps,\n    handleExecuteActionById,\n    messageActions,\n    objectActionsByObjectId,\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.js

@@ -13,10 +13,15 @@ function useMessageDetailsQueries({
     () => ["messages", "detail", id, scopeVersion],
     [id, scopeVersion]
   );
+  const suppressAutoMarkReadRef = React.useRef(false);
+  React.useEffect(() => {
+    suppressAutoMarkReadRef.current = false;
+  }, [id]);
   const detailQuery = useQuery({
     queryKey: detailQueryKey,
     queryFn: async () => {
-      const call = await apiCall(`/api/messages/${encodeURIComponent(id)}`);
+      const detailUrl = suppressAutoMarkReadRef.current ? `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1` : `/api/messages/${encodeURIComponent(id)}`;
+      const call = await apiCall(detailUrl);
       if (call.status === 404) {
         return null;
       }
@@ -66,6 +71,9 @@ function useMessageDetailsQueries({
     queryClient.setQueryData(detailQueryKey, call.result);
     return call.result;
   }, [detailQueryKey, id, queryClient, t]);
+  const suppressAutoMarkRead = React.useCallback(() => {
+    suppressAutoMarkReadRef.current = true;
+  }, []);
   const listItemComponentKey = detail?.typeDefinition.ui?.listItemComponent ?? null;
   const contentComponentKey = detail?.typeDefinition.ui?.contentComponent ?? null;
   const actionsComponentKey = detail?.typeDefinition.ui?.actionsComponent ?? null;
@@ -79,6 +87,7 @@ function useMessageDetailsQueries({
     attachmentsQuery,
     attachments,
     refreshDetailWithoutAutoMarkRead,
+    suppressAutoMarkRead,
     listItemComponentKey,
     contentComponentKey,
     actionsComponentKey

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.ts"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { MessageAttachment, MessageDetail } from '../types'\nimport { toErrorMessage } from '../utils'\n\ntype UseMessageDetailsQueriesInput = {\n  id: string\n  t: TranslateFn\n  scopeVersion: unknown\n  queryClient: QueryClient\n}\n\nexport function useMessageDetailsQueries({\n  id,\n  t,\n  scopeVersion,\n  queryClient,\n}: UseMessageDetailsQueriesInput) {\n  const detailQueryKey = React.useMemo(\n    () => ['messages', 'detail', id, scopeVersion],\n    [id, scopeVersion],\n  )\n\n  const detailQuery = useQuery<MessageDetail | null>({\n    queryKey: detailQueryKey,\n    queryFn: async () => {\n      const call = await apiCall<MessageDetail>(`/api/messages/${encodeURIComponent(id)}`)\n      if (call.status === 404) {\n        return null\n      }\n      if (!call.ok || !call.result) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n      return call.result\n    },\n  })\n\n  const detail = detailQuery.data ?? null\n  const isLoadingDetail = detailQuery.isLoading\n  const isDetailMissing = detailQuery.isSuccess && detailQuery.data === null\n  const loadErrorMessage = isDetailMissing\n    ? t('messages.errors.messageDeleted', 'This message is no longer available.')\n    : detailQuery.error instanceof Error\n      ? detailQuery.error.message\n      : t('messages.errors.loadDetailFailed', 'Failed to load message details.')\n\n  const attachmentsQuery = useQuery<MessageAttachment[]>({\n    queryKey: ['messages', 'detail', id, 'attachments', scopeVersion],\n    queryFn: async () => {\n      const call = await apiCall<{ attachments?: MessageAttachment[] }>(\n        `/api/messages/${encodeURIComponent(id)}/attachments`,\n      )\n\n      if (call.status === 404) {\n        return []\n      }\n\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n\n      return call.result?.attachments ?? []\n    },\n  })\n\n  const attachments = attachmentsQuery.data\n\n  const refreshDetailWithoutAutoMarkRead = React.useCallback(async () => {\n    const call = await apiCall<MessageDetail>(\n      `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1`,\n    )\n\n    if (call.status === 404) {\n      queryClient.setQueryData(detailQueryKey, null)\n      return null\n    }\n\n    if (!call.ok || !call.result) {\n      throw new Error(\n        toErrorMessage(call.result)\n        ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n      )\n    }\n\n    queryClient.setQueryData(detailQueryKey, call.result)\n    return call.result\n  }, [detailQueryKey, id, queryClient, t])\n\n  const listItemComponentKey = detail?.typeDefinition.ui?.listItemComponent ?? null\n  const contentComponentKey = detail?.typeDefinition.ui?.contentComponent ?? null\n  const actionsComponentKey = detail?.typeDefinition.ui?.actionsComponent ?? null\n\n  return {\n    detailQueryKey,\n    detailQuery,\n    detail,\n    isLoadingDetail,\n    isDetailMissing,\n    loadErrorMessage,\n    attachmentsQuery,\n    attachments,\n    refreshDetailWithoutAutoMarkRead,\n    listItemComponentKey,\n    contentComponentKey,\n    actionsComponentKey,\n  }\n}\n"],
-  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAGzB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AASxB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAM,CAAC,YAAY,UAAU,IAAI,YAAY;AAAA,IAC7C,CAAC,IAAI,YAAY;AAAA,EACnB;AAEA,QAAM,cAAc,SAA+B;AAAA,IACjD,UAAU;AAAA,IACV,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM,QAAuB,iBAAiB,mBAAmB,EAAE,CAAC,EAAE;AACnF,UAAI,KAAK,WAAW,KAAK;AACvB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AACA,aAAO,KAAK;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,SAAS,YAAY,QAAQ;AACnC,QAAM,kBAAkB,YAAY;AACpC,QAAM,kBAAkB,YAAY,aAAa,YAAY,SAAS;AACtE,QAAM,mBAAmB,kBACrB,EAAE,kCAAkC,sCAAsC,IAC1E,YAAY,iBAAiB,QAC3B,YAAY,MAAM,UAClB,EAAE,oCAAoC,iCAAiC;AAE7E,QAAM,mBAAmB,SAA8B;AAAA,IACrD,UAAU,CAAC,YAAY,UAAU,IAAI,eAAe,YAAY;AAAA,IAChE,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM;AAAA,QACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,MACzC;AAEA,UAAI,KAAK,WAAW,KAAK;AACvB,eAAO,CAAC;AAAA,MACV;AAEA,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AAEA,aAAO,KAAK,QAAQ,eAAe,CAAC;AAAA,IACtC;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB;AAErC,QAAM,mCAAmC,MAAM,YAAY,YAAY;AACrE,UAAM,OAAO,MAAM;AAAA,MACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,IACzC;AAEA,QAAI,KAAK,WAAW,KAAK;AACvB,kBAAY,aAAa,gBAAgB,IAAI;AAC7C,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,YAAM,IAAI;AAAA,QACR,eAAe,KAAK,MAAM,KACvB,EAAE,qCAAqC,iCAAiC;AAAA,MAC7E;AAAA,IACF;AAEA,gBAAY,aAAa,gBAAgB,KAAK,MAAM;AACpD,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,gBAAgB,IAAI,aAAa,CAAC,CAAC;AAEvC,QAAM,uBAAuB,QAAQ,eAAe,IAAI,qBAAqB;AAC7E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAC3E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAE3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { MessageAttachment, MessageDetail } from '../types'\nimport { toErrorMessage } from '../utils'\n\ntype UseMessageDetailsQueriesInput = {\n  id: string\n  t: TranslateFn\n  scopeVersion: unknown\n  queryClient: QueryClient\n}\n\nexport function useMessageDetailsQueries({\n  id,\n  t,\n  scopeVersion,\n  queryClient,\n}: UseMessageDetailsQueriesInput) {\n  const detailQueryKey = React.useMemo(\n    () => ['messages', 'detail', id, scopeVersion],\n    [id, scopeVersion],\n  )\n\n  const suppressAutoMarkReadRef = React.useRef(false)\n\n  React.useEffect(() => {\n    suppressAutoMarkReadRef.current = false\n  }, [id])\n\n  const detailQuery = useQuery<MessageDetail | null>({\n    queryKey: detailQueryKey,\n    queryFn: async () => {\n      const detailUrl = suppressAutoMarkReadRef.current\n        ? `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1`\n        : `/api/messages/${encodeURIComponent(id)}`\n      const call = await apiCall<MessageDetail>(detailUrl)\n      if (call.status === 404) {\n        return null\n      }\n      if (!call.ok || !call.result) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n      return call.result\n    },\n  })\n\n  const detail = detailQuery.data ?? null\n  const isLoadingDetail = detailQuery.isLoading\n  const isDetailMissing = detailQuery.isSuccess && detailQuery.data === null\n  const loadErrorMessage = isDetailMissing\n    ? t('messages.errors.messageDeleted', 'This message is no longer available.')\n    : detailQuery.error instanceof Error\n      ? detailQuery.error.message\n      : t('messages.errors.loadDetailFailed', 'Failed to load message details.')\n\n  const attachmentsQuery = useQuery<MessageAttachment[]>({\n    queryKey: ['messages', 'detail', id, 'attachments', scopeVersion],\n    queryFn: async () => {\n      const call = await apiCall<{ attachments?: MessageAttachment[] }>(\n        `/api/messages/${encodeURIComponent(id)}/attachments`,\n      )\n\n      if (call.status === 404) {\n        return []\n      }\n\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n\n      return call.result?.attachments ?? []\n    },\n  })\n\n  const attachments = attachmentsQuery.data\n\n  const refreshDetailWithoutAutoMarkRead = React.useCallback(async () => {\n    const call = await apiCall<MessageDetail>(\n      `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1`,\n    )\n\n    if (call.status === 404) {\n      queryClient.setQueryData(detailQueryKey, null)\n      return null\n    }\n\n    if (!call.ok || !call.result) {\n      throw new Error(\n        toErrorMessage(call.result)\n        ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n      )\n    }\n\n    queryClient.setQueryData(detailQueryKey, call.result)\n    return call.result\n  }, [detailQueryKey, id, queryClient, t])\n\n  const suppressAutoMarkRead = React.useCallback(() => {\n    suppressAutoMarkReadRef.current = true\n  }, [])\n\n  const listItemComponentKey = detail?.typeDefinition.ui?.listItemComponent ?? null\n  const contentComponentKey = detail?.typeDefinition.ui?.contentComponent ?? null\n  const actionsComponentKey = detail?.typeDefinition.ui?.actionsComponent ?? null\n\n  return {\n    detailQueryKey,\n    detailQuery,\n    detail,\n    isLoadingDetail,\n    isDetailMissing,\n    loadErrorMessage,\n    attachmentsQuery,\n    attachments,\n    refreshDetailWithoutAutoMarkRead,\n    suppressAutoMarkRead,\n    listItemComponentKey,\n    contentComponentKey,\n    actionsComponentKey,\n  }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAGzB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AASxB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAM,CAAC,YAAY,UAAU,IAAI,YAAY;AAAA,IAC7C,CAAC,IAAI,YAAY;AAAA,EACnB;AAEA,QAAM,0BAA0B,MAAM,OAAO,KAAK;AAElD,QAAM,UAAU,MAAM;AACpB,4BAAwB,UAAU;AAAA,EACpC,GAAG,CAAC,EAAE,CAAC;AAEP,QAAM,cAAc,SAA+B;AAAA,IACjD,UAAU;AAAA,IACV,SAAS,YAAY;AACnB,YAAM,YAAY,wBAAwB,UACtC,iBAAiB,mBAAmB,EAAE,CAAC,oBACvC,iBAAiB,mBAAmB,EAAE,CAAC;AAC3C,YAAM,OAAO,MAAM,QAAuB,SAAS;AACnD,UAAI,KAAK,WAAW,KAAK;AACvB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AACA,aAAO,KAAK;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,SAAS,YAAY,QAAQ;AACnC,QAAM,kBAAkB,YAAY;AACpC,QAAM,kBAAkB,YAAY,aAAa,YAAY,SAAS;AACtE,QAAM,mBAAmB,kBACrB,EAAE,kCAAkC,sCAAsC,IAC1E,YAAY,iBAAiB,QAC3B,YAAY,MAAM,UAClB,EAAE,oCAAoC,iCAAiC;AAE7E,QAAM,mBAAmB,SAA8B;AAAA,IACrD,UAAU,CAAC,YAAY,UAAU,IAAI,eAAe,YAAY;AAAA,IAChE,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM;AAAA,QACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,MACzC;AAEA,UAAI,KAAK,WAAW,KAAK;AACvB,eAAO,CAAC;AAAA,MACV;AAEA,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AAEA,aAAO,KAAK,QAAQ,eAAe,CAAC;AAAA,IACtC;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB;AAErC,QAAM,mCAAmC,MAAM,YAAY,YAAY;AACrE,UAAM,OAAO,MAAM;AAAA,MACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,IACzC;AAEA,QAAI,KAAK,WAAW,KAAK;AACvB,kBAAY,aAAa,gBAAgB,IAAI;AAC7C,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,YAAM,IAAI;AAAA,QACR,eAAe,KAAK,MAAM,KACvB,EAAE,qCAAqC,iCAAiC;AAAA,MAC7E;AAAA,IACF;AAEA,gBAAY,aAAa,gBAAgB,KAAK,MAAM;AACpD,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,gBAAgB,IAAI,aAAa,CAAC,CAAC;AAEvC,QAAM,uBAAuB,MAAM,YAAY,MAAM;AACnD,4BAAwB,UAAU;AAAA,EACpC,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,QAAQ,eAAe,IAAI,qBAAqB;AAC7E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAC3E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAE3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/modules/messages/components/message-detail/panels/MainMessageHeader.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
-import { Archive, Forward, MailMinus, Reply, Trash2 } from "lucide-react";
+import { Archive, ArchiveRestore, Forward, MailMinus, MailOpen, Reply, Trash2 } from "lucide-react";
 import { PriorityBadge } from "../../utils/PriorityBadge.js";
 function MainMessageHeader(props) {
   const t = useT();
@@ -26,19 +26,19 @@ function MainMessageHeader(props) {
     },
     {
       id: "archive-conversation",
-      label: t("messages.actions.archiveConversation", "Archive conversation"),
-      icon: Archive,
-      onSelect: props.onArchiveConversation,
+      label: props.conversationArchived ? t("messages.actions.unarchiveConversation", "Unarchive conversation") : t("messages.actions.archiveConversation", "Archive conversation"),
+      icon: props.conversationArchived ? ArchiveRestore : Archive,
+      onSelect: props.onToggleArchiveConversation,
       disabled: props.actionsDisabled,
-      loading: props.activeActionId === "archiveConversation"
+      loading: props.activeActionId === "archiveConversation" || props.activeActionId === "unarchiveConversation"
     },
     {
       id: "mark-all-unread",
-      label: t("messages.actions.markAllUnread", "Mark all unread"),
-      icon: MailMinus,
-      onSelect: props.onMarkAllUnread,
+      label: props.conversationAllUnread ? t("messages.actions.markAllRead", "Mark all read") : t("messages.actions.markAllUnread", "Mark all unread"),
+      icon: props.conversationAllUnread ? MailOpen : MailMinus,
+      onSelect: props.onToggleReadConversation,
       disabled: props.actionsDisabled,
-      loading: props.activeActionId === "markAllUnread"
+      loading: props.activeActionId === "markAllUnread" || props.activeActionId === "markAllRead"
     },
     {
       id: "delete-conversation",
@@ -52,10 +52,12 @@ function MainMessageHeader(props) {
     props.actionsDisabled,
     props.canForwardAll,
     props.canReply,
-    props.onArchiveConversation,
+    props.conversationArchived,
+    props.conversationAllUnread,
+    props.onToggleArchiveConversation,
     props.onDeleteConversation,
     props.onForwardAll,
-    props.onMarkAllUnread,
+    props.onToggleReadConversation,
     props.onReply,
     props.activeActionId,
     t

package/dist/modules/messages/components/message-detail/panels/MainMessageHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/MainMessageHeader.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormHeader, type ActionItem } from '@open-mercato/ui/backend/forms'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Archive, Forward, MailMinus, Reply, Trash2 } from 'lucide-react'\nimport { PriorityBadge } from '../../utils/PriorityBadge'\n\ntype MainMessageHeaderProps = {\n  subject: string\n  priority: 'low' | 'normal' | 'high' | 'urgent'\n  canReply: boolean\n  canForwardAll: boolean\n  actionsDisabled?: boolean\n  activeActionId?: 'forwardAll' | 'archiveConversation' | 'markAllUnread' | 'deleteConversation' | null\n  onReply: () => void\n  onForwardAll: () => void\n  onArchiveConversation: () => void\n  onMarkAllUnread: () => void\n  onDeleteConversation: () => void\n}\n\nexport function MainMessageHeader(props: MainMessageHeaderProps) {\n  const t = useT()\n\n  const menuActions = React.useMemo<ActionItem[]>(() => [\n    {\n      id: 'reply',\n      label: t('messages.reply', 'Reply'),\n      icon: Reply,\n      onSelect: props.onReply,\n      disabled: props.actionsDisabled || !props.canReply,\n    },\n    {\n      id: 'forward-all',\n      label: t('messages.actions.forwardAll', 'Forward all'),\n      icon: Forward,\n      onSelect: props.onForwardAll,\n      disabled: props.actionsDisabled || !props.canForwardAll,\n      loading: props.activeActionId === 'forwardAll',\n    },\n    {\n      id: 'archive-conversation',\n      label: t('messages.actions.archiveConversation', 'Archive conversation'),\n      icon: Archive,\n      onSelect: props.onArchiveConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'archiveConversation',\n    },\n    {\n      id: 'mark-all-unread',\n      label: t('messages.actions.markAllUnread', 'Mark all unread'),\n      icon: MailMinus,\n      onSelect: props.onMarkAllUnread,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'markAllUnread',\n    },\n    {\n      id: 'delete-conversation',\n      label: t('messages.actions.deleteConversation', 'Delete conversation'),\n      icon: Trash2,\n      onSelect: props.onDeleteConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'deleteConversation',\n    },\n  ], [\n    props.actionsDisabled,\n    props.canForwardAll,\n    props.canReply,\n    props.onArchiveConversation,\n    props.onDeleteConversation,\n    props.onForwardAll,\n    props.onMarkAllUnread,\n    props.onReply,\n    props.activeActionId,\n    t,\n  ])\n\n  return (\n    <FormHeader\n      mode=\"detail\"\n      backHref=\"/backend/messages\"\n      backLabel={t('messages.actions.backToList', 'Back to messages')}\n      title={(\n        <span className=\"inline-flex items-center gap-2\">\n          <span className=\"truncate\">{props.subject}</span>\n          <PriorityBadge priority={props.priority} />\n        </span>\n      )}\n      utilityActions={props.canReply ? (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          aria-label={t('messages.reply', 'Reply')}\n          onClick={props.onReply}\n          disabled={props.actionsDisabled || !props.canReply}\n        >\n          <Reply className=\"h-4 w-4\" aria-hidden />\n        </IconButton>\n      ) : undefined}\n      menuTriggerMode=\"icon\"\n      menuAriaLabel={t('messages.actions.conversationActions', 'Conversation actions')}\n      menuActions={menuActions}\n    />\n  )\n}\n"],
-  "mappings": ";AAqFQ,SACE,KADF;AAnFR,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAmC;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,SAAS,SAAS,WAAW,OAAO,cAAc;AAC3D,SAAS,qBAAqB;AAgBvB,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,IAAI,KAAK;AAEf,QAAM,cAAc,MAAM,QAAsB,MAAM;AAAA,IACpD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,kBAAkB,OAAO;AAAA,MAClC,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,+BAA+B,aAAa;AAAA,MACrD,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,MAC1C,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wCAAwC,sBAAsB;AAAA,MACvE,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,kCAAkC,iBAAiB;AAAA,MAC5D,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,uCAAuC,qBAAqB;AAAA,MACrE,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,EACF,GAAG;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,WAAW,EAAE,+BAA+B,kBAAkB;AAAA,MAC9D,OACE,qBAAC,UAAK,WAAU,kCACd;AAAA,4BAAC,UAAK,WAAU,YAAY,gBAAM,SAAQ;AAAA,QAC1C,oBAAC,iBAAc,UAAU,MAAM,UAAU;AAAA,SAC3C;AAAA,MAEF,gBAAgB,MAAM,WACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,EAAE,kBAAkB,OAAO;AAAA,UACvC,SAAS,MAAM;AAAA,UACf,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,UAE1C,8BAAC,SAAM,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,MACzC,IACE;AAAA,MACJ,iBAAgB;AAAA,MAChB,eAAe,EAAE,wCAAwC,sBAAsB;AAAA,MAC/E;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormHeader, type ActionItem } from '@open-mercato/ui/backend/forms'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Archive, ArchiveRestore, Forward, MailMinus, MailOpen, Reply, Trash2 } from 'lucide-react'\nimport { PriorityBadge } from '../../utils/PriorityBadge'\n\ntype MainMessageHeaderProps = {\n  subject: string\n  priority: 'low' | 'normal' | 'high' | 'urgent'\n  canReply: boolean\n  canForwardAll: boolean\n  conversationArchived: boolean\n  conversationAllUnread: boolean\n  actionsDisabled?: boolean\n  activeActionId?:\n    | 'forwardAll'\n    | 'archiveConversation'\n    | 'unarchiveConversation'\n    | 'markAllUnread'\n    | 'markAllRead'\n    | 'deleteConversation'\n    | null\n  onReply: () => void\n  onForwardAll: () => void\n  onToggleArchiveConversation: () => void\n  onToggleReadConversation: () => void\n  onDeleteConversation: () => void\n}\n\nexport function MainMessageHeader(props: MainMessageHeaderProps) {\n  const t = useT()\n\n  const menuActions = React.useMemo<ActionItem[]>(() => [\n    {\n      id: 'reply',\n      label: t('messages.reply', 'Reply'),\n      icon: Reply,\n      onSelect: props.onReply,\n      disabled: props.actionsDisabled || !props.canReply,\n    },\n    {\n      id: 'forward-all',\n      label: t('messages.actions.forwardAll', 'Forward all'),\n      icon: Forward,\n      onSelect: props.onForwardAll,\n      disabled: props.actionsDisabled || !props.canForwardAll,\n      loading: props.activeActionId === 'forwardAll',\n    },\n    {\n      id: 'archive-conversation',\n      label: props.conversationArchived\n        ? t('messages.actions.unarchiveConversation', 'Unarchive conversation')\n        : t('messages.actions.archiveConversation', 'Archive conversation'),\n      icon: props.conversationArchived ? ArchiveRestore : Archive,\n      onSelect: props.onToggleArchiveConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'archiveConversation' || props.activeActionId === 'unarchiveConversation',\n    },\n    {\n      id: 'mark-all-unread',\n      label: props.conversationAllUnread\n        ? t('messages.actions.markAllRead', 'Mark all read')\n        : t('messages.actions.markAllUnread', 'Mark all unread'),\n      icon: props.conversationAllUnread ? MailOpen : MailMinus,\n      onSelect: props.onToggleReadConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'markAllUnread' || props.activeActionId === 'markAllRead',\n    },\n    {\n      id: 'delete-conversation',\n      label: t('messages.actions.deleteConversation', 'Delete conversation'),\n      icon: Trash2,\n      onSelect: props.onDeleteConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'deleteConversation',\n    },\n  ], [\n    props.actionsDisabled,\n    props.canForwardAll,\n    props.canReply,\n    props.conversationArchived,\n    props.conversationAllUnread,\n    props.onToggleArchiveConversation,\n    props.onDeleteConversation,\n    props.onForwardAll,\n    props.onToggleReadConversation,\n    props.onReply,\n    props.activeActionId,\n    t,\n  ])\n\n  return (\n    <FormHeader\n      mode=\"detail\"\n      backHref=\"/backend/messages\"\n      backLabel={t('messages.actions.backToList', 'Back to messages')}\n      title={(\n        <span className=\"inline-flex items-center gap-2\">\n          <span className=\"truncate\">{props.subject}</span>\n          <PriorityBadge priority={props.priority} />\n        </span>\n      )}\n      utilityActions={props.canReply ? (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          aria-label={t('messages.reply', 'Reply')}\n          onClick={props.onReply}\n          disabled={props.actionsDisabled || !props.canReply}\n        >\n          <Reply className=\"h-4 w-4\" aria-hidden />\n        </IconButton>\n      ) : undefined}\n      menuTriggerMode=\"icon\"\n      menuAriaLabel={t('messages.actions.conversationActions', 'Conversation actions')}\n      menuActions={menuActions}\n    />\n  )\n}\n"],
+  "mappings": ";AAoGQ,SACE,KADF;AAlGR,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAmC;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,SAAS,gBAAgB,SAAS,WAAW,UAAU,OAAO,cAAc;AACrF,SAAS,qBAAqB;AAyBvB,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,IAAI,KAAK;AAEf,QAAM,cAAc,MAAM,QAAsB,MAAM;AAAA,IACpD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,kBAAkB,OAAO;AAAA,MAClC,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,+BAA+B,aAAa;AAAA,MACrD,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,MAC1C,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM,uBACT,EAAE,0CAA0C,wBAAwB,IACpE,EAAE,wCAAwC,sBAAsB;AAAA,MACpE,MAAM,MAAM,uBAAuB,iBAAiB;AAAA,MACpD,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB,yBAAyB,MAAM,mBAAmB;AAAA,IACtF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,MAAM,wBACT,EAAE,gCAAgC,eAAe,IACjD,EAAE,kCAAkC,iBAAiB;AAAA,MACzD,MAAM,MAAM,wBAAwB,WAAW;AAAA,MAC/C,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB,mBAAmB,MAAM,mBAAmB;AAAA,IAChF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,uCAAuC,qBAAqB;AAAA,MACrE,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,EACF,GAAG;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,WAAW,EAAE,+BAA+B,kBAAkB;AAAA,MAC9D,OACE,qBAAC,UAAK,WAAU,kCACd;AAAA,4BAAC,UAAK,WAAU,YAAY,gBAAM,SAAQ;AAAA,QAC1C,oBAAC,iBAAc,UAAU,MAAM,UAAU;AAAA,SAC3C;AAAA,MAEF,gBAAgB,MAAM,WACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,EAAE,kBAAkB,OAAO;AAAA,UACvC,SAAS,MAAM;AAAA,UACf,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,UAE1C,8BAAC,SAAM,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,MACzC,IACE;AAAA,MACJ,iBAAgB;AAAA,MAChB,eAAe,EAAE,wCAAwC,sBAAsB;AAAA,MAC/E;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/modules/payment_gateways/api/cancel/route.js

@@ -2,6 +2,7 @@ import { NextResponse } from "next/server";
 import { getAuthFromRequest } from "@open-mercato/shared/lib/auth/server";
 import { createRequestContainer } from "@open-mercato/shared/lib/di/container";
 import { readJsonSafe } from "@open-mercato/shared/lib/http/readJsonSafe";
+import { isCrudHttpError } from "@open-mercato/shared/lib/crud/errors";
 import { cancelSchema } from "../../data/validators.js";
 import { paymentGatewaysTag } from "../openapi.js";
 import {
@@ -65,6 +66,9 @@ async function POST(req) {
     });
     return NextResponse.json(result);
   } catch (err) {
+    if (isCrudHttpError(err)) {
+      return NextResponse.json(err.body, { status: err.status });
+    }
     const message = err instanceof Error ? err.message : "Cancel failed";
     return NextResponse.json({ error: message }, { status: 502 });
   }
@@ -78,6 +82,7 @@ const openApi = {
       tags: [paymentGatewaysTag],
       responses: [
         { status: 200, description: "Payment cancelled" },
+        { status: 409, description: "Invalid payment status transition" },
         { status: 422, description: "Invalid payload" },
         { status: 502, description: "Gateway provider error" }
       ]

package/dist/modules/payment_gateways/api/cancel/route.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/payment_gateways/api/cancel/route.ts"],
-  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport { readJsonSafe } from '@open-mercato/shared/lib/http/readJsonSafe'\nimport { cancelSchema } from '../../data/validators'\nimport type { PaymentGatewayService } from '../../lib/gateway-service'\nimport { paymentGatewaysTag } from '../openapi'\nimport {\n  resolveUserFeatures,\n  runPaymentGatewayMutationGuardAfterSuccess,\n  runPaymentGatewayMutationGuards,\n} from '../guards'\n\nconst gatewayTransactionResourceKind = 'payment_gateways.gateway_transaction'\n\nexport const metadata = {\n  path: '/payment_gateways/cancel',\n  POST: { requireAuth: true, requireFeatures: ['payment_gateways.manage'] },\n}\n\nexport async function POST(req: Request) {\n  const auth = await getAuthFromRequest(req)\n  if (!auth?.tenantId || !auth.orgId) {\n    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n  }\n\n  const payload = await readJsonSafe<unknown>(req)\n  const parsed = cancelSchema.safeParse(payload)\n  if (!parsed.success) {\n    return NextResponse.json({ error: 'Invalid payload', details: parsed.error.flatten() }, { status: 422 })\n  }\n\n  const container = await createRequestContainer()\n  const guardResult = await runPaymentGatewayMutationGuards(\n    container,\n    {\n      tenantId: auth.tenantId,\n      organizationId: auth.orgId,\n      userId: auth.sub ?? '',\n      resourceKind: gatewayTransactionResourceKind,\n      resourceId: parsed.data.transactionId,\n      operation: 'update',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n      mutationPayload: parsed.data as Record<string, unknown>,\n    },\n    resolveUserFeatures(auth),\n  )\n  if (!guardResult.ok) {\n    return NextResponse.json(\n      guardResult.errorBody ?? { error: 'Operation blocked by guard' },\n      { status: guardResult.errorStatus ?? 422 },\n    )\n  }\n\n  const service = container.resolve('paymentGatewayService') as PaymentGatewayService\n\n  try {\n    const result = await service.cancelPayment(\n      parsed.data.transactionId,\n      parsed.data.reason,\n      { organizationId: auth.orgId as string, tenantId: auth.tenantId },\n    )\n    await runPaymentGatewayMutationGuardAfterSuccess(guardResult.afterSuccessCallbacks, {\n      tenantId: auth.tenantId,\n      organizationId: auth.orgId,\n      userId: auth.sub ?? '',\n      resourceKind: gatewayTransactionResourceKind,\n      resourceId: parsed.data.transactionId,\n      operation: 'update',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n    })\n    return NextResponse.json(result)\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : 'Cancel failed'\n    return NextResponse.json({ error: message }, { status: 502 })\n  }\n}\n\nexport const openApi = {\n  tags: [paymentGatewaysTag],\n  summary: 'Cancel/void an authorized payment',\n  methods: {\n    POST: {\n      summary: 'Cancel payment',\n      tags: [paymentGatewaysTag],\n      responses: [\n        { status: 200, description: 'Payment cancelled' },\n        { status: 422, description: 'Invalid payload' },\n        { status: 502, description: 'Gateway provider error' },\n      ],\n    },\n  },\n}\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,iCAAiC;AAEhC,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,MAAM,EAAE,aAAa,MAAM,iBAAiB,CAAC,yBAAyB,EAAE;AAC1E;AAEA,eAAsB,KAAK,KAAc;AACvC,QAAM,OAAO,MAAM,mBAAmB,GAAG;AACzC,MAAI,CAAC,MAAM,YAAY,CAAC,KAAK,OAAO;AAClC,WAAO,aAAa,KAAK,EAAE,OAAO,eAAe,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACrE;AAEA,QAAM,UAAU,MAAM,aAAsB,GAAG;AAC/C,QAAM,SAAS,aAAa,UAAU,OAAO;AAC7C,MAAI,CAAC,OAAO,SAAS;AACnB,WAAO,aAAa,KAAK,EAAE,OAAO,mBAAmB,SAAS,OAAO,MAAM,QAAQ,EAAE,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EACzG;AAEA,QAAM,YAAY,MAAM,uBAAuB;AAC/C,QAAM,cAAc,MAAM;AAAA,IACxB;AAAA,IACA;AAAA,MACE,UAAU,KAAK;AAAA,MACf,gBAAgB,KAAK;AAAA,MACrB,QAAQ,KAAK,OAAO;AAAA,MACpB,cAAc;AAAA,MACd,YAAY,OAAO,KAAK;AAAA,MACxB,WAAW;AAAA,MACX,eAAe,IAAI;AAAA,MACnB,gBAAgB,IAAI;AAAA,MACpB,iBAAiB,OAAO;AAAA,IAC1B;AAAA,IACA,oBAAoB,IAAI;AAAA,EAC1B;AACA,MAAI,CAAC,YAAY,IAAI;AACnB,WAAO,aAAa;AAAA,MAClB,YAAY,aAAa,EAAE,OAAO,6BAA6B;AAAA,MAC/D,EAAE,QAAQ,YAAY,eAAe,IAAI;AAAA,IAC3C;AAAA,EACF;AAEA,QAAM,UAAU,UAAU,QAAQ,uBAAuB;AAEzD,MAAI;AACF,UAAM,SAAS,MAAM,QAAQ;AAAA,MAC3B,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,EAAE,gBAAgB,KAAK,OAAiB,UAAU,KAAK,SAAS;AAAA,IAClE;AACA,UAAM,2CAA2C,YAAY,uBAAuB;AAAA,MAClF,UAAU,KAAK;AAAA,MACf,gBAAgB,KAAK;AAAA,MACrB,QAAQ,KAAK,OAAO;AAAA,MACpB,cAAc;AAAA,MACd,YAAY,OAAO,KAAK;AAAA,MACxB,WAAW;AAAA,MACX,eAAe,IAAI;AAAA,MACnB,gBAAgB,IAAI;AAAA,IACtB,CAAC;AACD,WAAO,aAAa,KAAK,MAAM;AAAA,EACjC,SAAS,KAAc;AACrB,UAAM,UAAU,eAAe,QAAQ,IAAI,UAAU;AACrD,WAAO,aAAa,KAAK,EAAE,OAAO,QAAQ,GAAG,EAAE,QAAQ,IAAI,CAAC;AAAA,EAC9D;AACF;AAEO,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,kBAAkB;AAAA,EACzB,SAAS;AAAA,EACT,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM,CAAC,kBAAkB;AAAA,MACzB,WAAW;AAAA,QACT,EAAE,QAAQ,KAAK,aAAa,oBAAoB;AAAA,QAChD,EAAE,QAAQ,KAAK,aAAa,kBAAkB;AAAA,QAC9C,EAAE,QAAQ,KAAK,aAAa,yBAAyB;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport { readJsonSafe } from '@open-mercato/shared/lib/http/readJsonSafe'\nimport { isCrudHttpError } from '@open-mercato/shared/lib/crud/errors'\nimport { cancelSchema } from '../../data/validators'\nimport type { PaymentGatewayService } from '../../lib/gateway-service'\nimport { paymentGatewaysTag } from '../openapi'\nimport {\n  resolveUserFeatures,\n  runPaymentGatewayMutationGuardAfterSuccess,\n  runPaymentGatewayMutationGuards,\n} from '../guards'\n\nconst gatewayTransactionResourceKind = 'payment_gateways.gateway_transaction'\n\nexport const metadata = {\n  path: '/payment_gateways/cancel',\n  POST: { requireAuth: true, requireFeatures: ['payment_gateways.manage'] },\n}\n\nexport async function POST(req: Request) {\n  const auth = await getAuthFromRequest(req)\n  if (!auth?.tenantId || !auth.orgId) {\n    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n  }\n\n  const payload = await readJsonSafe<unknown>(req)\n  const parsed = cancelSchema.safeParse(payload)\n  if (!parsed.success) {\n    return NextResponse.json({ error: 'Invalid payload', details: parsed.error.flatten() }, { status: 422 })\n  }\n\n  const container = await createRequestContainer()\n  const guardResult = await runPaymentGatewayMutationGuards(\n    container,\n    {\n      tenantId: auth.tenantId,\n      organizationId: auth.orgId,\n      userId: auth.sub ?? '',\n      resourceKind: gatewayTransactionResourceKind,\n      resourceId: parsed.data.transactionId,\n      operation: 'update',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n      mutationPayload: parsed.data as Record<string, unknown>,\n    },\n    resolveUserFeatures(auth),\n  )\n  if (!guardResult.ok) {\n    return NextResponse.json(\n      guardResult.errorBody ?? { error: 'Operation blocked by guard' },\n      { status: guardResult.errorStatus ?? 422 },\n    )\n  }\n\n  const service = container.resolve('paymentGatewayService') as PaymentGatewayService\n\n  try {\n    const result = await service.cancelPayment(\n      parsed.data.transactionId,\n      parsed.data.reason,\n      { organizationId: auth.orgId as string, tenantId: auth.tenantId },\n    )\n    await runPaymentGatewayMutationGuardAfterSuccess(guardResult.afterSuccessCallbacks, {\n      tenantId: auth.tenantId,\n      organizationId: auth.orgId,\n      userId: auth.sub ?? '',\n      resourceKind: gatewayTransactionResourceKind,\n      resourceId: parsed.data.transactionId,\n      operation: 'update',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n    })\n    return NextResponse.json(result)\n  } catch (err: unknown) {\n    if (isCrudHttpError(err)) {\n      return NextResponse.json(err.body, { status: err.status })\n    }\n    const message = err instanceof Error ? err.message : 'Cancel failed'\n    return NextResponse.json({ error: message }, { status: 502 })\n  }\n}\n\nexport const openApi = {\n  tags: [paymentGatewaysTag],\n  summary: 'Cancel/void an authorized payment',\n  methods: {\n    POST: {\n      summary: 'Cancel payment',\n      tags: [paymentGatewaysTag],\n      responses: [\n        { status: 200, description: 'Payment cancelled' },\n        { status: 409, description: 'Invalid payment status transition' },\n        { status: 422, description: 'Invalid payload' },\n        { status: 502, description: 'Gateway provider error' },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/payment_gateways/api/capture/route.js

@@ -2,6 +2,7 @@ import { NextResponse } from "next/server";
 import { getAuthFromRequest } from "@open-mercato/shared/lib/auth/server";
 import { createRequestContainer } from "@open-mercato/shared/lib/di/container";
 import { readJsonSafe } from "@open-mercato/shared/lib/http/readJsonSafe";
+import { isCrudHttpError } from "@open-mercato/shared/lib/crud/errors";
 import { captureSchema } from "../../data/validators.js";
 import { paymentGatewaysTag } from "../openapi.js";
 import {
@@ -65,6 +66,9 @@ async function POST(req) {
     });
     return NextResponse.json(result);
   } catch (err) {
+    if (isCrudHttpError(err)) {
+      return NextResponse.json(err.body, { status: err.status });
+    }
     const message = err instanceof Error ? err.message : "Capture failed";
     return NextResponse.json({ error: message }, { status: 502 });
   }
@@ -78,6 +82,7 @@ const openApi = {
       tags: [paymentGatewaysTag],
       responses: [
         { status: 200, description: "Payment captured" },
+        { status: 409, description: "Invalid payment status transition" },
         { status: 422, description: "Invalid payload" },
         { status: 502, description: "Gateway provider error" }
       ]