@open-mercato/ui 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2964.d5ac4a6ebb

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/AddressEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Plus, Settings } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport { buildCountryOptions } from '@open-mercato/shared/lib/location/countries'\nimport { buildHrefWithReturnTo } from '@open-mercato/shared/lib/navigation/returnTo'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { AddressFormatStrategy } from './addressFormat'\n\ntype Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string\n\nexport type AddressTypeOption = {\n  value: string\n  label: string\n}\n\nexport type AddressTypesAdapter<C = unknown> = {\n  list: (context?: C) => Promise<AddressTypeOption[]>\n  create?: (value: string, context?: C) => Promise<AddressTypeOption | null>\n  manageHref?: string\n}\n\nexport type AddressEditorDraft = {\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 AddressEditorField =\n  | 'name'\n  | 'purpose'\n  | 'companyName'\n  | 'addressLine1'\n  | 'addressLine2'\n  | 'buildingNumber'\n  | 'flatNumber'\n  | 'city'\n  | 'region'\n  | 'postalCode'\n  | 'country'\n  | 'isPrimary'\n\ntype AddressEditorProps<C = unknown> = {\n  value: AddressEditorDraft\n  onChange: (next: AddressEditorDraft) => void\n  format: AddressFormatStrategy\n  t: Translator\n  labelPrefix?: string\n  disabled?: boolean\n  errors?: Partial<Record<AddressEditorField, string>>\n  hidePrimaryToggle?: boolean\n  showFormatHint?: boolean\n  addressTypesAdapter?: AddressTypesAdapter<C>\n  addressTypesContext?: C\n}\n\nexport function AddressEditor<C = unknown>({\n  value,\n  onChange,\n  format,\n  t,\n  labelPrefix = 'customers.people.detail.addresses',\n  disabled = false,\n  errors = {},\n  hidePrimaryToggle = false,\n  showFormatHint = true,\n  addressTypesAdapter,\n  addressTypesContext,\n}: AddressEditorProps<C>) {\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\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 [addressTypes, setAddressTypes] = React.useState<AddressTypeOption[]>([])\n  const [addressTypesLoading, setAddressTypesLoading] = React.useState(false)\n  const [addressTypeError, setAddressTypeError] = React.useState<string | null>(null)\n\n  const [typeDialogOpen, setTypeDialogOpen] = React.useState(false)\n  const [typeValue, setTypeValue] = React.useState('')\n  const [typeFormError, setTypeFormError] = React.useState<string | null>(null)\n  const [countryDialogOpen, setCountryDialogOpen] = React.useState(false)\n  const [countryQuery, setCountryQuery] = React.useState('')\n\n  const countryOptions = React.useMemo(\n    () =>\n      buildCountryOptions({\n        transformLabel: (code, fallback) => t(`customers.countries.${code.toLowerCase()}`, fallback ?? code),\n      }),\n    [t],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    const load = async () => {\n      if (!addressTypesAdapter) {\n        setAddressTypes([])\n        setAddressTypeError(null)\n        return\n      }\n      setAddressTypesLoading(true)\n      try {\n        const result = await addressTypesAdapter.list(addressTypesContext)\n        if (!cancelled) {\n          setAddressTypes(Array.isArray(result) ? result : [])\n          setAddressTypeError(null)\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setAddressTypes([])\n          setAddressTypeError(label('types.loadError', 'Failed to load address types'))\n        }\n      } finally {\n        if (!cancelled) setAddressTypesLoading(false)\n      }\n    }\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [addressTypesAdapter, addressTypesContext, label])\n\n  const current: AddressEditorDraft = {\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\n  const update = React.useCallback(\n    (key: keyof AddressEditorDraft, nextValue: string | boolean) => {\n      onChange({ ...current, [key]: nextValue })\n    },\n    [current, onChange],\n  )\n\n  const filteredCountryOptions = React.useMemo(() => {\n    const query = countryQuery.trim().toLowerCase()\n    if (!query.length) return countryOptions\n    return countryOptions.filter(\n      (option) => option.label.toLowerCase().includes(query) || option.code.toLowerCase().includes(query),\n    )\n  }, [countryOptions, countryQuery])\n\n  const selectedCountry = React.useMemo(() => {\n    const code = (current.country ?? '').toUpperCase()\n    if (!code.length) return null\n    return countryOptions.find((option) => option.code === code) ?? null\n  }, [countryOptions, current.country])\n  const returnTo = React.useMemo(() => {\n    const query = searchParams?.toString() ?? ''\n    if (!pathname) return null\n    return query.length ? `${pathname}?${query}` : pathname\n  }, [pathname, searchParams])\n  const manageAddressTypesHref = React.useMemo(\n    () => buildHrefWithReturnTo(addressTypesAdapter?.manageHref ?? '/backend/config/dictionaries', returnTo),\n    [addressTypesAdapter?.manageHref, returnTo],\n  )\n\n  const handleTypeSubmit = React.useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault()\n      const trimmed = typeValue.trim()\n      if (!trimmed.length) {\n        setTypeFormError(label('types.emptyError', 'Please provide a value'))\n        return\n      }\n      if (!addressTypesAdapter?.create) return\n      setTypeFormError(null)\n      const created = await addressTypesAdapter.create(trimmed, addressTypesContext)\n      if (created) {\n        setAddressTypes((prev) => {\n          const map = new Map(prev.map((entry) => [entry.value, entry]))\n          map.set(created.value, created)\n          return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label))\n        })\n      }\n      setTypeDialogOpen(false)\n      setTypeValue('')\n    },\n    [addressTypesAdapter, addressTypesContext, label, typeValue],\n  )\n\n  const inputClass = (field: AddressEditorField) =>\n    [\n      'w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n      errors[field] ? 'border-red-500 aria-invalid:ring-destructive' : 'border-input bg-background',\n    ].join(' ')\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('name')}\n          placeholder={label('fields.label', 'Label')}\n          value={current.name}\n          onChange={(evt) => update('name', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.name ? 'true' : undefined}\n        />\n        <div className=\"flex gap-2\">\n          <select\n            className={inputClass('purpose')}\n            value={current.purpose}\n            onChange={(evt) => update('purpose', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.purpose ? 'true' : undefined}\n          >\n            <option value=\"\">\n              {addressTypesLoading\n                ? label('types.loading', 'Loading\u2026')\n                : label('types.placeholder', 'Address type')}\n            </option>\n            {addressTypes.map((entry) => (\n              <option key={entry.value} value={entry.value}>\n                {entry.label}\n              </option>\n            ))}\n          </select>\n          {addressTypesAdapter?.create ? (\n            <Dialog open={typeDialogOpen} onOpenChange={setTypeDialogOpen}>\n              <DialogTrigger asChild>\n                <Button type=\"button\" variant=\"outline\" size=\"icon\" className=\"shrink-0\" disabled={disabled}>\n                  <Plus className=\"h-4 w-4\" />\n                </Button>\n              </DialogTrigger>\n              <DialogContent className=\"sm:max-w-md\">\n                <DialogHeader>\n                  <DialogTitle>{label('types.add', 'Add address type')}</DialogTitle>\n                  <DialogDescription>\n                    {label('types.addHint', 'Create a new address type for reuse.')}\n                  </DialogDescription>\n                </DialogHeader>\n                <form className=\"space-y-3\" onSubmit={handleTypeSubmit}>\n                  <Input\n                    autoFocus\n                    value={typeValue}\n                    onChange={(evt) => {\n                      setTypeValue(evt.target.value)\n                      if (typeFormError) setTypeFormError(null)\n                    }}\n                    placeholder={label('types.placeholder', 'Address type')}\n                    disabled={disabled}\n                    aria-invalid={typeFormError ? 'true' : undefined}\n                  />\n                  {typeFormError ? <p className=\"text-sm text-destructive\">{typeFormError}</p> : null}\n                  <DialogFooter>\n                    <Button type=\"button\" variant=\"outline\" onClick={() => setTypeDialogOpen(false)} disabled={disabled}>\n                      {label('types.cancel', 'Cancel')}\n                    </Button>\n                    <Button type=\"submit\" disabled={disabled || !typeValue.trim()}>\n                      {label('types.save', 'Save')}\n                    </Button>\n                  </DialogFooter>\n                </form>\n              </DialogContent>\n            </Dialog>\n          ) : null}\n          <Button\n            asChild\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"shrink-0\"\n            disabled={disabled}\n            title={label('types.manage', 'Manage address types')}\n          >\n            <Link\n              href={manageAddressTypesHref}\n              aria-label={label('types.manage', 'Manage address types')}\n            >\n              <Settings className=\"h-4 w-4\" />\n            </Link>\n          </Button>\n        </div>\n      </div>\n      {errors.purpose ? <p className=\"text-xs text-destructive\">{errors.purpose}</p> : null}\n      {addressTypeError ? <p className=\"text-xs text-destructive\">{addressTypeError}</p> : null}\n      <Input\n        className={inputClass('companyName')}\n        placeholder={label('fields.companyName', 'Company name')}\n        value={current.companyName}\n        onChange={(evt) => update('companyName', evt.target.value)}\n        disabled={disabled}\n        aria-invalid={errors.companyName ? 'true' : undefined}\n      />\n\n      {format === 'street_first' ? (\n        <div className=\"grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]\">\n          <Input\n            className={inputClass('addressLine1')}\n            placeholder={label('fields.street', 'Street')}\n            value={current.addressLine1}\n            onChange={(evt) => update('addressLine1', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.addressLine1 ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('buildingNumber')}\n            placeholder={label('fields.buildingNumber', 'Building number')}\n            value={current.buildingNumber}\n            onChange={(evt) => update('buildingNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.buildingNumber ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('flatNumber')}\n            placeholder={label('fields.flatNumber', 'Flat number')}\n            value={current.flatNumber}\n            onChange={(evt) => update('flatNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.flatNumber ? 'true' : undefined}\n          />\n        </div>\n      ) : (\n        <Input\n          className={inputClass('addressLine1')}\n          placeholder={label('fields.line1', 'Address line 1')}\n          value={current.addressLine1}\n          onChange={(evt) => update('addressLine1', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.addressLine1 ? 'true' : undefined}\n        />\n      )}\n\n      <Input\n        className={inputClass('addressLine2')}\n        placeholder={label('fields.line2', 'Address line 2')}\n        value={current.addressLine2}\n        onChange={(evt) => update('addressLine2', evt.target.value)}\n        disabled={disabled}\n        aria-invalid={errors.addressLine2 ? 'true' : undefined}\n      />\n\n      {format !== 'street_first' ? (\n        <div className=\"grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]\">\n          <Input\n            className={inputClass('buildingNumber')}\n            placeholder={label('fields.buildingNumber', 'Building number')}\n            value={current.buildingNumber}\n            onChange={(evt) => update('buildingNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.buildingNumber ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('flatNumber')}\n            placeholder={label('fields.flatNumber', 'Flat number')}\n            value={current.flatNumber}\n            onChange={(evt) => update('flatNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.flatNumber ? 'true' : undefined}\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('city')}\n          placeholder={label('fields.city', 'City')}\n          value={current.city}\n          onChange={(evt) => update('city', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.city ? 'true' : undefined}\n        />\n        <Input\n          className={inputClass('region')}\n          placeholder={label('fields.region', 'Region')}\n          value={current.region}\n          onChange={(evt) => update('region', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.region ? 'true' : undefined}\n        />\n      </div>\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('postalCode')}\n          placeholder={label('fields.postalCode', 'Postal code')}\n          value={current.postalCode}\n          onChange={(evt) => update('postalCode', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.postalCode ? 'true' : undefined}\n        />\n        <Dialog open={countryDialogOpen} onOpenChange={setCountryDialogOpen}>\n          <DialogTrigger asChild>\n            <Button type=\"button\" variant=\"ghost\" className={cn(inputClass('country'), 'cursor-pointer')} disabled={disabled}>\n              {selectedCountry?.label ?? label('fields.country', 'Country')}\n            </Button>\n          </DialogTrigger>\n          <DialogContent className=\"sm:max-w-lg\">\n            <DialogHeader>\n              <DialogTitle>{label('country.title', 'Choose a country')}</DialogTitle>\n              <DialogDescription>{label('country.subtitle', 'Search for a country')}</DialogDescription>\n            </DialogHeader>\n            <div className=\"space-y-3\">\n              <Input\n                placeholder={label('country.search', 'Search countries')}\n                value={countryQuery}\n                onChange={(evt) => setCountryQuery(evt.target.value)}\n              />\n              <div className=\"max-h-64 overflow-auto rounded-md border border-border/70\">\n                <ul className=\"divide-y divide-border/50\">\n                  {filteredCountryOptions.map((option) => (\n                    <li key={option.code}>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"w-full justify-between font-normal rounded-none\"\n                        onClick={() => {\n                          update('country', option.code)\n                          setCountryDialogOpen(false)\n                        }}\n                      >\n                        <span>{option.label}</span>\n                        <span className=\"text-xs text-muted-foreground\">{option.code}</span>\n                      </Button>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {showFormatHint ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {label('formatHint', 'Format based on address settings')}\n        </p>\n      ) : null}\n\n      {!hidePrimaryToggle ? (\n        <label className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <input\n            type=\"checkbox\"\n            checked={current.isPrimary}\n            onChange={(evt) => update('isPrimary', evt.target.checked)}\n            disabled={disabled}\n          />\n          {label('fields.primary', 'Primary address')}\n        </label>\n      ) : null}\n    </div>\n  )\n}\n\nexport default AddressEditor\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Plus, Settings } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport { buildCountryOptions } from '@open-mercato/shared/lib/location/countries'\nimport { buildHrefWithReturnTo } from '@open-mercato/shared/lib/navigation/returnTo'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { AddressFormatStrategy } from './addressFormat'\n\ntype Translator = (key: string, fallback?: string, params?: Record<string, string | number>) => string\n\nexport type AddressTypeOption = {\n  value: string\n  label: string\n}\n\nexport type AddressTypesAdapter<C = unknown> = {\n  list: (context?: C) => Promise<AddressTypeOption[]>\n  create?: (value: string, context?: C) => Promise<AddressTypeOption | null>\n  manageHref?: string\n}\n\nexport type AddressEditorDraft = {\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 AddressEditorField =\n  | 'name'\n  | 'purpose'\n  | 'companyName'\n  | 'addressLine1'\n  | 'addressLine2'\n  | 'buildingNumber'\n  | 'flatNumber'\n  | 'city'\n  | 'region'\n  | 'postalCode'\n  | 'country'\n  | 'isPrimary'\n\ntype AddressEditorProps<C = unknown> = {\n  value: AddressEditorDraft\n  onChange: (next: AddressEditorDraft) => void\n  format: AddressFormatStrategy\n  t: Translator\n  labelPrefix?: string\n  disabled?: boolean\n  errors?: Partial<Record<AddressEditorField, string>>\n  hidePrimaryToggle?: boolean\n  showFormatHint?: boolean\n  addressTypesAdapter?: AddressTypesAdapter<C>\n  addressTypesContext?: C\n}\n\nexport function AddressEditor<C = unknown>({\n  value,\n  onChange,\n  format,\n  t,\n  labelPrefix = 'customers.people.detail.addresses',\n  disabled = false,\n  errors = {},\n  hidePrimaryToggle = false,\n  showFormatHint = true,\n  addressTypesAdapter,\n  addressTypesContext,\n}: AddressEditorProps<C>) {\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\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 [addressTypes, setAddressTypes] = React.useState<AddressTypeOption[]>([])\n  const [addressTypesLoading, setAddressTypesLoading] = React.useState(false)\n  const [addressTypeError, setAddressTypeError] = React.useState<string | null>(null)\n\n  const [typeDialogOpen, setTypeDialogOpen] = React.useState(false)\n  const [typeValue, setTypeValue] = React.useState('')\n  const [typeFormError, setTypeFormError] = React.useState<string | null>(null)\n  const [countryDialogOpen, setCountryDialogOpen] = React.useState(false)\n  const [countryQuery, setCountryQuery] = React.useState('')\n\n  const countryOptions = React.useMemo(\n    () =>\n      buildCountryOptions({\n        transformLabel: (code, fallback) => t(`customers.countries.${code.toLowerCase()}`, fallback ?? code),\n      }),\n    [t],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    const load = async () => {\n      if (!addressTypesAdapter) {\n        setAddressTypes([])\n        setAddressTypeError(null)\n        return\n      }\n      setAddressTypesLoading(true)\n      try {\n        const result = await addressTypesAdapter.list(addressTypesContext)\n        if (!cancelled) {\n          setAddressTypes(Array.isArray(result) ? result : [])\n          setAddressTypeError(null)\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setAddressTypes([])\n          setAddressTypeError(label('types.loadError', 'Failed to load address types'))\n        }\n      } finally {\n        if (!cancelled) setAddressTypesLoading(false)\n      }\n    }\n    load().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [addressTypesAdapter, addressTypesContext, label])\n\n  const current: AddressEditorDraft = {\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\n  const update = React.useCallback(\n    (key: keyof AddressEditorDraft, nextValue: string | boolean) => {\n      onChange({ ...current, [key]: nextValue })\n    },\n    [current, onChange],\n  )\n\n  const filteredCountryOptions = React.useMemo(() => {\n    const query = countryQuery.trim().toLowerCase()\n    if (!query.length) return countryOptions\n    return countryOptions.filter(\n      (option) => option.label.toLowerCase().includes(query) || option.code.toLowerCase().includes(query),\n    )\n  }, [countryOptions, countryQuery])\n\n  const selectedCountry = React.useMemo(() => {\n    const code = (current.country ?? '').toUpperCase()\n    if (!code.length) return null\n    return countryOptions.find((option) => option.code === code) ?? null\n  }, [countryOptions, current.country])\n  const returnTo = React.useMemo(() => {\n    const query = searchParams?.toString() ?? ''\n    if (!pathname) return null\n    return query.length ? `${pathname}?${query}` : pathname\n  }, [pathname, searchParams])\n  const manageAddressTypesHref = React.useMemo(\n    () => buildHrefWithReturnTo(addressTypesAdapter?.manageHref ?? '/backend/config/dictionaries', returnTo),\n    [addressTypesAdapter?.manageHref, returnTo],\n  )\n\n  const handleTypeSubmit = React.useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault()\n      const trimmed = typeValue.trim()\n      if (!trimmed.length) {\n        setTypeFormError(label('types.emptyError', 'Please provide a value'))\n        return\n      }\n      if (!addressTypesAdapter?.create) return\n      setTypeFormError(null)\n      const created = await addressTypesAdapter.create(trimmed, addressTypesContext)\n      if (created) {\n        setAddressTypes((prev) => {\n          const map = new Map(prev.map((entry) => [entry.value, entry]))\n          map.set(created.value, created)\n          return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label))\n        })\n      }\n      setTypeDialogOpen(false)\n      setTypeValue('')\n    },\n    [addressTypesAdapter, addressTypesContext, label, typeValue],\n  )\n\n  const inputClass = (field: AddressEditorField) =>\n    [\n      'w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n      errors[field] ? 'border-red-500 aria-invalid:ring-destructive' : 'border-input bg-background',\n    ].join(' ')\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('name')}\n          placeholder={label('fields.label', 'Label')}\n          value={current.name}\n          onChange={(evt) => update('name', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.name ? 'true' : undefined}\n        />\n        <div className=\"flex gap-2\">\n          <Select\n            value={current.purpose || undefined}\n            onValueChange={(next) => update('purpose', next ?? '')}\n            disabled={disabled}\n          >\n            <SelectTrigger\n              className={errors.purpose ? 'border-destructive' : undefined}\n              aria-invalid={errors.purpose ? 'true' : undefined}\n            >\n              <SelectValue\n                placeholder={\n                  addressTypesLoading\n                    ? label('types.loading', 'Loading\u2026')\n                    : label('types.placeholder', 'Address type')\n                }\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {addressTypes.map((entry) => (\n                <SelectItem key={entry.value} value={entry.value}>\n                  {entry.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {addressTypesAdapter?.create ? (\n            <Dialog open={typeDialogOpen} onOpenChange={setTypeDialogOpen}>\n              <DialogTrigger asChild>\n                <Button type=\"button\" variant=\"outline\" size=\"icon\" className=\"shrink-0\" disabled={disabled}>\n                  <Plus className=\"h-4 w-4\" />\n                </Button>\n              </DialogTrigger>\n              <DialogContent className=\"sm:max-w-md\">\n                <DialogHeader>\n                  <DialogTitle>{label('types.add', 'Add address type')}</DialogTitle>\n                  <DialogDescription>\n                    {label('types.addHint', 'Create a new address type for reuse.')}\n                  </DialogDescription>\n                </DialogHeader>\n                <form className=\"space-y-3\" onSubmit={handleTypeSubmit}>\n                  <Input\n                    autoFocus\n                    value={typeValue}\n                    onChange={(evt) => {\n                      setTypeValue(evt.target.value)\n                      if (typeFormError) setTypeFormError(null)\n                    }}\n                    placeholder={label('types.placeholder', 'Address type')}\n                    disabled={disabled}\n                    aria-invalid={typeFormError ? 'true' : undefined}\n                  />\n                  {typeFormError ? <p className=\"text-sm text-destructive\">{typeFormError}</p> : null}\n                  <DialogFooter>\n                    <Button type=\"button\" variant=\"outline\" onClick={() => setTypeDialogOpen(false)} disabled={disabled}>\n                      {label('types.cancel', 'Cancel')}\n                    </Button>\n                    <Button type=\"submit\" disabled={disabled || !typeValue.trim()}>\n                      {label('types.save', 'Save')}\n                    </Button>\n                  </DialogFooter>\n                </form>\n              </DialogContent>\n            </Dialog>\n          ) : null}\n          <Button\n            asChild\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"shrink-0\"\n            disabled={disabled}\n            title={label('types.manage', 'Manage address types')}\n          >\n            <Link\n              href={manageAddressTypesHref}\n              aria-label={label('types.manage', 'Manage address types')}\n            >\n              <Settings className=\"h-4 w-4\" />\n            </Link>\n          </Button>\n        </div>\n      </div>\n      {errors.purpose ? <p className=\"text-xs text-destructive\">{errors.purpose}</p> : null}\n      {addressTypeError ? <p className=\"text-xs text-destructive\">{addressTypeError}</p> : null}\n      <Input\n        className={inputClass('companyName')}\n        placeholder={label('fields.companyName', 'Company name')}\n        value={current.companyName}\n        onChange={(evt) => update('companyName', evt.target.value)}\n        disabled={disabled}\n        aria-invalid={errors.companyName ? 'true' : undefined}\n      />\n\n      {format === 'street_first' ? (\n        <div className=\"grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]\">\n          <Input\n            className={inputClass('addressLine1')}\n            placeholder={label('fields.street', 'Street')}\n            value={current.addressLine1}\n            onChange={(evt) => update('addressLine1', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.addressLine1 ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('buildingNumber')}\n            placeholder={label('fields.buildingNumber', 'Building number')}\n            value={current.buildingNumber}\n            onChange={(evt) => update('buildingNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.buildingNumber ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('flatNumber')}\n            placeholder={label('fields.flatNumber', 'Flat number')}\n            value={current.flatNumber}\n            onChange={(evt) => update('flatNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.flatNumber ? 'true' : undefined}\n          />\n        </div>\n      ) : (\n        <Input\n          className={inputClass('addressLine1')}\n          placeholder={label('fields.line1', 'Address line 1')}\n          value={current.addressLine1}\n          onChange={(evt) => update('addressLine1', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.addressLine1 ? 'true' : undefined}\n        />\n      )}\n\n      <Input\n        className={inputClass('addressLine2')}\n        placeholder={label('fields.line2', 'Address line 2')}\n        value={current.addressLine2}\n        onChange={(evt) => update('addressLine2', evt.target.value)}\n        disabled={disabled}\n        aria-invalid={errors.addressLine2 ? 'true' : undefined}\n      />\n\n      {format !== 'street_first' ? (\n        <div className=\"grid gap-2 sm:grid-cols-[1.5fr,0.7fr,0.7fr]\">\n          <Input\n            className={inputClass('buildingNumber')}\n            placeholder={label('fields.buildingNumber', 'Building number')}\n            value={current.buildingNumber}\n            onChange={(evt) => update('buildingNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.buildingNumber ? 'true' : undefined}\n          />\n          <Input\n            className={inputClass('flatNumber')}\n            placeholder={label('fields.flatNumber', 'Flat number')}\n            value={current.flatNumber}\n            onChange={(evt) => update('flatNumber', evt.target.value)}\n            disabled={disabled}\n            aria-invalid={errors.flatNumber ? 'true' : undefined}\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('city')}\n          placeholder={label('fields.city', 'City')}\n          value={current.city}\n          onChange={(evt) => update('city', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.city ? 'true' : undefined}\n        />\n        <Input\n          className={inputClass('region')}\n          placeholder={label('fields.region', 'Region')}\n          value={current.region}\n          onChange={(evt) => update('region', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.region ? 'true' : undefined}\n        />\n      </div>\n      <div className=\"grid gap-2 sm:grid-cols-2\">\n        <Input\n          className={inputClass('postalCode')}\n          placeholder={label('fields.postalCode', 'Postal code')}\n          value={current.postalCode}\n          onChange={(evt) => update('postalCode', evt.target.value)}\n          disabled={disabled}\n          aria-invalid={errors.postalCode ? 'true' : undefined}\n        />\n        <Dialog open={countryDialogOpen} onOpenChange={setCountryDialogOpen}>\n          <DialogTrigger asChild>\n            <Button type=\"button\" variant=\"ghost\" className={cn(inputClass('country'), 'cursor-pointer')} disabled={disabled}>\n              {selectedCountry?.label ?? label('fields.country', 'Country')}\n            </Button>\n          </DialogTrigger>\n          <DialogContent className=\"sm:max-w-lg\">\n            <DialogHeader>\n              <DialogTitle>{label('country.title', 'Choose a country')}</DialogTitle>\n              <DialogDescription>{label('country.subtitle', 'Search for a country')}</DialogDescription>\n            </DialogHeader>\n            <div className=\"space-y-3\">\n              <Input\n                placeholder={label('country.search', 'Search countries')}\n                value={countryQuery}\n                onChange={(evt) => setCountryQuery(evt.target.value)}\n              />\n              <div className=\"max-h-64 overflow-auto rounded-md border border-border/70\">\n                <ul className=\"divide-y divide-border/50\">\n                  {filteredCountryOptions.map((option) => (\n                    <li key={option.code}>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"w-full justify-between font-normal rounded-none\"\n                        onClick={() => {\n                          update('country', option.code)\n                          setCountryDialogOpen(false)\n                        }}\n                      >\n                        <span>{option.label}</span>\n                        <span className=\"text-xs text-muted-foreground\">{option.code}</span>\n                      </Button>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </div>\n          </DialogContent>\n        </Dialog>\n      </div>\n\n      {showFormatHint ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {label('formatHint', 'Format based on address settings')}\n        </p>\n      ) : null}\n\n      {!hidePrimaryToggle ? (\n        <label className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <input\n            type=\"checkbox\"\n            checked={current.isPrimary}\n            onChange={(evt) => update('isPrimary', evt.target.checked)}\n            disabled={disabled}\n          />\n          {label('fields.primary', 'Primary address')}\n        </label>\n      ) : null}\n    </div>\n  )\n}\n\nexport default AddressEditor\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/detail/InlineEditors.js

@@ -5,6 +5,13 @@ import dynamic from "next/dynamic";
 import { FileCode, Loader2, Mail, Pencil, Phone, X } from "lucide-react";
 import { PhoneNumberField } from "@open-mercato/ui/backend/inputs/PhoneNumberField";
 import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { cn } from "@open-mercato/shared/lib/utils";
@@ -646,14 +653,13 @@ function InlineSelectEditor({
       hideLabel ? null : /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }),
       editing ? /* @__PURE__ */ jsxs("div", { className: variant === "plain" ? "space-y-2 pt-1" : "mt-2 space-y-2", children: [
         renderEditor ? renderEditor({ value: draft, onChange: setDraft }) : /* @__PURE__ */ jsxs(
-          "select",
+          Select,
           {
-            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),
+            value: draft || void 0,
+            onValueChange: (next) => setDraft(next ?? ""),
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t("ui.detail.inline.select.placeholder", "Not set") }),
-              options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ui.detail.inline.select.placeholder", "Not set") }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
             ]
           }
         ),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/InlineEditors.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport { FileCode, Loader2, Mail, Pencil, Phone, X } from 'lucide-react'\nimport type { PluggableList } from 'unified'\nimport { PhoneNumberField } from '@open-mercato/ui/backend/inputs/PhoneNumberField'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { LoadingMessage } from './LoadingMessage'\nimport { mapCrudServerErrorToFormErrors } from '../utils/serverErrors'\nimport { MarkdownPreview } from '../markdown'\n\nfunction resolveInlineErrorMessage(err: unknown, fallbackMessage: string): string {\n  const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err)\n  const firstFieldError = fieldErrors\n    ? Object.values(fieldErrors).find((text) => typeof text === 'string' && text.trim().length)\n    : null\n  if (typeof firstFieldError === 'string' && firstFieldError.trim().length) {\n    return firstFieldError.trim()\n  }\n  if (typeof message === 'string' && message.trim().length) {\n    return message.trim()\n  }\n  if (err instanceof Error && typeof err.message === 'string' && err.message.trim().length) {\n    return err.message.trim()\n  }\n  if (typeof err === 'string' && err.trim().length) {\n    return err.trim()\n  }\n  return fallbackMessage\n}\n\ntype EditorVariant = 'default' | 'muted' | 'plain'\n\nexport type InlineFieldType = 'text' | 'email' | 'tel' | 'url'\n\nconst ALLOWED_INLINE_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'tel:'])\n\nexport function resolveSafeInlineUrlHref(value: string): string | null {\n  const trimmed = value.trim()\n  if (!trimmed.length) return null\n  try {\n    const parsed = new URL(trimmed)\n    return ALLOWED_INLINE_URL_PROTOCOLS.has(parsed.protocol) ? trimmed : null\n  } catch {\n    return null\n  }\n}\n\nexport type InlineTextEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  type?: InlineFieldType\n  inputType?: React.HTMLInputTypeAttribute\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string; type: InlineFieldType }) => React.ReactNode\n  onEditingChange?: (editing: boolean) => void\n  renderActions?: React.ReactNode\n  saveLabel?: string\n  recordId?: string\n  onDraftChange?: (draft: string) => void\n  renderBelowInput?: (params: {\n    draft: string\n    resolvedType: InlineFieldType\n    error: string | null\n    saving: boolean\n  }) => React.ReactNode\n}\n\nexport function InlineTextEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  type = 'text',\n  inputType,\n  validator,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderDisplay,\n  onEditingChange,\n  renderActions,\n  saveLabel,\n  onDraftChange,\n  renderBelowInput,\n}: InlineTextEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const computedSaveLabel = saveLabel ?? t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  const resolvedType = React.useMemo<InlineFieldType>(() => {\n    if (type && typeof type === 'string') return type\n    if (inputType && typeof inputType === 'string') {\n      const normalized = inputType.toLowerCase()\n      if (normalized === 'email' || normalized === 'tel' || normalized === 'url') {\n        return normalized as InlineFieldType\n      }\n    }\n    return 'text'\n  }, [inputType, type])\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  React.useEffect(() => {\n    if (onDraftChange) onDraftChange(draft)\n  }, [draft, onDraftChange])\n\n  const containerClasses = cn(\n    'group overflow-hidden',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex items-center gap-3 rounded-none border-0 p-0'\n        : 'rounded-lg border p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const readOnlyWrapperClasses = cn(\n    'flex-1 min-w-0',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    variant === 'plain' ? 'flex items-center gap-2' : null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n  const triggerSize = variant === 'plain' ? 'icon' : 'sm'\n\n  const setEditingSafe = React.useCallback(\n    (next: boolean) => {\n      setEditing(next)\n      if (onEditingChange) onEditingChange(next)\n    },\n    [onEditingChange],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditingSafe(true)\n  }, [editing, setEditingSafe])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // let the link click toggle edit mode instead of navigating away\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    if (validator) {\n      const validationError = validator(trimmed)\n      if (validationError) {\n        setError(validationError)\n        return\n      }\n    }\n    setError(null)\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditingSafe(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, fallbackError, onSave, setEditingSafe, validator])\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onKeyDown: handleContainerKeyDown,\n        }\n      : {}\n\n  const displayContent = React.useMemo(() => {\n    if (renderDisplay) {\n      return renderDisplay({ value, emptyLabel, type: resolvedType })\n    }\n    const baseValue = value && typeof value === 'string' ? value : ''\n    const anchorClass =\n      variant === 'plain'\n        ? 'inline-flex max-w-full min-w-0 items-center gap-2 text-xl font-semibold leading-tight text-primary hover:text-primary/90 hover:underline'\n        : 'flex max-w-full min-w-0 items-center gap-2 text-sm text-primary hover:text-primary/90 hover:underline'\n    const textClass = variant === 'plain' ? 'text-2xl font-semibold leading-tight' : 'text-sm break-words'\n    if (resolvedType === 'email') {\n      if (!baseValue.length) {\n        return (\n          <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n            {emptyLabel}\n          </p>\n        )\n      }\n      return (\n        <a className={anchorClass} href={`mailto:${baseValue}`}>\n          <Mail aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate min-w-0\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (!baseValue.length) {\n      return (\n        <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n          {emptyLabel}\n        </p>\n      )\n    }\n    if (resolvedType === 'tel') {\n      const sanitizedValue = baseValue.replace(/[^+\\d]/g, '')\n      const hrefValue = sanitizedValue.length ? sanitizedValue : baseValue\n      return (\n        <a className={anchorClass} href={`tel:${hrefValue}`}>\n          <Phone aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (resolvedType === 'url') {\n      const safeHref = resolveSafeInlineUrlHref(baseValue)\n      if (!safeHref) {\n        return <p className={textClass}>{baseValue}</p>\n      }\n      return (\n        <a className={textClass} href={safeHref} target=\"_blank\" rel=\"noopener noreferrer\">\n          {baseValue}\n        </a>\n      )\n    }\n    return <p className={textClass}>{baseValue}</p>\n  }, [emptyLabel, renderDisplay, resolvedType, value, variant])\n\n  const editingContainerClass = variant === 'plain' ? 'mt-0 w-full max-w-sm space-y-3' : 'mt-2 space-y-3'\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2 min-w-0\">\n        <div className={readOnlyWrapperClasses} {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <form\n              className={editingContainerClass}\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditingSafe(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {resolvedType === 'tel' ? (\n                <PhoneNumberField\n                  value={draft.length ? draft : undefined}\n                  onValueChange={(next) => {\n                    if (error) setError(null)\n                    setDraft(next ?? '')\n                  }}\n                  placeholder={placeholder}\n                  autoFocus\n                  disabled={saving}\n                  minDigits={7}\n                />\n              ) : (\n              <input\n                className=\"w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                value={draft}\n                onChange={(event) => {\n                  if (error) setError(null)\n                  setDraft(event.target.value)\n                }}\n                placeholder={placeholder}\n                type={inputType ?? resolvedType}\n                autoFocus\n              />\n              )}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              {renderBelowInput ? renderBelowInput({ draft, resolvedType, error, saving }) : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {computedSaveLabel}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditingSafe(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div className={variant === 'plain' ? '' : 'mt-1'}>{displayContent}</div>\n          )}\n        </div>\n        {renderActions ? <div className=\"flex items-center gap-2\">{renderActions}</div> : null}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={triggerSize}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            const next = !editing\n            setEditingSafe(next)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineMultilineEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\ntype UiMarkdownEditorProps = {\n  value?: string\n  height?: number\n  onChange?: (value?: string) => void\n  previewOptions?: { remarkPlugins?: unknown[] }\n}\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nfunction MarkdownEditorFallback() {\n  const t = useT()\n  return (\n    <LoadingMessage label={t('ui.detail.inline.editorLoading', 'Loading editor\u2026')} className=\"min-h-[200px] justify-center\" />\n  )\n}\n\nconst MarkdownEditorTestStub: React.ComponentType<UiMarkdownEditorProps> = ({ value, onChange }) => (\n  <Textarea\n    data-testid=\"markdown-editor\"\n    rows={8}\n    value={value ?? ''}\n    onChange={(event) => onChange?.(event.target.value)}\n  />\n)\n\nconst MarkdownEditorComponent: React.ComponentType<UiMarkdownEditorProps> = isTestEnv\n  ? MarkdownEditorTestStub\n  : (dynamic(() => import('@uiw/react-md-editor'), {\n      ssr: false,\n      loading: () => <MarkdownEditorFallback />,\n    }) as unknown as React.ComponentType<UiMarkdownEditorProps>)\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\nexport function InlineMultilineEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  validator,\n  variant = 'default',\n  activateOnClick = true,\n  containerClassName,\n  triggerClassName,\n  renderDisplay,\n}: InlineMultilineEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const [isMarkdownEnabled, setIsMarkdownEnabled] = React.useState(true)\n  const textareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n  const markdownEditorRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\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\n  const adjustTextareaSize = React.useCallback((element: HTMLTextAreaElement | null) => {\n    if (!element) return\n    element.style.height = 'auto'\n    element.style.height = `${element.scrollHeight}px`\n  }, [])\n\n  React.useEffect(() => {\n    adjustTextareaSize(textareaRef.current)\n  }, [adjustTextareaSize, draft, isMarkdownEnabled])\n\n  React.useEffect(() => {\n    if (!editing) return\n    if (isMarkdownEnabled) {\n      const element = markdownEditorRef.current?.querySelector('textarea')\n      if (!element) return\n      window.requestAnimationFrame(() => {\n        element.focus()\n      })\n      return\n    }\n    const element = textareaRef.current\n    if (!element) return\n    window.requestAnimationFrame(() => {\n      adjustTextareaSize(element)\n      element.focus()\n    })\n  }, [adjustTextareaSize, editing, isMarkdownEnabled])\n\n  const handleMarkdownToggle = React.useCallback(() => {\n    setIsMarkdownEnabled((prev) => !prev)\n  }, [])\n\n  React.useEffect(() => {\n    if (!editing) {\n      setDraft(value ?? '')\n      setError(null)\n    }\n  }, [editing, value])\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditing(true)\n  }, [editing])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // Links should not block activation; let the click toggle edit mode\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const adjustError = React.useCallback(\n    (nextValue: string) => {\n      if (!validator) return null\n      const trimmed = nextValue.trim()\n      return validator(trimmed)\n    },\n    [validator],\n  )\n\n  const containerClasses = cn(\n    'group rounded-lg border p-4',\n    variant === 'muted' ? 'bg-muted/30' : null,\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    const validationError = adjustError(draft)\n    if (validationError) {\n      setError(validationError)\n      return\n    }\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditing(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [adjustError, draft, fallbackError, onSave])\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div\n          className={cn('flex-1 min-w-0', activateOnClick && !editing ? 'cursor-pointer' : null)}\n          {...(activateOnClick && !editing\n            ? { role: 'button' as const, tabIndex: 0, onKeyDown: handleContainerKeyDown }\n            : {})}\n        >\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>\n          {editing ? (\n            <form\n              className=\"mt-2 space-y-3\"\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditing(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {isMarkdownEnabled ? (\n                <div\n                  ref={markdownEditorRef}\n                  className={cn(\n                    'w-full rounded-md border border-muted-foreground/30 bg-background p-2',\n                    saving ? 'pointer-events-none opacity-75' : null,\n                  )}\n                >\n                  <div data-color-mode=\"light\" className=\"w-full\">\n                    <MarkdownEditorComponent\n                      value={draft}\n                      height={220}\n                      onChange={(nextValue) => {\n                        if (error) setError(null)\n                        setDraft(typeof nextValue === 'string' ? nextValue : '')\n                      }}\n                      previewOptions={{ remarkPlugins: markdownPlugins }}\n                    />\n                  </div>\n                </div>\n              ) : (\n                <Textarea\n                  ref={textareaRef}\n                  rows={3}\n                  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\"\n                  placeholder={placeholder}\n                  value={draft}\n                  onChange={(event) => {\n                    if (error) setError(null)\n                    setDraft(event.target.value)\n                  }}\n                  onInput={(event) => adjustTextareaSize(event.currentTarget)}\n                  autoFocus\n                  disabled={saving}\n                />\n              )}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={handleMarkdownToggle}\n                  aria-pressed={isMarkdownEnabled}\n                  title={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  aria-label={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  className={cn('h-8 w-8', isMarkdownEnabled ? 'text-primary' : undefined)}\n                  disabled={saving}\n                >\n                  <FileCode className=\"h-4 w-4\" aria-hidden />\n                  <span className=\"sr-only\">\n                    {isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')}\n                  </span>\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div\n              className={cn(\n                'mt-1 text-sm break-words',\n                renderDisplay ? null : 'whitespace-pre-wrap',\n                activateOnClick && !editing ? 'cursor-pointer' : null,\n              )}\n            >\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : value && value.length ? (\n                <MarkdownPreview\n                  remarkPlugins={markdownPlugins}\n                  className=\"prose prose-sm max-w-none text-foreground [&>*]:my-2 [&>*:last-child]:mb-0 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5\"\n                >\n                  {value}\n                </MarkdownPreview>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineSelectOption = { value: string; label: string; description?: string }\n\nexport type InlineSelectEditorProps = {\n  label: string\n  value: string | null | undefined\n  emptyLabel: string\n  options: InlineSelectOption[]\n  onSave: (value: string | null) => Promise<void>\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderEditor?: (params: { value: string; onChange: (next: string) => void }) => React.ReactNode\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\nexport function InlineSelectEditor({\n  label,\n  value,\n  emptyLabel,\n  options,\n  onSave,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderEditor,\n  renderDisplay,\n}: InlineSelectEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<string>(value ?? '')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  const containerClasses = cn(\n    'group',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex flex-col gap-1 rounded-none border-0 p-0'\n        : 'rounded-lg border bg-card p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    setSaving(true)\n    try {\n      await onSave(draft.length ? draft : null)\n      setEditing(false)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('ui.detail.inline.error', 'Failed to save value.')\n      console.error(message, err)\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, onSave, t])\n\n  const selected = options.find((option) => option.value === value)\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onClick: () => setEditing(true),\n          onKeyDown: (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault()\n              setEditing(true)\n            }\n          },\n        }\n      : {}\n\n  return (\n    <div className={containerClasses}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\" {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <div className={variant === 'plain' ? 'space-y-2 pt-1' : 'mt-2 space-y-2'}>\n              {renderEditor ? (\n                renderEditor({ value: draft, onChange: setDraft })\n              ) : (\n                <select\n                  className=\"w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  value={draft}\n                  onChange={(event) => setDraft(event.target.value)}\n                >\n                  <option value=\"\">{t('ui.detail.inline.select.placeholder', 'Not set')}</option>\n                  {options.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"button\" size=\"sm\" onClick={() => void handleSave()} disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </div>\n          ) : (\n            <div className={variant === 'plain' ? 'flex items-center gap-2' : 'mt-1 text-sm'}>\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : selected ? (\n                <div className=\"space-y-0.5\">\n                  <p className=\"font-medium leading-tight\">{selected.label}</p>\n                  {selected.description ? (\n                    <p className=\"text-xs text-muted-foreground\">{selected.description}</p>\n                  ) : null}\n                </div>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={variant === 'plain' ? 'icon' : 'sm'}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport { FileCode, Loader2, Mail, Pencil, Phone, X } from 'lucide-react'\nimport type { PluggableList } from 'unified'\nimport { PhoneNumberField } from '@open-mercato/ui/backend/inputs/PhoneNumberField'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { LoadingMessage } from './LoadingMessage'\nimport { mapCrudServerErrorToFormErrors } from '../utils/serverErrors'\nimport { MarkdownPreview } from '../markdown'\n\nfunction resolveInlineErrorMessage(err: unknown, fallbackMessage: string): string {\n  const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err)\n  const firstFieldError = fieldErrors\n    ? Object.values(fieldErrors).find((text) => typeof text === 'string' && text.trim().length)\n    : null\n  if (typeof firstFieldError === 'string' && firstFieldError.trim().length) {\n    return firstFieldError.trim()\n  }\n  if (typeof message === 'string' && message.trim().length) {\n    return message.trim()\n  }\n  if (err instanceof Error && typeof err.message === 'string' && err.message.trim().length) {\n    return err.message.trim()\n  }\n  if (typeof err === 'string' && err.trim().length) {\n    return err.trim()\n  }\n  return fallbackMessage\n}\n\ntype EditorVariant = 'default' | 'muted' | 'plain'\n\nexport type InlineFieldType = 'text' | 'email' | 'tel' | 'url'\n\nconst ALLOWED_INLINE_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'tel:'])\n\nexport function resolveSafeInlineUrlHref(value: string): string | null {\n  const trimmed = value.trim()\n  if (!trimmed.length) return null\n  try {\n    const parsed = new URL(trimmed)\n    return ALLOWED_INLINE_URL_PROTOCOLS.has(parsed.protocol) ? trimmed : null\n  } catch {\n    return null\n  }\n}\n\nexport type InlineTextEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  type?: InlineFieldType\n  inputType?: React.HTMLInputTypeAttribute\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string; type: InlineFieldType }) => React.ReactNode\n  onEditingChange?: (editing: boolean) => void\n  renderActions?: React.ReactNode\n  saveLabel?: string\n  recordId?: string\n  onDraftChange?: (draft: string) => void\n  renderBelowInput?: (params: {\n    draft: string\n    resolvedType: InlineFieldType\n    error: string | null\n    saving: boolean\n  }) => React.ReactNode\n}\n\nexport function InlineTextEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  type = 'text',\n  inputType,\n  validator,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderDisplay,\n  onEditingChange,\n  renderActions,\n  saveLabel,\n  onDraftChange,\n  renderBelowInput,\n}: InlineTextEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const computedSaveLabel = saveLabel ?? t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  const resolvedType = React.useMemo<InlineFieldType>(() => {\n    if (type && typeof type === 'string') return type\n    if (inputType && typeof inputType === 'string') {\n      const normalized = inputType.toLowerCase()\n      if (normalized === 'email' || normalized === 'tel' || normalized === 'url') {\n        return normalized as InlineFieldType\n      }\n    }\n    return 'text'\n  }, [inputType, type])\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  React.useEffect(() => {\n    if (onDraftChange) onDraftChange(draft)\n  }, [draft, onDraftChange])\n\n  const containerClasses = cn(\n    'group overflow-hidden',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex items-center gap-3 rounded-none border-0 p-0'\n        : 'rounded-lg border p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const readOnlyWrapperClasses = cn(\n    'flex-1 min-w-0',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    variant === 'plain' ? 'flex items-center gap-2' : null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n  const triggerSize = variant === 'plain' ? 'icon' : 'sm'\n\n  const setEditingSafe = React.useCallback(\n    (next: boolean) => {\n      setEditing(next)\n      if (onEditingChange) onEditingChange(next)\n    },\n    [onEditingChange],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditingSafe(true)\n  }, [editing, setEditingSafe])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // let the link click toggle edit mode instead of navigating away\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    if (validator) {\n      const validationError = validator(trimmed)\n      if (validationError) {\n        setError(validationError)\n        return\n      }\n    }\n    setError(null)\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditingSafe(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, fallbackError, onSave, setEditingSafe, validator])\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onKeyDown: handleContainerKeyDown,\n        }\n      : {}\n\n  const displayContent = React.useMemo(() => {\n    if (renderDisplay) {\n      return renderDisplay({ value, emptyLabel, type: resolvedType })\n    }\n    const baseValue = value && typeof value === 'string' ? value : ''\n    const anchorClass =\n      variant === 'plain'\n        ? 'inline-flex max-w-full min-w-0 items-center gap-2 text-xl font-semibold leading-tight text-primary hover:text-primary/90 hover:underline'\n        : 'flex max-w-full min-w-0 items-center gap-2 text-sm text-primary hover:text-primary/90 hover:underline'\n    const textClass = variant === 'plain' ? 'text-2xl font-semibold leading-tight' : 'text-sm break-words'\n    if (resolvedType === 'email') {\n      if (!baseValue.length) {\n        return (\n          <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n            {emptyLabel}\n          </p>\n        )\n      }\n      return (\n        <a className={anchorClass} href={`mailto:${baseValue}`}>\n          <Mail aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate min-w-0\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (!baseValue.length) {\n      return (\n        <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n          {emptyLabel}\n        </p>\n      )\n    }\n    if (resolvedType === 'tel') {\n      const sanitizedValue = baseValue.replace(/[^+\\d]/g, '')\n      const hrefValue = sanitizedValue.length ? sanitizedValue : baseValue\n      return (\n        <a className={anchorClass} href={`tel:${hrefValue}`}>\n          <Phone aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (resolvedType === 'url') {\n      const safeHref = resolveSafeInlineUrlHref(baseValue)\n      if (!safeHref) {\n        return <p className={textClass}>{baseValue}</p>\n      }\n      return (\n        <a className={textClass} href={safeHref} target=\"_blank\" rel=\"noopener noreferrer\">\n          {baseValue}\n        </a>\n      )\n    }\n    return <p className={textClass}>{baseValue}</p>\n  }, [emptyLabel, renderDisplay, resolvedType, value, variant])\n\n  const editingContainerClass = variant === 'plain' ? 'mt-0 w-full max-w-sm space-y-3' : 'mt-2 space-y-3'\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2 min-w-0\">\n        <div className={readOnlyWrapperClasses} {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <form\n              className={editingContainerClass}\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditingSafe(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {resolvedType === 'tel' ? (\n                <PhoneNumberField\n                  value={draft.length ? draft : undefined}\n                  onValueChange={(next) => {\n                    if (error) setError(null)\n                    setDraft(next ?? '')\n                  }}\n                  placeholder={placeholder}\n                  autoFocus\n                  disabled={saving}\n                  minDigits={7}\n                />\n              ) : (\n              <input\n                className=\"w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                value={draft}\n                onChange={(event) => {\n                  if (error) setError(null)\n                  setDraft(event.target.value)\n                }}\n                placeholder={placeholder}\n                type={inputType ?? resolvedType}\n                autoFocus\n              />\n              )}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              {renderBelowInput ? renderBelowInput({ draft, resolvedType, error, saving }) : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {computedSaveLabel}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditingSafe(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div className={variant === 'plain' ? '' : 'mt-1'}>{displayContent}</div>\n          )}\n        </div>\n        {renderActions ? <div className=\"flex items-center gap-2\">{renderActions}</div> : null}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={triggerSize}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            const next = !editing\n            setEditingSafe(next)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineMultilineEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\ntype UiMarkdownEditorProps = {\n  value?: string\n  height?: number\n  onChange?: (value?: string) => void\n  previewOptions?: { remarkPlugins?: unknown[] }\n}\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nfunction MarkdownEditorFallback() {\n  const t = useT()\n  return (\n    <LoadingMessage label={t('ui.detail.inline.editorLoading', 'Loading editor\u2026')} className=\"min-h-[200px] justify-center\" />\n  )\n}\n\nconst MarkdownEditorTestStub: React.ComponentType<UiMarkdownEditorProps> = ({ value, onChange }) => (\n  <Textarea\n    data-testid=\"markdown-editor\"\n    rows={8}\n    value={value ?? ''}\n    onChange={(event) => onChange?.(event.target.value)}\n  />\n)\n\nconst MarkdownEditorComponent: React.ComponentType<UiMarkdownEditorProps> = isTestEnv\n  ? MarkdownEditorTestStub\n  : (dynamic(() => import('@uiw/react-md-editor'), {\n      ssr: false,\n      loading: () => <MarkdownEditorFallback />,\n    }) as unknown as React.ComponentType<UiMarkdownEditorProps>)\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\nexport function InlineMultilineEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  validator,\n  variant = 'default',\n  activateOnClick = true,\n  containerClassName,\n  triggerClassName,\n  renderDisplay,\n}: InlineMultilineEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const [isMarkdownEnabled, setIsMarkdownEnabled] = React.useState(true)\n  const textareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n  const markdownEditorRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\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\n  const adjustTextareaSize = React.useCallback((element: HTMLTextAreaElement | null) => {\n    if (!element) return\n    element.style.height = 'auto'\n    element.style.height = `${element.scrollHeight}px`\n  }, [])\n\n  React.useEffect(() => {\n    adjustTextareaSize(textareaRef.current)\n  }, [adjustTextareaSize, draft, isMarkdownEnabled])\n\n  React.useEffect(() => {\n    if (!editing) return\n    if (isMarkdownEnabled) {\n      const element = markdownEditorRef.current?.querySelector('textarea')\n      if (!element) return\n      window.requestAnimationFrame(() => {\n        element.focus()\n      })\n      return\n    }\n    const element = textareaRef.current\n    if (!element) return\n    window.requestAnimationFrame(() => {\n      adjustTextareaSize(element)\n      element.focus()\n    })\n  }, [adjustTextareaSize, editing, isMarkdownEnabled])\n\n  const handleMarkdownToggle = React.useCallback(() => {\n    setIsMarkdownEnabled((prev) => !prev)\n  }, [])\n\n  React.useEffect(() => {\n    if (!editing) {\n      setDraft(value ?? '')\n      setError(null)\n    }\n  }, [editing, value])\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditing(true)\n  }, [editing])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // Links should not block activation; let the click toggle edit mode\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const adjustError = React.useCallback(\n    (nextValue: string) => {\n      if (!validator) return null\n      const trimmed = nextValue.trim()\n      return validator(trimmed)\n    },\n    [validator],\n  )\n\n  const containerClasses = cn(\n    'group rounded-lg border p-4',\n    variant === 'muted' ? 'bg-muted/30' : null,\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    const validationError = adjustError(draft)\n    if (validationError) {\n      setError(validationError)\n      return\n    }\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditing(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [adjustError, draft, fallbackError, onSave])\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div\n          className={cn('flex-1 min-w-0', activateOnClick && !editing ? 'cursor-pointer' : null)}\n          {...(activateOnClick && !editing\n            ? { role: 'button' as const, tabIndex: 0, onKeyDown: handleContainerKeyDown }\n            : {})}\n        >\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>\n          {editing ? (\n            <form\n              className=\"mt-2 space-y-3\"\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditing(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {isMarkdownEnabled ? (\n                <div\n                  ref={markdownEditorRef}\n                  className={cn(\n                    'w-full rounded-md border border-muted-foreground/30 bg-background p-2',\n                    saving ? 'pointer-events-none opacity-75' : null,\n                  )}\n                >\n                  <div data-color-mode=\"light\" className=\"w-full\">\n                    <MarkdownEditorComponent\n                      value={draft}\n                      height={220}\n                      onChange={(nextValue) => {\n                        if (error) setError(null)\n                        setDraft(typeof nextValue === 'string' ? nextValue : '')\n                      }}\n                      previewOptions={{ remarkPlugins: markdownPlugins }}\n                    />\n                  </div>\n                </div>\n              ) : (\n                <Textarea\n                  ref={textareaRef}\n                  rows={3}\n                  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\"\n                  placeholder={placeholder}\n                  value={draft}\n                  onChange={(event) => {\n                    if (error) setError(null)\n                    setDraft(event.target.value)\n                  }}\n                  onInput={(event) => adjustTextareaSize(event.currentTarget)}\n                  autoFocus\n                  disabled={saving}\n                />\n              )}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={handleMarkdownToggle}\n                  aria-pressed={isMarkdownEnabled}\n                  title={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  aria-label={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  className={cn('h-8 w-8', isMarkdownEnabled ? 'text-primary' : undefined)}\n                  disabled={saving}\n                >\n                  <FileCode className=\"h-4 w-4\" aria-hidden />\n                  <span className=\"sr-only\">\n                    {isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')}\n                  </span>\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div\n              className={cn(\n                'mt-1 text-sm break-words',\n                renderDisplay ? null : 'whitespace-pre-wrap',\n                activateOnClick && !editing ? 'cursor-pointer' : null,\n              )}\n            >\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : value && value.length ? (\n                <MarkdownPreview\n                  remarkPlugins={markdownPlugins}\n                  className=\"prose prose-sm max-w-none text-foreground [&>*]:my-2 [&>*:last-child]:mb-0 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5\"\n                >\n                  {value}\n                </MarkdownPreview>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineSelectOption = { value: string; label: string; description?: string }\n\nexport type InlineSelectEditorProps = {\n  label: string\n  value: string | null | undefined\n  emptyLabel: string\n  options: InlineSelectOption[]\n  onSave: (value: string | null) => Promise<void>\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderEditor?: (params: { value: string; onChange: (next: string) => void }) => React.ReactNode\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\nexport function InlineSelectEditor({\n  label,\n  value,\n  emptyLabel,\n  options,\n  onSave,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderEditor,\n  renderDisplay,\n}: InlineSelectEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<string>(value ?? '')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  const containerClasses = cn(\n    'group',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex flex-col gap-1 rounded-none border-0 p-0'\n        : 'rounded-lg border bg-card p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    setSaving(true)\n    try {\n      await onSave(draft.length ? draft : null)\n      setEditing(false)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('ui.detail.inline.error', 'Failed to save value.')\n      console.error(message, err)\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, onSave, t])\n\n  const selected = options.find((option) => option.value === value)\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onClick: () => setEditing(true),\n          onKeyDown: (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault()\n              setEditing(true)\n            }\n          },\n        }\n      : {}\n\n  return (\n    <div className={containerClasses}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\" {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <div className={variant === 'plain' ? 'space-y-2 pt-1' : 'mt-2 space-y-2'}>\n              {renderEditor ? (\n                renderEditor({ value: draft, onChange: setDraft })\n              ) : (\n                <Select\n                  value={draft || undefined}\n                  onValueChange={(next) => setDraft(next ?? '')}\n                >\n                  <SelectTrigger>\n                    <SelectValue placeholder={t('ui.detail.inline.select.placeholder', 'Not set')} />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {options.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"button\" size=\"sm\" onClick={() => void handleSave()} disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </div>\n          ) : (\n            <div className={variant === 'plain' ? 'flex items-center gap-2' : 'mt-1 text-sm'}>\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : selected ? (\n                <div className=\"space-y-0.5\">\n                  <p className=\"font-medium leading-tight\">{selected.label}</p>\n                  {selected.description ? (\n                    <p className=\"text-xs text-muted-foreground\">{selected.description}</p>\n                  ) : null}\n                </div>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={variant === 'plain' ? 'icon' : 'sm'}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["element"]
 }

package/dist/backend/detail/NotesSection.js

@@ -5,6 +5,13 @@ import { AppearanceDialog } from "@open-mercato/core/modules/customers/component
 import { ArrowUpRightSquare, FileCode, Loader2, Palette, Pencil, Plus, Trash2 } from "lucide-react";
 import { formatRelativeTime } from "@open-mercato/shared/lib/time";
 import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { flash } from "../FlashMessages.js";
 import { SwitchableMarkdownInput } from "../inputs/SwitchableMarkdownInput.js";
 import { ErrorMessage } from "./ErrorMessage.js";
@@ -770,15 +777,16 @@ function NotesSectionImpl({
                       children: label("fields.entity", "Assign to customer")
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    "select",
+                  /* @__PURE__ */ jsxs(
+                    Select,
                     {
-                      id: "note-entity-select",
-                      className: "h-9 rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      value: selectedEntityId,
-                      onChange: (event) => setSelectedEntityId(event.target.value),
+                      value: selectedEntityId || void 0,
+                      onValueChange: (next) => setSelectedEntityId(next ?? ""),
                       disabled: isSubmitting || isLoading || !normalizedEntityOptions.length,
-                      children: normalizedEntityOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.label }, option.id))
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { id: "note-entity-select", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsx(SelectContent, { children: normalizedEntityOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
+                      ]
                     }
                   )
                 ] }) : null,
@@ -792,16 +800,14 @@ function NotesSectionImpl({
                     }
                   ),
                   /* @__PURE__ */ jsxs(
-                    "select",
+                    Select,
                     {
-                      id: "note-deal-select",
-                      className: "h-9 rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      value: selectedDealId,
-                      onChange: (event) => setSelectedDealId(event.target.value),
+                      value: selectedDealId || void 0,
+                      onValueChange: (next) => setSelectedDealId(next ?? ""),
                       disabled: isSubmitting || isLoading,
                       children: [
-                        /* @__PURE__ */ jsx("option", { value: "", children: label("fields.dealPlaceholder", "No linked deal") }),
-                        normalizedDealOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.label }, option.id))
+                        /* @__PURE__ */ jsx(SelectTrigger, { id: "note-deal-select", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: label("fields.dealPlaceholder", "No linked deal") }) }),
+                        /* @__PURE__ */ jsx(SelectContent, { children: normalizedDealOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
                       ]
                     }
                   )