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

package/dist/modules/customer_accounts/backend/customer_accounts/roles/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customer_accounts/backend/customer_accounts/roles/%5Bid%5D/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 { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport type { CrudField, CrudFormGroup, CrudFormGroupComponentProps } from '@open-mercato/ui/backend/CrudForm'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype RoleDetail = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isDefault: boolean\n  isSystem: boolean\n  customerAssignable: boolean\n  features: string[]\n}\n\nconst PORTAL_FEATURES = [\n  { id: 'portal.profile.view', labelKey: 'customer_accounts.admin.portalFeatures.profile.view', fallback: 'View profile', descriptionKey: 'customer_accounts.admin.portalFeatures.profile.view.description', descriptionFallback: 'Allows viewing own profile information and account details' },\n  { id: 'portal.profile.edit', labelKey: 'customer_accounts.admin.portalFeatures.profile.edit', fallback: 'Edit profile', descriptionKey: 'customer_accounts.admin.portalFeatures.profile.edit.description', descriptionFallback: 'Allows editing display name and other profile settings' },\n  { id: 'portal.orders.view', labelKey: 'customer_accounts.admin.portalFeatures.orders.view', fallback: 'View orders', descriptionKey: 'customer_accounts.admin.portalFeatures.orders.view.description', descriptionFallback: 'Allows viewing order history and order details' },\n  { id: 'portal.orders.create', labelKey: 'customer_accounts.admin.portalFeatures.orders.create', fallback: 'Create orders', descriptionKey: 'customer_accounts.admin.portalFeatures.orders.create.description', descriptionFallback: 'Allows placing new orders through the portal' },\n  { id: 'portal.invoices.view', labelKey: 'customer_accounts.admin.portalFeatures.invoices.view', fallback: 'View invoices', descriptionKey: 'customer_accounts.admin.portalFeatures.invoices.view.description', descriptionFallback: 'Allows viewing invoices and payment history' },\n  { id: 'portal.quotes.view', labelKey: 'customer_accounts.admin.portalFeatures.quotes.view', fallback: 'View quotes', descriptionKey: 'customer_accounts.admin.portalFeatures.quotes.view.description', descriptionFallback: 'Allows viewing received quotes and their details' },\n  { id: 'portal.quotes.request', labelKey: 'customer_accounts.admin.portalFeatures.quotes.request', fallback: 'Request quotes', descriptionKey: 'customer_accounts.admin.portalFeatures.quotes.request.description', descriptionFallback: 'Allows requesting new quotes from the company' },\n  { id: 'portal.addresses.view', labelKey: 'customer_accounts.admin.portalFeatures.addresses.view', fallback: 'View addresses', descriptionKey: 'customer_accounts.admin.portalFeatures.addresses.view.description', descriptionFallback: 'Allows viewing saved shipping and billing addresses' },\n  { id: 'portal.addresses.manage', labelKey: 'customer_accounts.admin.portalFeatures.addresses.manage', fallback: 'Manage addresses', descriptionKey: 'customer_accounts.admin.portalFeatures.addresses.manage.description', descriptionFallback: 'Allows adding, editing, and removing addresses' },\n  { id: 'portal.users.view', labelKey: 'customer_accounts.admin.portalFeatures.users.view', fallback: 'View team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.view.description', descriptionFallback: 'Allows viewing other team members in the organization' },\n  { id: 'portal.users.invite', labelKey: 'customer_accounts.admin.portalFeatures.users.invite', fallback: 'Invite team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.invite.description', descriptionFallback: 'Allows sending portal invitations to new team members' },\n  { id: 'portal.users.manage', labelKey: 'customer_accounts.admin.portalFeatures.users.manage', fallback: 'Manage team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.manage.description', descriptionFallback: 'Allows editing roles and removing team members' },\n]\n\nconst FEATURE_GROUPS: Array<{ id: string; labelKey: string; fallback: string; features: string[] }> = (() => {\n  const groups = new Map<string, string[]>()\n  for (const feature of PORTAL_FEATURES) {\n    const parts = feature.id.split('.')\n    const groupKey = parts.length >= 2 ? `${parts[0]}.${parts[1]}` : parts[0]\n    const existing = groups.get(groupKey)\n    if (existing) {\n      existing.push(feature.id)\n    } else {\n      groups.set(groupKey, [feature.id])\n    }\n  }\n  return Array.from(groups.entries()).map(([groupId, features]) => {\n    const scope = groupId.split('.').slice(1).join('')\n    const fallback = scope.replace(/^\\w/, (ch) => ch.toUpperCase())\n    return {\n      id: groupId,\n      labelKey: `customer_accounts.admin.portalFeatures.groups.${scope}`,\n      fallback,\n      features,\n    }\n  })\n})()\n\nfunction PortalPermissionsEditor({ values, setValue }: CrudFormGroupComponentProps) {\n  const t = useT()\n  const features = React.useMemo(\n    () => Array.isArray(values.features) ? values.features as string[] : [],\n    [values.features],\n  )\n\n  const handleFeatureToggle = React.useCallback((featureId: string) => {\n    const next = features.includes(featureId)\n      ? features.filter((existingId) => existingId !== featureId)\n      : [...features, featureId]\n    setValue('features', next)\n  }, [features, setValue])\n\n  const handleGroupToggle = React.useCallback((featureIds: string[]) => {\n    const allSelected = featureIds.every((featureId) => features.includes(featureId))\n    let next: string[]\n    if (allSelected) {\n      next = features.filter((featureId) => !featureIds.includes(featureId))\n    } else {\n      next = [...features]\n      for (const featureId of featureIds) {\n        if (!next.includes(featureId)) next.push(featureId)\n      }\n    }\n    setValue('features', next)\n  }, [features, setValue])\n\n  return (\n    <div className=\"grid gap-4 sm:grid-cols-2\">\n      {FEATURE_GROUPS.map((group) => {\n        const groupFeatures = group.features\n        const allSelected = groupFeatures.every((featureId) => features.includes(featureId))\n        const someSelected = groupFeatures.some((featureId) => features.includes(featureId))\n        return (\n          <div key={group.id} className=\"rounded-lg border\">\n            <div className=\"flex items-center justify-between border-b px-4 py-3\">\n              <span className=\"text-sm font-semibold\">{t(group.labelKey, group.fallback)}</span>\n              <label className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allSelected}\n                  ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected }}\n                  onChange={() => handleGroupToggle(groupFeatures)}\n                  className=\"rounded border-border\"\n                />\n                {t('customer_accounts.admin.roleDetail.selectAll', 'Select all')}\n              </label>\n            </div>\n            <div className=\"divide-y\">\n              {groupFeatures.map((featureId) => {\n                const feature = PORTAL_FEATURES.find((portalFeature) => portalFeature.id === featureId)\n                return (\n                  <label key={featureId} className=\"flex items-start gap-3 px-4 py-3 cursor-pointer hover:bg-muted/50 transition-colors\">\n                    <input\n                      type=\"checkbox\"\n                      checked={features.includes(featureId)}\n                      onChange={() => handleFeatureToggle(featureId)}\n                      className=\"mt-0.5 rounded border-border\"\n                    />\n                    <div className=\"space-y-0.5\">\n                      <div className=\"text-sm font-medium\">{feature ? t(feature.labelKey, feature.fallback) : featureId}</div>\n                      {feature && (\n                        <div className=\"text-xs text-muted-foreground\">{t(feature.descriptionKey, feature.descriptionFallback)}</div>\n                      )}\n                    </div>\n                  </label>\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function CustomerRoleDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [data, setData] = React.useState<RoleDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<RoleDetail>(\n          `/api/customer_accounts/admin/roles/${encodeURIComponent(id!)}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roleDetail.error.load', 'Failed to load role') },\n        )\n        if (cancelled) return\n        setData(payload)\n      } catch (err) {\n        if (cancelled) return\n        if ((err as { status?: number }).status === 404) {\n          setIsNotFound(true)\n        } else {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roleDetail.error.load', 'Failed to load role')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    if (!data) return []\n    return [\n      {\n        id: 'name',\n        type: 'text' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.name', 'Name'),\n        required: true,\n        disabled: data.isSystem,\n      },\n      {\n        id: 'description',\n        type: 'textarea' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.description', 'Description'),\n      },\n      {\n        id: 'isDefault',\n        type: 'checkbox' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.isDefault', 'Default role (auto-assigned to new users)'),\n      },\n      {\n        id: 'customerAssignable',\n        type: 'checkbox' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.customerAssignable', 'Customers can self-assign'),\n      },\n    ]\n  }, [data, t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    {\n      id: 'details',\n      title: t('customer_accounts.admin.roleDetail.sections.details', 'Role Details'),\n      column: 1,\n      fields: ['name', 'description'],\n    },\n    {\n      id: 'options',\n      title: t('customer_accounts.admin.roleDetail.sections.options', 'Options'),\n      column: 1,\n      fields: ['isDefault', 'customerAssignable'],\n    },\n    {\n      id: 'permissions',\n      title: t('customer_accounts.admin.roleDetail.sections.permissions', 'Portal Permissions'),\n      column: 1,\n      component: PortalPermissionsEditor,\n    },\n  ], [t])\n\n  const initialValues = React.useMemo(() => {\n    if (!data) return {}\n    return {\n      name: data.name,\n      description: data.description || '',\n      isDefault: data.isDefault,\n      customerAssignable: data.customerAssignable,\n      features: data.features,\n    }\n  }, [data])\n\n  const handleSubmit = React.useCallback(async (values: Record<string, unknown>) => {\n    if (!id) return\n    const roleCall = await apiCall(\n      `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}`,\n      {\n        method: 'PUT',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({\n          name: (values.name as string)?.trim(),\n          description: (values.description as string)?.trim() || null,\n          isDefault: values.isDefault,\n          customerAssignable: values.customerAssignable,\n        }),\n      },\n    )\n    if (!roleCall.ok) {\n      flash(t('customer_accounts.admin.roleDetail.error.save', 'Failed to save role'), 'error')\n      return\n    }\n    const features = Array.isArray(values.features) ? values.features : []\n    const aclCall = await apiCall(\n      `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}/acl`,\n      {\n        method: 'PUT',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features }),\n      },\n    )\n    if (!aclCall.ok) {\n      flash(t('customer_accounts.admin.roleDetail.error.saveAcl', 'Failed to save permissions'), 'error')\n      return\n    }\n    flash(t('customer_accounts.admin.roleDetail.flash.saved', 'Role updated'), 'success')\n    router.push('/backend/customer_accounts/roles')\n  }, [id, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!id) return\n    const call = await apiCall(\n      `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}`,\n      { method: 'DELETE' },\n    )\n    if (!call.ok) {\n      flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n      return\n    }\n    flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n    router.push('/backend/customer_accounts/roles')\n  }, [id, router, t])\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('customer_accounts.admin.roleDetail.loading', 'Loading role...')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('customer_accounts.admin.roleDetail.error.notFound', 'Role not found')}\n            backHref=\"/backend/customer_accounts/roles\"\n            backLabel={t('customer_accounts.admin.roleDetail.actions.backToList', 'Back to roles')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={error ?? t('customer_accounts.admin.roleDetail.error.notFound', 'Role not found')}\n            action={\n              <Button asChild variant=\"outline\" size=\"sm\">\n                <Link href=\"/backend/customer_accounts/roles\">\n                  {t('customer_accounts.admin.roleDetail.actions.backToList', 'Back to roles')}\n                </Link>\n              </Button>\n            }\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm\n          title={data.name}\n          backHref=\"/backend/customer_accounts/roles\"\n          fields={fields}\n          groups={groups}\n          initialValues={initialValues}\n          entityId=\"customer_accounts:customer_role\"\n          onSubmit={handleSubmit}\n          onDelete={!data.isSystem ? handleDelete : undefined}\n          cancelHref=\"/backend/customer_accounts/roles\"\n        />\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 { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport type { CrudField, CrudFormGroup, CrudFormGroupComponentProps } from '@open-mercato/ui/backend/CrudForm'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall, readApiResultOrThrow, 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 { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { RecordNotFoundState, ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype RoleDetail = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isDefault: boolean\n  isSystem: boolean\n  customerAssignable: boolean\n  features: string[]\n  updatedAt?: string | null\n  updated_at?: string | null\n}\n\nconst PORTAL_FEATURES = [\n  { id: 'portal.profile.view', labelKey: 'customer_accounts.admin.portalFeatures.profile.view', fallback: 'View profile', descriptionKey: 'customer_accounts.admin.portalFeatures.profile.view.description', descriptionFallback: 'Allows viewing own profile information and account details' },\n  { id: 'portal.profile.edit', labelKey: 'customer_accounts.admin.portalFeatures.profile.edit', fallback: 'Edit profile', descriptionKey: 'customer_accounts.admin.portalFeatures.profile.edit.description', descriptionFallback: 'Allows editing display name and other profile settings' },\n  { id: 'portal.orders.view', labelKey: 'customer_accounts.admin.portalFeatures.orders.view', fallback: 'View orders', descriptionKey: 'customer_accounts.admin.portalFeatures.orders.view.description', descriptionFallback: 'Allows viewing order history and order details' },\n  { id: 'portal.orders.create', labelKey: 'customer_accounts.admin.portalFeatures.orders.create', fallback: 'Create orders', descriptionKey: 'customer_accounts.admin.portalFeatures.orders.create.description', descriptionFallback: 'Allows placing new orders through the portal' },\n  { id: 'portal.invoices.view', labelKey: 'customer_accounts.admin.portalFeatures.invoices.view', fallback: 'View invoices', descriptionKey: 'customer_accounts.admin.portalFeatures.invoices.view.description', descriptionFallback: 'Allows viewing invoices and payment history' },\n  { id: 'portal.quotes.view', labelKey: 'customer_accounts.admin.portalFeatures.quotes.view', fallback: 'View quotes', descriptionKey: 'customer_accounts.admin.portalFeatures.quotes.view.description', descriptionFallback: 'Allows viewing received quotes and their details' },\n  { id: 'portal.quotes.request', labelKey: 'customer_accounts.admin.portalFeatures.quotes.request', fallback: 'Request quotes', descriptionKey: 'customer_accounts.admin.portalFeatures.quotes.request.description', descriptionFallback: 'Allows requesting new quotes from the company' },\n  { id: 'portal.addresses.view', labelKey: 'customer_accounts.admin.portalFeatures.addresses.view', fallback: 'View addresses', descriptionKey: 'customer_accounts.admin.portalFeatures.addresses.view.description', descriptionFallback: 'Allows viewing saved shipping and billing addresses' },\n  { id: 'portal.addresses.manage', labelKey: 'customer_accounts.admin.portalFeatures.addresses.manage', fallback: 'Manage addresses', descriptionKey: 'customer_accounts.admin.portalFeatures.addresses.manage.description', descriptionFallback: 'Allows adding, editing, and removing addresses' },\n  { id: 'portal.users.view', labelKey: 'customer_accounts.admin.portalFeatures.users.view', fallback: 'View team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.view.description', descriptionFallback: 'Allows viewing other team members in the organization' },\n  { id: 'portal.users.invite', labelKey: 'customer_accounts.admin.portalFeatures.users.invite', fallback: 'Invite team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.invite.description', descriptionFallback: 'Allows sending portal invitations to new team members' },\n  { id: 'portal.users.manage', labelKey: 'customer_accounts.admin.portalFeatures.users.manage', fallback: 'Manage team members', descriptionKey: 'customer_accounts.admin.portalFeatures.users.manage.description', descriptionFallback: 'Allows editing roles and removing team members' },\n]\n\nconst FEATURE_GROUPS: Array<{ id: string; labelKey: string; fallback: string; features: string[] }> = (() => {\n  const groups = new Map<string, string[]>()\n  for (const feature of PORTAL_FEATURES) {\n    const parts = feature.id.split('.')\n    const groupKey = parts.length >= 2 ? `${parts[0]}.${parts[1]}` : parts[0]\n    const existing = groups.get(groupKey)\n    if (existing) {\n      existing.push(feature.id)\n    } else {\n      groups.set(groupKey, [feature.id])\n    }\n  }\n  return Array.from(groups.entries()).map(([groupId, features]) => {\n    const scope = groupId.split('.').slice(1).join('')\n    const fallback = scope.replace(/^\\w/, (ch) => ch.toUpperCase())\n    return {\n      id: groupId,\n      labelKey: `customer_accounts.admin.portalFeatures.groups.${scope}`,\n      fallback,\n      features,\n    }\n  })\n})()\n\nfunction PortalPermissionsEditor({ values, setValue }: CrudFormGroupComponentProps) {\n  const t = useT()\n  const features = React.useMemo(\n    () => Array.isArray(values.features) ? values.features as string[] : [],\n    [values.features],\n  )\n\n  const handleFeatureToggle = React.useCallback((featureId: string) => {\n    const next = features.includes(featureId)\n      ? features.filter((existingId) => existingId !== featureId)\n      : [...features, featureId]\n    setValue('features', next)\n  }, [features, setValue])\n\n  const handleGroupToggle = React.useCallback((featureIds: string[]) => {\n    const allSelected = featureIds.every((featureId) => features.includes(featureId))\n    let next: string[]\n    if (allSelected) {\n      next = features.filter((featureId) => !featureIds.includes(featureId))\n    } else {\n      next = [...features]\n      for (const featureId of featureIds) {\n        if (!next.includes(featureId)) next.push(featureId)\n      }\n    }\n    setValue('features', next)\n  }, [features, setValue])\n\n  return (\n    <div className=\"grid gap-4 sm:grid-cols-2\">\n      {FEATURE_GROUPS.map((group) => {\n        const groupFeatures = group.features\n        const allSelected = groupFeatures.every((featureId) => features.includes(featureId))\n        const someSelected = groupFeatures.some((featureId) => features.includes(featureId))\n        return (\n          <div key={group.id} className=\"rounded-lg border\">\n            <div className=\"flex items-center justify-between border-b px-4 py-3\">\n              <span className=\"text-sm font-semibold\">{t(group.labelKey, group.fallback)}</span>\n              <label className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allSelected}\n                  ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected }}\n                  onChange={() => handleGroupToggle(groupFeatures)}\n                  className=\"rounded border-border\"\n                />\n                {t('customer_accounts.admin.roleDetail.selectAll', 'Select all')}\n              </label>\n            </div>\n            <div className=\"divide-y\">\n              {groupFeatures.map((featureId) => {\n                const feature = PORTAL_FEATURES.find((portalFeature) => portalFeature.id === featureId)\n                return (\n                  <label key={featureId} className=\"flex items-start gap-3 px-4 py-3 cursor-pointer hover:bg-muted/50 transition-colors\">\n                    <input\n                      type=\"checkbox\"\n                      checked={features.includes(featureId)}\n                      onChange={() => handleFeatureToggle(featureId)}\n                      className=\"mt-0.5 rounded border-border\"\n                    />\n                    <div className=\"space-y-0.5\">\n                      <div className=\"text-sm font-medium\">{feature ? t(feature.labelKey, feature.fallback) : featureId}</div>\n                      {feature && (\n                        <div className=\"text-xs text-muted-foreground\">{t(feature.descriptionKey, feature.descriptionFallback)}</div>\n                      )}\n                    </div>\n                  </label>\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function CustomerRoleDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [data, setData] = React.useState<RoleDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<RoleDetail>(\n          `/api/customer_accounts/admin/roles/${encodeURIComponent(id!)}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roleDetail.error.load', 'Failed to load role') },\n        )\n        if (cancelled) return\n        setData(payload)\n      } catch (err) {\n        if (cancelled) return\n        if ((err as { status?: number }).status === 404) {\n          setIsNotFound(true)\n        } else {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roleDetail.error.load', 'Failed to load role')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    if (!data) return []\n    return [\n      {\n        id: 'name',\n        type: 'text' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.name', 'Name'),\n        required: true,\n        disabled: data.isSystem,\n      },\n      {\n        id: 'description',\n        type: 'textarea' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.description', 'Description'),\n      },\n      {\n        id: 'isDefault',\n        type: 'checkbox' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.isDefault', 'Default role (auto-assigned to new users)'),\n      },\n      {\n        id: 'customerAssignable',\n        type: 'checkbox' as const,\n        label: t('customer_accounts.admin.roleDetail.fields.customerAssignable', 'Customers can self-assign'),\n      },\n    ]\n  }, [data, t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    {\n      id: 'details',\n      title: t('customer_accounts.admin.roleDetail.sections.details', 'Role Details'),\n      column: 1,\n      fields: ['name', 'description'],\n    },\n    {\n      id: 'options',\n      title: t('customer_accounts.admin.roleDetail.sections.options', 'Options'),\n      column: 1,\n      fields: ['isDefault', 'customerAssignable'],\n    },\n    {\n      id: 'permissions',\n      title: t('customer_accounts.admin.roleDetail.sections.permissions', 'Portal Permissions'),\n      column: 1,\n      component: PortalPermissionsEditor,\n    },\n  ], [t])\n\n  const initialValues = React.useMemo(() => {\n    if (!data) return {}\n    return {\n      name: data.name,\n      description: data.description || '',\n      isDefault: data.isDefault,\n      customerAssignable: data.customerAssignable,\n      features: data.features,\n      updatedAt: data.updatedAt ?? data.updated_at ?? null,\n    }\n  }, [data])\n\n  const handleSubmit = React.useCallback(async (values: Record<string, unknown>) => {\n    if (!id) return\n    const headers = buildOptimisticLockHeader(data?.updatedAt ?? data?.updated_at ?? null)\n    const roleCall = await withScopedApiRequestHeaders(headers, () => (\n      apiCall(\n        `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}`,\n        {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({\n            name: (values.name as string)?.trim(),\n            description: (values.description as string)?.trim() || null,\n            isDefault: values.isDefault,\n            customerAssignable: values.customerAssignable,\n          }),\n        },\n      )\n    ))\n    if (!roleCall.ok) {\n      if (surfaceRecordConflict({ status: roleCall.status, body: roleCall.result }, t)) return\n      flash(t('customer_accounts.admin.roleDetail.error.save', 'Failed to save role'), 'error')\n      return\n    }\n    const features = Array.isArray(values.features) ? values.features : []\n    const aclCall = await apiCall(\n      `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}/acl`,\n      {\n        method: 'PUT',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features }),\n      },\n    )\n    if (!aclCall.ok) {\n      flash(t('customer_accounts.admin.roleDetail.error.saveAcl', 'Failed to save permissions'), 'error')\n      return\n    }\n    flash(t('customer_accounts.admin.roleDetail.flash.saved', 'Role updated'), 'success')\n    router.push('/backend/customer_accounts/roles')\n  }, [data?.updatedAt, data?.updated_at, id, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!id) return\n    const headers = buildOptimisticLockHeader(data?.updatedAt ?? data?.updated_at ?? null)\n    const call = await withScopedApiRequestHeaders(headers, () => (\n      apiCall(\n        `/api/customer_accounts/admin/roles/${encodeURIComponent(id)}`,\n        { method: 'DELETE' },\n      )\n    ))\n    if (!call.ok) {\n      if (surfaceRecordConflict({ status: call.status, body: call.result }, t)) return\n      flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n      return\n    }\n    flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n    router.push('/backend/customer_accounts/roles')\n  }, [data?.updatedAt, data?.updated_at, id, router, t])\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('customer_accounts.admin.roleDetail.loading', 'Loading role...')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('customer_accounts.admin.roleDetail.error.notFound', 'Role not found')}\n            backHref=\"/backend/customer_accounts/roles\"\n            backLabel={t('customer_accounts.admin.roleDetail.actions.backToList', 'Back to roles')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={error ?? t('customer_accounts.admin.roleDetail.error.notFound', 'Role not found')}\n            action={\n              <Button asChild variant=\"outline\" size=\"sm\">\n                <Link href=\"/backend/customer_accounts/roles\">\n                  {t('customer_accounts.admin.roleDetail.actions.backToList', 'Back to roles')}\n                </Link>\n              </Button>\n            }\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm\n          title={data.name}\n          backHref=\"/backend/customer_accounts/roles\"\n          fields={fields}\n          groups={groups}\n          initialValues={initialValues}\n          optimisticLockUpdatedAt={data.updatedAt ?? data.updated_at ?? null}\n          entityId=\"customer_accounts:customer_role\"\n          onSubmit={handleSubmit}\n          onDelete={!data.isSystem ? handleDelete : undefined}\n          cancelHref=\"/backend/customer_accounts/roles\"\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/roles/page.js

@@ -7,7 +7,8 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { DataTable } from "@open-mercato/ui/backend/DataTable";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -71,9 +72,12 @@ function CustomerRolesPage() {
     });
     if (!confirmed) return;
     try {
-      const call = await apiCall(
-        `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,
-        { method: "DELETE" }
+      const call = await withScopedApiRequestHeaders(
+        buildOptimisticLockHeader(role.updatedAt),
+        () => apiCall(
+          `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,
+          { method: "DELETE" }
+        )
       );
       if (!call.ok) {
         flash(t("customer_accounts.admin.roles.error.delete", "Failed to delete role"), "error");

package/dist/modules/customer_accounts/backend/customer_accounts/roles/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/roles/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 { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\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'\n\ntype RoleRow = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isSystem: boolean\n  isDefault: boolean\n  customerAssignable: boolean\n  createdAt: string\n}\n\ntype RolesResponse = {\n  items?: RoleRow[]\n  total?: number\n  totalPages?: number\n}\n\nexport default function CustomerRolesPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<RoleRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    return params.toString()\n  }, [page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: RolesResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<RolesResponse>(\n          `/api/customer_accounts/admin/roles?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roles.error.load', 'Failed to load roles'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.load', 'Failed to load roles')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleDelete = React.useCallback(async (role: RoleRow) => {\n    if (role.isSystem) {\n      flash(t('customer_accounts.admin.roles.error.deleteSystem', 'System roles cannot be deleted'), 'error')\n      return\n    }\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.roles.confirm.delete', 'Delete role \"{{name}}\"?', { name: role.name }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      const call = await apiCall(\n        `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,\n        { method: 'DELETE' },\n      )\n      if (!call.ok) {\n        flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n        return\n      }\n      flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n      setReloadToken((token) => token + 1)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.delete', 'Failed to delete role')\n      flash(message, 'error')\n    }\n  }, [confirm, t])\n\n  const columns = React.useMemo<ColumnDef<RoleRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('customer_accounts.admin.roles.columns.name', 'Name'),\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/customer_accounts/roles/${row.original.id}`}\n          className=\"font-medium hover:underline\"\n        >\n          {row.original.name}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'slug',\n      header: t('customer_accounts.admin.roles.columns.slug', 'Slug'),\n      cell: ({ row }) => (\n        <code className=\"rounded bg-muted px-1.5 py-0.5 text-xs\">{row.original.slug}</code>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: t('customer_accounts.admin.roles.columns.description', 'Description'),\n      cell: ({ row }) => row.original.description || <span className=\"text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isSystem',\n      header: t('customer_accounts.admin.roles.columns.isSystem', 'System'),\n      cell: ({ row }) => (\n        row.original.isSystem ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n            {t('customer_accounts.admin.roles.system', 'System')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'isDefault',\n      header: t('customer_accounts.admin.roles.columns.isDefault', 'Default'),\n      cell: ({ row }) => (\n        row.original.isDefault ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n            {t('customer_accounts.admin.roles.default', 'Default')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'customerAssignable',\n      header: t('customer_accounts.admin.roles.columns.customerAssignable', 'Self-assignable'),\n      cell: ({ row }) => (\n        row.original.customerAssignable ? (\n          <span className=\"inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-800 dark:bg-purple-900 dark:text-purple-200\">\n            {t('customer_accounts.admin.roles.assignable', 'Yes')}\n          </span>\n        ) : (\n          <span className=\"text-muted-foreground text-sm\">\n            {t('customer_accounts.admin.roles.notAssignable', 'No')}\n          </span>\n        )\n      ),\n    },\n  ], [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<RoleRow>\n          title={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/customer_accounts/roles/create\">\n                {t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.roles.searchPlaceholder', 'Search roles...')}\n          perspective={{ tableId: 'customer_accounts.admin.roles' }}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/roles/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('customer_accounts.admin.roles.actions.edit', 'Edit'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/roles/${row.id}`) },\n                },\n                ...(!row.isSystem ? [{\n                  id: 'delete',\n                  label: t('customer_accounts.admin.roles.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                }] : []),\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\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 { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\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'\n\ntype RoleRow = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isSystem: boolean\n  isDefault: boolean\n  customerAssignable: boolean\n  createdAt: string\n  updatedAt?: string | null\n}\n\ntype RolesResponse = {\n  items?: RoleRow[]\n  total?: number\n  totalPages?: number\n}\n\nexport default function CustomerRolesPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<RoleRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    return params.toString()\n  }, [page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: RolesResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<RolesResponse>(\n          `/api/customer_accounts/admin/roles?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roles.error.load', 'Failed to load roles'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.load', 'Failed to load roles')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleDelete = React.useCallback(async (role: RoleRow) => {\n    if (role.isSystem) {\n      flash(t('customer_accounts.admin.roles.error.deleteSystem', 'System roles cannot be deleted'), 'error')\n      return\n    }\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.roles.confirm.delete', 'Delete role \"{{name}}\"?', { name: role.name }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      const call = await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(role.updatedAt),\n        () => apiCall(\n          `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,\n          { method: 'DELETE' },\n        ),\n      )\n      if (!call.ok) {\n        flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n        return\n      }\n      flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n      setReloadToken((token) => token + 1)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.delete', 'Failed to delete role')\n      flash(message, 'error')\n    }\n  }, [confirm, t])\n\n  const columns = React.useMemo<ColumnDef<RoleRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('customer_accounts.admin.roles.columns.name', 'Name'),\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/customer_accounts/roles/${row.original.id}`}\n          className=\"font-medium hover:underline\"\n        >\n          {row.original.name}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'slug',\n      header: t('customer_accounts.admin.roles.columns.slug', 'Slug'),\n      cell: ({ row }) => (\n        <code className=\"rounded bg-muted px-1.5 py-0.5 text-xs\">{row.original.slug}</code>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: t('customer_accounts.admin.roles.columns.description', 'Description'),\n      cell: ({ row }) => row.original.description || <span className=\"text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isSystem',\n      header: t('customer_accounts.admin.roles.columns.isSystem', 'System'),\n      cell: ({ row }) => (\n        row.original.isSystem ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n            {t('customer_accounts.admin.roles.system', 'System')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'isDefault',\n      header: t('customer_accounts.admin.roles.columns.isDefault', 'Default'),\n      cell: ({ row }) => (\n        row.original.isDefault ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n            {t('customer_accounts.admin.roles.default', 'Default')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'customerAssignable',\n      header: t('customer_accounts.admin.roles.columns.customerAssignable', 'Self-assignable'),\n      cell: ({ row }) => (\n        row.original.customerAssignable ? (\n          <span className=\"inline-flex items-center rounded-full bg-purple-100 px-2 py-0.5 text-xs font-medium text-purple-800 dark:bg-purple-900 dark:text-purple-200\">\n            {t('customer_accounts.admin.roles.assignable', 'Yes')}\n          </span>\n        ) : (\n          <span className=\"text-muted-foreground text-sm\">\n            {t('customer_accounts.admin.roles.notAssignable', 'No')}\n          </span>\n        )\n      ),\n    },\n  ], [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<RoleRow>\n          title={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/customer_accounts/roles/create\">\n                {t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.roles.searchPlaceholder', 'Search roles...')}\n          perspective={{ tableId: 'customer_accounts.admin.roles' }}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/roles/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('customer_accounts.admin.roles.actions.edit', 'Edit'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/roles/${row.id}`) },\n                },\n                ...(!row.isSystem ? [{\n                  id: 'delete',\n                  label: t('customer_accounts.admin.roles.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                }] : []),\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.js

@@ -8,7 +8,8 @@ import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
 import { Button } from "@open-mercato/ui/primitives/button";
-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 { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -260,9 +261,12 @@ function CustomerDomainSettingsPage() {
       setIsMutating(true);
       try {
         await runMutationWithContext(async () => {
-          const call = await apiCall(
-            `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,
-            { method: "DELETE" }
+          const call = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(mapping.updatedAt),
+            () => apiCall(
+              `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,
+              { method: "DELETE" }
+            )
           );
           if (!call.ok || !call.result?.ok) {
             const message = call.result?.error || t("customer_accounts.domainMapping.error.load", "Could not load custom-domain configuration");

package/dist/modules/customer_accounts/backend/customer_accounts/settings/domain/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customer_accounts/backend/customer_accounts/settings/domain/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Globe } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\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 { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { OrgSwitcher, type OrgOption } from './components/OrgSwitcher'\nimport { DomainPanel } from './components/DomainPanel'\nimport { RegisterDialog } from './components/RegisterDialog'\nimport type { DomainListResponse, DomainMappingRow, DomainConfig } from './components/types'\n\nconst STATE_LOADING = 'loading'\nconst STATE_LOADED = 'loaded'\nconst STATE_ERROR = 'error'\ntype LoadState = typeof STATE_LOADING | typeof STATE_LOADED | typeof STATE_ERROR\n\ntype OrgSwitcherNode = {\n  id: string\n  name: string\n  depth: number\n  selectable: boolean\n  children: OrgSwitcherNode[]\n}\n\ntype OrgSwitcherResponse = {\n  items?: OrgSwitcherNode[]\n  selectedId?: string | null\n}\n\nfunction flattenOrgNodes(nodes: OrgSwitcherNode[] | undefined, acc: OrgOption[] = [], depth = 0): OrgOption[] {\n  if (!nodes) return acc\n  for (const node of nodes) {\n    if (node.selectable) {\n      acc.push({ id: node.id, label: node.name, depth })\n    }\n    flattenOrgNodes(node.children, acc, depth + 1)\n  }\n  return acc\n}\n\nexport default function CustomerDomainSettingsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n\n  const [orgOptions, setOrgOptions] = React.useState<OrgOption[]>([])\n  const [defaultOrgId, setDefaultOrgId] = React.useState<string | null>(null)\n  const [orgsLoaded, setOrgsLoaded] = React.useState(false)\n\n  const urlOrgId = searchParams?.get('org') ?? null\n  const selectedOrgId = urlOrgId ?? defaultOrgId\n\n  const [mappings, setMappings] = React.useState<DomainMappingRow[]>([])\n  const [config, setConfig] = React.useState<DomainConfig>({ cnameTarget: null, aRecordTarget: null })\n  const [loadState, setLoadState] = React.useState<LoadState>(STATE_LOADING)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [registerOpen, setRegisterOpen] = React.useState(false)\n  const [registerMode, setRegisterMode] = React.useState<'register' | 'change'>('register')\n  const [replaceTargetId, setReplaceTargetId] = React.useState<string | null>(null)\n  const [isMutating, setIsMutating] = React.useState(false)\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation } = useGuardedMutation<{ entityType: string; entityId?: string }>({\n    contextId: 'customer_accounts:domain-settings',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:domain_mapping' },\n      })\n    },\n    [runMutation],\n  )\n\n  const refresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadOrgs() {\n      try {\n        const call = await apiCall<OrgSwitcherResponse>('/api/directory/organization-switcher')\n        if (cancelled) return\n        if (!call.ok || !call.result) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n          return\n        }\n        const flat = flattenOrgNodes(call.result.items, [], 0)\n        setOrgOptions(flat)\n        const fallback = call.result.selectedId ?? (flat[0]?.id ?? null)\n        setDefaultOrgId(fallback)\n      } catch {\n        if (!cancelled) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n        }\n      } finally {\n        if (!cancelled) setOrgsLoaded(true)\n      }\n    }\n    loadOrgs()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!orgsLoaded) return\n    if (!selectedOrgId) {\n      setMappings([])\n      setConfig({ cnameTarget: null, aRecordTarget: null })\n      setLoadState(STATE_LOADED)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setLoadState(STATE_LOADING)\n      try {\n        const call = await apiCall<DomainListResponse>(\n          `/api/customer_accounts/admin/domain-mappings?organizationId=${encodeURIComponent(selectedOrgId!)}`,\n        )\n        if (cancelled) return\n        if (!call.ok || !call.result?.ok) {\n          setLoadState(STATE_ERROR)\n          return\n        }\n        setMappings(Array.isArray(call.result.domainMappings) ? call.result.domainMappings : [])\n        setConfig(call.result.config ?? { cnameTarget: null, aRecordTarget: null })\n        setLoadState(STATE_LOADED)\n      } catch {\n        if (!cancelled) setLoadState(STATE_ERROR)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [orgsLoaded, selectedOrgId, reloadToken])\n\n  useAppEvent('customer_accounts.domain_mapping.*', () => {\n    refresh()\n  }, [refresh])\n\n  const orderedMappings = React.useMemo(() => {\n    if (mappings.length === 0) return []\n    const sorted = [...mappings].sort((a, b) => {\n      const aActive = a.status === 'active' ? 0 : 1\n      const bActive = b.status === 'active' ? 0 : 1\n      if (aActive !== bActive) return aActive - bActive\n      return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()\n    })\n    return sorted\n  }, [mappings])\n\n  const primaryActiveId = React.useMemo(() => {\n    const active = orderedMappings.find((m) => m.status === 'active')\n    if (active) return active.id\n    return orderedMappings[0]?.id ?? null\n  }, [orderedMappings])\n\n  const handleOrgChange = React.useCallback(\n    (next: string) => {\n      const params = new URLSearchParams(searchParams?.toString() ?? '')\n      if (next) params.set('org', next)\n      else params.delete('org')\n      const qs = params.toString()\n      router.replace(qs ? `?${qs}` : '?', { scroll: false })\n    },\n    [router, searchParams],\n  )\n\n  const handleOpenRegister = React.useCallback(() => {\n    setRegisterMode('register')\n    setReplaceTargetId(null)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleOpenChange = React.useCallback((mappingId: string) => {\n    setRegisterMode('change')\n    setReplaceTargetId(mappingId)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleSubmitRegister = React.useCallback(\n    async (hostname: string) => {\n      if (!selectedOrgId) {\n        throw new Error(t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration'))\n      }\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const body: Record<string, unknown> = {\n            hostname,\n            organizationId: selectedOrgId,\n          }\n          if (registerMode === 'change' && replaceTargetId) {\n            body.replacesDomainId = replaceTargetId\n          }\n          const call = await apiCall<{ ok: boolean; error?: string; domainMapping?: DomainMappingRow }>(\n            '/api/customer_accounts/admin/domain-mappings',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify(body),\n            },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error\n              || t('customer_accounts.domainMapping.alreadyClaimed', 'This domain is not available. Please choose a different hostname.')\n            throw new Error(message)\n          }\n          flash(t('customer_accounts.domainMapping.registered', 'Domain registered successfully'), 'success')\n          setRegisterOpen(false)\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, registerMode, replaceTargetId, runMutationWithContext, selectedOrgId, t],\n  )\n\n  const handleCheckNow = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/verify`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRetryTls = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/health-check`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRemove = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      const replacement = orderedMappings.find(\n        (m) => m.id !== mapping.id && m.status !== 'active',\n      )\n      const text = replacement\n        ? t('customer_accounts.domainMapping.removeConfirm.hasReplacement', 'This will also cancel the pending replacement domain ({hostname}).', { hostname: replacement.hostname })\n        : t('customer_accounts.domainMapping.removeConfirm', 'Are you sure? Customers using this domain will no longer be able to reach your portal.')\n      const confirmed = await confirm({\n        title: t('customer_accounts.domainMapping.removeConfirm.title', 'Remove custom domain?'),\n        text,\n        variant: 'destructive',\n        confirmText: t('customer_accounts.domainMapping.removeDomain', 'Remove Domain'),\n      })\n      if (!confirmed) return\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,\n            { method: 'DELETE' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          flash(t('customer_accounts.domainMapping.removed', 'Domain removed'), 'success')\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [confirm, orderedMappings, refresh, runMutationWithContext, t],\n  )\n\n  const replaceTargetHostname = React.useMemo(() => {\n    if (registerMode !== 'change' || !replaceTargetId) return null\n    return orderedMappings.find((m) => m.id === replaceTargetId)?.hostname ?? null\n  }, [orderedMappings, registerMode, replaceTargetId])\n\n  return (\n    <Page>\n      <div className=\"px-3 py-3 md:px-6 md:py-4\">\n        <FormHeader\n          mode=\"detail\"\n          title={t('customer_accounts.domainMapping.title', 'Custom Domain')}\n          subtitle={t('customer_accounts.domainMapping.description', 'Map your own domain to the customer portal')}\n          backHref=\"/backend/customer_accounts/settings\"\n          backLabel={t('customer_accounts.settings.title', 'Portal Settings')}\n        />\n      </div>\n\n      <PageBody className=\"space-y-6\">\n        {orgOptions.length > 1 ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-card px-4 py-3\">\n            <OrgSwitcher\n              options={orgOptions}\n              selectedId={selectedOrgId}\n              onChange={handleOrgChange}\n            />\n          </div>\n        ) : null}\n\n        {loadState === STATE_LOADING ? (\n          <LoadingMessage label={t('customer_accounts.domainMapping.loading', 'Loading domain configuration\u2026')} />\n        ) : null}\n\n        {loadState === STATE_ERROR ? (\n          <ErrorMessage\n            label={t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')}\n            action={\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={refresh}>\n                {t('customer_accounts.domainMapping.verifyNow', 'Check Now')}\n              </Button>\n            }\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length === 0 && selectedOrgId ? (\n          <EmptyState\n            icon={<Globe className=\"h-8 w-8\" aria-hidden />}\n            title={t('customer_accounts.domainMapping.empty.title', 'No custom domain yet')}\n            description={t('customer_accounts.domainMapping.empty.description', 'Connect your own domain so customers can reach the portal at a branded URL.')}\n            action={{\n              label: t('customer_accounts.domainMapping.empty.cta', 'Register Domain'),\n              onClick: handleOpenRegister,\n              icon: <Globe className=\"h-4 w-4\" aria-hidden />,\n            }}\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length > 0 ? (\n          <div className=\"space-y-4\">\n            {orderedMappings.map((mapping) => {\n              const isReplacement = mapping.id !== primaryActiveId && mapping.status !== 'active'\n              return (\n                <DomainPanel\n                  key={mapping.id}\n                  mapping={mapping}\n                  isReplacement={isReplacement}\n                  cnameTarget={config.cnameTarget}\n                  aRecordTarget={config.aRecordTarget}\n                  busy={isMutating}\n                  onCheckNow={() => handleCheckNow(mapping)}\n                  onRetryTls={() => handleRetryTls(mapping)}\n                  onChangeDomain={() => handleOpenChange(mapping.id)}\n                  onRemove={() => handleRemove(mapping)}\n                />\n              )\n            })}\n          </div>\n        ) : null}\n      </PageBody>\n\n      <RegisterDialog\n        open={registerOpen}\n        onOpenChange={setRegisterOpen}\n        mode={registerMode}\n        currentHostname={replaceTargetHostname}\n        onSubmit={handleSubmitRegister}\n      />\n\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Globe } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\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 { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { OrgSwitcher, type OrgOption } from './components/OrgSwitcher'\nimport { DomainPanel } from './components/DomainPanel'\nimport { RegisterDialog } from './components/RegisterDialog'\nimport type { DomainListResponse, DomainMappingRow, DomainConfig } from './components/types'\n\nconst STATE_LOADING = 'loading'\nconst STATE_LOADED = 'loaded'\nconst STATE_ERROR = 'error'\ntype LoadState = typeof STATE_LOADING | typeof STATE_LOADED | typeof STATE_ERROR\n\ntype OrgSwitcherNode = {\n  id: string\n  name: string\n  depth: number\n  selectable: boolean\n  children: OrgSwitcherNode[]\n}\n\ntype OrgSwitcherResponse = {\n  items?: OrgSwitcherNode[]\n  selectedId?: string | null\n}\n\nfunction flattenOrgNodes(nodes: OrgSwitcherNode[] | undefined, acc: OrgOption[] = [], depth = 0): OrgOption[] {\n  if (!nodes) return acc\n  for (const node of nodes) {\n    if (node.selectable) {\n      acc.push({ id: node.id, label: node.name, depth })\n    }\n    flattenOrgNodes(node.children, acc, depth + 1)\n  }\n  return acc\n}\n\nexport default function CustomerDomainSettingsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n\n  const [orgOptions, setOrgOptions] = React.useState<OrgOption[]>([])\n  const [defaultOrgId, setDefaultOrgId] = React.useState<string | null>(null)\n  const [orgsLoaded, setOrgsLoaded] = React.useState(false)\n\n  const urlOrgId = searchParams?.get('org') ?? null\n  const selectedOrgId = urlOrgId ?? defaultOrgId\n\n  const [mappings, setMappings] = React.useState<DomainMappingRow[]>([])\n  const [config, setConfig] = React.useState<DomainConfig>({ cnameTarget: null, aRecordTarget: null })\n  const [loadState, setLoadState] = React.useState<LoadState>(STATE_LOADING)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [registerOpen, setRegisterOpen] = React.useState(false)\n  const [registerMode, setRegisterMode] = React.useState<'register' | 'change'>('register')\n  const [replaceTargetId, setReplaceTargetId] = React.useState<string | null>(null)\n  const [isMutating, setIsMutating] = React.useState(false)\n\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation } = useGuardedMutation<{ entityType: string; entityId?: string }>({\n    contextId: 'customer_accounts:domain-settings',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:domain_mapping' },\n      })\n    },\n    [runMutation],\n  )\n\n  const refresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadOrgs() {\n      try {\n        const call = await apiCall<OrgSwitcherResponse>('/api/directory/organization-switcher')\n        if (cancelled) return\n        if (!call.ok || !call.result) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n          return\n        }\n        const flat = flattenOrgNodes(call.result.items, [], 0)\n        setOrgOptions(flat)\n        const fallback = call.result.selectedId ?? (flat[0]?.id ?? null)\n        setDefaultOrgId(fallback)\n      } catch {\n        if (!cancelled) {\n          setOrgOptions([])\n          setDefaultOrgId(null)\n        }\n      } finally {\n        if (!cancelled) setOrgsLoaded(true)\n      }\n    }\n    loadOrgs()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!orgsLoaded) return\n    if (!selectedOrgId) {\n      setMappings([])\n      setConfig({ cnameTarget: null, aRecordTarget: null })\n      setLoadState(STATE_LOADED)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setLoadState(STATE_LOADING)\n      try {\n        const call = await apiCall<DomainListResponse>(\n          `/api/customer_accounts/admin/domain-mappings?organizationId=${encodeURIComponent(selectedOrgId!)}`,\n        )\n        if (cancelled) return\n        if (!call.ok || !call.result?.ok) {\n          setLoadState(STATE_ERROR)\n          return\n        }\n        setMappings(Array.isArray(call.result.domainMappings) ? call.result.domainMappings : [])\n        setConfig(call.result.config ?? { cnameTarget: null, aRecordTarget: null })\n        setLoadState(STATE_LOADED)\n      } catch {\n        if (!cancelled) setLoadState(STATE_ERROR)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [orgsLoaded, selectedOrgId, reloadToken])\n\n  useAppEvent('customer_accounts.domain_mapping.*', () => {\n    refresh()\n  }, [refresh])\n\n  const orderedMappings = React.useMemo(() => {\n    if (mappings.length === 0) return []\n    const sorted = [...mappings].sort((a, b) => {\n      const aActive = a.status === 'active' ? 0 : 1\n      const bActive = b.status === 'active' ? 0 : 1\n      if (aActive !== bActive) return aActive - bActive\n      return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()\n    })\n    return sorted\n  }, [mappings])\n\n  const primaryActiveId = React.useMemo(() => {\n    const active = orderedMappings.find((m) => m.status === 'active')\n    if (active) return active.id\n    return orderedMappings[0]?.id ?? null\n  }, [orderedMappings])\n\n  const handleOrgChange = React.useCallback(\n    (next: string) => {\n      const params = new URLSearchParams(searchParams?.toString() ?? '')\n      if (next) params.set('org', next)\n      else params.delete('org')\n      const qs = params.toString()\n      router.replace(qs ? `?${qs}` : '?', { scroll: false })\n    },\n    [router, searchParams],\n  )\n\n  const handleOpenRegister = React.useCallback(() => {\n    setRegisterMode('register')\n    setReplaceTargetId(null)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleOpenChange = React.useCallback((mappingId: string) => {\n    setRegisterMode('change')\n    setReplaceTargetId(mappingId)\n    setRegisterOpen(true)\n  }, [])\n\n  const handleSubmitRegister = React.useCallback(\n    async (hostname: string) => {\n      if (!selectedOrgId) {\n        throw new Error(t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration'))\n      }\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const body: Record<string, unknown> = {\n            hostname,\n            organizationId: selectedOrgId,\n          }\n          if (registerMode === 'change' && replaceTargetId) {\n            body.replacesDomainId = replaceTargetId\n          }\n          // optimistic-lock-exempt: registers a new domain mapping (create), not a concurrent record edit\n          const call = await apiCall<{ ok: boolean; error?: string; domainMapping?: DomainMappingRow }>(\n            '/api/customer_accounts/admin/domain-mappings',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify(body),\n            },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error\n              || t('customer_accounts.domainMapping.alreadyClaimed', 'This domain is not available. Please choose a different hostname.')\n            throw new Error(message)\n          }\n          flash(t('customer_accounts.domainMapping.registered', 'Domain registered successfully'), 'success')\n          setRegisterOpen(false)\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, registerMode, replaceTargetId, runMutationWithContext, selectedOrgId, t],\n  )\n\n  const handleCheckNow = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          // optimistic-lock-exempt: DNS verify action endpoint, not a concurrent record edit\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/verify`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRetryTls = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          // optimistic-lock-exempt: TLS health-check action endpoint, not a concurrent record edit\n          const call = await apiCall<{ ok: boolean; error?: string }>(\n            `/api/customer_accounts/admin/domain-mappings/${encodeURIComponent(mapping.id)}/health-check`,\n            { method: 'POST' },\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [refresh, runMutationWithContext, t],\n  )\n\n  const handleRemove = React.useCallback(\n    async (mapping: DomainMappingRow) => {\n      const replacement = orderedMappings.find(\n        (m) => m.id !== mapping.id && m.status !== 'active',\n      )\n      const text = replacement\n        ? t('customer_accounts.domainMapping.removeConfirm.hasReplacement', 'This will also cancel the pending replacement domain ({hostname}).', { hostname: replacement.hostname })\n        : t('customer_accounts.domainMapping.removeConfirm', 'Are you sure? Customers using this domain will no longer be able to reach your portal.')\n      const confirmed = await confirm({\n        title: t('customer_accounts.domainMapping.removeConfirm.title', 'Remove custom domain?'),\n        text,\n        variant: 'destructive',\n        confirmText: t('customer_accounts.domainMapping.removeDomain', 'Remove Domain'),\n      })\n      if (!confirmed) return\n      setIsMutating(true)\n      try {\n        await runMutationWithContext(async () => {\n          const call = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(mapping.updatedAt),\n            () => apiCall<{ ok: boolean; error?: string }>(\n              `/api/customer_accounts/admin/domain-mappings?id=${encodeURIComponent(mapping.id)}`,\n              { method: 'DELETE' },\n            ),\n          )\n          if (!call.ok || !call.result?.ok) {\n            const message = call.result?.error || t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')\n            flash(message, 'error')\n            return\n          }\n          flash(t('customer_accounts.domainMapping.removed', 'Domain removed'), 'success')\n          refresh()\n        })\n      } finally {\n        setIsMutating(false)\n      }\n    },\n    [confirm, orderedMappings, refresh, runMutationWithContext, t],\n  )\n\n  const replaceTargetHostname = React.useMemo(() => {\n    if (registerMode !== 'change' || !replaceTargetId) return null\n    return orderedMappings.find((m) => m.id === replaceTargetId)?.hostname ?? null\n  }, [orderedMappings, registerMode, replaceTargetId])\n\n  return (\n    <Page>\n      <div className=\"px-3 py-3 md:px-6 md:py-4\">\n        <FormHeader\n          mode=\"detail\"\n          title={t('customer_accounts.domainMapping.title', 'Custom Domain')}\n          subtitle={t('customer_accounts.domainMapping.description', 'Map your own domain to the customer portal')}\n          backHref=\"/backend/customer_accounts/settings\"\n          backLabel={t('customer_accounts.settings.title', 'Portal Settings')}\n        />\n      </div>\n\n      <PageBody className=\"space-y-6\">\n        {orgOptions.length > 1 ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-card px-4 py-3\">\n            <OrgSwitcher\n              options={orgOptions}\n              selectedId={selectedOrgId}\n              onChange={handleOrgChange}\n            />\n          </div>\n        ) : null}\n\n        {loadState === STATE_LOADING ? (\n          <LoadingMessage label={t('customer_accounts.domainMapping.loading', 'Loading domain configuration\u2026')} />\n        ) : null}\n\n        {loadState === STATE_ERROR ? (\n          <ErrorMessage\n            label={t('customer_accounts.domainMapping.error.load', 'Could not load custom-domain configuration')}\n            action={\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={refresh}>\n                {t('customer_accounts.domainMapping.verifyNow', 'Check Now')}\n              </Button>\n            }\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length === 0 && selectedOrgId ? (\n          <EmptyState\n            icon={<Globe className=\"h-8 w-8\" aria-hidden />}\n            title={t('customer_accounts.domainMapping.empty.title', 'No custom domain yet')}\n            description={t('customer_accounts.domainMapping.empty.description', 'Connect your own domain so customers can reach the portal at a branded URL.')}\n            action={{\n              label: t('customer_accounts.domainMapping.empty.cta', 'Register Domain'),\n              onClick: handleOpenRegister,\n              icon: <Globe className=\"h-4 w-4\" aria-hidden />,\n            }}\n          />\n        ) : null}\n\n        {loadState === STATE_LOADED && orderedMappings.length > 0 ? (\n          <div className=\"space-y-4\">\n            {orderedMappings.map((mapping) => {\n              const isReplacement = mapping.id !== primaryActiveId && mapping.status !== 'active'\n              return (\n                <DomainPanel\n                  key={mapping.id}\n                  mapping={mapping}\n                  isReplacement={isReplacement}\n                  cnameTarget={config.cnameTarget}\n                  aRecordTarget={config.aRecordTarget}\n                  busy={isMutating}\n                  onCheckNow={() => handleCheckNow(mapping)}\n                  onRetryTls={() => handleRetryTls(mapping)}\n                  onChangeDomain={() => handleOpenChange(mapping.id)}\n                  onRemove={() => handleRemove(mapping)}\n                />\n              )\n            })}\n          </div>\n        ) : null}\n      </PageBody>\n\n      <RegisterDialog\n        open={registerOpen}\n        onOpenChange={setRegisterOpen}\n        mode={registerMode}\n        currentHostname={replaceTargetHostname}\n        onSubmit={handleSubmitRegister}\n      />\n\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/users/[id]/page.js

@@ -11,7 +11,9 @@ import { PasswordInput } from "@open-mercato/ui/primitives/password-input";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
-import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, readApiResultOrThrow, 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 { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -299,21 +301,25 @@ function CustomerUserDetailPage({ params }) {
     setIsSaving(true);
     try {
       await runMutationWithContext(async () => {
-        const call = await apiCall(
-          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
-          {
-            method: "PUT",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({
-              displayName: editDisplayName.trim() || void 0,
-              isActive: editActive,
-              roleIds: selectedRoleIds,
-              personEntityId: editPersonEntityId,
-              customerEntityId: editCustomerEntityId
-            })
-          }
+        const call = await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(data.updatedAt),
+          () => apiCall(
+            `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
+            {
+              method: "PUT",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({
+                displayName: editDisplayName.trim() || void 0,
+                isActive: editActive,
+                roleIds: selectedRoleIds,
+                personEntityId: editPersonEntityId,
+                customerEntityId: editCustomerEntityId
+              })
+            }
+          )
         );
         if (!call.ok) {
+          if (surfaceRecordConflict({ status: call.status, body: call.result }, t)) return;
           flash(call.result?.error || t("customer_accounts.admin.detail.error.save", "Failed to save user"), "error");
           return;
         }
@@ -323,7 +329,8 @@ function CustomerUserDetailPage({ params }) {
           isActive: editActive ?? prev.isActive,
           displayName: editDisplayName.trim() || prev.displayName,
           personEntityId: editPersonEntityId,
-          customerEntityId: editCustomerEntityId
+          customerEntityId: editCustomerEntityId,
+          updatedAt: call.result?.updatedAt ?? prev.updatedAt
         } : prev);
       }, { displayName: editDisplayName, isActive: editActive, roleIds: selectedRoleIds, personEntityId: editPersonEntityId, customerEntityId: editCustomerEntityId });
     } catch (err) {
@@ -344,11 +351,15 @@ function CustomerUserDetailPage({ params }) {
     if (!confirmed) return;
     try {
       await runMutationWithContext(async () => {
-        const call = await apiCall(
-          `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
-          { method: "DELETE" }
+        const call = await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(data.updatedAt),
+          () => apiCall(
+            `/api/customer_accounts/admin/users/${encodeURIComponent(id)}`,
+            { method: "DELETE" }
+          )
         );
         if (!call.ok) {
+          if (surfaceRecordConflict({ status: call.status, body: call.result }, t)) return;
           flash(t("customer_accounts.admin.error.delete", "Failed to delete user"), "error");
           return;
         }