@open-mercato/ui 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

package/dist/backend/detail/AddressTiles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/AddressTiles.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Loader2, Pencil, Plus, Trash2, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { TabEmptyState } from '@open-mercato/ui/backend/detail'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { AddressView, formatAddressString, type AddressFormatStrategy } from './addressFormat'\nimport AddressEditor, { type AddressTypesAdapter } from './AddressEditor'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\n\nexport type Translator = (\n  key: string,\n  fallback?: string,\n  params?: Record<string, string | number>,\n) => string\n\nexport type AddressInput = {\n  name?: string\n  purpose?: string\n  companyName?: string\n  addressLine1: string\n  addressLine2?: string\n  buildingNumber?: string\n  flatNumber?: string\n  city?: string\n  region?: string\n  postalCode?: string\n  country?: string\n  isPrimary?: boolean\n}\n\nexport type AddressValue = AddressInput & {\n  id: string\n  purpose?: string | null\n  companyName?: string | null\n}\n\ntype AddressTilesProps<C = unknown> = {\n  addresses: AddressValue[]\n  onCreate: (payload: AddressInput) => Promise<void> | void\n  onUpdate?: (id: string, payload: AddressInput) => Promise<void> | void\n  onDelete?: (id: string) => Promise<void> | void\n  t: Translator\n  emptyLabel: string\n  isSubmitting?: boolean\n  gridClassName?: string\n  hideAddButton?: boolean\n  onAddActionChange?: (action: { openCreateForm: () => void; addDisabled: boolean } | null) => void\n  emptyStateTitle?: string\n  emptyStateActionLabel?: string\n  labelPrefix?: string\n  addressTypesAdapter?: AddressTypesAdapter<C>\n  addressTypesContext?: C\n  loadFormat?: (context?: C) => Promise<AddressFormatStrategy>\n  formatContext?: C\n}\n\ntype DraftAddressState = {\n  name: string\n  purpose: string\n  companyName: string\n  addressLine1: string\n  addressLine2: string\n  buildingNumber: string\n  flatNumber: string\n  city: string\n  region: string\n  postalCode: string\n  country: string\n  isPrimary: boolean\n}\n\ntype DraftFieldKey = keyof DraftAddressState\n\ntype AddressValidationDetail = {\n  path?: Array<string | number>\n  code?: string\n  message?: string\n  minimum?: number\n  maximum?: number\n  type?: string\n}\n\nconst defaultDraft: DraftAddressState = {\n  name: '',\n  purpose: '',\n  companyName: '',\n  addressLine1: '',\n  addressLine2: '',\n  buildingNumber: '',\n  flatNumber: '',\n  city: '',\n  region: '',\n  postalCode: '',\n  country: '',\n  isPrimary: false,\n}\n\nconst serverFieldMap: Record<string, DraftFieldKey> = {\n  name: 'name',\n  purpose: 'purpose',\n  companyName: 'companyName',\n  addressLine1: 'addressLine1',\n  addressLine2: 'addressLine2',\n  buildingNumber: 'buildingNumber',\n  flatNumber: 'flatNumber',\n  city: 'city',\n  region: 'region',\n  postalCode: 'postalCode',\n  country: 'country',\n  isPrimary: 'isPrimary',\n}\n\nfunction normalizeOptional(value: string): string | undefined {\n  const trimmed = value.trim()\n  return trimmed.length ? trimmed : undefined\n}\n\nfunction extractValidationDetails(error: unknown): AddressValidationDetail[] {\n  if (!error || typeof error !== 'object') return []\n  const candidate = (error as { details?: unknown }).details\n  if (!Array.isArray(candidate)) return []\n  return candidate\n    .map((entry) => (entry && typeof entry === 'object' ? (entry as AddressValidationDetail) : null))\n    .filter((entry): entry is AddressValidationDetail => entry !== null)\n}\n\nfunction resolveFieldMessage(detail: AddressValidationDetail, fieldLabel: string, t: Translator, prefix: string): string {\n  const label = (suffix: string, fallback: string) => t(`${prefix}.${suffix}`, fallback)\n  switch (detail.code) {\n    case 'invalid_type':\n      return label('validation.invalid', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    case 'too_small':\n      if (detail.minimum === 1 && detail.type === 'string') {\n        return label('validation.required', '{{field}} is required').replace('{{field}}', fieldLabel)\n      }\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    case 'too_big':\n      if (typeof detail.maximum === 'number') {\n        return label('validation.tooLong', '{{field}} is too long').replace('{{field}}', fieldLabel)\n          .replace('{{max}}', `${detail.maximum}`)\n      }\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    default:\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n  }\n}\n\nexport function AddressTiles<C = unknown>({\n  addresses,\n  onCreate,\n  onUpdate,\n  onDelete,\n  t,\n  emptyLabel,\n  isSubmitting = false,\n  gridClassName = 'grid grid-cols-1 gap-2 sm:gap-4 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4',\n  hideAddButton = false,\n  onAddActionChange,\n  emptyStateTitle,\n  emptyStateActionLabel,\n  labelPrefix = 'customers.people.detail.addresses',\n  addressTypesAdapter,\n  addressTypesContext,\n  loadFormat,\n  formatContext,\n}: AddressTilesProps<C>) {\n  const scopeVersion = useOrganizationScopeVersion()\n  const [isFormOpen, setIsFormOpen] = React.useState(false)\n  const [editingId, setEditingId] = React.useState<string | null>(null)\n  const [draft, setDraft] = React.useState<DraftAddressState>(defaultDraft)\n  const [saving, setSaving] = React.useState(false)\n  const [deletingId, setDeletingId] = React.useState<string | null>(null)\n  const [generalError, setGeneralError] = React.useState<string | null>(null)\n  const [fieldErrors, setFieldErrors] = React.useState<Partial<Record<DraftFieldKey, string>>>({})\n  const [format, setFormat] = React.useState<AddressFormatStrategy>('line_first')\n  const [formatLoading, setFormatLoading] = React.useState(false)\n\n  const label = React.useCallback(\n    (suffix: string, fallback?: string, params?: Record<string, string | number>) =>\n      t(`${labelPrefix}.${suffix}`, fallback, params),\n    [labelPrefix, t],\n  )\n\n  const fieldLabels = React.useMemo(\n    () => ({\n      name: label('fields.label', 'Label'),\n      purpose: label('fields.type', 'Address type'),\n      companyName: label('fields.companyName', 'Company name'),\n      addressLine1: label('fields.line1', 'Address line 1'),\n      addressLine2: label('fields.line2', 'Address line 2'),\n      street: label('fields.street', 'Street'),\n      buildingNumber: label('fields.buildingNumber', 'Building number'),\n      flatNumber: label('fields.flatNumber', 'Flat number'),\n      city: label('fields.city', 'City'),\n      region: label('fields.region', 'Region'),\n      postalCode: label('fields.postalCode', 'Postal code'),\n      country: label('fields.country', 'Country'),\n      isPrimary: label('fields.primary', 'Primary address'),\n    }),\n    [label],\n  )\n  const line1FieldLabel = React.useMemo(\n    () => (format === 'street_first' ? fieldLabels.street : fieldLabels.addressLine1),\n    [fieldLabels.addressLine1, fieldLabels.street, format],\n  )\n\n  const resetForm = React.useCallback(() => {\n    setDraft(defaultDraft)\n    setFieldErrors({})\n    setGeneralError(null)\n    setEditingId(null)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadFormatValue() {\n      if (!loadFormat) {\n        setFormat('line_first')\n        setFormatLoading(false)\n        return\n      }\n      setFormatLoading(true)\n      try {\n        const value = await loadFormat(formatContext)\n        if (!cancelled && (value === 'street_first' || value === 'line_first')) {\n          setFormat(value)\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message =\n            err instanceof Error && err.message\n              ? err.message\n              : label('formatLoadError', 'Failed to load address configuration')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setFormatLoading(false)\n      }\n    }\n    void loadFormatValue()\n    return () => {\n      cancelled = true\n    }\n  }, [formatContext, label, loadFormat, scopeVersion])\n\n  const openCreateForm = React.useCallback(() => {\n    resetForm()\n    setIsFormOpen(true)\n  }, [resetForm])\n\n  const handleCancel = React.useCallback(() => {\n    resetForm()\n    setIsFormOpen(false)\n  }, [resetForm])\n\n  const handleEdit = React.useCallback((value: AddressValue) => {\n    setDraft({\n      name: value.name ?? '',\n      purpose: value.purpose ?? '',\n      companyName: value.companyName ?? '',\n      addressLine1: value.addressLine1 ?? '',\n      addressLine2: value.addressLine2 ?? '',\n      buildingNumber: value.buildingNumber ?? '',\n      flatNumber: value.flatNumber ?? '',\n      city: value.city ?? '',\n      region: value.region ?? '',\n      postalCode: value.postalCode ?? '',\n      country: value.country ?? '',\n      isPrimary: value.isPrimary ?? false,\n    })\n    setEditingId(value.id)\n    setIsFormOpen(true)\n    setFieldErrors({})\n    setGeneralError(null)\n  }, [])\n\n  const validate = React.useCallback((): boolean => {\n    const errors: Partial<Record<DraftFieldKey, string>> = {}\n    if (!draft.addressLine1.trim()) {\n      errors.addressLine1 = label('validation.required', '{{field}} is required').replace('{{field}}', line1FieldLabel)\n    }\n    if (Object.keys(errors).length > 0) {\n      setFieldErrors(errors)\n      return false\n    }\n    return true\n  }, [draft.addressLine1, label, line1FieldLabel])\n\n  const handleSave = React.useCallback(async () => {\n    if (!validate()) return\n    setSaving(true)\n    setGeneralError(null)\n    try {\n      const payload: AddressInput = {\n        name: normalizeOptional(draft.name),\n        purpose: normalizeOptional(draft.purpose),\n        companyName: normalizeOptional(draft.companyName),\n        addressLine1: draft.addressLine1.trim(),\n        addressLine2: normalizeOptional(draft.addressLine2),\n        buildingNumber: normalizeOptional(draft.buildingNumber),\n        flatNumber: normalizeOptional(draft.flatNumber),\n        city: normalizeOptional(draft.city),\n        region: normalizeOptional(draft.region),\n        postalCode: normalizeOptional(draft.postalCode),\n        country: normalizeOptional(draft.country)?.toUpperCase(),\n        isPrimary: draft.isPrimary,\n      }\n      if (editingId && onUpdate) {\n        await onUpdate(editingId, payload)\n      } else {\n        await onCreate(payload)\n      }\n      resetForm()\n      setIsFormOpen(false)\n    } catch (err) {\n      const details = extractValidationDetails(err)\n      if (details.length) {\n        const nextErrors: Partial<Record<DraftFieldKey, string>> = {}\n        details.forEach((detail) => {\n          const path = Array.isArray(detail.path) ? detail.path : []\n          const key = typeof path[0] === 'string' ? path[0] : undefined\n          if (!key) return\n          const fieldKey = serverFieldMap[key]\n          if (!fieldKey) return\n          const fieldLabel = fieldKey === 'addressLine1' ? line1FieldLabel : (fieldLabels[fieldKey] ?? key)\n          nextErrors[fieldKey] = resolveFieldMessage(detail, fieldLabel, t, labelPrefix)\n        })\n        setFieldErrors(nextErrors)\n        setGeneralError(label('validation.summary', 'Please fix the highlighted fields.'))\n        return\n      }\n      const message =\n        err instanceof Error && err.message\n          ? err.message\n          : label('error', 'Failed to save address')\n      setGeneralError(message)\n      flash(message, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, editingId, fieldLabels, label, labelPrefix, onCreate, onUpdate, resetForm, t, validate])\n\n  const handleDelete = React.useCallback(\n    async (id: string) => {\n      if (!onDelete) return\n      setDeletingId(id)\n      try {\n        await onDelete(id)\n        if (editingId === id) {\n          resetForm()\n          setIsFormOpen(false)\n        }\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message\n            ? err.message\n            : label('error', 'Failed to delete address')\n        flash(message, 'error')\n      } finally {\n        setDeletingId(null)\n      }\n    },\n    [editingId, label, onDelete, resetForm]\n  )\n\n  const disableActions = saving || isSubmitting || deletingId !== null\n  const isEditing = editingId !== null\n  const addDisabled = disableActions || isEditing\n  const hasAddresses = addresses.length > 0\n  const emptyTitle = emptyStateTitle ?? emptyLabel\n  const emptyActionLabel = emptyStateActionLabel ?? label('add', 'Add address')\n\n  React.useEffect(() => {\n    if (!onAddActionChange) return\n    onAddActionChange({ openCreateForm, addDisabled })\n  }, [onAddActionChange, openCreateForm, addDisabled])\n\n  React.useEffect(\n    () => () => {\n      if (onAddActionChange) onAddActionChange(null)\n    },\n    [onAddActionChange]\n  )\n\n  const renderFormTile = React.useCallback(\n    (key: string) => (\n      <div\n        key={key}\n        className=\"rounded-lg border-2 border-dashed border-muted-foreground/50 bg-muted/20 p-4 text-sm\"\n        onKeyDown={(event) => {\n          if (!(event.metaKey || event.ctrlKey)) return\n          if (event.key !== 'Enter') return\n          event.preventDefault()\n          if (disableActions) return\n          void handleSave()\n        }}\n      >\n        <div className=\"flex items-center justify-between text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <span>\n            {editingId\n              ? label('editTitle', 'Edit address')\n              : label('addTitle', 'Add address')}\n          </span>\n          <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={handleCancel} disabled={disableActions}>\n            <X className=\"h-4 w-4\" />\n          </Button>\n        </div>\n        <div className=\"mt-3 space-y-3\">\n          {formatLoading ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {label('formatLoading', 'Loading address preferences\u2026')}\n            </p>\n          ) : null}\n          <AddressEditor\n            value={draft}\n            onChange={(next) => {\n              setDraft(next)\n              if (Object.keys(fieldErrors).length) {\n                const nextErrors = { ...fieldErrors }\n                ;(Object.keys(nextErrors) as DraftFieldKey[]).forEach((key) => {\n                  const candidate = (next as Record<string, unknown>)[key]\n                  if (candidate !== undefined && candidate !== null && `${candidate}`.length) {\n                    delete nextErrors[key]\n                  }\n                })\n                setFieldErrors(nextErrors)\n              }\n            }}\n            format={format}\n            t={t}\n            disabled={disableActions}\n            errors={fieldErrors}\n            showFormatHint={!formatLoading}\n            labelPrefix={labelPrefix}\n            addressTypesAdapter={addressTypesAdapter}\n            addressTypesContext={addressTypesContext}\n          />\n          {generalError ? <p className=\"text-xs text-red-600\">{generalError}</p> : null}\n          <div className=\"flex flex-wrap justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={handleCancel} disabled={disableActions}>\n              {label('cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={handleSave} disabled={disableActions}>\n              {saving ? (\n                <>\n                  <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                  {editingId\n                    ? label('updating', 'Updating\u2026')\n                    : label('saving', 'Saving\u2026')}\n                </>\n              ) : editingId ? (\n                label('update', 'Update address')\n              ) : (\n                label('save', 'Save address')\n              )}\n            </Button>\n          </div>\n        </div>\n      </div>\n    ),\n    [\n      addressTypesAdapter,\n      addressTypesContext,\n      disableActions,\n      draft,\n      editingId,\n      fieldErrors,\n      format,\n      formatLoading,\n      handleCancel,\n      handleSave,\n      generalError,\n      label,\n      labelPrefix,\n      saving,\n      t,\n    ]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {!hideAddButton && hasAddresses ? (\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={openCreateForm}\n            disabled={addDisabled}\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {label('add', 'Add address')}\n          </Button>\n        </div>\n      ) : null}\n      {hasAddresses ? (\n        <div className={gridClassName}>\n          {addresses.map((address) => {\n            if (isFormOpen && editingId === address.id) {\n              return renderFormTile(`form-${address.id}`)\n            }\n            const isDeleting = deletingId === address.id\n            return (\n              <div\n                key={address.id}\n                className=\"group rounded-lg border border-border/60 bg-card p-4 text-sm transition hover:border-border\"\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"space-y-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <p className=\"text-sm font-semibold text-foreground\">\n                        {address.name ?? label('labelFallback', 'Address')}\n                      </p>\n                      {address.isPrimary ? (\n                        <span className=\"rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase\">\n                          {label('primaryBadge', 'Primary')}\n                        </span>\n                      ) : null}\n                    </div>\n                    {address.purpose ? (\n                      <p className=\"text-xs text-muted-foreground\">\n                        {address.purpose}\n                      </p>\n                    ) : null}\n                    <AddressView address={address} format={format} className=\"text-sm text-foreground\" />\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatAddressString(address, format)}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-1 opacity-100 md:opacity-0 transition-opacity md:group-hover:opacity-100 focus-within:opacity-100\">\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => handleEdit(address)}\n                      disabled={disableActions}\n                    >\n                      <Pencil className=\"h-4 w-4\" />\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => handleDelete(address.id)}\n                      disabled={disableActions}\n                    >\n                      {isDeleting ? (\n                        <span className=\"relative flex h-4 w-4 items-center justify-center text-destructive\">\n                          <span className=\"absolute h-4 w-4 animate-spin rounded-full border border-destructive border-t-transparent\" />\n                        </span>\n                      ) : (\n                        <Trash2 className=\"h-4 w-4\" />\n                      )}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            )\n          })}\n          {isFormOpen && !editingId ? renderFormTile('create') : null}\n        </div>\n      ) : isFormOpen ? (\n        <div className={gridClassName}>\n          {renderFormTile('create')}\n        </div>\n      ) : (\n        <TabEmptyState\n          title={emptyTitle}\n          action={{\n            label: emptyActionLabel,\n            onClick: openCreateForm,\n            disabled: addDisabled,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AddressTiles\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Loader2, Pencil, Plus, Trash2, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { TabEmptyState } from '@open-mercato/ui/backend/detail'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { AddressView, formatAddressString, type AddressFormatStrategy } from './addressFormat'\nimport AddressEditor, { type AddressTypesAdapter } from './AddressEditor'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\n\nexport type Translator = (\n  key: string,\n  fallback?: string,\n  params?: Record<string, string | number>,\n) => string\n\nexport type AddressInput = {\n  name?: string\n  purpose?: string\n  companyName?: string\n  addressLine1: string\n  addressLine2?: string\n  buildingNumber?: string\n  flatNumber?: string\n  city?: string\n  region?: string\n  postalCode?: string\n  country?: string\n  isPrimary?: boolean\n}\n\nexport type AddressValue = AddressInput & {\n  id: string\n  purpose?: string | null\n  companyName?: string | null\n}\n\ntype AddressTilesProps<C = unknown> = {\n  addresses: AddressValue[]\n  onCreate: (payload: AddressInput) => Promise<void> | void\n  onUpdate?: (id: string, payload: AddressInput) => Promise<void> | void\n  onDelete?: (id: string) => Promise<void> | void\n  t: Translator\n  emptyLabel: string\n  isSubmitting?: boolean\n  gridClassName?: string\n  hideAddButton?: boolean\n  onAddActionChange?: (action: { openCreateForm: () => void; addDisabled: boolean } | null) => void\n  emptyStateTitle?: string\n  emptyStateActionLabel?: string\n  labelPrefix?: string\n  addressTypesAdapter?: AddressTypesAdapter<C>\n  addressTypesContext?: C\n  loadFormat?: (context?: C) => Promise<AddressFormatStrategy>\n  formatContext?: C\n}\n\ntype DraftAddressState = {\n  name: string\n  purpose: string\n  companyName: string\n  addressLine1: string\n  addressLine2: string\n  buildingNumber: string\n  flatNumber: string\n  city: string\n  region: string\n  postalCode: string\n  country: string\n  isPrimary: boolean\n}\n\ntype DraftFieldKey = keyof DraftAddressState\n\ntype AddressValidationDetail = {\n  path?: Array<string | number>\n  code?: string\n  message?: string\n  minimum?: number\n  maximum?: number\n  type?: string\n}\n\nconst defaultDraft: DraftAddressState = {\n  name: '',\n  purpose: '',\n  companyName: '',\n  addressLine1: '',\n  addressLine2: '',\n  buildingNumber: '',\n  flatNumber: '',\n  city: '',\n  region: '',\n  postalCode: '',\n  country: '',\n  isPrimary: false,\n}\n\nconst serverFieldMap: Record<string, DraftFieldKey> = {\n  name: 'name',\n  purpose: 'purpose',\n  companyName: 'companyName',\n  addressLine1: 'addressLine1',\n  addressLine2: 'addressLine2',\n  buildingNumber: 'buildingNumber',\n  flatNumber: 'flatNumber',\n  city: 'city',\n  region: 'region',\n  postalCode: 'postalCode',\n  country: 'country',\n  isPrimary: 'isPrimary',\n}\n\nfunction normalizeOptional(value: string): string | undefined {\n  const trimmed = value.trim()\n  return trimmed.length ? trimmed : undefined\n}\n\nfunction extractValidationDetails(error: unknown): AddressValidationDetail[] {\n  if (!error || typeof error !== 'object') return []\n  const candidate = (error as { details?: unknown }).details\n  if (!Array.isArray(candidate)) return []\n  return candidate\n    .map((entry) => (entry && typeof entry === 'object' ? (entry as AddressValidationDetail) : null))\n    .filter((entry): entry is AddressValidationDetail => entry !== null)\n}\n\nfunction resolveFieldMessage(detail: AddressValidationDetail, fieldLabel: string, t: Translator, prefix: string): string {\n  const label = (suffix: string, fallback: string) => t(`${prefix}.${suffix}`, fallback)\n  switch (detail.code) {\n    case 'invalid_type':\n      return label('validation.invalid', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    case 'too_small':\n      if (detail.minimum === 1 && detail.type === 'string') {\n        return label('validation.required', '{{field}} is required').replace('{{field}}', fieldLabel)\n      }\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    case 'too_big':\n      if (typeof detail.maximum === 'number') {\n        return label('validation.tooLong', '{{field}} is too long').replace('{{field}}', fieldLabel)\n          .replace('{{max}}', `${detail.maximum}`)\n      }\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n    default:\n      return label('validation.generic', 'Invalid value for {{field}}').replace('{{field}}', fieldLabel)\n  }\n}\n\nexport function AddressTiles<C = unknown>({\n  addresses,\n  onCreate,\n  onUpdate,\n  onDelete,\n  t,\n  emptyLabel,\n  isSubmitting = false,\n  gridClassName = 'grid grid-cols-1 gap-2 sm:gap-4 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4',\n  hideAddButton = false,\n  onAddActionChange,\n  emptyStateTitle,\n  emptyStateActionLabel,\n  labelPrefix = 'customers.people.detail.addresses',\n  addressTypesAdapter,\n  addressTypesContext,\n  loadFormat,\n  formatContext,\n}: AddressTilesProps<C>) {\n  const scopeVersion = useOrganizationScopeVersion()\n  const [isFormOpen, setIsFormOpen] = React.useState(false)\n  const [editingId, setEditingId] = React.useState<string | null>(null)\n  const [draft, setDraft] = React.useState<DraftAddressState>(defaultDraft)\n  const [saving, setSaving] = React.useState(false)\n  const [deletingId, setDeletingId] = React.useState<string | null>(null)\n  const [generalError, setGeneralError] = React.useState<string | null>(null)\n  const [fieldErrors, setFieldErrors] = React.useState<Partial<Record<DraftFieldKey, string>>>({})\n  const [format, setFormat] = React.useState<AddressFormatStrategy>('line_first')\n  const [formatLoading, setFormatLoading] = React.useState(false)\n\n  const label = React.useCallback(\n    (suffix: string, fallback?: string, params?: Record<string, string | number>) =>\n      t(`${labelPrefix}.${suffix}`, fallback, params),\n    [labelPrefix, t],\n  )\n\n  const fieldLabels = React.useMemo(\n    () => ({\n      name: label('fields.label', 'Label'),\n      purpose: label('fields.type', 'Address type'),\n      companyName: label('fields.companyName', 'Company name'),\n      addressLine1: label('fields.line1', 'Address line 1'),\n      addressLine2: label('fields.line2', 'Address line 2'),\n      street: label('fields.street', 'Street'),\n      buildingNumber: label('fields.buildingNumber', 'Building number'),\n      flatNumber: label('fields.flatNumber', 'Flat number'),\n      city: label('fields.city', 'City'),\n      region: label('fields.region', 'Region'),\n      postalCode: label('fields.postalCode', 'Postal code'),\n      country: label('fields.country', 'Country'),\n      isPrimary: label('fields.primary', 'Primary address'),\n    }),\n    [label],\n  )\n  const line1FieldLabel = React.useMemo(\n    () => (format === 'street_first' ? fieldLabels.street : fieldLabels.addressLine1),\n    [fieldLabels.addressLine1, fieldLabels.street, format],\n  )\n\n  const resetForm = React.useCallback(() => {\n    setDraft(defaultDraft)\n    setFieldErrors({})\n    setGeneralError(null)\n    setEditingId(null)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadFormatValue() {\n      if (!loadFormat) {\n        setFormat('line_first')\n        setFormatLoading(false)\n        return\n      }\n      setFormatLoading(true)\n      try {\n        const value = await loadFormat(formatContext)\n        if (!cancelled && (value === 'street_first' || value === 'line_first')) {\n          setFormat(value)\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message =\n            err instanceof Error && err.message\n              ? err.message\n              : label('formatLoadError', 'Failed to load address configuration')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setFormatLoading(false)\n      }\n    }\n    void loadFormatValue()\n    return () => {\n      cancelled = true\n    }\n  }, [formatContext, label, loadFormat, scopeVersion])\n\n  const openCreateForm = React.useCallback(() => {\n    resetForm()\n    setIsFormOpen(true)\n  }, [resetForm])\n\n  const handleCancel = React.useCallback(() => {\n    resetForm()\n    setIsFormOpen(false)\n  }, [resetForm])\n\n  const handleEdit = React.useCallback((value: AddressValue) => {\n    setDraft({\n      name: value.name ?? '',\n      purpose: value.purpose ?? '',\n      companyName: value.companyName ?? '',\n      addressLine1: value.addressLine1 ?? '',\n      addressLine2: value.addressLine2 ?? '',\n      buildingNumber: value.buildingNumber ?? '',\n      flatNumber: value.flatNumber ?? '',\n      city: value.city ?? '',\n      region: value.region ?? '',\n      postalCode: value.postalCode ?? '',\n      country: value.country ?? '',\n      isPrimary: value.isPrimary ?? false,\n    })\n    setEditingId(value.id)\n    setIsFormOpen(true)\n    setFieldErrors({})\n    setGeneralError(null)\n  }, [])\n\n  const validate = React.useCallback((): boolean => {\n    const errors: Partial<Record<DraftFieldKey, string>> = {}\n    if (!draft.addressLine1.trim()) {\n      errors.addressLine1 = label('validation.required', '{{field}} is required').replace('{{field}}', line1FieldLabel)\n    }\n    if (Object.keys(errors).length > 0) {\n      setFieldErrors(errors)\n      return false\n    }\n    return true\n  }, [draft.addressLine1, label, line1FieldLabel])\n\n  const handleSave = React.useCallback(async () => {\n    if (!validate()) return\n    setSaving(true)\n    setGeneralError(null)\n    try {\n      const payload: AddressInput = {\n        name: normalizeOptional(draft.name),\n        purpose: normalizeOptional(draft.purpose),\n        companyName: normalizeOptional(draft.companyName),\n        addressLine1: draft.addressLine1.trim(),\n        addressLine2: normalizeOptional(draft.addressLine2),\n        buildingNumber: normalizeOptional(draft.buildingNumber),\n        flatNumber: normalizeOptional(draft.flatNumber),\n        city: normalizeOptional(draft.city),\n        region: normalizeOptional(draft.region),\n        postalCode: normalizeOptional(draft.postalCode),\n        country: normalizeOptional(draft.country)?.toUpperCase(),\n        isPrimary: draft.isPrimary,\n      }\n      if (editingId && onUpdate) {\n        await onUpdate(editingId, payload)\n      } else {\n        await onCreate(payload)\n      }\n      resetForm()\n      setIsFormOpen(false)\n    } catch (err) {\n      const details = extractValidationDetails(err)\n      if (details.length) {\n        const nextErrors: Partial<Record<DraftFieldKey, string>> = {}\n        details.forEach((detail) => {\n          const path = Array.isArray(detail.path) ? detail.path : []\n          const key = typeof path[0] === 'string' ? path[0] : undefined\n          if (!key) return\n          const fieldKey = serverFieldMap[key]\n          if (!fieldKey) return\n          const fieldLabel = fieldKey === 'addressLine1' ? line1FieldLabel : (fieldLabels[fieldKey] ?? key)\n          nextErrors[fieldKey] = resolveFieldMessage(detail, fieldLabel, t, labelPrefix)\n        })\n        setFieldErrors(nextErrors)\n        setGeneralError(label('validation.summary', 'Please fix the highlighted fields.'))\n        return\n      }\n      const message =\n        err instanceof Error && err.message\n          ? err.message\n          : label('error', 'Failed to save address')\n      setGeneralError(message)\n      flash(message, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, editingId, fieldLabels, label, labelPrefix, onCreate, onUpdate, resetForm, t, validate])\n\n  const handleDelete = React.useCallback(\n    async (id: string) => {\n      if (!onDelete) return\n      setDeletingId(id)\n      try {\n        await onDelete(id)\n        if (editingId === id) {\n          resetForm()\n          setIsFormOpen(false)\n        }\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message\n            ? err.message\n            : label('error', 'Failed to delete address')\n        flash(message, 'error')\n      } finally {\n        setDeletingId(null)\n      }\n    },\n    [editingId, label, onDelete, resetForm]\n  )\n\n  const disableActions = saving || isSubmitting || deletingId !== null\n  const isEditing = editingId !== null\n  const addDisabled = disableActions || isEditing\n  const hasAddresses = addresses.length > 0\n  const emptyTitle = emptyStateTitle ?? emptyLabel\n  const emptyActionLabel = emptyStateActionLabel ?? label('add', 'Add address')\n\n  React.useEffect(() => {\n    if (!onAddActionChange) return\n    onAddActionChange({ openCreateForm, addDisabled })\n  }, [onAddActionChange, openCreateForm, addDisabled])\n\n  React.useEffect(\n    () => () => {\n      if (onAddActionChange) onAddActionChange(null)\n    },\n    [onAddActionChange]\n  )\n\n  const renderFormTile = React.useCallback(\n    (key: string) => (\n      <div\n        key={key}\n        className=\"rounded-lg border-2 border-dashed border-muted-foreground/50 bg-muted/30 p-4 text-sm\"\n        onKeyDown={(event) => {\n          if (!(event.metaKey || event.ctrlKey)) return\n          if (event.key !== 'Enter') return\n          event.preventDefault()\n          if (disableActions) return\n          void handleSave()\n        }}\n      >\n        <div className=\"flex items-center justify-between text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <span>\n            {editingId\n              ? label('editTitle', 'Edit address')\n              : label('addTitle', 'Add address')}\n          </span>\n          <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={handleCancel} disabled={disableActions}>\n            <X className=\"h-4 w-4\" />\n          </Button>\n        </div>\n        <div className=\"mt-3 space-y-3\">\n          {formatLoading ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {label('formatLoading', 'Loading address preferences\u2026')}\n            </p>\n          ) : null}\n          <AddressEditor\n            value={draft}\n            onChange={(next) => {\n              setDraft(next)\n              if (Object.keys(fieldErrors).length) {\n                const nextErrors = { ...fieldErrors }\n                ;(Object.keys(nextErrors) as DraftFieldKey[]).forEach((key) => {\n                  const candidate = (next as Record<string, unknown>)[key]\n                  if (candidate !== undefined && candidate !== null && `${candidate}`.length) {\n                    delete nextErrors[key]\n                  }\n                })\n                setFieldErrors(nextErrors)\n              }\n            }}\n            format={format}\n            t={t}\n            disabled={disableActions}\n            errors={fieldErrors}\n            showFormatHint={!formatLoading}\n            labelPrefix={labelPrefix}\n            addressTypesAdapter={addressTypesAdapter}\n            addressTypesContext={addressTypesContext}\n          />\n          {generalError ? <p className=\"text-xs text-red-600\">{generalError}</p> : null}\n          <div className=\"flex flex-wrap justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={handleCancel} disabled={disableActions}>\n              {label('cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={handleSave} disabled={disableActions}>\n              {saving ? (\n                <>\n                  <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                  {editingId\n                    ? label('updating', 'Updating\u2026')\n                    : label('saving', 'Saving\u2026')}\n                </>\n              ) : editingId ? (\n                label('update', 'Update address')\n              ) : (\n                label('save', 'Save address')\n              )}\n            </Button>\n          </div>\n        </div>\n      </div>\n    ),\n    [\n      addressTypesAdapter,\n      addressTypesContext,\n      disableActions,\n      draft,\n      editingId,\n      fieldErrors,\n      format,\n      formatLoading,\n      handleCancel,\n      handleSave,\n      generalError,\n      label,\n      labelPrefix,\n      saving,\n      t,\n    ]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {!hideAddButton && hasAddresses ? (\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={openCreateForm}\n            disabled={addDisabled}\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {label('add', 'Add address')}\n          </Button>\n        </div>\n      ) : null}\n      {hasAddresses ? (\n        <div className={gridClassName}>\n          {addresses.map((address) => {\n            if (isFormOpen && editingId === address.id) {\n              return renderFormTile(`form-${address.id}`)\n            }\n            const isDeleting = deletingId === address.id\n            return (\n              <div\n                key={address.id}\n                className=\"group rounded-lg border border-border/70 bg-card p-4 text-sm transition hover:border-border\"\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"space-y-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <p className=\"text-sm font-semibold text-foreground\">\n                        {address.name ?? label('labelFallback', 'Address')}\n                      </p>\n                      {address.isPrimary ? (\n                        <span className=\"rounded-full border border-border bg-muted px-2 py-0.5 text-overline font-semibold uppercase\">\n                          {label('primaryBadge', 'Primary')}\n                        </span>\n                      ) : null}\n                    </div>\n                    {address.purpose ? (\n                      <p className=\"text-xs text-muted-foreground\">\n                        {address.purpose}\n                      </p>\n                    ) : null}\n                    <AddressView address={address} format={format} className=\"text-sm text-foreground\" />\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatAddressString(address, format)}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-1 opacity-100 md:opacity-0 transition-opacity md:group-hover:opacity-100 focus-within:opacity-100\">\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => handleEdit(address)}\n                      disabled={disableActions}\n                    >\n                      <Pencil className=\"h-4 w-4\" />\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => handleDelete(address.id)}\n                      disabled={disableActions}\n                    >\n                      {isDeleting ? (\n                        <span className=\"relative flex h-4 w-4 items-center justify-center text-destructive\">\n                          <span className=\"absolute h-4 w-4 animate-spin rounded-full border border-destructive border-t-transparent\" />\n                        </span>\n                      ) : (\n                        <Trash2 className=\"h-4 w-4\" />\n                      )}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            )\n          })}\n          {isFormOpen && !editingId ? renderFormTile('create') : null}\n        </div>\n      ) : isFormOpen ? (\n        <div className={gridClassName}>\n          {renderFormTile('create')}\n        </div>\n      ) : (\n        <TabEmptyState\n          title={emptyTitle}\n          action={{\n            label: emptyActionLabel,\n            onClick: openCreateForm,\n            disabled: addDisabled,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AddressTiles\n"],
+  "mappings": ";AAwZQ,SA+CQ,UA9CN,KADF;AAtZR,YAAY,WAAW;AACvB,SAAS,SAAS,QAAQ,MAAM,QAAQ,SAAS;AACjD,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAC5C,SAAS,aAAa,2BAAuD;AAC7E,OAAO,mBAAiD;AAoFxD,MAAM,eAAkC;AAAA,EACtC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACb;AAEA,MAAM,iBAAgD;AAAA,EACpD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACb;AAEA,SAAS,kBAAkB,OAAmC;AAC5D,QAAM,UAAU,MAAM,KAAK;AAC3B,SAAO,QAAQ,SAAS,UAAU;AACpC;AAEA,SAAS,yBAAyB,OAA2C;AAC3E,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO,CAAC;AACjD,QAAM,YAAa,MAAgC;AACnD,MAAI,CAAC,MAAM,QAAQ,SAAS,EAAG,QAAO,CAAC;AACvC,SAAO,UACJ,IAAI,CAAC,UAAW,SAAS,OAAO,UAAU,WAAY,QAAoC,IAAK,EAC/F,OAAO,CAAC,UAA4C,UAAU,IAAI;AACvE;AAEA,SAAS,oBAAoB,QAAiC,YAAoB,GAAe,QAAwB;AACvH,QAAM,QAAQ,CAAC,QAAgB,aAAqB,EAAE,GAAG,MAAM,IAAI,MAAM,IAAI,QAAQ;AACrF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,MAAM,sBAAsB,6BAA6B,EAAE,QAAQ,aAAa,UAAU;AAAA,IACnG,KAAK;AACH,UAAI,OAAO,YAAY,KAAK,OAAO,SAAS,UAAU;AACpD,eAAO,MAAM,uBAAuB,uBAAuB,EAAE,QAAQ,aAAa,UAAU;AAAA,MAC9F;AACA,aAAO,MAAM,sBAAsB,6BAA6B,EAAE,QAAQ,aAAa,UAAU;AAAA,IACnG,KAAK;AACH,UAAI,OAAO,OAAO,YAAY,UAAU;AACtC,eAAO,MAAM,sBAAsB,uBAAuB,EAAE,QAAQ,aAAa,UAAU,EACxF,QAAQ,WAAW,GAAG,OAAO,OAAO,EAAE;AAAA,MAC3C;AACA,aAAO,MAAM,sBAAsB,6BAA6B,EAAE,QAAQ,aAAa,UAAU;AAAA,IACnG;AACE,aAAO,MAAM,sBAAsB,6BAA6B,EAAE,QAAQ,aAAa,UAAU;AAAA,EACrG;AACF;AAEO,SAAS,aAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,eAAe,4BAA4B;AACjD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAwB,IAAI;AACpE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA4B,YAAY;AACxE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAwB,IAAI;AACtE,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,IAAI;AAC1E,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAiD,CAAC,CAAC;AAC/F,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAgC,YAAY;AAC9E,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAE9D,QAAM,QAAQ,MAAM;AAAA,IAClB,CAAC,QAAgB,UAAmB,WAClC,EAAE,GAAG,WAAW,IAAI,MAAM,IAAI,UAAU,MAAM;AAAA,IAChD,CAAC,aAAa,CAAC;AAAA,EACjB;AAEA,QAAM,cAAc,MAAM;AAAA,IACxB,OAAO;AAAA,MACL,MAAM,MAAM,gBAAgB,OAAO;AAAA,MACnC,SAAS,MAAM,eAAe,cAAc;AAAA,MAC5C,aAAa,MAAM,sBAAsB,cAAc;AAAA,MACvD,cAAc,MAAM,gBAAgB,gBAAgB;AAAA,MACpD,cAAc,MAAM,gBAAgB,gBAAgB;AAAA,MACpD,QAAQ,MAAM,iBAAiB,QAAQ;AAAA,MACvC,gBAAgB,MAAM,yBAAyB,iBAAiB;AAAA,MAChE,YAAY,MAAM,qBAAqB,aAAa;AAAA,MACpD,MAAM,MAAM,eAAe,MAAM;AAAA,MACjC,QAAQ,MAAM,iBAAiB,QAAQ;AAAA,MACvC,YAAY,MAAM,qBAAqB,aAAa;AAAA,MACpD,SAAS,MAAM,kBAAkB,SAAS;AAAA,MAC1C,WAAW,MAAM,kBAAkB,iBAAiB;AAAA,IACtD;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AACA,QAAM,kBAAkB,MAAM;AAAA,IAC5B,MAAO,WAAW,iBAAiB,YAAY,SAAS,YAAY;AAAA,IACpE,CAAC,YAAY,cAAc,YAAY,QAAQ,MAAM;AAAA,EACvD;AAEA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,aAAS,YAAY;AACrB,mBAAe,CAAC,CAAC;AACjB,oBAAgB,IAAI;AACpB,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,kBAAkB;AAC/B,UAAI,CAAC,YAAY;AACf,kBAAU,YAAY;AACtB,yBAAiB,KAAK;AACtB;AAAA,MACF;AACA,uBAAiB,IAAI;AACrB,UAAI;AACF,cAAM,QAAQ,MAAM,WAAW,aAAa;AAC5C,YAAI,CAAC,cAAc,UAAU,kBAAkB,UAAU,eAAe;AACtE,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UACJ,eAAe,SAAS,IAAI,UACxB,IAAI,UACJ,MAAM,mBAAmB,sCAAsC;AACrE,gBAAM,SAAS,OAAO;AAAA,QACxB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,kBAAiB,KAAK;AAAA,MACxC;AAAA,IACF;AACA,SAAK,gBAAgB;AACrB,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,eAAe,OAAO,YAAY,YAAY,CAAC;AAEnD,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,cAAU;AACV,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,cAAU;AACV,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,aAAa,MAAM,YAAY,CAAC,UAAwB;AAC5D,aAAS;AAAA,MACP,MAAM,MAAM,QAAQ;AAAA,MACpB,SAAS,MAAM,WAAW;AAAA,MAC1B,aAAa,MAAM,eAAe;AAAA,MAClC,cAAc,MAAM,gBAAgB;AAAA,MACpC,cAAc,MAAM,gBAAgB;AAAA,MACpC,gBAAgB,MAAM,kBAAkB;AAAA,MACxC,YAAY,MAAM,cAAc;AAAA,MAChC,MAAM,MAAM,QAAQ;AAAA,MACpB,QAAQ,MAAM,UAAU;AAAA,MACxB,YAAY,MAAM,cAAc;AAAA,MAChC,SAAS,MAAM,WAAW;AAAA,MAC1B,WAAW,MAAM,aAAa;AAAA,IAChC,CAAC;AACD,iBAAa,MAAM,EAAE;AACrB,kBAAc,IAAI;AAClB,mBAAe,CAAC,CAAC;AACjB,oBAAgB,IAAI;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,MAAM,YAAY,MAAe;AAChD,UAAM,SAAiD,CAAC;AACxD,QAAI,CAAC,MAAM,aAAa,KAAK,GAAG;AAC9B,aAAO,eAAe,MAAM,uBAAuB,uBAAuB,EAAE,QAAQ,aAAa,eAAe;AAAA,IAClH;AACA,QAAI,OAAO,KAAK,MAAM,EAAE,SAAS,GAAG;AAClC,qBAAe,MAAM;AACrB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,cAAc,OAAO,eAAe,CAAC;AAE/C,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAI,CAAC,SAAS,EAAG;AACjB,cAAU,IAAI;AACd,oBAAgB,IAAI;AACpB,QAAI;AACF,YAAM,UAAwB;AAAA,QAC5B,MAAM,kBAAkB,MAAM,IAAI;AAAA,QAClC,SAAS,kBAAkB,MAAM,OAAO;AAAA,QACxC,aAAa,kBAAkB,MAAM,WAAW;AAAA,QAChD,cAAc,MAAM,aAAa,KAAK;AAAA,QACtC,cAAc,kBAAkB,MAAM,YAAY;AAAA,QAClD,gBAAgB,kBAAkB,MAAM,cAAc;AAAA,QACtD,YAAY,kBAAkB,MAAM,UAAU;AAAA,QAC9C,MAAM,kBAAkB,MAAM,IAAI;AAAA,QAClC,QAAQ,kBAAkB,MAAM,MAAM;AAAA,QACtC,YAAY,kBAAkB,MAAM,UAAU;AAAA,QAC9C,SAAS,kBAAkB,MAAM,OAAO,GAAG,YAAY;AAAA,QACvD,WAAW,MAAM;AAAA,MACnB;AACA,UAAI,aAAa,UAAU;AACzB,cAAM,SAAS,WAAW,OAAO;AAAA,MACnC,OAAO;AACL,cAAM,SAAS,OAAO;AAAA,MACxB;AACA,gBAAU;AACV,oBAAc,KAAK;AAAA,IACrB,SAAS,KAAK;AACZ,YAAM,UAAU,yBAAyB,GAAG;AAC5C,UAAI,QAAQ,QAAQ;AAClB,cAAM,aAAqD,CAAC;AAC5D,gBAAQ,QAAQ,CAAC,WAAW;AAC1B,gBAAM,OAAO,MAAM,QAAQ,OAAO,IAAI,IAAI,OAAO,OAAO,CAAC;AACzD,gBAAM,MAAM,OAAO,KAAK,CAAC,MAAM,WAAW,KAAK,CAAC,IAAI;AACpD,cAAI,CAAC,IAAK;AACV,gBAAM,WAAW,eAAe,GAAG;AACnC,cAAI,CAAC,SAAU;AACf,gBAAM,aAAa,aAAa,iBAAiB,kBAAmB,YAAY,QAAQ,KAAK;AAC7F,qBAAW,QAAQ,IAAI,oBAAoB,QAAQ,YAAY,GAAG,WAAW;AAAA,QAC/E,CAAC;AACD,uBAAe,UAAU;AACzB,wBAAgB,MAAM,sBAAsB,oCAAoC,CAAC;AACjF;AAAA,MACF;AACA,YAAM,UACJ,eAAe,SAAS,IAAI,UACxB,IAAI,UACJ,MAAM,SAAS,wBAAwB;AAC7C,sBAAgB,OAAO;AACvB,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,WAAW,aAAa,OAAO,aAAa,UAAU,UAAU,WAAW,GAAG,QAAQ,CAAC;AAElG,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,OAAe;AACpB,UAAI,CAAC,SAAU;AACf,oBAAc,EAAE;AAChB,UAAI;AACF,cAAM,SAAS,EAAE;AACjB,YAAI,cAAc,IAAI;AACpB,oBAAU;AACV,wBAAc,KAAK;AAAA,QACrB;AAAA,MACF,SAAS,KAAK;AACZ,cAAM,UACJ,eAAe,SAAS,IAAI,UACxB,IAAI,UACJ,MAAM,SAAS,0BAA0B;AAC/C,cAAM,SAAS,OAAO;AAAA,MACxB,UAAE;AACA,sBAAc,IAAI;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,iBAAiB,UAAU,gBAAgB,eAAe;AAChE,QAAM,YAAY,cAAc;AAChC,QAAM,cAAc,kBAAkB;AACtC,QAAM,eAAe,UAAU,SAAS;AACxC,QAAM,aAAa,mBAAmB;AACtC,QAAM,mBAAmB,yBAAyB,MAAM,OAAO,aAAa;AAE5E,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,kBAAmB;AACxB,sBAAkB,EAAE,gBAAgB,YAAY,CAAC;AAAA,EACnD,GAAG,CAAC,mBAAmB,gBAAgB,WAAW,CAAC;AAEnD,QAAM;AAAA,IACJ,MAAM,MAAM;AACV,UAAI,kBAAmB,mBAAkB,IAAI;AAAA,IAC/C;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,QACC;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,WAAW,CAAC,UAAU;AACpB,cAAI,EAAE,MAAM,WAAW,MAAM,SAAU;AACvC,cAAI,MAAM,QAAQ,QAAS;AAC3B,gBAAM,eAAe;AACrB,cAAI,eAAgB;AACpB,eAAK,WAAW;AAAA,QAClB;AAAA,QAEA;AAAA,+BAAC,SAAI,WAAU,yGACb;AAAA,gCAAC,UACE,sBACG,MAAM,aAAa,cAAc,IACjC,MAAM,YAAY,aAAa,GACrC;AAAA,YACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,MAAK,QAAO,SAAS,cAAc,UAAU,gBACjF,8BAAC,KAAE,WAAU,WAAU,GACzB;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,kBACZ;AAAA,4BACC,oBAAC,OAAE,WAAU,iCACV,gBAAM,iBAAiB,mCAA8B,GACxD,IACE;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,SAAS;AAClB,2BAAS,IAAI;AACb,sBAAI,OAAO,KAAK,WAAW,EAAE,QAAQ;AACnC,0BAAM,aAAa,EAAE,GAAG,YAAY;AACnC,oBAAC,OAAO,KAAK,UAAU,EAAsB,QAAQ,CAACA,SAAQ;AAC7D,4BAAM,YAAa,KAAiCA,IAAG;AACvD,0BAAI,cAAc,UAAa,cAAc,QAAQ,GAAG,SAAS,GAAG,QAAQ;AAC1E,+BAAO,WAAWA,IAAG;AAAA,sBACvB;AAAA,oBACF,CAAC;AACD,mCAAe,UAAU;AAAA,kBAC3B;AAAA,gBACF;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU;AAAA,gBACV,QAAQ;AAAA,gBACR,gBAAgB,CAAC;AAAA,gBACjB;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YACC,eAAe,oBAAC,OAAE,WAAU,wBAAwB,wBAAa,IAAO;AAAA,YACzE,qBAAC,SAAI,WAAU,oCACb;AAAA,kCAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,cAAc,UAAU,gBACtE,gBAAM,UAAU,QAAQ,GAC3B;AAAA,cACA,oBAAC,UAAO,MAAK,UAAS,SAAS,YAAY,UAAU,gBAClD,mBACC,iCACE;AAAA,oCAAC,WAAQ,WAAU,6BAA4B;AAAA,gBAC9C,YACG,MAAM,YAAY,gBAAW,IAC7B,MAAM,UAAU,cAAS;AAAA,iBAC/B,IACE,YACF,MAAM,UAAU,gBAAgB,IAEhC,MAAM,QAAQ,cAAc,GAEhC;AAAA,eACF;AAAA,aACF;AAAA;AAAA;AAAA,MAtEK;AAAA,IAuEP;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,KAAC,iBAAiB,eACjB,oBAAC,SAAI,WAAU,oBACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,gBAAe;AAAA,UAC9B,MAAM,OAAO,aAAa;AAAA;AAAA;AAAA,IAC7B,GACF,IACE;AAAA,IACH,eACC,qBAAC,SAAI,WAAW,eACb;AAAA,gBAAU,IAAI,CAAC,YAAY;AAC1B,YAAI,cAAc,cAAc,QAAQ,IAAI;AAC1C,iBAAO,eAAe,QAAQ,QAAQ,EAAE,EAAE;AAAA,QAC5C;AACA,cAAM,aAAa,eAAe,QAAQ;AAC1C,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV,+BAAC,SAAI,WAAU,0CACb;AAAA,mCAAC,SAAI,WAAU,aACb;AAAA,qCAAC,SAAI,WAAU,qCACb;AAAA,sCAAC,OAAE,WAAU,yCACV,kBAAQ,QAAQ,MAAM,iBAAiB,SAAS,GACnD;AAAA,kBACC,QAAQ,YACP,oBAAC,UAAK,WAAU,gGACb,gBAAM,gBAAgB,SAAS,GAClC,IACE;AAAA,mBACN;AAAA,gBACC,QAAQ,UACP,oBAAC,OAAE,WAAU,iCACV,kBAAQ,SACX,IACE;AAAA,gBACJ,oBAAC,eAAY,SAAkB,QAAgB,WAAU,2BAA0B;AAAA,gBACnF,oBAAC,OAAE,WAAU,iCACV,8BAAoB,SAAS,MAAM,GACtC;AAAA,iBACF;AAAA,cACA,qBAAC,SAAI,WAAU,2HACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,MAAM,WAAW,OAAO;AAAA,oBACjC,UAAU;AAAA,oBAEV,8BAAC,UAAO,WAAU,WAAU;AAAA;AAAA,gBAC9B;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,MAAM,aAAa,QAAQ,EAAE;AAAA,oBACtC,UAAU;AAAA,oBAET,uBACC,oBAAC,UAAK,WAAU,sEACd,8BAAC,UAAK,WAAU,6FAA4F,GAC9G,IAEA,oBAAC,UAAO,WAAU,WAAU;AAAA;AAAA,gBAEhC;AAAA,iBACF;AAAA,eACF;AAAA;AAAA,UAnDK,QAAQ;AAAA,QAoDf;AAAA,MAEJ,CAAC;AAAA,MACA,cAAc,CAAC,YAAY,eAAe,QAAQ,IAAI;AAAA,OACzD,IACE,aACF,oBAAC,SAAI,WAAW,eACb,yBAAe,QAAQ,GAC1B,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
   "names": ["key"]
 }

package/dist/backend/detail/AttachmentMetadataDialog.js

@@ -482,7 +482,7 @@ function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onS
         ] }) })
       ] }) : null,
       loadError ? /* @__PURE__ */ jsx("div", { className: "rounded border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: loadError }) : null,
-      /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/60 bg-muted/30 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/70 bg-muted/30 px-3 py-2", children: [
         /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: t("attachments.library.metadata.extractedTitle", "Extracted text") }),
         /* @__PURE__ */ jsx(
           AttachmentContentPreview,

package/dist/backend/detail/AttachmentMetadataDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/AttachmentMetadataDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Copy, Download, Trash2 } from 'lucide-react'\nimport { AttachmentContentPreview } from '@open-mercato/core/modules/attachments/components/AttachmentContentPreview'\nimport { buildAttachmentFileUrl, buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\nimport { E } from '@open-mercato/core/generated-shims/entities.ids.generated'\n\nexport type AttachmentAssignment = {\n  type: string\n  id: string\n  href?: string | null\n  label?: string | null\n}\n\nexport type AttachmentItem = {\n  id: string\n  fileName: string\n  fileSize: number\n  mimeType?: string | null\n  partitionCode?: string | null\n  partitionTitle?: string | null\n  url?: string | null\n  createdAt?: string | null\n  tags?: string[]\n  assignments?: AttachmentAssignment[]\n  thumbnailUrl?: string\n  content?: string | null\n}\n\nexport type AssignmentDraft = {\n  type: string\n  id: string\n  href?: string\n  label?: string\n}\n\nexport type AttachmentMetadataSavePayload = {\n  tags: string[]\n  assignments: AssignmentDraft[]\n  customFields?: Record<string, unknown>\n}\n\ntype AttachmentMetadataResponse = {\n  item: {\n    id: string\n    fileName?: string\n    fileSize?: number\n    mimeType?: string | null\n    partitionCode?: string\n    partitionTitle?: string | null\n    tags?: string[]\n    content?: string | null\n    assignments?: AttachmentAssignment[]\n    customFields?: Record<string, unknown>\n  }\n  error?: string\n}\n\ntype AttachmentMetadataFormValues = {\n  id: string\n  tags?: string[]\n  assignments?: AssignmentDraft[]\n} & Record<string, unknown>\n\ntype AssignmentEditorLabels = {\n  title: string\n  description: string\n  type: string\n  id: string\n  href: string\n  label: string\n  add: string\n  remove: string\n}\n\ntype AttachmentMetadataDialogProps = {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  item: AttachmentItem | null\n  availableTags: string[]\n  onSave: (id: string, payload: AttachmentMetadataSavePayload) => Promise<void>\n}\n\nfunction formatFileSize(value: number): string {\n  if (!Number.isFinite(value)) return '\\u2014'\n  if (value <= 0) return '0 B'\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let idx = 0\n  let current = value\n  while (current >= 1024 && idx < units.length - 1) {\n    current /= 1024\n    idx += 1\n  }\n  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nconst ENV_APP_URL = (process.env.NEXT_PUBLIC_APP_URL || '').replace(/\\/$/, '')\n\nfunction resolveAbsoluteUrl(path: string): string {\n  if (!path) return path\n  if (/^https?:\\/\\//i.test(path)) return path\n  const base =\n    ENV_APP_URL ||\n    (typeof window !== 'undefined' && window.location?.origin ? window.location.origin : '')\n  if (!base) return path\n  const normalizedBase = base.replace(/\\/$/, '')\n  return `${normalizedBase}${path.startsWith('/') ? path : `/${path}`}`\n}\n\nfunction normalizeCustomFieldSubmitValue(value: unknown): unknown {\n  if (Array.isArray(value)) {\n    return value.filter((entry) => entry !== undefined)\n  }\n  if (value === undefined) return null\n  return value\n}\n\nfunction prepareAssignmentsForForm(assignments?: AttachmentAssignment[] | null): AssignmentDraft[] {\n  return (assignments ?? []).map((assignment) => ({\n    type: assignment.type,\n    id: assignment.id,\n    href: assignment.href ?? '',\n    label: assignment.label ?? '',\n  }))\n}\n\nfunction prefixCustomFieldValues(values?: Record<string, unknown> | null): Record<string, unknown> {\n  if (!values) return {}\n  const prefixed: Record<string, unknown> = {}\n  Object.entries(values).forEach(([key, value]) => {\n    if (!key) return\n    if (key.startsWith('cf_')) {\n      prefixed[key] = value\n    } else if (key.startsWith('cf:')) {\n      const normalized = key.slice(3)\n      if (normalized) prefixed[`cf_${normalized}`] = value\n    } else {\n      prefixed[`cf_${key}`] = value\n    }\n  })\n  return prefixed\n}\n\nfunction AssignmentInputRow({\n  value,\n  onChange,\n  labels,\n  disabled,\n  onRemove,\n}: {\n  value: AssignmentDraft\n  onChange: (next: AssignmentDraft) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n  onRemove: () => void\n}) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 rounded-md border border-border/70 bg-background p-3 sm:grid-cols-2 lg:grid-cols-[1.2fr_1.2fr_1.6fr_1fr_auto]\">\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.type}</label>\n        <Input\n          value={value.type}\n          onChange={(event) => onChange({ ...value, type: event.target.value })}\n          placeholder=\"catalog.product\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.id}</label>\n        <Input\n          value={value.id}\n          onChange={(event) => onChange({ ...value, id: event.target.value })}\n          placeholder=\"Record ID\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.href}</label>\n        <Input\n          value={value.href ?? ''}\n          onChange={(event) => onChange({ ...value, href: event.target.value })}\n          placeholder=\"https://\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.label}</label>\n        <Input\n          value={value.label ?? ''}\n          onChange={(event) => onChange({ ...value, label: event.target.value })}\n          placeholder=\"Optional label\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"flex items-end\">\n        <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={onRemove} disabled={disabled}>\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nfunction AttachmentAssignmentsEditor({\n  value,\n  onChange,\n  labels,\n  disabled,\n}: {\n  value: AssignmentDraft[]\n  onChange: (next: AssignmentDraft[]) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n}) {\n  const handleAdd = React.useCallback(() => {\n    onChange([...value, { type: '', id: '', href: '', label: '' }])\n  }, [onChange, value])\n\n  const handleChange = React.useCallback(\n    (index: number, next: AssignmentDraft) => {\n      const draft = [...value]\n      draft[index] = next\n      onChange(draft)\n    },\n    [onChange, value],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = value.filter((_, idx) => idx !== index)\n      onChange(next)\n    },\n    [onChange, value],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-1\">\n        <div className=\"text-sm font-medium\">{labels.title}</div>\n        <p className=\"text-xs text-muted-foreground\">{labels.description}</p>\n      </div>\n      <div className=\"space-y-2\">\n        {value.length ? value.map((entry, idx) => (\n          <AssignmentInputRow\n            key={`${entry.type}-${entry.id}-${idx}`}\n            value={entry}\n            labels={labels}\n            disabled={disabled}\n            onChange={(next) => handleChange(idx, next)}\n            onRemove={() => handleRemove(idx)}\n          />\n        )) : (\n          <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-xs text-muted-foreground\">\n            {labels.description}\n          </div>\n        )}\n      </div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd} disabled={disabled}>\n        {labels.add}\n      </Button>\n    </div>\n  )\n}\n\nexport function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onSave }: AttachmentMetadataDialogProps) {\n  const t = useT()\n  const [sizeWidth, setSizeWidth] = React.useState<string>('')\n  const [sizeHeight, setSizeHeight] = React.useState<string>('')\n  const [imageTab, setImageTab] = React.useState<'preview' | 'resize'>('preview')\n  const [initialValues, setInitialValues] = React.useState<Partial<AttachmentMetadataFormValues> | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [extractedContent, setExtractedContent] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open || !item) {\n      setInitialValues(null)\n      setLoadError(null)\n      setLoading(false)\n      setImageTab('preview')\n      setExtractedContent(null)\n      return\n    }\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    setSizeWidth('')\n    setSizeHeight('')\n    setImageTab('preview')\n    setInitialValues({\n      id: item.id,\n      tags: item.tags ?? [],\n      assignments: prepareAssignmentsForForm(item.assignments),\n    })\n    setExtractedContent(item.content && item.content.trim() ? item.content : null)\n    const loadDetails = async () => {\n      try {\n        const call = await apiCall<AttachmentMetadataResponse>(`/api/attachments/library/${encodeURIComponent(item.id)}`)\n        if (!call.ok || !call.result?.item) {\n          const message = call.result?.error || t('attachments.library.metadata.error', 'Failed to update metadata.')\n          throw new Error(message)\n        }\n        const payload = call.result.item\n        const prefixedCustom = prefixCustomFieldValues(payload.customFields)\n        if (!cancelled) {\n          setInitialValues({\n            id: payload.id,\n            tags: Array.isArray(payload.tags) ? payload.tags : [],\n            assignments: prepareAssignmentsForForm(payload.assignments ?? item.assignments),\n            ...prefixedCustom,\n          })\n          const nextContent = typeof payload.content === 'string' && payload.content.trim() ? payload.content : null\n          setExtractedContent(nextContent)\n        }\n      } catch (err: any) {\n        if (!cancelled) {\n          const message =\n            err?.message || t('attachments.library.metadata.loadError', 'Failed to load attachment metadata.')\n          setLoadError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadDetails()\n    return () => {\n      cancelled = true\n    }\n  }, [item, open, t])\n\n  const isImage = React.useMemo(() => Boolean(item?.mimeType?.toLowerCase().startsWith('image/')), [item])\n  const previewUrl = React.useMemo(() => {\n    if (!item) return null\n    return (\n      item.thumbnailUrl ??\n      buildAttachmentImageUrl(item.id, {\n        width: 320,\n        height: 320,\n        slug: slugifyAttachmentFileName(item.fileName),\n      })\n    )\n  }, [item])\n  const downloadUrl = React.useMemo(() => {\n    if (!item) return null\n    const original = buildAttachmentFileUrl(item.id, { download: true })\n    return resolveAbsoluteUrl(original)\n  }, [item])\n\n  const assignmentLabels = React.useMemo(\n    () => ({\n      title: t('attachments.library.metadata.assignments.title', 'Assignments'),\n      description: t(\n        'attachments.library.metadata.assignments.description',\n        'Add the records this attachment belongs to with optional links.',\n      ),\n      type: t('attachments.library.metadata.assignments.type', 'Type'),\n      id: t('attachments.library.metadata.assignments.id', 'Record ID'),\n      href: t('attachments.library.metadata.assignments.href', 'Link'),\n      label: t('attachments.library.metadata.assignments.label', 'Label'),\n      add: t('attachments.library.metadata.assignments.add', 'Add assignment'),\n      remove: t('attachments.library.metadata.assignments.remove', 'Remove'),\n    }),\n    [t],\n  )\n\n  const metadataFields = React.useMemo<CrudField[]>(() => {\n    return [\n      {\n        id: 'tags',\n        label: t('attachments.library.table.tags', 'Tags'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <TagsInput\n            value={Array.isArray(value) ? (value as string[]) : []}\n            onChange={(next) => setValue(next)}\n            suggestions={availableTags}\n            placeholder={t('attachments.library.metadata.tagsPlaceholder', 'Add tags')}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n      {\n        id: 'assignments',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <AttachmentAssignmentsEditor\n            value={Array.isArray(value) ? (value as AssignmentDraft[]) : []}\n            onChange={(next) => setValue(next)}\n            labels={assignmentLabels}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n    ]\n  }, [assignmentLabels, availableTags, loading, t])\n\n  const metadataGroups = React.useMemo<CrudFormGroup[]>(() => {\n    return [\n      {\n        id: 'details',\n        title: t('attachments.library.metadata.details', 'Details'),\n        column: 1,\n        fields: ['tags', 'assignments'],\n      },\n      {\n        id: 'customFields',\n        title: t('entities.customFields.title', 'Custom attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n  }, [t])\n\n  const metadataSchema = React.useMemo(\n    () =>\n      z\n        .object({\n          id: z.string().min(1),\n          tags: z.array(z.string()).optional(),\n          assignments: z\n            .array(\n              z.object({\n                type: z.string().min(1),\n                id: z.string().min(1),\n                href: z.string().optional(),\n                label: z.string().optional(),\n              }),\n            )\n            .optional(),\n        })\n        .passthrough(),\n    [],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: AttachmentMetadataFormValues) => {\n      if (!item) return\n      const tags = Array.isArray(values.tags)\n        ? values.tags.map((tag) => (typeof tag === 'string' ? tag.trim() : '')).filter((tag) => tag.length > 0)\n        : []\n      const assignments = Array.isArray(values.assignments)\n        ? values.assignments\n            .map((assignment) => ({\n              type: assignment.type?.trim() ?? '',\n              id: assignment.id?.trim() ?? '',\n              href: assignment.href?.trim() || undefined,\n              label: assignment.label?.trim() || undefined,\n            }))\n            .filter((assignment) => assignment.type && assignment.id)\n        : []\n      const customFields = collectCustomFieldValues(values, {\n        transform: (value) => normalizeCustomFieldSubmitValue(value),\n      })\n      const payload: AttachmentMetadataSavePayload = {\n        tags,\n        assignments,\n      }\n      if (Object.keys(customFields).length) {\n        payload.customFields = customFields\n      }\n      await onSave(item.id, payload)\n    },\n    [item, onSave],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  const handleCopyResizedUrl = React.useCallback(async () => {\n    if (!item) return\n    const width = sizeWidth ? Number(sizeWidth) : undefined\n    const height = sizeHeight ? Number(sizeHeight) : undefined\n    if (!width && !height) {\n      flash(\n        t('attachments.library.metadata.resizeTool.missing', 'Enter width or height to generate the URL.'),\n        'error',\n      )\n      return\n    }\n    const url = buildAttachmentImageUrl(item.id, {\n      width: width && width > 0 ? width : undefined,\n      height: height && height > 0 ? height : undefined,\n      slug: slugifyAttachmentFileName(item.fileName),\n    })\n    const absolute = resolveAbsoluteUrl(url)\n    try {\n      await navigator.clipboard.writeText(absolute)\n      flash(\n        t('attachments.library.metadata.resizeTool.copied', 'Image URL copied.'),\n        'success',\n      )\n    } catch {\n      flash(\n        t('attachments.library.metadata.resizeTool.copyError', 'Unable to copy URL.'),\n        'error',\n      )\n    }\n  }, [item, sizeHeight, sizeWidth, t])\n\n  const loadMessage = t('attachments.library.metadata.loading', 'Loading attachment details\\u2026')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-2xl\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('attachments.library.metadata.title', 'Edit attachment metadata')}</DialogTitle>\n        </DialogHeader>\n        {item ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"space-y-1 min-w-0\">\n                <div className=\"truncate text-sm font-medium\" title={item.fileName}>\n                  {item.fileName}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatFileSize(item.fileSize)} \\u2022 {item.partitionTitle ?? item.partitionCode}\n                </div>\n              </div>\n              {downloadUrl ? (\n                <Button variant=\"outline\" size=\"sm\" asChild className=\"shrink-0\">\n                  <a href={downloadUrl} download>\n                    <Download className=\"mr-2 h-4 w-4\" />\n                    {t('attachments.library.metadata.download', 'Download')}\n                  </a>\n                </Button>\n              ) : null}\n            </div>\n            {isImage ? (\n              <div className=\"rounded border\">\n                <div className=\"flex flex-wrap gap-4 border-b px-3 py-2 text-sm font-medium\" role=\"tablist\">\n                  {(['preview', 'resize'] as const).map((tab) => (\n                    <Button\n                      key={tab}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      role=\"tab\"\n                      aria-selected={imageTab === tab}\n                      onClick={() => setImageTab(tab)}\n                      className={cn(\n                        'h-auto -mb-px rounded-none border-b-2 border-transparent px-0 py-1',\n                        imageTab === tab\n                          ? 'border-primary text-foreground'\n                          : 'text-muted-foreground hover:text-foreground',\n                      )}\n                    >\n                      {tab === 'preview'\n                        ? t('attachments.library.metadata.preview', 'Preview')\n                        : t('attachments.library.metadata.resizeTool.title', 'Generate resized URL')}\n                    </Button>\n                  ))}\n                </div>\n                <div className=\"space-y-3 p-3\">\n                  {imageTab === 'preview' ? (\n                    previewUrl ? (\n                      <img\n                        src={previewUrl}\n                        alt={item.fileName}\n                        className=\"h-48 w-full rounded-md bg-muted object-contain\"\n                      />\n                    ) : (\n                      <div className=\"text-sm text-muted-foreground\">\n                        {t('attachments.library.metadata.previewUnavailable', 'Preview unavailable.')}\n                      </div>\n                    )\n                  ) : (\n                    <div className=\"space-y-2\">\n                      <div className=\"grid gap-2 sm:grid-cols-2\">\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-width\">\n                            {t('attachments.library.metadata.resizeTool.width', 'Width (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-width\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeWidth}\n                            onChange={(event) => setSizeWidth(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-height\">\n                            {t('attachments.library.metadata.resizeTool.height', 'Height (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-height\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeHeight}\n                            onChange={(event) => setSizeHeight(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                      </div>\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"inline-flex items-center gap-2\"\n                        onClick={() => void handleCopyResizedUrl()}\n                        disabled={loading}\n                      >\n                        <Copy className=\"h-4 w-4\" />\n                        {t('attachments.library.metadata.resizeTool.copy', 'Copy URL')}\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : null}\n            {loadError ? (\n              <div className=\"rounded border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n                {loadError}\n              </div>\n            ) : null}\n            <div className=\"rounded border border-border/60 bg-muted/30 px-3 py-2\">\n              <div className=\"text-xs font-semibold text-muted-foreground\">\n                {t('attachments.library.metadata.extractedTitle', 'Extracted text')}\n              </div>\n              <AttachmentContentPreview\n                content={extractedContent}\n                emptyLabel={t('attachments.library.metadata.noContent', 'No text extracted')}\n                showMoreLabel={t('attachments.library.metadata.showMore', 'Show more')}\n                showLessLabel={t('attachments.library.metadata.showLess', 'Show less')}\n              />\n            </div>\n            <CrudForm<AttachmentMetadataFormValues>\n              embedded\n              schema={metadataSchema}\n              entityId={E.attachments.attachment}\n              fields={metadataFields}\n              groups={metadataGroups}\n              initialValues={initialValues ?? undefined}\n              isLoading={!initialValues || loading}\n              loadingMessage={loadMessage}\n              submitLabel={t('attachments.library.metadata.save', 'Save')}\n              extraActions={\n                <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n                  {t('attachments.library.metadata.cancel', 'Cancel')}\n                </Button>\n              }\n              onSubmit={handleSubmit}\n            />\n          </div>\n        ) : (\n          <div className=\"py-8 text-center text-sm text-muted-foreground\">\n            {t('attachments.library.metadata.noSelection', 'Select an attachment to edit.')}\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Copy, Download, Trash2 } from 'lucide-react'\nimport { AttachmentContentPreview } from '@open-mercato/core/modules/attachments/components/AttachmentContentPreview'\nimport { buildAttachmentFileUrl, buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'\nimport { E } from '@open-mercato/core/generated-shims/entities.ids.generated'\n\nexport type AttachmentAssignment = {\n  type: string\n  id: string\n  href?: string | null\n  label?: string | null\n}\n\nexport type AttachmentItem = {\n  id: string\n  fileName: string\n  fileSize: number\n  mimeType?: string | null\n  partitionCode?: string | null\n  partitionTitle?: string | null\n  url?: string | null\n  createdAt?: string | null\n  tags?: string[]\n  assignments?: AttachmentAssignment[]\n  thumbnailUrl?: string\n  content?: string | null\n}\n\nexport type AssignmentDraft = {\n  type: string\n  id: string\n  href?: string\n  label?: string\n}\n\nexport type AttachmentMetadataSavePayload = {\n  tags: string[]\n  assignments: AssignmentDraft[]\n  customFields?: Record<string, unknown>\n}\n\ntype AttachmentMetadataResponse = {\n  item: {\n    id: string\n    fileName?: string\n    fileSize?: number\n    mimeType?: string | null\n    partitionCode?: string\n    partitionTitle?: string | null\n    tags?: string[]\n    content?: string | null\n    assignments?: AttachmentAssignment[]\n    customFields?: Record<string, unknown>\n  }\n  error?: string\n}\n\ntype AttachmentMetadataFormValues = {\n  id: string\n  tags?: string[]\n  assignments?: AssignmentDraft[]\n} & Record<string, unknown>\n\ntype AssignmentEditorLabels = {\n  title: string\n  description: string\n  type: string\n  id: string\n  href: string\n  label: string\n  add: string\n  remove: string\n}\n\ntype AttachmentMetadataDialogProps = {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  item: AttachmentItem | null\n  availableTags: string[]\n  onSave: (id: string, payload: AttachmentMetadataSavePayload) => Promise<void>\n}\n\nfunction formatFileSize(value: number): string {\n  if (!Number.isFinite(value)) return '\\u2014'\n  if (value <= 0) return '0 B'\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let idx = 0\n  let current = value\n  while (current >= 1024 && idx < units.length - 1) {\n    current /= 1024\n    idx += 1\n  }\n  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nconst ENV_APP_URL = (process.env.NEXT_PUBLIC_APP_URL || '').replace(/\\/$/, '')\n\nfunction resolveAbsoluteUrl(path: string): string {\n  if (!path) return path\n  if (/^https?:\\/\\//i.test(path)) return path\n  const base =\n    ENV_APP_URL ||\n    (typeof window !== 'undefined' && window.location?.origin ? window.location.origin : '')\n  if (!base) return path\n  const normalizedBase = base.replace(/\\/$/, '')\n  return `${normalizedBase}${path.startsWith('/') ? path : `/${path}`}`\n}\n\nfunction normalizeCustomFieldSubmitValue(value: unknown): unknown {\n  if (Array.isArray(value)) {\n    return value.filter((entry) => entry !== undefined)\n  }\n  if (value === undefined) return null\n  return value\n}\n\nfunction prepareAssignmentsForForm(assignments?: AttachmentAssignment[] | null): AssignmentDraft[] {\n  return (assignments ?? []).map((assignment) => ({\n    type: assignment.type,\n    id: assignment.id,\n    href: assignment.href ?? '',\n    label: assignment.label ?? '',\n  }))\n}\n\nfunction prefixCustomFieldValues(values?: Record<string, unknown> | null): Record<string, unknown> {\n  if (!values) return {}\n  const prefixed: Record<string, unknown> = {}\n  Object.entries(values).forEach(([key, value]) => {\n    if (!key) return\n    if (key.startsWith('cf_')) {\n      prefixed[key] = value\n    } else if (key.startsWith('cf:')) {\n      const normalized = key.slice(3)\n      if (normalized) prefixed[`cf_${normalized}`] = value\n    } else {\n      prefixed[`cf_${key}`] = value\n    }\n  })\n  return prefixed\n}\n\nfunction AssignmentInputRow({\n  value,\n  onChange,\n  labels,\n  disabled,\n  onRemove,\n}: {\n  value: AssignmentDraft\n  onChange: (next: AssignmentDraft) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n  onRemove: () => void\n}) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 rounded-md border border-border/70 bg-background p-3 sm:grid-cols-2 lg:grid-cols-[1.2fr_1.2fr_1.6fr_1fr_auto]\">\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.type}</label>\n        <Input\n          value={value.type}\n          onChange={(event) => onChange({ ...value, type: event.target.value })}\n          placeholder=\"catalog.product\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.id}</label>\n        <Input\n          value={value.id}\n          onChange={(event) => onChange({ ...value, id: event.target.value })}\n          placeholder=\"Record ID\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.href}</label>\n        <Input\n          value={value.href ?? ''}\n          onChange={(event) => onChange({ ...value, href: event.target.value })}\n          placeholder=\"https://\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label className=\"text-xs font-medium\">{labels.label}</label>\n        <Input\n          value={value.label ?? ''}\n          onChange={(event) => onChange({ ...value, label: event.target.value })}\n          placeholder=\"Optional label\"\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"flex items-end\">\n        <Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={onRemove} disabled={disabled}>\n          <Trash2 className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nfunction AttachmentAssignmentsEditor({\n  value,\n  onChange,\n  labels,\n  disabled,\n}: {\n  value: AssignmentDraft[]\n  onChange: (next: AssignmentDraft[]) => void\n  labels: AssignmentEditorLabels\n  disabled?: boolean\n}) {\n  const handleAdd = React.useCallback(() => {\n    onChange([...value, { type: '', id: '', href: '', label: '' }])\n  }, [onChange, value])\n\n  const handleChange = React.useCallback(\n    (index: number, next: AssignmentDraft) => {\n      const draft = [...value]\n      draft[index] = next\n      onChange(draft)\n    },\n    [onChange, value],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = value.filter((_, idx) => idx !== index)\n      onChange(next)\n    },\n    [onChange, value],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-1\">\n        <div className=\"text-sm font-medium\">{labels.title}</div>\n        <p className=\"text-xs text-muted-foreground\">{labels.description}</p>\n      </div>\n      <div className=\"space-y-2\">\n        {value.length ? value.map((entry, idx) => (\n          <AssignmentInputRow\n            key={`${entry.type}-${entry.id}-${idx}`}\n            value={entry}\n            labels={labels}\n            disabled={disabled}\n            onChange={(next) => handleChange(idx, next)}\n            onRemove={() => handleRemove(idx)}\n          />\n        )) : (\n          <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-xs text-muted-foreground\">\n            {labels.description}\n          </div>\n        )}\n      </div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd} disabled={disabled}>\n        {labels.add}\n      </Button>\n    </div>\n  )\n}\n\nexport function AttachmentMetadataDialog({ open, onOpenChange, item, availableTags, onSave }: AttachmentMetadataDialogProps) {\n  const t = useT()\n  const [sizeWidth, setSizeWidth] = React.useState<string>('')\n  const [sizeHeight, setSizeHeight] = React.useState<string>('')\n  const [imageTab, setImageTab] = React.useState<'preview' | 'resize'>('preview')\n  const [initialValues, setInitialValues] = React.useState<Partial<AttachmentMetadataFormValues> | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [extractedContent, setExtractedContent] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (!open || !item) {\n      setInitialValues(null)\n      setLoadError(null)\n      setLoading(false)\n      setImageTab('preview')\n      setExtractedContent(null)\n      return\n    }\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    setSizeWidth('')\n    setSizeHeight('')\n    setImageTab('preview')\n    setInitialValues({\n      id: item.id,\n      tags: item.tags ?? [],\n      assignments: prepareAssignmentsForForm(item.assignments),\n    })\n    setExtractedContent(item.content && item.content.trim() ? item.content : null)\n    const loadDetails = async () => {\n      try {\n        const call = await apiCall<AttachmentMetadataResponse>(`/api/attachments/library/${encodeURIComponent(item.id)}`)\n        if (!call.ok || !call.result?.item) {\n          const message = call.result?.error || t('attachments.library.metadata.error', 'Failed to update metadata.')\n          throw new Error(message)\n        }\n        const payload = call.result.item\n        const prefixedCustom = prefixCustomFieldValues(payload.customFields)\n        if (!cancelled) {\n          setInitialValues({\n            id: payload.id,\n            tags: Array.isArray(payload.tags) ? payload.tags : [],\n            assignments: prepareAssignmentsForForm(payload.assignments ?? item.assignments),\n            ...prefixedCustom,\n          })\n          const nextContent = typeof payload.content === 'string' && payload.content.trim() ? payload.content : null\n          setExtractedContent(nextContent)\n        }\n      } catch (err: any) {\n        if (!cancelled) {\n          const message =\n            err?.message || t('attachments.library.metadata.loadError', 'Failed to load attachment metadata.')\n          setLoadError(message)\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void loadDetails()\n    return () => {\n      cancelled = true\n    }\n  }, [item, open, t])\n\n  const isImage = React.useMemo(() => Boolean(item?.mimeType?.toLowerCase().startsWith('image/')), [item])\n  const previewUrl = React.useMemo(() => {\n    if (!item) return null\n    return (\n      item.thumbnailUrl ??\n      buildAttachmentImageUrl(item.id, {\n        width: 320,\n        height: 320,\n        slug: slugifyAttachmentFileName(item.fileName),\n      })\n    )\n  }, [item])\n  const downloadUrl = React.useMemo(() => {\n    if (!item) return null\n    const original = buildAttachmentFileUrl(item.id, { download: true })\n    return resolveAbsoluteUrl(original)\n  }, [item])\n\n  const assignmentLabels = React.useMemo(\n    () => ({\n      title: t('attachments.library.metadata.assignments.title', 'Assignments'),\n      description: t(\n        'attachments.library.metadata.assignments.description',\n        'Add the records this attachment belongs to with optional links.',\n      ),\n      type: t('attachments.library.metadata.assignments.type', 'Type'),\n      id: t('attachments.library.metadata.assignments.id', 'Record ID'),\n      href: t('attachments.library.metadata.assignments.href', 'Link'),\n      label: t('attachments.library.metadata.assignments.label', 'Label'),\n      add: t('attachments.library.metadata.assignments.add', 'Add assignment'),\n      remove: t('attachments.library.metadata.assignments.remove', 'Remove'),\n    }),\n    [t],\n  )\n\n  const metadataFields = React.useMemo<CrudField[]>(() => {\n    return [\n      {\n        id: 'tags',\n        label: t('attachments.library.table.tags', 'Tags'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <TagsInput\n            value={Array.isArray(value) ? (value as string[]) : []}\n            onChange={(next) => setValue(next)}\n            suggestions={availableTags}\n            placeholder={t('attachments.library.metadata.tagsPlaceholder', 'Add tags')}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n      {\n        id: 'assignments',\n        label: '',\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <AttachmentAssignmentsEditor\n            value={Array.isArray(value) ? (value as AssignmentDraft[]) : []}\n            onChange={(next) => setValue(next)}\n            labels={assignmentLabels}\n            disabled={Boolean(disabled) || loading}\n          />\n        ),\n      },\n    ]\n  }, [assignmentLabels, availableTags, loading, t])\n\n  const metadataGroups = React.useMemo<CrudFormGroup[]>(() => {\n    return [\n      {\n        id: 'details',\n        title: t('attachments.library.metadata.details', 'Details'),\n        column: 1,\n        fields: ['tags', 'assignments'],\n      },\n      {\n        id: 'customFields',\n        title: t('entities.customFields.title', 'Custom attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n  }, [t])\n\n  const metadataSchema = React.useMemo(\n    () =>\n      z\n        .object({\n          id: z.string().min(1),\n          tags: z.array(z.string()).optional(),\n          assignments: z\n            .array(\n              z.object({\n                type: z.string().min(1),\n                id: z.string().min(1),\n                href: z.string().optional(),\n                label: z.string().optional(),\n              }),\n            )\n            .optional(),\n        })\n        .passthrough(),\n    [],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: AttachmentMetadataFormValues) => {\n      if (!item) return\n      const tags = Array.isArray(values.tags)\n        ? values.tags.map((tag) => (typeof tag === 'string' ? tag.trim() : '')).filter((tag) => tag.length > 0)\n        : []\n      const assignments = Array.isArray(values.assignments)\n        ? values.assignments\n            .map((assignment) => ({\n              type: assignment.type?.trim() ?? '',\n              id: assignment.id?.trim() ?? '',\n              href: assignment.href?.trim() || undefined,\n              label: assignment.label?.trim() || undefined,\n            }))\n            .filter((assignment) => assignment.type && assignment.id)\n        : []\n      const customFields = collectCustomFieldValues(values, {\n        transform: (value) => normalizeCustomFieldSubmitValue(value),\n      })\n      const payload: AttachmentMetadataSavePayload = {\n        tags,\n        assignments,\n      }\n      if (Object.keys(customFields).length) {\n        payload.customFields = customFields\n      }\n      await onSave(item.id, payload)\n    },\n    [item, onSave],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  const handleCopyResizedUrl = React.useCallback(async () => {\n    if (!item) return\n    const width = sizeWidth ? Number(sizeWidth) : undefined\n    const height = sizeHeight ? Number(sizeHeight) : undefined\n    if (!width && !height) {\n      flash(\n        t('attachments.library.metadata.resizeTool.missing', 'Enter width or height to generate the URL.'),\n        'error',\n      )\n      return\n    }\n    const url = buildAttachmentImageUrl(item.id, {\n      width: width && width > 0 ? width : undefined,\n      height: height && height > 0 ? height : undefined,\n      slug: slugifyAttachmentFileName(item.fileName),\n    })\n    const absolute = resolveAbsoluteUrl(url)\n    try {\n      await navigator.clipboard.writeText(absolute)\n      flash(\n        t('attachments.library.metadata.resizeTool.copied', 'Image URL copied.'),\n        'success',\n      )\n    } catch {\n      flash(\n        t('attachments.library.metadata.resizeTool.copyError', 'Unable to copy URL.'),\n        'error',\n      )\n    }\n  }, [item, sizeHeight, sizeWidth, t])\n\n  const loadMessage = t('attachments.library.metadata.loading', 'Loading attachment details\\u2026')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-2xl\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('attachments.library.metadata.title', 'Edit attachment metadata')}</DialogTitle>\n        </DialogHeader>\n        {item ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"space-y-1 min-w-0\">\n                <div className=\"truncate text-sm font-medium\" title={item.fileName}>\n                  {item.fileName}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {formatFileSize(item.fileSize)} \\u2022 {item.partitionTitle ?? item.partitionCode}\n                </div>\n              </div>\n              {downloadUrl ? (\n                <Button variant=\"outline\" size=\"sm\" asChild className=\"shrink-0\">\n                  <a href={downloadUrl} download>\n                    <Download className=\"mr-2 h-4 w-4\" />\n                    {t('attachments.library.metadata.download', 'Download')}\n                  </a>\n                </Button>\n              ) : null}\n            </div>\n            {isImage ? (\n              <div className=\"rounded border\">\n                <div className=\"flex flex-wrap gap-4 border-b px-3 py-2 text-sm font-medium\" role=\"tablist\">\n                  {(['preview', 'resize'] as const).map((tab) => (\n                    <Button\n                      key={tab}\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      role=\"tab\"\n                      aria-selected={imageTab === tab}\n                      onClick={() => setImageTab(tab)}\n                      className={cn(\n                        'h-auto -mb-px rounded-none border-b-2 border-transparent px-0 py-1',\n                        imageTab === tab\n                          ? 'border-primary text-foreground'\n                          : 'text-muted-foreground hover:text-foreground',\n                      )}\n                    >\n                      {tab === 'preview'\n                        ? t('attachments.library.metadata.preview', 'Preview')\n                        : t('attachments.library.metadata.resizeTool.title', 'Generate resized URL')}\n                    </Button>\n                  ))}\n                </div>\n                <div className=\"space-y-3 p-3\">\n                  {imageTab === 'preview' ? (\n                    previewUrl ? (\n                      <img\n                        src={previewUrl}\n                        alt={item.fileName}\n                        className=\"h-48 w-full rounded-md bg-muted object-contain\"\n                      />\n                    ) : (\n                      <div className=\"text-sm text-muted-foreground\">\n                        {t('attachments.library.metadata.previewUnavailable', 'Preview unavailable.')}\n                      </div>\n                    )\n                  ) : (\n                    <div className=\"space-y-2\">\n                      <div className=\"grid gap-2 sm:grid-cols-2\">\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-width\">\n                            {t('attachments.library.metadata.resizeTool.width', 'Width (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-width\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeWidth}\n                            onChange={(event) => setSizeWidth(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                        <div className=\"space-y-1\">\n                          <label className=\"text-xs font-medium\" htmlFor=\"resize-height\">\n                            {t('attachments.library.metadata.resizeTool.height', 'Height (px)')}\n                          </label>\n                          <Input\n                            id=\"resize-height\"\n                            type=\"number\"\n                            min={0}\n                            value={sizeHeight}\n                            onChange={(event) => setSizeHeight(event.target.value)}\n                            disabled={loading}\n                          />\n                        </div>\n                      </div>\n                      <Button\n                        type=\"button\"\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"inline-flex items-center gap-2\"\n                        onClick={() => void handleCopyResizedUrl()}\n                        disabled={loading}\n                      >\n                        <Copy className=\"h-4 w-4\" />\n                        {t('attachments.library.metadata.resizeTool.copy', 'Copy URL')}\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : null}\n            {loadError ? (\n              <div className=\"rounded border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n                {loadError}\n              </div>\n            ) : null}\n            <div className=\"rounded border border-border/70 bg-muted/30 px-3 py-2\">\n              <div className=\"text-xs font-semibold text-muted-foreground\">\n                {t('attachments.library.metadata.extractedTitle', 'Extracted text')}\n              </div>\n              <AttachmentContentPreview\n                content={extractedContent}\n                emptyLabel={t('attachments.library.metadata.noContent', 'No text extracted')}\n                showMoreLabel={t('attachments.library.metadata.showMore', 'Show more')}\n                showLessLabel={t('attachments.library.metadata.showLess', 'Show less')}\n              />\n            </div>\n            <CrudForm<AttachmentMetadataFormValues>\n              embedded\n              schema={metadataSchema}\n              entityId={E.attachments.attachment}\n              fields={metadataFields}\n              groups={metadataGroups}\n              initialValues={initialValues ?? undefined}\n              isLoading={!initialValues || loading}\n              loadingMessage={loadMessage}\n              submitLabel={t('attachments.library.metadata.save', 'Save')}\n              extraActions={\n                <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n                  {t('attachments.library.metadata.cancel', 'Cancel')}\n                </Button>\n              }\n              onSubmit={handleSubmit}\n            />\n          </div>\n        ) : (\n          <div className=\"py-8 text-center text-sm text-muted-foreground\">\n            {t('attachments.library.metadata.noSelection', 'Select an attachment to edit.')}\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/backend/detail/CustomDataSection.js

@@ -520,7 +520,7 @@ function CustomDataSectionImpl({
           "div",
           {
             className: cn(
-              "rounded-lg border bg-muted/20 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              "rounded-lg border bg-muted/30 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               hasFields && !loading ? "cursor-pointer" : "cursor-default"
             ),
             role: hasFields && !loading ? "button" : void 0,

package/dist/backend/detail/CustomDataSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/CustomDataSection.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { PluggableList } from 'unified'\nimport { Pencil, X } from 'lucide-react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { DataLoader } from '@open-mercato/ui/primitives/DataLoader'\nimport type { CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { fetchCustomFieldFormFieldsWithDefinitions } from '@open-mercato/ui/backend/utils/customFieldForms'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport {\n  DictionaryValue,\n  type DictionaryMap,\n} from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { ensureDictionaryEntries } from '@open-mercato/core/modules/dictionaries/components/hooks/useDictionaryEntries'\nimport {\n  type ResolvedValueDisplay,\n  collectRelationValueIds,\n  extractOptionLookupKey,\n  extractInlineOptionLabel,\n  parseRelationOptionsMetadata,\n  getRelationHrefContextFields,\n  buildRelationHref,\n  fetchRelationRecordDisplays,\n} from '@open-mercato/ui/backend/utils/customFieldRelationDisplay'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { MarkdownPreview } from '../markdown'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nconst MARKDOWN_FIELD_TYPES = new Set<CrudField['type']>(['text', 'textarea', 'richtext'])\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\nfunction renderMarkdownValue(content: string, remarkPlugins: PluggableList) {\n  return (\n    <MarkdownPreview remarkPlugins={remarkPlugins} className={MARKDOWN_CLASSNAME}>\n      {content}\n    </MarkdownPreview>\n  )\n}\n\nfunction extractDictionaryValue(entry: unknown): string | null {\n  if (typeof entry === 'string') {\n    const trimmed = entry.trim()\n    return trimmed.length ? trimmed : null\n  }\n  if (!entry || typeof entry !== 'object') return null\n  const record = entry as Record<string, unknown>\n  const candidate = record.value ?? record.name ?? record.id ?? record.key ?? record.label\n  if (typeof candidate === 'string') {\n    const trimmed = candidate.trim()\n    return trimmed.length ? trimmed : null\n  }\n  return null\n}\n\nexport type CustomDataLabels = {\n  loading: string\n  emptyValue: string\n  noFields: string\n  defineFields?: string\n  saveShortcut: string\n  edit?: string\n  cancel?: string\n}\n\nexport type CustomDataSectionProps = {\n  entityId?: string\n  entityIds?: string[]\n  values: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  title: string\n  scopeVersion?: string | number | null\n  loadFields?: (\n    entityIds: string[],\n  ) => Promise<{ fields: CrudField[]; definitions: CustomFieldDefDto[] }>\n  labels: CustomDataLabels\n  definitionHref?: string\n}\n\nfunction formatFieldValue(\n  field: CrudField,\n  value: unknown,\n  emptyLabel: string,\n  dictionaryMap?: DictionaryMap,\n  remarkPlugins: PluggableList = [],\n  resolvedDisplays?: Record<string, ResolvedValueDisplay>,\n): React.ReactNode {\n  if (dictionaryMap) {\n    if (value === undefined || value === null || value === '') {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    if (Array.isArray(value)) {\n      const normalizedValues = value\n        .map((entry) => extractDictionaryValue(entry))\n        .filter((entry): entry is string => typeof entry === 'string' && entry.length > 0)\n\n      if (!normalizedValues.length) {\n        return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n      }\n\n      return (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {normalizedValues.map((entry, index) => (\n            <DictionaryValue\n              key={`${field.id}-${entry}-${index}`}\n              value={entry}\n              map={dictionaryMap}\n              className=\"inline-flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs\"\n              iconWrapperClassName=\"inline-flex h-4 w-4 items-center justify-center rounded-full border border-border bg-background\"\n              iconClassName=\"h-3 w-3\"\n              colorClassName=\"h-2.5 w-2.5 rounded-full\"\n            />\n          ))}\n        </div>\n      )\n    }\n\n    const resolved = extractDictionaryValue(value)\n    if (!resolved) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    return (\n      <DictionaryValue\n        value={resolved}\n        map={dictionaryMap}\n        className=\"inline-flex items-center gap-2 text-sm\"\n        fallback={<span className=\"text-muted-foreground\">{emptyLabel}</span>}\n        iconWrapperClassName=\"inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-card\"\n        iconClassName=\"h-4 w-4\"\n        colorClassName=\"h-3 w-3 rounded-full\"\n      />\n    )\n  }\n\n  const optionMap =\n    'options' in field && Array.isArray(field.options)\n      ? field.options.reduce<Map<string, string>>((acc, option) => {\n          acc.set(option.value, option.label)\n          return acc\n        }, new Map())\n      : null\n\n  const resolveOptionDisplay = (entry: unknown): ResolvedValueDisplay | null => {\n    const lookupKey = extractOptionLookupKey(entry)\n    if (lookupKey && resolvedDisplays?.[lookupKey]) {\n      return resolvedDisplays[lookupKey]\n    }\n    const inlineLabel = extractInlineOptionLabel(entry)\n    if (lookupKey) {\n      return {\n        label: inlineLabel ?? optionMap?.get(lookupKey) ?? lookupKey,\n      }\n    }\n    if (inlineLabel) {\n      return { label: inlineLabel }\n    }\n    return null\n  }\n\n  const renderResolvedDisplay = (display: ResolvedValueDisplay) => {\n    if (!display.href) return display.label\n    return (\n      <Link\n        href={display.href}\n        className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => event.stopPropagation()}\n      >\n        {display.label}\n      </Link>\n    )\n  }\n\n  if (value === undefined || value === null || value === '') {\n    return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  }\n\n  if (Array.isArray(value)) {\n    if (!value.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    return value.map((entry, index) => (\n      <span\n        key={`${field.id}-${index}`}\n        className=\"mr-1 inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs\"\n      >\n        {(() => {\n          const display = resolveOptionDisplay(entry)\n          if (!display) return emptyLabel\n          return renderResolvedDisplay(display)\n        })()}\n      </span>\n    ))\n  }\n\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n\n  if (resolvedDisplays && Object.keys(resolvedDisplays).length > 0) {\n    const resolvedDisplay = resolveOptionDisplay(value)\n    if (resolvedDisplay) {\n      return renderResolvedDisplay(resolvedDisplay)\n    }\n  }\n\n  if (typeof value === 'object') {\n    try {\n      return JSON.stringify(value)\n    } catch {\n      return String(value)\n    }\n  }\n\n  const resolved = optionMap?.get(String(value)) ?? String(value)\n  if (typeof value === 'string' && MARKDOWN_FIELD_TYPES.has(field.type)) {\n    if (!resolved.trim().length) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n    return renderMarkdownValue(value, remarkPlugins)\n  }\n  if (!resolved.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  return resolved\n}\n\nfunction CustomDataSectionImpl({\n  entityId,\n  entityIds,\n  values,\n  onSubmit,\n  title,\n  scopeVersion: scopeVersionProp,\n  loadFields,\n  labels,\n  definitionHref: explicitDefinitionHref,\n}: CustomDataSectionProps) {\n  const queryClient = useQueryClient()\n  const defaultScopeVersion = useOrganizationScopeVersion()\n  const scopeVersion = scopeVersionProp ?? defaultScopeVersion\n  const resolvedScopeVersion = React.useMemo(\n    () => (typeof scopeVersion === 'number' ? scopeVersion : Number(scopeVersion) || 0),\n    [scopeVersion],\n  )\n  const [dictionaryMapsByField, setDictionaryMapsByField] = React.useState<Record<string, DictionaryMap>>({})\n  const [resolvedDisplaysByField, setResolvedDisplaysByField] = React.useState<Record<string, Record<string, ResolvedValueDisplay>>>({})\n  const [editing, setEditing] = React.useState(false)\n  const sectionRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  React.useEffect(() => {\n    if (isTestEnv) return\n    let mounted = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (!mounted) return\n      setMarkdownPlugins(plugins)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [])\n  const resolvedEntityIds = React.useMemo(() => {\n    if (Array.isArray(entityIds) && entityIds.length) {\n      const dedup = new Set<string>()\n      const list: string[] = []\n      entityIds.forEach((id) => {\n        const trimmed = typeof id === 'string' ? id.trim() : ''\n        if (!trimmed || dedup.has(trimmed)) return\n        dedup.add(trimmed)\n        list.push(trimmed)\n      })\n      return list\n    }\n    if (typeof entityId === 'string' && entityId.trim().length > 0) {\n      return [entityId.trim()]\n    }\n    return []\n  }, [entityId, entityIds])\n  const primaryEntityId = resolvedEntityIds.length ? resolvedEntityIds[0] : undefined\n  const customFieldFormsQuery = useQuery({\n    queryKey: ['customFieldForms', resolvedScopeVersion, ...resolvedEntityIds],\n    enabled: resolvedEntityIds.length > 0,\n    staleTime: 5 * 60 * 1000,\n    gcTime: 30 * 60 * 1000,\n    queryFn: async () => {\n      const loader = loadFields ?? fetchCustomFieldFormFieldsWithDefinitions\n      return loader(resolvedEntityIds)\n    },\n  })\n  const fields = React.useMemo(() => customFieldFormsQuery.data?.fields ?? [], [customFieldFormsQuery.data])\n  const definitions = React.useMemo(\n    () => customFieldFormsQuery.data?.definitions ?? [],\n    [customFieldFormsQuery.data],\n  )\n  const [dictionaryLoading, setDictionaryLoading] = React.useState(false)\n  const [relationLoading, setRelationLoading] = React.useState(false)\n  const loading = customFieldFormsQuery.isLoading || dictionaryLoading || relationLoading\n  const hasFields = fields.length > 0\n  const definitionHref = explicitDefinitionHref ?? (primaryEntityId\n    ? `/backend/entities/system/${encodeURIComponent(primaryEntityId)}`\n    : undefined)\n\n  React.useEffect(() => {\n    if (!hasFields && editing) {\n      setEditing(false)\n    }\n  }, [editing, hasFields])\n\n  const submitActiveForm = React.useCallback(() => {\n    const node = sectionRef.current?.querySelector('form')\n    if (!node) return\n    const form = node as HTMLFormElement\n    if (typeof form.requestSubmit === 'function') {\n      form.requestSubmit()\n      return\n    }\n    form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }))\n  }, [])\n\n  const handleEditingKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!editing) return\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        setEditing(false)\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        submitActiveForm()\n      }\n    },\n    [editing, submitActiveForm],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (loading || editing || !hasFields) return\n    setEditing(true)\n  }, [editing, hasFields, loading])\n\n  const handleReadOnlyKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (loading || editing || !hasFields) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        setEditing(true)\n      }\n    },\n    [editing, hasFields, loading],\n  )\n\n  React.useEffect(() => {\n    if (!resolvedEntityIds.length || !definitions.length) {\n      setDictionaryLoading((prev) => (prev ? false : prev))\n      setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    let cancelled = false\n    const load = async () => {\n      setDictionaryLoading(true)\n      try {\n        const dictionaryDefs = definitions\n          .map((def) => {\n            const rawId = typeof def.dictionaryId === 'string' ? def.dictionaryId.trim() : ''\n            if (!rawId) return null\n            return { keyLower: def.key.toLowerCase(), dictionaryId: rawId }\n          })\n          .filter((entry): entry is { keyLower: string; dictionaryId: string } => !!entry)\n\n        if (!dictionaryDefs.length) {\n          if (!cancelled) {\n            setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n          }\n          return\n        }\n\n        const uniqueDictionaryIds = Array.from(new Set(dictionaryDefs.map((entry) => entry.dictionaryId)))\n        const mapsByDictionaryId: Record<string, DictionaryMap> = {}\n\n        await Promise.all(\n          uniqueDictionaryIds.map(async (dictionaryId) => {\n            try {\n              const data = await ensureDictionaryEntries(queryClient, dictionaryId, resolvedScopeVersion)\n              mapsByDictionaryId[dictionaryId] = data.map\n            } catch {\n              mapsByDictionaryId[dictionaryId] = {}\n            }\n          }),\n        )\n\n        const dictionaryByKey = dictionaryDefs.reduce<Map<string, string>>((acc, entry) => {\n          acc.set(entry.keyLower, entry.dictionaryId)\n          return acc\n        }, new Map())\n\n        const nextMaps: Record<string, DictionaryMap> = {}\n        fields.forEach((field) => {\n          const id = typeof field.id === 'string' ? field.id : ''\n          if (!id) return\n          const normalizedKey = id.startsWith('cf_') ? id.slice(3) : id\n          const keyLower = normalizedKey.toLowerCase()\n          if (!keyLower) return\n          const dictionaryId = dictionaryByKey.get(keyLower)\n          if (!dictionaryId) return\n          nextMaps[id] = mapsByDictionaryId[dictionaryId] ?? {}\n        })\n\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => {\n            const prevKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextMaps)\n            if (\n              prevKeys.length === nextKeys.length &&\n              prevKeys.every((key) => prev[key] === nextMaps[key])\n            ) {\n              return prev\n            }\n            return nextMaps\n          })\n        }\n      } catch {\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n        }\n      } finally {\n        if (!cancelled) {\n          setDictionaryLoading(false)\n        }\n      }\n    }\n\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [definitions, fields, queryClient, resolvedEntityIds, resolvedScopeVersion])\n\n  React.useEffect(() => {\n    if (!definitions.length || !fields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const definitionsByKey = definitions.reduce<Map<string, CustomFieldDefDto>>((acc, definition) => {\n      acc.set(definition.key.toLowerCase(), definition)\n      return acc\n    }, new Map())\n\n    const relationFields = fields\n      .map((field) => {\n        const normalizedKey = field.id.startsWith('cf_') ? field.id.slice(3) : field.id\n        const definition = definitionsByKey.get(normalizedKey.toLowerCase())\n        if (!definition || definition.kind !== 'relation') return null\n        const relationIds = collectRelationValueIds(values?.[field.id])\n        if (!relationIds.length) return null\n        return { field, definition, relationIds }\n      })\n      .filter((entry): entry is { field: CrudField; definition: CustomFieldDefDto; relationIds: string[] } => !!entry)\n\n    if (!relationFields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const load = async () => {\n      setRelationLoading(true)\n      try {\n        const nextDisplays: Record<string, Record<string, ResolvedValueDisplay>> = {}\n\n        await Promise.all(\n          relationFields.map(async ({ field, definition, relationIds }) => {\n            const displays: Record<string, ResolvedValueDisplay> = {}\n\n            if ('options' in field && Array.isArray(field.options)) {\n              field.options.forEach((option) => {\n                displays[option.value] = { label: option.label }\n              })\n            }\n\n            if ('loadOptions' in field && typeof field.loadOptions === 'function') {\n              try {\n                const remoteOptions = await field.loadOptions()\n                remoteOptions.forEach((option) => {\n                  const href = (() => {\n                    const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n                    return relation ? buildRelationHref(relation.entityId, option.value) : undefined\n                  })()\n                  displays[option.value] = { label: option.label, href }\n                })\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to load remote options for field', field.id, error)\n              }\n            }\n\n            const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n            const needsRouteContext = relation ? getRelationHrefContextFields(relation.entityId).length > 0 : false\n            const unresolvedIds = relationIds.filter((relationId) => {\n              const display = displays[relationId]\n              if (!display) return true\n              return needsRouteContext && !display.href\n            })\n            if (relation && unresolvedIds.length) {\n              try {\n                const fetchedDisplays = await fetchRelationRecordDisplays(definition.optionsUrl!, relation, unresolvedIds, abortController.signal)\n                Object.assign(displays, fetchedDisplays)\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to fetch relation record displays for field', field.id, error)\n                unresolvedIds.forEach((relationId) => {\n                  if (!displays[relationId]) {\n                    displays[relationId] = {\n                      label: relationId,\n                      href: buildRelationHref(relation.entityId, relationId),\n                    }\n                  }\n                })\n              }\n            }\n\n            if (Object.keys(displays).length > 0) {\n              nextDisplays[field.id] = displays\n            }\n          }),\n        )\n\n        if (!abortController.signal.aborted) {\n          setResolvedDisplaysByField((prev) => {\n            const previousKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextDisplays)\n            if (\n              previousKeys.length === nextKeys.length &&\n              previousKeys.every((key) => JSON.stringify(prev[key]) === JSON.stringify(nextDisplays[key]))\n            ) {\n              return prev\n            }\n            return nextDisplays\n          })\n        }\n      } finally {\n        if (!abortController.signal.aborted) {\n          setRelationLoading(false)\n        }\n      }\n    }\n\n    void load()\n    return () => {\n      abortController.abort()\n    }\n  }, [definitions, fields, values])\n\n  const handleSubmit = React.useCallback(\n    async (input: Record<string, unknown>) => {\n      await onSubmit(input)\n      setEditing(false)\n    },\n    [onSubmit],\n  )\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between group\">\n        <h2 className=\"text-sm font-semibold\">{title}</h2>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => {\n            if (!hasFields || loading) return\n            setEditing((prev) => !prev)\n          }}\n          disabled={loading || !hasFields}\n          className={\n            editing\n              ? 'opacity-100 transition-opacity duration-150'\n              : 'opacity-100 md:opacity-0 transition-opacity duration-150 md:group-hover:opacity-100 focus-visible:opacity-100'\n          }\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n          <span className=\"sr-only\">{editing ? labels.cancel ?? 'Cancel' : labels.edit ?? 'Edit'}</span>\n        </Button>\n      </div>\n      <DataLoader\n        isLoading={loading}\n        loadingMessage={labels.loading}\n        spinnerSize=\"md\"\n        className=\"min-h-[120px]\"\n      >\n        {editing ? (\n          <div\n            ref={sectionRef}\n            className=\"rounded-lg border bg-card p-3 sm:p-4\"\n            onKeyDown={handleEditingKeyDown}\n          >\n            <CrudForm<Record<string, unknown>>\n              embedded\n              entityId={primaryEntityId}\n              entityIds={resolvedEntityIds}\n              fields={fields}\n              initialValues={values}\n              onSubmit={handleSubmit}\n              submitLabel={labels.saveShortcut}\n              isLoading={loading}\n            />\n          </div>\n        ) : (\n          <div\n            className={cn(\n              'rounded-lg border bg-muted/20 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary',\n              hasFields && !loading ? 'cursor-pointer' : 'cursor-default',\n            )}\n            role={hasFields && !loading ? 'button' : undefined}\n            tabIndex={hasFields && !loading ? 0 : -1}\n            onClick={hasFields && !loading ? handleActivate : undefined}\n            onKeyDown={hasFields && !loading ? handleReadOnlyKeyDown : undefined}\n          >\n            {!hasFields ? (\n              <p className=\"text-sm text-muted-foreground\">\n                {labels.noFields}{' '}\n                {definitionHref && labels.defineFields ? (\n                  <Link\n                    href={definitionHref}\n                    className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n                  >\n                    {labels.defineFields}\n                  </Link>\n                ) : null}\n              </p>\n            ) : (\n              fields.map((field) => (\n                <div key={field.id} className=\"space-y-1\">\n                  <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n                    {field.label}\n                  </p>\n                  <div className=\"text-sm break-words\">\n                    {formatFieldValue(\n                      field,\n                      values?.[field.id],\n                      labels.emptyValue,\n                      dictionaryMapsByField[field.id],\n                      markdownPlugins,\n                      resolvedDisplaysByField[field.id],\n                    )}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        )}\n      </DataLoader>\n    </div>\n  )\n}\n\nexport function CustomDataSection(props: CustomDataSectionProps) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'CustomDataSection')\n  const Resolved = useRegisteredComponent<CustomDataSectionProps>(\n    handle,\n    CustomDataSectionImpl as React.ComponentType<CustomDataSectionProps>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n\nexport default CustomDataSection\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { PluggableList } from 'unified'\nimport { Pencil, X } from 'lucide-react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { DataLoader } from '@open-mercato/ui/primitives/DataLoader'\nimport type { CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { fetchCustomFieldFormFieldsWithDefinitions } from '@open-mercato/ui/backend/utils/customFieldForms'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport {\n  DictionaryValue,\n  type DictionaryMap,\n} from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { ensureDictionaryEntries } from '@open-mercato/core/modules/dictionaries/components/hooks/useDictionaryEntries'\nimport {\n  type ResolvedValueDisplay,\n  collectRelationValueIds,\n  extractOptionLookupKey,\n  extractInlineOptionLabel,\n  parseRelationOptionsMetadata,\n  getRelationHrefContextFields,\n  buildRelationHref,\n  fetchRelationRecordDisplays,\n} from '@open-mercato/ui/backend/utils/customFieldRelationDisplay'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { MarkdownPreview } from '../markdown'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nconst MARKDOWN_FIELD_TYPES = new Set<CrudField['type']>(['text', 'textarea', 'richtext'])\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\nfunction renderMarkdownValue(content: string, remarkPlugins: PluggableList) {\n  return (\n    <MarkdownPreview remarkPlugins={remarkPlugins} className={MARKDOWN_CLASSNAME}>\n      {content}\n    </MarkdownPreview>\n  )\n}\n\nfunction extractDictionaryValue(entry: unknown): string | null {\n  if (typeof entry === 'string') {\n    const trimmed = entry.trim()\n    return trimmed.length ? trimmed : null\n  }\n  if (!entry || typeof entry !== 'object') return null\n  const record = entry as Record<string, unknown>\n  const candidate = record.value ?? record.name ?? record.id ?? record.key ?? record.label\n  if (typeof candidate === 'string') {\n    const trimmed = candidate.trim()\n    return trimmed.length ? trimmed : null\n  }\n  return null\n}\n\nexport type CustomDataLabels = {\n  loading: string\n  emptyValue: string\n  noFields: string\n  defineFields?: string\n  saveShortcut: string\n  edit?: string\n  cancel?: string\n}\n\nexport type CustomDataSectionProps = {\n  entityId?: string\n  entityIds?: string[]\n  values: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  title: string\n  scopeVersion?: string | number | null\n  loadFields?: (\n    entityIds: string[],\n  ) => Promise<{ fields: CrudField[]; definitions: CustomFieldDefDto[] }>\n  labels: CustomDataLabels\n  definitionHref?: string\n}\n\nfunction formatFieldValue(\n  field: CrudField,\n  value: unknown,\n  emptyLabel: string,\n  dictionaryMap?: DictionaryMap,\n  remarkPlugins: PluggableList = [],\n  resolvedDisplays?: Record<string, ResolvedValueDisplay>,\n): React.ReactNode {\n  if (dictionaryMap) {\n    if (value === undefined || value === null || value === '') {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    if (Array.isArray(value)) {\n      const normalizedValues = value\n        .map((entry) => extractDictionaryValue(entry))\n        .filter((entry): entry is string => typeof entry === 'string' && entry.length > 0)\n\n      if (!normalizedValues.length) {\n        return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n      }\n\n      return (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {normalizedValues.map((entry, index) => (\n            <DictionaryValue\n              key={`${field.id}-${entry}-${index}`}\n              value={entry}\n              map={dictionaryMap}\n              className=\"inline-flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs\"\n              iconWrapperClassName=\"inline-flex h-4 w-4 items-center justify-center rounded-full border border-border bg-background\"\n              iconClassName=\"h-3 w-3\"\n              colorClassName=\"h-2.5 w-2.5 rounded-full\"\n            />\n          ))}\n        </div>\n      )\n    }\n\n    const resolved = extractDictionaryValue(value)\n    if (!resolved) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n\n    return (\n      <DictionaryValue\n        value={resolved}\n        map={dictionaryMap}\n        className=\"inline-flex items-center gap-2 text-sm\"\n        fallback={<span className=\"text-muted-foreground\">{emptyLabel}</span>}\n        iconWrapperClassName=\"inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-card\"\n        iconClassName=\"h-4 w-4\"\n        colorClassName=\"h-3 w-3 rounded-full\"\n      />\n    )\n  }\n\n  const optionMap =\n    'options' in field && Array.isArray(field.options)\n      ? field.options.reduce<Map<string, string>>((acc, option) => {\n          acc.set(option.value, option.label)\n          return acc\n        }, new Map())\n      : null\n\n  const resolveOptionDisplay = (entry: unknown): ResolvedValueDisplay | null => {\n    const lookupKey = extractOptionLookupKey(entry)\n    if (lookupKey && resolvedDisplays?.[lookupKey]) {\n      return resolvedDisplays[lookupKey]\n    }\n    const inlineLabel = extractInlineOptionLabel(entry)\n    if (lookupKey) {\n      return {\n        label: inlineLabel ?? optionMap?.get(lookupKey) ?? lookupKey,\n      }\n    }\n    if (inlineLabel) {\n      return { label: inlineLabel }\n    }\n    return null\n  }\n\n  const renderResolvedDisplay = (display: ResolvedValueDisplay) => {\n    if (!display.href) return display.label\n    return (\n      <Link\n        href={display.href}\n        className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n        onClick={(event) => event.stopPropagation()}\n        onKeyDown={(event) => event.stopPropagation()}\n      >\n        {display.label}\n      </Link>\n    )\n  }\n\n  if (value === undefined || value === null || value === '') {\n    return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  }\n\n  if (Array.isArray(value)) {\n    if (!value.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    return value.map((entry, index) => (\n      <span\n        key={`${field.id}-${index}`}\n        className=\"mr-1 inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs\"\n      >\n        {(() => {\n          const display = resolveOptionDisplay(entry)\n          if (!display) return emptyLabel\n          return renderResolvedDisplay(display)\n        })()}\n      </span>\n    ))\n  }\n\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n\n  if (resolvedDisplays && Object.keys(resolvedDisplays).length > 0) {\n    const resolvedDisplay = resolveOptionDisplay(value)\n    if (resolvedDisplay) {\n      return renderResolvedDisplay(resolvedDisplay)\n    }\n  }\n\n  if (typeof value === 'object') {\n    try {\n      return JSON.stringify(value)\n    } catch {\n      return String(value)\n    }\n  }\n\n  const resolved = optionMap?.get(String(value)) ?? String(value)\n  if (typeof value === 'string' && MARKDOWN_FIELD_TYPES.has(field.type)) {\n    if (!resolved.trim().length) {\n      return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n    }\n    return renderMarkdownValue(value, remarkPlugins)\n  }\n  if (!resolved.length) return <span className=\"text-muted-foreground\">{emptyLabel}</span>\n  return resolved\n}\n\nfunction CustomDataSectionImpl({\n  entityId,\n  entityIds,\n  values,\n  onSubmit,\n  title,\n  scopeVersion: scopeVersionProp,\n  loadFields,\n  labels,\n  definitionHref: explicitDefinitionHref,\n}: CustomDataSectionProps) {\n  const queryClient = useQueryClient()\n  const defaultScopeVersion = useOrganizationScopeVersion()\n  const scopeVersion = scopeVersionProp ?? defaultScopeVersion\n  const resolvedScopeVersion = React.useMemo(\n    () => (typeof scopeVersion === 'number' ? scopeVersion : Number(scopeVersion) || 0),\n    [scopeVersion],\n  )\n  const [dictionaryMapsByField, setDictionaryMapsByField] = React.useState<Record<string, DictionaryMap>>({})\n  const [resolvedDisplaysByField, setResolvedDisplaysByField] = React.useState<Record<string, Record<string, ResolvedValueDisplay>>>({})\n  const [editing, setEditing] = React.useState(false)\n  const sectionRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  React.useEffect(() => {\n    if (isTestEnv) return\n    let mounted = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (!mounted) return\n      setMarkdownPlugins(plugins)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [])\n  const resolvedEntityIds = React.useMemo(() => {\n    if (Array.isArray(entityIds) && entityIds.length) {\n      const dedup = new Set<string>()\n      const list: string[] = []\n      entityIds.forEach((id) => {\n        const trimmed = typeof id === 'string' ? id.trim() : ''\n        if (!trimmed || dedup.has(trimmed)) return\n        dedup.add(trimmed)\n        list.push(trimmed)\n      })\n      return list\n    }\n    if (typeof entityId === 'string' && entityId.trim().length > 0) {\n      return [entityId.trim()]\n    }\n    return []\n  }, [entityId, entityIds])\n  const primaryEntityId = resolvedEntityIds.length ? resolvedEntityIds[0] : undefined\n  const customFieldFormsQuery = useQuery({\n    queryKey: ['customFieldForms', resolvedScopeVersion, ...resolvedEntityIds],\n    enabled: resolvedEntityIds.length > 0,\n    staleTime: 5 * 60 * 1000,\n    gcTime: 30 * 60 * 1000,\n    queryFn: async () => {\n      const loader = loadFields ?? fetchCustomFieldFormFieldsWithDefinitions\n      return loader(resolvedEntityIds)\n    },\n  })\n  const fields = React.useMemo(() => customFieldFormsQuery.data?.fields ?? [], [customFieldFormsQuery.data])\n  const definitions = React.useMemo(\n    () => customFieldFormsQuery.data?.definitions ?? [],\n    [customFieldFormsQuery.data],\n  )\n  const [dictionaryLoading, setDictionaryLoading] = React.useState(false)\n  const [relationLoading, setRelationLoading] = React.useState(false)\n  const loading = customFieldFormsQuery.isLoading || dictionaryLoading || relationLoading\n  const hasFields = fields.length > 0\n  const definitionHref = explicitDefinitionHref ?? (primaryEntityId\n    ? `/backend/entities/system/${encodeURIComponent(primaryEntityId)}`\n    : undefined)\n\n  React.useEffect(() => {\n    if (!hasFields && editing) {\n      setEditing(false)\n    }\n  }, [editing, hasFields])\n\n  const submitActiveForm = React.useCallback(() => {\n    const node = sectionRef.current?.querySelector('form')\n    if (!node) return\n    const form = node as HTMLFormElement\n    if (typeof form.requestSubmit === 'function') {\n      form.requestSubmit()\n      return\n    }\n    form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }))\n  }, [])\n\n  const handleEditingKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!editing) return\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        setEditing(false)\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        submitActiveForm()\n      }\n    },\n    [editing, submitActiveForm],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (loading || editing || !hasFields) return\n    setEditing(true)\n  }, [editing, hasFields, loading])\n\n  const handleReadOnlyKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (loading || editing || !hasFields) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        setEditing(true)\n      }\n    },\n    [editing, hasFields, loading],\n  )\n\n  React.useEffect(() => {\n    if (!resolvedEntityIds.length || !definitions.length) {\n      setDictionaryLoading((prev) => (prev ? false : prev))\n      setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    let cancelled = false\n    const load = async () => {\n      setDictionaryLoading(true)\n      try {\n        const dictionaryDefs = definitions\n          .map((def) => {\n            const rawId = typeof def.dictionaryId === 'string' ? def.dictionaryId.trim() : ''\n            if (!rawId) return null\n            return { keyLower: def.key.toLowerCase(), dictionaryId: rawId }\n          })\n          .filter((entry): entry is { keyLower: string; dictionaryId: string } => !!entry)\n\n        if (!dictionaryDefs.length) {\n          if (!cancelled) {\n            setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n          }\n          return\n        }\n\n        const uniqueDictionaryIds = Array.from(new Set(dictionaryDefs.map((entry) => entry.dictionaryId)))\n        const mapsByDictionaryId: Record<string, DictionaryMap> = {}\n\n        await Promise.all(\n          uniqueDictionaryIds.map(async (dictionaryId) => {\n            try {\n              const data = await ensureDictionaryEntries(queryClient, dictionaryId, resolvedScopeVersion)\n              mapsByDictionaryId[dictionaryId] = data.map\n            } catch {\n              mapsByDictionaryId[dictionaryId] = {}\n            }\n          }),\n        )\n\n        const dictionaryByKey = dictionaryDefs.reduce<Map<string, string>>((acc, entry) => {\n          acc.set(entry.keyLower, entry.dictionaryId)\n          return acc\n        }, new Map())\n\n        const nextMaps: Record<string, DictionaryMap> = {}\n        fields.forEach((field) => {\n          const id = typeof field.id === 'string' ? field.id : ''\n          if (!id) return\n          const normalizedKey = id.startsWith('cf_') ? id.slice(3) : id\n          const keyLower = normalizedKey.toLowerCase()\n          if (!keyLower) return\n          const dictionaryId = dictionaryByKey.get(keyLower)\n          if (!dictionaryId) return\n          nextMaps[id] = mapsByDictionaryId[dictionaryId] ?? {}\n        })\n\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => {\n            const prevKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextMaps)\n            if (\n              prevKeys.length === nextKeys.length &&\n              prevKeys.every((key) => prev[key] === nextMaps[key])\n            ) {\n              return prev\n            }\n            return nextMaps\n          })\n        }\n      } catch {\n        if (!cancelled) {\n          setDictionaryMapsByField((prev) => (Object.keys(prev).length ? {} : prev))\n        }\n      } finally {\n        if (!cancelled) {\n          setDictionaryLoading(false)\n        }\n      }\n    }\n\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [definitions, fields, queryClient, resolvedEntityIds, resolvedScopeVersion])\n\n  React.useEffect(() => {\n    if (!definitions.length || !fields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const definitionsByKey = definitions.reduce<Map<string, CustomFieldDefDto>>((acc, definition) => {\n      acc.set(definition.key.toLowerCase(), definition)\n      return acc\n    }, new Map())\n\n    const relationFields = fields\n      .map((field) => {\n        const normalizedKey = field.id.startsWith('cf_') ? field.id.slice(3) : field.id\n        const definition = definitionsByKey.get(normalizedKey.toLowerCase())\n        if (!definition || definition.kind !== 'relation') return null\n        const relationIds = collectRelationValueIds(values?.[field.id])\n        if (!relationIds.length) return null\n        return { field, definition, relationIds }\n      })\n      .filter((entry): entry is { field: CrudField; definition: CustomFieldDefDto; relationIds: string[] } => !!entry)\n\n    if (!relationFields.length) {\n      setRelationLoading((prev) => (prev ? false : prev))\n      setResolvedDisplaysByField((prev) => (Object.keys(prev).length ? {} : prev))\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const load = async () => {\n      setRelationLoading(true)\n      try {\n        const nextDisplays: Record<string, Record<string, ResolvedValueDisplay>> = {}\n\n        await Promise.all(\n          relationFields.map(async ({ field, definition, relationIds }) => {\n            const displays: Record<string, ResolvedValueDisplay> = {}\n\n            if ('options' in field && Array.isArray(field.options)) {\n              field.options.forEach((option) => {\n                displays[option.value] = { label: option.label }\n              })\n            }\n\n            if ('loadOptions' in field && typeof field.loadOptions === 'function') {\n              try {\n                const remoteOptions = await field.loadOptions()\n                remoteOptions.forEach((option) => {\n                  const href = (() => {\n                    const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n                    return relation ? buildRelationHref(relation.entityId, option.value) : undefined\n                  })()\n                  displays[option.value] = { label: option.label, href }\n                })\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to load remote options for field', field.id, error)\n              }\n            }\n\n            const relation = parseRelationOptionsMetadata(definition.optionsUrl)\n            const needsRouteContext = relation ? getRelationHrefContextFields(relation.entityId).length > 0 : false\n            const unresolvedIds = relationIds.filter((relationId) => {\n              const display = displays[relationId]\n              if (!display) return true\n              return needsRouteContext && !display.href\n            })\n            if (relation && unresolvedIds.length) {\n              try {\n                const fetchedDisplays = await fetchRelationRecordDisplays(definition.optionsUrl!, relation, unresolvedIds, abortController.signal)\n                Object.assign(displays, fetchedDisplays)\n              } catch (error) {\n                console.debug('[CustomDataSection] Failed to fetch relation record displays for field', field.id, error)\n                unresolvedIds.forEach((relationId) => {\n                  if (!displays[relationId]) {\n                    displays[relationId] = {\n                      label: relationId,\n                      href: buildRelationHref(relation.entityId, relationId),\n                    }\n                  }\n                })\n              }\n            }\n\n            if (Object.keys(displays).length > 0) {\n              nextDisplays[field.id] = displays\n            }\n          }),\n        )\n\n        if (!abortController.signal.aborted) {\n          setResolvedDisplaysByField((prev) => {\n            const previousKeys = Object.keys(prev)\n            const nextKeys = Object.keys(nextDisplays)\n            if (\n              previousKeys.length === nextKeys.length &&\n              previousKeys.every((key) => JSON.stringify(prev[key]) === JSON.stringify(nextDisplays[key]))\n            ) {\n              return prev\n            }\n            return nextDisplays\n          })\n        }\n      } finally {\n        if (!abortController.signal.aborted) {\n          setRelationLoading(false)\n        }\n      }\n    }\n\n    void load()\n    return () => {\n      abortController.abort()\n    }\n  }, [definitions, fields, values])\n\n  const handleSubmit = React.useCallback(\n    async (input: Record<string, unknown>) => {\n      await onSubmit(input)\n      setEditing(false)\n    },\n    [onSubmit],\n  )\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between group\">\n        <h2 className=\"text-sm font-semibold\">{title}</h2>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => {\n            if (!hasFields || loading) return\n            setEditing((prev) => !prev)\n          }}\n          disabled={loading || !hasFields}\n          className={\n            editing\n              ? 'opacity-100 transition-opacity duration-150'\n              : 'opacity-100 md:opacity-0 transition-opacity duration-150 md:group-hover:opacity-100 focus-visible:opacity-100'\n          }\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n          <span className=\"sr-only\">{editing ? labels.cancel ?? 'Cancel' : labels.edit ?? 'Edit'}</span>\n        </Button>\n      </div>\n      <DataLoader\n        isLoading={loading}\n        loadingMessage={labels.loading}\n        spinnerSize=\"md\"\n        className=\"min-h-[120px]\"\n      >\n        {editing ? (\n          <div\n            ref={sectionRef}\n            className=\"rounded-lg border bg-card p-3 sm:p-4\"\n            onKeyDown={handleEditingKeyDown}\n          >\n            <CrudForm<Record<string, unknown>>\n              embedded\n              entityId={primaryEntityId}\n              entityIds={resolvedEntityIds}\n              fields={fields}\n              initialValues={values}\n              onSubmit={handleSubmit}\n              submitLabel={labels.saveShortcut}\n              isLoading={loading}\n            />\n          </div>\n        ) : (\n          <div\n            className={cn(\n              'rounded-lg border bg-muted/30 p-3 sm:p-4 space-y-2 sm:space-y-3 transition hover:border-border/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n              hasFields && !loading ? 'cursor-pointer' : 'cursor-default',\n            )}\n            role={hasFields && !loading ? 'button' : undefined}\n            tabIndex={hasFields && !loading ? 0 : -1}\n            onClick={hasFields && !loading ? handleActivate : undefined}\n            onKeyDown={hasFields && !loading ? handleReadOnlyKeyDown : undefined}\n          >\n            {!hasFields ? (\n              <p className=\"text-sm text-muted-foreground\">\n                {labels.noFields}{' '}\n                {definitionHref && labels.defineFields ? (\n                  <Link\n                    href={definitionHref}\n                    className=\"font-medium text-primary underline-offset-2 hover:underline focus-visible:underline\"\n                  >\n                    {labels.defineFields}\n                  </Link>\n                ) : null}\n              </p>\n            ) : (\n              fields.map((field) => (\n                <div key={field.id} className=\"space-y-1\">\n                  <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n                    {field.label}\n                  </p>\n                  <div className=\"text-sm break-words\">\n                    {formatFieldValue(\n                      field,\n                      values?.[field.id],\n                      labels.emptyValue,\n                      dictionaryMapsByField[field.id],\n                      markdownPlugins,\n                      resolvedDisplaysByField[field.id],\n                    )}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        )}\n      </DataLoader>\n    </div>\n  )\n}\n\nexport function CustomDataSection(props: CustomDataSectionProps) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'CustomDataSection')\n  const Resolved = useRegisteredComponent<CustomDataSectionProps>(\n    handle,\n    CustomDataSectionImpl as React.ComponentType<CustomDataSectionProps>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n\nexport default CustomDataSection\n"],
   "mappings": "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",
   "names": ["resolved", "relation"]
 }

package/dist/backend/detail/InlineEditors.js

@@ -88,7 +88,7 @@ function InlineTextEditor({
   }, [draft, onDraftChange]);
   const containerClasses = cn(
     "group overflow-hidden",
-    variant === "muted" ? "relative rounded border bg-muted/20 p-3" : variant === "plain" ? "relative flex items-center gap-3 rounded-none border-0 p-0" : "rounded-lg border p-4",
+    variant === "muted" ? "relative rounded border bg-muted/30 p-3" : variant === "plain" ? "relative flex items-center gap-3 rounded-none border-0 p-0" : "rounded-lg border p-4",
     activateOnClick && !editing ? "cursor-pointer" : null,
     containerClassName ?? null
   );
@@ -245,7 +245,7 @@ function InlineTextEditor({
             ) : /* @__PURE__ */ jsx(
               "input",
               {
-                className: "w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                className: "w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 value: draft,
                 onChange: (event) => {
                   if (error) setError(null);
@@ -426,7 +426,7 @@ function InlineMultilineEditor({
   );
   const containerClasses = cn(
     "group rounded-lg border p-4",
-    variant === "muted" ? "bg-muted/20" : null,
+    variant === "muted" ? "bg-muted/30" : null,
     activateOnClick && !editing ? "cursor-pointer" : null,
     containerClassName ?? null
   );
@@ -507,7 +507,7 @@ function InlineMultilineEditor({
                   {
                     ref: textareaRef,
                     rows: 3,
-                    className: "w-full resize-none overflow-hidden rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                    className: "w-full resize-none overflow-hidden rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                     placeholder,
                     value: draft,
                     onChange: (event) => {
@@ -648,7 +648,7 @@ function InlineSelectEditor({
         renderEditor ? renderEditor({ value: draft, onChange: setDraft }) : /* @__PURE__ */ jsxs(
           "select",
           {
-            className: "w-full rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+            className: "w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             value: draft,
             onChange: (event) => setDraft(event.target.value),
             children: [