@open-mercato/core 0.6.6-develop.6171.1.17de2dc37a → 0.6.6-develop.6176.1.4507b99c2f

package/src/modules/resources/backend/resources/resource-types/page.tsx

@@ -13,6 +13,7 @@ import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
 import { deleteCrud } from '@open-mercato/ui/backend/utils/crud'
 import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 import { Package } from 'lucide-react'
@@ -23,6 +24,7 @@ import { formatDateTime } from '@open-mercato/shared/lib/time'
 const PAGE_SIZE = 50
 const DESCRIPTION_CLASSNAME = 'line-clamp-3 whitespace-pre-line text-sm text-foreground'
 const SUBTEXT_CLASSNAME = 'line-clamp-2 text-xs text-muted-foreground'
+const RESOURCE_TYPES_MUTATION_CONTEXT_ID = 'resources.resource-types.list'
 
 type ResourceTypeRow = {
   id: string
@@ -40,6 +42,13 @@ type ResourceTypesResponse = {
   totalPages?: number
 }
 
+type ResourceTypesMutationContext = {
+  formId: string
+  resourceKind: string
+  resourceId?: string
+  retryLastMutation: () => Promise<boolean>
+}
+
 export default function ResourcesResourceTypesPage() {
   const translate = useT()
   const { confirm, ConfirmDialogElement } = useConfirmDialog()
@@ -53,6 +62,27 @@ export default function ResourcesResourceTypesPage() {
   const [search, setSearch] = React.useState('')
   const [isLoading, setIsLoading] = React.useState(true)
   const [reloadToken, setReloadToken] = React.useState(0)
+  const { runMutation, retryLastMutation } = useGuardedMutation<ResourceTypesMutationContext>({
+    contextId: RESOURCE_TYPES_MUTATION_CONTEXT_ID,
+    blockedMessage: translate('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
+  const runResourceTypeMutation = React.useCallback(
+    async <T,>(
+      operation: () => Promise<T>,
+      mutationPayload: Record<string, unknown>,
+      resourceId?: string,
+    ): Promise<T> => runMutation({
+      operation,
+      mutationPayload,
+      context: {
+        formId: RESOURCE_TYPES_MUTATION_CONTEXT_ID,
+        resourceKind: 'resources.resourceType',
+        resourceId,
+        retryLastMutation,
+      },
+    }),
+    [retryLastMutation, runMutation],
+  )
 
   const translations = React.useMemo(() => ({
     title: translate('resources.resourceTypes.page.title', 'Resource types'),
@@ -230,16 +260,20 @@ export default function ResourcesResourceTypesPage() {
     if (!confirmed) return
     try {
       const headers = buildOptimisticLockHeader(entry.updatedAt)
-      await withScopedApiRequestHeaders(headers, () => (
-        deleteCrud('resources/resource-types', entry.id, { errorMessage: translations.errors.delete })
-      ))
+      await runResourceTypeMutation(
+        () => withScopedApiRequestHeaders(headers, () => (
+          deleteCrud('resources/resource-types', entry.id, { errorMessage: translations.errors.delete })
+        )),
+        { operation: 'deleteResourceType', id: entry.id, updatedAt: entry.updatedAt ?? null },
+        entry.id,
+      )
       flash(translations.messages.deleted, 'success')
       handleRefresh()
     } catch (error) {
       console.error('resources.resource-types.delete', error)
       flash(translations.errors.delete, 'error')
     }
-  }, [confirm, handleRefresh, translations.actions.deleteConfirm, translations.errors.delete, translations.errors.deleteAssigned, translations.messages.deleted])
+  }, [confirm, handleRefresh, runResourceTypeMutation, translations.actions.deleteConfirm, translations.errors.delete, translations.errors.deleteAssigned, translations.messages.deleted])
 
   return (
     <Page>

package/src/modules/resources/backend/resources/resources/[id]/page.tsx

@@ -12,6 +12,7 @@ import { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors
 import { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { ActivitiesSection, NotesSection, RecordNotFoundState, type SectionAction, type TagOption } from '@open-mercato/ui/backend/detail'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { VersionHistoryAction } from '@open-mercato/ui/backend/version-history'
 import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
@@ -62,6 +63,14 @@ type ResourceResponse = {
   items: ResourceRecord[]
 }
 
+type ResourceDetailMutationContext = {
+  formId: string
+  resourceKind: string
+  resourceId?: string
+  data: Record<string, unknown> | null
+  retryLastMutation: () => Promise<boolean>
+}
+
 function normalizeResourceRecord(record: ResourceRecord): ResourceRecord {
   return {
     ...record,
@@ -108,8 +117,42 @@ export default function ResourcesResourceDetailPage({ params }: { params?: { id?
   const flashShownRef = React.useRef(false)
 
   const availabilityMode = 'availability'
-  const notesAdapter = React.useMemo(() => createResourceNotesAdapter(detailTranslator), [detailTranslator])
-  const activitiesAdapter = React.useMemo(() => createResourceActivitiesAdapter(detailTranslator), [detailTranslator])
+  const mutationContextId = React.useMemo(
+    () => (resourceId ? `resources.resource:${resourceId}` : 'resources.resource:pending'),
+    [resourceId],
+  )
+  const { runMutation, retryLastMutation } = useGuardedMutation<ResourceDetailMutationContext>({
+    contextId: mutationContextId,
+    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
+  const mutationContext = React.useMemo<ResourceDetailMutationContext>(
+    () => ({
+      formId: mutationContextId,
+      resourceKind: 'resources.resource',
+      resourceId,
+      data: initialValues,
+      retryLastMutation,
+    }),
+    [initialValues, mutationContextId, resourceId, retryLastMutation],
+  )
+  const runMutationWithContext = React.useCallback(
+    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => (
+      runMutation({
+        operation,
+        mutationPayload,
+        context: mutationContext,
+      })
+    ),
+    [mutationContext, runMutation],
+  )
+  const notesAdapter = React.useMemo(
+    () => createResourceNotesAdapter(detailTranslator, { runMutation: runMutationWithContext }),
+    [detailTranslator, runMutationWithContext],
+  )
+  const activitiesAdapter = React.useMemo(
+    () => createResourceActivitiesAdapter(detailTranslator, { runMutation: runMutationWithContext }),
+    [detailTranslator, runMutationWithContext],
+  )
 
   const activityTypeLabels = React.useMemo<DictionarySelectLabels>(() => ({
     placeholder: t('resources.resources.detail.activities.dictionary.placeholder', 'Select an activity type'),
@@ -342,14 +385,18 @@ export default function ResourcesResourceDetailPage({ params }: { params?: { id?
       if (!trimmed.length) {
         throw new Error(t('resources.resources.tags.labelRequired', 'Tag name is required.'))
       }
-      const response = await apiCallOrThrow<Record<string, unknown>>(
-        '/api/resources/tags',
-        {
-          method: 'POST',
-          headers: { 'content-type': 'application/json' },
-          body: JSON.stringify({ label: trimmed }),
-        },
-        { errorMessage: t('resources.resources.tags.createError', 'Failed to create tag.') },
+      const requestBody = { label: trimmed }
+      const response = await runMutationWithContext(
+        () => apiCallOrThrow<Record<string, unknown>>(
+          '/api/resources/tags',
+          {
+            method: 'POST',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify(requestBody),
+          },
+          { errorMessage: t('resources.resources.tags.createError', 'Failed to create tag.') },
+        ),
+        { operation: 'createTag', label: trimmed },
       )
       const payload = response.result ?? {}
       const id =
@@ -364,34 +411,42 @@ export default function ResourcesResourceDetailPage({ params }: { params?: { id?
         : null
       return { id, label: trimmed, color }
     },
-    [t],
+    [runMutationWithContext, t],
   )
 
   const assignTag = React.useCallback(async (tagId: string) => {
     if (!resourceId) return
-    await apiCallOrThrow(
-      '/api/resources/resources/tags/assign',
-      {
-        method: 'POST',
-        headers: { 'content-type': 'application/json' },
-        body: JSON.stringify({ tagId, resourceId }),
-      },
-      { errorMessage: t('resources.resources.tags.updateError', 'Failed to update tags.') },
+    const requestBody = { tagId, resourceId }
+    await runMutationWithContext(
+      () => apiCallOrThrow(
+        '/api/resources/resources/tags/assign',
+        {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify(requestBody),
+        },
+        { errorMessage: t('resources.resources.tags.updateError', 'Failed to update tags.') },
+      ),
+      { operation: 'assignTag', resourceId, tagId },
     )
-  }, [resourceId, t])
+  }, [resourceId, runMutationWithContext, t])
 
   const unassignTag = React.useCallback(async (tagId: string) => {
     if (!resourceId) return
-    await apiCallOrThrow(
-      '/api/resources/resources/tags/unassign',
-      {
-        method: 'POST',
-        headers: { 'content-type': 'application/json' },
-        body: JSON.stringify({ tagId, resourceId }),
-      },
-      { errorMessage: t('resources.resources.tags.updateError', 'Failed to update tags.') },
+    const requestBody = { tagId, resourceId }
+    await runMutationWithContext(
+      () => apiCallOrThrow(
+        '/api/resources/resources/tags/unassign',
+        {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify(requestBody),
+        },
+        { errorMessage: t('resources.resources.tags.updateError', 'Failed to update tags.') },
+      ),
+      { operation: 'unassignTag', resourceId, tagId },
     )
-  }, [resourceId, t])
+  }, [resourceId, runMutationWithContext, t])
 
   const handleTagsSave = React.useCallback(
     async ({ next, added, removed }: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => {
@@ -508,12 +563,21 @@ export default function ResourcesResourceDetailPage({ params }: { params?: { id?
 
   const handleDelete = React.useCallback(async () => {
     if (!resourceId) return
-    await deleteCrud('resources/resources', resourceId, {
+    const resourceOptimisticLockHeader = buildOptimisticLockHeader(
+      typeof initialValues?.updatedAt === 'string' ? initialValues.updatedAt : null,
+    )
+    const deleteResource = () => deleteCrud('resources/resources', resourceId, {
       errorMessage: t('resources.resources.form.errors.delete', 'Failed to delete resource.'),
     })
+    await runMutationWithContext(
+      () => Object.keys(resourceOptimisticLockHeader).length > 0
+        ? withScopedApiRequestHeaders(resourceOptimisticLockHeader, deleteResource)
+        : deleteResource(),
+      { operation: 'deleteResource', id: resourceId, updatedAt: initialValues?.updatedAt ?? null },
+    )
     flash(t('resources.resources.form.flash.deleted', 'Resource deleted.'), 'success')
     router.push('/backend/resources/resources')
-  }, [resourceId, router, t])
+  }, [initialValues?.updatedAt, resourceId, router, runMutationWithContext, t])
 
   const handleRulesetChange = React.useCallback(async (nextId: string | null) => {
     if (!resourceId) return
@@ -523,14 +587,15 @@ export default function ResourcesResourceDetailPage({ params }: { params?: { id?
     const resourceOptimisticLockHeader = buildOptimisticLockHeader(
       typeof initialValues?.updatedAt === 'string' ? initialValues.updatedAt : null,
     )
-    if (Object.keys(resourceOptimisticLockHeader).length > 0) {
-      await withScopedApiRequestHeaders(resourceOptimisticLockHeader, updateSchedule)
-    } else {
-      await updateSchedule()
-    }
+    await runMutationWithContext(
+      () => Object.keys(resourceOptimisticLockHeader).length > 0
+        ? withScopedApiRequestHeaders(resourceOptimisticLockHeader, updateSchedule)
+        : updateSchedule(),
+      { operation: 'updateAvailabilityRuleSet', id: resourceId, availabilityRuleSetId: nextId },
+    )
     setAvailabilityRuleSetId(nextId)
     flash(t('resources.resources.availability.ruleset.updateSuccess', 'Schedule updated.'), 'success')
-  }, [initialValues?.updatedAt, resourceId, t])
+  }, [initialValues?.updatedAt, resourceId, runMutationWithContext, t])
 
   const resourceTitle =
     typeof initialValues?.name === 'string' && initialValues.name.trim().length > 0

package/src/modules/resources/backend/resources/resources/page.tsx

@@ -16,6 +16,7 @@ import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimi
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import type { FilterDef, FilterOption, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'
 import type { TagOption } from '@open-mercato/ui/backend/detail'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
@@ -23,6 +24,7 @@ import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 import { Pencil } from 'lucide-react'
 
 const PAGE_SIZE = 20
+const RESOURCE_LIST_MUTATION_CONTEXT_ID = 'resources.resources.list'
 
 type ResourceRow = {
   id: string
@@ -66,6 +68,13 @@ type ResourceTypesResponse = {
   items: Array<Record<string, unknown>>
 }
 
+type ResourceListMutationContext = {
+  formId: string
+  resourceKind: string
+  resourceId?: string
+  retryLastMutation: () => Promise<boolean>
+}
+
 export default function ResourcesResourcesPage() {
   const [rows, setRows] = React.useState<ResourceRow[]>([])
   const [page, setPage] = React.useState(1)
@@ -87,6 +96,27 @@ export default function ResourcesResourcesPage() {
   const selectedResourceTypeId = typeof filterValues.resourceTypeId === 'string'
     ? filterValues.resourceTypeId
     : resourceTypeFilter
+  const { runMutation, retryLastMutation } = useGuardedMutation<ResourceListMutationContext>({
+    contextId: RESOURCE_LIST_MUTATION_CONTEXT_ID,
+    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
+  const runResourceMutation = React.useCallback(
+    async <T,>(
+      operation: () => Promise<T>,
+      mutationPayload: Record<string, unknown>,
+      resourceId?: string,
+    ): Promise<T> => runMutation({
+      operation,
+      mutationPayload,
+      context: {
+        formId: RESOURCE_LIST_MUTATION_CONTEXT_ID,
+        resourceKind: 'resources.resource',
+        resourceId,
+        retryLastMutation,
+      },
+    }),
+    [retryLastMutation, runMutation],
+  )
 
   React.useEffect(() => {
     setPage(1)
@@ -353,11 +383,15 @@ export default function ResourcesResourcesPage() {
     if (!confirmed) return
     try {
       const headers = buildOptimisticLockHeader(row.updatedAt)
-      await withScopedApiRequestHeaders(headers, () => (
-        deleteCrud('resources/resources', row.id, {
-          errorMessage: t('resources.resources.list.error.delete', 'Failed to delete resource.'),
-        })
-      ))
+      await runResourceMutation(
+        () => withScopedApiRequestHeaders(headers, () => (
+          deleteCrud('resources/resources', row.id, {
+            errorMessage: t('resources.resources.list.error.delete', 'Failed to delete resource.'),
+          })
+        )),
+        { operation: 'deleteResource', id: row.id, updatedAt: row.updatedAt ?? null },
+        row.id,
+      )
       flash(t('resources.resources.list.flash.deleted', 'Resource deleted.'), 'success')
       setPage(1)
       router.refresh()
@@ -365,7 +399,7 @@ export default function ResourcesResourcesPage() {
       const message = error instanceof Error ? error.message : t('resources.resources.list.error.delete', 'Failed to delete resource.')
       flash(message, 'error')
     }
-  }, [confirm, router, t])
+  }, [confirm, router, runResourceMutation, t])
 
   const columns = React.useMemo<ColumnDef<ResourceTableRow>[]>(() => [
     {

package/src/modules/resources/components/detail/activitiesAdapter.ts

@@ -6,7 +6,29 @@ import type { ActivitiesDataAdapter, ActivitySummary } from '@open-mercato/ui/ba
 
 type Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string
 
-export function createResourceActivitiesAdapter(translator: Translator): ActivitiesDataAdapter {
+export type ResourceActivitiesGuardedMutation = <T>(
+  runner: () => Promise<T>,
+  payload?: Record<string, unknown>,
+) => Promise<T>
+
+export type CreateResourceActivitiesAdapterOptions = {
+  runMutation?: ResourceActivitiesGuardedMutation
+}
+
+export function createResourceActivitiesAdapter(
+  translator: Translator,
+  options: CreateResourceActivitiesAdapterOptions = {},
+): ActivitiesDataAdapter {
+  const runWrite = async <T,>(
+    runner: () => Promise<T>,
+    payload: Record<string, unknown>,
+  ): Promise<T> => {
+    if (options.runMutation) {
+      return options.runMutation(runner, payload)
+    }
+    return runner()
+  }
+
   return {
     list: async ({ entityId }) => {
       const params = new URLSearchParams({
@@ -23,19 +45,23 @@ export function createResourceActivitiesAdapter(translator: Translator): Activit
       return Array.isArray(payload?.items) ? (payload.items as ActivitySummary[]) : []
     },
     create: async ({ entityId, activityType, subject, body, occurredAt, customFields }) => {
-      await createCrud('resources/activities', {
+      const payload = {
         entityId,
         activityType,
         subject: subject ?? undefined,
         body: body ?? undefined,
         occurredAt: occurredAt ?? undefined,
         ...(customFields ? { customFields } : {}),
-      }, {
-        errorMessage: translator('resources.resources.detail.activities.error', 'Failed to save activity'),
-      })
+      }
+      await runWrite(
+        () => createCrud('resources/activities', payload, {
+          errorMessage: translator('resources.resources.detail.activities.error', 'Failed to save activity'),
+        }),
+        { operation: 'createActivity', entityId, activityType },
+      )
     },
     update: async ({ id, patch }) => {
-      await updateCrud('resources/activities', {
+      const payload = {
         id,
         entityId: patch.entityId,
         activityType: patch.activityType,
@@ -43,15 +69,22 @@ export function createResourceActivitiesAdapter(translator: Translator): Activit
         body: patch.body ?? undefined,
         occurredAt: patch.occurredAt ?? undefined,
         ...(patch.customFields ? { customFields: patch.customFields } : {}),
-      }, {
-        errorMessage: translator('resources.resources.detail.activities.error', 'Failed to save activity'),
-      })
+      }
+      await runWrite(
+        () => updateCrud('resources/activities', payload, {
+          errorMessage: translator('resources.resources.detail.activities.error', 'Failed to save activity'),
+        }),
+        { operation: 'updateActivity', id },
+      )
     },
     delete: async ({ id }) => {
-      await deleteCrud('resources/activities', {
-        id,
-        errorMessage: translator('resources.resources.detail.activities.deleteError', 'Failed to delete activity.'),
-      })
+      await runWrite(
+        () => deleteCrud('resources/activities', {
+          id,
+          errorMessage: translator('resources.resources.detail.activities.deleteError', 'Failed to delete activity.'),
+        }),
+        { operation: 'deleteActivity', id },
+      )
     },
   }
 }

package/src/modules/resources/components/detail/notesAdapter.ts

@@ -5,7 +5,29 @@ import { mapCommentSummary, type NotesDataAdapter } from '@open-mercato/ui/backe
 
 type Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string
 
-export function createResourceNotesAdapter(translator: Translator): NotesDataAdapter {
+export type ResourceNotesGuardedMutation = <T>(
+  runner: () => Promise<T>,
+  payload?: Record<string, unknown>,
+) => Promise<T>
+
+export type CreateResourceNotesAdapterOptions = {
+  runMutation?: ResourceNotesGuardedMutation
+}
+
+export function createResourceNotesAdapter(
+  translator: Translator,
+  options: CreateResourceNotesAdapterOptions = {},
+): NotesDataAdapter {
+  const runWrite = async <T,>(
+    runner: () => Promise<T>,
+    payload: Record<string, unknown>,
+  ): Promise<T> => {
+    if (options.runMutation) {
+      return options.runMutation(runner, payload)
+    }
+    return runner()
+  }
+
   return {
     list: async ({ entityId }) => {
       const params = new URLSearchParams()
@@ -19,19 +41,23 @@ export function createResourceNotesAdapter(translator: Translator): NotesDataAda
       return items.map(mapCommentSummary)
     },
     create: async ({ entityId, body, appearanceIcon, appearanceColor }) => {
-      const response = await apiCallOrThrow<Record<string, unknown>>(
-        '/api/resources/comments',
-        {
-          method: 'POST',
-          headers: { 'content-type': 'application/json' },
-          body: JSON.stringify({
-            entityId,
-            body,
-            appearanceIcon: appearanceIcon ?? undefined,
-            appearanceColor: appearanceColor ?? undefined,
-          }),
-        },
-        { errorMessage: translator('resources.resources.detail.notes.error', 'Failed to save note.') },
+      const requestBody = {
+        entityId,
+        body,
+        appearanceIcon: appearanceIcon ?? undefined,
+        appearanceColor: appearanceColor ?? undefined,
+      }
+      const response = await runWrite(
+        () => apiCallOrThrow<Record<string, unknown>>(
+          '/api/resources/comments',
+          {
+            method: 'POST',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify(requestBody),
+          },
+          { errorMessage: translator('resources.resources.detail.notes.error', 'Failed to save note.') },
+        ),
+        { operation: 'createNote', entityId },
       )
       return response.result ?? {}
     },
@@ -40,24 +66,30 @@ export function createResourceNotesAdapter(translator: Translator): NotesDataAda
       if (patch.body !== undefined) payload.body = patch.body
       if (patch.appearanceIcon !== undefined) payload.appearanceIcon = patch.appearanceIcon
       if (patch.appearanceColor !== undefined) payload.appearanceColor = patch.appearanceColor
-      await apiCallOrThrow(
-        '/api/resources/comments',
-        {
-          method: 'PUT',
-          headers: { 'content-type': 'application/json' },
-          body: JSON.stringify(payload),
-        },
-        { errorMessage: translator('resources.resources.detail.notes.updateError', 'Failed to update note.') },
+      await runWrite(
+        () => apiCallOrThrow(
+          '/api/resources/comments',
+          {
+            method: 'PUT',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify(payload),
+          },
+          { errorMessage: translator('resources.resources.detail.notes.updateError', 'Failed to update note.') },
+        ),
+        { operation: 'updateNote', id },
       )
     },
     delete: async ({ id }) => {
-      await apiCallOrThrow(
-        `/api/resources/comments?id=${encodeURIComponent(id)}`,
-        {
-          method: 'DELETE',
-          headers: { 'content-type': 'application/json' },
-        },
-        { errorMessage: translator('resources.resources.detail.notes.deleteError', 'Failed to delete note') },
+      await runWrite(
+        () => apiCallOrThrow(
+          `/api/resources/comments?id=${encodeURIComponent(id)}`,
+          {
+            method: 'DELETE',
+            headers: { 'content-type': 'application/json' },
+          },
+          { errorMessage: translator('resources.resources.detail.notes.deleteError', 'Failed to delete note') },
+        ),
+        { operation: 'deleteNote', id },
       )
     },
   }