@open-mercato/core 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3260.1.dc719cac84

package/dist/modules/resources/components/ResourceCrudForm.js

@@ -99,7 +99,7 @@ function useResourcesResourceFormConfig(options = {}) {
         id: "description",
         label: t("resources.resources.form.fields.description", "Description"),
         type: "richtext",
-        editor: "uiw"
+        editor: "html"
       },
       {
         id: "resourceTypeId",

package/dist/modules/resources/components/ResourceCrudForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/resources/components/ResourceCrudForm.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { DictionarySelectControl } from '@open-mercato/core/modules/dictionaries/components/DictionarySelectControl'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY } from '@open-mercato/core/modules/resources/lib/capacityUnits'\nimport { RESOURCES_RESOURCE_FIELDSET_DEFAULT, resolveResourcesResourceFieldsetCode } from '@open-mercato/core/modules/resources/lib/resourceCustomFields'\nimport Link from 'next/link'\nimport { Plus, Settings } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\ntype ResourceTypeRow = {\n  id: string\n  name: string\n}\n\ntype ResourceTypesResponse = {\n  items: ResourceTypeRow[]\n}\n\ntype ResourceTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nexport type ResourcesResourceFormConfig = {\n  fields: CrudField[]\n  groups: CrudFormGroup[]\n  resolveFieldsetCode: (resourceTypeId?: string | null) => string\n  resourceTypesLoaded: boolean\n}\n\nexport function useResourcesResourceFormConfig(options: {\n  tagsSection?: ResourceTagsSectionConfig\n} = {}): ResourcesResourceFormConfig {\n  const { tagsSection } = options\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [resourceTypes, setResourceTypes] = React.useState<ResourceTypeRow[]>([])\n  const [resourceTypesLoaded, setResourceTypesLoaded] = React.useState(false)\n  const [capacityUnitDictionaryId, setCapacityUnitDictionaryId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadResourceTypes() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n        if (!cancelled) {\n          const items = Array.isArray(call.result?.items) ? call.result.items : []\n          setResourceTypes(items)\n        }\n      } catch {\n        if (!cancelled) setResourceTypes([])\n      } finally {\n        if (!cancelled) setResourceTypesLoaded(true)\n      }\n    }\n    loadResourceTypes()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCapacityUnitDictionary() {\n      try {\n        const call = await apiCall<{ items?: Array<{ id?: string; key?: string; isInherited?: boolean }> }>('/api/dictionaries')\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const matches = items.filter((item) => item?.key === RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY)\n        const preferred = matches.find((item) => item?.isInherited === false) ?? matches[0] ?? null\n        if (!cancelled) setCapacityUnitDictionaryId(preferred?.id ?? null)\n      } catch {\n        if (!cancelled) setCapacityUnitDictionaryId(null)\n      }\n    }\n    loadCapacityUnitDictionary()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  const resourceFieldsetByTypeId = React.useMemo(() => {\n    const map = new Map<string, string>()\n    resourceTypes.forEach((type) => {\n      map.set(type.id, resolveResourcesResourceFieldsetCode(type.name))\n    })\n    return map\n  }, [resourceTypes])\n\n  const resolveFieldsetCode = React.useCallback((resourceTypeId?: string | null) => {\n    if (!resourceTypeId) return RESOURCES_RESOURCE_FIELDSET_DEFAULT\n    return resourceFieldsetByTypeId.get(resourceTypeId) ?? RESOURCES_RESOURCE_FIELDSET_DEFAULT\n  }, [resourceFieldsetByTypeId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resources.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resources.form.appearance.colorHelp', 'Pick a color for this resource.'),\n    colorClearLabel: t('resources.resources.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resources.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resources.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resources.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resources.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resources.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resources.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resources.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resources.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      { id: 'name', label: t('resources.resources.form.fields.name', 'Name'), type: 'text', required: true },\n      {\n        id: 'description',\n        label: t('resources.resources.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'uiw',\n      },\n      {\n        id: 'resourceTypeId',\n        label: t('resources.resources.form.fields.type', 'Resource type'),\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, disabled }) => (\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={typeof value === 'string' && value ? value : undefined}\n              onValueChange={(next) => {\n                const value = next || ''\n                setValue(value)\n                if (setFormValue) {\n                  setFormValue('customFieldsetCode', resolveFieldsetCode(value || null))\n                }\n              }}\n              disabled={disabled}\n            >\n              <SelectTrigger data-crud-focus-target=\"\">\n                <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n              </SelectTrigger>\n              <SelectContent>\n                {resourceTypes.map((type) => (\n                  <SelectItem key={type.id} value={type.id}>\n                    {type.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              aria-label={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types\">\n                <Settings className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              aria-label={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types/create\">\n                <Plus className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n          </div>\n        ),\n      },\n      {\n        id: 'capacity',\n        label: t('resources.resources.form.fields.capacity', 'Capacity'),\n        description: t(\n          'resources.resources.form.fields.capacity.help',\n          'Depends on the resource and can mean spots, units, quantity, or another type of capacity.',\n        ),\n        type: 'number',\n      },\n      {\n        id: 'capacityUnitValue',\n        label: t('resources.resources.form.fields.capacityUnit', 'Capacity unit'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          if (!capacityUnitDictionaryId) {\n            return (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('resources.resources.form.fields.capacityUnit.missing', 'Capacity unit dictionary is not configured.')}\n              </p>\n            )\n          }\n          return (\n            <DictionarySelectControl\n              dictionaryId={capacityUnitDictionaryId}\n              value={typeof value === 'string' ? value : null}\n              onChange={(next) => setValue(next ?? '')}\n              selectClassName=\"w-full\"\n            />\n          )\n        },\n      },\n      {\n        id: 'appearance',\n        label: t('resources.resources.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const appearance = value && typeof value === 'object'\n            ? value as { icon?: string | null; color?: string | null }\n            : {}\n          return (\n            <AppearanceSelector\n              icon={appearance.icon ?? null}\n              color={appearance.color ?? null}\n              onIconChange={(next) => setValue({ ...appearance, icon: next })}\n              onColorChange={(next) => setValue({ ...appearance, color: next })}\n              labels={appearanceLabels}\n              disabled={disabled}\n            />\n          )\n        },\n      },\n    ]\n\n    baseFields.push({\n      id: 'isActive',\n      label: t('resources.resources.form.fields.active', 'Active'),\n      type: 'checkbox',\n    })\n\n    return baseFields\n  }, [\n    appearanceLabels,\n    capacityUnitDictionaryId,\n    resolveFieldsetCode,\n    resourceTypes,\n    t,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: [\n          'name',\n          'description',\n          'resourceTypeId',\n          'capacity',\n          'capacityUnitValue',\n          'appearance',\n          'isActive',\n        ],\n      },\n      {\n        id: 'custom',\n        title: t('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    }\n\n    return baseGroups\n  }, [tagsSection, t])\n\n  return { fields, groups, resolveFieldsetCode, resourceTypesLoaded }\n}\n\nexport type ResourcesResourceFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  successRedirect?: string\n  initialValues?: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  formConfig: ResourcesResourceFormConfig\n}\n\nexport function ResourcesResourceForm(props: ResourcesResourceFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    successRedirect,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    formConfig,\n  } = props\n  const t = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const attachmentsGroup: CrudFormGroup = {\n      id: 'attachments',\n      title: t('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.resources.resources_resource}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    }\n    return [...formConfig.groups, attachmentsGroup]\n  }, [formConfig.groups, recordId, t])\n\n  return (\n    <CrudForm\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      versionHistory={recordId ? { resourceKind: 'resources.resource', resourceId: recordId } : undefined}\n      cancelHref={cancelHref}\n      submitLabel={submitLabel}\n      successRedirect={successRedirect}\n      fields={formConfig.fields}\n      groups={groups}\n      initialValues={initialValues}\n      entityId={E.resources.resources_resource}\n      customFieldsetBindings={{ [E.resources.resources_resource]: { valueKey: 'customFieldsetCode' } }}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { DictionarySelectControl } from '@open-mercato/core/modules/dictionaries/components/DictionarySelectControl'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY } from '@open-mercato/core/modules/resources/lib/capacityUnits'\nimport { RESOURCES_RESOURCE_FIELDSET_DEFAULT, resolveResourcesResourceFieldsetCode } from '@open-mercato/core/modules/resources/lib/resourceCustomFields'\nimport Link from 'next/link'\nimport { Plus, Settings } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\ntype ResourceTypeRow = {\n  id: string\n  name: string\n}\n\ntype ResourceTypesResponse = {\n  items: ResourceTypeRow[]\n}\n\ntype ResourceTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nexport type ResourcesResourceFormConfig = {\n  fields: CrudField[]\n  groups: CrudFormGroup[]\n  resolveFieldsetCode: (resourceTypeId?: string | null) => string\n  resourceTypesLoaded: boolean\n}\n\nexport function useResourcesResourceFormConfig(options: {\n  tagsSection?: ResourceTagsSectionConfig\n} = {}): ResourcesResourceFormConfig {\n  const { tagsSection } = options\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [resourceTypes, setResourceTypes] = React.useState<ResourceTypeRow[]>([])\n  const [resourceTypesLoaded, setResourceTypesLoaded] = React.useState(false)\n  const [capacityUnitDictionaryId, setCapacityUnitDictionaryId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadResourceTypes() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n        if (!cancelled) {\n          const items = Array.isArray(call.result?.items) ? call.result.items : []\n          setResourceTypes(items)\n        }\n      } catch {\n        if (!cancelled) setResourceTypes([])\n      } finally {\n        if (!cancelled) setResourceTypesLoaded(true)\n      }\n    }\n    loadResourceTypes()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCapacityUnitDictionary() {\n      try {\n        const call = await apiCall<{ items?: Array<{ id?: string; key?: string; isInherited?: boolean }> }>('/api/dictionaries')\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const matches = items.filter((item) => item?.key === RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY)\n        const preferred = matches.find((item) => item?.isInherited === false) ?? matches[0] ?? null\n        if (!cancelled) setCapacityUnitDictionaryId(preferred?.id ?? null)\n      } catch {\n        if (!cancelled) setCapacityUnitDictionaryId(null)\n      }\n    }\n    loadCapacityUnitDictionary()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  const resourceFieldsetByTypeId = React.useMemo(() => {\n    const map = new Map<string, string>()\n    resourceTypes.forEach((type) => {\n      map.set(type.id, resolveResourcesResourceFieldsetCode(type.name))\n    })\n    return map\n  }, [resourceTypes])\n\n  const resolveFieldsetCode = React.useCallback((resourceTypeId?: string | null) => {\n    if (!resourceTypeId) return RESOURCES_RESOURCE_FIELDSET_DEFAULT\n    return resourceFieldsetByTypeId.get(resourceTypeId) ?? RESOURCES_RESOURCE_FIELDSET_DEFAULT\n  }, [resourceFieldsetByTypeId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resources.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resources.form.appearance.colorHelp', 'Pick a color for this resource.'),\n    colorClearLabel: t('resources.resources.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resources.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resources.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resources.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resources.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resources.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resources.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resources.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resources.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      { id: 'name', label: t('resources.resources.form.fields.name', 'Name'), type: 'text', required: true },\n      {\n        id: 'description',\n        label: t('resources.resources.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'html',\n      },\n      {\n        id: 'resourceTypeId',\n        label: t('resources.resources.form.fields.type', 'Resource type'),\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, disabled }) => (\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={typeof value === 'string' && value ? value : undefined}\n              onValueChange={(next) => {\n                const value = next || ''\n                setValue(value)\n                if (setFormValue) {\n                  setFormValue('customFieldsetCode', resolveFieldsetCode(value || null))\n                }\n              }}\n              disabled={disabled}\n            >\n              <SelectTrigger data-crud-focus-target=\"\">\n                <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n              </SelectTrigger>\n              <SelectContent>\n                {resourceTypes.map((type) => (\n                  <SelectItem key={type.id} value={type.id}>\n                    {type.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              aria-label={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types\">\n                <Settings className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              aria-label={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types/create\">\n                <Plus className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n          </div>\n        ),\n      },\n      {\n        id: 'capacity',\n        label: t('resources.resources.form.fields.capacity', 'Capacity'),\n        description: t(\n          'resources.resources.form.fields.capacity.help',\n          'Depends on the resource and can mean spots, units, quantity, or another type of capacity.',\n        ),\n        type: 'number',\n      },\n      {\n        id: 'capacityUnitValue',\n        label: t('resources.resources.form.fields.capacityUnit', 'Capacity unit'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          if (!capacityUnitDictionaryId) {\n            return (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('resources.resources.form.fields.capacityUnit.missing', 'Capacity unit dictionary is not configured.')}\n              </p>\n            )\n          }\n          return (\n            <DictionarySelectControl\n              dictionaryId={capacityUnitDictionaryId}\n              value={typeof value === 'string' ? value : null}\n              onChange={(next) => setValue(next ?? '')}\n              selectClassName=\"w-full\"\n            />\n          )\n        },\n      },\n      {\n        id: 'appearance',\n        label: t('resources.resources.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const appearance = value && typeof value === 'object'\n            ? value as { icon?: string | null; color?: string | null }\n            : {}\n          return (\n            <AppearanceSelector\n              icon={appearance.icon ?? null}\n              color={appearance.color ?? null}\n              onIconChange={(next) => setValue({ ...appearance, icon: next })}\n              onColorChange={(next) => setValue({ ...appearance, color: next })}\n              labels={appearanceLabels}\n              disabled={disabled}\n            />\n          )\n        },\n      },\n    ]\n\n    baseFields.push({\n      id: 'isActive',\n      label: t('resources.resources.form.fields.active', 'Active'),\n      type: 'checkbox',\n    })\n\n    return baseFields\n  }, [\n    appearanceLabels,\n    capacityUnitDictionaryId,\n    resolveFieldsetCode,\n    resourceTypes,\n    t,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: [\n          'name',\n          'description',\n          'resourceTypeId',\n          'capacity',\n          'capacityUnitValue',\n          'appearance',\n          'isActive',\n        ],\n      },\n      {\n        id: 'custom',\n        title: t('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    }\n\n    return baseGroups\n  }, [tagsSection, t])\n\n  return { fields, groups, resolveFieldsetCode, resourceTypesLoaded }\n}\n\nexport type ResourcesResourceFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  successRedirect?: string\n  initialValues?: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  formConfig: ResourcesResourceFormConfig\n}\n\nexport function ResourcesResourceForm(props: ResourcesResourceFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    successRedirect,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    formConfig,\n  } = props\n  const t = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const attachmentsGroup: CrudFormGroup = {\n      id: 'attachments',\n      title: t('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.resources.resources_resource}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    }\n    return [...formConfig.groups, attachmentsGroup]\n  }, [formConfig.groups, recordId, t])\n\n  return (\n    <CrudForm\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      versionHistory={recordId ? { resourceKind: 'resources.resource', resourceId: recordId } : undefined}\n      cancelHref={cancelHref}\n      submitLabel={submitLabel}\n      successRedirect={successRedirect}\n      fields={formConfig.fields}\n      groups={groups}\n      initialValues={initialValues}\n      entityId={E.resources.resources_resource}\n      customFieldsetBindings={{ [E.resources.resources_resource]: { valueKey: 'customFieldsetCode' } }}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
   "mappings": "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",
   "names": ["value"]
 }

package/dist/modules/resources/components/ResourceTypeCrudForm.js

@@ -49,7 +49,7 @@ function ResourceTypeCrudForm({
   }), [t]);
   const fields = React.useMemo(() => [
     { id: "name", label: t("resources.resourceTypes.form.name", "Name"), type: "text", required: true },
-    { id: "description", label: t("resources.resourceTypes.form.description", "Description"), type: "richtext" },
+    { id: "description", label: t("resources.resourceTypes.form.description", "Description"), type: "richtext", editor: "html" },
     {
       id: "appearance",
       label: t("resources.resourceTypes.form.appearance.label", "Appearance"),

package/dist/modules/resources/components/ResourceTypeCrudForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/resources/components/ResourceTypeCrudForm.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 { E } from '#generated/entities.ids.generated'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ResourceTypeFormValues = {\n  id?: string\n  name: string\n  description?: string\n  appearance?: { icon?: string | null; color?: string | null }\n} & Record<string, unknown>\n\ntype ResourceTypeCrudFormProps = {\n  mode: 'create' | 'edit'\n  initialValues: ResourceTypeFormValues\n  isLoading?: boolean\n  onSubmit: (values: ResourceTypeFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  deleteVisible?: boolean\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildResourceTypePayload = (\n  values: ResourceTypeFormValues,\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 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\n  return {\n    ...(options.id ? { id: options.id } : {}),\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 ResourceTypeCrudForm({\n  mode,\n  initialValues,\n  isLoading,\n  onSubmit,\n  onDelete,\n  deleteVisible,\n}: ResourceTypeCrudFormProps) {\n  const t = useT()\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resourceTypes.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resourceTypes.form.appearance.colorHelp', 'Pick a color for this resource type.'),\n    colorClearLabel: t('resources.resourceTypes.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resourceTypes.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resourceTypes.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resourceTypes.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resourceTypes.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resourceTypes.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resourceTypes.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resourceTypes.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resourceTypes.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    { id: 'name', label: t('resources.resourceTypes.form.name', 'Name'), type: 'text', required: true },\n    { id: 'description', label: t('resources.resourceTypes.form.description', 'Description'), type: 'richtext' },\n    {\n      id: 'appearance',\n      label: t('resources.resourceTypes.form.appearance.label', 'Appearance'),\n      type: 'custom',\n      component: ({ value, setValue }) => {\n        const current = value && typeof value === 'object' ? (value as { icon?: string | null; color?: string | null }) : {}\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  ], [appearanceLabels, t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: ['name', 'description', 'appearance'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t])\n\n  return (\n    <CrudForm<ResourceTypeFormValues>\n      title={mode === 'create'\n        ? t('resources.resourceTypes.form.createTitle', 'Add resource type')\n        : t('resources.resourceTypes.form.editTitle', 'Edit resource type')}\n      backHref=\"/backend/resources/resource-types\"\n      versionHistory={mode === 'edit'\n        ? { resourceKind: 'resources.resourceType', resourceId: initialValues.id ?? '' }\n        : undefined}\n      cancelHref=\"/backend/resources/resource-types\"\n      submitLabel={t('resources.resourceTypes.form.save', 'Save')}\n      fields={fields}\n      groups={groups}\n      entityId={E.resources.resources_resource_type}\n      initialValues={initialValues}\n      isLoading={isLoading}\n      onSubmit={onSubmit}\n      onDelete={mode === 'edit' ? onDelete : undefined}\n      deleteVisible={typeof deleteVisible === 'boolean' ? deleteVisible : mode === 'edit'}\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 { E } from '#generated/entities.ids.generated'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ResourceTypeFormValues = {\n  id?: string\n  name: string\n  description?: string\n  appearance?: { icon?: string | null; color?: string | null }\n} & Record<string, unknown>\n\ntype ResourceTypeCrudFormProps = {\n  mode: 'create' | 'edit'\n  initialValues: ResourceTypeFormValues\n  isLoading?: boolean\n  onSubmit: (values: ResourceTypeFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  deleteVisible?: boolean\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildResourceTypePayload = (\n  values: ResourceTypeFormValues,\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 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\n  return {\n    ...(options.id ? { id: options.id } : {}),\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 ResourceTypeCrudForm({\n  mode,\n  initialValues,\n  isLoading,\n  onSubmit,\n  onDelete,\n  deleteVisible,\n}: ResourceTypeCrudFormProps) {\n  const t = useT()\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resourceTypes.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resourceTypes.form.appearance.colorHelp', 'Pick a color for this resource type.'),\n    colorClearLabel: t('resources.resourceTypes.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resourceTypes.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resourceTypes.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resourceTypes.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resourceTypes.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resourceTypes.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resourceTypes.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resourceTypes.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resourceTypes.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    { id: 'name', label: t('resources.resourceTypes.form.name', 'Name'), type: 'text', required: true },\n    { id: 'description', label: t('resources.resourceTypes.form.description', 'Description'), type: 'richtext', editor: 'html' },\n    {\n      id: 'appearance',\n      label: t('resources.resourceTypes.form.appearance.label', 'Appearance'),\n      type: 'custom',\n      component: ({ value, setValue }) => {\n        const current = value && typeof value === 'object' ? (value as { icon?: string | null; color?: string | null }) : {}\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  ], [appearanceLabels, t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: ['name', 'description', 'appearance'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t])\n\n  return (\n    <CrudForm<ResourceTypeFormValues>\n      title={mode === 'create'\n        ? t('resources.resourceTypes.form.createTitle', 'Add resource type')\n        : t('resources.resourceTypes.form.editTitle', 'Edit resource type')}\n      backHref=\"/backend/resources/resource-types\"\n      versionHistory={mode === 'edit'\n        ? { resourceKind: 'resources.resourceType', resourceId: initialValues.id ?? '' }\n        : undefined}\n      cancelHref=\"/backend/resources/resource-types\"\n      submitLabel={t('resources.resourceTypes.form.save', 'Save')}\n      fields={fields}\n      groups={groups}\n      entityId={E.resources.resources_resource_type}\n      initialValues={initialValues}\n      isLoading={isLoading}\n      onSubmit={onSubmit}\n      onDelete={mode === 'edit' ? onDelete : undefined}\n      deleteVisible={typeof deleteVisible === 'boolean' ? deleteVisible : mode === 'edit'}\n    />\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/sales/components/documents/ReturnDialog.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
 import { Input } from "@open-mercato/ui/primitives/input";
+import { CounterInput } from "@open-mercato/ui/primitives/counter-input";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { Label } from "@open-mercato/ui/primitives/label";
 import { Button } from "@open-mercato/ui/primitives/button";
@@ -133,20 +134,22 @@ function ReturnDialog({ open, orderId, lines, onClose, onSaved }) {
             /* @__PURE__ */ jsxs("div", { className: "w-32", children: [
               /* @__PURE__ */ jsx(Label, { className: "sr-only", htmlFor: `return-qty-${line.id}`, children: t("sales.returns.quantity", "Quantity") }),
               /* @__PURE__ */ jsx(
-                Input,
+                CounterInput,
                 {
                   id: `return-qty-${line.id}`,
-                  type: "number",
-                  inputMode: "numeric",
                   min: 1,
                   max: line.available,
                   step: 1,
                   placeholder: "0",
-                  value,
-                  onChange: (e) => {
-                    const next = e.target.value.replace(/[^0-9]/g, "");
-                    setQuantities((prev) => ({ ...prev, [line.id]: next }));
-                  }
+                  value: value === "" ? null : Number(value),
+                  onChange: (next) => {
+                    setQuantities((prev) => ({
+                      ...prev,
+                      [line.id]: next === null ? "" : String(next)
+                    }));
+                  },
+                  decrementAriaLabel: t("sales.returns.qty.decrease", "Decrease quantity"),
+                  incrementAriaLabel: t("sales.returns.qty.increase", "Increase quantity")
                 }
               )
             ] })

package/dist/modules/sales/components/documents/ReturnDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/sales/components/documents/ReturnDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { computeAvailableReturnQuantity } from '@open-mercato/core/modules/sales/lib/returnQuantity'\n\nexport type ReturnOrderLine = {\n  id: string\n  title: string\n  lineNumber: number | null\n  quantity: number\n  returnedQuantity: number\n  thumbnail?: string | null\n}\n\ntype ReturnDialogProps = {\n  open: boolean\n  orderId: string\n  lines: ReturnOrderLine[]\n  onClose: () => void\n  onSaved: () => Promise<void>\n}\n\nconst normalizeNumber = (value: unknown): number => {\n  if (typeof value === 'number' && Number.isFinite(value)) return value\n  if (typeof value === 'string' && value.trim().length) {\n    const parsed = Number(value)\n    if (Number.isFinite(parsed)) return parsed\n  }\n  return 0\n}\n\nexport function ReturnDialog({ open, orderId, lines, onClose, onSaved }: ReturnDialogProps) {\n  const t = useT()\n  const { runMutation } = useGuardedMutation({ contextId: `sales-returns-${orderId}` })\n  const [reason, setReason] = React.useState('')\n  const [notes, setNotes] = React.useState('')\n  const [quantities, setQuantities] = React.useState<Record<string, string>>({})\n  const [saving, setSaving] = React.useState(false)\n\n  const availableLines = React.useMemo(() => {\n    return lines\n      .map((line) => {\n        const available = computeAvailableReturnQuantity(line)\n        return { ...line, available }\n      })\n      .filter((line) => line.available > 0)\n  }, [lines])\n\n  React.useEffect(() => {\n    if (!open) return\n    setReason('')\n    setNotes('')\n    setQuantities({})\n  }, [open])\n\n  const submit = React.useCallback(async () => {\n    if (saving) return\n    let hasInvalidQuantity = false\n    let hasNonInteger = false\n    const linesForRequest: Array<{ orderLineId: string; quantity: string }> = []\n    availableLines.forEach((line) => {\n      const raw = quantities[line.id]\n      const qty = normalizeNumber(raw)\n      if (!Number.isFinite(qty) || qty <= 0) return\n      if (!Number.isInteger(qty)) {\n        hasNonInteger = true\n        return\n      }\n      if (qty > line.available) {\n        hasInvalidQuantity = true\n        return\n      }\n      linesForRequest.push({ orderLineId: line.id, quantity: qty.toString() })\n    })\n\n    if (hasNonInteger) {\n      flash(t('sales.returns.errors.quantityNotInteger', 'Return quantity must be a whole number.'), 'error')\n      return\n    }\n\n    if (hasInvalidQuantity) {\n      flash(t('sales.returns.errors.quantityExceeded', 'Cannot return more than available quantity.'), 'error')\n      return\n    }\n\n    if (!linesForRequest.length) {\n      flash(t('sales.returns.errors.linesRequired', 'Select at least one line to return.'), 'error')\n      return\n    }\n\n    setSaving(true)\n    try {\n      await runMutation({\n        context: { kind: 'order', record: { id: orderId } },\n        mutationPayload: { orderId, lines: linesForRequest, reason, notes },\n        operation: async () => {\n          const response = await apiCallOrThrow<{ id: string | null }>(\n            '/api/sales/returns',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({\n                orderId,\n                lines: linesForRequest,\n                ...(reason.trim().length ? { reason: reason.trim() } : {}),\n                ...(notes.trim().length ? { notes: notes.trim() } : {}),\n              }),\n            },\n            { errorMessage: t('sales.returns.errors.create', 'Failed to create return.') },\n          )\n          return response.result?.id ?? null\n        },\n      })\n      flash(t('sales.returns.created', 'Return created.'), 'success')\n      onClose()\n      await onSaved()\n    } catch {\n      flash(t('sales.returns.errors.create', 'Failed to create return.'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [availableLines, notes, onClose, onSaved, orderId, quantities, reason, runMutation, saving, t])\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n      if ((e.key === 'Enter' || e.key === 'NumpadEnter') && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        submit()\n      }\n    },\n    [onClose, submit],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent onKeyDown={onKeyDown} className=\"max-w-2xl\">\n        <DialogHeader>\n          <DialogTitle>{t('sales.returns.create.title', 'Create return')}</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <div className=\"text-sm font-medium\">{t('sales.returns.create.lines', 'Lines')}</div>\n            {!availableLines.length ? (\n              <div className=\"text-sm text-muted-foreground\">{t('sales.returns.empty.available', 'No items available to return.')}</div>\n            ) : (\n              <div className=\"max-h-[280px] overflow-auto rounded-md border\">\n                <div className=\"divide-y\">\n                  {availableLines.map((line) => {\n                    const value = quantities[line.id] ?? ''\n                    return (\n                      <div key={line.id} className=\"flex items-center gap-3 p-3\">\n                        <div className=\"min-w-0 flex-1\">\n                          <div className=\"truncate text-sm font-medium\">\n                            {line.lineNumber ? `#${line.lineNumber} \u00B7 ` : ''}\n                            {line.title}\n                          </div>\n                          <div className=\"text-xs text-muted-foreground\">\n                            {t('sales.returns.available', 'Available')}: {line.available}\n                          </div>\n                        </div>\n                        <div className=\"w-32\">\n                          <Label className=\"sr-only\" htmlFor={`return-qty-${line.id}`}>\n                            {t('sales.returns.quantity', 'Quantity')}\n                          </Label>\n                          <Input\n                            id={`return-qty-${line.id}`}\n                            type=\"number\"\n                            inputMode=\"numeric\"\n                            min={1}\n                            max={line.available}\n                            step={1}\n                            placeholder=\"0\"\n                            value={value}\n                            onChange={(e) => {\n                              const next = e.target.value.replace(/[^0-9]/g, '')\n                              setQuantities((prev) => ({ ...prev, [line.id]: next }))\n                            }}\n                          />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"return-reason\">{t('sales.returns.reason', 'Reason')}</Label>\n              <Input\n                id=\"return-reason\"\n                value={reason}\n                onChange={(e) => setReason(e.target.value)}\n                placeholder={t('sales.returns.reason.placeholder', 'Optional')}\n              />\n            </div>\n            <div className=\"space-y-1.5 md:col-span-2\">\n              <Label htmlFor=\"return-notes\">{t('sales.returns.notes', 'Notes')}</Label>\n              <Textarea\n                id=\"return-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder={t('sales.returns.notes.placeholder', 'Optional')}\n                rows={3}\n              />\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose} disabled={saving}>\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={submit} disabled={saving || !availableLines.length}>\n              {saving ? t('common.saving', 'Saving\u2026') : t('sales.returns.create.submit', 'Create return')}\n            </Button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { CounterInput } from '@open-mercato/ui/primitives/counter-input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { computeAvailableReturnQuantity } from '@open-mercato/core/modules/sales/lib/returnQuantity'\n\nexport type ReturnOrderLine = {\n  id: string\n  title: string\n  lineNumber: number | null\n  quantity: number\n  returnedQuantity: number\n  thumbnail?: string | null\n}\n\ntype ReturnDialogProps = {\n  open: boolean\n  orderId: string\n  lines: ReturnOrderLine[]\n  onClose: () => void\n  onSaved: () => Promise<void>\n}\n\nconst normalizeNumber = (value: unknown): number => {\n  if (typeof value === 'number' && Number.isFinite(value)) return value\n  if (typeof value === 'string' && value.trim().length) {\n    const parsed = Number(value)\n    if (Number.isFinite(parsed)) return parsed\n  }\n  return 0\n}\n\nexport function ReturnDialog({ open, orderId, lines, onClose, onSaved }: ReturnDialogProps) {\n  const t = useT()\n  const { runMutation } = useGuardedMutation({ contextId: `sales-returns-${orderId}` })\n  const [reason, setReason] = React.useState('')\n  const [notes, setNotes] = React.useState('')\n  const [quantities, setQuantities] = React.useState<Record<string, string>>({})\n  const [saving, setSaving] = React.useState(false)\n\n  const availableLines = React.useMemo(() => {\n    return lines\n      .map((line) => {\n        const available = computeAvailableReturnQuantity(line)\n        return { ...line, available }\n      })\n      .filter((line) => line.available > 0)\n  }, [lines])\n\n  React.useEffect(() => {\n    if (!open) return\n    setReason('')\n    setNotes('')\n    setQuantities({})\n  }, [open])\n\n  const submit = React.useCallback(async () => {\n    if (saving) return\n    let hasInvalidQuantity = false\n    let hasNonInteger = false\n    const linesForRequest: Array<{ orderLineId: string; quantity: string }> = []\n    availableLines.forEach((line) => {\n      const raw = quantities[line.id]\n      const qty = normalizeNumber(raw)\n      if (!Number.isFinite(qty) || qty <= 0) return\n      if (!Number.isInteger(qty)) {\n        hasNonInteger = true\n        return\n      }\n      if (qty > line.available) {\n        hasInvalidQuantity = true\n        return\n      }\n      linesForRequest.push({ orderLineId: line.id, quantity: qty.toString() })\n    })\n\n    if (hasNonInteger) {\n      flash(t('sales.returns.errors.quantityNotInteger', 'Return quantity must be a whole number.'), 'error')\n      return\n    }\n\n    if (hasInvalidQuantity) {\n      flash(t('sales.returns.errors.quantityExceeded', 'Cannot return more than available quantity.'), 'error')\n      return\n    }\n\n    if (!linesForRequest.length) {\n      flash(t('sales.returns.errors.linesRequired', 'Select at least one line to return.'), 'error')\n      return\n    }\n\n    setSaving(true)\n    try {\n      await runMutation({\n        context: { kind: 'order', record: { id: orderId } },\n        mutationPayload: { orderId, lines: linesForRequest, reason, notes },\n        operation: async () => {\n          const response = await apiCallOrThrow<{ id: string | null }>(\n            '/api/sales/returns',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({\n                orderId,\n                lines: linesForRequest,\n                ...(reason.trim().length ? { reason: reason.trim() } : {}),\n                ...(notes.trim().length ? { notes: notes.trim() } : {}),\n              }),\n            },\n            { errorMessage: t('sales.returns.errors.create', 'Failed to create return.') },\n          )\n          return response.result?.id ?? null\n        },\n      })\n      flash(t('sales.returns.created', 'Return created.'), 'success')\n      onClose()\n      await onSaved()\n    } catch {\n      flash(t('sales.returns.errors.create', 'Failed to create return.'), 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [availableLines, notes, onClose, onSaved, orderId, quantities, reason, runMutation, saving, t])\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n      if ((e.key === 'Enter' || e.key === 'NumpadEnter') && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        submit()\n      }\n    },\n    [onClose, submit],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onClose() : undefined)}>\n      <DialogContent onKeyDown={onKeyDown} className=\"max-w-2xl\">\n        <DialogHeader>\n          <DialogTitle>{t('sales.returns.create.title', 'Create return')}</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <div className=\"text-sm font-medium\">{t('sales.returns.create.lines', 'Lines')}</div>\n            {!availableLines.length ? (\n              <div className=\"text-sm text-muted-foreground\">{t('sales.returns.empty.available', 'No items available to return.')}</div>\n            ) : (\n              <div className=\"max-h-[280px] overflow-auto rounded-md border\">\n                <div className=\"divide-y\">\n                  {availableLines.map((line) => {\n                    const value = quantities[line.id] ?? ''\n                    return (\n                      <div key={line.id} className=\"flex items-center gap-3 p-3\">\n                        <div className=\"min-w-0 flex-1\">\n                          <div className=\"truncate text-sm font-medium\">\n                            {line.lineNumber ? `#${line.lineNumber} \u00B7 ` : ''}\n                            {line.title}\n                          </div>\n                          <div className=\"text-xs text-muted-foreground\">\n                            {t('sales.returns.available', 'Available')}: {line.available}\n                          </div>\n                        </div>\n                        <div className=\"w-32\">\n                          <Label className=\"sr-only\" htmlFor={`return-qty-${line.id}`}>\n                            {t('sales.returns.quantity', 'Quantity')}\n                          </Label>\n                          <CounterInput\n                            id={`return-qty-${line.id}`}\n                            min={1}\n                            max={line.available}\n                            step={1}\n                            placeholder=\"0\"\n                            value={value === '' ? null : Number(value)}\n                            onChange={(next) => {\n                              setQuantities((prev) => ({\n                                ...prev,\n                                [line.id]: next === null ? '' : String(next),\n                              }))\n                            }}\n                            decrementAriaLabel={t('sales.returns.qty.decrease', 'Decrease quantity')}\n                            incrementAriaLabel={t('sales.returns.qty.increase', 'Increase quantity')}\n                          />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"return-reason\">{t('sales.returns.reason', 'Reason')}</Label>\n              <Input\n                id=\"return-reason\"\n                value={reason}\n                onChange={(e) => setReason(e.target.value)}\n                placeholder={t('sales.returns.reason.placeholder', 'Optional')}\n              />\n            </div>\n            <div className=\"space-y-1.5 md:col-span-2\">\n              <Label htmlFor=\"return-notes\">{t('sales.returns.notes', 'Notes')}</Label>\n              <Textarea\n                id=\"return-notes\"\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder={t('sales.returns.notes.placeholder', 'Optional')}\n                rows={3}\n              />\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose} disabled={saving}>\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={submit} disabled={saving || !availableLines.length}>\n              {saving ? t('common.saving', 'Saving\u2026') : t('sales.returns.create.submit', 'Create return')}\n            </Button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/backend/staff/profile/create/page.js

@@ -41,7 +41,7 @@ function StaffProfileCreatePage() {
   }, [router, t]);
   const fields = React.useMemo(() => [
     { id: "displayName", label: t("staff.teamMembers.form.fields.displayName", "Display name"), type: "text", required: true },
-    { id: "description", label: t("staff.teamMembers.form.fields.description", "Description"), type: "richtext", editor: "uiw" }
+    { id: "description", label: t("staff.teamMembers.form.fields.description", "Description"), type: "richtext", editor: "html" }
   ], [t]);
   const handleSubmit = React.useCallback(async (values) => {
     await apiCallOrThrow("/api/staff/team-members/self", {

package/dist/modules/staff/backend/staff/profile/create/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/profile/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n  } | null\n}\n\ntype SelfProfileValues = {\n  displayName?: string | null\n  description?: string | null\n}\n\nexport default function StaffProfileCreatePage() {\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const response = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const memberId = response.result?.member?.id ?? null\n        if (memberId && !cancelled) {\n          router.replace('/backend/staff/my-availability')\n          return\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [router, t])\n\n  const fields = React.useMemo<CrudField[]>(() => ([\n    { id: 'displayName', label: t('staff.teamMembers.form.fields.displayName', 'Display name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teamMembers.form.fields.description', 'Description'), type: 'richtext', editor: 'uiw' },\n  ]), [t])\n\n  const handleSubmit = React.useCallback(async (values: SelfProfileValues) => {\n    await apiCallOrThrow('/api/staff/team-members/self', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({\n        displayName: values.displayName ?? '',\n        description: values.description ?? null,\n      }),\n    })\n    flash(t('staff.teamMembers.self.created', 'Profile created.'), 'success')\n    router.push('/backend/staff/my-availability')\n  }, [router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.teamMembers.form.loading', 'Loading team member...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<SelfProfileValues>\n          title={t('staff.teamMembers.self.createTitle', 'Create my profile')}\n          submitLabel={t('staff.teamMembers.form.actions.create', 'Create')}\n          backHref=\"/backend/staff/my-leave-requests\"\n          cancelHref=\"/backend/staff/my-leave-requests\"\n          fields={fields}\n          initialValues={{}}\n          onSubmit={handleSubmit}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AA2EU;AAzEV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgC;AACzC,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,SAAS,sBAAsB;AACxC,SAAS,aAAa;AACtB,SAAS,YAAY;AAaN,SAAR,yBAA0C;AAC/C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAM,WAAW,MAAM,QAA4B,8BAA8B;AACjF,cAAM,WAAW,SAAS,QAAQ,QAAQ,MAAM;AAChD,YAAI,YAAY,CAAC,WAAW;AAC1B,iBAAO,QAAQ,gCAAgC;AAC/C;AAAA,QACF;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,sCAAsC,6BAA6B;AAC1H,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,QAAM,SAAS,MAAM,QAAqB,MAAO;AAAA,IAC/C,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,cAAc,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IACzH,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,aAAa,GAAG,MAAM,YAAY,QAAQ,MAAM;AAAA,EAC7H,GAAI,CAAC,CAAC,CAAC;AAEP,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,UAAM,eAAe,gCAAgC;AAAA,MACnD,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU;AAAA,QACnB,aAAa,OAAO,eAAe;AAAA,QACnC,aAAa,OAAO,eAAe;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AACD,UAAM,EAAE,kCAAkC,kBAAkB,GAAG,SAAS;AACxE,WAAO,KAAK,gCAAgC;AAAA,EAC9C,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,kCAAkC,wBAAwB,GAAG,GACxF,GACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,sCAAsC,mBAAmB;AAAA,MAClE,aAAa,EAAE,yCAAyC,QAAQ;AAAA,MAChE,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA,MACA,eAAe,CAAC;AAAA,MAChB,UAAU;AAAA;AAAA,EACZ,GACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n  } | null\n}\n\ntype SelfProfileValues = {\n  displayName?: string | null\n  description?: string | null\n}\n\nexport default function StaffProfileCreatePage() {\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const response = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const memberId = response.result?.member?.id ?? null\n        if (memberId && !cancelled) {\n          router.replace('/backend/staff/my-availability')\n          return\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [router, t])\n\n  const fields = React.useMemo<CrudField[]>(() => ([\n    { id: 'displayName', label: t('staff.teamMembers.form.fields.displayName', 'Display name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teamMembers.form.fields.description', 'Description'), type: 'richtext', editor: 'html' },\n  ]), [t])\n\n  const handleSubmit = React.useCallback(async (values: SelfProfileValues) => {\n    await apiCallOrThrow('/api/staff/team-members/self', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({\n        displayName: values.displayName ?? '',\n        description: values.description ?? null,\n      }),\n    })\n    flash(t('staff.teamMembers.self.created', 'Profile created.'), 'success')\n    router.push('/backend/staff/my-availability')\n  }, [router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.teamMembers.form.loading', 'Loading team member...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<SelfProfileValues>\n          title={t('staff.teamMembers.self.createTitle', 'Create my profile')}\n          submitLabel={t('staff.teamMembers.form.actions.create', 'Create')}\n          backHref=\"/backend/staff/my-leave-requests\"\n          cancelHref=\"/backend/staff/my-leave-requests\"\n          fields={fields}\n          initialValues={{}}\n          onSubmit={handleSubmit}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AA2EU;AAzEV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgC;AACzC,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,SAAS,sBAAsB;AACxC,SAAS,aAAa;AACtB,SAAS,YAAY;AAaN,SAAR,yBAA0C;AAC/C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAM,WAAW,MAAM,QAA4B,8BAA8B;AACjF,cAAM,WAAW,SAAS,QAAQ,QAAQ,MAAM;AAChD,YAAI,YAAY,CAAC,WAAW;AAC1B,iBAAO,QAAQ,gCAAgC;AAC/C;AAAA,QACF;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,sCAAsC,6BAA6B;AAC1H,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,QAAM,SAAS,MAAM,QAAqB,MAAO;AAAA,IAC/C,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,cAAc,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IACzH,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,aAAa,GAAG,MAAM,YAAY,QAAQ,OAAO;AAAA,EAC9H,GAAI,CAAC,CAAC,CAAC;AAEP,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,UAAM,eAAe,gCAAgC;AAAA,MACnD,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU;AAAA,QACnB,aAAa,OAAO,eAAe;AAAA,QACnC,aAAa,OAAO,eAAe;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AACD,UAAM,EAAE,kCAAkC,kBAAkB,GAAG,SAAS;AACxE,WAAO,KAAK,gCAAgC;AAAA,EAC9C,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,kCAAkC,wBAAwB,GAAG,GACxF,GACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,sCAAsC,mBAAmB;AAAA,MAClE,aAAa,EAAE,yCAAyC,QAAQ;AAAA,MAChE,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA,MACA,eAAe,CAAC;AAAA,MAChB,UAAU;AAAA;AAAA,EACZ,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/staff/components/TeamForm.js

@@ -38,7 +38,7 @@ function TeamForm(props) {
   const t = useT();
   const fields = React.useMemo(() => [
     { id: "name", label: t("staff.teams.form.fields.name", "Name"), type: "text", required: true },
-    { id: "description", label: t("staff.teams.form.fields.description", "Description"), type: "richtext" },
+    { id: "description", label: t("staff.teams.form.fields.description", "Description"), type: "richtext", editor: "html" },
     { id: "isActive", label: t("staff.teams.form.fields.active", "Active"), type: "checkbox" }
   ], [t]);
   const groups = React.useMemo(() => [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/staff/components/TeamForm.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 { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TeamFormValues = {\n  id?: string\n  name: string\n  description?: string | null\n  isActive?: boolean\n} & Record<string, unknown>\n\nexport type TeamFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: TeamFormValues\n  onSubmit: (values: TeamFormValues) => 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 buildTeamPayload = (\n  values: TeamFormValues,\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 customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    name,\n    description,\n    isActive: values.isActive ?? true,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamForm(props: TeamFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    extraActions,\n  } = props\n  const t = useT()\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    { id: 'name', label: t('staff.teams.form.fields.name', 'Name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teams.form.fields.description', 'Description'), type: 'richtext' },\n    { id: 'isActive', label: t('staff.teams.form.fields.active', 'Active'), type: 'checkbox' },\n  ], [t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: ['name', 'description', 'isActive'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t])\n\n  return (\n    <CrudForm<TeamFormValues>\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.team', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n      extraActions={extraActions}\n    />\n  )\n}\n"],
-  "mappings": ";AA+EI;AA7EJ,YAAY,WAAW;AACvB,SAAS,gBAAoD;AAC7D,SAAS,gCAAgC;AACzC,SAAS,kCAAkC;AAC3C,SAAS,SAAS;AAClB,SAAS,YAAY;AAsBrB,MAAM,kCAAkC,CAAC,UAA4B;AACnE,QAAM,aAAa,2BAA2B,EAAE,MAAM,CAAC;AACvD,SAAO,WAAW;AACpB;AAEO,MAAM,mBAAmB,CAC9B,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,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,UAAU,OAAO,YAAY;AAAA,IAC7B,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,EAAE,aAAa,IAAI,CAAC;AAAA,EAC7D;AACF;AAEO,SAAS,SAAS,OAAsB;AAC7C,QAAM;AAAA,IACJ;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,SAAS,MAAM,QAAqB,MAAM;AAAA,IAC9C,EAAE,IAAI,QAAQ,OAAO,EAAE,gCAAgC,MAAM,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IAC7F,EAAE,IAAI,eAAe,OAAO,EAAE,uCAAuC,aAAa,GAAG,MAAM,WAAW;AAAA,IACtG,EAAE,IAAI,YAAY,OAAO,EAAE,kCAAkC,QAAQ,GAAG,MAAM,WAAW;AAAA,EAC3F,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,SAAS,MAAM,QAAyB,MAAM;AAAA,IAClD,EAAE,IAAI,WAAW,QAAQ,CAAC,QAAQ,eAAe,UAAU,EAAE;AAAA,IAC7D,EAAE,IAAI,UAAU,OAAO,EAAE,+BAA+B,mBAAmB,GAAG,QAAQ,GAAG,MAAM,eAAe;AAAA,EAChH,GAAG,CAAC,CAAC,CAAC;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,cAAc,KAC1B,EAAE,cAAc,cAAc,YAAY,OAAO,cAAc,EAAE,EAAE,IACnE;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;",
+  "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 { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TeamFormValues = {\n  id?: string\n  name: string\n  description?: string | null\n  isActive?: boolean\n} & Record<string, unknown>\n\nexport type TeamFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: TeamFormValues\n  onSubmit: (values: TeamFormValues) => 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 buildTeamPayload = (\n  values: TeamFormValues,\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 customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    name,\n    description,\n    isActive: values.isActive ?? true,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamForm(props: TeamFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    extraActions,\n  } = props\n  const t = useT()\n\n  const fields = React.useMemo<CrudField[]>(() => [\n    { id: 'name', label: t('staff.teams.form.fields.name', 'Name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teams.form.fields.description', 'Description'), type: 'richtext', editor: 'html' },\n    { id: 'isActive', label: t('staff.teams.form.fields.active', 'Active'), type: 'checkbox' },\n  ], [t])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => [\n    { id: 'details', fields: ['name', 'description', 'isActive'] },\n    { id: 'custom', title: t('entities.customFields.title', 'Custom Attributes'), column: 2, kind: 'customFields' },\n  ], [t])\n\n  return (\n    <CrudForm<TeamFormValues>\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.team', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n      extraActions={extraActions}\n    />\n  )\n}\n"],
+  "mappings": ";AA+EI;AA7EJ,YAAY,WAAW;AACvB,SAAS,gBAAoD;AAC7D,SAAS,gCAAgC;AACzC,SAAS,kCAAkC;AAC3C,SAAS,SAAS;AAClB,SAAS,YAAY;AAsBrB,MAAM,kCAAkC,CAAC,UAA4B;AACnE,QAAM,aAAa,2BAA2B,EAAE,MAAM,CAAC;AACvD,SAAO,WAAW;AACpB;AAEO,MAAM,mBAAmB,CAC9B,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,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,UAAU,OAAO,YAAY;AAAA,IAC7B,GAAI,OAAO,KAAK,YAAY,EAAE,SAAS,EAAE,aAAa,IAAI,CAAC;AAAA,EAC7D;AACF;AAEO,SAAS,SAAS,OAAsB;AAC7C,QAAM;AAAA,IACJ;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,SAAS,MAAM,QAAqB,MAAM;AAAA,IAC9C,EAAE,IAAI,QAAQ,OAAO,EAAE,gCAAgC,MAAM,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IAC7F,EAAE,IAAI,eAAe,OAAO,EAAE,uCAAuC,aAAa,GAAG,MAAM,YAAY,QAAQ,OAAO;AAAA,IACtH,EAAE,IAAI,YAAY,OAAO,EAAE,kCAAkC,QAAQ,GAAG,MAAM,WAAW;AAAA,EAC3F,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,SAAS,MAAM,QAAyB,MAAM;AAAA,IAClD,EAAE,IAAI,WAAW,QAAQ,CAAC,QAAQ,eAAe,UAAU,EAAE;AAAA,IAC7D,EAAE,IAAI,UAAU,OAAO,EAAE,+BAA+B,mBAAmB,GAAG,QAAQ,GAAG,MAAM,eAAe;AAAA,EAChH,GAAG,CAAC,CAAC,CAAC;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,cAAc,KAC1B,EAAE,cAAc,cAAc,YAAY,OAAO,cAAc,EAAE,EAAE,IACnE;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/dist/modules/staff/components/TeamMemberForm.js

@@ -259,7 +259,7 @@ function TeamMemberForm(props) {
         id: "description",
         label: translate("staff.teamMembers.form.fields.description", "Description"),
         type: "richtext",
-        editor: "uiw"
+        editor: "html"
       },
       {
         id: "roleIds",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/staff/components/TeamMemberForm.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\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 { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { LookupSelect, type LookupSelectItem } from '@open-mercato/ui/backend/inputs'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { Plus } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\nexport type TeamMemberFormValues = {\n  id?: string\n  teamId?: string | null\n  userId?: string | null\n  displayName?: string | null\n  description?: string | null\n  roleIds?: string[]\n  tags?: string[]\n  isActive?: boolean\n} & Record<string, unknown>\n\nexport type TeamMemberFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  initialValues: TeamMemberFormValues\n  onSubmit: (values: TeamMemberFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  tagsSection?: TeamMemberTagsSectionConfig\n}\n\ntype TeamRoleRow = {\n  id: string\n  name: string\n  teamId: string | null\n}\n\ntype TeamRolesResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\ntype UsersResponse = {\n  items?: Array<{ id?: string; email?: string; organizationName?: string | null }>\n}\n\ntype TeamsResponse = {\n  items?: Array<{ id?: string; name?: string }>\n}\n\ntype TeamMemberTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildTeamMemberPayload = (\n  values: TeamMemberFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> => {\n  const roleIds = Array.isArray(values.roleIds)\n    ? values.roleIds.filter((item): item is string => typeof item === 'string')\n    : []\n  const tags = Array.isArray(values.tags)\n    ? values.tags.filter((item): item is string => typeof item === 'string' && item.trim().length > 0)\n    : null\n  const customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    teamId: values.teamId ? String(values.teamId) : null,\n    userId: values.userId ? String(values.userId) : null,\n    displayName: typeof values.displayName === 'string' ? values.displayName : '',\n    description: typeof values.description === 'string' && values.description.trim().length ? values.description : null,\n    roleIds,\n    ...(tags ? { tags } : {}),\n    isActive: values.isActive ?? true,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamMemberForm(props: TeamMemberFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    tagsSection,\n  } = props\n  const translate = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [roles, setRoles] = React.useState<TeamRoleRow[]>([])\n  const [selectedTeamId, setSelectedTeamId] = React.useState<string | null>(null)\n  const [userOptions, setUserOptions] = React.useState<LookupSelectItem[]>([])\n  const [teamOptions, setTeamOptions] = React.useState<Array<{ value: string; label: string }>>([])\n  const [roleSearch, setRoleSearch] = React.useState('')\n\n  const resolvedTeamId = typeof initialValues.teamId === 'string' && initialValues.teamId.trim().length\n    ? initialValues.teamId\n    : null\n  const resolvedUserId = typeof initialValues.userId === 'string' && initialValues.userId.trim().length\n    ? initialValues.userId\n    : null\n\n  React.useEffect(() => {\n    setSelectedTeamId(resolvedTeamId)\n  }, [resolvedTeamId])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadRoles() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<TeamRolesResponse>(`/api/staff/team-roles?${params.toString()}`)\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const nextRoles = items\n          .map(mapTeamRole)\n          .filter((role): role is TeamRoleRow => role !== null)\n        if (!cancelled) setRoles(nextRoles)\n      } catch {\n        if (!cancelled) setRoles([])\n      }\n    }\n    loadRoles()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadTeams() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '100' })\n        const call = await apiCall<TeamsResponse>(`/api/staff/teams?${params.toString()}`)\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const options = items\n          .map((team) => {\n            const id = typeof team.id === 'string' ? team.id : null\n            const name = typeof team.name === 'string' ? team.name : null\n            if (!id || !name) return null\n            return { value: id, label: name }\n          })\n          .filter((entry): entry is { value: string; label: string } => entry !== null)\n        if (!cancelled) setTeamOptions(options)\n      } catch {\n        if (!cancelled) setTeamOptions([])\n      }\n    }\n    loadTeams()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    if (!resolvedUserId) return\n    const userId = resolvedUserId\n    if (userOptions.some((option) => option.id === resolvedUserId)) return\n    let cancelled = false\n    async function loadSelectedUser() {\n      try {\n        const call = await apiCall<UsersResponse>(`/api/auth/users?id=${encodeURIComponent(userId)}`)\n        const entry = Array.isArray(call.result?.items) ? call.result.items[0] : null\n        const entryId = typeof entry?.id === 'string' ? entry.id : null\n        const entryEmail = typeof entry?.email === 'string' ? entry.email : null\n        if (!entryId || !entryEmail) return\n        if (!cancelled) {\n          setUserOptions((prev) => {\n            if (prev.some((option) => option.id === entryId)) return prev\n            return [{ id: entryId, title: entryEmail, subtitle: entry?.organizationName ?? null }, ...prev]\n          })\n        }\n      } catch {\n        if (!cancelled) setUserOptions((prev) => prev)\n      }\n    }\n    loadSelectedUser()\n    return () => { cancelled = true }\n  }, [resolvedUserId, userOptions])\n\n  const filteredRoles = React.useMemo(\n    () => filterRolesByTeam(roles, selectedTeamId),\n    [roles, selectedTeamId],\n  )\n  const roleOptions = React.useMemo(\n    () => filteredRoles.map((role) => ({ value: role.id, label: role.name })),\n    [filteredRoles],\n  )\n  const filteredRoleOptions = React.useMemo(() => {\n    const query = roleSearch.trim().toLowerCase()\n    if (!query) return roleOptions\n    return roleOptions.filter((option) => (\n      option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n    ))\n  }, [roleOptions, roleSearch])\n  const createRoleHref = React.useMemo(() => {\n    const params = new URLSearchParams()\n    if (selectedTeamId) params.set('teamId', selectedTeamId)\n    const query = params.toString()\n    return `/backend/staff/team-roles/create${query ? `?${query}` : ''}`\n  }, [selectedTeamId])\n  const createTeamHref = '/backend/staff/teams/create'\n\n  React.useEffect(() => {\n    setRoleSearch('')\n  }, [selectedTeamId])\n\n  const fetchUserOptions = React.useCallback(async (query?: string): Promise<LookupSelectItem[]> => {\n    const params = new URLSearchParams({ page: '1', pageSize: '50' })\n    if (query && query.trim().length) params.set('search', query.trim())\n    const call = await apiCall<UsersResponse>(`/api/auth/users?${params.toString()}`)\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const options = items\n      .map((user): LookupSelectItem | null => {\n        const id = typeof user?.id === 'string' ? user.id : null\n        const email = typeof user?.email === 'string' ? user.email : null\n        if (!id || !email) return null\n        return {\n          id,\n          title: email,\n          subtitle: user.organizationName ?? null,\n        }\n      })\n      .filter((option): option is LookupSelectItem => option !== null)\n    setUserOptions(options)\n    return options\n  }, [])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      {\n        id: 'userId',\n        label: translate('staff.teamMembers.form.fields.user', 'User'),\n        type: 'custom',\n        component: ({ value, setValue }) => (\n          <LookupSelect\n            value={typeof value === 'string' ? value : null}\n            onChange={(next) => setValue(next)}\n            options={userOptions}\n            fetchOptions={fetchUserOptions}\n            placeholder={translate('staff.teamMembers.form.fields.user.placeholder', 'Select a user')}\n            searchPlaceholder={translate('staff.teamMembers.form.fields.user.search', 'Search users')}\n            emptyLabel={translate('staff.teamMembers.form.fields.user.empty', 'No users found')}\n            selectedHintLabel={(id) => translate('staff.teamMembers.form.fields.user.selected', 'Selected user: {{id}}', { id })}\n          />\n        ),\n      },\n      {\n        id: 'teamId',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, values, disabled }) => {\n          const currentValue = typeof value === 'string' ? value : ''\n          return (\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-sm font-medium\">\n                  {translate('staff.teamMembers.form.fields.team', 'Team')}\n                </span>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => router.push(createTeamHref)}\n                  disabled={disabled}\n                >\n                  <Plus className=\"mr-2 h-4 w-4\" aria-hidden />\n                  {translate('staff.teamMembers.form.actions.createTeam', 'Create new team')}\n                </Button>\n              </div>\n              <Select\n                value={currentValue || undefined}\n                onValueChange={(value) => {\n                  const nextValue = value || undefined\n                  const nextTeamId = value || null\n                  setValue(nextValue)\n                  setSelectedTeamId(nextTeamId)\n                  if (!setFormValue) return\n                  const roleIds = Array.isArray(values?.roleIds)\n                    ? values?.roleIds.filter((item): item is string => typeof item === 'string')\n                    : []\n                  const allowedRoleIds = buildAllowedRoleIdSet(roles, nextTeamId)\n                  const nextRoleIds = roleIds.filter((roleId) => allowedRoleIds.has(roleId))\n                  if (nextRoleIds.length !== roleIds.length) {\n                    setFormValue('roleIds', nextRoleIds)\n                  }\n                }}\n                disabled={disabled}\n              >\n                <SelectTrigger data-crud-focus-target=\"\">\n                  <SelectValue placeholder={translate('ui.forms.select.emptyOption', '\u2014')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {teamOptions.map((option) => (\n                    <SelectItem key={option.value} value={option.value}>\n                      {option.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )\n        },\n      },\n      {\n        id: 'displayName',\n        label: translate('staff.teamMembers.form.fields.displayName', 'Display name'),\n        type: 'text',\n        required: true,\n      },\n      {\n        id: 'description',\n        label: translate('staff.teamMembers.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'uiw',\n      },\n      {\n        id: 'roleIds',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const selectedValues = Array.isArray(value)\n            ? value.filter((item): item is string => typeof item === 'string')\n            : []\n          return (\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-sm font-medium\">\n                  {translate('staff.teamMembers.form.fields.roles', 'Roles')}\n                </span>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => router.push(createRoleHref)}\n                  disabled={disabled}\n                >\n                  <Plus className=\"mr-2 h-4 w-4\" aria-hidden />\n                  {translate('staff.teamMembers.form.actions.defineRole', 'Define new role')}\n                </Button>\n              </div>\n              <input\n                className=\"w-full h-8 rounded border px-2 text-sm\"\n                placeholder={translate('ui.forms.listbox.searchPlaceholder', 'Search...')}\n                value={roleSearch}\n                onChange={(event) => setRoleSearch(event.target.value)}\n                data-crud-focus-target=\"\"\n                disabled={disabled}\n              />\n              <div className=\"rounded border max-h-48 overflow-auto divide-y\">\n                {filteredRoleOptions.map((option) => {\n                  const isSelected = selectedValues.includes(option.value)\n                  return (\n                    <button\n                      key={option.value}\n                      type=\"button\"\n                      onClick={() => {\n                        const next = new Set(selectedValues)\n                        if (isSelected) {\n                          next.delete(option.value)\n                        } else {\n                          next.add(option.value)\n                        }\n                        setValue(Array.from(next))\n                      }}\n                      className={`w-full text-left px-3 py-2 text-sm hover:bg-muted ${isSelected ? 'bg-muted' : ''}`}\n                      disabled={disabled}\n                    >\n                      <span className=\"inline-flex items-center gap-2\">\n                        <input type=\"checkbox\" className=\"size-4\" readOnly checked={isSelected} />\n                        <span>{option.label}</span>\n                      </span>\n                    </button>\n                  )\n                })}\n                {!filteredRoleOptions.length ? (\n                  <div className=\"px-3 py-2 text-sm text-muted-foreground\">\n                    {translate('ui.forms.listbox.noMatches', 'No matches')}\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          )\n        },\n      },\n      {\n        id: 'isActive',\n        label: translate('staff.teamMembers.form.fields.active', 'Active'),\n        type: 'checkbox',\n      },\n    ]\n\n    if (!tagsSection) {\n      baseFields.splice(5, 0, {\n        id: 'tags',\n        label: translate('staff.teamMembers.form.fields.tags', 'Tags'),\n        type: 'tags',\n        placeholder: translate('staff.teamMembers.form.fields.tags.placeholder', 'Add tags'),\n      })\n    }\n\n    return baseFields\n  }, [\n    createRoleHref,\n    fetchUserOptions,\n    filteredRoleOptions,\n    roleSearch,\n    roles,\n    router,\n    tagsSection,\n    translate,\n    teamOptions,\n    userOptions,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: ['userId', 'teamId', 'displayName', 'description', 'roleIds', 'isActive'],\n      },\n      {\n        id: 'custom',\n        title: translate('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    } else {\n      baseGroups.splice(1, 0, {\n        id: 'tags',\n        title: translate('staff.teamMembers.form.fields.tags', 'Tags'),\n        column: 2,\n        fields: ['tags'],\n      })\n    }\n\n    baseGroups.push({\n      id: 'attachments',\n      title: translate('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.staff.staff_team_member}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    })\n\n    return baseGroups\n  }, [recordId, tagsSection, translate])\n\n  return (\n    <CrudForm<TeamMemberFormValues>\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.teamMember', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team_member}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n\nfunction mapTeamRole(item: Record<string, unknown>): TeamRoleRow | null {\n  const id = typeof item.id === 'string' ? item.id : ''\n  if (!id) return null\n  const name = typeof item.name === 'string' && item.name.trim().length ? item.name.trim() : id\n  const teamId = typeof item.teamId === 'string'\n    ? item.teamId\n    : typeof item.team_id === 'string'\n      ? item.team_id\n      : null\n  return { id, name, teamId }\n}\n\nfunction filterRolesByTeam(roles: TeamRoleRow[], teamId: string | null): TeamRoleRow[] {\n  if (!teamId) return roles.filter((role) => role.teamId == null)\n  return roles.filter((role) => role.teamId == null || role.teamId === teamId)\n}\n\nfunction buildAllowedRoleIdSet(roles: TeamRoleRow[], teamId: string | null): Set<string> {\n  return new Set(filterRolesByTeam(roles, teamId).map((role) => role.id))\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\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 { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { LookupSelect, type LookupSelectItem } from '@open-mercato/ui/backend/inputs'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { Plus } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\nexport type TeamMemberFormValues = {\n  id?: string\n  teamId?: string | null\n  userId?: string | null\n  displayName?: string | null\n  description?: string | null\n  roleIds?: string[]\n  tags?: string[]\n  isActive?: boolean\n} & Record<string, unknown>\n\nexport type TeamMemberFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  initialValues: TeamMemberFormValues\n  onSubmit: (values: TeamMemberFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  tagsSection?: TeamMemberTagsSectionConfig\n}\n\ntype TeamRoleRow = {\n  id: string\n  name: string\n  teamId: string | null\n}\n\ntype TeamRolesResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\ntype UsersResponse = {\n  items?: Array<{ id?: string; email?: string; organizationName?: string | null }>\n}\n\ntype TeamsResponse = {\n  items?: Array<{ id?: string; name?: string }>\n}\n\ntype TeamMemberTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nconst normalizeCustomFieldSubmitValue = (value: unknown): unknown => {\n  const normalized = normalizeCustomFieldValues({ value })\n  return normalized.value\n}\n\nexport const buildTeamMemberPayload = (\n  values: TeamMemberFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> => {\n  const roleIds = Array.isArray(values.roleIds)\n    ? values.roleIds.filter((item): item is string => typeof item === 'string')\n    : []\n  const tags = Array.isArray(values.tags)\n    ? values.tags.filter((item): item is string => typeof item === 'string' && item.trim().length > 0)\n    : null\n  const customFields = collectCustomFieldValues(values, { transform: normalizeCustomFieldSubmitValue })\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    teamId: values.teamId ? String(values.teamId) : null,\n    userId: values.userId ? String(values.userId) : null,\n    displayName: typeof values.displayName === 'string' ? values.displayName : '',\n    description: typeof values.description === 'string' && values.description.trim().length ? values.description : null,\n    roleIds,\n    ...(tags ? { tags } : {}),\n    isActive: values.isActive ?? true,\n    ...(Object.keys(customFields).length ? { customFields } : {}),\n  }\n}\n\nexport function TeamMemberForm(props: TeamMemberFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    tagsSection,\n  } = props\n  const translate = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [roles, setRoles] = React.useState<TeamRoleRow[]>([])\n  const [selectedTeamId, setSelectedTeamId] = React.useState<string | null>(null)\n  const [userOptions, setUserOptions] = React.useState<LookupSelectItem[]>([])\n  const [teamOptions, setTeamOptions] = React.useState<Array<{ value: string; label: string }>>([])\n  const [roleSearch, setRoleSearch] = React.useState('')\n\n  const resolvedTeamId = typeof initialValues.teamId === 'string' && initialValues.teamId.trim().length\n    ? initialValues.teamId\n    : null\n  const resolvedUserId = typeof initialValues.userId === 'string' && initialValues.userId.trim().length\n    ? initialValues.userId\n    : null\n\n  React.useEffect(() => {\n    setSelectedTeamId(resolvedTeamId)\n  }, [resolvedTeamId])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadRoles() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<TeamRolesResponse>(`/api/staff/team-roles?${params.toString()}`)\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const nextRoles = items\n          .map(mapTeamRole)\n          .filter((role): role is TeamRoleRow => role !== null)\n        if (!cancelled) setRoles(nextRoles)\n      } catch {\n        if (!cancelled) setRoles([])\n      }\n    }\n    loadRoles()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadTeams() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '100' })\n        const call = await apiCall<TeamsResponse>(`/api/staff/teams?${params.toString()}`)\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const options = items\n          .map((team) => {\n            const id = typeof team.id === 'string' ? team.id : null\n            const name = typeof team.name === 'string' ? team.name : null\n            if (!id || !name) return null\n            return { value: id, label: name }\n          })\n          .filter((entry): entry is { value: string; label: string } => entry !== null)\n        if (!cancelled) setTeamOptions(options)\n      } catch {\n        if (!cancelled) setTeamOptions([])\n      }\n    }\n    loadTeams()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    if (!resolvedUserId) return\n    const userId = resolvedUserId\n    if (userOptions.some((option) => option.id === resolvedUserId)) return\n    let cancelled = false\n    async function loadSelectedUser() {\n      try {\n        const call = await apiCall<UsersResponse>(`/api/auth/users?id=${encodeURIComponent(userId)}`)\n        const entry = Array.isArray(call.result?.items) ? call.result.items[0] : null\n        const entryId = typeof entry?.id === 'string' ? entry.id : null\n        const entryEmail = typeof entry?.email === 'string' ? entry.email : null\n        if (!entryId || !entryEmail) return\n        if (!cancelled) {\n          setUserOptions((prev) => {\n            if (prev.some((option) => option.id === entryId)) return prev\n            return [{ id: entryId, title: entryEmail, subtitle: entry?.organizationName ?? null }, ...prev]\n          })\n        }\n      } catch {\n        if (!cancelled) setUserOptions((prev) => prev)\n      }\n    }\n    loadSelectedUser()\n    return () => { cancelled = true }\n  }, [resolvedUserId, userOptions])\n\n  const filteredRoles = React.useMemo(\n    () => filterRolesByTeam(roles, selectedTeamId),\n    [roles, selectedTeamId],\n  )\n  const roleOptions = React.useMemo(\n    () => filteredRoles.map((role) => ({ value: role.id, label: role.name })),\n    [filteredRoles],\n  )\n  const filteredRoleOptions = React.useMemo(() => {\n    const query = roleSearch.trim().toLowerCase()\n    if (!query) return roleOptions\n    return roleOptions.filter((option) => (\n      option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n    ))\n  }, [roleOptions, roleSearch])\n  const createRoleHref = React.useMemo(() => {\n    const params = new URLSearchParams()\n    if (selectedTeamId) params.set('teamId', selectedTeamId)\n    const query = params.toString()\n    return `/backend/staff/team-roles/create${query ? `?${query}` : ''}`\n  }, [selectedTeamId])\n  const createTeamHref = '/backend/staff/teams/create'\n\n  React.useEffect(() => {\n    setRoleSearch('')\n  }, [selectedTeamId])\n\n  const fetchUserOptions = React.useCallback(async (query?: string): Promise<LookupSelectItem[]> => {\n    const params = new URLSearchParams({ page: '1', pageSize: '50' })\n    if (query && query.trim().length) params.set('search', query.trim())\n    const call = await apiCall<UsersResponse>(`/api/auth/users?${params.toString()}`)\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const options = items\n      .map((user): LookupSelectItem | null => {\n        const id = typeof user?.id === 'string' ? user.id : null\n        const email = typeof user?.email === 'string' ? user.email : null\n        if (!id || !email) return null\n        return {\n          id,\n          title: email,\n          subtitle: user.organizationName ?? null,\n        }\n      })\n      .filter((option): option is LookupSelectItem => option !== null)\n    setUserOptions(options)\n    return options\n  }, [])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      {\n        id: 'userId',\n        label: translate('staff.teamMembers.form.fields.user', 'User'),\n        type: 'custom',\n        component: ({ value, setValue }) => (\n          <LookupSelect\n            value={typeof value === 'string' ? value : null}\n            onChange={(next) => setValue(next)}\n            options={userOptions}\n            fetchOptions={fetchUserOptions}\n            placeholder={translate('staff.teamMembers.form.fields.user.placeholder', 'Select a user')}\n            searchPlaceholder={translate('staff.teamMembers.form.fields.user.search', 'Search users')}\n            emptyLabel={translate('staff.teamMembers.form.fields.user.empty', 'No users found')}\n            selectedHintLabel={(id) => translate('staff.teamMembers.form.fields.user.selected', 'Selected user: {{id}}', { id })}\n          />\n        ),\n      },\n      {\n        id: 'teamId',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, values, disabled }) => {\n          const currentValue = typeof value === 'string' ? value : ''\n          return (\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-sm font-medium\">\n                  {translate('staff.teamMembers.form.fields.team', 'Team')}\n                </span>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => router.push(createTeamHref)}\n                  disabled={disabled}\n                >\n                  <Plus className=\"mr-2 h-4 w-4\" aria-hidden />\n                  {translate('staff.teamMembers.form.actions.createTeam', 'Create new team')}\n                </Button>\n              </div>\n              <Select\n                value={currentValue || undefined}\n                onValueChange={(value) => {\n                  const nextValue = value || undefined\n                  const nextTeamId = value || null\n                  setValue(nextValue)\n                  setSelectedTeamId(nextTeamId)\n                  if (!setFormValue) return\n                  const roleIds = Array.isArray(values?.roleIds)\n                    ? values?.roleIds.filter((item): item is string => typeof item === 'string')\n                    : []\n                  const allowedRoleIds = buildAllowedRoleIdSet(roles, nextTeamId)\n                  const nextRoleIds = roleIds.filter((roleId) => allowedRoleIds.has(roleId))\n                  if (nextRoleIds.length !== roleIds.length) {\n                    setFormValue('roleIds', nextRoleIds)\n                  }\n                }}\n                disabled={disabled}\n              >\n                <SelectTrigger data-crud-focus-target=\"\">\n                  <SelectValue placeholder={translate('ui.forms.select.emptyOption', '\u2014')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {teamOptions.map((option) => (\n                    <SelectItem key={option.value} value={option.value}>\n                      {option.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )\n        },\n      },\n      {\n        id: 'displayName',\n        label: translate('staff.teamMembers.form.fields.displayName', 'Display name'),\n        type: 'text',\n        required: true,\n      },\n      {\n        id: 'description',\n        label: translate('staff.teamMembers.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'html',\n      },\n      {\n        id: 'roleIds',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const selectedValues = Array.isArray(value)\n            ? value.filter((item): item is string => typeof item === 'string')\n            : []\n          return (\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-sm font-medium\">\n                  {translate('staff.teamMembers.form.fields.roles', 'Roles')}\n                </span>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => router.push(createRoleHref)}\n                  disabled={disabled}\n                >\n                  <Plus className=\"mr-2 h-4 w-4\" aria-hidden />\n                  {translate('staff.teamMembers.form.actions.defineRole', 'Define new role')}\n                </Button>\n              </div>\n              <input\n                className=\"w-full h-8 rounded border px-2 text-sm\"\n                placeholder={translate('ui.forms.listbox.searchPlaceholder', 'Search...')}\n                value={roleSearch}\n                onChange={(event) => setRoleSearch(event.target.value)}\n                data-crud-focus-target=\"\"\n                disabled={disabled}\n              />\n              <div className=\"rounded border max-h-48 overflow-auto divide-y\">\n                {filteredRoleOptions.map((option) => {\n                  const isSelected = selectedValues.includes(option.value)\n                  return (\n                    <button\n                      key={option.value}\n                      type=\"button\"\n                      onClick={() => {\n                        const next = new Set(selectedValues)\n                        if (isSelected) {\n                          next.delete(option.value)\n                        } else {\n                          next.add(option.value)\n                        }\n                        setValue(Array.from(next))\n                      }}\n                      className={`w-full text-left px-3 py-2 text-sm hover:bg-muted ${isSelected ? 'bg-muted' : ''}`}\n                      disabled={disabled}\n                    >\n                      <span className=\"inline-flex items-center gap-2\">\n                        <input type=\"checkbox\" className=\"size-4\" readOnly checked={isSelected} />\n                        <span>{option.label}</span>\n                      </span>\n                    </button>\n                  )\n                })}\n                {!filteredRoleOptions.length ? (\n                  <div className=\"px-3 py-2 text-sm text-muted-foreground\">\n                    {translate('ui.forms.listbox.noMatches', 'No matches')}\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          )\n        },\n      },\n      {\n        id: 'isActive',\n        label: translate('staff.teamMembers.form.fields.active', 'Active'),\n        type: 'checkbox',\n      },\n    ]\n\n    if (!tagsSection) {\n      baseFields.splice(5, 0, {\n        id: 'tags',\n        label: translate('staff.teamMembers.form.fields.tags', 'Tags'),\n        type: 'tags',\n        placeholder: translate('staff.teamMembers.form.fields.tags.placeholder', 'Add tags'),\n      })\n    }\n\n    return baseFields\n  }, [\n    createRoleHref,\n    fetchUserOptions,\n    filteredRoleOptions,\n    roleSearch,\n    roles,\n    router,\n    tagsSection,\n    translate,\n    teamOptions,\n    userOptions,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: ['userId', 'teamId', 'displayName', 'description', 'roleIds', 'isActive'],\n      },\n      {\n        id: 'custom',\n        title: translate('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    } else {\n      baseGroups.splice(1, 0, {\n        id: 'tags',\n        title: translate('staff.teamMembers.form.fields.tags', 'Tags'),\n        column: 2,\n        fields: ['tags'],\n      })\n    }\n\n    baseGroups.push({\n      id: 'attachments',\n      title: translate('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.staff.staff_team_member}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    })\n\n    return baseGroups\n  }, [recordId, tagsSection, translate])\n\n  return (\n    <CrudForm<TeamMemberFormValues>\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      versionHistory={initialValues.id\n        ? { resourceKind: 'staff.teamMember', resourceId: String(initialValues.id) }\n        : undefined}\n      submitLabel={submitLabel}\n      fields={fields}\n      groups={groups}\n      entityId={E.staff.staff_team_member}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n\nfunction mapTeamRole(item: Record<string, unknown>): TeamRoleRow | null {\n  const id = typeof item.id === 'string' ? item.id : ''\n  if (!id) return null\n  const name = typeof item.name === 'string' && item.name.trim().length ? item.name.trim() : id\n  const teamId = typeof item.teamId === 'string'\n    ? item.teamId\n    : typeof item.team_id === 'string'\n      ? item.team_id\n      : null\n  return { id, name, teamId }\n}\n\nfunction filterRolesByTeam(roles: TeamRoleRow[], teamId: string | null): TeamRoleRow[] {\n  if (!teamId) return roles.filter((role) => role.teamId == null)\n  return roles.filter((role) => role.teamId == null || role.teamId === teamId)\n}\n\nfunction buildAllowedRoleIdSet(roles: TeamRoleRow[], teamId: string | null): Set<string> {\n  return new Set(filterRolesByTeam(roles, teamId).map((role) => role.id))\n}\n"],
   "mappings": "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",
   "names": ["value"]
 }

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

@@ -71,7 +71,7 @@ function TeamRoleForm(props) {
     }
     base.push(
       { id: "name", label: t("staff.teamRoles.form.fields.name", "Name"), type: "text", required: true },
-      { id: "description", label: t("staff.teamRoles.form.fields.description", "Description"), type: "richtext" },
+      { id: "description", label: t("staff.teamRoles.form.fields.description", "Description"), type: "richtext", editor: "html" },
       {
         id: "appearance",
         label: t("staff.teamRoles.form.appearance.label", "Appearance"),