@burojs/ui-shadcn 0.9.0 → 0.10.0

package/dist/{relation-many-picker-mGEQDWo2.js.map → relation-many-picker-CT7nKfE2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"relation-many-picker-mGEQDWo2.js","names":["optionSubtitle","optionSubtitleText"],"sources":["../src/lib/error-title.ts","../src/fields/relation-many-picker.tsx"],"sourcesContent":["import { type ErrorTextCaps, resolveErrorText } from '@burojs/react';\n\n/**\n * The text a user may read for a failure a hook handed to the kit as an `Error`-typed value.\n * The value is a `DataError` at runtime when it came from a data provider (its `message` is a\n * reference, so it is resolved through the bundle) and a plain `Error` when the framework raised\n * it (its `message` is already a sentence). Anything else has nothing to show.\n */\nexport function errorTitle(error: unknown, caps: ErrorTextCaps): string | undefined {\n  if (error instanceof Error) return error.message;\n  if (error !== null && typeof error === 'object') {\n    const { code, message } = error as { readonly code?: unknown; readonly message?: unknown };\n    if (typeof code === 'string') {\n      return resolveErrorText(\n        {\n          code,\n          ...(message !== null && typeof message === 'object' ? { message } : {}),\n        } as Parameters<typeof resolveErrorText>[0],\n        caps,\n      );\n    }\n  }\n  return undefined;\n}\n","'use client';\n\nimport {\n  type ErasedResourceHandle,\n  type FilterExpression,\n  type FixedFilterInput,\n  type RelationCandidate,\n  type RelationOpen,\n  relationOpenOf,\n  type ResourceRefInput,\n  type ScopeSource,\n  type SearchDecl,\n  composeListFilter,\n  normalizeFixedFilters,\n  resolveResourceLabel,\n  resourceKey,\n} from '@burojs/core';\nimport {\n  useApp,\n  useI18nCaps,\n  useList,\n  useListAccess,\n  useOptionalT,\n  useRelatedRecord,\n  useTestIds,\n} from '@burojs/react';\nimport { errorTitle } from '../lib/error-title.js';\nimport { LoadError } from '../load-error/load-error-view.js';\nimport { IconCheck, IconChevronDown, IconLoader2, IconX } from '@tabler/icons-react';\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\nimport { Button } from '../primitives/button.js';\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../primitives/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../primitives/popover.js';\nimport {\n  optionSubtitle as optionSubtitleText,\n  type RecordSubtitleFn,\n  useRowSubtitle,\n} from '../resource/use-record-subtitle.js';\nimport { useRowTitle } from '../resource/use-row-title.js';\nimport { useCandidatesGate } from './candidates-gate.js';\nimport { RelationCreateButton, useSelectCreate } from './relation-create.js';\nimport { LazyRelationPickerDialog } from './lazy-relation-picker-dialog.js';\nimport { RelationViewButton, selectKey } from './relation-view-button.js';\nimport type { FieldInputProps } from './registry.js';\nimport { namesHiddenField, narrowSearchDecl } from './search-access.js';\n\ntype ErasedExpression = FilterExpression<ErasedResourceHandle>;\ntype Key = string | number;\n\nconst DEBOUNCE_MS = 250;\nconst NO_KEYS: readonly Key[] = Object.freeze([]);\n\n/** The keys a to-many field holds: strings and finite numbers, the user's order, no repeats. */\nfunction keysOf(value: unknown): readonly Key[] {\n  if (!Array.isArray(value)) return [];\n  const seen = new Set<string>();\n  const out: Key[] = [];\n  for (const entry of value) {\n    const key = selectKey(entry);\n    if (key === null || seen.has(key)) continue;\n    seen.add(key);\n    out.push(entry as Key);\n  }\n  return out;\n}\n\n/**\n * Form input of `f.relationMany` (P7 3.5): the chosen rows as chips (titles through the relation\n * aggregator, one batched read), a popover that searches the same option query a single select\n * does (candidates, field access and the create hand-back included), \"Advanced search\" in a\n * multiple-choice dialog, a \"view\" on every chip and \"+ create\" that appends what it created.\n * The value is `row[by ?? id]` for each chosen row. Loaded lazily: it is not on any screen's\n * first paint.\n */\nexport function RelationManyPickerInput(props: FieldInputProps): React.ReactElement {\n  const {\n    name,\n    id,\n    value,\n    onChange,\n    testid,\n    field,\n    disabled,\n    required,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaErrorMessage,\n    ariaLabelledBy,\n    relationSeeds,\n    fixedFilters,\n    metaSources,\n    resource,\n    link,\n  } = props;\n  const meta = field?.meta as\n    | {\n        to?: ResourceRefInput;\n        by?: unknown;\n        searchField?: string;\n        candidates?: unknown;\n        scope?: ScopeSource;\n      }\n    | undefined;\n  let to: string | undefined;\n  try {\n    to = meta?.to === undefined ? undefined : resourceKey(meta.to);\n  } catch {\n    to = undefined;\n  }\n  const gate = useCandidatesGate({\n    to,\n    candidates: Array.isArray(meta?.candidates)\n      ? (meta.candidates as readonly RelationCandidate[])\n      : undefined,\n    sources: metaSources,\n    resource: resource ?? '',\n    fieldName: field?.name ?? name,\n  });\n  if (!to) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${testid ?? `relation-many:${name}`}:no-target`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">—</span>\n      </Button>\n    );\n  }\n  // An inline link: the form controller's rights decide what the select offers, and the keys the\n  // user cannot see ride along in the value. A link denied `not-atomic` is read-only with a notice.\n  const linkRights = link?.rights;\n  const notAtomic =\n    linkRights !== undefined &&\n    [linkRights.edit, linkRights.attach, linkRights.detach].some(\n      (right) => !right.allowed && right.reason === 'not-atomic',\n    );\n  const denied =\n    linkRights !== undefined &&\n    !notAtomic &&\n    !linkRights.edit.allowed &&\n    ['field-readonly', 'rule-denied', 'operation-absent'].includes(linkRights.edit.reason);\n  // The form holds a link's keys only once they are read whole: a failed or capped read, or one\n  // still running, leaves the field read-only, and the user is told why.\n  const keyRead = link?.keys;\n  const keyNotice: KeyNotice | undefined =\n    link === undefined\n      ? undefined\n      : keyRead?.error\n        ? { kind: 'error', error: keyRead.error }\n        : keyRead !== undefined &&\n            !keyRead.isLoading &&\n            keyRead.keys !== undefined &&\n            !keyRead.complete\n          ? { kind: 'incomplete', count: keyRead.keys.length }\n          : !link.ready\n            ? { kind: 'pending' }\n            : undefined;\n  const filters =\n    gate.filters.length === 0 ? fixedFilters : [...gate.filters, ...(fixedFilters ?? [])];\n  const subtitle = props.optionSubtitle;\n  return (\n    <ManyPicker\n      to={to}\n      keys={keysOf(value)}\n      onChange={(next) => onChange(next)}\n      {...(typeof meta?.by === 'string' ? { by: meta.by } : {})}\n      searchField={meta?.searchField}\n      {...(meta?.scope === undefined ? {} : { scope: meta.scope })}\n      fixedFilters={filters}\n      {...(gate.gate === undefined ? {} : { gate: gate.gate })}\n      createSeeds={relationSeeds}\n      name={name}\n      id={id}\n      testid={testid ?? `relation-many:${to}`}\n      resource={resource ?? ''}\n      fieldName={field?.name ?? name}\n      open={relationOpenOf(field ?? {})}\n      {...(subtitle === undefined ? {} : { optionSubtitle: subtitle })}\n      {...(linkRights === undefined\n        ? {}\n        : {\n            canAdd: linkRights.attach.allowed,\n            canRemove: linkRights.detach.allowed,\n            hidden: link?.hidden ?? [],\n            notAtomic,\n            readOnly: denied,\n            ...(keyNotice === undefined ? {} : { keyNotice }),\n          })}\n      disabled={disabled}\n      required={required}\n      ariaInvalid={ariaInvalid}\n      ariaDescribedBy={ariaDescribedBy}\n      ariaErrorMessage={ariaErrorMessage}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n}\n\n/** Why a link whose keys the form does not hold whole is read-only. */\ntype KeyNotice =\n  | { readonly kind: 'error'; readonly error: unknown }\n  | { readonly kind: 'incomplete'; readonly count: number }\n  | { readonly kind: 'pending' };\n\ninterface ManyPickerProps {\n  readonly to: string;\n  readonly keys: readonly Key[];\n  readonly onChange: (next: readonly Key[]) => void;\n  readonly by?: string;\n  readonly searchField?: string | undefined;\n  readonly fixedFilters: readonly FixedFilterInput[] | undefined;\n  readonly gate?: import('./candidates-gate.js').CandidatesGate;\n  readonly createSeeds: Readonly<Record<string, unknown>> | undefined;\n  readonly name: string;\n  readonly id: string | undefined;\n  readonly testid: string;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly open: RelationOpen;\n  /** The options' second line (the field's `optionSubtitle`); see `RelationPickerProps`. */\n  readonly optionSubtitle?: RecordSubtitleFn;\n  /** False: no search box, no \"Advanced search\", no create, and no key can be added. Default true. */\n  readonly canAdd?: boolean;\n  /** False: no chip remove button, no Backspace removal, no clear-all. Default true. */\n  readonly canRemove?: boolean;\n  /**\n   * Keys of `keys` whose target the user cannot see: one \"N not visible\" chip stands for them, it\n   * has no remove button, and neither Backspace nor clear-all drops them.\n   */\n  readonly hidden?: readonly Key[];\n  /** The link is edited with the record but its provider does not write it so: read-only, say so. */\n  readonly notAtomic?: boolean;\n  /** The user may see the link but not change it: say so. */\n  readonly readOnly?: boolean;\n  /** The link's keys are not held whole (failed, cut at the read cap, or still loading). */\n  readonly keyNotice?: KeyNotice;\n  /**\n   * The read scope of the option reads (popover, dialog, create hand-back). Default `'context'`:\n   * the record around the select narrows them, except by the field the select writes.\n   */\n  readonly scope?: ScopeSource;\n  readonly disabled: boolean | undefined;\n  readonly required: boolean | undefined;\n  readonly ariaInvalid: boolean | undefined;\n  readonly ariaDescribedBy: string | undefined;\n  readonly ariaErrorMessage: string | undefined;\n  /** Id of the field's label element: the option list is named by it. */\n  readonly ariaLabelledBy?: string | undefined;\n}\n\nfunction ManyPicker({\n  to,\n  keys,\n  onChange,\n  by,\n  searchField,\n  fixedFilters,\n  gate,\n  createSeeds,\n  name,\n  id,\n  testid,\n  resource,\n  fieldName,\n  open: openMode,\n  optionSubtitle,\n  canAdd = true,\n  canRemove = true,\n  hidden = NO_KEYS,\n  notAtomic = false,\n  readOnly = false,\n  keyNotice,\n  scope = 'context',\n  disabled,\n  required,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  ariaLabelledBy,\n}: ManyPickerProps): React.ReactElement {\n  const app = useApp();\n  const caps = useI18nCaps();\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const rowSubtitle = useRowSubtitle(to, optionSubtitle);\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef).toLowerCase();\n  const childPrefix = `relation-picker:${to}`;\n  const effectiveSearchField = searchField ?? targetDef?.displayField ?? 'name';\n  const [open, setOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  // Mounted on the first open, and only while no candidates gate holds the read: without the\n  // candidate filters the dialog would list rows the field must not offer.\n  const gated = gate !== undefined;\n  const [dialogMounted, setDialogMounted] = React.useState(false);\n  React.useEffect(() => {\n    if (gated) setDialogOpen(false);\n  }, [gated]);\n  React.useEffect(() => {\n    if (dialogOpen) setDialogMounted(true);\n  }, [dialogOpen]);\n  const [search, setSearch] = React.useState('');\n  const [debouncedSearch, setDebouncedSearch] = React.useState('');\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const focusTrigger = React.useCallback(() => triggerRef.current?.focus(), []);\n\n  React.useEffect(() => {\n    const handle = setTimeout(() => setDebouncedSearch(search), DEBOUNCE_MS);\n    return () => clearTimeout(handle);\n  }, [search]);\n  React.useEffect(() => {\n    if (!open) {\n      setSearch('');\n      setDebouncedSearch('');\n    }\n  }, [open]);\n\n  const targetIdField = (targetDef?.data as { readonly idField?: unknown } | undefined)?.idField;\n  const idField =\n    typeof targetIdField === 'string' && targetIdField.length > 0 ? targetIdField : 'id';\n  const valueField = by ?? idField;\n  const access = useListAccess(to);\n  const accessReady = access.status === 'ready';\n  const searchDecl = React.useMemo<SearchDecl | undefined>(\n    () =>\n      narrowSearchDecl(\n        targetDef?.views?.list?.search ?? { fields: [effectiveSearchField] },\n        (field) => access.fieldVisible(field),\n      ),\n    [targetDef, effectiveSearchField, access],\n  );\n  const filter = React.useMemo<ErasedExpression | undefined>(\n    () =>\n      composeListFilter({\n        fixed: normalizeFixedFilters(fixedFilters),\n        search: debouncedSearch,\n        searchDecl,\n        searchContext: { resource: to, def: targetDef },\n      }),\n    [fixedFilters, debouncedSearch, searchDecl, to, targetDef],\n  );\n  const blocked =\n    !accessReady ||\n    gate !== undefined ||\n    namesHiddenField(filter, (field) => access.fieldVisible(field));\n\n  const hiddenSet = React.useMemo(() => new Set(hidden.map(String)), [hidden]);\n  const visibleKeys = React.useMemo(\n    () => keys.filter((key) => !hiddenSet.has(String(key))),\n    [keys, hiddenSet],\n  );\n  const hiddenHeld = keys.length - visibleKeys.length;\n  const append = React.useCallback(\n    (next: Key) => {\n      if (!canAdd || keys.some((key) => String(key) === String(next))) return;\n      onChange([...keys, next]);\n    },\n    [keys, onChange, canAdd],\n  );\n  const toggle = React.useCallback(\n    (next: Key) => {\n      const held = keys.some((key) => String(key) === String(next));\n      if (held ? !canRemove || hiddenSet.has(String(next)) : !canAdd) return;\n      onChange(held ? keys.filter((key) => String(key) !== String(next)) : [...keys, next]);\n    },\n    [keys, onChange, canAdd, canRemove, hiddenSet],\n  );\n  const { create, reader: createReader } = useSelectCreate({\n    to,\n    by,\n    valueField,\n    idField,\n    fixedFilters,\n    scope,\n    scopeField: fieldName,\n    held: gated,\n    searchDecl,\n    searchContext: { resource: to, def: targetDef },\n    // What was created and fits is appended, as a pick would be; the dialog it came from is done.\n    onValue: (picked) => {\n      append(picked);\n      setDialogOpen(false);\n    },\n  });\n\n  const listQuery = useList(to, {\n    ...(filter ? { filter } : {}),\n    pagination: { kind: 'offset', page: 1, pageSize: 10 },\n    scope,\n    scopeField: fieldName,\n    enabled: open && targetDef != null && !blocked,\n  });\n  const rows = (listQuery.data?.data ?? []) as Array<Record<string, unknown>>;\n  const isLoading = listQuery.isLoading || listQuery.isFetching;\n  const error = listQuery.isError ? (listQuery.error as unknown as Error) : null;\n\n  if (!targetDef) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${childPrefix}:unregistered`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">{keys.map(String).join(', ') || '—'}</span>\n      </Button>\n    );\n  }\n\n  const placeholder = t('relation.select', {\n    params: { name: targetLabel },\n    defaultValue: `Select ${targetLabel}…`,\n  });\n  // Nothing held, nothing drawn: an empty row would still take the column's gap above the trigger.\n  const chips =\n    visibleKeys.length === 0 && hiddenHeld === 0 ? null : (\n      <div className=\"flex flex-wrap items-center gap-1\" data-testid={`${testid}:chips`}>\n        {visibleKeys.map((key) => (\n          <Chip\n            key={String(key)}\n            to={to}\n            keyValue={key}\n            by={by}\n            resource={resource}\n            fieldName={fieldName}\n            open={openMode}\n            testId={tid.relationManyChip(resource, fieldName, String(key))}\n            disabled={disabled === true || !canRemove}\n            focusTrigger={focusTrigger}\n            onRemove={() => onChange(keys.filter((entry) => String(entry) !== String(key)))}\n          />\n        ))}\n        {hiddenHeld > 0 ? (\n          <span\n            data-testid={tid.linkHidden(resource, fieldName)}\n            className=\"inline-flex items-center rounded-md border bg-secondary px-2 py-0.5 text-sm text-muted-foreground\"\n          >\n            {t('field.link.hidden', {\n              count: hiddenHeld,\n              defaultValue: '{{count}} not visible',\n            })}\n          </span>\n        ) : null}\n        {canRemove && disabled !== true && visibleKeys.length > 0 ? (\n          <button\n            type=\"button\"\n            onClick={() => {\n              // The button leaves with the chips it clears: focus goes where chip removal sends it.\n              focusTrigger();\n              onChange(keys.filter((key) => hiddenSet.has(String(key))));\n            }}\n            data-testid={`${testid}:clear-all`}\n            className=\"rounded-sm px-1 text-xs text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            {t('relationPicker.clearAll', { defaultValue: 'Clear all' })}\n          </button>\n        ) : null}\n      </div>\n    );\n  const notice = keyNotice ? (\n    <p\n      data-testid={`${testid}:keys-${keyNotice.kind}`}\n      role={keyNotice.kind === 'error' ? 'status' : undefined}\n      className={cn(\n        'text-xs',\n        keyNotice.kind === 'error' ? 'text-destructive' : 'text-muted-foreground',\n      )}\n    >\n      {keyNotice.kind === 'error'\n        ? `${t('field.link.failed', { defaultValue: 'Links could not be loaded' })}: ${errorTitle(keyNotice.error, caps) ?? ''}`\n        : keyNotice.kind === 'incomplete'\n          ? t('field.link.incomplete', {\n              count: keyNotice.count,\n              defaultValue: 'More than {{count}} links',\n            })\n          : t('table.loading', { defaultValue: 'Loading…' })}\n    </p>\n  ) : readOnly ? (\n    <p data-testid={`${testid}:read-only`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.readOnly', { defaultValue: 'You cannot change this link.' })}\n    </p>\n  ) : notAtomic ? (\n    <p data-testid={`${testid}:not-atomic`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.notAtomic', {\n        defaultValue:\n          'This link cannot be edited here: its data source does not save it with the record.',\n      })}\n    </p>\n  ) : null;\n\n  if (gate?.kind === 'pending')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          aria-busy=\"true\"\n          data-testid={testid}\n          data-buro-candidates=\"pending\"\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconLoader2 className=\"h-4 w-4 shrink-0 animate-spin opacity-50\" aria-hidden />\n        </Button>\n      </div>\n    );\n  if (gate?.kind === 'forbidden')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          data-testid={testid}\n          data-buro-candidates=\"forbidden\"\n          aria-describedby={gate.testId}\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n        </Button>\n        <p id={gate.testId} data-testid={gate.testId} className=\"text-xs text-muted-foreground\">\n          {gate.message}\n        </p>\n      </div>\n    );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <PopoverTrigger asChild>\n          <Button\n            ref={triggerRef}\n            type=\"button\"\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            aria-required={required}\n            aria-invalid={ariaInvalid || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...(ariaErrorMessage ? { 'aria-errormessage': ariaErrorMessage } : {})}\n            disabled={disabled}\n            data-testid={testid}\n            name={name}\n            id={id}\n            className=\"w-full justify-between font-normal\"\n          >\n            <span className=\"truncate text-left text-muted-foreground\">{placeholder}</span>\n            <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        {gate?.kind === 'empty' ? (\n          <p\n            className=\"px-3 py-6 text-center text-sm text-muted-foreground\"\n            data-testid={gate.testId}\n          >\n            {gate.message}\n          </p>\n        ) : (\n          <Command shouldFilter={false}>\n            {searchDecl !== undefined && canAdd && (\n              <CommandInput\n                value={search}\n                onValueChange={setSearch}\n                placeholder={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}…`,\n                })}\n                data-testid={`${childPrefix}:search`}\n                aria-label={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}`,\n                })}\n                onKeyDown={(event) => {\n                  // Backspace in an empty search takes the last chip off.\n                  if (event.key === 'Backspace' && search === '' && canRemove) {\n                    event.preventDefault();\n                    const last = visibleKeys.at(-1);\n                    if (last !== undefined)\n                      onChange(keys.filter((key) => String(key) !== String(last)));\n                  }\n                  // Space toggles the highlighted option while nothing is typed.\n                  if (event.key === ' ' && search === '') {\n                    event.preventDefault();\n                    document\n                      .querySelector<HTMLElement>(\n                        `[data-testid=\"${childPrefix}:list\"] [aria-selected=\"true\"]`,\n                      )\n                      ?.click();\n                  }\n                }}\n              />\n            )}\n            <CommandList\n              data-testid={`${childPrefix}:list`}\n              aria-multiselectable=\"true\"\n              // cmdk draws `aria-label` from `label` (default \"Suggestions\"), after any `aria-label`\n              // prop: the field's label element names the list, the target's name is the fallback.\n              label={targetLabel}\n              {...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {})}\n            >\n              {isLoading && (\n                <div\n                  className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\"\n                  data-testid={`${childPrefix}:loading`}\n                >\n                  <IconLoader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n                  <span>{t('table.loading', { defaultValue: 'Loading…' })}</span>\n                </div>\n              )}\n              {!isLoading && error && (\n                <LoadError\n                  surface=\"picker\"\n                  error={error}\n                  testId={`${childPrefix}:error`}\n                  className=\"block px-3 py-6 text-center text-sm text-muted-foreground\"\n                  fallback={{ key: 'relation.failed', default: 'Failed to load options.' }}\n                />\n              )}\n              {!isLoading && !error && rows.length === 0 && (\n                <CommandEmpty data-testid={`${childPrefix}:empty`}>\n                  {t('relation.noResults', { defaultValue: 'No results.' })}\n                </CommandEmpty>\n              )}\n              {!isLoading &&\n                !error &&\n                rows.map((row) => {\n                  const rowValue = row[valueField];\n                  if (rowValue === null || rowValue === undefined || rowValue === '') return null;\n                  const idStr = String(rowValue);\n                  const label = rowTitle(row);\n                  const subtitle = optionSubtitleText(rowSubtitle(row), label, idStr);\n                  const chosen = keys.some((key) => String(key) === idStr);\n                  return (\n                    <CommandItem\n                      key={idStr}\n                      value={`${label} ${idStr}`}\n                      data-testid={`${childPrefix}:option:${idStr}`}\n                      aria-checked={chosen}\n                      disabled={chosen ? !canRemove : !canAdd}\n                      onSelect={() => toggle(rowValue as Key)}\n                    >\n                      <IconCheck\n                        className={cn(\n                          'mr-2 h-4 w-4 shrink-0',\n                          chosen ? 'opacity-100' : 'opacity-0',\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"truncate\">{label}</span>\n                      {/* The declared subtitle, else `#<id>` unless the label already is the id\n                          (REF-40). */}\n                      {subtitle === null ? null : (\n                        <span className=\"ml-auto shrink-0 pl-2 text-xs text-muted-foreground\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </CommandItem>\n                  );\n                })}\n            </CommandList>\n            <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2 text-sm\">\n              {canAdd ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setOpen(false);\n                    setDialogOpen(true);\n                  }}\n                  data-testid={`${childPrefix}:advanced`}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.advancedSearch', { defaultValue: 'Advanced search' })}\n                </button>\n              ) : (\n                <span />\n              )}\n              {!disabled && canAdd && (\n                <RelationCreateButton\n                  to={to}\n                  fieldName={fieldName}\n                  create={create}\n                  seeds={createSeeds}\n                  search={search}\n                  beforeOpen={() => {\n                    setOpen(false);\n                    focusTrigger();\n                  }}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline disabled:opacity-50\"\n                />\n              )}\n            </div>\n          </Command>\n        )}\n      </PopoverContent>\n      {dialogMounted && !gated && canAdd && (\n        <LazyRelationPickerDialog\n          to={to}\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          onSelect={() => undefined}\n          multiple\n          selected={keys}\n          onToggle={toggle}\n          valueField={valueField}\n          searchField={searchField}\n          fixedFilters={fixedFilters}\n          scope={scope}\n          scopeField={fieldName}\n          {...(disabled ? {} : { create })}\n          createSeeds={createSeeds}\n          fieldName={fieldName}\n          onBeforeCreate={focusTrigger}\n        />\n      )}\n      {createReader}\n    </Popover>\n  );\n}\n\n/** One chosen row: its title (the aggregator batches every chip's read), which views it, and remove. */\nfunction Chip({\n  to,\n  keyValue,\n  by,\n  resource,\n  fieldName,\n  testId,\n  open: openMode,\n  disabled,\n  focusTrigger,\n  onRemove,\n}: {\n  readonly to: string;\n  readonly keyValue: Key;\n  readonly by: string | undefined;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly testId: string;\n  readonly open: RelationOpen;\n  readonly disabled: boolean;\n  readonly focusTrigger: () => void;\n  readonly onRemove: () => void;\n}): React.ReactElement {\n  const t = useOptionalT();\n  const app = useApp();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const { record, isLoading } = useRelatedRecord(\n    to,\n    keyValue,\n    by === undefined ? undefined : { by },\n  );\n  const title = record ? rowTitle(record as Record<string, unknown>) : String(keyValue);\n  return (\n    <span\n      data-testid={testId}\n      data-resource={resource}\n      className=\"inline-flex items-center gap-0.5 rounded-md border bg-secondary pl-2 text-sm text-secondary-foreground\"\n    >\n      <RelationViewButton\n        to={to}\n        value={keyValue}\n        by={by}\n        fieldName={`${fieldName}:${String(keyValue)}`}\n        beforeOpen={focusTrigger}\n        open={openMode}\n        title={isLoading ? t('table.loading', { defaultValue: 'Loading…' }) : title}\n      />\n      {!disabled && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          data-testid={`${testId}:remove`}\n          aria-label={`${t('relationPicker.clear', { defaultValue: 'Clear' })} ${title}`}\n          className=\"inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <IconX className=\"size-3.5\" aria-hidden />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"relation-many-picker-CT7nKfE2.js","names":["optionSubtitle","optionSubtitleText"],"sources":["../src/lib/error-title.ts","../src/fields/relation-many-picker.tsx"],"sourcesContent":["import { type ErrorTextCaps, resolveErrorText } from '@burojs/react';\n\n/**\n * The text a user may read for a failure a hook handed to the kit as an `Error`-typed value.\n * The value is a `DataError` at runtime when it came from a data provider (its `message` is a\n * reference, so it is resolved through the bundle) and a plain `Error` when the framework raised\n * it (its `message` is already a sentence). Anything else has nothing to show.\n */\nexport function errorTitle(error: unknown, caps: ErrorTextCaps): string | undefined {\n  if (error instanceof Error) return error.message;\n  if (error !== null && typeof error === 'object') {\n    const { code, message } = error as { readonly code?: unknown; readonly message?: unknown };\n    if (typeof code === 'string') {\n      return resolveErrorText(\n        {\n          code,\n          ...(message !== null && typeof message === 'object' ? { message } : {}),\n        } as Parameters<typeof resolveErrorText>[0],\n        caps,\n      );\n    }\n  }\n  return undefined;\n}\n","'use client';\n\nimport {\n  type ErasedResourceHandle,\n  type FilterExpression,\n  type FixedFilterInput,\n  type RelationCandidate,\n  type RelationOpen,\n  relationOpenOf,\n  type ResourceRefInput,\n  type ScopeSource,\n  type SearchDecl,\n  composeListFilter,\n  normalizeFixedFilters,\n  resolveResourceLabel,\n  resourceKey,\n} from '@burojs/core';\nimport {\n  useApp,\n  useI18nCaps,\n  useList,\n  useListAccess,\n  useOptionalT,\n  useRelatedRecord,\n  useTestIds,\n} from '@burojs/react';\nimport { errorTitle } from '../lib/error-title.js';\nimport { LoadError } from '../load-error/load-error-view.js';\nimport { IconCheck, IconChevronDown, IconLoader2, IconX } from '@tabler/icons-react';\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\nimport { Button } from '../primitives/button.js';\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../primitives/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../primitives/popover.js';\nimport {\n  optionSubtitle as optionSubtitleText,\n  type RecordSubtitleFn,\n  useRowSubtitle,\n} from '../resource/use-record-subtitle.js';\nimport { useRowTitle } from '../resource/use-row-title.js';\nimport { useCandidatesGate } from './candidates-gate.js';\nimport { RelationCreateButton, useSelectCreate } from './relation-create.js';\nimport { LazyRelationPickerDialog } from './lazy-relation-picker-dialog.js';\nimport { RelationViewButton, selectKey } from './relation-view-button.js';\nimport type { FieldInputProps } from './registry.js';\nimport { namesHiddenField, narrowSearchDecl } from './search-access.js';\n\ntype ErasedExpression = FilterExpression<ErasedResourceHandle>;\ntype Key = string | number;\n\nconst DEBOUNCE_MS = 250;\nconst NO_KEYS: readonly Key[] = Object.freeze([]);\n\n/** The keys a to-many field holds: strings and finite numbers, the user's order, no repeats. */\nfunction keysOf(value: unknown): readonly Key[] {\n  if (!Array.isArray(value)) return [];\n  const seen = new Set<string>();\n  const out: Key[] = [];\n  for (const entry of value) {\n    const key = selectKey(entry);\n    if (key === null || seen.has(key)) continue;\n    seen.add(key);\n    out.push(entry as Key);\n  }\n  return out;\n}\n\n/**\n * Form input of `f.relationMany` (P7 3.5): the chosen rows as chips (titles through the relation\n * aggregator, one batched read), a popover that searches the same option query a single select\n * does (candidates, field access and the create hand-back included), \"Advanced search\" in a\n * multiple-choice dialog, a \"view\" on every chip and \"+ create\" that appends what it created.\n * The value is `row[by ?? id]` for each chosen row. Loaded lazily: it is not on any screen's\n * first paint.\n */\nexport function RelationManyPickerInput(props: FieldInputProps): React.ReactElement {\n  const {\n    name,\n    id,\n    value,\n    onChange,\n    testid,\n    field,\n    disabled,\n    required,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaErrorMessage,\n    ariaLabelledBy,\n    relationSeeds,\n    fixedFilters,\n    metaSources,\n    resource,\n    link,\n  } = props;\n  const meta = field?.meta as\n    | {\n        to?: ResourceRefInput;\n        by?: unknown;\n        searchField?: string;\n        candidates?: unknown;\n        scope?: ScopeSource;\n      }\n    | undefined;\n  let to: string | undefined;\n  try {\n    to = meta?.to === undefined ? undefined : resourceKey(meta.to);\n  } catch {\n    to = undefined;\n  }\n  const gate = useCandidatesGate({\n    to,\n    candidates: Array.isArray(meta?.candidates)\n      ? (meta.candidates as readonly RelationCandidate[])\n      : undefined,\n    sources: metaSources,\n    resource: resource ?? '',\n    fieldName: field?.name ?? name,\n  });\n  if (!to) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${testid ?? `relation-many:${name}`}:no-target`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">—</span>\n      </Button>\n    );\n  }\n  // An inline link: the form controller's rights decide what the select offers, and the keys the\n  // user cannot see ride along in the value. A link denied `not-atomic` is read-only with a notice.\n  const linkRights = link?.rights;\n  const notAtomic =\n    linkRights !== undefined &&\n    [linkRights.edit, linkRights.attach, linkRights.detach].some(\n      (right) => !right.allowed && right.reason === 'not-atomic',\n    );\n  const denied =\n    linkRights !== undefined &&\n    !notAtomic &&\n    !linkRights.edit.allowed &&\n    ['field-readonly', 'rule-denied', 'operation-absent'].includes(linkRights.edit.reason);\n  // The form holds a link's keys only once they are read whole: a failed or capped read, or one\n  // still running, leaves the field read-only, and the user is told why.\n  const keyRead = link?.keys;\n  const keyNotice: KeyNotice | undefined =\n    link === undefined\n      ? undefined\n      : keyRead?.error\n        ? { kind: 'error', error: keyRead.error }\n        : keyRead !== undefined &&\n            !keyRead.isLoading &&\n            keyRead.keys !== undefined &&\n            !keyRead.complete\n          ? { kind: 'incomplete', count: keyRead.keys.length }\n          : !link.ready\n            ? { kind: 'pending' }\n            : undefined;\n  const filters =\n    gate.filters.length === 0 ? fixedFilters : [...gate.filters, ...(fixedFilters ?? [])];\n  const subtitle = props.optionSubtitle;\n  return (\n    <ManyPicker\n      to={to}\n      keys={keysOf(value)}\n      onChange={(next) => onChange(next)}\n      {...(typeof meta?.by === 'string' ? { by: meta.by } : {})}\n      searchField={meta?.searchField}\n      {...(meta?.scope === undefined ? {} : { scope: meta.scope })}\n      fixedFilters={filters}\n      {...(gate.gate === undefined ? {} : { gate: gate.gate })}\n      createSeeds={relationSeeds}\n      name={name}\n      id={id}\n      testid={testid ?? `relation-many:${to}`}\n      resource={resource ?? ''}\n      fieldName={field?.name ?? name}\n      open={relationOpenOf(field ?? {})}\n      {...(subtitle === undefined ? {} : { optionSubtitle: subtitle })}\n      {...(linkRights === undefined\n        ? {}\n        : {\n            canAdd: linkRights.attach.allowed,\n            canRemove: linkRights.detach.allowed,\n            hidden: link?.hidden ?? [],\n            notAtomic,\n            readOnly: denied,\n            ...(keyNotice === undefined ? {} : { keyNotice }),\n          })}\n      disabled={disabled}\n      required={required}\n      ariaInvalid={ariaInvalid}\n      ariaDescribedBy={ariaDescribedBy}\n      ariaErrorMessage={ariaErrorMessage}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n}\n\n/** Why a link whose keys the form does not hold whole is read-only. */\ntype KeyNotice =\n  | { readonly kind: 'error'; readonly error: unknown }\n  | { readonly kind: 'incomplete'; readonly count: number }\n  | { readonly kind: 'pending' };\n\ninterface ManyPickerProps {\n  readonly to: string;\n  readonly keys: readonly Key[];\n  readonly onChange: (next: readonly Key[]) => void;\n  readonly by?: string;\n  readonly searchField?: string | undefined;\n  readonly fixedFilters: readonly FixedFilterInput[] | undefined;\n  readonly gate?: import('./candidates-gate.js').CandidatesGate;\n  readonly createSeeds: Readonly<Record<string, unknown>> | undefined;\n  readonly name: string;\n  readonly id: string | undefined;\n  readonly testid: string;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly open: RelationOpen;\n  /** The options' second line (the field's `optionSubtitle`); see `RelationPickerProps`. */\n  readonly optionSubtitle?: RecordSubtitleFn;\n  /** False: no search box, no \"Advanced search\", no create, and no key can be added. Default true. */\n  readonly canAdd?: boolean;\n  /** False: no chip remove button, no Backspace removal, no clear-all. Default true. */\n  readonly canRemove?: boolean;\n  /**\n   * Keys of `keys` whose target the user cannot see: one \"N not visible\" chip stands for them, it\n   * has no remove button, and neither Backspace nor clear-all drops them.\n   */\n  readonly hidden?: readonly Key[];\n  /** The link is edited with the record but its provider does not write it so: read-only, say so. */\n  readonly notAtomic?: boolean;\n  /** The user may see the link but not change it: say so. */\n  readonly readOnly?: boolean;\n  /** The link's keys are not held whole (failed, cut at the read cap, or still loading). */\n  readonly keyNotice?: KeyNotice;\n  /**\n   * The read scope of the option reads (popover, dialog, create hand-back). Default `'context'`:\n   * the record around the select narrows them, except by the field the select writes.\n   */\n  readonly scope?: ScopeSource;\n  readonly disabled: boolean | undefined;\n  readonly required: boolean | undefined;\n  readonly ariaInvalid: boolean | undefined;\n  readonly ariaDescribedBy: string | undefined;\n  readonly ariaErrorMessage: string | undefined;\n  /** Id of the field's label element: the option list is named by it. */\n  readonly ariaLabelledBy?: string | undefined;\n}\n\nfunction ManyPicker({\n  to,\n  keys,\n  onChange,\n  by,\n  searchField,\n  fixedFilters,\n  gate,\n  createSeeds,\n  name,\n  id,\n  testid,\n  resource,\n  fieldName,\n  open: openMode,\n  optionSubtitle,\n  canAdd = true,\n  canRemove = true,\n  hidden = NO_KEYS,\n  notAtomic = false,\n  readOnly = false,\n  keyNotice,\n  scope = 'context',\n  disabled,\n  required,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  ariaLabelledBy,\n}: ManyPickerProps): React.ReactElement {\n  const app = useApp();\n  const caps = useI18nCaps();\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const rowSubtitle = useRowSubtitle(to, optionSubtitle);\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef).toLowerCase();\n  const childPrefix = `relation-picker:${to}`;\n  const effectiveSearchField = searchField ?? targetDef?.displayField ?? 'name';\n  const [open, setOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  // Mounted on the first open, and only while no candidates gate holds the read: without the\n  // candidate filters the dialog would list rows the field must not offer.\n  const gated = gate !== undefined;\n  const [dialogMounted, setDialogMounted] = React.useState(false);\n  React.useEffect(() => {\n    if (gated) setDialogOpen(false);\n  }, [gated]);\n  React.useEffect(() => {\n    if (dialogOpen) setDialogMounted(true);\n  }, [dialogOpen]);\n  const [search, setSearch] = React.useState('');\n  const [debouncedSearch, setDebouncedSearch] = React.useState('');\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const focusTrigger = React.useCallback(() => triggerRef.current?.focus(), []);\n\n  React.useEffect(() => {\n    const handle = setTimeout(() => setDebouncedSearch(search), DEBOUNCE_MS);\n    return () => clearTimeout(handle);\n  }, [search]);\n  React.useEffect(() => {\n    if (!open) {\n      setSearch('');\n      setDebouncedSearch('');\n    }\n  }, [open]);\n\n  const targetIdField = (targetDef?.data as { readonly idField?: unknown } | undefined)?.idField;\n  const idField =\n    typeof targetIdField === 'string' && targetIdField.length > 0 ? targetIdField : 'id';\n  const valueField = by ?? idField;\n  const access = useListAccess(to);\n  const accessReady = access.status === 'ready';\n  const searchDecl = React.useMemo<SearchDecl | undefined>(\n    () =>\n      narrowSearchDecl(\n        targetDef?.views?.list?.search ?? { fields: [effectiveSearchField] },\n        (field) => access.fieldVisible(field),\n      ),\n    [targetDef, effectiveSearchField, access],\n  );\n  const filter = React.useMemo<ErasedExpression | undefined>(\n    () =>\n      composeListFilter({\n        fixed: normalizeFixedFilters(fixedFilters),\n        search: debouncedSearch,\n        searchDecl,\n        searchContext: { resource: to, def: targetDef },\n      }),\n    [fixedFilters, debouncedSearch, searchDecl, to, targetDef],\n  );\n  const blocked =\n    !accessReady ||\n    gate !== undefined ||\n    namesHiddenField(filter, (field) => access.fieldVisible(field));\n\n  const hiddenSet = React.useMemo(() => new Set(hidden.map(String)), [hidden]);\n  const visibleKeys = React.useMemo(\n    () => keys.filter((key) => !hiddenSet.has(String(key))),\n    [keys, hiddenSet],\n  );\n  const hiddenHeld = keys.length - visibleKeys.length;\n  const append = React.useCallback(\n    (next: Key) => {\n      if (!canAdd || keys.some((key) => String(key) === String(next))) return;\n      onChange([...keys, next]);\n    },\n    [keys, onChange, canAdd],\n  );\n  const toggle = React.useCallback(\n    (next: Key) => {\n      const held = keys.some((key) => String(key) === String(next));\n      if (held ? !canRemove || hiddenSet.has(String(next)) : !canAdd) return;\n      onChange(held ? keys.filter((key) => String(key) !== String(next)) : [...keys, next]);\n    },\n    [keys, onChange, canAdd, canRemove, hiddenSet],\n  );\n  const { create, reader: createReader } = useSelectCreate({\n    to,\n    by,\n    valueField,\n    idField,\n    fixedFilters,\n    scope,\n    scopeField: fieldName,\n    held: gated,\n    searchDecl,\n    searchContext: { resource: to, def: targetDef },\n    // What was created and fits is appended, as a pick would be; the dialog it came from is done.\n    onValue: (picked) => {\n      append(picked);\n      setDialogOpen(false);\n    },\n  });\n\n  const listQuery = useList(to, {\n    ...(filter ? { filter } : {}),\n    pagination: { kind: 'offset', page: 1, pageSize: 10 },\n    scope,\n    scopeField: fieldName,\n    enabled: open && targetDef != null && !blocked,\n  });\n  const rows = (listQuery.data?.data ?? []) as Array<Record<string, unknown>>;\n  const isLoading = listQuery.isLoading || listQuery.isFetching;\n  const error = listQuery.isError ? (listQuery.error as unknown as Error) : null;\n\n  if (!targetDef) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${childPrefix}:unregistered`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">{keys.map(String).join(', ') || '—'}</span>\n      </Button>\n    );\n  }\n\n  const placeholder = t('relation.select', {\n    params: { name: targetLabel },\n    defaultValue: `Select ${targetLabel}…`,\n  });\n  // Nothing held, nothing drawn: an empty row would still take the column's gap above the trigger.\n  const chips =\n    visibleKeys.length === 0 && hiddenHeld === 0 ? null : (\n      <div className=\"flex flex-wrap items-center gap-1\" data-testid={`${testid}:chips`}>\n        {visibleKeys.map((key) => (\n          <Chip\n            key={String(key)}\n            to={to}\n            keyValue={key}\n            by={by}\n            resource={resource}\n            fieldName={fieldName}\n            open={openMode}\n            testId={tid.relationManyChip(resource, fieldName, String(key))}\n            disabled={disabled === true || !canRemove}\n            focusTrigger={focusTrigger}\n            onRemove={() => onChange(keys.filter((entry) => String(entry) !== String(key)))}\n          />\n        ))}\n        {hiddenHeld > 0 ? (\n          <span\n            data-testid={tid.linkHidden(resource, fieldName)}\n            className=\"inline-flex items-center rounded-md border bg-secondary px-2 py-0.5 text-sm text-muted-foreground\"\n          >\n            {t('field.link.hidden', {\n              count: hiddenHeld,\n              defaultValue: '{{count}} not visible',\n            })}\n          </span>\n        ) : null}\n        {canRemove && disabled !== true && visibleKeys.length > 0 ? (\n          <button\n            type=\"button\"\n            onClick={() => {\n              // The button leaves with the chips it clears: focus goes where chip removal sends it.\n              focusTrigger();\n              onChange(keys.filter((key) => hiddenSet.has(String(key))));\n            }}\n            data-testid={`${testid}:clear-all`}\n            className=\"rounded-sm px-1 text-xs text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            {t('relationPicker.clearAll', { defaultValue: 'Clear all' })}\n          </button>\n        ) : null}\n      </div>\n    );\n  const notice = keyNotice ? (\n    <p\n      data-testid={`${testid}:keys-${keyNotice.kind}`}\n      role={keyNotice.kind === 'error' ? 'status' : undefined}\n      className={cn(\n        'text-xs',\n        keyNotice.kind === 'error' ? 'text-destructive' : 'text-muted-foreground',\n      )}\n    >\n      {keyNotice.kind === 'error'\n        ? `${t('field.link.failed', { defaultValue: 'Links could not be loaded' })}: ${errorTitle(keyNotice.error, caps) ?? ''}`\n        : keyNotice.kind === 'incomplete'\n          ? t('field.link.incomplete', {\n              count: keyNotice.count,\n              defaultValue: 'More than {{count}} links',\n            })\n          : t('table.loading', { defaultValue: 'Loading…' })}\n    </p>\n  ) : readOnly ? (\n    <p data-testid={`${testid}:read-only`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.readOnly', { defaultValue: 'You cannot change this link.' })}\n    </p>\n  ) : notAtomic ? (\n    <p data-testid={`${testid}:not-atomic`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.notAtomic', {\n        defaultValue:\n          'This link cannot be edited here: its data source does not save it with the record.',\n      })}\n    </p>\n  ) : null;\n\n  if (gate?.kind === 'pending')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          aria-busy=\"true\"\n          data-testid={testid}\n          data-buro-candidates=\"pending\"\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconLoader2 className=\"h-4 w-4 shrink-0 animate-spin opacity-50\" aria-hidden />\n        </Button>\n      </div>\n    );\n  if (gate?.kind === 'forbidden')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          data-testid={testid}\n          data-buro-candidates=\"forbidden\"\n          aria-describedby={gate.testId}\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n        </Button>\n        <p id={gate.testId} data-testid={gate.testId} className=\"text-xs text-muted-foreground\">\n          {gate.message}\n        </p>\n      </div>\n    );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <PopoverTrigger asChild>\n          <Button\n            ref={triggerRef}\n            type=\"button\"\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            aria-required={required}\n            aria-invalid={ariaInvalid || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...(ariaErrorMessage ? { 'aria-errormessage': ariaErrorMessage } : {})}\n            disabled={disabled}\n            data-testid={testid}\n            name={name}\n            id={id}\n            className=\"w-full justify-between font-normal\"\n          >\n            <span className=\"truncate text-left text-muted-foreground\">{placeholder}</span>\n            <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        {gate?.kind === 'empty' ? (\n          <p\n            className=\"px-3 py-6 text-center text-sm text-muted-foreground\"\n            data-testid={gate.testId}\n          >\n            {gate.message}\n          </p>\n        ) : (\n          <Command shouldFilter={false}>\n            {searchDecl !== undefined && canAdd && (\n              <CommandInput\n                value={search}\n                onValueChange={setSearch}\n                placeholder={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}…`,\n                })}\n                data-testid={`${childPrefix}:search`}\n                aria-label={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}`,\n                })}\n                onKeyDown={(event) => {\n                  // Backspace in an empty search takes the last chip off.\n                  if (event.key === 'Backspace' && search === '' && canRemove) {\n                    event.preventDefault();\n                    const last = visibleKeys.at(-1);\n                    if (last !== undefined)\n                      onChange(keys.filter((key) => String(key) !== String(last)));\n                  }\n                  // Space toggles the highlighted option while nothing is typed.\n                  if (event.key === ' ' && search === '') {\n                    event.preventDefault();\n                    document\n                      .querySelector<HTMLElement>(\n                        `[data-testid=\"${childPrefix}:list\"] [aria-selected=\"true\"]`,\n                      )\n                      ?.click();\n                  }\n                }}\n              />\n            )}\n            <CommandList\n              data-testid={`${childPrefix}:list`}\n              aria-multiselectable=\"true\"\n              // cmdk draws `aria-label` from `label` (default \"Suggestions\"), after any `aria-label`\n              // prop: the field's label element names the list, the target's name is the fallback.\n              label={targetLabel}\n              {...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {})}\n            >\n              {isLoading && (\n                <div\n                  className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\"\n                  data-testid={`${childPrefix}:loading`}\n                >\n                  <IconLoader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n                  <span>{t('table.loading', { defaultValue: 'Loading…' })}</span>\n                </div>\n              )}\n              {!isLoading && error && (\n                <LoadError\n                  surface=\"picker\"\n                  error={error}\n                  testId={`${childPrefix}:error`}\n                  className=\"block px-3 py-6 text-center text-sm text-muted-foreground\"\n                  fallback={{ key: 'relation.failed', default: 'Failed to load options.' }}\n                />\n              )}\n              {!isLoading && !error && rows.length === 0 && (\n                <CommandEmpty data-testid={`${childPrefix}:empty`}>\n                  {t('relation.noResults', { defaultValue: 'No results.' })}\n                </CommandEmpty>\n              )}\n              {!isLoading &&\n                !error &&\n                rows.map((row) => {\n                  const rowValue = row[valueField];\n                  if (rowValue === null || rowValue === undefined || rowValue === '') return null;\n                  const idStr = String(rowValue);\n                  const label = rowTitle(row);\n                  const subtitle = optionSubtitleText(rowSubtitle(row), label, idStr);\n                  const chosen = keys.some((key) => String(key) === idStr);\n                  return (\n                    <CommandItem\n                      key={idStr}\n                      value={`${label} ${idStr}`}\n                      data-testid={`${childPrefix}:option:${idStr}`}\n                      aria-checked={chosen}\n                      disabled={chosen ? !canRemove : !canAdd}\n                      onSelect={() => toggle(rowValue as Key)}\n                    >\n                      <IconCheck\n                        className={cn(\n                          'mr-2 h-4 w-4 shrink-0',\n                          chosen ? 'opacity-100' : 'opacity-0',\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"truncate\">{label}</span>\n                      {/* The declared subtitle, else `#<id>` unless the label already is the id\n                          (REF-40). */}\n                      {subtitle === null ? null : (\n                        <span className=\"ml-auto shrink-0 pl-2 text-xs text-muted-foreground\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </CommandItem>\n                  );\n                })}\n            </CommandList>\n            <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2 text-sm\">\n              {canAdd ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setOpen(false);\n                    setDialogOpen(true);\n                  }}\n                  data-testid={`${childPrefix}:advanced`}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.advancedSearch', { defaultValue: 'Advanced search' })}\n                </button>\n              ) : (\n                <span />\n              )}\n              {!disabled && canAdd && (\n                <RelationCreateButton\n                  to={to}\n                  fieldName={fieldName}\n                  create={create}\n                  seeds={createSeeds}\n                  search={search}\n                  beforeOpen={() => {\n                    setOpen(false);\n                    focusTrigger();\n                  }}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline disabled:opacity-50\"\n                />\n              )}\n            </div>\n          </Command>\n        )}\n      </PopoverContent>\n      {dialogMounted && !gated && canAdd && (\n        <LazyRelationPickerDialog\n          to={to}\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          onSelect={() => undefined}\n          multiple\n          selected={keys}\n          onToggle={toggle}\n          valueField={valueField}\n          searchField={searchField}\n          fixedFilters={fixedFilters}\n          scope={scope}\n          scopeField={fieldName}\n          {...(disabled ? {} : { create })}\n          createSeeds={createSeeds}\n          fieldName={fieldName}\n          onBeforeCreate={focusTrigger}\n        />\n      )}\n      {createReader}\n    </Popover>\n  );\n}\n\n/** One chosen row: its title (the aggregator batches every chip's read), which views it, and remove. */\nfunction Chip({\n  to,\n  keyValue,\n  by,\n  resource,\n  fieldName,\n  testId,\n  open: openMode,\n  disabled,\n  focusTrigger,\n  onRemove,\n}: {\n  readonly to: string;\n  readonly keyValue: Key;\n  readonly by: string | undefined;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly testId: string;\n  readonly open: RelationOpen;\n  readonly disabled: boolean;\n  readonly focusTrigger: () => void;\n  readonly onRemove: () => void;\n}): React.ReactElement {\n  const t = useOptionalT();\n  const app = useApp();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const { record, isLoading } = useRelatedRecord(\n    to,\n    keyValue,\n    by === undefined ? undefined : { by },\n  );\n  const title = record ? rowTitle(record as Record<string, unknown>) : String(keyValue);\n  return (\n    <span\n      data-testid={testId}\n      data-resource={resource}\n      className=\"inline-flex items-center gap-0.5 rounded-md border bg-secondary pl-2 text-sm text-secondary-foreground\"\n    >\n      <RelationViewButton\n        to={to}\n        value={keyValue}\n        by={by}\n        fieldName={`${fieldName}:${String(keyValue)}`}\n        beforeOpen={focusTrigger}\n        open={openMode}\n        title={isLoading ? t('table.loading', { defaultValue: 'Loading…' }) : title}\n      />\n      {!disabled && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          data-testid={`${testId}:remove`}\n          aria-label={`${t('relationPicker.clear', { defaultValue: 'Clear' })} ${title}`}\n          className=\"inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <IconX className=\"size-3.5\" aria-hidden />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/{relation-many-picker-BBNsmkaX.cjs → relation-many-picker-Cq0EHY5I.cjs}

@@ -1,9 +1,9 @@
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
 const require_toaster = require("./toaster-BbByOytP.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
-const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
-const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-C_VlGlDz.cjs");
-const require_use_record_subtitle = require("./use-record-subtitle-BJ9rnj6F.cjs");
+const require_relation_create = require("./relation-create-B8zngAcA.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-CeRzOAi0.cjs");
+const require_use_record_subtitle = require("./use-record-subtitle-B4lTR7pf.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -572,4 +572,4 @@ function Chip({ to, keyValue, by, resource, fieldName, testId, open: openMode, d
 //#endregion
 exports.RelationManyPickerInput = RelationManyPickerInput;
 
-//# sourceMappingURL=relation-many-picker-BBNsmkaX.cjs.map
+//# sourceMappingURL=relation-many-picker-Cq0EHY5I.cjs.map

package/dist/{relation-many-picker-BBNsmkaX.cjs.map → relation-many-picker-Cq0EHY5I.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"relation-many-picker-BBNsmkaX.cjs","names":["resolveErrorText","selectKey","resourceKey","useCandidatesGate","Button","relationOpenOf","useApp","useI18nCaps","useOptionalT","useTestIds","useRowTitle","useRowSubtitle","optionSubtitle","resolveResourceLabel","React","useListAccess","narrowSearchDecl","composeListFilter","normalizeFixedFilters","namesHiddenField","useSelectCreate","useList","cn","IconLoader2","IconChevronDown","Popover","PopoverTrigger","PopoverContent","Command","CommandInput","CommandList","LoadError","CommandEmpty","optionSubtitleText","CommandItem","IconCheck","RelationCreateButton","LazyRelationPickerDialog","useRelatedRecord","RelationViewButton","IconX"],"sources":["../src/lib/error-title.ts","../src/fields/relation-many-picker.tsx"],"sourcesContent":["import { type ErrorTextCaps, resolveErrorText } from '@burojs/react';\n\n/**\n * The text a user may read for a failure a hook handed to the kit as an `Error`-typed value.\n * The value is a `DataError` at runtime when it came from a data provider (its `message` is a\n * reference, so it is resolved through the bundle) and a plain `Error` when the framework raised\n * it (its `message` is already a sentence). Anything else has nothing to show.\n */\nexport function errorTitle(error: unknown, caps: ErrorTextCaps): string | undefined {\n  if (error instanceof Error) return error.message;\n  if (error !== null && typeof error === 'object') {\n    const { code, message } = error as { readonly code?: unknown; readonly message?: unknown };\n    if (typeof code === 'string') {\n      return resolveErrorText(\n        {\n          code,\n          ...(message !== null && typeof message === 'object' ? { message } : {}),\n        } as Parameters<typeof resolveErrorText>[0],\n        caps,\n      );\n    }\n  }\n  return undefined;\n}\n","'use client';\n\nimport {\n  type ErasedResourceHandle,\n  type FilterExpression,\n  type FixedFilterInput,\n  type RelationCandidate,\n  type RelationOpen,\n  relationOpenOf,\n  type ResourceRefInput,\n  type ScopeSource,\n  type SearchDecl,\n  composeListFilter,\n  normalizeFixedFilters,\n  resolveResourceLabel,\n  resourceKey,\n} from '@burojs/core';\nimport {\n  useApp,\n  useI18nCaps,\n  useList,\n  useListAccess,\n  useOptionalT,\n  useRelatedRecord,\n  useTestIds,\n} from '@burojs/react';\nimport { errorTitle } from '../lib/error-title.js';\nimport { LoadError } from '../load-error/load-error-view.js';\nimport { IconCheck, IconChevronDown, IconLoader2, IconX } from '@tabler/icons-react';\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\nimport { Button } from '../primitives/button.js';\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../primitives/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../primitives/popover.js';\nimport {\n  optionSubtitle as optionSubtitleText,\n  type RecordSubtitleFn,\n  useRowSubtitle,\n} from '../resource/use-record-subtitle.js';\nimport { useRowTitle } from '../resource/use-row-title.js';\nimport { useCandidatesGate } from './candidates-gate.js';\nimport { RelationCreateButton, useSelectCreate } from './relation-create.js';\nimport { LazyRelationPickerDialog } from './lazy-relation-picker-dialog.js';\nimport { RelationViewButton, selectKey } from './relation-view-button.js';\nimport type { FieldInputProps } from './registry.js';\nimport { namesHiddenField, narrowSearchDecl } from './search-access.js';\n\ntype ErasedExpression = FilterExpression<ErasedResourceHandle>;\ntype Key = string | number;\n\nconst DEBOUNCE_MS = 250;\nconst NO_KEYS: readonly Key[] = Object.freeze([]);\n\n/** The keys a to-many field holds: strings and finite numbers, the user's order, no repeats. */\nfunction keysOf(value: unknown): readonly Key[] {\n  if (!Array.isArray(value)) return [];\n  const seen = new Set<string>();\n  const out: Key[] = [];\n  for (const entry of value) {\n    const key = selectKey(entry);\n    if (key === null || seen.has(key)) continue;\n    seen.add(key);\n    out.push(entry as Key);\n  }\n  return out;\n}\n\n/**\n * Form input of `f.relationMany` (P7 3.5): the chosen rows as chips (titles through the relation\n * aggregator, one batched read), a popover that searches the same option query a single select\n * does (candidates, field access and the create hand-back included), \"Advanced search\" in a\n * multiple-choice dialog, a \"view\" on every chip and \"+ create\" that appends what it created.\n * The value is `row[by ?? id]` for each chosen row. Loaded lazily: it is not on any screen's\n * first paint.\n */\nexport function RelationManyPickerInput(props: FieldInputProps): React.ReactElement {\n  const {\n    name,\n    id,\n    value,\n    onChange,\n    testid,\n    field,\n    disabled,\n    required,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaErrorMessage,\n    ariaLabelledBy,\n    relationSeeds,\n    fixedFilters,\n    metaSources,\n    resource,\n    link,\n  } = props;\n  const meta = field?.meta as\n    | {\n        to?: ResourceRefInput;\n        by?: unknown;\n        searchField?: string;\n        candidates?: unknown;\n        scope?: ScopeSource;\n      }\n    | undefined;\n  let to: string | undefined;\n  try {\n    to = meta?.to === undefined ? undefined : resourceKey(meta.to);\n  } catch {\n    to = undefined;\n  }\n  const gate = useCandidatesGate({\n    to,\n    candidates: Array.isArray(meta?.candidates)\n      ? (meta.candidates as readonly RelationCandidate[])\n      : undefined,\n    sources: metaSources,\n    resource: resource ?? '',\n    fieldName: field?.name ?? name,\n  });\n  if (!to) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${testid ?? `relation-many:${name}`}:no-target`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">—</span>\n      </Button>\n    );\n  }\n  // An inline link: the form controller's rights decide what the select offers, and the keys the\n  // user cannot see ride along in the value. A link denied `not-atomic` is read-only with a notice.\n  const linkRights = link?.rights;\n  const notAtomic =\n    linkRights !== undefined &&\n    [linkRights.edit, linkRights.attach, linkRights.detach].some(\n      (right) => !right.allowed && right.reason === 'not-atomic',\n    );\n  const denied =\n    linkRights !== undefined &&\n    !notAtomic &&\n    !linkRights.edit.allowed &&\n    ['field-readonly', 'rule-denied', 'operation-absent'].includes(linkRights.edit.reason);\n  // The form holds a link's keys only once they are read whole: a failed or capped read, or one\n  // still running, leaves the field read-only, and the user is told why.\n  const keyRead = link?.keys;\n  const keyNotice: KeyNotice | undefined =\n    link === undefined\n      ? undefined\n      : keyRead?.error\n        ? { kind: 'error', error: keyRead.error }\n        : keyRead !== undefined &&\n            !keyRead.isLoading &&\n            keyRead.keys !== undefined &&\n            !keyRead.complete\n          ? { kind: 'incomplete', count: keyRead.keys.length }\n          : !link.ready\n            ? { kind: 'pending' }\n            : undefined;\n  const filters =\n    gate.filters.length === 0 ? fixedFilters : [...gate.filters, ...(fixedFilters ?? [])];\n  const subtitle = props.optionSubtitle;\n  return (\n    <ManyPicker\n      to={to}\n      keys={keysOf(value)}\n      onChange={(next) => onChange(next)}\n      {...(typeof meta?.by === 'string' ? { by: meta.by } : {})}\n      searchField={meta?.searchField}\n      {...(meta?.scope === undefined ? {} : { scope: meta.scope })}\n      fixedFilters={filters}\n      {...(gate.gate === undefined ? {} : { gate: gate.gate })}\n      createSeeds={relationSeeds}\n      name={name}\n      id={id}\n      testid={testid ?? `relation-many:${to}`}\n      resource={resource ?? ''}\n      fieldName={field?.name ?? name}\n      open={relationOpenOf(field ?? {})}\n      {...(subtitle === undefined ? {} : { optionSubtitle: subtitle })}\n      {...(linkRights === undefined\n        ? {}\n        : {\n            canAdd: linkRights.attach.allowed,\n            canRemove: linkRights.detach.allowed,\n            hidden: link?.hidden ?? [],\n            notAtomic,\n            readOnly: denied,\n            ...(keyNotice === undefined ? {} : { keyNotice }),\n          })}\n      disabled={disabled}\n      required={required}\n      ariaInvalid={ariaInvalid}\n      ariaDescribedBy={ariaDescribedBy}\n      ariaErrorMessage={ariaErrorMessage}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n}\n\n/** Why a link whose keys the form does not hold whole is read-only. */\ntype KeyNotice =\n  | { readonly kind: 'error'; readonly error: unknown }\n  | { readonly kind: 'incomplete'; readonly count: number }\n  | { readonly kind: 'pending' };\n\ninterface ManyPickerProps {\n  readonly to: string;\n  readonly keys: readonly Key[];\n  readonly onChange: (next: readonly Key[]) => void;\n  readonly by?: string;\n  readonly searchField?: string | undefined;\n  readonly fixedFilters: readonly FixedFilterInput[] | undefined;\n  readonly gate?: import('./candidates-gate.js').CandidatesGate;\n  readonly createSeeds: Readonly<Record<string, unknown>> | undefined;\n  readonly name: string;\n  readonly id: string | undefined;\n  readonly testid: string;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly open: RelationOpen;\n  /** The options' second line (the field's `optionSubtitle`); see `RelationPickerProps`. */\n  readonly optionSubtitle?: RecordSubtitleFn;\n  /** False: no search box, no \"Advanced search\", no create, and no key can be added. Default true. */\n  readonly canAdd?: boolean;\n  /** False: no chip remove button, no Backspace removal, no clear-all. Default true. */\n  readonly canRemove?: boolean;\n  /**\n   * Keys of `keys` whose target the user cannot see: one \"N not visible\" chip stands for them, it\n   * has no remove button, and neither Backspace nor clear-all drops them.\n   */\n  readonly hidden?: readonly Key[];\n  /** The link is edited with the record but its provider does not write it so: read-only, say so. */\n  readonly notAtomic?: boolean;\n  /** The user may see the link but not change it: say so. */\n  readonly readOnly?: boolean;\n  /** The link's keys are not held whole (failed, cut at the read cap, or still loading). */\n  readonly keyNotice?: KeyNotice;\n  /**\n   * The read scope of the option reads (popover, dialog, create hand-back). Default `'context'`:\n   * the record around the select narrows them, except by the field the select writes.\n   */\n  readonly scope?: ScopeSource;\n  readonly disabled: boolean | undefined;\n  readonly required: boolean | undefined;\n  readonly ariaInvalid: boolean | undefined;\n  readonly ariaDescribedBy: string | undefined;\n  readonly ariaErrorMessage: string | undefined;\n  /** Id of the field's label element: the option list is named by it. */\n  readonly ariaLabelledBy?: string | undefined;\n}\n\nfunction ManyPicker({\n  to,\n  keys,\n  onChange,\n  by,\n  searchField,\n  fixedFilters,\n  gate,\n  createSeeds,\n  name,\n  id,\n  testid,\n  resource,\n  fieldName,\n  open: openMode,\n  optionSubtitle,\n  canAdd = true,\n  canRemove = true,\n  hidden = NO_KEYS,\n  notAtomic = false,\n  readOnly = false,\n  keyNotice,\n  scope = 'context',\n  disabled,\n  required,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  ariaLabelledBy,\n}: ManyPickerProps): React.ReactElement {\n  const app = useApp();\n  const caps = useI18nCaps();\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const rowSubtitle = useRowSubtitle(to, optionSubtitle);\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef).toLowerCase();\n  const childPrefix = `relation-picker:${to}`;\n  const effectiveSearchField = searchField ?? targetDef?.displayField ?? 'name';\n  const [open, setOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  // Mounted on the first open, and only while no candidates gate holds the read: without the\n  // candidate filters the dialog would list rows the field must not offer.\n  const gated = gate !== undefined;\n  const [dialogMounted, setDialogMounted] = React.useState(false);\n  React.useEffect(() => {\n    if (gated) setDialogOpen(false);\n  }, [gated]);\n  React.useEffect(() => {\n    if (dialogOpen) setDialogMounted(true);\n  }, [dialogOpen]);\n  const [search, setSearch] = React.useState('');\n  const [debouncedSearch, setDebouncedSearch] = React.useState('');\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const focusTrigger = React.useCallback(() => triggerRef.current?.focus(), []);\n\n  React.useEffect(() => {\n    const handle = setTimeout(() => setDebouncedSearch(search), DEBOUNCE_MS);\n    return () => clearTimeout(handle);\n  }, [search]);\n  React.useEffect(() => {\n    if (!open) {\n      setSearch('');\n      setDebouncedSearch('');\n    }\n  }, [open]);\n\n  const targetIdField = (targetDef?.data as { readonly idField?: unknown } | undefined)?.idField;\n  const idField =\n    typeof targetIdField === 'string' && targetIdField.length > 0 ? targetIdField : 'id';\n  const valueField = by ?? idField;\n  const access = useListAccess(to);\n  const accessReady = access.status === 'ready';\n  const searchDecl = React.useMemo<SearchDecl | undefined>(\n    () =>\n      narrowSearchDecl(\n        targetDef?.views?.list?.search ?? { fields: [effectiveSearchField] },\n        (field) => access.fieldVisible(field),\n      ),\n    [targetDef, effectiveSearchField, access],\n  );\n  const filter = React.useMemo<ErasedExpression | undefined>(\n    () =>\n      composeListFilter({\n        fixed: normalizeFixedFilters(fixedFilters),\n        search: debouncedSearch,\n        searchDecl,\n        searchContext: { resource: to, def: targetDef },\n      }),\n    [fixedFilters, debouncedSearch, searchDecl, to, targetDef],\n  );\n  const blocked =\n    !accessReady ||\n    gate !== undefined ||\n    namesHiddenField(filter, (field) => access.fieldVisible(field));\n\n  const hiddenSet = React.useMemo(() => new Set(hidden.map(String)), [hidden]);\n  const visibleKeys = React.useMemo(\n    () => keys.filter((key) => !hiddenSet.has(String(key))),\n    [keys, hiddenSet],\n  );\n  const hiddenHeld = keys.length - visibleKeys.length;\n  const append = React.useCallback(\n    (next: Key) => {\n      if (!canAdd || keys.some((key) => String(key) === String(next))) return;\n      onChange([...keys, next]);\n    },\n    [keys, onChange, canAdd],\n  );\n  const toggle = React.useCallback(\n    (next: Key) => {\n      const held = keys.some((key) => String(key) === String(next));\n      if (held ? !canRemove || hiddenSet.has(String(next)) : !canAdd) return;\n      onChange(held ? keys.filter((key) => String(key) !== String(next)) : [...keys, next]);\n    },\n    [keys, onChange, canAdd, canRemove, hiddenSet],\n  );\n  const { create, reader: createReader } = useSelectCreate({\n    to,\n    by,\n    valueField,\n    idField,\n    fixedFilters,\n    scope,\n    scopeField: fieldName,\n    held: gated,\n    searchDecl,\n    searchContext: { resource: to, def: targetDef },\n    // What was created and fits is appended, as a pick would be; the dialog it came from is done.\n    onValue: (picked) => {\n      append(picked);\n      setDialogOpen(false);\n    },\n  });\n\n  const listQuery = useList(to, {\n    ...(filter ? { filter } : {}),\n    pagination: { kind: 'offset', page: 1, pageSize: 10 },\n    scope,\n    scopeField: fieldName,\n    enabled: open && targetDef != null && !blocked,\n  });\n  const rows = (listQuery.data?.data ?? []) as Array<Record<string, unknown>>;\n  const isLoading = listQuery.isLoading || listQuery.isFetching;\n  const error = listQuery.isError ? (listQuery.error as unknown as Error) : null;\n\n  if (!targetDef) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${childPrefix}:unregistered`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">{keys.map(String).join(', ') || '—'}</span>\n      </Button>\n    );\n  }\n\n  const placeholder = t('relation.select', {\n    params: { name: targetLabel },\n    defaultValue: `Select ${targetLabel}…`,\n  });\n  // Nothing held, nothing drawn: an empty row would still take the column's gap above the trigger.\n  const chips =\n    visibleKeys.length === 0 && hiddenHeld === 0 ? null : (\n      <div className=\"flex flex-wrap items-center gap-1\" data-testid={`${testid}:chips`}>\n        {visibleKeys.map((key) => (\n          <Chip\n            key={String(key)}\n            to={to}\n            keyValue={key}\n            by={by}\n            resource={resource}\n            fieldName={fieldName}\n            open={openMode}\n            testId={tid.relationManyChip(resource, fieldName, String(key))}\n            disabled={disabled === true || !canRemove}\n            focusTrigger={focusTrigger}\n            onRemove={() => onChange(keys.filter((entry) => String(entry) !== String(key)))}\n          />\n        ))}\n        {hiddenHeld > 0 ? (\n          <span\n            data-testid={tid.linkHidden(resource, fieldName)}\n            className=\"inline-flex items-center rounded-md border bg-secondary px-2 py-0.5 text-sm text-muted-foreground\"\n          >\n            {t('field.link.hidden', {\n              count: hiddenHeld,\n              defaultValue: '{{count}} not visible',\n            })}\n          </span>\n        ) : null}\n        {canRemove && disabled !== true && visibleKeys.length > 0 ? (\n          <button\n            type=\"button\"\n            onClick={() => {\n              // The button leaves with the chips it clears: focus goes where chip removal sends it.\n              focusTrigger();\n              onChange(keys.filter((key) => hiddenSet.has(String(key))));\n            }}\n            data-testid={`${testid}:clear-all`}\n            className=\"rounded-sm px-1 text-xs text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            {t('relationPicker.clearAll', { defaultValue: 'Clear all' })}\n          </button>\n        ) : null}\n      </div>\n    );\n  const notice = keyNotice ? (\n    <p\n      data-testid={`${testid}:keys-${keyNotice.kind}`}\n      role={keyNotice.kind === 'error' ? 'status' : undefined}\n      className={cn(\n        'text-xs',\n        keyNotice.kind === 'error' ? 'text-destructive' : 'text-muted-foreground',\n      )}\n    >\n      {keyNotice.kind === 'error'\n        ? `${t('field.link.failed', { defaultValue: 'Links could not be loaded' })}: ${errorTitle(keyNotice.error, caps) ?? ''}`\n        : keyNotice.kind === 'incomplete'\n          ? t('field.link.incomplete', {\n              count: keyNotice.count,\n              defaultValue: 'More than {{count}} links',\n            })\n          : t('table.loading', { defaultValue: 'Loading…' })}\n    </p>\n  ) : readOnly ? (\n    <p data-testid={`${testid}:read-only`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.readOnly', { defaultValue: 'You cannot change this link.' })}\n    </p>\n  ) : notAtomic ? (\n    <p data-testid={`${testid}:not-atomic`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.notAtomic', {\n        defaultValue:\n          'This link cannot be edited here: its data source does not save it with the record.',\n      })}\n    </p>\n  ) : null;\n\n  if (gate?.kind === 'pending')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          aria-busy=\"true\"\n          data-testid={testid}\n          data-buro-candidates=\"pending\"\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconLoader2 className=\"h-4 w-4 shrink-0 animate-spin opacity-50\" aria-hidden />\n        </Button>\n      </div>\n    );\n  if (gate?.kind === 'forbidden')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          data-testid={testid}\n          data-buro-candidates=\"forbidden\"\n          aria-describedby={gate.testId}\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n        </Button>\n        <p id={gate.testId} data-testid={gate.testId} className=\"text-xs text-muted-foreground\">\n          {gate.message}\n        </p>\n      </div>\n    );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <PopoverTrigger asChild>\n          <Button\n            ref={triggerRef}\n            type=\"button\"\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            aria-required={required}\n            aria-invalid={ariaInvalid || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...(ariaErrorMessage ? { 'aria-errormessage': ariaErrorMessage } : {})}\n            disabled={disabled}\n            data-testid={testid}\n            name={name}\n            id={id}\n            className=\"w-full justify-between font-normal\"\n          >\n            <span className=\"truncate text-left text-muted-foreground\">{placeholder}</span>\n            <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        {gate?.kind === 'empty' ? (\n          <p\n            className=\"px-3 py-6 text-center text-sm text-muted-foreground\"\n            data-testid={gate.testId}\n          >\n            {gate.message}\n          </p>\n        ) : (\n          <Command shouldFilter={false}>\n            {searchDecl !== undefined && canAdd && (\n              <CommandInput\n                value={search}\n                onValueChange={setSearch}\n                placeholder={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}…`,\n                })}\n                data-testid={`${childPrefix}:search`}\n                aria-label={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}`,\n                })}\n                onKeyDown={(event) => {\n                  // Backspace in an empty search takes the last chip off.\n                  if (event.key === 'Backspace' && search === '' && canRemove) {\n                    event.preventDefault();\n                    const last = visibleKeys.at(-1);\n                    if (last !== undefined)\n                      onChange(keys.filter((key) => String(key) !== String(last)));\n                  }\n                  // Space toggles the highlighted option while nothing is typed.\n                  if (event.key === ' ' && search === '') {\n                    event.preventDefault();\n                    document\n                      .querySelector<HTMLElement>(\n                        `[data-testid=\"${childPrefix}:list\"] [aria-selected=\"true\"]`,\n                      )\n                      ?.click();\n                  }\n                }}\n              />\n            )}\n            <CommandList\n              data-testid={`${childPrefix}:list`}\n              aria-multiselectable=\"true\"\n              // cmdk draws `aria-label` from `label` (default \"Suggestions\"), after any `aria-label`\n              // prop: the field's label element names the list, the target's name is the fallback.\n              label={targetLabel}\n              {...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {})}\n            >\n              {isLoading && (\n                <div\n                  className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\"\n                  data-testid={`${childPrefix}:loading`}\n                >\n                  <IconLoader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n                  <span>{t('table.loading', { defaultValue: 'Loading…' })}</span>\n                </div>\n              )}\n              {!isLoading && error && (\n                <LoadError\n                  surface=\"picker\"\n                  error={error}\n                  testId={`${childPrefix}:error`}\n                  className=\"block px-3 py-6 text-center text-sm text-muted-foreground\"\n                  fallback={{ key: 'relation.failed', default: 'Failed to load options.' }}\n                />\n              )}\n              {!isLoading && !error && rows.length === 0 && (\n                <CommandEmpty data-testid={`${childPrefix}:empty`}>\n                  {t('relation.noResults', { defaultValue: 'No results.' })}\n                </CommandEmpty>\n              )}\n              {!isLoading &&\n                !error &&\n                rows.map((row) => {\n                  const rowValue = row[valueField];\n                  if (rowValue === null || rowValue === undefined || rowValue === '') return null;\n                  const idStr = String(rowValue);\n                  const label = rowTitle(row);\n                  const subtitle = optionSubtitleText(rowSubtitle(row), label, idStr);\n                  const chosen = keys.some((key) => String(key) === idStr);\n                  return (\n                    <CommandItem\n                      key={idStr}\n                      value={`${label} ${idStr}`}\n                      data-testid={`${childPrefix}:option:${idStr}`}\n                      aria-checked={chosen}\n                      disabled={chosen ? !canRemove : !canAdd}\n                      onSelect={() => toggle(rowValue as Key)}\n                    >\n                      <IconCheck\n                        className={cn(\n                          'mr-2 h-4 w-4 shrink-0',\n                          chosen ? 'opacity-100' : 'opacity-0',\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"truncate\">{label}</span>\n                      {/* The declared subtitle, else `#<id>` unless the label already is the id\n                          (REF-40). */}\n                      {subtitle === null ? null : (\n                        <span className=\"ml-auto shrink-0 pl-2 text-xs text-muted-foreground\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </CommandItem>\n                  );\n                })}\n            </CommandList>\n            <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2 text-sm\">\n              {canAdd ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setOpen(false);\n                    setDialogOpen(true);\n                  }}\n                  data-testid={`${childPrefix}:advanced`}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.advancedSearch', { defaultValue: 'Advanced search' })}\n                </button>\n              ) : (\n                <span />\n              )}\n              {!disabled && canAdd && (\n                <RelationCreateButton\n                  to={to}\n                  fieldName={fieldName}\n                  create={create}\n                  seeds={createSeeds}\n                  search={search}\n                  beforeOpen={() => {\n                    setOpen(false);\n                    focusTrigger();\n                  }}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline disabled:opacity-50\"\n                />\n              )}\n            </div>\n          </Command>\n        )}\n      </PopoverContent>\n      {dialogMounted && !gated && canAdd && (\n        <LazyRelationPickerDialog\n          to={to}\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          onSelect={() => undefined}\n          multiple\n          selected={keys}\n          onToggle={toggle}\n          valueField={valueField}\n          searchField={searchField}\n          fixedFilters={fixedFilters}\n          scope={scope}\n          scopeField={fieldName}\n          {...(disabled ? {} : { create })}\n          createSeeds={createSeeds}\n          fieldName={fieldName}\n          onBeforeCreate={focusTrigger}\n        />\n      )}\n      {createReader}\n    </Popover>\n  );\n}\n\n/** One chosen row: its title (the aggregator batches every chip's read), which views it, and remove. */\nfunction Chip({\n  to,\n  keyValue,\n  by,\n  resource,\n  fieldName,\n  testId,\n  open: openMode,\n  disabled,\n  focusTrigger,\n  onRemove,\n}: {\n  readonly to: string;\n  readonly keyValue: Key;\n  readonly by: string | undefined;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly testId: string;\n  readonly open: RelationOpen;\n  readonly disabled: boolean;\n  readonly focusTrigger: () => void;\n  readonly onRemove: () => void;\n}): React.ReactElement {\n  const t = useOptionalT();\n  const app = useApp();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const { record, isLoading } = useRelatedRecord(\n    to,\n    keyValue,\n    by === undefined ? undefined : { by },\n  );\n  const title = record ? rowTitle(record as Record<string, unknown>) : String(keyValue);\n  return (\n    <span\n      data-testid={testId}\n      data-resource={resource}\n      className=\"inline-flex items-center gap-0.5 rounded-md border bg-secondary pl-2 text-sm text-secondary-foreground\"\n    >\n      <RelationViewButton\n        to={to}\n        value={keyValue}\n        by={by}\n        fieldName={`${fieldName}:${String(keyValue)}`}\n        beforeOpen={focusTrigger}\n        open={openMode}\n        title={isLoading ? t('table.loading', { defaultValue: 'Loading…' }) : title}\n      />\n      {!disabled && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          data-testid={`${testId}:remove`}\n          aria-label={`${t('relationPicker.clear', { defaultValue: 'Clear' })} ${title}`}\n          className=\"inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <IconX className=\"size-3.5\" aria-hidden />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"relation-many-picker-Cq0EHY5I.cjs","names":["resolveErrorText","selectKey","resourceKey","useCandidatesGate","Button","relationOpenOf","useApp","useI18nCaps","useOptionalT","useTestIds","useRowTitle","useRowSubtitle","optionSubtitle","resolveResourceLabel","React","useListAccess","narrowSearchDecl","composeListFilter","normalizeFixedFilters","namesHiddenField","useSelectCreate","useList","cn","IconLoader2","IconChevronDown","Popover","PopoverTrigger","PopoverContent","Command","CommandInput","CommandList","LoadError","CommandEmpty","optionSubtitleText","CommandItem","IconCheck","RelationCreateButton","LazyRelationPickerDialog","useRelatedRecord","RelationViewButton","IconX"],"sources":["../src/lib/error-title.ts","../src/fields/relation-many-picker.tsx"],"sourcesContent":["import { type ErrorTextCaps, resolveErrorText } from '@burojs/react';\n\n/**\n * The text a user may read for a failure a hook handed to the kit as an `Error`-typed value.\n * The value is a `DataError` at runtime when it came from a data provider (its `message` is a\n * reference, so it is resolved through the bundle) and a plain `Error` when the framework raised\n * it (its `message` is already a sentence). Anything else has nothing to show.\n */\nexport function errorTitle(error: unknown, caps: ErrorTextCaps): string | undefined {\n  if (error instanceof Error) return error.message;\n  if (error !== null && typeof error === 'object') {\n    const { code, message } = error as { readonly code?: unknown; readonly message?: unknown };\n    if (typeof code === 'string') {\n      return resolveErrorText(\n        {\n          code,\n          ...(message !== null && typeof message === 'object' ? { message } : {}),\n        } as Parameters<typeof resolveErrorText>[0],\n        caps,\n      );\n    }\n  }\n  return undefined;\n}\n","'use client';\n\nimport {\n  type ErasedResourceHandle,\n  type FilterExpression,\n  type FixedFilterInput,\n  type RelationCandidate,\n  type RelationOpen,\n  relationOpenOf,\n  type ResourceRefInput,\n  type ScopeSource,\n  type SearchDecl,\n  composeListFilter,\n  normalizeFixedFilters,\n  resolveResourceLabel,\n  resourceKey,\n} from '@burojs/core';\nimport {\n  useApp,\n  useI18nCaps,\n  useList,\n  useListAccess,\n  useOptionalT,\n  useRelatedRecord,\n  useTestIds,\n} from '@burojs/react';\nimport { errorTitle } from '../lib/error-title.js';\nimport { LoadError } from '../load-error/load-error-view.js';\nimport { IconCheck, IconChevronDown, IconLoader2, IconX } from '@tabler/icons-react';\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\nimport { Button } from '../primitives/button.js';\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../primitives/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../primitives/popover.js';\nimport {\n  optionSubtitle as optionSubtitleText,\n  type RecordSubtitleFn,\n  useRowSubtitle,\n} from '../resource/use-record-subtitle.js';\nimport { useRowTitle } from '../resource/use-row-title.js';\nimport { useCandidatesGate } from './candidates-gate.js';\nimport { RelationCreateButton, useSelectCreate } from './relation-create.js';\nimport { LazyRelationPickerDialog } from './lazy-relation-picker-dialog.js';\nimport { RelationViewButton, selectKey } from './relation-view-button.js';\nimport type { FieldInputProps } from './registry.js';\nimport { namesHiddenField, narrowSearchDecl } from './search-access.js';\n\ntype ErasedExpression = FilterExpression<ErasedResourceHandle>;\ntype Key = string | number;\n\nconst DEBOUNCE_MS = 250;\nconst NO_KEYS: readonly Key[] = Object.freeze([]);\n\n/** The keys a to-many field holds: strings and finite numbers, the user's order, no repeats. */\nfunction keysOf(value: unknown): readonly Key[] {\n  if (!Array.isArray(value)) return [];\n  const seen = new Set<string>();\n  const out: Key[] = [];\n  for (const entry of value) {\n    const key = selectKey(entry);\n    if (key === null || seen.has(key)) continue;\n    seen.add(key);\n    out.push(entry as Key);\n  }\n  return out;\n}\n\n/**\n * Form input of `f.relationMany` (P7 3.5): the chosen rows as chips (titles through the relation\n * aggregator, one batched read), a popover that searches the same option query a single select\n * does (candidates, field access and the create hand-back included), \"Advanced search\" in a\n * multiple-choice dialog, a \"view\" on every chip and \"+ create\" that appends what it created.\n * The value is `row[by ?? id]` for each chosen row. Loaded lazily: it is not on any screen's\n * first paint.\n */\nexport function RelationManyPickerInput(props: FieldInputProps): React.ReactElement {\n  const {\n    name,\n    id,\n    value,\n    onChange,\n    testid,\n    field,\n    disabled,\n    required,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaErrorMessage,\n    ariaLabelledBy,\n    relationSeeds,\n    fixedFilters,\n    metaSources,\n    resource,\n    link,\n  } = props;\n  const meta = field?.meta as\n    | {\n        to?: ResourceRefInput;\n        by?: unknown;\n        searchField?: string;\n        candidates?: unknown;\n        scope?: ScopeSource;\n      }\n    | undefined;\n  let to: string | undefined;\n  try {\n    to = meta?.to === undefined ? undefined : resourceKey(meta.to);\n  } catch {\n    to = undefined;\n  }\n  const gate = useCandidatesGate({\n    to,\n    candidates: Array.isArray(meta?.candidates)\n      ? (meta.candidates as readonly RelationCandidate[])\n      : undefined,\n    sources: metaSources,\n    resource: resource ?? '',\n    fieldName: field?.name ?? name,\n  });\n  if (!to) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${testid ?? `relation-many:${name}`}:no-target`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">—</span>\n      </Button>\n    );\n  }\n  // An inline link: the form controller's rights decide what the select offers, and the keys the\n  // user cannot see ride along in the value. A link denied `not-atomic` is read-only with a notice.\n  const linkRights = link?.rights;\n  const notAtomic =\n    linkRights !== undefined &&\n    [linkRights.edit, linkRights.attach, linkRights.detach].some(\n      (right) => !right.allowed && right.reason === 'not-atomic',\n    );\n  const denied =\n    linkRights !== undefined &&\n    !notAtomic &&\n    !linkRights.edit.allowed &&\n    ['field-readonly', 'rule-denied', 'operation-absent'].includes(linkRights.edit.reason);\n  // The form holds a link's keys only once they are read whole: a failed or capped read, or one\n  // still running, leaves the field read-only, and the user is told why.\n  const keyRead = link?.keys;\n  const keyNotice: KeyNotice | undefined =\n    link === undefined\n      ? undefined\n      : keyRead?.error\n        ? { kind: 'error', error: keyRead.error }\n        : keyRead !== undefined &&\n            !keyRead.isLoading &&\n            keyRead.keys !== undefined &&\n            !keyRead.complete\n          ? { kind: 'incomplete', count: keyRead.keys.length }\n          : !link.ready\n            ? { kind: 'pending' }\n            : undefined;\n  const filters =\n    gate.filters.length === 0 ? fixedFilters : [...gate.filters, ...(fixedFilters ?? [])];\n  const subtitle = props.optionSubtitle;\n  return (\n    <ManyPicker\n      to={to}\n      keys={keysOf(value)}\n      onChange={(next) => onChange(next)}\n      {...(typeof meta?.by === 'string' ? { by: meta.by } : {})}\n      searchField={meta?.searchField}\n      {...(meta?.scope === undefined ? {} : { scope: meta.scope })}\n      fixedFilters={filters}\n      {...(gate.gate === undefined ? {} : { gate: gate.gate })}\n      createSeeds={relationSeeds}\n      name={name}\n      id={id}\n      testid={testid ?? `relation-many:${to}`}\n      resource={resource ?? ''}\n      fieldName={field?.name ?? name}\n      open={relationOpenOf(field ?? {})}\n      {...(subtitle === undefined ? {} : { optionSubtitle: subtitle })}\n      {...(linkRights === undefined\n        ? {}\n        : {\n            canAdd: linkRights.attach.allowed,\n            canRemove: linkRights.detach.allowed,\n            hidden: link?.hidden ?? [],\n            notAtomic,\n            readOnly: denied,\n            ...(keyNotice === undefined ? {} : { keyNotice }),\n          })}\n      disabled={disabled}\n      required={required}\n      ariaInvalid={ariaInvalid}\n      ariaDescribedBy={ariaDescribedBy}\n      ariaErrorMessage={ariaErrorMessage}\n      ariaLabelledBy={ariaLabelledBy}\n    />\n  );\n}\n\n/** Why a link whose keys the form does not hold whole is read-only. */\ntype KeyNotice =\n  | { readonly kind: 'error'; readonly error: unknown }\n  | { readonly kind: 'incomplete'; readonly count: number }\n  | { readonly kind: 'pending' };\n\ninterface ManyPickerProps {\n  readonly to: string;\n  readonly keys: readonly Key[];\n  readonly onChange: (next: readonly Key[]) => void;\n  readonly by?: string;\n  readonly searchField?: string | undefined;\n  readonly fixedFilters: readonly FixedFilterInput[] | undefined;\n  readonly gate?: import('./candidates-gate.js').CandidatesGate;\n  readonly createSeeds: Readonly<Record<string, unknown>> | undefined;\n  readonly name: string;\n  readonly id: string | undefined;\n  readonly testid: string;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly open: RelationOpen;\n  /** The options' second line (the field's `optionSubtitle`); see `RelationPickerProps`. */\n  readonly optionSubtitle?: RecordSubtitleFn;\n  /** False: no search box, no \"Advanced search\", no create, and no key can be added. Default true. */\n  readonly canAdd?: boolean;\n  /** False: no chip remove button, no Backspace removal, no clear-all. Default true. */\n  readonly canRemove?: boolean;\n  /**\n   * Keys of `keys` whose target the user cannot see: one \"N not visible\" chip stands for them, it\n   * has no remove button, and neither Backspace nor clear-all drops them.\n   */\n  readonly hidden?: readonly Key[];\n  /** The link is edited with the record but its provider does not write it so: read-only, say so. */\n  readonly notAtomic?: boolean;\n  /** The user may see the link but not change it: say so. */\n  readonly readOnly?: boolean;\n  /** The link's keys are not held whole (failed, cut at the read cap, or still loading). */\n  readonly keyNotice?: KeyNotice;\n  /**\n   * The read scope of the option reads (popover, dialog, create hand-back). Default `'context'`:\n   * the record around the select narrows them, except by the field the select writes.\n   */\n  readonly scope?: ScopeSource;\n  readonly disabled: boolean | undefined;\n  readonly required: boolean | undefined;\n  readonly ariaInvalid: boolean | undefined;\n  readonly ariaDescribedBy: string | undefined;\n  readonly ariaErrorMessage: string | undefined;\n  /** Id of the field's label element: the option list is named by it. */\n  readonly ariaLabelledBy?: string | undefined;\n}\n\nfunction ManyPicker({\n  to,\n  keys,\n  onChange,\n  by,\n  searchField,\n  fixedFilters,\n  gate,\n  createSeeds,\n  name,\n  id,\n  testid,\n  resource,\n  fieldName,\n  open: openMode,\n  optionSubtitle,\n  canAdd = true,\n  canRemove = true,\n  hidden = NO_KEYS,\n  notAtomic = false,\n  readOnly = false,\n  keyNotice,\n  scope = 'context',\n  disabled,\n  required,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  ariaLabelledBy,\n}: ManyPickerProps): React.ReactElement {\n  const app = useApp();\n  const caps = useI18nCaps();\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const rowSubtitle = useRowSubtitle(to, optionSubtitle);\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef).toLowerCase();\n  const childPrefix = `relation-picker:${to}`;\n  const effectiveSearchField = searchField ?? targetDef?.displayField ?? 'name';\n  const [open, setOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  // Mounted on the first open, and only while no candidates gate holds the read: without the\n  // candidate filters the dialog would list rows the field must not offer.\n  const gated = gate !== undefined;\n  const [dialogMounted, setDialogMounted] = React.useState(false);\n  React.useEffect(() => {\n    if (gated) setDialogOpen(false);\n  }, [gated]);\n  React.useEffect(() => {\n    if (dialogOpen) setDialogMounted(true);\n  }, [dialogOpen]);\n  const [search, setSearch] = React.useState('');\n  const [debouncedSearch, setDebouncedSearch] = React.useState('');\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const focusTrigger = React.useCallback(() => triggerRef.current?.focus(), []);\n\n  React.useEffect(() => {\n    const handle = setTimeout(() => setDebouncedSearch(search), DEBOUNCE_MS);\n    return () => clearTimeout(handle);\n  }, [search]);\n  React.useEffect(() => {\n    if (!open) {\n      setSearch('');\n      setDebouncedSearch('');\n    }\n  }, [open]);\n\n  const targetIdField = (targetDef?.data as { readonly idField?: unknown } | undefined)?.idField;\n  const idField =\n    typeof targetIdField === 'string' && targetIdField.length > 0 ? targetIdField : 'id';\n  const valueField = by ?? idField;\n  const access = useListAccess(to);\n  const accessReady = access.status === 'ready';\n  const searchDecl = React.useMemo<SearchDecl | undefined>(\n    () =>\n      narrowSearchDecl(\n        targetDef?.views?.list?.search ?? { fields: [effectiveSearchField] },\n        (field) => access.fieldVisible(field),\n      ),\n    [targetDef, effectiveSearchField, access],\n  );\n  const filter = React.useMemo<ErasedExpression | undefined>(\n    () =>\n      composeListFilter({\n        fixed: normalizeFixedFilters(fixedFilters),\n        search: debouncedSearch,\n        searchDecl,\n        searchContext: { resource: to, def: targetDef },\n      }),\n    [fixedFilters, debouncedSearch, searchDecl, to, targetDef],\n  );\n  const blocked =\n    !accessReady ||\n    gate !== undefined ||\n    namesHiddenField(filter, (field) => access.fieldVisible(field));\n\n  const hiddenSet = React.useMemo(() => new Set(hidden.map(String)), [hidden]);\n  const visibleKeys = React.useMemo(\n    () => keys.filter((key) => !hiddenSet.has(String(key))),\n    [keys, hiddenSet],\n  );\n  const hiddenHeld = keys.length - visibleKeys.length;\n  const append = React.useCallback(\n    (next: Key) => {\n      if (!canAdd || keys.some((key) => String(key) === String(next))) return;\n      onChange([...keys, next]);\n    },\n    [keys, onChange, canAdd],\n  );\n  const toggle = React.useCallback(\n    (next: Key) => {\n      const held = keys.some((key) => String(key) === String(next));\n      if (held ? !canRemove || hiddenSet.has(String(next)) : !canAdd) return;\n      onChange(held ? keys.filter((key) => String(key) !== String(next)) : [...keys, next]);\n    },\n    [keys, onChange, canAdd, canRemove, hiddenSet],\n  );\n  const { create, reader: createReader } = useSelectCreate({\n    to,\n    by,\n    valueField,\n    idField,\n    fixedFilters,\n    scope,\n    scopeField: fieldName,\n    held: gated,\n    searchDecl,\n    searchContext: { resource: to, def: targetDef },\n    // What was created and fits is appended, as a pick would be; the dialog it came from is done.\n    onValue: (picked) => {\n      append(picked);\n      setDialogOpen(false);\n    },\n  });\n\n  const listQuery = useList(to, {\n    ...(filter ? { filter } : {}),\n    pagination: { kind: 'offset', page: 1, pageSize: 10 },\n    scope,\n    scopeField: fieldName,\n    enabled: open && targetDef != null && !blocked,\n  });\n  const rows = (listQuery.data?.data ?? []) as Array<Record<string, unknown>>;\n  const isLoading = listQuery.isLoading || listQuery.isFetching;\n  const error = listQuery.isError ? (listQuery.error as unknown as Error) : null;\n\n  if (!targetDef) {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${childPrefix}:unregistered`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n      >\n        <span className=\"truncate text-muted-foreground\">{keys.map(String).join(', ') || '—'}</span>\n      </Button>\n    );\n  }\n\n  const placeholder = t('relation.select', {\n    params: { name: targetLabel },\n    defaultValue: `Select ${targetLabel}…`,\n  });\n  // Nothing held, nothing drawn: an empty row would still take the column's gap above the trigger.\n  const chips =\n    visibleKeys.length === 0 && hiddenHeld === 0 ? null : (\n      <div className=\"flex flex-wrap items-center gap-1\" data-testid={`${testid}:chips`}>\n        {visibleKeys.map((key) => (\n          <Chip\n            key={String(key)}\n            to={to}\n            keyValue={key}\n            by={by}\n            resource={resource}\n            fieldName={fieldName}\n            open={openMode}\n            testId={tid.relationManyChip(resource, fieldName, String(key))}\n            disabled={disabled === true || !canRemove}\n            focusTrigger={focusTrigger}\n            onRemove={() => onChange(keys.filter((entry) => String(entry) !== String(key)))}\n          />\n        ))}\n        {hiddenHeld > 0 ? (\n          <span\n            data-testid={tid.linkHidden(resource, fieldName)}\n            className=\"inline-flex items-center rounded-md border bg-secondary px-2 py-0.5 text-sm text-muted-foreground\"\n          >\n            {t('field.link.hidden', {\n              count: hiddenHeld,\n              defaultValue: '{{count}} not visible',\n            })}\n          </span>\n        ) : null}\n        {canRemove && disabled !== true && visibleKeys.length > 0 ? (\n          <button\n            type=\"button\"\n            onClick={() => {\n              // The button leaves with the chips it clears: focus goes where chip removal sends it.\n              focusTrigger();\n              onChange(keys.filter((key) => hiddenSet.has(String(key))));\n            }}\n            data-testid={`${testid}:clear-all`}\n            className=\"rounded-sm px-1 text-xs text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            {t('relationPicker.clearAll', { defaultValue: 'Clear all' })}\n          </button>\n        ) : null}\n      </div>\n    );\n  const notice = keyNotice ? (\n    <p\n      data-testid={`${testid}:keys-${keyNotice.kind}`}\n      role={keyNotice.kind === 'error' ? 'status' : undefined}\n      className={cn(\n        'text-xs',\n        keyNotice.kind === 'error' ? 'text-destructive' : 'text-muted-foreground',\n      )}\n    >\n      {keyNotice.kind === 'error'\n        ? `${t('field.link.failed', { defaultValue: 'Links could not be loaded' })}: ${errorTitle(keyNotice.error, caps) ?? ''}`\n        : keyNotice.kind === 'incomplete'\n          ? t('field.link.incomplete', {\n              count: keyNotice.count,\n              defaultValue: 'More than {{count}} links',\n            })\n          : t('table.loading', { defaultValue: 'Loading…' })}\n    </p>\n  ) : readOnly ? (\n    <p data-testid={`${testid}:read-only`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.readOnly', { defaultValue: 'You cannot change this link.' })}\n    </p>\n  ) : notAtomic ? (\n    <p data-testid={`${testid}:not-atomic`} className=\"text-xs text-muted-foreground\">\n      {t('field.link.notAtomic', {\n        defaultValue:\n          'This link cannot be edited here: its data source does not save it with the record.',\n      })}\n    </p>\n  ) : null;\n\n  if (gate?.kind === 'pending')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          aria-busy=\"true\"\n          data-testid={testid}\n          data-buro-candidates=\"pending\"\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconLoader2 className=\"h-4 w-4 shrink-0 animate-spin opacity-50\" aria-hidden />\n        </Button>\n      </div>\n    );\n  if (gate?.kind === 'forbidden')\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          data-testid={testid}\n          data-buro-candidates=\"forbidden\"\n          aria-describedby={gate.testId}\n          className=\"w-full justify-between font-normal\"\n        >\n          <span className=\"truncate text-muted-foreground\">{placeholder}</span>\n          <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n        </Button>\n        <p id={gate.testId} data-testid={gate.testId} className=\"text-xs text-muted-foreground\">\n          {gate.message}\n        </p>\n      </div>\n    );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"flex flex-col gap-1.5\">\n        {chips}\n        {notice}\n        <PopoverTrigger asChild>\n          <Button\n            ref={triggerRef}\n            type=\"button\"\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            aria-required={required}\n            aria-invalid={ariaInvalid || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...(ariaErrorMessage ? { 'aria-errormessage': ariaErrorMessage } : {})}\n            disabled={disabled}\n            data-testid={testid}\n            name={name}\n            id={id}\n            className=\"w-full justify-between font-normal\"\n          >\n            <span className=\"truncate text-left text-muted-foreground\">{placeholder}</span>\n            <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        {gate?.kind === 'empty' ? (\n          <p\n            className=\"px-3 py-6 text-center text-sm text-muted-foreground\"\n            data-testid={gate.testId}\n          >\n            {gate.message}\n          </p>\n        ) : (\n          <Command shouldFilter={false}>\n            {searchDecl !== undefined && canAdd && (\n              <CommandInput\n                value={search}\n                onValueChange={setSearch}\n                placeholder={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}…`,\n                })}\n                data-testid={`${childPrefix}:search`}\n                aria-label={t('toolbar.search', {\n                  params: { name: targetLabel },\n                  defaultValue: `Search ${targetLabel}`,\n                })}\n                onKeyDown={(event) => {\n                  // Backspace in an empty search takes the last chip off.\n                  if (event.key === 'Backspace' && search === '' && canRemove) {\n                    event.preventDefault();\n                    const last = visibleKeys.at(-1);\n                    if (last !== undefined)\n                      onChange(keys.filter((key) => String(key) !== String(last)));\n                  }\n                  // Space toggles the highlighted option while nothing is typed.\n                  if (event.key === ' ' && search === '') {\n                    event.preventDefault();\n                    document\n                      .querySelector<HTMLElement>(\n                        `[data-testid=\"${childPrefix}:list\"] [aria-selected=\"true\"]`,\n                      )\n                      ?.click();\n                  }\n                }}\n              />\n            )}\n            <CommandList\n              data-testid={`${childPrefix}:list`}\n              aria-multiselectable=\"true\"\n              // cmdk draws `aria-label` from `label` (default \"Suggestions\"), after any `aria-label`\n              // prop: the field's label element names the list, the target's name is the fallback.\n              label={targetLabel}\n              {...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {})}\n            >\n              {isLoading && (\n                <div\n                  className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\"\n                  data-testid={`${childPrefix}:loading`}\n                >\n                  <IconLoader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n                  <span>{t('table.loading', { defaultValue: 'Loading…' })}</span>\n                </div>\n              )}\n              {!isLoading && error && (\n                <LoadError\n                  surface=\"picker\"\n                  error={error}\n                  testId={`${childPrefix}:error`}\n                  className=\"block px-3 py-6 text-center text-sm text-muted-foreground\"\n                  fallback={{ key: 'relation.failed', default: 'Failed to load options.' }}\n                />\n              )}\n              {!isLoading && !error && rows.length === 0 && (\n                <CommandEmpty data-testid={`${childPrefix}:empty`}>\n                  {t('relation.noResults', { defaultValue: 'No results.' })}\n                </CommandEmpty>\n              )}\n              {!isLoading &&\n                !error &&\n                rows.map((row) => {\n                  const rowValue = row[valueField];\n                  if (rowValue === null || rowValue === undefined || rowValue === '') return null;\n                  const idStr = String(rowValue);\n                  const label = rowTitle(row);\n                  const subtitle = optionSubtitleText(rowSubtitle(row), label, idStr);\n                  const chosen = keys.some((key) => String(key) === idStr);\n                  return (\n                    <CommandItem\n                      key={idStr}\n                      value={`${label} ${idStr}`}\n                      data-testid={`${childPrefix}:option:${idStr}`}\n                      aria-checked={chosen}\n                      disabled={chosen ? !canRemove : !canAdd}\n                      onSelect={() => toggle(rowValue as Key)}\n                    >\n                      <IconCheck\n                        className={cn(\n                          'mr-2 h-4 w-4 shrink-0',\n                          chosen ? 'opacity-100' : 'opacity-0',\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"truncate\">{label}</span>\n                      {/* The declared subtitle, else `#<id>` unless the label already is the id\n                          (REF-40). */}\n                      {subtitle === null ? null : (\n                        <span className=\"ml-auto shrink-0 pl-2 text-xs text-muted-foreground\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </CommandItem>\n                  );\n                })}\n            </CommandList>\n            <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2 text-sm\">\n              {canAdd ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setOpen(false);\n                    setDialogOpen(true);\n                  }}\n                  data-testid={`${childPrefix}:advanced`}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.advancedSearch', { defaultValue: 'Advanced search' })}\n                </button>\n              ) : (\n                <span />\n              )}\n              {!disabled && canAdd && (\n                <RelationCreateButton\n                  to={to}\n                  fieldName={fieldName}\n                  create={create}\n                  seeds={createSeeds}\n                  search={search}\n                  beforeOpen={() => {\n                    setOpen(false);\n                    focusTrigger();\n                  }}\n                  className=\"text-foreground hover:underline focus:outline-hidden focus-visible:underline disabled:opacity-50\"\n                />\n              )}\n            </div>\n          </Command>\n        )}\n      </PopoverContent>\n      {dialogMounted && !gated && canAdd && (\n        <LazyRelationPickerDialog\n          to={to}\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          onSelect={() => undefined}\n          multiple\n          selected={keys}\n          onToggle={toggle}\n          valueField={valueField}\n          searchField={searchField}\n          fixedFilters={fixedFilters}\n          scope={scope}\n          scopeField={fieldName}\n          {...(disabled ? {} : { create })}\n          createSeeds={createSeeds}\n          fieldName={fieldName}\n          onBeforeCreate={focusTrigger}\n        />\n      )}\n      {createReader}\n    </Popover>\n  );\n}\n\n/** One chosen row: its title (the aggregator batches every chip's read), which views it, and remove. */\nfunction Chip({\n  to,\n  keyValue,\n  by,\n  resource,\n  fieldName,\n  testId,\n  open: openMode,\n  disabled,\n  focusTrigger,\n  onRemove,\n}: {\n  readonly to: string;\n  readonly keyValue: Key;\n  readonly by: string | undefined;\n  readonly resource: string;\n  readonly fieldName: string;\n  readonly testId: string;\n  readonly open: RelationOpen;\n  readonly disabled: boolean;\n  readonly focusTrigger: () => void;\n  readonly onRemove: () => void;\n}): React.ReactElement {\n  const t = useOptionalT();\n  const app = useApp();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const { record, isLoading } = useRelatedRecord(\n    to,\n    keyValue,\n    by === undefined ? undefined : { by },\n  );\n  const title = record ? rowTitle(record as Record<string, unknown>) : String(keyValue);\n  return (\n    <span\n      data-testid={testId}\n      data-resource={resource}\n      className=\"inline-flex items-center gap-0.5 rounded-md border bg-secondary pl-2 text-sm text-secondary-foreground\"\n    >\n      <RelationViewButton\n        to={to}\n        value={keyValue}\n        by={by}\n        fieldName={`${fieldName}:${String(keyValue)}`}\n        beforeOpen={focusTrigger}\n        open={openMode}\n        title={isLoading ? t('table.loading', { defaultValue: 'Loading…' }) : title}\n      />\n      {!disabled && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          data-testid={`${testId}:remove`}\n          aria-label={`${t('relationPicker.clear', { defaultValue: 'Clear' })} ${title}`}\n          className=\"inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <IconX className=\"size-3.5\" aria-hidden />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/{relation-picker-BbO41cFV.js → relation-picker-CCyuMeGq.js}

@@ -1,11 +1,11 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
 import { l as useLinkComponent, m as PopoverTrigger, p as PopoverContent, u as Popover } from "./toaster-Ct_YHGs6.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { D as CommandItem, E as CommandInput, O as CommandList, S as Command, a as namesHiddenField, b as LoadError, m as useRowTitle, r as RelationViewButton, t as RelationCreateButton, w as CommandEmpty } from "./relation-create-6WicROWA.js";
+import { D as CommandItem, E as CommandInput, O as CommandList, S as Command, a as namesHiddenField, b as LoadError, m as useRowTitle, r as RelationViewButton, t as RelationCreateButton, w as CommandEmpty } from "./relation-create-CeCWyxIb.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-BaORufxQ.js";
-import { t as useRelationSelect } from "./relation-select-CjQT9LpS.js";
-import { r as useRowSubtitle, t as optionSubtitle } from "./use-record-subtitle-w3ZhXNlf.js";
+import { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-BaIEWLbF.js";
+import { t as useRelationSelect } from "./relation-select-nAYxhopN.js";
+import { r as useRowSubtitle, t as optionSubtitle } from "./use-record-subtitle-pWMBqQx9.js";
 import { composeListFilter, normalizeFixedFilters, relationOpenOf, resolveResourceLabel, resourceKey, routeResourceKey } from "@burojs/core";
 import { useApp, useI18nCaps, useList, useOptionalT, useRelatedRecord } from "@burojs/react";
 import { IconCheck, IconChevronDown, IconLoader2 } from "@tabler/icons-react";
@@ -13,7 +13,7 @@ import * as React from "react";
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/fields/lazy-candidates-picker.tsx
-const CandidatesRelationPicker = lazy(() => import("./candidates-relation-picker-QvoY2bOQ.js").then((module) => ({ default: module.CandidatesRelationPicker })));
+const CandidatesRelationPicker = lazy(() => import("./candidates-relation-picker-DRsHKe6N.js").then((module) => ({ default: module.CandidatesRelationPicker })));
 function LazyCandidatesRelationPicker(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -462,4 +462,4 @@ function FieldRelationPicker({ props, to, extra }) {
 //#endregion
 export { RelationPicker as n, RelationPickerInput as r, FieldRelationPicker as t };
 
-//# sourceMappingURL=relation-picker-BbO41cFV.js.map
+//# sourceMappingURL=relation-picker-CCyuMeGq.js.map