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

package/dist/modules/translations/commands/translations.js

@@ -30,31 +30,34 @@ const saveTranslationCommand = {
   },
   async execute(input, ctx) {
     const db = resolveDb(ctx);
-    const existing = await db.selectFrom("entity_translations").select(["id"]).where("entity_type", "=", input.entityType).where("entity_id", "=", input.entityId).where(sql`tenant_id is not distinct from ${input.tenantId}`).where(sql`organization_id is not distinct from ${input.organizationId}`).executeTakeFirst();
-    if (existing) {
-      await db.updateTable("entity_translations").set({
-        translations: sql`${JSON.stringify(input.translations)}::jsonb`,
-        updated_at: sql`now()`
-      }).where("id", "=", existing.id).execute();
-    } else {
-      await db.insertInto("entity_translations").values({
-        entity_type: input.entityType,
-        entity_id: input.entityId,
-        organization_id: input.organizationId,
-        tenant_id: input.tenantId,
-        translations: sql`${JSON.stringify(input.translations)}::jsonb`,
-        created_at: sql`now()`,
-        updated_at: sql`now()`
-      }).execute();
-    }
+    const rowId = await db.transaction().execute(async (trx) => {
+      const existing = await trx.selectFrom("entity_translations").select(["id"]).where("entity_type", "=", input.entityType).where("entity_id", "=", input.entityId).where(sql`tenant_id is not distinct from ${input.tenantId}`).where(sql`organization_id is not distinct from ${input.organizationId}`).executeTakeFirst();
+      if (existing) {
+        await trx.updateTable("entity_translations").set({
+          translations: sql`${JSON.stringify(input.translations)}::jsonb`,
+          updated_at: sql`now()`
+        }).where("id", "=", existing.id).execute();
+      } else {
+        await trx.insertInto("entity_translations").values({
+          entity_type: input.entityType,
+          entity_id: input.entityId,
+          organization_id: input.organizationId,
+          tenant_id: input.tenantId,
+          translations: sql`${JSON.stringify(input.translations)}::jsonb`,
+          created_at: sql`now()`,
+          updated_at: sql`now()`
+        }).execute();
+      }
+      const saved = await trx.selectFrom("entity_translations").select(["id"]).where("entity_type", "=", input.entityType).where("entity_id", "=", input.entityId).where(sql`tenant_id is not distinct from ${input.tenantId}`).where(sql`organization_id is not distinct from ${input.organizationId}`).executeTakeFirst();
+      return saved?.id ?? "";
+    });
     await emitTranslationsEvent("translations.translation.updated", {
       entityType: input.entityType,
       entityId: input.entityId,
       organizationId: input.organizationId,
       tenantId: input.tenantId
     }, { persistent: true }).catch(() => void 0);
-    const saved = await db.selectFrom("entity_translations").select(["id"]).where("entity_type", "=", input.entityType).where("entity_id", "=", input.entityId).where(sql`tenant_id is not distinct from ${input.tenantId}`).where(sql`organization_id is not distinct from ${input.organizationId}`).executeTakeFirst();
-    return { rowId: saved?.id ?? "" };
+    return { rowId };
   },
   async captureAfter(input, _result, ctx) {
     const db = resolveDb(ctx);

package/dist/modules/translations/commands/translations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/translations/commands/translations.ts"],
-  "sourcesContent": ["import { registerCommand } from '@open-mercato/shared/lib/commands'\nimport type { CommandHandler, CommandRuntimeContext } from '@open-mercato/shared/lib/commands'\nimport { ensureTenantScope } from '@open-mercato/shared/lib/commands/scope'\nimport { extractUndoPayload } from '@open-mercato/shared/lib/commands/undo'\nimport { resolveTranslations } from '@open-mercato/shared/lib/i18n/server'\nimport { type Kysely, sql } from 'kysely'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { emitTranslationsEvent } from '../events'\n\ntype TranslationSnapshot = {\n  id: string | null\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, string | null>> | null\n  organizationId: string | null\n  tenantId: string\n}\n\ntype TranslationUndoPayload = {\n  before?: TranslationSnapshot | null\n  after?: TranslationSnapshot | null\n}\n\ntype SaveInput = {\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, string | null>>\n  organizationId: string | null\n  tenantId: string\n}\n\ntype DeleteInput = {\n  entityType: string\n  entityId: string\n  organizationId: string | null\n  tenantId: string\n}\n\nfunction resolveDb(ctx: CommandRuntimeContext): Kysely<any> {\n  const em = ctx.container.resolve('em') as EntityManager\n  return em.getKysely<any>()\n}\n\nasync function loadTranslationSnapshot(\n  db: Kysely<any>,\n  entityType: string,\n  entityId: string,\n  tenantId: string,\n  organizationId: string | null,\n): Promise<TranslationSnapshot | null> {\n  const row = await (db as any)\n    .selectFrom('entity_translations')\n    .selectAll()\n    .where('entity_type', '=', entityType)\n    .where('entity_id', '=', entityId)\n    .where(sql<boolean>`tenant_id is not distinct from ${tenantId}`)\n    .where(sql<boolean>`organization_id is not distinct from ${organizationId}`)\n    .executeTakeFirst() as Record<string, any> | undefined\n\n  if (!row) return null\n  return {\n    id: row.id,\n    entityType: row.entity_type,\n    entityId: row.entity_id,\n    translations: row.translations ?? null,\n    organizationId: row.organization_id ?? null,\n    tenantId: row.tenant_id,\n  }\n}\n\nconst saveTranslationCommand: CommandHandler<SaveInput, { rowId: string }> = {\n  id: 'translations.translation.save',\n\n  async prepare(input, ctx) {\n    ensureTenantScope(ctx, input.tenantId)\n    const db = resolveDb(ctx)\n    const snapshot = await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n    return { before: snapshot }\n  },\n\n  async execute(input, ctx) {\n    const db = resolveDb(ctx) as any\n    const existing = await db\n      .selectFrom('entity_translations')\n      .select(['id'])\n      .where('entity_type', '=', input.entityType)\n      .where('entity_id', '=', input.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n      .executeTakeFirst() as { id: string } | undefined\n\n    if (existing) {\n      await db\n        .updateTable('entity_translations')\n        .set({\n          translations: sql`${JSON.stringify(input.translations)}::jsonb`,\n          updated_at: sql`now()`,\n        } as any)\n        .where('id', '=', existing.id)\n        .execute()\n    } else {\n      await db\n        .insertInto('entity_translations')\n        .values({\n          entity_type: input.entityType,\n          entity_id: input.entityId,\n          organization_id: input.organizationId,\n          tenant_id: input.tenantId,\n          translations: sql`${JSON.stringify(input.translations)}::jsonb`,\n          created_at: sql`now()`,\n          updated_at: sql`now()`,\n        } as any)\n        .execute()\n    }\n\n    await emitTranslationsEvent('translations.translation.updated', {\n      entityType: input.entityType,\n      entityId: input.entityId,\n      organizationId: input.organizationId,\n      tenantId: input.tenantId,\n    }, { persistent: true }).catch(() => undefined)\n\n    const saved = await db\n      .selectFrom('entity_translations')\n      .select(['id'])\n      .where('entity_type', '=', input.entityType)\n      .where('entity_id', '=', input.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n      .executeTakeFirst() as { id: string } | undefined\n\n    return { rowId: saved?.id ?? '' }\n  },\n\n  async captureAfter(input, _result, ctx) {\n    const db = resolveDb(ctx)\n    return await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n  },\n\n  async buildLog({ snapshots, result }) {\n    const { translate } = await resolveTranslations()\n    const before = snapshots.before as TranslationSnapshot | null | undefined\n    const after = snapshots.after as TranslationSnapshot | null | undefined\n    return {\n      actionLabel: translate('translations.audit.save', 'Save translation'),\n      resourceKind: 'translations.translation',\n      resourceId: result.rowId,\n      tenantId: after?.tenantId ?? before?.tenantId ?? null,\n      organizationId: after?.organizationId ?? before?.organizationId ?? null,\n      snapshotBefore: before ?? null,\n      snapshotAfter: after ?? null,\n      payload: {\n        undo: { before: before ?? null, after: after ?? null } satisfies TranslationUndoPayload,\n      },\n    }\n  },\n\n  async undo({ logEntry, ctx }) {\n    const payload = extractUndoPayload<TranslationUndoPayload>(logEntry)\n    const before = payload?.before ?? null\n    const db = resolveDb(ctx) as any\n\n    if (!before || !before.translations) {\n      // Was a create \u2014 delete the record\n      const resourceId = logEntry?.resourceId\n      if (resourceId) {\n        await db.deleteFrom('entity_translations').where('id', '=', resourceId).execute()\n      }\n    } else {\n      // Was an update \u2014 restore previous translations\n      const existing = await db\n        .selectFrom('entity_translations')\n        .select(['id'])\n        .where('entity_type', '=', before.entityType)\n        .where('entity_id', '=', before.entityId)\n        .where(sql<boolean>`tenant_id is not distinct from ${before.tenantId}`)\n        .where(sql<boolean>`organization_id is not distinct from ${before.organizationId}`)\n        .executeTakeFirst() as { id: string } | undefined\n\n      if (existing) {\n        await db\n          .updateTable('entity_translations')\n          .set({\n            translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n            updated_at: sql`now()`,\n          } as any)\n          .where('id', '=', existing.id)\n          .execute()\n      } else {\n        await db\n          .insertInto('entity_translations')\n          .values({\n            entity_type: before.entityType,\n            entity_id: before.entityId,\n            organization_id: before.organizationId,\n            tenant_id: before.tenantId,\n            translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n            created_at: sql`now()`,\n            updated_at: sql`now()`,\n          } as any)\n          .execute()\n      }\n    }\n  },\n}\n\nconst deleteTranslationCommand: CommandHandler<DeleteInput, { deleted: boolean }> = {\n  id: 'translations.translation.delete',\n\n  async prepare(input, ctx) {\n    ensureTenantScope(ctx, input.tenantId)\n    const db = resolveDb(ctx)\n    const snapshot = await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n    return { before: snapshot }\n  },\n\n  async execute(input, ctx) {\n    const db = resolveDb(ctx) as any\n    const result = await db\n      .deleteFrom('entity_translations')\n      .where('entity_type', '=', input.entityType)\n      .where('entity_id', '=', input.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n      .executeTakeFirst() as { numDeletedRows?: bigint | number } | undefined\n    const count = Number(result?.numDeletedRows ?? 0)\n\n    await emitTranslationsEvent('translations.translation.deleted', {\n      entityType: input.entityType,\n      entityId: input.entityId,\n      organizationId: input.organizationId,\n      tenantId: input.tenantId,\n    }, { persistent: true }).catch(() => undefined)\n\n    return { deleted: count > 0 }\n  },\n\n  async buildLog({ snapshots }) {\n    const before = snapshots.before as TranslationSnapshot | null | undefined\n    if (!before) return null\n    const { translate } = await resolveTranslations()\n    return {\n      actionLabel: translate('translations.audit.delete', 'Delete translation'),\n      resourceKind: 'translations.translation',\n      resourceId: before.id ?? undefined,\n      tenantId: before.tenantId,\n      organizationId: before.organizationId,\n      snapshotBefore: before,\n      payload: {\n        undo: { before } satisfies TranslationUndoPayload,\n      },\n    }\n  },\n\n  async undo({ logEntry, ctx }) {\n    const payload = extractUndoPayload<TranslationUndoPayload>(logEntry)\n    const before = payload?.before\n    if (!before || !before.translations) return\n    const db = resolveDb(ctx) as any\n\n    const existing = await db\n      .selectFrom('entity_translations')\n      .select(['id'])\n      .where('entity_type', '=', before.entityType)\n      .where('entity_id', '=', before.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${before.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${before.organizationId}`)\n      .executeTakeFirst() as { id: string } | undefined\n\n    if (!existing) {\n      await db\n        .insertInto('entity_translations')\n        .values({\n          entity_type: before.entityType,\n          entity_id: before.entityId,\n          organization_id: before.organizationId,\n          tenant_id: before.tenantId,\n          translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n          created_at: sql`now()`,\n          updated_at: sql`now()`,\n        } as any)\n        .execute()\n    }\n  },\n}\n\nregisterCommand(saveTranslationCommand)\nregisterCommand(deleteTranslationCommand)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { registerCommand } from '@open-mercato/shared/lib/commands'\nimport type { CommandHandler, CommandRuntimeContext } from '@open-mercato/shared/lib/commands'\nimport { ensureTenantScope } from '@open-mercato/shared/lib/commands/scope'\nimport { extractUndoPayload } from '@open-mercato/shared/lib/commands/undo'\nimport { resolveTranslations } from '@open-mercato/shared/lib/i18n/server'\nimport { type Kysely, sql } from 'kysely'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { emitTranslationsEvent } from '../events'\n\ntype TranslationSnapshot = {\n  id: string | null\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, string | null>> | null\n  organizationId: string | null\n  tenantId: string\n}\n\ntype TranslationUndoPayload = {\n  before?: TranslationSnapshot | null\n  after?: TranslationSnapshot | null\n}\n\ntype SaveInput = {\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, string | null>>\n  organizationId: string | null\n  tenantId: string\n}\n\ntype DeleteInput = {\n  entityType: string\n  entityId: string\n  organizationId: string | null\n  tenantId: string\n}\n\nfunction resolveDb(ctx: CommandRuntimeContext): Kysely<any> {\n  const em = ctx.container.resolve('em') as EntityManager\n  return em.getKysely<any>()\n}\n\nasync function loadTranslationSnapshot(\n  db: Kysely<any>,\n  entityType: string,\n  entityId: string,\n  tenantId: string,\n  organizationId: string | null,\n): Promise<TranslationSnapshot | null> {\n  const row = await (db as any)\n    .selectFrom('entity_translations')\n    .selectAll()\n    .where('entity_type', '=', entityType)\n    .where('entity_id', '=', entityId)\n    .where(sql<boolean>`tenant_id is not distinct from ${tenantId}`)\n    .where(sql<boolean>`organization_id is not distinct from ${organizationId}`)\n    .executeTakeFirst() as Record<string, any> | undefined\n\n  if (!row) return null\n  return {\n    id: row.id,\n    entityType: row.entity_type,\n    entityId: row.entity_id,\n    translations: row.translations ?? null,\n    organizationId: row.organization_id ?? null,\n    tenantId: row.tenant_id,\n  }\n}\n\nconst saveTranslationCommand: CommandHandler<SaveInput, { rowId: string }> = {\n  id: 'translations.translation.save',\n\n  async prepare(input, ctx) {\n    ensureTenantScope(ctx, input.tenantId)\n    const db = resolveDb(ctx)\n    const snapshot = await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n    return { before: snapshot }\n  },\n\n  async execute(input, ctx) {\n    const db = resolveDb(ctx) as any\n\n    // Run the lookup + upsert + id read in one transaction so a concurrent\n    // writer cannot slip between the existence check and the insert/update.\n    const rowId = await db.transaction().execute(async (trx: any) => {\n      const existing = await trx\n        .selectFrom('entity_translations')\n        .select(['id'])\n        .where('entity_type', '=', input.entityType)\n        .where('entity_id', '=', input.entityId)\n        .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n        .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n        .executeTakeFirst() as { id: string } | undefined\n\n      if (existing) {\n        await trx\n          .updateTable('entity_translations')\n          .set({\n            translations: sql`${JSON.stringify(input.translations)}::jsonb`,\n            updated_at: sql`now()`,\n          } as any)\n          .where('id', '=', existing.id)\n          .execute()\n      } else {\n        await trx\n          .insertInto('entity_translations')\n          .values({\n            entity_type: input.entityType,\n            entity_id: input.entityId,\n            organization_id: input.organizationId,\n            tenant_id: input.tenantId,\n            translations: sql`${JSON.stringify(input.translations)}::jsonb`,\n            created_at: sql`now()`,\n            updated_at: sql`now()`,\n          } as any)\n          .execute()\n      }\n\n      const saved = await trx\n        .selectFrom('entity_translations')\n        .select(['id'])\n        .where('entity_type', '=', input.entityType)\n        .where('entity_id', '=', input.entityId)\n        .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n        .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n        .executeTakeFirst() as { id: string } | undefined\n\n      return saved?.id ?? ''\n    })\n\n    // Emit AFTER the write commits \u2014 never announce a change that rolled back.\n    await emitTranslationsEvent('translations.translation.updated', {\n      entityType: input.entityType,\n      entityId: input.entityId,\n      organizationId: input.organizationId,\n      tenantId: input.tenantId,\n    }, { persistent: true }).catch(() => undefined)\n\n    return { rowId }\n  },\n\n  async captureAfter(input, _result, ctx) {\n    const db = resolveDb(ctx)\n    return await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n  },\n\n  async buildLog({ snapshots, result }) {\n    const { translate } = await resolveTranslations()\n    const before = snapshots.before as TranslationSnapshot | null | undefined\n    const after = snapshots.after as TranslationSnapshot | null | undefined\n    return {\n      actionLabel: translate('translations.audit.save', 'Save translation'),\n      resourceKind: 'translations.translation',\n      resourceId: result.rowId,\n      tenantId: after?.tenantId ?? before?.tenantId ?? null,\n      organizationId: after?.organizationId ?? before?.organizationId ?? null,\n      snapshotBefore: before ?? null,\n      snapshotAfter: after ?? null,\n      payload: {\n        undo: { before: before ?? null, after: after ?? null } satisfies TranslationUndoPayload,\n      },\n    }\n  },\n\n  async undo({ logEntry, ctx }) {\n    const payload = extractUndoPayload<TranslationUndoPayload>(logEntry)\n    const before = payload?.before ?? null\n    const db = resolveDb(ctx) as any\n\n    if (!before || !before.translations) {\n      // Was a create \u2014 delete the record\n      const resourceId = logEntry?.resourceId\n      if (resourceId) {\n        await db.deleteFrom('entity_translations').where('id', '=', resourceId).execute()\n      }\n    } else {\n      // Was an update \u2014 restore previous translations\n      const existing = await db\n        .selectFrom('entity_translations')\n        .select(['id'])\n        .where('entity_type', '=', before.entityType)\n        .where('entity_id', '=', before.entityId)\n        .where(sql<boolean>`tenant_id is not distinct from ${before.tenantId}`)\n        .where(sql<boolean>`organization_id is not distinct from ${before.organizationId}`)\n        .executeTakeFirst() as { id: string } | undefined\n\n      if (existing) {\n        await db\n          .updateTable('entity_translations')\n          .set({\n            translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n            updated_at: sql`now()`,\n          } as any)\n          .where('id', '=', existing.id)\n          .execute()\n      } else {\n        await db\n          .insertInto('entity_translations')\n          .values({\n            entity_type: before.entityType,\n            entity_id: before.entityId,\n            organization_id: before.organizationId,\n            tenant_id: before.tenantId,\n            translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n            created_at: sql`now()`,\n            updated_at: sql`now()`,\n          } as any)\n          .execute()\n      }\n    }\n  },\n}\n\nconst deleteTranslationCommand: CommandHandler<DeleteInput, { deleted: boolean }> = {\n  id: 'translations.translation.delete',\n\n  async prepare(input, ctx) {\n    ensureTenantScope(ctx, input.tenantId)\n    const db = resolveDb(ctx)\n    const snapshot = await loadTranslationSnapshot(db, input.entityType, input.entityId, input.tenantId, input.organizationId)\n    return { before: snapshot }\n  },\n\n  async execute(input, ctx) {\n    const db = resolveDb(ctx) as any\n    const result = await db\n      .deleteFrom('entity_translations')\n      .where('entity_type', '=', input.entityType)\n      .where('entity_id', '=', input.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${input.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${input.organizationId}`)\n      .executeTakeFirst() as { numDeletedRows?: bigint | number } | undefined\n    const count = Number(result?.numDeletedRows ?? 0)\n\n    await emitTranslationsEvent('translations.translation.deleted', {\n      entityType: input.entityType,\n      entityId: input.entityId,\n      organizationId: input.organizationId,\n      tenantId: input.tenantId,\n    }, { persistent: true }).catch(() => undefined)\n\n    return { deleted: count > 0 }\n  },\n\n  async buildLog({ snapshots }) {\n    const before = snapshots.before as TranslationSnapshot | null | undefined\n    if (!before) return null\n    const { translate } = await resolveTranslations()\n    return {\n      actionLabel: translate('translations.audit.delete', 'Delete translation'),\n      resourceKind: 'translations.translation',\n      resourceId: before.id ?? undefined,\n      tenantId: before.tenantId,\n      organizationId: before.organizationId,\n      snapshotBefore: before,\n      payload: {\n        undo: { before } satisfies TranslationUndoPayload,\n      },\n    }\n  },\n\n  async undo({ logEntry, ctx }) {\n    const payload = extractUndoPayload<TranslationUndoPayload>(logEntry)\n    const before = payload?.before\n    if (!before || !before.translations) return\n    const db = resolveDb(ctx) as any\n\n    const existing = await db\n      .selectFrom('entity_translations')\n      .select(['id'])\n      .where('entity_type', '=', before.entityType)\n      .where('entity_id', '=', before.entityId)\n      .where(sql<boolean>`tenant_id is not distinct from ${before.tenantId}`)\n      .where(sql<boolean>`organization_id is not distinct from ${before.organizationId}`)\n      .executeTakeFirst() as { id: string } | undefined\n\n    if (!existing) {\n      await db\n        .insertInto('entity_translations')\n        .values({\n          entity_type: before.entityType,\n          entity_id: before.entityId,\n          organization_id: before.organizationId,\n          tenant_id: before.tenantId,\n          translations: sql`${JSON.stringify(before.translations)}::jsonb`,\n          created_at: sql`now()`,\n          updated_at: sql`now()`,\n        } as any)\n        .execute()\n    }\n  },\n}\n\nregisterCommand(saveTranslationCommand)\nregisterCommand(deleteTranslationCommand)\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/events/[id]/page.js

@@ -10,6 +10,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";
 function WorkflowEventDetailPage() {
   const router = useRouter();
   const params = useParams();
@@ -25,8 +26,11 @@ function WorkflowEventDetailPage() {
     queryFn: async () => {
       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")
+        );
+        httpErr.status = response.status;
+        throw httpErr;
       }
       const result = await response.json();
       return result;
@@ -39,11 +43,25 @@ function WorkflowEventDetailPage() {
       /* @__PURE__ */ jsx("span", { children: t("workflows.common.loading") })
     ] }) }) });
   }
+  const isNotFound = !isLoading && error?.status === 404;
+  if (isNotFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: t("workflows.events.notFound", "Event not found."),
+        backHref: "/backend/events",
+        backLabel: t("workflows.events.backToList", "Back to Events")
+      }
+    ) }) });
+  }
   if (error || !event) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("p", { children: error ? t("workflows.events.messages.loadFailed") : t("workflows.events.notFound") }),
-      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: "/backend/events", children: t("workflows.events.backToList") }) })
-    ] }) }) });
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: error?.message ?? t("workflows.events.messages.loadFailed"),
+        action: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: "/backend/events", children: t("workflows.events.backToList", "Back to Events") }) })
+      }
+    ) }) });
   }
   const getEventTypeBadgeClass = (eventType) => {
     if (eventType.includes("STARTED")) return "bg-blue-100 text-blue-800";

package/dist/modules/workflows/backend/events/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/events/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams, useRouter } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\n\ntype WorkflowEvent = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string | null\n  eventType: string\n  eventData: any\n  occurredAt: string\n  userId: string | null\n  tenantId: string\n  organizationId: string\n  workflowInstance: {\n    id: string\n    workflowId: string\n    version: number\n    status: string\n    currentStepId: string\n    correlationKey: string | null\n    startedAt: string | null\n    completedAt: string | null\n    context: any\n  } | null\n}\n\nexport default function WorkflowEventDetailPage() {\n  const router = useRouter()\n  const params = useParams()\n  const t = useT()\n\n  // Handle both {id: '17'} and {slug: ['events', '17']} formats\n  let eventId: string | undefined\n  if (params?.id) {\n    eventId = Array.isArray(params.id) ? params.id[0] : params.id\n  } else if (params?.slug && Array.isArray(params.slug)) {\n    // If slug is ['events', '17'], extract '17'\n    eventId = params.slug[params.slug.length - 1]\n  }\n\n  const { data: event, isLoading, error } = useQuery({\n    queryKey: ['workflows', 'events', eventId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/events/${eventId}`)\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}))\n        throw new Error(t('workflows.events.messages.loadFailed'))\n      }\n      const result = await response.json()\n      return result as WorkflowEvent\n    },\n    enabled: !!eventId,\n  })\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('workflows.common.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !event) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <p>{error ? t('workflows.events.messages.loadFailed') : t('workflows.events.notFound')}</p>\n            <Button asChild variant=\"outline\">\n              <Link href=\"/backend/events\">\n                {t('workflows.events.backToList')}\n              </Link>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const getEventTypeBadgeClass = (eventType: string) => {\n    if (eventType.includes('STARTED')) return 'bg-blue-100 text-blue-800'\n    if (eventType.includes('COMPLETED')) return 'bg-green-100 text-green-800'\n    if (eventType.includes('FAILED') || eventType.includes('REJECTED')) return 'bg-red-100 text-red-800'\n    if (eventType.includes('CANCELLED')) return 'bg-muted text-foreground'\n    if (eventType.includes('ENTERED') || eventType.includes('EXITED')) return 'bg-purple-100 text-purple-800'\n    return 'bg-muted text-foreground'\n  }\n\n  const getStatusBadgeClass = (status: string) => {\n    switch (status) {\n      case 'COMPLETED':\n        return 'bg-green-100 text-green-800'\n      case 'RUNNING':\n        return 'bg-blue-100 text-blue-800'\n      case 'FAILED':\n        return 'bg-red-100 text-red-800'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-foreground'\n    }\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/events\"\n            backLabel={t('workflows.events.backToList', 'Back to events')}\n            entityTypeLabel={t('workflows.events.detail.type', 'Workflow event')}\n            title={\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span>{event.eventType}</span>\n                <span className=\"font-mono text-sm text-muted-foreground\">#{event.id.slice(0, 8)}</span>\n              </div>\n            }\n            statusBadge={\n              <span\n                className={`inline-flex items-center px-3 py-1 rounded text-sm font-medium ${getEventTypeBadgeClass(event.eventType)}`}\n              >\n                {event.eventType}\n              </span>\n            }\n          />\n\n          {/* Event Summary */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.events.detail.summary')}\n            </h2>\n            <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.occurredAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {new Date(event.occurredAt).toLocaleString()}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.eventType')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <span\n                    className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getEventTypeBadgeClass(\n                      event.eventType\n                    )}`}\n                  >\n                    {event.eventType}\n                  </span>\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.userId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.userId || t('common.none')}\n                </dd>\n              </div>\n              {event.stepInstanceId && (\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.events.detail.stepInstanceId')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.stepInstanceId}\n                  </dd>\n                </div>\n              )}\n            </dl>\n          </div>\n\n          {/* Workflow Instance Information */}\n          {event.workflowInstance && (\n            <div className=\"rounded-lg border bg-card p-6\">\n              <h2 className=\"text-lg font-semibold mb-4\">\n                {t('workflows.events.detail.workflowInstance')}\n              </h2>\n              <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.instanceId')}\n                  </dt>\n                  <dd className=\"mt-1\">\n                    <Link\n                      href={`/backend/instances/${event.workflowInstance.id}`}\n                      className=\"text-sm text-primary hover:underline font-mono\"\n                    >\n                      {event.workflowInstance.id}\n                    </Link>\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.status')}\n                  </dt>\n                  <dd className=\"mt-1\">\n                    <span\n                      className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(\n                        event.workflowInstance.status\n                      )}`}\n                    >\n                      {event.workflowInstance.status}\n                    </span>\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.workflowId')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.workflowInstance.workflowId}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.version')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground\">\n                    {event.workflowInstance.version}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.currentStep')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.workflowInstance.currentStepId}\n                  </dd>\n                </div>\n                {event.workflowInstance.correlationKey && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.correlationKey')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                      {event.workflowInstance.correlationKey}\n                    </dd>\n                  </div>\n                )}\n                {event.workflowInstance.startedAt && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.startedAt')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground\">\n                      {new Date(event.workflowInstance.startedAt).toLocaleString()}\n                    </dd>\n                  </div>\n                )}\n                {event.workflowInstance.completedAt && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.completedAt')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground\">\n                      {new Date(event.workflowInstance.completedAt).toLocaleString()}\n                    </dd>\n                  </div>\n                )}\n              </dl>\n            </div>\n          )}\n\n          {/* Event Data */}\n          <JsonDisplay\n            data={event.eventData}\n            title={t('workflows.events.detail.eventData')}\n          />\n\n          {/* Workflow Context (if available) */}\n          {event.workflowInstance?.context && (\n            <JsonDisplay\n              data={event.workflowInstance.context}\n              title={t('workflows.events.detail.workflowContext')}\n            />\n          )}\n\n          {/* Technical Details */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.events.detail.technicalDetails')}\n            </h2>\n            <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.detail.tenantId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.tenantId}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.detail.organizationId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.organizationId}\n                </dd>\n              </div>\n            </dl>\n          </div>\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams, useRouter } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype WorkflowEvent = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string | null\n  eventType: string\n  eventData: any\n  occurredAt: string\n  userId: string | null\n  tenantId: string\n  organizationId: string\n  workflowInstance: {\n    id: string\n    workflowId: string\n    version: number\n    status: string\n    currentStepId: string\n    correlationKey: string | null\n    startedAt: string | null\n    completedAt: string | null\n    context: any\n  } | null\n}\n\nexport default function WorkflowEventDetailPage() {\n  const router = useRouter()\n  const params = useParams()\n  const t = useT()\n\n  // Handle both {id: '17'} and {slug: ['events', '17']} formats\n  let eventId: string | undefined\n  if (params?.id) {\n    eventId = Array.isArray(params.id) ? params.id[0] : params.id\n  } else if (params?.slug && Array.isArray(params.slug)) {\n    // If slug is ['events', '17'], extract '17'\n    eventId = params.slug[params.slug.length - 1]\n  }\n\n  const { data: event, isLoading, error } = useQuery({\n    queryKey: ['workflows', 'events', eventId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/events/${eventId}`)\n\n      if (!response.ok) {\n        const httpErr = new Error(\n          response.status === 404\n            ? t('workflows.events.notFound', 'Event not found.')\n            : t('workflows.events.messages.loadFailed')\n        ) as Error & { status: number }\n        httpErr.status = response.status\n        throw httpErr\n      }\n      const result = await response.json()\n      return result as WorkflowEvent\n    },\n    enabled: !!eventId,\n  })\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('workflows.common.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const isNotFound = !isLoading && (error as (Error & { status?: number }) | null)?.status === 404\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.events.notFound', 'Event not found.')}\n            backHref=\"/backend/events\"\n            backLabel={t('workflows.events.backToList', 'Back to Events')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !event) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={(error as Error | null)?.message ?? t('workflows.events.messages.loadFailed')}\n            action={\n              <Button asChild variant=\"outline\" size=\"sm\">\n                <Link href=\"/backend/events\">{t('workflows.events.backToList', 'Back to Events')}</Link>\n              </Button>\n            }\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const getEventTypeBadgeClass = (eventType: string) => {\n    if (eventType.includes('STARTED')) return 'bg-blue-100 text-blue-800'\n    if (eventType.includes('COMPLETED')) return 'bg-green-100 text-green-800'\n    if (eventType.includes('FAILED') || eventType.includes('REJECTED')) return 'bg-red-100 text-red-800'\n    if (eventType.includes('CANCELLED')) return 'bg-muted text-foreground'\n    if (eventType.includes('ENTERED') || eventType.includes('EXITED')) return 'bg-purple-100 text-purple-800'\n    return 'bg-muted text-foreground'\n  }\n\n  const getStatusBadgeClass = (status: string) => {\n    switch (status) {\n      case 'COMPLETED':\n        return 'bg-green-100 text-green-800'\n      case 'RUNNING':\n        return 'bg-blue-100 text-blue-800'\n      case 'FAILED':\n        return 'bg-red-100 text-red-800'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-foreground'\n    }\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/events\"\n            backLabel={t('workflows.events.backToList', 'Back to events')}\n            entityTypeLabel={t('workflows.events.detail.type', 'Workflow event')}\n            title={\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span>{event.eventType}</span>\n                <span className=\"font-mono text-sm text-muted-foreground\">#{event.id.slice(0, 8)}</span>\n              </div>\n            }\n            statusBadge={\n              <span\n                className={`inline-flex items-center px-3 py-1 rounded text-sm font-medium ${getEventTypeBadgeClass(event.eventType)}`}\n              >\n                {event.eventType}\n              </span>\n            }\n          />\n\n          {/* Event Summary */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.events.detail.summary')}\n            </h2>\n            <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.occurredAt')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground\">\n                  {new Date(event.occurredAt).toLocaleString()}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.eventType')}\n                </dt>\n                <dd className=\"mt-1\">\n                  <span\n                    className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getEventTypeBadgeClass(\n                      event.eventType\n                    )}`}\n                  >\n                    {event.eventType}\n                  </span>\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.fields.userId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.userId || t('common.none')}\n                </dd>\n              </div>\n              {event.stepInstanceId && (\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.events.detail.stepInstanceId')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.stepInstanceId}\n                  </dd>\n                </div>\n              )}\n            </dl>\n          </div>\n\n          {/* Workflow Instance Information */}\n          {event.workflowInstance && (\n            <div className=\"rounded-lg border bg-card p-6\">\n              <h2 className=\"text-lg font-semibold mb-4\">\n                {t('workflows.events.detail.workflowInstance')}\n              </h2>\n              <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.instanceId')}\n                  </dt>\n                  <dd className=\"mt-1\">\n                    <Link\n                      href={`/backend/instances/${event.workflowInstance.id}`}\n                      className=\"text-sm text-primary hover:underline font-mono\"\n                    >\n                      {event.workflowInstance.id}\n                    </Link>\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.status')}\n                  </dt>\n                  <dd className=\"mt-1\">\n                    <span\n                      className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(\n                        event.workflowInstance.status\n                      )}`}\n                    >\n                      {event.workflowInstance.status}\n                    </span>\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.workflowId')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.workflowInstance.workflowId}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.version')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground\">\n                    {event.workflowInstance.version}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-sm font-medium text-muted-foreground\">\n                    {t('workflows.instances.fields.currentStep')}\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                    {event.workflowInstance.currentStepId}\n                  </dd>\n                </div>\n                {event.workflowInstance.correlationKey && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.correlationKey')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                      {event.workflowInstance.correlationKey}\n                    </dd>\n                  </div>\n                )}\n                {event.workflowInstance.startedAt && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.startedAt')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground\">\n                      {new Date(event.workflowInstance.startedAt).toLocaleString()}\n                    </dd>\n                  </div>\n                )}\n                {event.workflowInstance.completedAt && (\n                  <div>\n                    <dt className=\"text-sm font-medium text-muted-foreground\">\n                      {t('workflows.instances.fields.completedAt')}\n                    </dt>\n                    <dd className=\"mt-1 text-sm text-foreground\">\n                      {new Date(event.workflowInstance.completedAt).toLocaleString()}\n                    </dd>\n                  </div>\n                )}\n              </dl>\n            </div>\n          )}\n\n          {/* Event Data */}\n          <JsonDisplay\n            data={event.eventData}\n            title={t('workflows.events.detail.eventData')}\n          />\n\n          {/* Workflow Context (if available) */}\n          {event.workflowInstance?.context && (\n            <JsonDisplay\n              data={event.workflowInstance.context}\n              title={t('workflows.events.detail.workflowContext')}\n            />\n          )}\n\n          {/* Technical Details */}\n          <div className=\"rounded-lg border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold mb-4\">\n              {t('workflows.events.detail.technicalDetails')}\n            </h2>\n            <dl className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.detail.tenantId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.tenantId}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-sm font-medium text-muted-foreground\">\n                  {t('workflows.events.detail.organizationId')}\n                </dt>\n                <dd className=\"mt-1 text-sm text-foreground font-mono\">\n                  {event.organizationId}\n                </dd>\n              </div>\n            </dl>\n          </div>\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/instances/[id]/page.js

@@ -17,6 +17,7 @@ import { WorkflowLegend } from "../../../components/WorkflowLegend.js";
 import { MobileInstanceOverview } from "../../../components/mobile/MobileInstanceOverview.js";
 import { useIsMobile } from "@open-mercato/ui/hooks/useIsMobile";
 import { definitionToGraph } from "../../../lib/graph-utils.js";
+import { RecordNotFoundState, ErrorMessage } from "@open-mercato/ui/backend/detail";
 function WorkflowInstanceDetailPage({ params }) {
   const id = params?.id;
   const t = useT();
@@ -28,7 +29,11 @@ function WorkflowInstanceDetailPage({ params }) {
     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.")
+        );
+        httpErr.status = response.status;
+        throw httpErr;
       }
       const data = await response.json();
       return data.data;
@@ -330,12 +335,29 @@ function WorkflowInstanceDetailPage({ params }) {
       ConfirmDialogElement
     ] });
   }
+  const isNotFound = !isLoading && error?.status === 404;
+  if (isNotFound) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+        RecordNotFoundState,
+        {
+          label: t("workflows.instances.detail.notFound", "Workflow instance not found."),
+          backHref: "/backend/instances",
+          backLabel: t("workflows.instances.actions.backToList", "Back to instances")
+        }
+      ) }),
+      ConfirmDialogElement
+    ] });
+  }
   if (error || !instance) {
     return /* @__PURE__ */ jsxs(Page, { children: [
-      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx("p", { children: error ? t("workflows.instances.loadFailed") : t("workflows.instances.detail.notFound") || "Workflow instance not found." }),
-        /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: "/backend/instances", children: t("workflows.instances.actions.backToList") || "Back to instances" }) })
-      ] }) }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+        ErrorMessage,
+        {
+          label: error?.message ?? t("workflows.instances.loadFailed", "Failed to load workflow instance."),
+          action: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: "/backend/instances", children: t("workflows.instances.actions.backToList", "Back to instances") }) })
+        }
+      ) }),
       ConfirmDialogElement
     ] });
   }