@open-mercato/core 0.6.5-develop.4534.1.b459babe6d → 0.6.5-develop.4544.1.71c003c861

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

@@ -8,8 +8,9 @@ import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { apiFetch, withScopedApiHeaders } from "@open-mercato/ui/backend/utils/api";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
-import { apiFetch } from "@open-mercato/ui/backend/utils/api";
 import { readJsonSafe } from "@open-mercato/ui/backend/utils/serverErrors";
 import { formatWorkflowValidationError } from "../../../lib/format-validation-error.js";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -81,16 +82,23 @@ function EditWorkflowDefinitionPage() {
   });
   const handleSubmit = async (values) => {
     const payload = buildWorkflowPayload({ ...values, triggers });
+    const optimisticLockHeader = buildOptimisticLockHeader(
+      typeof definition?.updatedAt === "string" ? definition.updatedAt : null
+    );
     await runMutation({
       operation: async () => {
-        const response = await apiFetch(`/api/workflows/definitions/${definitionId}`, {
+        const updateDefinition = () => apiFetch(`/api/workflows/definitions/${definitionId}`, {
           method: "PUT",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
         });
+        const response = Object.keys(optimisticLockHeader).length > 0 ? await withScopedApiHeaders(optimisticLockHeader, updateDefinition) : await updateDefinition();
         if (!response.ok) {
           const errorBody = await readJsonSafe(response, null);
-          throw new Error(formatWorkflowValidationError(errorBody, t("workflows.errors.updateFailed")));
+          throw Object.assign(
+            new Error(formatWorkflowValidationError(errorBody, t("workflows.errors.updateFailed"))),
+            { status: response.status, ...errorBody ?? {} }
+          );
         }
         return response;
       },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/workflows/backend/definitions/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useParams } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { formatWorkflowValidationError } from '../../../lib/format-validation-error'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport {\n  workflowDefinitionFormSchema,\n  createFormGroups,\n  createFieldDefinitions,\n  parseWorkflowToFormValues,\n  buildWorkflowPayload,\n  type WorkflowDefinitionFormValues,\n} from '../../../components/formConfig'\nimport { StepsEditor } from '../../../components/StepsEditor'\nimport { TransitionsEditor } from '../../../components/TransitionsEditor'\nimport { DefinitionTriggersEditor } from '../../../components/DefinitionTriggersEditor'\nimport { MobileDefinitionDetail } from '../../../components/mobile/MobileDefinitionDetail'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport type { WorkflowDefinitionTrigger } from '../../../data/entities'\n\nexport default function EditWorkflowDefinitionPage() {\n  const router = useRouter()\n  const params = useParams()\n  const t = useT()\n  const isMobile = useIsMobile()\n\n  // Handle catch-all route: params.slug = ['definitions', 'uuid']\n  let definitionId: string | undefined\n  if (params?.slug && Array.isArray(params.slug)) {\n    definitionId = params.slug[1] // Second element is the ID\n  } else if (params?.id) {\n    definitionId = Array.isArray(params.id) ? params.id[0] : params.id\n  }\n\n  const { data: definition, isLoading, error } = useQuery({\n    queryKey: ['workflow-definition', definitionId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/definitions/${definitionId}`)\n      if (!response.ok) {\n        const err = new Error(t('workflows.errors.fetchFailed')) as Error & { status?: number }\n        err.status = response.status\n        throw err\n      }\n      const result = await response.json()\n      return result.data\n    },\n    enabled: !!definitionId,\n    retry: (failureCount, err) => {\n      if ((err as { status?: number }).status === 404) return false\n      return failureCount < 2\n    },\n  })\n\n  const isNotFound = (error as { status?: number } | null)?.status === 404\n\n  const initialValues = React.useMemo(() => {\n    if (definition) {\n      return parseWorkflowToFormValues(definition)\n    }\n    return null\n  }, [definition])\n\n  const [triggers, setTriggers] = React.useState<WorkflowDefinitionTrigger[]>([])\n\n  React.useEffect(() => {\n    setTriggers(initialValues?.triggers ?? [])\n  }, [initialValues])\n\n  const source = definition?.source as 'code' | 'code_override' | 'user' | undefined\n  const isCodeOnly = source === 'code'\n  const isCodeOverride = source === 'code_override'\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const mutationContextId = React.useMemo(\n    () => `workflows.definitions.detail:${definitionId ?? 'unknown'}`,\n    [definitionId],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<Record<string, unknown>>({\n    contextId: mutationContextId,\n  })\n\n  const handleSubmit = async (values: WorkflowDefinitionFormValues) => {\n    const payload = buildWorkflowPayload({ ...values, triggers })\n\n    await runMutation({\n      operation: async () => {\n        const response = await apiFetch(`/api/workflows/definitions/${definitionId}`, {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!response.ok) {\n          const errorBody = await readJsonSafe<{ error?: string; details?: Array<{ path?: Array<string | number>; message?: string }> }>(response, null)\n          throw new Error(formatWorkflowValidationError(errorBody, t('workflows.errors.updateFailed')))\n        }\n        return response\n      },\n      mutationPayload: { resourceId: definitionId, operation: 'update' },\n      context: {\n        formId: mutationContextId,\n        resourceKind: 'workflows.definition',\n        resourceId: definitionId,\n        operation: 'update',\n        retryLastMutation,\n      },\n    })\n\n    router.push('/backend/definitions')\n    router.refresh()\n  }\n\n  const handleCustomize = async () => {\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/customize`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.errors.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'customize' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'customize',\n          retryLastMutation,\n        },\n      })\n      if (result?.data?.id) {\n        router.push(`/backend/definitions/${result.data.id}`)\n        router.refresh()\n      }\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('workflows.errors.updateFailed')\n      flash(message, 'error')\n    }\n  }\n\n  const handleResetToCode = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.actions.resetToCode'),\n      description: t('workflows.actions.resetConfirm'),\n      confirmText: t('workflows.actions.resetToCode'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/reset-to-code`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.messages.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'reset-to-code' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'reset-to-code',\n          retryLastMutation,\n        },\n      })\n      flash(t('workflows.messages.updated'), 'success')\n      const codeId = result?.data?.id || `code:${definition?.workflowId}`\n      router.push(`/backend/definitions/${codeId}`)\n      router.refresh()\n    } catch {\n      flash(t('workflows.messages.updateFailed'), 'error')\n    }\n  }\n\n  const fields = React.useMemo(() => createFieldDefinitions(t), [t])\n\n  const formGroups = React.useMemo(\n    () => isMobile ? [] : createFormGroups(t, StepsEditor, TransitionsEditor),\n    [t, isMobile]\n  )\n\n  const navigateToVisualEditor = React.useCallback(() => {\n    router.push(`/backend/definitions/visual-editor?id=${definitionId}`)\n  }, [router, definitionId])\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.edit.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.errors.notFound', t('workflows.errors.loadFailed'))}\n            backHref=\"/backend/definitions\"\n            backLabel={t('workflows.backToList')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !definition) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={t('workflows.errors.loadFailed')} />\n          <div className=\"mt-4 flex justify-center\">\n            <Button asChild variant=\"outline\">\n              <a href=\"/backend/definitions\">{t('workflows.backToList')}</a>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (!initialValues) {\n    return null\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        {isCodeOnly && (\n          <Alert variant=\"info\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code.readonlyBanner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleCustomize}>\n                {t('workflows.actions.customize')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        {isCodeOverride && (\n          <Alert variant=\"warning\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code_override.banner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleResetToCode}>\n                {t('workflows.actions.resetToCode')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        <div className=\"mb-4 p-4 bg-status-info-bg border border-status-info-border rounded-lg flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-start gap-3\">\n            <svg className=\"w-5 h-5 text-status-info-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n            </svg>\n            <div>\n              <p className=\"text-sm font-medium text-status-info-text\">\n                {t('workflows.edit.visualEditorAvailable')}\n              </p>\n              <p className=\"text-xs text-status-info-text mt-0.5\">\n                {t('workflows.edit.visualEditorDescription')}\n              </p>\n            </div>\n          </div>\n          <Button asChild variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto border-status-info-border text-status-info-text hover:bg-status-info-bg\">\n            <a href={`/backend/definitions/visual-editor?id=${definitionId}`}>\n              {t('workflows.actions.openVisualEditor')}\n            </a>\n          </Button>\n        </div>\n        <CrudForm\n          key={definitionId}\n          title={isCodeOnly ? definition?.workflowName || t('workflows.edit.title') : t('workflows.edit.title')}\n          backHref=\"/backend/definitions\"\n          schema={workflowDefinitionFormSchema}\n          fields={fields}\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          cancelHref=\"/backend/definitions\"\n          groups={formGroups}\n          submitLabel={isCodeOnly ? t('workflows.actions.customize') : t('workflows.form.update')}\n          {...(isCodeOnly ? { readOnly: true } : {})}\n        />\n\n        {/* Mobile Steps & Transitions View */}\n        {isMobile && initialValues && (\n          <div className=\"mt-4\">\n            <MobileDefinitionDetail\n              values={initialValues}\n              onEditStep={navigateToVisualEditor}\n              onDeleteStep={navigateToVisualEditor}\n              onAddStep={navigateToVisualEditor}\n              onEditTransition={navigateToVisualEditor}\n              onDeleteTransition={navigateToVisualEditor}\n              onAddTransition={navigateToVisualEditor}\n            />\n          </div>\n        )}\n\n        {/* Event Triggers Section */}\n        <div className=\"mt-8\">\n          <DefinitionTriggersEditor\n            value={triggers}\n            onChange={setTriggers}\n          />\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useParams } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { apiFetch, withScopedApiHeaders } from '@open-mercato/ui/backend/utils/api'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { formatWorkflowValidationError } from '../../../lib/format-validation-error'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport {\n  workflowDefinitionFormSchema,\n  createFormGroups,\n  createFieldDefinitions,\n  parseWorkflowToFormValues,\n  buildWorkflowPayload,\n  type WorkflowDefinitionFormValues,\n} from '../../../components/formConfig'\nimport { StepsEditor } from '../../../components/StepsEditor'\nimport { TransitionsEditor } from '../../../components/TransitionsEditor'\nimport { DefinitionTriggersEditor } from '../../../components/DefinitionTriggersEditor'\nimport { MobileDefinitionDetail } from '../../../components/mobile/MobileDefinitionDetail'\nimport { useIsMobile } from '@open-mercato/ui/hooks/useIsMobile'\nimport type { WorkflowDefinitionTrigger } from '../../../data/entities'\n\nexport default function EditWorkflowDefinitionPage() {\n  const router = useRouter()\n  const params = useParams()\n  const t = useT()\n  const isMobile = useIsMobile()\n\n  // Handle catch-all route: params.slug = ['definitions', 'uuid']\n  let definitionId: string | undefined\n  if (params?.slug && Array.isArray(params.slug)) {\n    definitionId = params.slug[1] // Second element is the ID\n  } else if (params?.id) {\n    definitionId = Array.isArray(params.id) ? params.id[0] : params.id\n  }\n\n  const { data: definition, isLoading, error } = useQuery({\n    queryKey: ['workflow-definition', definitionId],\n    queryFn: async () => {\n      const response = await apiFetch(`/api/workflows/definitions/${definitionId}`)\n      if (!response.ok) {\n        const err = new Error(t('workflows.errors.fetchFailed')) as Error & { status?: number }\n        err.status = response.status\n        throw err\n      }\n      const result = await response.json()\n      return result.data\n    },\n    enabled: !!definitionId,\n    retry: (failureCount, err) => {\n      if ((err as { status?: number }).status === 404) return false\n      return failureCount < 2\n    },\n  })\n\n  const isNotFound = (error as { status?: number } | null)?.status === 404\n\n  const initialValues = React.useMemo(() => {\n    if (definition) {\n      return parseWorkflowToFormValues(definition)\n    }\n    return null\n  }, [definition])\n\n  const [triggers, setTriggers] = React.useState<WorkflowDefinitionTrigger[]>([])\n\n  React.useEffect(() => {\n    setTriggers(initialValues?.triggers ?? [])\n  }, [initialValues])\n\n  const source = definition?.source as 'code' | 'code_override' | 'user' | undefined\n  const isCodeOnly = source === 'code'\n  const isCodeOverride = source === 'code_override'\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const mutationContextId = React.useMemo(\n    () => `workflows.definitions.detail:${definitionId ?? 'unknown'}`,\n    [definitionId],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<Record<string, unknown>>({\n    contextId: mutationContextId,\n  })\n\n  const handleSubmit = async (values: WorkflowDefinitionFormValues) => {\n    const payload = buildWorkflowPayload({ ...values, triggers })\n    const optimisticLockHeader = buildOptimisticLockHeader(\n      typeof definition?.updatedAt === 'string' ? definition.updatedAt : null,\n    )\n\n    await runMutation({\n      operation: async () => {\n        const updateDefinition = () => apiFetch(`/api/workflows/definitions/${definitionId}`, {\n          method: 'PUT',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        const response = Object.keys(optimisticLockHeader).length > 0\n          ? await withScopedApiHeaders(optimisticLockHeader, updateDefinition)\n          : await updateDefinition()\n        if (!response.ok) {\n          const errorBody = await readJsonSafe<{\n            error?: string\n            code?: string\n            currentUpdatedAt?: string\n            expectedUpdatedAt?: string\n            details?: Array<{ path?: Array<string | number>; message?: string }>\n          }>(response, null)\n          throw Object.assign(\n            new Error(formatWorkflowValidationError(errorBody, t('workflows.errors.updateFailed'))),\n            { status: response.status, ...(errorBody ?? {}) },\n          )\n        }\n        return response\n      },\n      mutationPayload: { resourceId: definitionId, operation: 'update' },\n      context: {\n        formId: mutationContextId,\n        resourceKind: 'workflows.definition',\n        resourceId: definitionId,\n        operation: 'update',\n        retryLastMutation,\n      },\n    })\n\n    router.push('/backend/definitions')\n    router.refresh()\n  }\n\n  const handleCustomize = async () => {\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/customize`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.errors.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'customize' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'customize',\n          retryLastMutation,\n        },\n      })\n      if (result?.data?.id) {\n        router.push(`/backend/definitions/${result.data.id}`)\n        router.refresh()\n      }\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('workflows.errors.updateFailed')\n      flash(message, 'error')\n    }\n  }\n\n  const handleResetToCode = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.actions.resetToCode'),\n      description: t('workflows.actions.resetConfirm'),\n      confirmText: t('workflows.actions.resetToCode'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    try {\n      const result = await runMutation({\n        operation: async () => {\n          const response = await apiFetch(`/api/workflows/definitions/${definitionId}/reset-to-code`, {\n            method: 'POST',\n          })\n          if (!response.ok) {\n            const errorBody = await readJsonSafe<{ error?: string }>(response, null)\n            throw new Error(errorBody?.error || t('workflows.messages.updateFailed'))\n          }\n          return readJsonSafe<{ data?: { id?: string } }>(response, null)\n        },\n        mutationPayload: { resourceId: definitionId, operation: 'reset-to-code' },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'workflows.definition',\n          resourceId: definitionId,\n          operation: 'reset-to-code',\n          retryLastMutation,\n        },\n      })\n      flash(t('workflows.messages.updated'), 'success')\n      const codeId = result?.data?.id || `code:${definition?.workflowId}`\n      router.push(`/backend/definitions/${codeId}`)\n      router.refresh()\n    } catch {\n      flash(t('workflows.messages.updateFailed'), 'error')\n    }\n  }\n\n  const fields = React.useMemo(() => createFieldDefinitions(t), [t])\n\n  const formGroups = React.useMemo(\n    () => isMobile ? [] : createFormGroups(t, StepsEditor, TransitionsEditor),\n    [t, isMobile]\n  )\n\n  const navigateToVisualEditor = React.useCallback(() => {\n    router.push(`/backend/definitions/visual-editor?id=${definitionId}`)\n  }, [router, definitionId])\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.edit.loading')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('workflows.errors.notFound', t('workflows.errors.loadFailed'))}\n            backHref=\"/backend/definitions\"\n            backLabel={t('workflows.backToList')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !definition) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={t('workflows.errors.loadFailed')} />\n          <div className=\"mt-4 flex justify-center\">\n            <Button asChild variant=\"outline\">\n              <a href=\"/backend/definitions\">{t('workflows.backToList')}</a>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (!initialValues) {\n    return null\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        {isCodeOnly && (\n          <Alert variant=\"info\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code.readonlyBanner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleCustomize}>\n                {t('workflows.actions.customize')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        {isCodeOverride && (\n          <Alert variant=\"warning\" className=\"mb-4\">\n            <AlertDescription className=\"flex items-center justify-between\">\n              <span>{t('workflows.source.code_override.banner')}</span>\n              <Button variant=\"outline\" size=\"sm\" onClick={handleResetToCode}>\n                {t('workflows.actions.resetToCode')}\n              </Button>\n            </AlertDescription>\n          </Alert>\n        )}\n        <div className=\"mb-4 p-4 bg-status-info-bg border border-status-info-border rounded-lg flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-start gap-3\">\n            <svg className=\"w-5 h-5 text-status-info-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n            </svg>\n            <div>\n              <p className=\"text-sm font-medium text-status-info-text\">\n                {t('workflows.edit.visualEditorAvailable')}\n              </p>\n              <p className=\"text-xs text-status-info-text mt-0.5\">\n                {t('workflows.edit.visualEditorDescription')}\n              </p>\n            </div>\n          </div>\n          <Button asChild variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto border-status-info-border text-status-info-text hover:bg-status-info-bg\">\n            <a href={`/backend/definitions/visual-editor?id=${definitionId}`}>\n              {t('workflows.actions.openVisualEditor')}\n            </a>\n          </Button>\n        </div>\n        <CrudForm\n          key={definitionId}\n          title={isCodeOnly ? definition?.workflowName || t('workflows.edit.title') : t('workflows.edit.title')}\n          backHref=\"/backend/definitions\"\n          schema={workflowDefinitionFormSchema}\n          fields={fields}\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          cancelHref=\"/backend/definitions\"\n          groups={formGroups}\n          submitLabel={isCodeOnly ? t('workflows.actions.customize') : t('workflows.form.update')}\n          {...(isCodeOnly ? { readOnly: true } : {})}\n        />\n\n        {/* Mobile Steps & Transitions View */}\n        {isMobile && initialValues && (\n          <div className=\"mt-4\">\n            <MobileDefinitionDetail\n              values={initialValues}\n              onEditStep={navigateToVisualEditor}\n              onDeleteStep={navigateToVisualEditor}\n              onAddStep={navigateToVisualEditor}\n              onEditTransition={navigateToVisualEditor}\n              onDeleteTransition={navigateToVisualEditor}\n              onAddTransition={navigateToVisualEditor}\n            />\n          </div>\n        )}\n\n        {/* Event Triggers Section */}\n        <div className=\"mt-8\">\n          <DefinitionTriggersEditor\n            value={triggers}\n            onChange={setTriggers}\n          />\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["error"]
 }

package/dist/modules/workflows/backend/definitions/page.js

@@ -17,7 +17,9 @@ import {
   DialogHeader,
   DialogTitle
 } from "@open-mercato/ui/primitives/dialog";
-import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -66,19 +68,28 @@ function WorkflowDefinitionsListPage() {
       return response?.data || [];
     }
   });
-  const handleDelete = (id, workflowName) => {
-    setDeleteTarget({ id, name: workflowName });
+  const handleDelete = (id, workflowName, updatedAt) => {
+    setDeleteTarget({ id, name: workflowName, updatedAt });
   };
   const confirmDelete = async () => {
     if (!deleteTarget) return;
-    const result = await apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {
-      method: "DELETE"
-    });
+    const result = await withScopedApiRequestHeaders(
+      buildOptimisticLockHeader(deleteTarget.updatedAt),
+      () => apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {
+        method: "DELETE"
+      })
+    );
     if (result.ok) {
       flash(t("workflows.messages.deleted"), "success");
       queryClient.invalidateQueries({ queryKey: ["workflow-definitions"] });
     } else {
-      flash(t("workflows.messages.deleteFailed"), "error");
+      const conflictError = Object.assign(new Error(t("workflows.messages.deleteFailed")), {
+        status: result.status,
+        ...result.result && typeof result.result === "object" ? result.result : {}
+      });
+      if (!surfaceRecordConflict(conflictError, t)) {
+        flash(t("workflows.messages.deleteFailed"), "error");
+      }
     }
     setDeleteTarget(null);
   };
@@ -260,7 +271,7 @@ function WorkflowDefinitionsListPage() {
           ...!isCodeOnly ? [{
             id: "delete",
             label: t("common.delete"),
-            onSelect: () => handleDelete(row.original.id, row.original.workflowName),
+            onSelect: () => handleDelete(row.original.id, row.original.workflowName, row.original.updatedAt),
             destructive: true
           }] : []
         ];

package/dist/modules/workflows/backend/definitions/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/backend/definitions/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Trash2 } from 'lucide-react'\n\ntype WorkflowDefinitionSource = 'code' | 'code_override' | 'user'\n\ntype WorkflowDefinition = {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  definition: Record<string, unknown>\n  enabled: boolean\n  effectiveFrom: string | null\n  effectiveTo: string | null\n  metadata: {\n    tags?: string[]\n    category?: string\n    icon?: string\n  } | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n  createdBy: string | null\n  source?: WorkflowDefinitionSource\n  isCodeBased?: boolean\n}\n\ntype DefinitionsResponse = {\n  data: WorkflowDefinition[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\ntype CreateDefinitionResponse = {\n  data?: {\n    id?: string\n  }\n  error?: string\n}\n\nconst WORKFLOW_ID_MAX_LENGTH = 100\n\nfunction buildDuplicateWorkflowId(sourceWorkflowId: string, attempt: number): string {\n  const suffix = attempt === 0 ? '_copy' : `_copy_${attempt + 1}`\n  const maxBaseLength = Math.max(1, WORKFLOW_ID_MAX_LENGTH - suffix.length)\n  const base = sourceWorkflowId.slice(0, maxBaseLength)\n  return `${base}${suffix}`\n}\n\nexport default function WorkflowDefinitionsListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(20)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [deleteTarget, setDeleteTarget] = React.useState<{ id: string; name: string } | null>(null)\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-definitions', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.enabled !== undefined && filterValues.enabled !== '') {\n        params.set('enabled', filterValues.enabled as string)\n      }\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.search) params.set('search', filterValues.search as string)\n\n      const result = await apiCall<DefinitionsResponse>(\n        `/api/workflows/definitions?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow definitions')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleDelete = (id: string, workflowName: string) => {\n    setDeleteTarget({ id, name: workflowName })\n  }\n\n  const confirmDelete = async () => {\n    if (!deleteTarget) return\n\n    const result = await apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {\n      method: 'DELETE',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.messages.deleted'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      flash(t('workflows.messages.deleteFailed'), 'error')\n    }\n    setDeleteTarget(null)\n  }\n\n  const handleToggleEnabled = async (id: string, currentEnabled: boolean) => {\n    const result = await apiCall(`/api/workflows/definitions/${id}`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({\n        enabled: !currentEnabled,\n      }),\n    })\n\n    if (result.ok) {\n      flash(t('workflows.messages.updated'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      flash(t('workflows.messages.updateFailed'), 'error')\n    }\n  }\n\n  const handleDuplicate = async (definition: WorkflowDefinition) => {\n    for (let attempt = 0; attempt < 10; attempt += 1) {\n      const duplicateWorkflowId = buildDuplicateWorkflowId(definition.workflowId, attempt)\n      const result = await apiCall<CreateDefinitionResponse>('/api/workflows/definitions', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          workflowId: duplicateWorkflowId,\n          workflowName: definition.workflowName,\n          description: definition.description,\n          version: definition.version,\n          definition: definition.definition,\n          metadata: definition.metadata,\n          enabled: definition.enabled,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.messages.workflowDuplicated'), 'success')\n        queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n        return\n      }\n\n      if (result.status !== 409) {\n        break\n      }\n    }\n\n    flash(t('workflows.errors.createFailed'), 'error')\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'search',\n      type: 'text',\n      label: t('workflows.filters.search'),\n      placeholder: t('workflows.filters.searchPlaceholder'),\n    },\n    {\n      id: 'enabled',\n      type: 'select',\n      label: t('workflows.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('common.enabled'), value: 'true' },\n        { label: t('common.disabled'), value: 'false' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.filters.workflowId'),\n      placeholder: t('workflows.filters.workflowIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowDefinition>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.fields.workflowId'),\n      accessorKey: 'workflowId',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <span className=\"font-mono text-sm\">{row.original.workflowId}</span>\n      ),\n    },\n    {\n      id: 'workflowName',\n      header: t('workflows.fields.workflowName'),\n      accessorKey: 'workflowName',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-medium\">{row.original.workflowName}</span>\n            {row.original.source === 'code' && (\n              <Badge variant=\"secondary\">{t('workflows.source.code')}</Badge>\n            )}\n            {row.original.source === 'code_override' && (\n              <Badge variant=\"outline\">{t('workflows.source.code_override')}</Badge>\n            )}\n          </div>\n          {row.original.description && (\n            <div className=\"text-xs text-gray-500\">\n              {row.original.description}\n            </div>\n          )}\n          {row.original.metadata?.category && (\n            <div className=\"text-xs text-gray-400 mt-0.5\">\n              {row.original.metadata.category}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'version',\n      header: t('workflows.fields.version'),\n      accessorKey: 'version',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className=\"font-mono\">\n          v{row.original.version}\n        </Badge>\n      ),\n    },\n    {\n      id: 'enabled',\n      header: t('workflows.fields.enabled'),\n      accessorKey: 'enabled',\n      cell: ({ row }) => (\n        <button\n          onClick={() => handleToggleEnabled(row.original.id, row.original.enabled)}\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n            row.original.enabled\n              ? 'bg-green-100 text-green-800 hover:bg-green-200'\n              : 'bg-gray-100 text-gray-600 hover:bg-gray-200'\n          }`}\n          title={t('workflows.actions.toggleEnabled')}\n        >\n          {row.original.enabled ? t('common.yes') : t('common.no')}\n        </button>\n      ),\n    },\n    {\n      id: 'tags',\n      header: t('workflows.fields.tags'),\n      cell: ({ row }) => {\n        const tags = row.original.metadata?.tags || []\n        if (tags.length === 0) return <span className=\"text-gray-400\">-</span>\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {tags.slice(0, 2).map((tag, idx) => (\n              <Badge key={idx} variant=\"secondary\">\n                {tag}\n              </Badge>\n            ))}\n            {tags.length > 2 && (\n              <Badge variant=\"outline\">+{tags.length - 2}</Badge>\n            )}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => {\n        const date = new Date(row.original.createdAt)\n        return <span className=\"text-sm text-gray-600\">{date.toLocaleDateString()}</span>\n      },\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const isCodeOnly = row.original.source === 'code'\n        const items = [\n          {\n            id: 'edit',\n            label: isCodeOnly ? t('common.view') : t('common.edit'),\n            href: `/backend/definitions/${row.original.id}`,\n          },\n          ...(!isCodeOnly ? [{\n            id: 'edit-visual',\n            label: t('workflows.actions.editVisually'),\n            href: `/backend/definitions/visual-editor?id=${row.original.id}`,\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: row.original.enabled ? 'disable' : 'enable',\n            label: row.original.enabled ? t('common.disable') : t('common.enable'),\n            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'duplicate',\n            label: t('common.duplicate'),\n            onSelect: () => handleDuplicate(row.original),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'delete',\n            label: t('common.delete'),\n            onSelect: () => handleDelete(row.original.id, row.original.workflowName),\n            destructive: true,\n          }] : []),\n        ]\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.list.title')}\n          actions={(\n            <div className=\"flex items-center gap-2\">\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/definitions/visual-editor\">\n                  {t('workflows.actions.createVisual')}\n                </Link>\n              </Button>\n              <Button asChild>\n                <Link href=\"/backend/definitions/create\">\n                  {t('workflows.actions.create')}\n                </Link>\n              </Button>\n            </div>\n          )}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          onRowClick={(row) => router.push(`/backend/definitions/visual-editor?id=${row.id}`)}\n          perspective={{\n            tableId: 'workflows.definitions.list',\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n        <Dialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>\n          <DialogContent className=\"sm:max-w-md\">\n            <DialogHeader>\n              <DialogTitle>{t('workflows.confirm.deleteTitle')}</DialogTitle>\n              <DialogDescription>\n                {t('workflows.confirm.delete', { name: deleteTarget?.name ?? '' })}\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setDeleteTarget(null)}>\n                {t('common.cancel')}\n              </Button>\n              <Button variant=\"destructive\" onClick={confirmDelete}>\n                <Trash2/>\n                {t('common.delete')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\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 { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Trash2 } from 'lucide-react'\n\ntype WorkflowDefinitionSource = 'code' | 'code_override' | 'user'\n\ntype WorkflowDefinition = {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  definition: Record<string, unknown>\n  enabled: boolean\n  effectiveFrom: string | null\n  effectiveTo: string | null\n  metadata: {\n    tags?: string[]\n    category?: string\n    icon?: string\n  } | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n  createdBy: string | null\n  source?: WorkflowDefinitionSource\n  isCodeBased?: boolean\n}\n\ntype DefinitionsResponse = {\n  data: WorkflowDefinition[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\ntype CreateDefinitionResponse = {\n  data?: {\n    id?: string\n  }\n  error?: string\n}\n\nconst WORKFLOW_ID_MAX_LENGTH = 100\n\nfunction buildDuplicateWorkflowId(sourceWorkflowId: string, attempt: number): string {\n  const suffix = attempt === 0 ? '_copy' : `_copy_${attempt + 1}`\n  const maxBaseLength = Math.max(1, WORKFLOW_ID_MAX_LENGTH - suffix.length)\n  const base = sourceWorkflowId.slice(0, maxBaseLength)\n  return `${base}${suffix}`\n}\n\nexport default function WorkflowDefinitionsListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(20)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [deleteTarget, setDeleteTarget] = React.useState<{ id: string; name: string; updatedAt: string | null } | null>(null)\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-definitions', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.enabled !== undefined && filterValues.enabled !== '') {\n        params.set('enabled', filterValues.enabled as string)\n      }\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.search) params.set('search', filterValues.search as string)\n\n      const result = await apiCall<DefinitionsResponse>(\n        `/api/workflows/definitions?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow definitions')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleDelete = (id: string, workflowName: string, updatedAt: string | null) => {\n    setDeleteTarget({ id, name: workflowName, updatedAt })\n  }\n\n  const confirmDelete = async () => {\n    if (!deleteTarget) return\n\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(deleteTarget.updatedAt),\n      () => apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {\n        method: 'DELETE',\n      }),\n    )\n\n    if (result.ok) {\n      flash(t('workflows.messages.deleted'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      const conflictError = Object.assign(new Error(t('workflows.messages.deleteFailed')), {\n        status: result.status,\n        ...(result.result && typeof result.result === 'object' ? result.result : {}),\n      })\n      if (!surfaceRecordConflict(conflictError, t)) {\n        flash(t('workflows.messages.deleteFailed'), 'error')\n      }\n    }\n    setDeleteTarget(null)\n  }\n\n  const handleToggleEnabled = async (id: string, currentEnabled: boolean) => {\n    const result = await apiCall(`/api/workflows/definitions/${id}`, {\n      method: 'PUT',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({\n        enabled: !currentEnabled,\n      }),\n    })\n\n    if (result.ok) {\n      flash(t('workflows.messages.updated'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      flash(t('workflows.messages.updateFailed'), 'error')\n    }\n  }\n\n  const handleDuplicate = async (definition: WorkflowDefinition) => {\n    for (let attempt = 0; attempt < 10; attempt += 1) {\n      const duplicateWorkflowId = buildDuplicateWorkflowId(definition.workflowId, attempt)\n      const result = await apiCall<CreateDefinitionResponse>('/api/workflows/definitions', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          workflowId: duplicateWorkflowId,\n          workflowName: definition.workflowName,\n          description: definition.description,\n          version: definition.version,\n          definition: definition.definition,\n          metadata: definition.metadata,\n          enabled: definition.enabled,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.messages.workflowDuplicated'), 'success')\n        queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n        return\n      }\n\n      if (result.status !== 409) {\n        break\n      }\n    }\n\n    flash(t('workflows.errors.createFailed'), 'error')\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'search',\n      type: 'text',\n      label: t('workflows.filters.search'),\n      placeholder: t('workflows.filters.searchPlaceholder'),\n    },\n    {\n      id: 'enabled',\n      type: 'select',\n      label: t('workflows.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('common.enabled'), value: 'true' },\n        { label: t('common.disabled'), value: 'false' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.filters.workflowId'),\n      placeholder: t('workflows.filters.workflowIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowDefinition>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.fields.workflowId'),\n      accessorKey: 'workflowId',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <span className=\"font-mono text-sm\">{row.original.workflowId}</span>\n      ),\n    },\n    {\n      id: 'workflowName',\n      header: t('workflows.fields.workflowName'),\n      accessorKey: 'workflowName',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-medium\">{row.original.workflowName}</span>\n            {row.original.source === 'code' && (\n              <Badge variant=\"secondary\">{t('workflows.source.code')}</Badge>\n            )}\n            {row.original.source === 'code_override' && (\n              <Badge variant=\"outline\">{t('workflows.source.code_override')}</Badge>\n            )}\n          </div>\n          {row.original.description && (\n            <div className=\"text-xs text-gray-500\">\n              {row.original.description}\n            </div>\n          )}\n          {row.original.metadata?.category && (\n            <div className=\"text-xs text-gray-400 mt-0.5\">\n              {row.original.metadata.category}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'version',\n      header: t('workflows.fields.version'),\n      accessorKey: 'version',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className=\"font-mono\">\n          v{row.original.version}\n        </Badge>\n      ),\n    },\n    {\n      id: 'enabled',\n      header: t('workflows.fields.enabled'),\n      accessorKey: 'enabled',\n      cell: ({ row }) => (\n        <button\n          onClick={() => handleToggleEnabled(row.original.id, row.original.enabled)}\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n            row.original.enabled\n              ? 'bg-green-100 text-green-800 hover:bg-green-200'\n              : 'bg-gray-100 text-gray-600 hover:bg-gray-200'\n          }`}\n          title={t('workflows.actions.toggleEnabled')}\n        >\n          {row.original.enabled ? t('common.yes') : t('common.no')}\n        </button>\n      ),\n    },\n    {\n      id: 'tags',\n      header: t('workflows.fields.tags'),\n      cell: ({ row }) => {\n        const tags = row.original.metadata?.tags || []\n        if (tags.length === 0) return <span className=\"text-gray-400\">-</span>\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {tags.slice(0, 2).map((tag, idx) => (\n              <Badge key={idx} variant=\"secondary\">\n                {tag}\n              </Badge>\n            ))}\n            {tags.length > 2 && (\n              <Badge variant=\"outline\">+{tags.length - 2}</Badge>\n            )}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => {\n        const date = new Date(row.original.createdAt)\n        return <span className=\"text-sm text-gray-600\">{date.toLocaleDateString()}</span>\n      },\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const isCodeOnly = row.original.source === 'code'\n        const items = [\n          {\n            id: 'edit',\n            label: isCodeOnly ? t('common.view') : t('common.edit'),\n            href: `/backend/definitions/${row.original.id}`,\n          },\n          ...(!isCodeOnly ? [{\n            id: 'edit-visual',\n            label: t('workflows.actions.editVisually'),\n            href: `/backend/definitions/visual-editor?id=${row.original.id}`,\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: row.original.enabled ? 'disable' : 'enable',\n            label: row.original.enabled ? t('common.disable') : t('common.enable'),\n            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'duplicate',\n            label: t('common.duplicate'),\n            onSelect: () => handleDuplicate(row.original),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'delete',\n            label: t('common.delete'),\n            onSelect: () => handleDelete(row.original.id, row.original.workflowName, row.original.updatedAt),\n            destructive: true,\n          }] : []),\n        ]\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.list.title')}\n          actions={(\n            <div className=\"flex items-center gap-2\">\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/definitions/visual-editor\">\n                  {t('workflows.actions.createVisual')}\n                </Link>\n              </Button>\n              <Button asChild>\n                <Link href=\"/backend/definitions/create\">\n                  {t('workflows.actions.create')}\n                </Link>\n              </Button>\n            </div>\n          )}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          onRowClick={(row) => router.push(`/backend/definitions/visual-editor?id=${row.id}`)}\n          perspective={{\n            tableId: 'workflows.definitions.list',\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n        <Dialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>\n          <DialogContent className=\"sm:max-w-md\">\n            <DialogHeader>\n              <DialogTitle>{t('workflows.confirm.deleteTitle')}</DialogTitle>\n              <DialogDescription>\n                {t('workflows.confirm.delete', { name: deleteTarget?.name ?? '' })}\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setDeleteTarget(null)}>\n                {t('common.cancel')}\n              </Button>\n              <Button variant=\"destructive\" onClick={confirmDelete}>\n                <Trash2/>\n                {t('common.delete')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/definitions/visual-editor/page.js

@@ -31,7 +31,9 @@ import { Alert, AlertTitle } from "@open-mercato/ui/primitives/alert";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
-import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { CircleQuestionMark, Info, PanelTopClose, PanelTopOpen, Play, Save, Trash2 } from "lucide-react";
 import { NODE_TYPE_ICONS, NODE_TYPE_COLORS, NODE_TYPE_LABELS } from "../../../lib/node-type-icons.js";
@@ -82,6 +84,7 @@ function VisualEditorPage() {
   const [effectiveTo, setEffectiveTo] = useState("");
   const [triggers, setTriggers] = useState([]);
   const [source, setSource] = useState(null);
+  const [updatedAt, setUpdatedAt] = useState(null);
   const isCodeOnly = source === "code";
   const isCodeOverride = source === "code_override";
   useEffect(() => {
@@ -113,6 +116,7 @@ function VisualEditorPage() {
         setEdges(graph.edges);
         setTriggers(definition.definition?.triggers || []);
         setSource(definition.source ?? null);
+        setUpdatedAt(typeof definition.updatedAt === "string" ? definition.updatedAt : null);
       } catch (error) {
         console.error("Error loading workflow definition:", error);
         flash("Failed to load workflow definition", "error");
@@ -274,20 +278,23 @@ function VisualEditorPage() {
       const isUpdate = !!definitionId;
       let result;
       if (isUpdate) {
-        result = await apiCall(`/api/workflows/definitions/${definitionId}`, {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            workflowName,
-            description: description || null,
-            version,
-            definition: definitionData,
-            metadata: Object.keys(metadata2).length > 0 ? metadata2 : null,
-            enabled,
-            effectiveFrom: effectiveFrom || null,
-            effectiveTo: effectiveTo || null
+        result = await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(updatedAt),
+          () => apiCall(`/api/workflows/definitions/${definitionId}`, {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              workflowName,
+              description: description || null,
+              version,
+              definition: definitionData,
+              metadata: Object.keys(metadata2).length > 0 ? metadata2 : null,
+              enabled,
+              effectiveFrom: effectiveFrom || null,
+              effectiveTo: effectiveTo || null
+            })
           })
-        });
+        );
       } else {
         result = await apiCall("/api/workflows/definitions", {
           method: "POST",
@@ -306,7 +313,13 @@ function VisualEditorPage() {
         });
       }
       if (!result.ok) {
-        flash(`Failed to save: ${result.result?.error || "Unknown error"}`, "error");
+        const conflictError = Object.assign(new Error(t("workflows.messages.saveFailed", "Failed to save")), {
+          status: result.status,
+          ...result.result && typeof result.result === "object" ? result.result : {}
+        });
+        if (!surfaceRecordConflict(conflictError, t)) {
+          flash(`Failed to save: ${result.result?.error || "Unknown error"}`, "error");
+        }
         return;
       }
       const savedDefinition = result.result?.data;
@@ -320,7 +333,7 @@ function VisualEditorPage() {
     } finally {
       setIsSaving(false);
     }
-  }, [nodes, edges, workflowId, workflowName, description, version, enabled, category, tags, icon, effectiveFrom, effectiveTo, triggers, definitionId, router]);
+  }, [nodes, edges, workflowId, workflowName, description, version, enabled, category, tags, icon, effectiveFrom, effectiveTo, triggers, definitionId, updatedAt, router]);
   const handleCustomize = useCallback(async () => {
     if (!definitionId) return;
     setIsSaving(true);