@open-mercato/core 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3276.1.1fcd145078

package/dist/modules/staff/components/TeamRoleForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/staff/components/TeamRoleForm.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { normalizeCustomFieldValues } from '@open-mercato/shared/lib/custom-fields/normalize'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TeamRoleFormValues = {\n  id?: string\n  teamId?: string | null\n  name: string\n  description?: string | null\n  appearance?: { icon?: string | null; color?: string | null }\n} & Record<string, unknown>\n\nexport type TeamRoleOption = {\n  id: string\n  name: string\n}\n\nexport type TeamRoleFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: TeamRoleFormValues\n  teamOptions?: TeamRoleOption[]\n  onSubmit: (values: TeamRoleFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  extraActions?: React.ReactNode\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildTeamRolePayload = (\n  values: TeamRoleFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> => {\n  const name = typeof values.name === 'string' ? values.name.trim() : ''\n  const description = typeof values.description === 'string' && values.description.trim().length\n    ? values.description.trim()\n    : null\n  const teamId = typeof values.teamId === 'string' && values.teamId.trim().length ? values.teamId : null\n  const appearance = values.appearance && typeof values.appearance === 'object'\n    ? values.appearance as { icon?: string | null; color?: string | null }\n    : {}\n  const customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    teamId,\n    name,\n    description,\n    appearanceIcon: appearance.icon ?? null,\n    appearanceColor: appearance.color ?? null,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamRoleForm(props: TeamRoleFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    teamOptions,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    extraActions,\n  } = props\n  const t = useT()\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('staff.teamRoles.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('staff.teamRoles.form.appearance.colorHelp', 'Pick a color for this team role.'),\n    colorClearLabel: t('staff.teamRoles.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('staff.teamRoles.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('staff.teamRoles.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('staff.teamRoles.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('staff.teamRoles.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('staff.teamRoles.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('staff.teamRoles.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('staff.teamRoles.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('staff.teamRoles.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const base: CrudField[] = []\n    if (teamOptions && teamOptions.length) {\n      base.push({\n        id: 'teamId',\n        label: t('staff.teamRoles.form.fields.team', 'Team'),\n        type: 'select',\n        listbox: true,\n        options: [\n          { value: '', label: t('staff.teamRoles.form.fields.team.unassigned', 'Unassigned') },\n          ...teamOptions.map((team) => ({ value: team.id, label: team.name })),\n        ],\n      })\n    }\n    base.push(\n      { id: 'name', label: t('staff.teamRoles.form.fields.name', 'Name'), type: 'text', required: true },\n      { id: 'description', label: t('staff.teamRoles.form.fields.description', 'Description'), type: 'richtext' },\n      {\n        id: 'appearance',\n        label: t('staff.teamRoles.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          const current = value && typeof value === 'object'\n            ? (value as { icon?: string | null; color?: string | null })\n            : {}\n          return (\n            <AppearanceSelector\n              icon={current.icon ?? null}\n              color={current.color ?? null}\n              onIconChange={(next) => setValue({ ...current, icon: next })}\n              onColorChange={(next) => setValue({ ...current, color: next })}\n              labels={appearanceLabels}\n            />\n          )\n        },\n      },\n    )\n    return base\n  }, [appearanceLabels, t, teamOptions])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: teamOptions && teamOptions.length ? ['teamId', 'name', 'description', 'appearance'] : ['name', 'description', 'appearance'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t, teamOptions])\n\n  return (\n    <CrudForm<TeamRoleFormValues>\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.teamRole', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team_role}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n      extraActions={extraActions}\n    />\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { normalizeCustomFieldValues } from '@open-mercato/shared/lib/custom-fields/normalize'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TeamRoleFormValues = {\n  id?: string\n  teamId?: string | null\n  name: string\n  description?: string | null\n  appearance?: { icon?: string | null; color?: string | null }\n} & Record<string, unknown>\n\nexport type TeamRoleOption = {\n  id: string\n  name: string\n}\n\nexport type TeamRoleFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: TeamRoleFormValues\n  teamOptions?: TeamRoleOption[]\n  onSubmit: (values: TeamRoleFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  extraActions?: React.ReactNode\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildTeamRolePayload = (\n  values: TeamRoleFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> => {\n  const name = typeof values.name === 'string' ? values.name.trim() : ''\n  const description = typeof values.description === 'string' && values.description.trim().length\n    ? values.description.trim()\n    : null\n  const teamId = typeof values.teamId === 'string' && values.teamId.trim().length ? values.teamId : null\n  const appearance = values.appearance && typeof values.appearance === 'object'\n    ? values.appearance as { icon?: string | null; color?: string | null }\n    : {}\n  const customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    teamId,\n    name,\n    description,\n    appearanceIcon: appearance.icon ?? null,\n    appearanceColor: appearance.color ?? null,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamRoleForm(props: TeamRoleFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    teamOptions,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    extraActions,\n  } = props\n  const t = useT()\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('staff.teamRoles.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('staff.teamRoles.form.appearance.colorHelp', 'Pick a color for this team role.'),\n    colorClearLabel: t('staff.teamRoles.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('staff.teamRoles.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('staff.teamRoles.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('staff.teamRoles.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('staff.teamRoles.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('staff.teamRoles.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('staff.teamRoles.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('staff.teamRoles.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('staff.teamRoles.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const base: CrudField[] = []\n    if (teamOptions && teamOptions.length) {\n      base.push({\n        id: 'teamId',\n        label: t('staff.teamRoles.form.fields.team', 'Team'),\n        type: 'select',\n        listbox: true,\n        options: [\n          { value: '', label: t('staff.teamRoles.form.fields.team.unassigned', 'Unassigned') },\n          ...teamOptions.map((team) => ({ value: team.id, label: team.name })),\n        ],\n      })\n    }\n    base.push(\n      { id: 'name', label: t('staff.teamRoles.form.fields.name', 'Name'), type: 'text', required: true },\n      { id: 'description', label: t('staff.teamRoles.form.fields.description', 'Description'), type: 'richtext', editor: 'html' },\n      {\n        id: 'appearance',\n        label: t('staff.teamRoles.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          const current = value && typeof value === 'object'\n            ? (value as { icon?: string | null; color?: string | null })\n            : {}\n          return (\n            <AppearanceSelector\n              icon={current.icon ?? null}\n              color={current.color ?? null}\n              onIconChange={(next) => setValue({ ...current, icon: next })}\n              onColorChange={(next) => setValue({ ...current, color: next })}\n              labels={appearanceLabels}\n            />\n          )\n        },\n      },\n    )\n    return base\n  }, [appearanceLabels, t, teamOptions])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: teamOptions && teamOptions.length ? ['teamId', 'name', 'description', 'appearance'] : ['name', 'description', 'appearance'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t, teamOptions])\n\n  return (\n    <CrudForm<TeamRoleFormValues>\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.teamRole', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team_role}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n      extraActions={extraActions}\n    />\n  )\n}\n"],
+  "mappings": ";AA0HY;AAxHZ,YAAY,WAAW;AACvB,SAAS,gBAAoD;AAC7D,SAAS,gCAAgC;AACzC,SAAS,kCAAkC;AAC3C,SAAS,0BAA0B;AACnC,SAAS,SAAS;AAClB,SAAS,YAAY;AA6BrB,MAAM,kCAAkC,CAAC,UAA4B;AACnE,QAAM,aAAa,2BAA2B,EAAE,MAAM,CAAC;AACvD,SAAO,WAAW;AACpB;AAEO,MAAM,uBAAuB,CAClC,QACA,UAA2B,CAAC,MACA;AAC5B,QAAM,OAAO,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,IAAI;AACpE,QAAM,cAAc,OAAO,OAAO,gBAAgB,YAAY,OAAO,YAAY,KAAK,EAAE,SACpF,OAAO,YAAY,KAAK,IACxB;AACJ,QAAM,SAAS,OAAO,OAAO,WAAW,YAAY,OAAO,OAAO,KAAK,EAAE,SAAS,OAAO,SAAS;AAClG,QAAM,aAAa,OAAO,cAAc,OAAO,OAAO,eAAe,WACjE,OAAO,aACP,CAAC;AACL,QAAM,eAAe,yBAAyB,QAAQ,EAAE,WAAW,gCAAgC,CAAC;AACpG,SAAO;AAAA,IACL,GAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,GAAG,IAAI,CAAC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,WAAW,QAAQ;AAAA,IACnC,iBAAiB,WAAW,SAAS;AAAA,IACrC,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,EAAE,aAAa,IAAI,CAAC;AAAA,EAC7D;AACF;AAEO,SAAS,aAAa,OAA0B;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,IAAI,KAAK;AAEf,QAAM,mBAAmB,MAAM,QAAQ,OAAO;AAAA,IAC5C,YAAY,EAAE,8CAA8C,OAAO;AAAA,IACnE,WAAW,EAAE,6CAA6C,kCAAkC;AAAA,IAC5F,iBAAiB,EAAE,8CAA8C,aAAa;AAAA,IAC9E,WAAW,EAAE,6CAA6C,MAAM;AAAA,IAChE,iBAAiB,EAAE,mDAAmD,4BAA4B;AAAA,IAClG,wBAAwB,EAAE,8CAA8C,cAAc;AAAA,IACtF,uBAAuB,EAAE,8CAA8C,8BAAyB;AAAA,IAChG,sBAAsB,EAAE,mDAAmD,4BAA4B;AAAA,IACvG,sBAAsB,EAAE,mDAAmD,aAAa;AAAA,IACxF,gBAAgB,EAAE,6CAA6C,YAAY;AAAA,IAC3E,mBAAmB,EAAE,gDAAgD,wBAAwB;AAAA,EAC/F,IAAI,CAAC,CAAC,CAAC;AAEP,QAAM,SAAS,MAAM,QAAqB,MAAM;AAC9C,UAAM,OAAoB,CAAC;AAC3B,QAAI,eAAe,YAAY,QAAQ;AACrC,WAAK,KAAK;AAAA,QACR,IAAI;AAAA,QACJ,OAAO,EAAE,oCAAoC,MAAM;AAAA,QACnD,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,EAAE,OAAO,IAAI,OAAO,EAAE,+CAA+C,YAAY,EAAE;AAAA,UACnF,GAAG,YAAY,IAAI,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,EAAE;AAAA,QACrE;AAAA,MACF,CAAC;AAAA,IACH;AACA,SAAK;AAAA,MACH,EAAE,IAAI,QAAQ,OAAO,EAAE,oCAAoC,MAAM,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,MACjG,EAAE,IAAI,eAAe,OAAO,EAAE,2CAA2C,aAAa,GAAG,MAAM,YAAY,QAAQ,OAAO;AAAA,MAC1H;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,yCAAyC,YAAY;AAAA,QAC9D,MAAM;AAAA,QACN,WAAW,CAAC,EAAE,OAAO,SAAS,MAAM;AAClC,gBAAM,UAAU,SAAS,OAAO,UAAU,WACrC,QACD,CAAC;AACL,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,QAAQ,QAAQ;AAAA,cACtB,OAAO,QAAQ,SAAS;AAAA,cACxB,cAAc,CAAC,SAAS,SAAS,EAAE,GAAG,SAAS,MAAM,KAAK,CAAC;AAAA,cAC3D,eAAe,CAAC,SAAS,SAAS,EAAE,GAAG,SAAS,OAAO,KAAK,CAAC;AAAA,cAC7D,QAAQ;AAAA;AAAA,UACV;AAAA,QAEJ;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,kBAAkB,GAAG,WAAW,CAAC;AAErC,QAAM,SAAS,MAAM,QAAyB,MAAM;AAAA,IAClD,EAAE,IAAI,WAAW,QAAQ,eAAe,YAAY,SAAS,CAAC,UAAU,QAAQ,eAAe,YAAY,IAAI,CAAC,QAAQ,eAAe,YAAY,EAAE;AAAA,IACrJ,EAAE,IAAI,UAAU,OAAO,EAAE,+BAA+B,mBAAmB,GAAG,QAAQ,GAAG,MAAM,eAAe;AAAA,EAChH,GAAG,CAAC,GAAG,WAAW,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,cAAc,KAC1B,EAAE,cAAc,kBAAkB,YAAY,OAAO,cAAc,EAAE,EAAE,IACvE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,EAAE,MAAM;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.1-develop.3256.1.fe3dec2464",
+  "version": "0.6.1-develop.3276.1.1fcd145078",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -237,12 +237,12 @@
     "ts-pattern": "^5.0.0"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.1-develop.3256.1.fe3dec2464",
-    "@open-mercato/shared": "0.6.1-develop.3256.1.fe3dec2464"
+    "@open-mercato/ai-assistant": "0.6.1-develop.3276.1.1fcd145078",
+    "@open-mercato/shared": "0.6.1-develop.3276.1.1fcd145078"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.1-develop.3256.1.fe3dec2464",
-    "@open-mercato/shared": "0.6.1-develop.3256.1.fe3dec2464",
+    "@open-mercato/ai-assistant": "0.6.1-develop.3276.1.1fcd145078",
+    "@open-mercato/shared": "0.6.1-develop.3276.1.1fcd145078",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/helpers/integration/authFixtures.ts

@@ -34,7 +34,7 @@ export async function deleteRoleIfExists(
 export async function createUserFixture(
   request: APIRequestContext,
   token: string,
-  input: { email: string; password: string; organizationId: string; roles: string[] },
+  input: { email: string; password: string; organizationId: string; roles: string[]; name?: string },
 ): Promise<string> {
   const response = await apiRequest(request, 'POST', '/api/auth/users', {
     token,

package/src/helpers/integration/authUi.ts

@@ -6,8 +6,17 @@ export async function createUserViaUi(page: Page, input: { email: string; passwo
   await page.goto('/backend/users/create');
   await expect(page.getByText('Create User')).toBeVisible();
 
-  await page.getByRole('textbox').nth(0).fill(input.email);
-  await page.getByRole('textbox').nth(1).fill(input.password);
+  const emailInput = page.locator('[data-crud-field-id="email"] input').first();
+  const nameInput = page.locator('[data-crud-field-id="name"] input').first();
+  const passwordInput = page.locator('[data-crud-field-id="password"] input').first();
+
+  await expect(emailInput).toBeVisible();
+  await emailInput.fill(input.email);
+  if (await nameInput.count()) {
+    await nameInput.fill('');
+  }
+  await expect(passwordInput).toBeVisible();
+  await passwordInput.fill(input.password);
 
   const orgSelect = page.locator('main').locator('select').first();
   await expect(orgSelect).toBeEnabled();

package/src/helpers/integration/salesUi.ts

@@ -1090,13 +1090,22 @@ export async function addAdjustment(page: Page, options: AddAdjustmentOptions):
   const adjustmentRow = page.getByRole('row', { name: new RegExp(escapeRegExp(options.label), 'i') });
   const fillAdjustmentForm = async (): Promise<void> => {
     await dialog.getByText(/Loading adjustments/i).waitFor({ state: 'hidden', timeout: 3_000 }).catch(() => {});
+    // AdjustmentDialog has a useEffect([initialAdjustment, kindOptions,
+    // loadKindOptions, loadTaxRates, open]) that asynchronously loads tax
+    // rates and resets the form via setInitialValues + a formResetKey bump.
+    // If `.fill()` lands before the reset settles, the label is wiped out.
+    // Wait for the tax-rates network response to land before touching the form.
+    await page.waitForLoadState('networkidle', { timeout: 5_000 }).catch(() => {});
     // Radix Select trigger — target by CrudForm field id (kind picker)
     const kindTrigger = dialog.locator('[data-crud-field-id="kind"] [role="combobox"]').first();
     await expect(kindTrigger).toBeVisible({ timeout: TEST_WAIT_TIMEOUT_MS });
 
     const labelInput = dialog.getByPlaceholder(/e\.g\. Shipping fee/i).first();
     await expect(labelInput).toBeVisible({ timeout: TEST_WAIT_TIMEOUT_MS });
-    await fillControlledInput(labelInput, options.label);
+    // Bumped toHaveValue timeout 2 s → 5 s — covers the worst-case reset race
+    // where the tax-rates fetch resolves *after* the networkidle window above
+    // (e.g. when a slow Docker host bundles the requests inconsistently).
+    await fillControlledInput(labelInput, options.label, 5_000);
 
     if ((await kindTrigger.count()) > 0) {
       const expectedKindValue = normalizeAdjustmentKindValue(options.kindLabel ?? 'Surcharge');

package/src/modules/api_docs/frontend/docs/api/Explorer.tsx

@@ -3,7 +3,9 @@
 import { useEffect, useMemo, useState, type ReactNode } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
+import { SearchX } from 'lucide-react'
 import { Input } from '@open-mercato/ui/primitives/input'
+import { EmptyState } from '@open-mercato/ui/primitives/empty-state'
 import {
   Select,
   SelectContent,
@@ -781,9 +783,11 @@ export default function ApiDocsExplorer(props: ApiDocsExplorerProps) {
               )
             })}
             {!categories.length ? (
-              <div className="rounded-lg border border-dashed bg-muted/50 p-6 text-center text-sm text-muted-foreground">
-                No endpoints match your filters. Try adjusting the method filters or clearing the search query.
-              </div>
+              <EmptyState
+                icon={<SearchX className="h-8 w-8" aria-hidden="true" />}
+                title="No endpoints match your filters."
+                description="Try adjusting the method filters or clearing the search query."
+              />
             ) : null}
           </div>
         </section>

package/src/modules/audit_logs/lib/display-helpers.tsx

@@ -1,5 +1,11 @@
 import * as React from 'react'
 import type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from '@open-mercato/ui/primitives/accordion'
 import type { ChangeRow } from './changeRows'
 import { isRecord } from './changeRows'
 export { extractChangeRows, isRecord } from './changeRows'
@@ -125,25 +131,27 @@ export type CollapsibleJsonSectionProps = {
 
 const DEFAULT_TRUNCATE_AT = 5000
 
+const COLLAPSIBLE_JSON_ITEM_VALUE = 'open'
+
 export function CollapsibleJsonSection({ label, value, truncateAt = DEFAULT_TRUNCATE_AT }: CollapsibleJsonSectionProps) {
-  const [isOpen, setIsOpen] = React.useState(false)
+  const [openValue, setOpenValue] = React.useState<string>('')
   const [showFull, setShowFull] = React.useState(false)
 
+  const isOpen = openValue === COLLAPSIBLE_JSON_ITEM_VALUE
   const stringified = React.useMemo(() => (isOpen ? safeStringify(value) : ''), [isOpen, value])
   const isTruncated = stringified.length > truncateAt
   const displayText = !showFull && isTruncated ? stringified.slice(0, truncateAt) : stringified
 
   return (
-    <details
-      className="group rounded-lg border px-4 py-3"
-      onToggle={(event) => setIsOpen((event.target as HTMLDetailsElement).open)}
-    >
-      <summary className="cursor-pointer text-sm font-semibold text-foreground transition-colors group-open:text-primary">
-        {label}
-      </summary>
-      {isOpen ? (
-        <>
-          <pre className="mt-2 max-h-96 overflow-auto whitespace-pre-wrap break-words text-xs leading-5 text-muted-foreground">
+    <Accordion type="single" collapsible value={openValue} onValueChange={setOpenValue}>
+      <AccordionItem value={COLLAPSIBLE_JSON_ITEM_VALUE}>
+        <AccordionTrigger>
+          <span className="font-semibold text-foreground group-data-[state=open]/accordion-trigger:text-primary">
+            {label}
+          </span>
+        </AccordionTrigger>
+        <AccordionContent>
+          <pre className="max-h-96 overflow-auto whitespace-pre-wrap break-words text-xs leading-5 text-muted-foreground">
             {displayText}
             {!showFull && isTruncated ? '\n…' : null}
           </pre>
@@ -156,8 +164,8 @@ export function CollapsibleJsonSection({ label, value, truncateAt = DEFAULT_TRUN
               {showFull ? 'Show less' : `Show all (${Math.ceil(stringified.length / 1024)} KB)`}
             </button>
           ) : null}
-        </>
-      ) : null}
-    </details>
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
   )
 }

package/src/modules/auth/api/users/route.ts

@@ -26,6 +26,7 @@ const querySchema = z.object({
   page: z.coerce.number().min(1).default(1),
   pageSize: z.coerce.number().min(1).max(100).default(50),
   search: z.string().optional(),
+  name: z.string().optional(),
   organizationId: z.string().uuid().optional(),
   roleIds: z.array(z.string().uuid()).optional(),
 }).passthrough()
@@ -34,8 +35,18 @@ const rawBodySchema = z.object({}).passthrough()
 
 const passwordSchema = buildPasswordSchema()
 
+const displayNameSchema = z.preprocess(
+  (value) => {
+    if (typeof value !== 'string') return value
+    const trimmed = value.trim()
+    return trimmed.length ? trimmed : undefined
+  },
+  z.string().trim().min(1).max(120).optional(),
+)
+
 const userCreateSchema = z.object({
   email: z.string().email(),
+  name: displayNameSchema,
   password: passwordSchema.optional(),
   sendInviteEmail: z.boolean().optional(),
   organizationId: z.string().uuid(),
@@ -48,6 +59,7 @@ const userCreateSchema = z.object({
 const userUpdateSchema = z.object({
   id: z.string().uuid(),
   email: z.string().email().optional(),
+  name: displayNameSchema,
   password: passwordSchema.optional(),
   organizationId: z.string().uuid().optional(),
   roles: z.array(z.string()).optional(),
@@ -56,6 +68,7 @@ const userUpdateSchema = z.object({
 const userListItemSchema = z.object({
   id: z.string().uuid(),
   email: z.string().email(),
+  name: z.string().nullable(),
   organizationId: z.string().uuid().nullable(),
   organizationName: z.string().nullable(),
   tenantId: z.string().uuid().nullable(),
@@ -141,6 +154,7 @@ export async function GET(req: Request) {
     page: url.searchParams.get('page') || undefined,
     pageSize: url.searchParams.get('pageSize') || undefined,
     search: url.searchParams.get('search') || undefined,
+    name: url.searchParams.get('name') || undefined,
     organizationId: url.searchParams.get('organizationId') || undefined,
     roleIds: rawRoleIds.length ? rawRoleIds : undefined,
   })
@@ -157,7 +171,7 @@ export async function GET(req: Request) {
   } catch (err) {
     console.error('users: failed to resolve rbac', err)
   }
-  const { id, page, pageSize, search, organizationId, roleIds } = parsed.data
+  const { id, page, pageSize, search, name, organizationId, roleIds } = parsed.data
   const filters: any[] = [{ deletedAt: null }]
   const actorTenantId = auth.tenantId ? String(auth.tenantId) : null
   if (!isSuperAdmin) {
@@ -167,6 +181,10 @@ export async function GET(req: Request) {
     filters.push({ tenantId: actorTenantId })
   }
   if (organizationId) filters.push({ organizationId })
+  const trimmedName = typeof name === 'string' ? name.trim() : ''
+  if (trimmedName) {
+    filters.push({ name: { $ilike: `%${escapeLikePattern(trimmedName)}%` } })
+  }
   let idFilter: Set<string> | null = id ? new Set([id]) : null
   if (Array.isArray(roleIds) && roleIds.length > 0) {
     const uniqueRoleIds = Array.from(new Set(roleIds))
@@ -345,6 +363,7 @@ export async function GET(req: Request) {
     return {
       id: uid,
       email: String(u.email),
+      name: u.name ? String(u.name) : null,
       organizationId: orgId,
       organizationName: orgId ? orgMap[orgId] ?? orgId : null,
       tenantId: u.tenantId ? String(u.tenantId) : null,
@@ -475,7 +494,7 @@ export const openApi: OpenApiRouteDoc = {
     },
     POST: {
       summary: 'Create user',
-      description: 'Creates a new confirmed user within the specified organization and optional roles.',
+      description: 'Creates a new confirmed user within the specified organization, optional display name, and optional roles.',
       requestBody: {
         contentType: 'application/json',
         schema: userCreateSchema,
@@ -495,7 +514,7 @@ export const openApi: OpenApiRouteDoc = {
     },
     PUT: {
       summary: 'Update user',
-      description: 'Updates profile fields, organization assignment, credentials, or role memberships.',
+      description: 'Updates profile fields including display name, organization assignment, credentials, or role memberships.',
       requestBody: {
         contentType: 'application/json',
         schema: userUpdateSchema,

package/src/modules/auth/backend/users/[id]/edit/page.tsx

@@ -19,6 +19,7 @@ import { UserConsentsPanel } from '@open-mercato/core/modules/auth/components/Us
 
 type EditUserFormValues = {
   email: string
+  name: string
   password: string
   tenantId: string | null
   organizationId: string | null
@@ -28,6 +29,7 @@ type EditUserFormValues = {
 type LoadedUser = {
   id: string
   email: string
+  name: string | null
   organizationId: string | null
   tenantId: string | null
   tenantName: string | null
@@ -40,6 +42,7 @@ type LoadedUser = {
 type UserApiItem = {
   id?: string | null
   email?: string | null
+  name?: string | null
   organizationId?: string | null
   tenantId?: string | null
   tenantName?: string | null
@@ -193,6 +196,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
             setInitialUser({
               id: item.id ? String(item.id) : String(id),
               email: item.email ? String(item.email) : '',
+              name: item.name ? String(item.name) : null,
               organizationId: item.organizationId ? String(item.organizationId) : null,
               tenantId: item.tenantId ? String(item.tenantId) : null,
               tenantName: item.tenantName ? String(item.tenantName) : null,
@@ -261,6 +265,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
   const fields: CrudField[] = React.useMemo(() => {
     const items: CrudField[] = [
       { id: 'email', label: t('auth.users.form.field.email', 'Email'), type: 'text', required: true },
+      { id: 'name', label: t('auth.users.form.field.name', 'Display name'), type: 'text' },
       {
         id: 'password',
         label: userHasPassword
@@ -327,7 +332,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
   }, [actorIsSuperAdmin, loadRoleOptions, passwordDescription, preloadedTenants, selectedOrgId, selectedTenantId, t, userHasPassword])
 
   const detailFieldIds = React.useMemo(() => {
-    const base: string[] = ['email', 'password', 'organizationId', 'roles']
+    const base: string[] = ['email', 'name', 'password', 'organizationId', 'roles']
     if (actorIsSuperAdmin) base.splice(2, 0, 'tenantId')
     return base
   }, [actorIsSuperAdmin])
@@ -382,6 +387,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
     if (initialUser) {
       return {
         email: initialUser.email,
+        name: initialUser.name ?? '',
         password: '',
         tenantId: initialUser.tenantId,
         organizationId: initialUser.organizationId,
@@ -391,6 +397,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
     }
     return {
       email: '',
+      name: '',
       password: '',
       tenantId: selectedTenantId ?? null,
       organizationId: null,
@@ -438,6 +445,7 @@ export default function EditUserPage({ params }: { params?: { id?: string } }) {
             const payload = {
               id: id ? String(id) : '',
               email: values.email,
+              name: typeof values.name === 'string' && values.name.trim().length ? values.name.trim() : undefined,
               password: values.password && values.password.trim() ? values.password : undefined,
               organizationId: values.organizationId ? values.organizationId : undefined,
               roles: Array.isArray(values.roles) ? values.roles : [],

package/src/modules/auth/backend/users/create/page.tsx

@@ -17,6 +17,7 @@ import { formatPasswordRequirements, getPasswordPolicy } from '@open-mercato/sha
 
 type CreateUserFormValues = {
   email: string
+  name: string
   password: string
   tenantId: string | null
   organizationId: string | null
@@ -177,6 +178,7 @@ export default function CreateUserPage() {
   const fields: CrudField[] = React.useMemo(() => {
     const items: CrudField[] = [
       { id: 'email', label: t('auth.users.form.field.email', 'Email'), type: 'text', required: true },
+      { id: 'name', label: t('auth.users.form.field.name', 'Display name'), type: 'text' },
       {
         id: 'sendInviteEmail',
         label: t('auth.users.form.field.sendInviteEmail', 'Send password setup link via email'),
@@ -251,8 +253,8 @@ export default function CreateUserPage() {
 
   const detailFieldIds = React.useMemo(() => {
     const base: string[] = sendInviteEmail
-      ? ['email', 'sendInviteEmail', 'organizationId', 'roles']
-      : ['email', 'sendInviteEmail', 'password', 'organizationId', 'roles']
+      ? ['email', 'name', 'sendInviteEmail', 'organizationId', 'roles']
+      : ['email', 'name', 'sendInviteEmail', 'password', 'organizationId', 'roles']
     if (actorIsSuperAdmin) {
       const orgIdx = base.indexOf('organizationId')
       base.splice(orgIdx, 0, 'tenantId')
@@ -294,6 +296,7 @@ export default function CreateUserPage() {
   const initialValues = React.useMemo<Partial<CreateUserFormValues>>(
     () => ({
       email: '',
+      name: '',
       password: '',
       tenantId: null,
       organizationId: null,
@@ -323,6 +326,7 @@ export default function CreateUserPage() {
             const customFields = collectCustomFieldValues(values)
             const payload: Record<string, unknown> = {
               email: values.email,
+              name: typeof values.name === 'string' && values.name.trim().length ? values.name.trim() : undefined,
               organizationId: values.organizationId ? values.organizationId : null,
               roles: Array.isArray(values.roles) ? values.roles : [],
               ...(Object.keys(customFields).length ? { customFields } : {}),

package/src/modules/auth/backend/users/page.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import Link from 'next/link'
 import { useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'
 import { Button } from '@open-mercato/ui/primitives/button'
@@ -20,6 +20,7 @@ import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 type Row = {
   id: string
   email: string
+  name: string | null
   organizationId: string | null
   organizationName?: string | null
   tenantId: string | null
@@ -216,6 +217,12 @@ export default function UsersListPage() {
   }, [applyRoleOptions])
 
   const filters = React.useMemo<FilterDef[]>(() => [
+    {
+      id: 'name',
+      label: t('auth.users.list.filters.name', 'Display name'),
+      type: 'text',
+      placeholder: t('auth.users.list.filters.namePlaceholder', 'Filter by display name'),
+    },
     {
       id: 'organizationId',
       label: t('auth.users.list.filters.organization', 'Organization'),
@@ -258,6 +265,8 @@ export default function UsersListPage() {
 
   const handleFiltersApply = React.useCallback((values: FilterValues) => {
     const next: FilterValues = {}
+    const name = typeof values.name === 'string' ? values.name.trim() : ''
+    if (name) next.name = name
     const org = typeof values.organizationId === 'string' ? values.organizationId.trim() : ''
     if (org) next.organizationId = org
     const rawRoles = Array.isArray(values.roles) ? (values.roles as string[]) : []
@@ -274,17 +283,63 @@ export default function UsersListPage() {
     setPage(1)
   }, [])
 
+  const exportParams = React.useMemo(() => {
+    const name = typeof filterValues.name === 'string' ? filterValues.name.trim() : ''
+    return {
+      page,
+      pageSize: 50,
+      search,
+      name: name.length ? name : undefined,
+      organizationId,
+      roleIds: normalizedRoleIds,
+    }
+  }, [filterValues.name, normalizedRoleIds, organizationId, page, search])
+
+  const exportConfig = React.useMemo(() => ({
+    view: {
+      getUrl: (format: DataTableExportFormat) => {
+        const params = new URLSearchParams()
+        params.set('page', String(exportParams.page))
+        params.set('pageSize', String(exportParams.pageSize))
+        if (exportParams.search) params.set('search', exportParams.search)
+        if (exportParams.name) params.set('name', exportParams.name)
+        if (exportParams.organizationId) params.set('organizationId', exportParams.organizationId)
+        for (const roleId of exportParams.roleIds) params.append('roleId', roleId)
+        params.set('format', format)
+        params.set('exportScope', 'view')
+        return `/api/auth/users?${params.toString()}`
+      },
+    },
+    full: {
+      getUrl: (format: DataTableExportFormat) => {
+        const params = new URLSearchParams()
+        params.set('page', String(exportParams.page))
+        params.set('pageSize', String(exportParams.pageSize))
+        if (exportParams.search) params.set('search', exportParams.search)
+        if (exportParams.name) params.set('name', exportParams.name)
+        if (exportParams.organizationId) params.set('organizationId', exportParams.organizationId)
+        for (const roleId of exportParams.roleIds) params.append('roleId', roleId)
+        params.set('format', format)
+        params.set('exportScope', 'full')
+        params.set('all', 'true')
+        return `/api/auth/users?${params.toString()}`
+      },
+    },
+  }), [exportParams])
+
   const params = React.useMemo(() => {
     const p = new URLSearchParams()
     p.set('page', String(page))
     p.set('pageSize', '50')
     if (search) p.set('search', search)
+    const name = typeof filterValues.name === 'string' ? filterValues.name.trim() : ''
+    if (name) p.set('name', name)
     if (organizationId) p.set('organizationId', organizationId)
     if (normalizedRoleIds.length) {
       for (const id of normalizedRoleIds) p.append('roleId', id)
     }
     return p.toString()
-  }, [page, search, organizationId, normalizedRoleIds])
+  }, [filterValues.name, page, search, organizationId, normalizedRoleIds])
 
   const { data: usersData, isLoading } = useQuery({
     queryKey: ['users', params, scopeVersion],
@@ -315,6 +370,7 @@ export default function UsersListPage() {
   const columns = React.useMemo<ColumnDef<Row>[]>(() => {
     const base: ColumnDef<Row>[] = [
       { accessorKey: 'email', header: 'Email' },
+      { accessorKey: 'name', header: t('auth.users.list.columns.name', 'Display name') },
       { accessorKey: 'organizationName', header: 'Organization' },
       { accessorKey: 'roles', header: 'Roles', cell: ({ row }) => (row.original.roles || []).join(', ') },
     ]
@@ -322,7 +378,7 @@ export default function UsersListPage() {
       base.splice(1, 0, { accessorKey: 'tenantName', header: 'Tenant' })
     }
     return base
-  }, [showTenantColumn])
+  }, [showTenantColumn, t])
 
   const handleDelete = React.useCallback(async (row: Row) => {
     const confirmed = await confirm({
@@ -356,6 +412,7 @@ export default function UsersListPage() {
           )}
           columns={columns}
           data={rowsWithOrgNames}
+          exporter={exportConfig}
           searchValue={search}
           onSearchChange={handleSearchChange}
           filters={filters}

package/src/modules/auth/commands/users.ts

@@ -75,8 +75,18 @@ type UserSnapshots = {
 
 const passwordSchema = buildPasswordSchema()
 
+const displayNameSchema = z.preprocess(
+  (value) => {
+    if (typeof value !== 'string') return value
+    const trimmed = value.trim()
+    return trimmed.length ? trimmed : undefined
+  },
+  z.string().trim().min(1).max(120).optional(),
+)
+
 const createSchema = z.object({
   email: z.string().email(),
+  name: displayNameSchema,
   password: passwordSchema.optional(),
   sendInviteEmail: z.boolean().optional(),
   organizationId: z.string().uuid(),
@@ -89,6 +99,7 @@ const createSchema = z.object({
 const updateSchema = z.object({
   id: z.string().uuid(),
   email: z.string().email().optional(),
+  name: displayNameSchema,
   password: passwordSchema.optional(),
   organizationId: z.string().uuid().optional(),
   roles: z.array(z.string()).optional(),
@@ -196,6 +207,7 @@ const createUserCommand: CommandHandler<Record<string, unknown>, CreateUserResul
         entity: User,
         data: {
           email: parsed.email,
+          name: parsed.name,
           emailHash,
           passwordHash,
           isConfirmed: true,
@@ -451,6 +463,9 @@ const updateUserCommand: CommandHandler<Record<string, unknown>, User> = {
             entity.email = parsed.email
             entity.emailHash = emailHash
           }
+          if (parsed.name !== undefined) {
+            entity.name = parsed.name
+          }
           if (parsed.organizationId !== undefined) {
             entity.organizationId = parsed.organizationId
             entity.tenantId = tenantId ?? null

package/src/modules/auth/data/validators.ts

@@ -103,6 +103,14 @@ export const sidebarPreferencesInputSchema = z.object({
 // Optional helpers for CLI or admin forms
 export const userCreateSchema = z.object({
   email: z.string().email(),
+  name: z.preprocess(
+    (value) => {
+      if (typeof value !== 'string') return value
+      const trimmed = value.trim()
+      return trimmed.length ? trimmed : undefined
+    },
+    z.string().trim().min(1).max(120).optional(),
+  ),
   password: passwordSchema.optional(),
   sendInviteEmail: z.boolean().optional(),
   tenantId: z.string().uuid().optional(),

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

@@ -172,6 +172,7 @@
   "auth.users.form.errors.notFound": "Benutzer nicht gefunden",
   "auth.users.form.errors.widgetsAssign": "Dashboard-Widgets konnten dem neuen Benutzer nicht zugewiesen werden",
   "auth.users.form.field.email": "E-Mail",
+  "auth.users.form.field.name": "Anzeigename",
   "auth.users.form.field.newPassword": "Neues Passwort",
   "auth.users.form.field.organization": "Organisation",
   "auth.users.form.field.password": "Passwort",
@@ -190,8 +191,11 @@
   "auth.users.form.loading": "Benutzerdaten werden geladen...",
   "auth.users.form.title.create": "Benutzer erstellen",
   "auth.users.form.title.edit": "Benutzer bearbeiten",
+  "auth.users.list.columns.name": "Anzeigename",
   "auth.users.list.error.delete": "Benutzer konnte nicht gelöscht werden",
   "auth.users.list.error.load": "Benutzer konnten nicht geladen werden",
+  "auth.users.list.filters.name": "Anzeigename",
+  "auth.users.list.filters.namePlaceholder": "Nach Anzeigename filtern",
   "auth.users.widgets.errors.load": "Dashboard-Widgets können nicht geladen werden. Sie können sie später auf der Benutzerseite konfigurieren.",
   "auth.users.widgets.loading": "Widgets werden geladen…",
   "auth.users.widgets.mode.hint": "Neue Benutzer erben Widgets von ihren zugewiesenen Rollen. Überschreiben Sie die Auswahl, um eine eigene Zusammenstellung festzulegen.",