@open-mercato/core 0.6.4-develop.4217.1.c9aa050183 → 0.6.4-develop.4239.1.4a264a5828

package/src/modules/workflows/backend/events/[id]/page.tsx

@@ -11,6 +11,7 @@ import { Button } from '@open-mercato/ui/primitives/button'
 import { FormHeader } from '@open-mercato/ui/backend/forms'
 import { Spinner } from '@open-mercato/ui/primitives/spinner'
 import { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'
+import { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'
 
 type WorkflowEvent = {
   id: string
@@ -55,8 +56,13 @@ export default function WorkflowEventDetailPage() {
       const response = await apiFetch(`/api/workflows/events/${eventId}`)
 
       if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}))
-        throw new Error(t('workflows.events.messages.loadFailed'))
+        const httpErr = new Error(
+          response.status === 404
+            ? t('workflows.events.notFound', 'Event not found.')
+            : t('workflows.events.messages.loadFailed')
+        ) as Error & { status: number }
+        httpErr.status = response.status
+        throw httpErr
       }
       const result = await response.json()
       return result as WorkflowEvent
@@ -77,18 +83,34 @@ export default function WorkflowEventDetailPage() {
     )
   }
 
+  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404
+
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('workflows.events.notFound', 'Event not found.')}
+            backHref="/backend/events"
+            backLabel={t('workflows.events.backToList', 'Back to Events')}
+          />
+        </PageBody>
+      </Page>
+    )
+  }
+
   if (error || !event) {
     return (
       <Page>
         <PageBody>
-          <div className="flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground">
-            <p>{error ? t('workflows.events.messages.loadFailed') : t('workflows.events.notFound')}</p>
-            <Button asChild variant="outline">
-              <Link href="/backend/events">
-                {t('workflows.events.backToList')}
-              </Link>
-            </Button>
-          </div>
+          <ErrorMessage
+            label={(error as Error | null)?.message ?? t('workflows.events.messages.loadFailed')}
+            action={
+              <Button asChild variant="outline" size="sm">
+                <Link href="/backend/events">{t('workflows.events.backToList', 'Back to Events')}</Link>
+              </Button>
+            }
+          />
         </PageBody>
       </Page>
     )

package/src/modules/workflows/backend/instances/[id]/page.tsx

@@ -19,6 +19,7 @@ import { MobileInstanceOverview } from '../../../components/mobile/MobileInstanc
 import { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'
 import { definitionToGraph } from '../../../lib/graph-utils'
 import { Node } from '@xyflow/react'
+import { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'
 
 export default function WorkflowInstanceDetailPage({ params }: { params?: { id?: string } }) {
   const id = params?.id
@@ -32,7 +33,13 @@ export default function WorkflowInstanceDetailPage({ params }: { params?: { id?:
     queryFn: async () => {
       const response = await apiFetch(`/api/workflows/instances/${id}`)
       if (!response.ok) {
-        throw new Error(t('workflows.instances.notFound') || 'Instance not found')
+        const httpErr = new Error(
+          response.status === 404
+            ? t('workflows.instances.detail.notFound', 'Workflow instance not found.')
+            : t('workflows.instances.loadFailed', 'Failed to load workflow instance.')
+        ) as Error & { status: number }
+        httpErr.status = response.status
+        throw httpErr
       }
       const data = await response.json()
       return data.data as WorkflowInstance
@@ -368,18 +375,35 @@ export default function WorkflowInstanceDetailPage({ params }: { params?: { id?:
     )
   }
 
+  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404
+
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('workflows.instances.detail.notFound', 'Workflow instance not found.')}
+            backHref="/backend/instances"
+            backLabel={t('workflows.instances.actions.backToList', 'Back to instances')}
+          />
+        </PageBody>
+        {ConfirmDialogElement}
+      </Page>
+    )
+  }
+
   if (error || !instance) {
     return (
       <Page>
         <PageBody>
-          <div className="flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground">
-            <p>{error ? t('workflows.instances.loadFailed') : t('workflows.instances.detail.notFound') || 'Workflow instance not found.'}</p>
-            <Button asChild variant="outline">
-              <Link href="/backend/instances">
-                {t('workflows.instances.actions.backToList') || 'Back to instances'}
-              </Link>
-            </Button>
-          </div>
+          <ErrorMessage
+            label={(error as Error | null)?.message ?? t('workflows.instances.loadFailed', 'Failed to load workflow instance.')}
+            action={
+              <Button asChild variant="outline" size="sm">
+                <Link href="/backend/instances">{t('workflows.instances.actions.backToList', 'Back to instances')}</Link>
+              </Button>
+            }
+          />
         </PageBody>
         {ConfirmDialogElement}
       </Page>

package/src/modules/workflows/backend/tasks/[id]/page.tsx

@@ -25,6 +25,7 @@ import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { MobileTaskForm } from '../../../components/mobile/MobileTaskForm'
 import { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'
 import type { UserTaskResponse, UserTaskStatus } from '../../../data/types'
+import { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'
 
 export default function UserTaskDetailPage({ params }: { params: { id: string } }) {
   const router = useRouter()
@@ -44,12 +45,16 @@ export default function UserTaskDetailPage({ params }: { params: { id: string }
       const result = await apiCall<{ data: UserTaskResponse }>(
         `/api/workflows/tasks/${params.id}`
       )
-
       if (!result.ok) {
-        throw new Error('Failed to fetch task')
+        const httpErr = new Error(
+          result.status === 404
+            ? t('workflows.tasks.detail.notFound', 'Task not found')
+            : t('workflows.tasks.detail.loadFailed', 'Failed to load task')
+        ) as Error & { status: number }
+        httpErr.status = result.status
+        throw httpErr
       }
-
-      return result.result?.data || null
+      return result.result?.data ?? null
     },
   })
 
@@ -347,16 +352,34 @@ export default function UserTaskDetailPage({ params }: { params: { id: string }
     )
   }
 
+  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404
+
+  if (isNotFound) {
+    return (
+      <Page>
+        <PageBody>
+          <RecordNotFoundState
+            label={t('workflows.tasks.detail.notFound', 'Task not found')}
+            backHref="/backend/tasks"
+            backLabel={t('workflows.tasks.detail.backToList', 'Back to Tasks')}
+          />
+        </PageBody>
+      </Page>
+    )
+  }
+
   if (error || !task) {
     return (
       <Page>
         <PageBody>
-          <div className="p-8 text-center">
-            <p className="text-status-error-text">{t('workflows.tasks.detail.notFound')}</p>
-            <Button onClick={() => router.push('/backend/tasks')} className="mt-4">
-              {t('workflows.tasks.detail.backToList')}
-            </Button>
-          </div>
+          <ErrorMessage
+            label={(error as Error | null)?.message ?? t('workflows.tasks.detail.loadFailed', 'Failed to load task')}
+            action={
+              <Button asChild variant="outline" size="sm">
+                <Link href="/backend/tasks">{t('workflows.tasks.detail.backToList', 'Back to Tasks')}</Link>
+              </Button>
+            }
+          />
         </PageBody>
       </Page>
     )

package/src/modules/workflows/i18n/de.json

@@ -1007,6 +1007,7 @@
   "workflows.tasks.detail.commentsPlaceholder": "Fügen Sie Kommentare oder Anmerkungen zu dieser Aufgabe hinzu…",
   "workflows.tasks.detail.completeTask": "Aufgabe abschließen",
   "workflows.tasks.detail.form.selectOption": "-- Option auswählen --",
+  "workflows.tasks.detail.loadFailed": "Aufgabe konnte nicht geladen werden",
   "workflows.tasks.detail.loading": "Aufgabe wird geladen…",
   "workflows.tasks.detail.noFormSchema": "Diese Aufgabe hat kein auszufüllendes Formular. Sie können optionale Kommentare hinzufügen und absenden.",
   "workflows.tasks.detail.notFound": "Aufgabe nicht gefunden",

package/src/modules/workflows/i18n/en.json

@@ -1007,6 +1007,7 @@
   "workflows.tasks.detail.commentsPlaceholder": "Add any comments or notes about this task...",
   "workflows.tasks.detail.completeTask": "Complete Task",
   "workflows.tasks.detail.form.selectOption": "-- Select an option --",
+  "workflows.tasks.detail.loadFailed": "Failed to load task",
   "workflows.tasks.detail.loading": "Loading task...",
   "workflows.tasks.detail.noFormSchema": "This task has no form to complete. You can add optional comments and submit.",
   "workflows.tasks.detail.notFound": "Task not found",

package/src/modules/workflows/i18n/es.json

@@ -1007,6 +1007,7 @@
   "workflows.tasks.detail.commentsPlaceholder": "Agrega comentarios o notas sobre esta tarea...",
   "workflows.tasks.detail.completeTask": "Completar tarea",
   "workflows.tasks.detail.form.selectOption": "-- Selecciona una opcion --",
+  "workflows.tasks.detail.loadFailed": "Error al cargar la tarea",
   "workflows.tasks.detail.loading": "Cargando tarea...",
   "workflows.tasks.detail.noFormSchema": "Esta tarea no tiene formulario. Puedes agregar comentarios opcionales y enviar.",
   "workflows.tasks.detail.notFound": "Tarea no encontrada",

package/src/modules/workflows/i18n/pl.json

@@ -1007,6 +1007,7 @@
   "workflows.tasks.detail.commentsPlaceholder": "Dodaj komentarze lub notatki dotyczące tego zadania...",
   "workflows.tasks.detail.completeTask": "Zakończ Zadanie",
   "workflows.tasks.detail.form.selectOption": "-- Wybierz opcję --",
+  "workflows.tasks.detail.loadFailed": "Nie udało się załadować zadania",
   "workflows.tasks.detail.loading": "Ładowanie zadania...",
   "workflows.tasks.detail.noFormSchema": "To zadanie nie ma formularza do wypełnienia. Możesz dodać opcjonalne komentarze i wysłać.",
   "workflows.tasks.detail.notFound": "Zadanie nie znalezione",