@burojs/ui-shadcn 0.7.0 → 0.9.0

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

@@ -1,8 +1,9 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
 import { m as PopoverTrigger, p as PopoverContent, u as Popover } from "./toaster-Ct_YHGs6.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { C as CommandEmpty, D as CommandList, E as CommandItem, T as CommandInput, a as namesHiddenField, i as selectKey, m as useRowTitle, n as useSelectCreate, o as narrowSearchDecl, r as RelationViewButton, t as RelationCreateButton, x as Command, y as LoadError } from "./relation-create-C43cdPQt.js";
-import { r as useCandidatesGate, t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-CAScLPb2.js";
+import { D as CommandItem, E as CommandInput, O as CommandList, S as Command, a as namesHiddenField, b as LoadError, i as selectKey, m as useRowTitle, n as useSelectCreate, o as narrowSearchDecl, r as RelationViewButton, t as RelationCreateButton, w as CommandEmpty } from "./relation-create-6WicROWA.js";
+import { r as useCandidatesGate, t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-BaORufxQ.js";
+import { r as useRowSubtitle, t as optionSubtitle } from "./use-record-subtitle-w3ZhXNlf.js";
 import { composeListFilter, normalizeFixedFilters, relationOpenOf, resolveResourceLabel, resourceKey } from "@burojs/core";
 import { resolveErrorText, useApp, useI18nCaps, useList, useListAccess, useOptionalT, useRelatedRecord, useTestIds } from "@burojs/react";
 import { IconCheck, IconChevronDown, IconLoader2, IconX } from "@tabler/icons-react";
@@ -36,7 +37,7 @@ function keysOf(value) {
 	return out;
 }
 function RelationManyPickerInput(props) {
-	const { name, id, value, onChange, testid, field, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, relationSeeds, fixedFilters, metaSources, resource, link } = props;
+	const { name, id, value, onChange, testid, field, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, relationSeeds, fixedFilters, metaSources, resource, link } = props;
 	const meta = field?.meta;
 	let to;
 	try {
@@ -84,6 +85,7 @@ function RelationManyPickerInput(props) {
 		count: keyRead.keys.length
 	} : !link.ready ? { kind: "pending" } : void 0;
 	const filters = gate.filters.length === 0 ? fixedFilters : [...gate.filters, ...fixedFilters ?? []];
+	const subtitle = props.optionSubtitle;
 	return jsx(ManyPicker, {
 		to,
 		keys: keysOf(value),
@@ -100,6 +102,7 @@ function RelationManyPickerInput(props) {
 		resource: resource ?? "",
 		fieldName: field?.name ?? name,
 		open: relationOpenOf(field ?? {}),
+		...subtitle === void 0 ? {} : { optionSubtitle: subtitle },
 		...linkRights === void 0 ? {} : {
 			canAdd: linkRights.attach.allowed,
 			canRemove: linkRights.detach.allowed,
@@ -112,16 +115,18 @@ function RelationManyPickerInput(props) {
 		required,
 		ariaInvalid,
 		ariaDescribedBy,
-		ariaErrorMessage
+		ariaErrorMessage,
+		ariaLabelledBy
 	});
 }
-function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, createSeeds, name, id, testid, resource, fieldName, open: openMode, canAdd = true, canRemove = true, hidden = NO_KEYS, notAtomic = false, readOnly = false, keyNotice, scope = "context", disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
+function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, createSeeds, name, id, testid, resource, fieldName, open: openMode, optionSubtitle: optionSubtitle$1, canAdd = true, canRemove = true, hidden = NO_KEYS, notAtomic = false, readOnly = false, keyNotice, scope = "context", disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy }) {
 	const app = useApp();
 	const caps = useI18nCaps();
 	const t = useOptionalT();
 	const tid = useTestIds();
 	const targetDef = app.registry.get(to);
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
+	const rowSubtitle = useRowSubtitle(to, optionSubtitle$1);
 	const targetLabel = resolveResourceLabel(caps, to, "single", targetDef).toLowerCase();
 	const childPrefix = `relation-picker:${to}`;
 	const effectiveSearchField = searchField ?? targetDef?.displayField ?? "name";
@@ -427,7 +432,8 @@ function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, c
 						jsxs(CommandList, {
 							"data-testid": `${childPrefix}:list`,
 							"aria-multiselectable": "true",
-							"aria-label": targetLabel,
+							label: targetLabel,
+							...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
 							children: [
 								isLoading && jsxs("div", {
 									className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground",
@@ -456,6 +462,7 @@ function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, c
 									if (rowValue === null || rowValue === void 0 || rowValue === "") return null;
 									const idStr = String(rowValue);
 									const label = rowTitle(row);
+									const subtitle = optionSubtitle(rowSubtitle(row), label, idStr);
 									const chosen = keys.some((key) => String(key) === idStr);
 									return jsxs(CommandItem, {
 										value: `${label} ${idStr}`,
@@ -472,9 +479,9 @@ function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, c
 												className: "truncate",
 												children: label
 											}),
-											label === idStr ? null : jsxs("span", {
+											subtitle === null ? null : jsx("span", {
 												className: "ml-auto shrink-0 pl-2 text-xs text-muted-foreground",
-												children: ["#", idStr]
+												children: subtitle
 											})
 										]
 									}, idStr);
@@ -533,7 +540,7 @@ function ManyPicker({ to, keys, onChange, by, searchField, fixedFilters, gate, c
 function Chip({ to, keyValue, by, resource, fieldName, testId, open: openMode, disabled, focusTrigger, onRemove }) {
 	const t = useOptionalT();
 	const targetDef = useApp().registry.get(to);
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	const { record, isLoading } = useRelatedRecord(to, keyValue, by === void 0 ? void 0 : { by });
 	const title = record ? rowTitle(record) : String(keyValue);
 	return jsxs("span", {
@@ -564,4 +571,4 @@ function Chip({ to, keyValue, by, resource, fieldName, testId, open: openMode, d
 //#endregion
 export { RelationManyPickerInput };
 
-//# sourceMappingURL=relation-many-picker-BJhaEqxz.js.map
+//# sourceMappingURL=relation-many-picker-mGEQDWo2.js.map

package/dist/relation-many-picker-mGEQDWo2.js.map

@@ -0,0 +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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"}

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

@@ -1,10 +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 { C as CommandEmpty, D as CommandList, E as CommandItem, T as CommandInput, a as namesHiddenField, m as useRowTitle, r as RelationViewButton, t as RelationCreateButton, x as Command, y as LoadError } from "./relation-create-C43cdPQt.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 { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-CAScLPb2.js";
-import { t as useRelationSelect } from "./relation-select-B8Fq4o-t.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 { 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";
@@ -12,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-CS_JZ4Fd.js").then((module) => ({ default: module.CandidatesRelationPicker })));
+const CandidatesRelationPicker = lazy(() => import("./candidates-relation-picker-QvoY2bOQ.js").then((module) => ({ default: module.CandidatesRelationPicker })));
 function LazyCandidatesRelationPicker(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -26,13 +27,14 @@ function LazyCandidatesRelationPicker(props) {
 //#endregion
 //#region src/fields/relation-picker.tsx
 const DEBOUNCE_MS = 250;
-function RelationPicker({ to: toInput, value, onChange, by, searchField, pageSize = 10, clearable = true, placeholder, name, id, testid, fixedFilters, createSeeds, candidatesGate, rowFits, fieldName, open: openMode, scope = "context", disabled, required, className, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
+function RelationPicker({ to: toInput, value, onChange, by, searchField, pageSize = 10, clearable = true, placeholder, name, id, testid, fixedFilters, createSeeds, candidatesGate, rowFits, fieldName, open: openMode, optionSubtitle: optionSubtitle$1, scope = "context", disabled, required, className, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy }) {
 	const to = routeResourceKey(toInput);
 	const app = useApp();
 	const caps = useI18nCaps();
 	const t = useOptionalT();
 	const targetDef = app.registry.get(to);
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
+	const rowSubtitle = useRowSubtitle(to, optionSubtitle$1);
 	const targetLabel = resolveResourceLabel(caps, to, "single", targetDef).toLowerCase();
 	const RouterLink = useLinkComponent();
 	const tid = testid ?? `relation-picker:${to}`;
@@ -266,6 +268,8 @@ function RelationPicker({ to: toInput, value, onChange, by, searchField, pageSiz
 						}),
 						jsxs(CommandList, {
 							"data-testid": `${childPrefix}:list`,
+							label: targetLabel,
+							...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
 							children: [
 								isLoading && jsxs("div", {
 									className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground",
@@ -294,6 +298,7 @@ function RelationPicker({ to: toInput, value, onChange, by, searchField, pageSiz
 									if (rowId === null || rowId === void 0 || rowId === "") return null;
 									const idStr = String(rowId);
 									const label = rowTitle(row);
+									const subtitle = optionSubtitle(rowSubtitle(row), label, idStr);
 									const isSelected = value != null && String(value) === idStr;
 									return jsxs(CommandItem, {
 										value: `${label} ${idStr}`,
@@ -308,9 +313,9 @@ function RelationPicker({ to: toInput, value, onChange, by, searchField, pageSiz
 												className: "truncate",
 												children: label
 											}),
-											label === idStr ? null : jsxs("span", {
+											subtitle === null ? null : jsx("span", {
 												className: "ml-auto shrink-0 pl-2 text-xs text-muted-foreground",
-												children: ["#", idStr]
+												children: subtitle
 											})
 										]
 									}, idStr);
@@ -426,8 +431,9 @@ function RelationPickerInput(props) {
 }
 function FieldRelationPicker({ props, to, extra }) {
 	const { name, id, value, onChange, testid, field, disabled, required, relationSeeds } = props;
-	const { ariaInvalid, ariaDescribedBy, ariaErrorMessage } = props;
+	const { ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy } = props;
 	const meta = field?.meta;
+	const subtitle = props.optionSubtitle;
 	return jsx(RelationPicker, {
 		to,
 		value,
@@ -444,14 +450,16 @@ function FieldRelationPicker({ props, to, extra }) {
 		...relationSeeds === void 0 ? {} : { createSeeds: relationSeeds },
 		fieldName: field?.name ?? name,
 		open: relationOpenOf(field ?? {}),
+		...subtitle === void 0 ? {} : { optionSubtitle: subtitle },
 		disabled,
 		required,
 		ariaInvalid,
 		ariaDescribedBy,
-		ariaErrorMessage
+		ariaErrorMessage,
+		...ariaLabelledBy === void 0 ? {} : { ariaLabelledBy }
 	});
 }
 //#endregion
 export { RelationPicker as n, RelationPickerInput as r, FieldRelationPicker as t };
 
-//# sourceMappingURL=relation-picker-D-tBBZW_.js.map
+//# sourceMappingURL=relation-picker-BbO41cFV.js.map

package/dist/relation-picker-BbO41cFV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-picker-BbO41cFV.js","names":["optionSubtitle","optionSubtitleText"],"sources":["../src/fields/lazy-candidates-picker.tsx","../src/fields/relation-picker.tsx"],"sourcesContent":["import { type ReactElement, Suspense, lazy } from 'react';\nimport type { FieldInputProps } from './registry.js';\nimport { Skeleton } from '../primitives/skeleton.js';\n\nconst CandidatesRelationPicker = lazy(() =>\n  import('./candidates-relation-picker.js').then((module) => ({\n    default: module.CandidatesRelationPicker,\n  })),\n);\n\n/**\n * A relation select whose field declares `candidates`: the candidates path is a chunk of its own,\n * so a form without candidates never loads it. Until it arrives a skeleton stands in; no read\n * is sent for the options meanwhile.\n */\nexport function LazyCandidatesRelationPicker(props: FieldInputProps): ReactElement {\n  return (\n    <Suspense\n      fallback={\n        <Skeleton\n          data-buro-skeleton=\"\"\n          data-testid=\"relation-candidates-loading\"\n          className=\"h-9 w-full\"\n        />\n      }\n    >\n      <CandidatesRelationPicker {...props} />\n    </Suspense>\n  );\n}\n","'use client';\n\nimport * as React from 'react';\nimport { IconCheck, IconChevronDown, IconLoader2 } from '@tabler/icons-react';\nimport {\n  composeListFilter,\n  normalizeFixedFilters,\n  resolveResourceLabel,\n  resourceKey,\n  type ErasedResourceHandle,\n  type FilterExpression,\n  type FixedFilterInput,\n  type RelationOpen,\n  relationOpenOf,\n  type ResourceRefInput,\n  type ScopeSource,\n  routeResourceKey,\n  type ResourceNameOrRef,\n} from '@burojs/core';\nimport { useApp, useI18nCaps, useList, useOptionalT, useRelatedRecord } from '@burojs/react';\nimport { LoadError } from '../load-error/load-error-view.js';\nimport type { CandidatesGate } from './candidates-gate.js';\nimport { namesHiddenField } from './search-access.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 { cn } from '../lib/cn.js';\nimport { useLinkComponent } from '../layout/link-component.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 { LazyCandidatesRelationPicker } from './lazy-candidates-picker.js';\nimport { LazyRelationPickerDialog } from './lazy-relation-picker-dialog.js';\nimport { RelationCreateButton } from './relation-create.js';\nimport { useRelationSelect } from './relation-select.js';\nimport { RelationViewButton } from './relation-view-button.js';\nimport type { FieldInputProps } from './registry.js';\n\n/** The portable erased AST — the only `fixedFilters` shape this module deals in. */\ntype ErasedExpression = FilterExpression<ErasedResourceHandle>;\n\n/**\n * Single-select relation picker (Relations item 2, v1).\n *\n * Renders a dropdown trigger labelled with the currently-selected\n * record's display name. Clicking opens a popover containing:\n *  - a debounced search input that filters target rows by `searchField`\n *    (defaults to the target's `displayField`) using the data\n *    provider's `contains` operator,\n *  - up to `pageSize` (default 10) result rows,\n *  - a \"Clear\" button when `clearable` is true and a value is set,\n *  - a \"View all\" link to the target's standalone list page so\n *    operators can fall back to the full list when the inline search\n *    can't find what they need.\n *\n * Multi-select / fuller modal / quick-create are deferred to v2 — see\n * docs/superpowers/specs/2026-05-04-relation-picker.md.\n *\n * Failure modes (mirrors RelationDisplay's fail-soft policy):\n *  - target not registered → trigger renders the raw value, picker\n *    is disabled. Caller still gets onChange(null) only via clear.\n *  - useList errors → popover shows muted \"Failed to load\" with the\n *    error message in the title; \"View all\" still works.\n *  - target row for `value` not found → trigger shows the raw id\n *    (so the operator can at least see what was stored).\n */\n\nexport interface RelationPickerProps<N extends string = string> {\n  /** Target resource name (matches `f.relation({ to: '...' })`). */\n  to: ResourceNameOrRef<N>;\n  /** Currently-selected FK value, or null/undefined when empty. */\n  value: string | number | null | undefined;\n  /** Called with the new selected id (or `by` value), or null when cleared. */\n  onChange: (next: string | number | null) => void;\n  /**\n   * The target field the value holds (`meta.by`, spec 4.2): options write `row[by]` and the\n   * selected value is resolved by it. Absent: the target's id field.\n   */\n  by?: string;\n  /**\n   * Field whose value is matched against the search text. Defaults to\n   * the target's `displayField` (which is what the trigger label\n   * already shows, so it's the natural search target).\n   */\n  searchField?: string;\n  /** Initial fetch / max visible rows. Defaults to 10. */\n  pageSize?: number;\n  /** Show a clear button. Defaults to true. */\n  clearable?: boolean;\n  /** Trigger placeholder when value is empty. */\n  placeholder?: string;\n  /** HTML name attribute for the trigger button. */\n  name?: string;\n  /** HTML id attribute. */\n  id?: string;\n  /** Test-id override. Defaults to `relation-picker:<to>`. */\n  testid?: string;\n  /**\n   * Extra filters ANDed onto every query (inline popover + advanced modal) —\n   * the same `FixedFilterInput` shape `useResourceList` takes: a bare AST\n   * expression (`@burojs/core`'s `FilterExpression`, e.g.\n   * `{ field: 'is_active', op: 'eq', value: true }`), or `{ filter, lock?,\n   * label? }` for finer control. A bare expression defaults to `lock: true`\n   * — the field is hidden from the modal's filter builder, with no badge —\n   * which is what keeps the picker from ever offering an out-of-scope\n   * record. Pass `{ filter, lock: false }` to keep the field open to the\n   * user, and add `label` to render it as an undeletable badge instead.\n   */\n  fixedFilters?: readonly FixedFilterInput[];\n  /**\n   * The trusted `defaults` of a create opened from this select (P6-31): the registry field's\n   * static `eq` literals, handed down by the form controller. Never read from `fixedFilters` or\n   * `field.meta`.\n   */\n  createSeeds?: Readonly<Record<string, unknown>>;\n  /**\n   * What the field's `candidates` say about reading the target right now (P7 3.4): `pending`\n   * draws a disabled trigger, `empty` a popover that says what to choose first, `forbidden` a\n   * disabled trigger and why. While set, nothing is read for the options. Absent: read normally.\n   */\n  candidatesGate?: CandidatesGate;\n  /**\n   * Whether a loaded row fits the resolved candidate filters (already in `fixedFilters`):\n   * `false` makes the field say the chosen row \"does not match the current filter\" (P7 3.4).\n   */\n  rowFits?: (row: Record<string, unknown>) => boolean | undefined;\n  /** The form field holding the key (the \"view\" and \"+ create\" test ids); defaults to `name`. */\n  fieldName?: string;\n  /** The field's `ui.open` (P7 3.6): what the \"view\" button opens, or no button for `none`. */\n  open?: RelationOpen;\n  /**\n   * The options' second line over the target row (a relation field's `optionSubtitle`): wins over\n   * the target's `recordSubtitle`; without either, `#<id>`.\n   */\n  optionSubtitle?: RecordSubtitleFn;\n  /**\n   * The read scope of the option reads (the popover, \"Advanced search\" and the create hand-back).\n   * Default `'context'`: the record around the picker narrows its options, except by the field\n   * the picker itself edits (`fieldName`, else `name`). `'none'` reads every row the provider\n   * allows; `'session'` the session's scope selection.\n   */\n  scope?: ScopeSource;\n  disabled?: boolean;\n  required?: boolean;\n  className?: string;\n  /** Forwarded to the trigger button when the field is in an invalid state. */\n  ariaInvalid?: boolean;\n  /** Forwarded to the trigger button as `aria-describedby` (help text only; error id goes via ariaErrorMessage). */\n  ariaDescribedBy?: string;\n  /** Forwarded to the trigger button as `aria-errormessage` (WAI-ARIA 1.2). */\n  ariaErrorMessage?: string;\n  /** Id of the field's label element: the option list is named by it, else by the target's name. */\n  ariaLabelledBy?: string;\n}\n\nconst DEBOUNCE_MS = 250;\n\nexport function RelationPicker<const N extends string = string>({\n  to: toInput,\n  value,\n  onChange,\n  by,\n  searchField,\n  pageSize = 10,\n  clearable = true,\n  placeholder,\n  name,\n  id,\n  testid,\n  fixedFilters,\n  createSeeds,\n  candidatesGate,\n  rowFits,\n  fieldName,\n  open: openMode,\n  optionSubtitle,\n  scope = 'context',\n  disabled,\n  required,\n  className,\n  ariaInvalid,\n  ariaDescribedBy,\n  ariaErrorMessage,\n  ariaLabelledBy,\n}: RelationPickerProps<N>): React.ReactElement {\n  const to = routeResourceKey(toInput);\n  const app = useApp();\n  const caps = useI18nCaps();\n  const t = useOptionalT();\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const rowSubtitle = useRowSubtitle(to, optionSubtitle);\n  // Lowercased: the label sits mid-sentence in «Select location…».\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef).toLowerCase();\n  const RouterLink = useLinkComponent();\n  // Trigger testid honours the prop override (so callers like\n  // the record form get a deterministic per-field id like\n  // `form-field-input:<resource>:<view>:<field>`), but child elements\n  // (search, options, view-all, clear) keep a stable per-target prefix\n  // so e2e tests don't have to know the parent form's testid path.\n  const tid = testid ?? `relation-picker:${to}`;\n  const childPrefix = `relation-picker:${to}`;\n\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  // An overlay opened from this select returns focus to the trigger when it closes: the shell\n  // records the focused element as it mounts.\n  const focusTrigger = React.useCallback(() => triggerRef.current?.focus(), []);\n  const [open, setOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  // The dialog is mounted on its first open, and only while no candidates gate holds the read:\n  // without the candidate filters it would list rows the field must not offer.\n  const gated = candidatesGate !== 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\n  // Debounce the search text so each keystroke doesn't fire a request —\n  // react-query will dedup but the popover can flicker.\n  React.useEffect(() => {\n    const handle = setTimeout(() => setDebouncedSearch(search), DEBOUNCE_MS);\n    return () => clearTimeout(handle);\n  }, [search]);\n\n  // Reset search when the popover closes so reopening starts clean.\n  React.useEffect(() => {\n    if (!open) {\n      setSearch('');\n      setDebouncedSearch('');\n    }\n  }, [open]);\n\n  // Trigger label: fetch the currently-selected target row to show its\n  // display name. Skipped when value is empty (useRelatedRecord handles\n  // that). Same hook RelationDisplay uses, so the cache is shared.\n  // An input resolves the selected value whatever the field's `resolve` says (spec 4.3).\n  const { record: selectedRecord, isLoading: selectedLoading } = useRelatedRecord(\n    to,\n    value,\n    by === undefined ? undefined : { by },\n  );\n  // The record field this picker writes: a record's own scope field never narrows its options.\n  const scopeField = fieldName ?? name;\n  // The value field, the search set and the select's one pending create, shared by the popover\n  // and the \"Advanced search\" dialog (and by `useRelationPicker`).\n  const {\n    access,\n    valueField,\n    searchDecl,\n    create,\n    reader: createReader,\n  } = useRelationSelect({\n    to,\n    by,\n    searchField,\n    fixedFilters,\n    scope,\n    scopeField,\n    held: gated,\n    // As a pick does: the value is written and the \"Advanced search\" dialog, when the create\n    // came from it, is done.\n    onValue: (picked) => {\n      onChange(picked);\n      setDialogOpen(false);\n    },\n  });\n  const accessReady = access.status === 'ready';\n  // List the picker options. `useList` returns `{ data: { data, total } }`.\n  //\n  // Composed through the SAME `composeListFilter` core the dialog\n  // (`RelationPickerDialog`/`useDialogFilterState`) and the list page use —\n  // this popover is a distinct composition SITE (fixed scope + free-text\n  // search only, no builder group), not a second set of rules. Search\n  // resolution mirrors the dialog's: the target's declared\n  // `views.list.search` always wins; the `searchField` prop, else\n  // `displayField`, else `'name'` is the fallback (`useRelationSelect`),\n  // wrapped as a single-field declaration so it goes through the exact same\n  // `searchToFilter` path a real declaration would. Before this, the popover\n  // hand-rolled `{ field: <search field>, op: 'contains', value }`\n  // unconditionally, ignoring a declared `views.list.search` entirely — one\n  // control (popover vs. \"advanced search\") giving two different answers\n  // for the same typed text.\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  // An author predicate or a function search naming a hidden field forbids the read.\n  const blocked =\n    !accessReady ||\n    candidatesGate !== undefined ||\n    namesHiddenField(filter, (name) => access.fieldVisible(name));\n\n  const listQuery = useList(to, {\n    ...(filter ? { filter } : {}),\n    pagination: { kind: 'offset', page: 1, pageSize },\n    scope,\n    ...(scopeField === undefined ? {} : { scopeField }),\n    enabled: open && targetDef != null && !blocked,\n  });\n\n  const rows = (listQuery.data?.data ?? []) as Array<{ id: unknown } & Record<string, unknown>>;\n  // ⚠️ The rows the popover already loaded are a better label source than a\n  // second round-trip. `selectedRecord` comes from the batched relation\n  // aggregator; immediately after picking an option that batch has not\n  // resolved the new id yet, so the trigger fell through to its raw-id\n  // fallback and showed «4» instead of «Finished goods warehouse». The picker\n  // is holding the chosen record in `rows` — use it.\n  const triggerLabel = renderTriggerLabel({\n    rowTitle,\n    optionRows: rows,\n    valueField,\n    value,\n    selectedRecord,\n    selectedLoading,\n    targetDef,\n    targetLabel,\n    placeholder,\n    t,\n  });\n\n  // Target not registered — degrade gracefully: render a disabled\n  // trigger with the raw value so the operator can still SEE the\n  // stored FK, but they can't pick a new one because we have no\n  // basePath to drive a \"View all\" link or a useList query.\n  if (!targetDef) {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn(`[RelationPicker] target resource '${to}' not registered — picker disabled`);\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${childPrefix}:unregistered`}\n        className={cn('w-full justify-between font-normal', className)}\n        name={name}\n        id={id}\n        aria-required={required}\n      >\n        <span className=\"truncate text-muted-foreground\">\n          {value == null || value === ''\n            ? (placeholder ?? t('field.select', { defaultValue: 'Select…' }))\n            : String(value)}\n        </span>\n        <IconChevronDown className=\"h-4 w-4 opacity-50\" aria-hidden />\n      </Button>\n    );\n  }\n\n  // The candidates say the target must not be read yet (P7 3.4): a disabled trigger, no popover.\n  if (candidatesGate?.kind === 'pending') {\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={tid}\n        data-buro-candidates=\"pending\"\n        className={cn('w-full justify-between font-normal', className)}\n        name={name}\n        id={id}\n        aria-required={required}\n        aria-busy=\"true\"\n      >\n        <span className=\"truncate text-muted-foreground\">{triggerLabel}</span>\n        <IconLoader2 className=\"h-4 w-4 shrink-0 animate-spin opacity-50\" aria-hidden />\n      </Button>\n    );\n  }\n  if (candidatesGate?.kind === 'forbidden') {\n    return (\n      <div className=\"flex flex-col gap-1\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled\n          data-testid={tid}\n          data-buro-candidates=\"forbidden\"\n          className={cn('w-full justify-between font-normal', className)}\n          name={name}\n          id={id}\n          aria-required={required}\n          aria-describedby={candidatesGate.testId}\n        >\n          <span className={cn('truncate text-left', value == null && 'text-muted-foreground')}>\n            {triggerLabel}\n          </span>\n          <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n        </Button>\n        <p\n          id={candidatesGate.testId}\n          data-testid={candidatesGate.testId}\n          className=\"text-xs text-muted-foreground\"\n        >\n          {candidatesGate.message}\n        </p>\n      </div>\n    );\n  }\n\n  const targetBasePath = targetDef.basePath ?? `/${to}`;\n  // The chosen row stays as it is when it falls outside the candidates; the field says so.\n  const outside =\n    rowFits !== undefined &&\n    value != null &&\n    value !== '' &&\n    selectedRecord != null &&\n    rowFits(selectedRecord as Record<string, unknown>) === false;\n  const isLoading = listQuery.isLoading || listQuery.isFetching;\n  const error = listQuery.isError ? (listQuery.error as unknown as Error) : null;\n\n  function handleSelect(rowId: unknown): void {\n    // IDs arrive as strings or numbers depending on the data provider.\n    // Pass through as-is so callers can compare to their\n    // schema (e.g. UUID strings stay strings).\n    onChange(rowId as string | number);\n    setOpen(false);\n  }\n\n  function handleClear(): void {\n    onChange(null);\n    setOpen(false);\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"flex items-center gap-1\">\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={tid}\n            name={name}\n            id={id}\n            className={cn('w-full justify-between font-normal', className)}\n          >\n            <span className={cn('truncate text-left', value == null && 'text-muted-foreground')}>\n              {triggerLabel}\n            </span>\n            <IconChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" aria-hidden />\n          </Button>\n        </PopoverTrigger>\n        {!disabled && (\n          <RelationViewButton\n            to={to}\n            value={value}\n            by={by}\n            fieldName={fieldName ?? name ?? to}\n            beforeOpen={focusTrigger}\n            {...(openMode === undefined ? {} : { open: openMode })}\n          />\n        )}\n      </div>\n      {outside && (\n        <p\n          className=\"mt-1 text-xs text-muted-foreground\"\n          data-testid={`${childPrefix}:not-matching`}\n        >\n          {t('relationPicker.notMatching', { defaultValue: 'Does not match the current filter' })}\n        </p>\n      )}\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        {candidatesGate?.kind === 'empty' ? (\n          <p\n            className=\"px-3 py-6 text-center text-sm text-muted-foreground\"\n            data-testid={candidatesGate.testId}\n          >\n            {candidatesGate.message}\n          </p>\n        ) : (\n          /* shouldFilter={false}: cmdk's built-in client filter is disabled\n            because filtering happens server-side via useList's `contains`\n            operator. cmdk still drives keyboard navigation, focus,\n            highlighted-item state, and Enter-to-select. */\n          <Command shouldFilter={false}>\n            {searchDecl !== undefined && (\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              />\n            )}\n            <CommandList\n              data-testid={`${childPrefix}:list`}\n              // cmdk's `label` is the list's `aria-label` (default \"Suggestions\"): the field's label\n              // 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 rowId = row[valueField];\n                  // A row without the value the field stores cannot be chosen (no fallback to id).\n                  if (rowId === null || rowId === undefined || rowId === '') return null;\n                  const idStr = String(rowId);\n                  const label = rowTitle(row);\n                  const subtitle = optionSubtitleText(rowSubtitle(row), label, idStr);\n                  const isSelected = value != null && String(value) === idStr;\n                  return (\n                    <CommandItem\n                      key={idStr}\n                      // cmdk uses `value` for keyboard-search semantics;\n                      // setting it to `${label} ${idStr}` lets users type\n                      // either the label OR the id and the highlighted\n                      // option still tracks correctly across renders.\n                      value={`${label} ${idStr}`}\n                      data-testid={`${childPrefix}:option:${idStr}`}\n                      onSelect={() => handleSelect(rowId)}\n                    >\n                      <IconCheck\n                        className={cn(\n                          'mr-2 h-4 w-4 shrink-0',\n                          isSelected ? '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            {/* Wraps at narrow widths: four actions do not fit one line of a small popover. */}\n            <div className=\"flex flex-wrap items-center justify-between gap-x-2 gap-y-1 border-t px-3 py-2 text-sm\">\n              {clearable && value != null && value !== '' ? (\n                <button\n                  type=\"button\"\n                  onClick={handleClear}\n                  data-testid={`${childPrefix}:clear`}\n                  className=\"text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.clear', { defaultValue: 'Clear' })}\n                </button>\n              ) : (\n                <span aria-hidden />\n              )}\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                {/* #11 — escalation to the full-list modal: search + sort +\n                  paginate + create, for when the inline popover isn't enough. */}\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                {!disabled && (\n                  <RelationCreateButton\n                    to={to}\n                    fieldName={fieldName ?? name ?? to}\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                <RouterLink\n                  href={targetBasePath}\n                  data-testid={`${childPrefix}:view-all`}\n                  className=\"text-muted-foreground hover:text-foreground hover:underline focus:outline-hidden focus-visible:underline\"\n                >\n                  {t('relationPicker.viewAll', { defaultValue: 'Open list' })} →\n                </RouterLink>\n              </div>\n            </div>\n          </Command>\n        )}\n      </PopoverContent>\n      {/*\n        The RAW `searchField` prop, not the resolved fallback — the dialog\n        (Task 5, SP3) does its OWN target-declaration → prop → displayField\n        resolution via `useDialogFilterState`, so handing it an already-\n        resolved value here would just have this component's own\n        `displayField ?? 'name'` fallback (built for the POPOVER's simpler\n        contains-only search) silently stand in for the dialog's, rather\n        than letting the target's declared `views.list.search` win when the\n        caller passed no override at all.\n      */}\n      {dialogMounted && !gated && (\n        <LazyRelationPickerDialog\n          to={to}\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          onSelect={(rowId) => onChange(rowId)}\n          valueField={valueField}\n          searchField={searchField}\n          fixedFilters={fixedFilters}\n          scope={scope}\n          {...(scopeField === undefined ? {} : { scopeField })}\n          {...(disabled ? {} : { create })}\n          createSeeds={createSeeds}\n          fieldName={fieldName ?? name ?? to}\n          onBeforeCreate={focusTrigger}\n        />\n      )}\n      {createReader}\n    </Popover>\n  );\n}\n\ninterface TriggerLabelArgs {\n  value: string | number | null | undefined;\n  selectedRecord: ReturnType<typeof useRelatedRecord>['record'];\n  selectedLoading: boolean;\n  /** Rows already loaded for the popover; used as a same-tick label source. */\n  optionRows?: Array<{ id: unknown } & Record<string, unknown>>;\n  /** The row field the value holds (`by`, else the id field). */\n  valueField: string;\n  targetDef: ReturnType<ReturnType<typeof useApp>['registry']['get']>;\n  /** The resolved, lowercased target label. */\n  targetLabel: string;\n  placeholder?: string;\n  /** The row title under the viewer's field view (id when the display field is hidden). */\n  rowTitle: (row: Record<string, unknown>) => string;\n  t: (key: string, options?: { params?: Record<string, unknown>; defaultValue?: string }) => string;\n}\n\nfunction renderTriggerLabel({\n  value,\n  selectedRecord,\n  selectedLoading,\n  targetLabel,\n  placeholder,\n  optionRows,\n  valueField,\n  t,\n  rowTitle,\n}: TriggerLabelArgs): React.ReactNode {\n  if (value == null || value === '') {\n    return (\n      placeholder ??\n      t('relation.select', {\n        params: { name: targetLabel },\n        defaultValue: `Select ${targetLabel}…`,\n      })\n    );\n  }\n  if (selectedLoading) {\n    return t('table.loading', { defaultValue: 'Loading…' });\n  }\n  if (selectedRecord) {\n    return rowTitle(selectedRecord);\n  }\n  // Not resolved by the aggregator yet (or at all). If the popover already\n  // loaded this record as an option — which it always has right after the\n  // user picked it — label from that instead of showing a bare id.\n  const fromOptions = optionRows?.find((r) => String(r[valueField]) === String(value));\n  if (fromOptions) {\n    return rowTitle(fromOptions);\n  }\n  // Genuinely unknown (404 / not in the loaded page) — show the raw id so the\n  // operator can at least see what was stored.\n  return String(value);\n}\n\n/**\n * Form-field adapter wrapping `<RelationPicker>` for use as a default\n * Input renderer in the field registry. Reads `field.meta.to` for the\n * target resource name. When `meta.to` is absent we degrade to a plain\n * (disabled) text representation of the value with a console warning —\n * same fail-soft as RelationDisplay.\n */\nexport function RelationPickerInput(props: FieldInputProps): React.ReactElement {\n  const { name, id, value, testid, field, required } = props;\n  const meta = field?.meta as { to?: ResourceRefInput; candidates?: unknown } | undefined;\n  let to: string | undefined;\n  try {\n    to = meta?.to === undefined ? undefined : resourceKey(meta.to);\n  } catch {\n    to = undefined;\n  }\n\n  if (!to) {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[RelationPickerInput] no meta.to on field '${field?.name ?? name}' — relation picker disabled`,\n      );\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled\n        data-testid={`${testid ?? `relation-picker:${name}`}:no-target`}\n        className=\"w-full justify-between font-normal\"\n        name={name}\n        id={id}\n        aria-required={required}\n      >\n        <span className=\"truncate text-muted-foreground\">\n          {value == null || value === '' ? '—' : String(value)}\n        </span>\n      </Button>\n    );\n  }\n\n  // The candidates path is loaded only for a field that declares candidates.\n  if (Array.isArray(meta?.candidates) && meta.candidates.length > 0)\n    return <LazyCandidatesRelationPicker {...props} />;\n  return <FieldRelationPicker props={props} to={to} />;\n}\n\n/** The form field's props as `RelationPicker` takes them; `extra` carries the candidates' part. */\nexport function FieldRelationPicker({\n  props,\n  to,\n  extra,\n}: {\n  props: FieldInputProps;\n  to: string;\n  extra?: {\n    fixedFilters: FieldInputProps['fixedFilters'];\n    candidatesGate?: CandidatesGate;\n    rowFits?: (row: Record<string, unknown>) => boolean | undefined;\n  };\n}): React.ReactElement {\n  const { name, id, value, onChange, testid, field, disabled, required, relationSeeds } = props;\n  const { ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy } = props;\n  const meta = field?.meta as\n    | { by?: unknown; searchField?: string; scope?: ScopeSource }\n    | undefined;\n  const subtitle = props.optionSubtitle;\n  return (\n    <RelationPicker\n      to={to}\n      value={value as string | number | null | undefined}\n      onChange={(v) => onChange(v)}\n      {...(typeof meta?.by === 'string' ? { by: meta.by } : {})}\n      name={name}\n      id={id}\n      testid={testid ?? `relation-picker:${to}`}\n      searchField={meta?.searchField}\n      {...(meta?.scope === undefined ? {} : { scope: meta.scope })}\n      fixedFilters={extra === undefined ? props.fixedFilters : extra.fixedFilters}\n      {...(extra?.candidatesGate === undefined ? {} : { candidatesGate: extra.candidatesGate })}\n      {...(extra?.rowFits === undefined ? {} : { rowFits: extra.rowFits })}\n      {...(relationSeeds === undefined ? {} : { createSeeds: relationSeeds })}\n      fieldName={field?.name ?? name}\n      open={relationOpenOf(field ?? {})}\n      {...(subtitle === undefined ? {} : { optionSubtitle: subtitle })}\n      disabled={disabled}\n      required={required}\n      ariaInvalid={ariaInvalid}\n      ariaDescribedBy={ariaDescribedBy}\n      ariaErrorMessage={ariaErrorMessage}\n      {...(ariaLabelledBy === undefined ? {} : { ariaLabelledBy })}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/{relation-picker-dialog-DoEY8EkH.js → relation-picker-dialog-BgSG_8bU.js}

@@ -2,9 +2,9 @@ import { l as cn } from "./use-theme-dnE3Od3I.js";
 import { t as Button } from "./button-MWVeZaqj.js";
 import { t as Input } from "./input-CUPStzZO.js";
 import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-C123sVQ8.js";
-import { m as useRowTitle, t as RelationCreateButton } from "./relation-create-C43cdPQt.js";
-import { A as TableRow, D as TableCell, O as TableHead, P as ResolvedFieldDisplay, T as TableBody, k as TableHeader, t as FilterBuilder, w as Table } from "./filter-builder-DaWHUZuV.js";
-import { t as useDialogFilterState } from "./use-dialog-filter-state-B_MqzHaT.js";
+import { m as useRowTitle, t as RelationCreateButton } from "./relation-create-6WicROWA.js";
+import { A as TableHeader, E as TableBody, F as ResolvedFieldDisplay, O as TableCell, T as Table, j as TableRow, k as TableHead, t as FilterBuilder } from "./filter-builder-04nas3eq.js";
+import { t as useDialogFilterState } from "./use-dialog-filter-state-CJoeY-1j.js";
 import { columnName, declaredField, declaredText, enumNamespaceOf, enumValueText, fieldOptionText, resolveFieldLabel, resolveResourceLabel, routeResourceKey } from "@burojs/core";
 import { recordKeyOf, useApp, useChromeT, useI18nCaps, useList, useListAccess, useOptionalT } from "@burojs/react";
 import { IconArrowDown, IconArrowUp, IconCheck, IconChevronRight, IconLoader2, IconSearch, IconSelector } from "@tabler/icons-react";
@@ -25,7 +25,7 @@ function RelationPickerDialog({ to: toInput, open, onOpenChange, onSelect, onSel
 		defaultValue: fallback
 	}) ?? fallback ?? key;
 	const targetDef = app.registry.get(to);
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	const declaredIdField = (targetDef?.data)?.idField;
 	const idField = typeof declaredIdField === "string" && declaredIdField.length > 0 ? declaredIdField : "id";
 	const valueField = valueFieldProp ?? idField;
@@ -398,4 +398,4 @@ function formatCell(value, field, enumOf) {
 //#endregion
 export { RelationPickerDialog };
 
-//# sourceMappingURL=relation-picker-dialog-DoEY8EkH.js.map
+//# sourceMappingURL=relation-picker-dialog-BgSG_8bU.js.map

package/dist/relation-picker-dialog-BgSG_8bU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-picker-dialog-BgSG_8bU.js","names":[],"sources":["../src/fields/relation-picker-dialog.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport {\n  IconArrowDown,\n  IconArrowUp,\n  IconCheck,\n  IconChevronRight,\n  IconSelector,\n  IconLoader2,\n  IconSearch,\n} from '@tabler/icons-react';\nimport {\n  type FixedFilterInput,\n  type ScopeSource,\n  declaredField,\n  declaredText,\n  enumNamespaceOf,\n  enumValueText,\n  fieldOptionText,\n  resolveFieldLabel,\n  resolveResourceLabel,\n  routeResourceKey,\n  type ResourceNameOrRef,\n  columnName,\n} from '@burojs/core';\nimport {\n  recordKeyOf,\n  useApp,\n  useChromeT,\n  useI18nCaps,\n  useList,\n  useListAccess,\n  useOptionalT,\n} from '@burojs/react';\nimport { useRowTitle } from '../resource/use-row-title.js';\nimport { ResolvedFieldDisplay } from './resolved-field.js';\nimport { cn } from '../lib/cn.js';\nimport { Button } from '../primitives/button.js';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../primitives/dialog.js';\nimport { Input } from '../primitives/input.js';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '../primitives/table.js';\nimport { FilterBuilder } from '../list-kit/filter-builder/filter-builder.js';\nimport { useDialogFilterState } from './use-dialog-filter-state.js';\nimport { RelationCreateButton, type SelectCreate } from './relation-create.js';\n\nconst noop = (): void => undefined;\n\n/**\n * Advanced-search modal for the relation picker (#11 / #9). The inline popover\n * handles the quick \"type a few letters\" case; this dialog is the escalation:\n * the full target list with SEARCH, per-column FILTERS, SORTING and PAGINATION,\n * plus a \"Create\" shortcut. Resolved generically from the registry so it works\n * for any resource with no per-field wiring.\n *\n * #9 — compact, and the table area is a FIXED height so paging never resizes /\n * jumps the dialog; responsive down to mobile.\n */\nexport interface RelationPickerDialogProps<N extends string = string> {\n  to: ResourceNameOrRef<N>;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSelect: (value: string | number) => void;\n  /** Optional: receives the FULL chosen row (for prefilling sibling fields). */\n  onSelectRow?: (row: Record<string, unknown>) => void;\n  /**\n   * Fallback search field — an OVERRIDE, not a required prop. The search box\n   * expands through `useDialogFilterState`, which resolves what to search in\n   * this order:\n   *   1. the TARGET resource's own `views.list.search` declaration, if any —\n   *      always wins, regardless of this prop;\n   *   2. this `searchField` prop, when the target declares no search;\n   *   3. the target's `displayField` (itself falling back to `'name'`), when\n   *      neither of the above is available.\n   *\n   * A resolver-shaped `SearchDecl` has no single field that could be named\n   * here, and a target with no search declaration at all should still be\n   * searchable somehow — hence the two-step fallback instead of requiring\n   * this prop outright.\n   */\n  searchField?: string;\n  /**\n   * Which field of the chosen row `onSelect` returns. Defaults to the target's id\n   * field (`data.idField`, else `id`: a normal FK relation). Set to another column (e.g. `gtin`) for \"relate by a non-id\n   * value\" pickers — the core mechanic behind the playground GTIN field.\n   */\n  valueField?: string;\n  /**\n   * Optional extra filters ANDed into every query (e.g. scope by product\n   * group) — the same `FixedFilterInput` shape `useResourceList` and\n   * `RelationPickerProps.fixedFilters` take: a bare AST expression\n   * (`@burojs/core`'s `FilterExpression`, defaulting to `lock: true`, no\n   * badge), or `{ filter, lock?, label? }` for finer control. `lock: false`\n   * leaves the field open in the builder instead of hiding it; `label`\n   * renders it as an undeletable badge.\n   */\n  fixedFilters?: readonly FixedFilterInput[];\n  /**\n   * The read scope of the dialog's list, as the select's own option reads take it. Default\n   * `'context'`: the record around the select narrows the rows.\n   */\n  scope?: ScopeSource;\n  /**\n   * The record field the select writes (`useList`'s `scopeField`): the record's value of it never\n   * narrows the rows offered for it. Absent: every field of the record narrows.\n   */\n  scopeField?: string;\n  /**\n   * The select's one pending create (P6-34), shared with its popover. With it the footer offers\n   * \"+ Create\" (the target's `quick.create`, handed back through the select's own query); without\n   * it the dialog offers none. The dialog is not a dismiss scope and holds no form: the sheet a\n   * create opens stacks above it.\n   */\n  create?: SelectCreate;\n  /** The trusted `defaults` of that create: the registry field's static `eq` literals (P6-31). */\n  createSeeds?: Readonly<Record<string, unknown>>;\n  /** The form field holding the key (the create button's test id). */\n  fieldName?: string;\n  /** Runs before a create opens: the select returns focus to its trigger. */\n  onBeforeCreate?: () => void;\n  pageSize?: number;\n  /**\n   * A to-many select's choice (P7 3.5): a click toggles the row in `selected` through `onToggle`\n   * and the dialog stays open until the user is done. Without it, a click picks one row and closes.\n   */\n  multiple?: boolean;\n  /** The keys already chosen (`multiple` only): their rows are marked. */\n  selected?: readonly (string | number)[];\n  /** A row toggled in `multiple` mode: its value, and the row itself. */\n  onToggle?: (value: string | number, row: Record<string, unknown>) => void;\n  /**\n   * `multiple` only: the Select button confirms the choice through this instead of closing the\n   * dialog with `onOpenChange(false)`, so a confirm and a dismissal can be told apart.\n   */\n  onDone?: () => void;\n  /**\n   * Asked once per shown page with the keys of its rows: rows whose key is in the resolved set\n   * are drawn checked and disabled (a link panel's already-linked targets). Until it answers the\n   * page's rows cannot be picked and the footer says the rows are being checked; when it fails\n   * none of them can, and the footer says so with a Retry.\n   */\n  disabledKeys?: (\n    keys: readonly (string | number)[],\n    signal: AbortSignal,\n  ) => Promise<ReadonlySet<string>>;\n  /**\n   * With `disabledKeys`: the footer's note for the page's disabled rows, given how many there\n   * are (the caller says what they are, \"3 already linked\"). Absent: no note.\n   */\n  disabledLabel?: (count: number) => React.ReactNode;\n}\n\nconst DEBOUNCE_MS = 250;\n\n/** The disabled rows of a page: the keys asked (and the attempt), and the answer. */\ninterface DisabledState {\n  readonly asked: string;\n  readonly attempt: number;\n  readonly keys: ReadonlySet<string> | 'failed';\n}\n\ntype EnumOption = { value: string; label: string };\n\nexport function RelationPickerDialog<const N extends string = string>({\n  to: toInput,\n  open,\n  onOpenChange,\n  onSelect,\n  onSelectRow,\n  searchField,\n  valueField: valueFieldProp,\n  fixedFilters,\n  scope = 'context',\n  scopeField,\n  create,\n  createSeeds,\n  fieldName,\n  onBeforeCreate,\n  pageSize = 8,\n  multiple = false,\n  selected,\n  onToggle,\n  onDone,\n  disabledKeys,\n  disabledLabel,\n}: RelationPickerDialogProps<N>): React.ReactElement {\n  const to = routeResourceKey(toInput);\n  const app = useApp();\n  const caps = useI18nCaps();\n  // The target's own caps: a column header reads `resources.<to>.fields.<f>.label` first.\n  const targetCaps = useI18nCaps(to);\n  const t = useOptionalT();\n  const chromeT = useChromeT();\n  const tr = (key: string, params?: Record<string, unknown>, fallback?: string) =>\n    t?.(key, { params, defaultValue: fallback }) ?? fallback ?? key;\n  const targetDef = app.registry.get(to);\n  const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });\n  const declaredIdField = (targetDef?.data as { readonly idField?: unknown } | undefined)?.idField;\n  const idField =\n    typeof declaredIdField === 'string' && declaredIdField.length > 0 ? declaredIdField : 'id';\n  const valueField = valueFieldProp ?? idField;\n\n  const [search, setSearchInput] = React.useState('');\n  const [debounced, setDebounced] = React.useState('');\n  const [sort, setSort] = React.useState<{ field: string; dir: 'asc' | 'desc' }>({\n    field: 'id',\n    dir: 'desc',\n  });\n\n  const displayField = targetDef?.displayField ?? 'name';\n\n  // Resolution order (see `RelationPickerDialogProps.searchField`'s doc):\n  // the target's own `views.list.search` declaration always wins inside\n  // `useDialogFilterState`; this `searchField` prop is only consulted THERE\n  // when the target declares no search at all, and `displayField` is what\n  // this dialog hands the hook when the caller didn't override either — so\n  // a target with no declaration and no override is still searchable.\n  //\n  // `enabled: open` — `RelationPickerDialog` is always mounted by\n  // `<RelationPicker>` (it's a controlled dialog, not conditionally\n  // rendered), so without this gate the field-derivation walk inside\n  // `useFilterFields` (`categorizeField` over every field of the target)\n  // would run on every mount and every `fixedFilters`-identity change of\n  // EVERY relation field on a form, whether its dialog ever opens or not.\n  // Gating recomputes in full the moment `open` flips true — same render,\n  // before the dialog shows anything, so nothing it displays changes.\n  const filterState = useDialogFilterState(to, {\n    fixedFilters,\n    searchField: searchField ?? displayField,\n    enabled: open,\n  });\n\n  React.useEffect(() => {\n    const h = setTimeout(() => setDebounced(search), DEBOUNCE_MS);\n    return () => clearTimeout(h);\n  }, [search]);\n\n  // The debounced text is the one thing this dialog composes itself — the\n  // rest of the filter (fixed scope, the builder's group, and the actual\n  // `fixed → search → group` composition) all live in `useDialogFilterState`\n  // now, via the SAME `composeListFilter` core the list page uses.\n  React.useEffect(() => {\n    filterState.setSearch(debounced);\n    // `filterState.setSearch` is stable (useCallback, empty deps) — only\n    // `debounced` driving this is real; including the whole `filterState`\n    // object would refire on every recompute of its OWN memo (its `filter`\n    // depends on this very effect's result), which is not what \"debounced\n    // changed\" means.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debounced]);\n\n  // Reset volatile state each time the dialog opens.\n  React.useEffect(() => {\n    if (open) {\n      setSearchInput('');\n      setDebounced('');\n      filterState.reset();\n    }\n    // `filterState.reset` is stable (useCallback, empty deps); `filterState`\n    // itself is excluded for the same reason as the effect above.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  const listAccess = useListAccess(to);\n  const extraColumns = React.useMemo(() => {\n    const declared = (targetDef?.views?.list?.columns ?? []).map(columnName);\n    // The same predicate as the list table: a pending decision shows no extra column.\n    return declared\n      .filter((c) => c !== 'id' && c !== displayField)\n      .filter((c) => listAccess.status === 'ready' && listAccess.columnVisible(c))\n      .slice(0, 2);\n  }, [targetDef, displayField, listAccess]);\n  const titleSortable = listAccess.status === 'ready' && listAccess.fieldVisible(displayField);\n  // A sort on a field the user may not view is an ordering oracle: it is dropped, never sent.\n  const effectiveSortField =\n    sort.field === 'id' ||\n    (sort.field === displayField ? titleSortable : extraColumns.includes(sort.field))\n      ? sort.field\n      : 'id';\n\n  const query = useList(to, {\n    ...(filterState.filter ? { filter: filterState.filter } : {}),\n    sort: [\n      {\n        field: effectiveSortField,\n        direction: effectiveSortField === sort.field ? sort.dir : 'desc',\n      },\n    ],\n    pagination: { kind: 'offset', page: filterState.page, pageSize },\n    scope,\n    ...(scopeField === undefined ? {} : { scopeField }),\n    enabled: open && targetDef != null && !filterState.blocked,\n  });\n\n  const rows = (query.data?.data ?? []) as Array<{ id: unknown } & Record<string, unknown>>;\n  // Unknown-total contract: a provider that cannot count omits `total` (Hasura\n  // `noAggregate` targets such as `users` / `code_code`). Deriving `totalPages`\n  // from a `?? 0` fallback pinned it to 1 and disabled Next forever. With an\n  // unknown total we page forward while the page is full.\n  const total = query.data?.total;\n  const knownTotal = typeof total === 'number';\n  const totalPages = knownTotal ? Math.max(1, Math.ceil(total / pageSize)) : undefined;\n  const pageIsFull = rows.length >= pageSize;\n  const hasNextPage = knownTotal ? filterState.page < (totalPages as number) : pageIsFull;\n  const isLoading = query.isLoading || query.isFetching;\n\n  // The key a row is chosen, selected and disabled by: the target's idField unless a value field\n  // names another column.\n  const keyOf = (row: Record<string, unknown>): unknown =>\n    valueField === idField ? recordKeyOf(targetDef, row) : row[valueField];\n  // The page's keys, asked of `disabledKeys` once per distinct set.\n  const pageKeys = rows\n    .map(keyOf)\n    .filter((key): key is string | number => typeof key === 'string' || typeof key === 'number');\n  const asked = JSON.stringify(pageKeys);\n  const [disabled, setDisabled] = React.useState<DisabledState | undefined>(undefined);\n  // A Retry after a failed answer asks the same keys again.\n  const [attempt, setAttempt] = React.useState(0);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: keyed by the page's keys, not the rows' identity\n  React.useEffect(() => {\n    if (disabledKeys === undefined || pageKeys.length === 0) return;\n    const controller = new AbortController();\n    disabledKeys(pageKeys, controller.signal).then(\n      (keys) => {\n        if (!controller.signal.aborted) setDisabled({ asked, attempt, keys });\n      },\n      () => {\n        // Fails closed: a row that may already be linked is never offered.\n        if (!controller.signal.aborted) setDisabled({ asked, attempt, keys: 'failed' });\n      },\n    );\n    return () => controller.abort();\n  }, [asked, attempt, disabledKeys]);\n  // The answer for the page shown now; undefined while it is being asked.\n  const answer =\n    disabledKeys === undefined ||\n    pageKeys.length === 0 ||\n    disabled === undefined ||\n    disabled.asked !== asked ||\n    disabled.attempt !== attempt\n      ? undefined\n      : disabled.keys;\n  const checking = disabledKeys !== undefined && pageKeys.length > 0 && answer === undefined;\n  const checkFailed = answer === 'failed';\n  const isDisabled = (row: Record<string, unknown>): boolean => {\n    if (disabledKeys === undefined) return false;\n    if (answer === undefined || answer === 'failed') return true;\n    return answer.has(String(keyOf(row)));\n  };\n  const disabledCount =\n    answer === undefined || answer === 'failed' ? 0 : rows.filter(isDisabled).length;\n\n  const toggleSort = (field: string) => {\n    setSort((prev) =>\n      prev.field === field\n        ? { field, dir: prev.dir === 'asc' ? 'desc' : 'asc' }\n        : { field, dir: 'asc' },\n    );\n  };\n\n  const targetLabel = resolveResourceLabel(caps, to, 'single', targetDef);\n  const colCount = 2 + extraColumns.length;\n\n  const pick = (row: { id: unknown } & Record<string, unknown>) => {\n    if (isDisabled(row)) return;\n    const picked = keyOf(row);\n    // A row without the value the field stores is never written as its id instead (spec 4.2).\n    if (picked === null || picked === undefined || picked === '') return;\n    if (multiple) {\n      onToggle?.(picked as string | number, row as Record<string, unknown>);\n      return;\n    }\n    onSelect(picked as string | number);\n    onSelectRow?.(row as Record<string, unknown>);\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} modal={create?.pending !== true}>\n      <DialogContent\n        // While a create of this select is open its sheet stacks above this dialog and stays\n        // interactive: the dialog neither traps focus nor closes on a click outside, and Escape\n        // closes only the sheet (P6-67).\n        {...(create?.pending === true\n          ? {\n              onInteractOutside: (event: Event) => event.preventDefault(),\n              onEscapeKeyDown: (event: KeyboardEvent) => event.preventDefault(),\n            }\n          : {})}\n        className=\"flex max-h-[85vh] w-[calc(100vw-1.5rem)] max-w-3xl flex-col gap-0 overflow-hidden p-0\"\n        data-testid={`relation-picker-dialog:${to}`}\n      >\n        <DialogHeader className=\"border-b px-4 py-3\">\n          <DialogTitle className=\"text-base\">\n            {tr('relationPicker.title', { name: targetLabel }, `Select: ${targetLabel}`)}\n          </DialogTitle>\n          <DialogDescription className=\"sr-only\">\n            {tr('relationPicker.advancedSearch', undefined, 'Advanced search')}\n          </DialogDescription>\n        </DialogHeader>\n\n        {/* Search + the filter builder (#9 / Task 5 SP3) */}\n        <div className=\"flex flex-wrap items-center gap-2 border-b px-4 py-2.5\">\n          {filterState.searchEnabled && (\n            <div className=\"relative min-w-[12rem] flex-1\">\n              <IconSearch className=\"pointer-events-none absolute left-2.5 top-2.5 size-4 text-muted-foreground\" />\n              <Input\n                autoFocus\n                value={search}\n                onChange={(e) => setSearchInput(e.target.value)}\n                placeholder={tr('toolbar.search', { name: targetLabel }, `Search ${targetLabel}…`)}\n                data-testid={`relation-picker-dialog:${to}:search`}\n                className=\"h-9 pl-8\"\n              />\n            </div>\n          )}\n          {/*\n            No `pinnedFields`/`pinnedValue`/`setPinnedValue` — this dialog has\n            no pinned slot (`useDialogFilterState`'s doc: a modal has no\n            spare real estate for always-visible facets), so `FilterBuilder`\n            falls back to its own stable empty-array defaults.\n          */}\n          <FilterBuilder\n            group={filterState.group}\n            setGroup={filterState.setGroup}\n            available={filterState.available}\n            fixed={filterState.fixed}\n            setPage={filterState.setPage}\n            testIdBase={`relation-picker-dialog:${to}:filter`}\n          />\n        </div>\n\n        {/* Fixed-height table area — constant height so paging never jumps. */}\n        <div className=\"h-[46vh] min-h-[16rem] overflow-auto\">\n          <Table>\n            <TableHeader className=\"sticky top-0 z-10 bg-background shadow-[inset_0_-1px_0_var(--border)]\">\n              <TableRow className=\"hover:bg-transparent\">\n                <TableHead\n                  className=\"h-9 w-14 cursor-pointer select-none\"\n                  onClick={() => toggleSort('id')}\n                >\n                  {tr('relationPicker.idColumn', undefined, 'ID')}{' '}\n                  <SortIcon field=\"id\" sort={sort} />\n                </TableHead>\n                <TableHead\n                  className={cn('h-9 select-none', titleSortable && 'cursor-pointer')}\n                  {...(titleSortable ? { onClick: () => toggleSort(displayField) } : {})}\n                >\n                  {targetLabel} {titleSortable && <SortIcon field={displayField} sort={sort} />}\n                </TableHead>\n                {extraColumns.map((c) => (\n                  <TableHead\n                    key={c}\n                    className=\"h-9 cursor-pointer select-none\"\n                    onClick={() => toggleSort(c)}\n                  >\n                    {resolveFieldLabel(\n                      targetCaps,\n                      c,\n                      declaredText('field', targetDef?.fields?.[c], 'label'),\n                    )}\n                    <SortIcon field={c} sort={sort} />\n                  </TableHead>\n                ))}\n                <TableHead className=\"h-9 w-8\" />\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {isLoading ? (\n                <TableRow className=\"hover:bg-transparent\">\n                  <TableCell colSpan={colCount + 1} className=\"h-64 text-center\">\n                    <IconLoader2 className=\"mx-auto size-4 animate-spin text-muted-foreground\" />\n                  </TableCell>\n                </TableRow>\n              ) : rows.length === 0 ? (\n                <TableRow className=\"hover:bg-transparent\">\n                  <TableCell\n                    colSpan={colCount + 1}\n                    className=\"h-64 text-center text-sm text-muted-foreground\"\n                  >\n                    {tr('relation.noResults', undefined, 'No results.')}\n                  </TableCell>\n                </TableRow>\n              ) : (\n                rows.map((row) => {\n                  const idStr = String(recordKeyOf(targetDef, row));\n                  const rowDisabled = isDisabled(row);\n                  // A disabled row is drawn checked: it is already chosen elsewhere.\n                  const checked =\n                    rowDisabled ||\n                    (selected ?? []).some((key) => String(key) === String(keyOf(row)));\n                  return (\n                    <TableRow\n                      key={idStr}\n                      className={cn(\n                        rowDisabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer',\n                      )}\n                      data-testid={`relation-picker-dialog:${to}:row:${idStr}`}\n                      {...(multiple ? { 'aria-selected': checked } : {})}\n                      {...(rowDisabled ? { 'aria-disabled': true } : {})}\n                      onClick={() => pick(row)}\n                    >\n                      <TableCell className=\"py-2 tabular-nums text-muted-foreground\">\n                        {tr('relationPicker.recordNumber', { id: idStr }, `#${idStr}`)}\n                      </TableCell>\n                      <TableCell className=\"py-2 font-medium\">{rowTitle(row)}</TableCell>\n                      {extraColumns.map((c) => (\n                        <TableCell key={c} className=\"py-2 text-muted-foreground\">\n                          {/* The list's display renderers: locale numbers and dates, enum labels. */}\n                          <ResolvedFieldDisplay\n                            resource={targetDef?.ref ?? { namespace: 'default', id: to }}\n                            name={c}\n                            field={\n                              (targetDef === undefined ? undefined : declaredField(targetDef, c)) ??\n                              (targetDef?.fields?.[c] as never) ?? { type: 'unknown' }\n                            }\n                            value={row[c]}\n                            record={row}\n                            fallback={formatCell(row[c], targetDef?.fields?.[c], (ns) =>\n                              app.registry.enums.get(ns),\n                            )}\n                          />\n                        </TableCell>\n                      ))}\n                      <TableCell className=\"py-2 text-right\">\n                        {multiple ? (\n                          <IconCheck\n                            className={cn('ml-auto size-4', checked ? 'opacity-100' : 'opacity-0')}\n                            aria-hidden\n                          />\n                        ) : (\n                          <IconChevronRight className=\"ml-auto size-4 text-muted-foreground/50\" />\n                        )}\n                      </TableCell>\n                    </TableRow>\n                  );\n                })\n              )}\n            </TableBody>\n          </Table>\n        </div>\n\n        <DialogFooter className=\"flex-row items-center justify-between gap-2 border-t px-4 py-2.5 sm:justify-between\">\n          {/*\n            A wrapper that is always there: the footer is `justify-between`, so dropping its first\n            child (no create offered) would slide the pager to the left edge.\n          */}\n          <div className=\"flex items-center gap-3\">\n            {checking && (\n              <span\n                role=\"status\"\n                className=\"inline-flex items-center gap-1.5 text-sm text-muted-foreground\"\n                data-testid={`relation-picker-dialog:${to}:disabled-checking`}\n              >\n                <IconLoader2 className=\"size-3.5 animate-spin\" aria-hidden=\"true\" />\n                {tr('relationPicker.checking', undefined, 'Checking these rows…')}\n              </span>\n            )}\n            {checkFailed && (\n              <span\n                role=\"alert\"\n                className=\"inline-flex items-center gap-2 text-sm text-destructive\"\n                data-testid={`relation-picker-dialog:${to}:disabled-failed`}\n              >\n                {tr(\n                  'relationPicker.checkFailed',\n                  undefined,\n                  'These rows could not be checked, so none can be chosen.',\n                )}\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  className=\"h-7\"\n                  onClick={() => setAttempt((n) => n + 1)}\n                  data-testid={`relation-picker-dialog:${to}:disabled-retry`}\n                >\n                  {chromeT('actions.retry', { defaultValue: 'Retry' })}\n                </Button>\n              </span>\n            )}\n            {disabledCount > 0 && disabledLabel !== undefined && (\n              <span\n                className=\"text-sm text-muted-foreground\"\n                data-testid={`relation-picker-dialog:${to}:disabled-count`}\n              >\n                {disabledLabel(disabledCount)}\n              </span>\n            )}\n            {create !== undefined && (\n              <RelationCreateButton\n                to={to}\n                fieldName={fieldName ?? to}\n                create={create}\n                seeds={createSeeds}\n                search={search}\n                beforeOpen={onBeforeCreate ?? noop}\n                className=\"inline-flex items-center gap-1 whitespace-nowrap text-sm text-foreground hover:underline disabled:opacity-50\"\n              />\n            )}\n          </div>\n          <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n            <span className=\"hidden tabular-nums sm:inline\">\n              {knownTotal\n                ? tr(\n                    'pagination.pageOf',\n                    { page: filterState.page, total: totalPages },\n                    `${filterState.page} / ${totalPages}`,\n                  )\n                : tr('pagination.pageOnly', { page: filterState.page }, `${filterState.page}`)}\n            </span>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-8\"\n              disabled={filterState.page <= 1}\n              onClick={() => filterState.setPage(Math.max(1, filterState.page - 1))}\n              data-testid={`relation-picker-dialog:${to}:prev`}\n            >\n              {tr('relationPicker.prev', undefined, 'Prev')}\n            </Button>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-8\"\n              disabled={!hasNextPage}\n              onClick={() => filterState.setPage(filterState.page + 1)}\n              data-testid={`relation-picker-dialog:${to}:next`}\n            >\n              {tr('relationPicker.next', undefined, 'Next')}\n            </Button>\n            {multiple && (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                className=\"h-8\"\n                onClick={() => (onDone === undefined ? onOpenChange(false) : onDone())}\n                data-testid={`relation-picker-dialog:${to}:done`}\n              >\n                {tr('relationPicker.select', undefined, 'Select')}\n              </Button>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * A column's sort arrow. Declared here, not inside the dialog: a component made in a render is a\n * new type on every render, so React replaced these icons each time the dialog rendered — and a\n * node removed from the dialog while focus was crossing into the filter popover (which is portaled\n * outside it, so focus sits on `body` for that moment) makes the dialog's focus scope take focus\n * back, which closed the popover on any click inside it.\n */\nfunction SortIcon({\n  field,\n  sort,\n}: {\n  readonly field: string;\n  readonly sort: { readonly field: string; readonly dir: 'asc' | 'desc' };\n}): React.ReactElement {\n  if (sort.field !== field) return <IconSelector className=\"ml-1 inline size-3 opacity-40\" />;\n  return sort.dir === 'asc' ? (\n    <IconArrowUp className=\"ml-1 inline size-3\" />\n  ) : (\n    <IconArrowDown className=\"ml-1 inline size-3\" />\n  );\n}\n\nfunction formatCell(\n  value: unknown,\n  field: unknown,\n  enumOf: (namespace: string) => Parameters<typeof enumValueText>[0],\n): string {\n  if (value == null || value === '') return '—';\n  if (typeof value === 'boolean') return value ? '✓' : '—';\n  // Map an option value → its human label: the field's `texts.options`, the bound enum's\n  // `texts`, else a label the field's `meta.options` carries (adopter data).\n  const namespace =\n    field !== null && typeof field === 'object'\n      ? enumNamespaceOf(field as Parameters<typeof enumNamespaceOf>[0])\n      : undefined;\n  const declared =\n    fieldOptionText(field, String(value)) ??\n    (namespace === undefined ? undefined : enumValueText(enumOf(namespace), String(value)));\n  if (declared !== undefined) return declared;\n  const options = (field as { meta?: { options?: EnumOption[] } } | undefined)?.meta?.options;\n  if (Array.isArray(options)) {\n    const hit = options.find((o) => o.value === String(value));\n    if (hit && typeof hit.label === 'string') return hit.label;\n  }\n  const s = String(value);\n  return s.length > 40 ? `${s.slice(0, 40)}…` : s;\n}\n"],"mappings":"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"}

package/dist/{relation-picker-dialog-9Vg5vvR1.cjs → relation-picker-dialog-Duqy2r0n.cjs}

@@ -2,9 +2,9 @@ const require_use_theme = require("./use-theme-DFlpXils.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
 const require_dialog = require("./dialog-vmMdfUWs.cjs");
-const require_relation_create = require("./relation-create-DDEYcKfw.cjs");
-const require_filter_builder = require("./filter-builder-DFu0JP-1.cjs");
-const require_use_dialog_filter_state = require("./use-dialog-filter-state-tNvqAAjh.cjs");
+const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
+const require_filter_builder = require("./filter-builder-DQX-TMFh.cjs");
+const require_use_dialog_filter_state = require("./use-dialog-filter-state-lsTJxrB4.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -26,7 +26,7 @@ function RelationPickerDialog({ to: toInput, open, onOpenChange, onSelect, onSel
 		defaultValue: fallback
 	}) ?? fallback ?? key;
 	const targetDef = app.registry.get(to);
-	const rowTitle = require_relation_create.useRowTitle(to, targetDef?.displayField);
+	const rowTitle = require_relation_create.useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	const declaredIdField = (targetDef?.data)?.idField;
 	const idField = typeof declaredIdField === "string" && declaredIdField.length > 0 ? declaredIdField : "id";
 	const valueField = valueFieldProp ?? idField;
@@ -399,4 +399,4 @@ function formatCell(value, field, enumOf) {
 //#endregion
 exports.RelationPickerDialog = RelationPickerDialog;
 
-//# sourceMappingURL=relation-picker-dialog-9Vg5vvR1.cjs.map
+//# sourceMappingURL=relation-picker-dialog-Duqy2r0n.cjs.map