@entifix/react-controls 0.1.0 → 0.1.2

package/dist/ui/organisms/entity-form/entity-form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/organisms/entity-form/entity-form.tsx"],"sourcesContent":["'use client';\n\nimport {\n  cloneEntityDraft,\n  describeEntityColumns,\n  EntifixLogicError,\n  type Entity,\n  type EntityAction,\n  type EntityDraft,\n  type EntityDraftValue,\n  type EntityLinkSource,\n  type MetaAccessorType,\n  readDraftString,\n  readRowDrafts,\n  type UseCaseDescriptor,\n} from '@entifix/core';\nimport { type ReactNode, useId, useState } from 'react';\n\nimport {\n  useErrorMessage,\n  useLocalizedDescriptors,\n  useT,\n  useTranslateKey,\n} from '../../../i18n/index.js';\nimport { OVERFLOW_GLYPH, useCasesForSurface } from '../../actions/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { CellValue } from '../../atoms/cell-value/index.js';\nimport { FieldControl } from '../../atoms/field-control/index.js';\nimport { Skeleton } from '../../atoms/skeleton/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport { Card } from '../../molecules/card/index.js';\nimport { ConfirmDialog } from '../../molecules/confirm-dialog/index.js';\nimport { EntityLinkInput } from '../../molecules/entity-link-input/index.js';\nimport { LoadingBoundary } from '../../molecules/loading-boundary/index.js';\nimport { Menu } from '../../molecules/menu/index.js';\nimport { Stack } from '../../molecules/stack/index.js';\nimport { EntityDetailGrid } from '../entity-detail-grid/index.js';\nimport type {\n  EntityFormField,\n  EntityFormMode,\n  EntityFormProps,\n} from './entity-form.types.js';\nimport { readEntityFormFields } from './entity-form-slots.js';\nimport { resolveEntityFormFields } from './use-entity-form-fields.js';\n\n/**\n * The member types a `linkSources` entry can actually produce an editor for.\n *\n * `link` is the obvious one. `string` is here because a foreign key does not\n * have to be a typed relation: when the target lives in **another slice's\n * store**, an `EntityLink` would be an illegal edge and a storage-layer join\n * across a store boundary, so the member is a plain id and the relation exists\n * only in the operator's head (ADR 0022, and `ProductSpecification.brandId` is\n * the live case). Nothing about the editor cares which of the two it is —\n * `EntityLinkInput` writes `String(target.id)` into the draft either way, and\n * the *only* place `link`-ness still matters is `applyEntityLinks` at submit,\n * which skips a non-`link` descriptor and so leaves the id as the truth.\n *\n * Everything else is excluded on purpose rather than by omission: a `boolean`,\n * `enum`, `number` or `date` member cannot name another record, so a source\n * pointed at one is a wiring mistake — see {@link assertLinkSourcesAreEditable}.\n */\nconst PICKABLE_TYPES: ReadonlySet<MetaAccessorType> = new Set<MetaAccessorType>(\n  ['link', 'string'],\n);\n\n/**\n * A form that builds itself from an entity's metadata: fields, labels and value\n * formatting all come from `@accessor()` declarations, so editing a new entity\n * needs no bespoke form. The read/edit toggle is the whole point — the same\n * component shows a record as text or as inputs.\n *\n * Two things layer on top of that default:\n * - **modes** — `read` renders each member through `CellValue`; `edit` renders\n *   the matching `FieldControl`. A member in {@link PICKABLE_TYPES} with an\n *   entry in `linkSources` gets the full picker instead — a to-one `link`, or a\n *   `string` holding a foreign key into another slice's store. Without a source,\n *   a relation stays read-only, and a `linkCollection` always does, the to-many\n *   editor being a follow-up. A source aimed at a member that can render no\n *   picker is a wiring mistake rather than a no-op, and throws.\n * - **slots** — `<EntityField>` children override one field's label, control or\n *   read display, or add a computed field.\n *\n * It is presentational: the draft, its errors and the save/delete actions are\n * all props, so the same form hosts on a plain route and inside a workspace tab.\n */\n/**\n * How many verbs a surface shows before the rest fold into an overflow menu.\n *\n * Four, because that is roughly what fits beside a title at a laptop width\n * without the row wrapping — the same number Fiori's object-page header settles\n * on. It is a layout constant, not a policy: raising it does not grant anything.\n */\nconst VISIBLE_ACTION_LIMIT = 4;\n\n/** A verb waiting on its confirmation — narrowed so `confirm` is not optional. */\ninterface PendingConfirmation {\n  key: string;\n  labelKey: string;\n  confirm: NonNullable<UseCaseDescriptor['confirm']>;\n}\n\nexport function EntityForm<TEntity extends Entity>({\n  entityConstructor,\n  entity,\n  values,\n  onFieldChange,\n  linkSources,\n  onLinkChange,\n  mode: modeProp,\n  defaultMode,\n  onModeChange,\n  errors,\n  formError,\n  onSubmit,\n  onDelete,\n  embedded = false,\n  isLoading = false,\n  skeleton = true,\n  isSaving = false,\n  isDeleting = false,\n  error,\n  backHref,\n  title,\n  metadata,\n  isMetadataLoading = false,\n  onUseCase,\n  onClone,\n  children,\n}: EntityFormProps<TEntity>) {\n  const formId = useId();\n  const slots = readEntityFormFields<TEntity>(children);\n  // The *field* descriptors, which stay local and synchronous — a column is a\n  // property of the class every caller holds. Only an action's availability is\n  // a property of the caller, which is why that half arrives as `metadata`.\n  const columnDescriptors = describeEntityColumns(\n    entityConstructor,\n    entity,\n  ) as Array<EntityFormField<TEntity>>;\n  // Before slots resolve, so an `<EntityField label>` override still wins.\n  const described = useLocalizedDescriptors(columnDescriptors);\n  const resolved = resolveEntityFormFields(described, slots.fields);\n  assertLinkSourcesAreEditable(resolved, linkSources);\n\n  // **Form above, table below**, and it is a partition rather than an ordering\n  // hint. A grid rendered between two labelled inputs reads as a field, which\n  // it is not — it is a second record list — so every owned collection is\n  // pulled out of the field stack whatever `order` it declared, and rendered\n  // full width beneath it. A composition that named no child has nothing to\n  // render and stays where it was, showing its row count as before.\n  const fields = resolved.filter(field => !isOwnedCollection(field));\n  const ownedCollections = resolved.filter(isOwnedCollection);\n\n  /**\n   * `true`/omitted → the built-in default, which draws one label+control pair\n   * per resolved field; a node → that node; `false` → nothing. The field list\n   * comes from the constructor's metadata, not from the record, so it is already\n   * complete while the record is still in flight — which is what lets the\n   * placeholder match the form it is standing in for.\n   */\n  const customSkeleton = typeof skeleton === 'boolean' ? undefined : skeleton;\n  const showSkeleton = isLoading && skeleton !== false;\n\n  const [internalMode, setInternalMode] = useState<EntityFormMode>(\n    defaultMode ?? (entity ? 'read' : 'edit'),\n  );\n  const mode = modeProp ?? internalMode;\n  const editing = mode === 'edit';\n\n  const draft: EntityDraft = values ?? {};\n  const setField = (name: string, value: EntityDraftValue) =>\n    onFieldChange?.(name, value);\n\n  const toggleMode = () => {\n    const next: EntityFormMode = editing ? 'read' : 'edit';\n    setInternalMode(next);\n    onModeChange?.(next);\n  };\n\n  const t = useT();\n  const translateKey = useTranslateKey();\n  const errorMessage = useErrorMessage();\n  const busy = isSaving || isDeleting;\n\n  // A draft restored from storage holds relation ids and no instances, so every\n  // picker is resolving its target for a moment after mount. Saving inside that\n  // window is exactly the case `applyEntityLinks` refuses: an `embedded` member\n  // with an id and nothing to inline. Gating the save is the honest answer —\n  // the form is still assembling itself, and the wait is one lookup long.\n  //\n  // Deliberately not narrowed to `embedded` members: a descriptor's\n  // serialization is not what makes an in-flight lookup a bad moment to submit,\n  // and a form that saves half-resolved is confusing whichever shape it writes.\n  const resolvingLinks = Object.values(linkSources ?? {}).some(\n    source => source.selected.isLoading,\n  );\n\n  // Absent metadata keeps the pre-ADR-0026 behaviour, so an un-migrated call\n  // site renders exactly as before. Present metadata is authoritative: it is\n  // what the service already decided this caller may do.\n  const may = (action: EntityAction) =>\n    metadata === undefined || metadata.actions.includes(action);\n\n  // A single-record form shows the verbs that act on *this* record. Which cell\n  // lands where is `action-surfaces`' business and nobody else's — a\n  // `context-dependent` entity verb belongs to a row's overflow menu and a\n  // `collection`-bound one to the bulk bar, and resolving that here as well is\n  // how the two surfaces drifted apart in the first place.\n  //\n  // ⚠️ **Only when there is somewhere for them to go.** Every cell these two\n  // surfaces render is `binding: 'entity'`, so without an `onUseCase` the\n  // button has no handler and clicking it does nothing at all. That is not a\n  // hypothetical: `makeEntityCrud` withholds the handler on a create, because\n  // there is no record for a verb to act on — and Publish and Unpublish\n  // rendered on a new `ProductOffering` and were inert, which reads as a broken\n  // feature rather than an inapplicable one.\n  //\n  // The hooks are called unconditionally and their *results* are gated: React's\n  // hook count must stay fixed across renders.\n  const declaredHeaderUseCases = useCasesForSurface(\n    'form-header',\n    metadata?.useCases,\n  );\n  const declaredFooterUseCases = useCasesForSurface(\n    'form-footer',\n    metadata?.useCases,\n  );\n  const headerUseCases = onUseCase ? declaredHeaderUseCases : [];\n  const footerUseCases = onUseCase ? declaredFooterUseCases : [];\n\n  // A descriptor carrying `confirm` must be asked about before it fires;\n  // `revoke-sessions` ends every session a user holds. The state holds the\n  // confirmation itself rather than the descriptor, so the dialog cannot be\n  // opened for a verb that never asked for one.\n  const [pending, setPending] = useState<PendingConfirmation | undefined>(\n    undefined,\n  );\n  const invoke = (descriptor: UseCaseDescriptor) => {\n    const confirm = descriptor.confirm;\n    if (confirm) {\n      setPending({\n        key: descriptor.key,\n        labelKey: descriptor.labelKey,\n        confirm,\n      });\n      return;\n    }\n    onUseCase?.(descriptor.key);\n  };\n\n  const useCaseButton = (descriptor: UseCaseDescriptor) => (\n    <Button\n      key={descriptor.key}\n      type=\"button\"\n      variant={\n        descriptor.confirm?.tone === 'destructive' ? 'destructive' : 'secondary'\n      }\n      size={descriptor.placement === 'context-independent' ? 'sm' : 'md'}\n      disabled={busy}\n      onClick={() => invoke(descriptor)}\n    >\n      {/* A descriptor's labels are *runtime* catalog keys — they never resolve\n          at compile time, which is why `@r10c/i18n-check` is what catches a\n          typo here rather than the type system. */}\n      {translateKey(descriptor.labelKey)}\n    </Button>\n  );\n\n  const useCaseMenuItem = (descriptor: UseCaseDescriptor) => (\n    <Menu.Item\n      key={descriptor.key}\n      tone={\n        descriptor.confirm?.tone === 'destructive' ? 'destructive' : 'neutral'\n      }\n      disabled={busy}\n      onClick={() => invoke(descriptor)}\n    >\n      {translateKey(descriptor.labelKey)}\n    </Menu.Item>\n  );\n\n  /**\n   * Four actions fit a row; twelve do not.\n   *\n   * So a surface renders its first {@link VISIBLE_ACTION_LIMIT} verbs as\n   * buttons and folds the rest behind one overflow trigger, in **declaration\n   * order** — the entity's author decided which verbs matter by writing them\n   * first, and a rule that sorted by anything else (alphabetical, destructive\n   * last) would reorder the row every time a verb was added.\n   *\n   * The split is only applied when there is something to fold: a fifth action\n   * is the point at which a menu is cheaper than a wider row, and a menu\n   * holding one entry is strictly worse than the button it replaced.\n   */\n  const withOverflow = (descriptors: UseCaseDescriptor[]) => {\n    if (descriptors.length <= VISIBLE_ACTION_LIMIT) {\n      return descriptors.map(useCaseButton);\n    }\n\n    const visible = descriptors.slice(0, VISIBLE_ACTION_LIMIT);\n    const folded = descriptors.slice(VISIBLE_ACTION_LIMIT);\n\n    return [\n      ...visible.map(useCaseButton),\n      <Menu key=\"overflow\">\n        <Menu.Trigger aria-label={t('form.moreActions')}>\n          {OVERFLOW_GLYPH}\n        </Menu.Trigger>\n        <Menu.Items>{folded.map(useCaseMenuItem)}</Menu.Items>\n      </Menu>,\n    ];\n  };\n\n  return (\n    <Card>\n      <Stack gap=\"s\">\n        {/* An embedded form brings only its fields: the heading and the action\n            row belong to whatever is hosting it — a wizard step sits under the\n            wizard's own heading and advances with the wizard's own footer, so\n            rendering a second of each is two controls for one job. */}\n        {!embedded && (\n          <Stack direction=\"row\" gap=\"xs\" align=\"center\">\n            <Text as=\"h2\" step={1} weight=\"semibold\">\n              {/* `entity` is undefined while the record is still in flight, so\n                testing it alone made a loading edit form announce itself as\n                \"New\" for as long as the fetch took, then relabel when the\n                record landed. A form that is loading is never a create. */}\n              {title ??\n                (entity || isLoading ? t('form.details') : t('form.new'))}\n            </Text>\n            {/* The built-in toggle only appears when the form owns its mode and\n              there is a record to view — a create form has nothing to read. */}\n            {modeProp === undefined && entity && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={toggleMode}\n              >\n                {editing ? t('form.view') : t('form.edit')}\n              </Button>\n            )}\n            <LoadingBoundary isLoading={isMetadataLoading} lines={0}>\n              <>\n                {withOverflow(headerUseCases)}\n                {slots.headerActions}\n              </>\n            </LoadingBoundary>\n          </Stack>\n        )}\n\n        {/* One announcement for the form; the shimmer below is aria-hidden. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {isLoading ? t('form.loading') : ''}\n        </span>\n\n        {error && (\n          <p\n            role=\"alert\"\n            data-testid=\"entity-form-error\"\n            className=\"rounded-sm border border-danger bg-danger-subtle px-s py-2xs text-step-sm text-danger\"\n          >\n            {errorMessage(error)}\n          </p>\n        )}\n\n        {/* The placeholder *replaces* the rows rather than sitting above them.\n            Rendering both meant a shimmer stacked on a full set of empty fields,\n            which is two loading signals for one region and twice the height the\n            loaded form settles at. */}\n        {showSkeleton\n          ? (customSkeleton ??\n            fields.map(field => (\n              <Stack key={field.name} gap=\"3xs\">\n                <Skeleton shape=\"line\" className=\"w-24\" />\n                <Skeleton className=\"h-9 w-full\" />\n              </Stack>\n            )))\n          : fields.map(field => (\n              <FieldRow\n                key={field.name}\n                field={field}\n                entity={entity}\n                draft={draft}\n                value={readDraftString(draft, field.name)}\n                editing={editing}\n                error={editing ? errors?.[field.name] : undefined}\n                setField={setField}\n                linkSource={linkSources?.[field.name]}\n                onLinkChange={onLinkChange}\n                id={`${formId}-${field.name}`}\n              />\n            ))}\n\n        {/* The rows the record owns, full width and below every field. Each\n            grid is handed the *whole* error map and picks out the keys naming\n            its own member, so a record owning two collections needs no\n            bookkeeping here. */}\n        {ownedCollections.map(field => (\n          <EntityDetailGrid\n            key={field.name}\n            descriptor={field}\n            rows={readRowDrafts(draft[field.name])}\n            onRowsChange={rows => setField(field.name, rows)}\n            errors={editing ? errors : undefined}\n            editing={editing}\n            isLoading={isLoading}\n            skeleton={skeleton}\n          />\n        ))}\n\n        {/* A cross-field rule has no row to sit under, so it sits with the\n            actions it blocks. */}\n        {editing && formError && (\n          <span role=\"alert\" className=\"text-step-sm text-danger\">\n            {formError}\n          </span>\n        )}\n\n        {editing && !embedded && (\n          <Stack direction=\"row\" gap=\"xs\">\n            {may('write') && (\n              <Button\n                type=\"button\"\n                onClick={() => onSubmit?.(draft)}\n                disabled={busy || resolvingLinks}\n              >\n                {isSaving ? t('form.saving') : t('form.save')}\n              </Button>\n            )}\n            {onDelete && may('delete') && (\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={onDelete}\n                disabled={busy}\n              >\n                {isDeleting ? t('form.deleting') : t('form.delete')}\n              </Button>\n            )}\n            {withOverflow(footerUseCases)}\n            {/* Clone is the CRUD triple's, not a declared verb's: every entity\n                can be copied, so giving it a `@useCase()` would mean declaring\n                the same verb on all 28 of them. It needs `write`, because what\n                it produces is a create. */}\n            {onClone && entity && may('write') && (\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                disabled={busy}\n                onClick={() =>\n                  onClone(cloneEntityDraft(entityConstructor, draft))\n                }\n              >\n                {t('form.clone')}\n              </Button>\n            )}\n            {slots.footerActions}\n            {backHref && (\n              <a href={backHref}>\n                <Button type=\"button\" variant=\"ghost\" disabled={busy}>\n                  {t('form.back')}\n                </Button>\n              </a>\n            )}\n          </Stack>\n        )}\n\n        {slots.rest}\n      </Stack>\n\n      {pending && (\n        <ConfirmDialog\n          open\n          tone={pending.confirm.tone}\n          title={translateKey(pending.labelKey)}\n          message={translateKey(pending.confirm.messageKey)}\n          busy={busy}\n          onCancel={() => setPending(undefined)}\n          onConfirm={() => {\n            const key = pending.key;\n            setPending(undefined);\n            onUseCase?.(key);\n          }}\n        />\n      )}\n    </Card>\n  );\n}\n\n/**\n * A member the detail grid renders rather than the field stack.\n *\n * The `childType` half is not defensive: a `composition` that declared no child\n * has no columns, so there is nothing for a grid to draw. It keeps its place in\n * the field stack and reads as its row count, which is what it did before this\n * control existed — an honest \"some rows\" rather than an empty table implying\n * there are none.\n */\nfunction isOwnedCollection<TEntity extends Entity>(\n  field: EntityFormField<TEntity>,\n): boolean {\n  return field.type === 'composition' && field.childType !== undefined;\n}\n\n/**\n * Refuse a `linkSources` entry that names a member no picker can be built for.\n *\n * `FieldRow` asks for {@link PICKABLE_TYPES} before it builds an editor, so a\n * source handed to anything else used to fall through to the read-only display\n * or a plain `FieldControl` with nothing said: the caller wired a picker, no\n * picker appeared, and the field was indistinguishable from one the entity had\n * declared read-only. That is a wiring mistake rather than a state — the entry\n * is dead in *every* shape such a field can render, since an\n * `<EntityField render>` slot is handed the draft and never the source — so it\n * costs the render instead of a warning nobody reads. `useEntityLinkSource`\n * already throws `EntifixLogicError` at render for the sibling mistake (a search\n * property the target does not declare `filterable`); this is the same fault\n * caught one level up.\n *\n * Two messages, because the two faults are not the same thing. A\n * `linkCollection` is a member the editor has simply not been built for yet\n * (#26), so the fix is to wait or to point at the to-one you meant. Any other\n * type is a member that can never name another record at all, so the fix is to\n * remove the entry.\n *\n * Here rather than inside `FieldRow`, and that is the whole reason it is a\n * separate pass: a row only reaches its editor branch in **edit** mode, so a\n * per-row check would stay silent on a form that opens in `read` — the default\n * whenever there is a record — and then throw on a click, minutes later. One\n * pass over the registry fires on the first render either way.\n *\n * Against the resolved fields rather than the raw metadata: a slot may drop a\n * member, and a source left behind for a field that no longer renders is not\n * worth a page.\n */\nfunction assertLinkSourcesAreEditable<TEntity extends Entity>(\n  fields: Array<EntityFormField<TEntity>>,\n  // Same reason as the prop's own declaration: a source's target is another\n  // entity entirely and cannot be expressed in terms of `TEntity`.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSources: Record<string, EntityLinkSource<any>> | undefined,\n): void {\n  if (linkSources === undefined) return;\n\n  const sourced = fields.filter(\n    field =>\n      linkSources[field.name] !== undefined && !PICKABLE_TYPES.has(field.type),\n  );\n  if (sourced.length === 0) return;\n\n  const toMany = sourced\n    .filter(field => field.type === 'linkCollection')\n    .map(field => field.name);\n  if (toMany.length > 0) {\n    throw new EntifixLogicError(\n      `EntityForm was given a link source for a to-many member: ${toMany.join(', ')}. ` +\n        'A `linkCollection` has no editor yet, so the source can only be dropped ' +\n        'and the field would render read-only with no sign anything was wired. ' +\n        'Remove the entry, or point it at the to-one `link` you meant.',\n      undefined,\n      { fields: toMany },\n    );\n  }\n\n  const owned = sourced\n    .filter(field => field.type === 'composition')\n    .map(field => field.name);\n  if (owned.length > 0) {\n    throw new EntifixLogicError(\n      `EntityForm was given a link source for an owned collection: ${owned.join(', ')}. ` +\n        'A `composition` is not a reference — its rows have no life outside this ' +\n        'record and are never picked from existing ones, so there is nothing for a ' +\n        'picker to look up. The detail grid that edits them is #122.',\n      undefined,\n      { fields: owned },\n    );\n  }\n\n  const unpickable = sourced.map(field => `${field.name} (${field.type})`);\n  throw new EntifixLogicError(\n    `EntityForm was given a link source for a member that cannot hold one: ${unpickable.join(', ')}. ` +\n      'A picker writes the target’s id into the draft, so the member has to be a ' +\n      '`link` or the `string` that carries a foreign key. Remove the entry, or ' +\n      'point it at the member that actually holds the reference.',\n    undefined,\n    { fields: sourced.map(field => field.name) },\n  );\n}\n\ninterface FieldRowProps<TEntity extends Entity> {\n  field: EntityFormField<TEntity>;\n  entity: TEntity | undefined;\n  draft: EntityDraft;\n  value: string;\n  editing: boolean;\n  error: string | undefined;\n  setField: (name: string, value: EntityDraftValue) => void;\n  // The target of a relation is a different entity than the form's own.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSource: EntityLinkSource<any> | undefined;\n  onLinkChange:\n    ((name: string, entity: Entity | undefined) => void) | undefined;\n  id: string;\n}\n\n/**\n * One label + control (or value) row. A `readonly` member renders its read\n * display even in edit mode, and so does a relation with no source; everything\n * else edits through `FieldControl` — or, when a source was supplied for a\n * member in {@link PICKABLE_TYPES}, through `EntityLinkInput`. A boolean edited\n * inline carries its own label, so the row does not add a second one.\n *\n * The source branch sits above the `virtual || isRelation` fallback and below\n * `field.render`, which is what lets a slot still override a picked field.\n */\nfunction FieldRow<TEntity extends Entity>({\n  field,\n  entity,\n  draft,\n  value,\n  editing,\n  error,\n  setField,\n  linkSource,\n  onLinkChange,\n  id,\n}: FieldRowProps<TEntity>) {\n  const readNode: ReactNode = field.readRender ? (\n    field.readRender(entity)\n  ) : (\n    <CellValue\n      value={\n        entity ? (entity as Record<string, unknown>)[field.name] : undefined\n      }\n      descriptor={field}\n    />\n  );\n\n  // Members with no editor of their own here: a to-one `link` whose picker was\n  // never wired, a `linkCollection` (#26) and a `composition` (#122). All three\n  // fall back to the read display, which is honest — a disabled text box\n  // holding `[object Object]` is not.\n  const isRelation =\n    field.type === 'link' ||\n    field.type === 'linkCollection' ||\n    field.type === 'composition';\n\n  let control: ReactNode;\n  if (!editing) {\n    control = readNode;\n  } else if (field.render) {\n    control = field.render({ draft, value, setField, id });\n  } else if (linkSource && PICKABLE_TYPES.has(field.type)) {\n    control = (\n      <EntityLinkInput\n        descriptor={field}\n        value={value}\n        source={linkSource}\n        id={id}\n        disabled={field.readonly}\n        onSelect={target => {\n          setField(field.name, target.id == null ? '' : String(target.id));\n          onLinkChange?.(field.name, target);\n        }}\n        onClear={() => {\n          setField(field.name, '');\n          onLinkChange?.(field.name, undefined);\n        }}\n      />\n    );\n  } else if (field.virtual || isRelation) {\n    // A relation with no source has no input to offer, and a virtual field has\n    // no member to edit unless a `render` was supplied — both fall back to the\n    // read display.\n    control = readNode;\n  } else {\n    control = (\n      <FieldControl\n        descriptor={field}\n        value={value}\n        onChange={next => setField(field.name, next)}\n        id={id}\n      />\n    );\n  }\n\n  const ownsLabel =\n    editing && field.type === 'boolean' && !field.render && !field.virtual;\n\n  return (\n    <Stack gap=\"3xs\">\n      {!ownsLabel && (\n        <label htmlFor={id} className=\"text-step-sm text-content-muted\">\n          {field.label}\n        </label>\n      )}\n      {control}\n      {error && (\n        <span role=\"alert\" className=\"text-step-sm text-danger\">\n          {error}\n        </span>\n      )}\n    </Stack>\n  );\n}\n"],"names":["cloneEntityDraft","describeEntityColumns","EntifixLogicError","readDraftString","readRowDrafts","useId","useState","useErrorMessage","useLocalizedDescriptors","useT","useTranslateKey","OVERFLOW_GLYPH","useCasesForSurface","Button","CellValue","FieldControl","Skeleton","Text","Card","ConfirmDialog","EntityLinkInput","LoadingBoundary","Menu","Stack","EntityDetailGrid","readEntityFormFields","resolveEntityFormFields","PICKABLE_TYPES","Set","VISIBLE_ACTION_LIMIT","EntityForm","entityConstructor","entity","values","onFieldChange","linkSources","onLinkChange","mode","modeProp","defaultMode","onModeChange","errors","formError","onSubmit","onDelete","embedded","isLoading","skeleton","isSaving","isDeleting","error","backHref","title","metadata","isMetadataLoading","onUseCase","onClone","children","formId","slots","columnDescriptors","described","resolved","fields","assertLinkSourcesAreEditable","filter","field","isOwnedCollection","ownedCollections","customSkeleton","undefined","showSkeleton","internalMode","setInternalMode","editing","draft","setField","name","value","toggleMode","next","t","translateKey","errorMessage","busy","resolvingLinks","Object","some","source","selected","may","action","actions","includes","declaredHeaderUseCases","useCases","declaredFooterUseCases","headerUseCases","footerUseCases","pending","setPending","invoke","descriptor","confirm","key","labelKey","useCaseButton","type","variant","tone","size","placement","disabled","onClick","useCaseMenuItem","Item","withOverflow","descriptors","length","map","visible","slice","folded","Trigger","aria-label","Items","gap","direction","align","as","step","weight","lines","headerActions","span","role","aria-live","className","p","data-testid","shape","FieldRow","linkSource","id","rows","onRowsChange","footerActions","a","href","rest","open","message","messageKey","onCancel","onConfirm","childType","sourced","has","toMany","join","owned","unpickable","readNode","readRender","isRelation","control","render","readonly","onSelect","target","String","onClear","virtual","onChange","ownsLabel","label","htmlFor"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/organisms/entity-form/entity-form.tsx"],"sourcesContent":["'use client';\n\nimport {\n  cloneEntityDraft,\n  describeEntityColumns,\n  EntifixLogicError,\n  type Entity,\n  type EntityAction,\n  type EntityDraft,\n  type EntityDraftValue,\n  type EntityLinkSource,\n  type MetaAccessorType,\n  readDraftString,\n  readRowDrafts,\n  type UseCaseDescriptor,\n} from '@entifix/core';\nimport { type ReactNode, useId, useState } from 'react';\n\nimport {\n  useErrorMessage,\n  useLocalizedDescriptors,\n  useT,\n  useTranslateKey,\n} from '../../../i18n/index.js';\nimport {\n  OVERFLOW_GLYPH,\n  renderAnchor,\n  useCasesForSurface,\n} from '../../actions/index.js';\nimport { Button, button } from '../../atoms/button/index.js';\nimport { CellValue } from '../../atoms/cell-value/index.js';\nimport { FieldControl } from '../../atoms/field-control/index.js';\nimport { Skeleton } from '../../atoms/skeleton/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport { Card } from '../../molecules/card/index.js';\nimport { ConfirmDialog } from '../../molecules/confirm-dialog/index.js';\nimport { EntityLinkInput } from '../../molecules/entity-link-input/index.js';\nimport { LoadingBoundary } from '../../molecules/loading-boundary/index.js';\nimport { Menu } from '../../molecules/menu/index.js';\nimport { Stack } from '../../molecules/stack/index.js';\nimport { cn } from '../../utils/cn.js';\nimport { EntityDetailGrid } from '../entity-detail-grid/index.js';\nimport type {\n  EntityFormField,\n  EntityFormMode,\n  EntityFormProps,\n} from './entity-form.types.js';\nimport { readEntityFormFields } from './entity-form-slots.js';\nimport { resolveEntityFormFields } from './use-entity-form-fields.js';\n\n/**\n * The member types a `linkSources` entry can actually produce an editor for.\n *\n * `link` is the obvious one. `string` is here because a foreign key does not\n * have to be a typed relation: when the target lives in **another slice's\n * store**, an `EntityLink` would be an illegal edge and a storage-layer join\n * across a store boundary, so the member is a plain id and the relation exists\n * only in the operator's head (ADR 0022, and `ProductSpecification.brandId` is\n * the live case). Nothing about the editor cares which of the two it is —\n * `EntityLinkInput` writes `String(target.id)` into the draft either way, and\n * the *only* place `link`-ness still matters is `applyEntityLinks` at submit,\n * which skips a non-`link` descriptor and so leaves the id as the truth.\n *\n * Everything else is excluded on purpose rather than by omission: a `boolean`,\n * `enum`, `number` or `date` member cannot name another record, so a source\n * pointed at one is a wiring mistake — see {@link assertLinkSourcesAreEditable}.\n */\nconst PICKABLE_TYPES: ReadonlySet<MetaAccessorType> = new Set<MetaAccessorType>(\n  ['link', 'string'],\n);\n\n/**\n * A form that builds itself from an entity's metadata: fields, labels and value\n * formatting all come from `@accessor()` declarations, so editing a new entity\n * needs no bespoke form. The read/edit toggle is the whole point — the same\n * component shows a record as text or as inputs.\n *\n * Two things layer on top of that default:\n * - **modes** — `read` renders each member through `CellValue`; `edit` renders\n *   the matching `FieldControl`. A member in {@link PICKABLE_TYPES} with an\n *   entry in `linkSources` gets the full picker instead — a to-one `link`, or a\n *   `string` holding a foreign key into another slice's store. Without a source,\n *   a relation stays read-only, and a `linkCollection` always does, the to-many\n *   editor being a follow-up. A source aimed at a member that can render no\n *   picker is a wiring mistake rather than a no-op, and throws.\n * - **slots** — `<EntityField>` children override one field's label, control or\n *   read display, or add a computed field.\n *\n * It is presentational: the draft, its errors and the save/delete actions are\n * all props, so the same form hosts on a plain route and inside a workspace tab.\n */\n/**\n * How many verbs a surface shows before the rest fold into an overflow menu.\n *\n * Four, because that is roughly what fits beside a title at a laptop width\n * without the row wrapping — the same number Fiori's object-page header settles\n * on. It is a layout constant, not a policy: raising it does not grant anything.\n */\nconst VISIBLE_ACTION_LIMIT = 4;\n\n/** A verb waiting on its confirmation — narrowed so `confirm` is not optional. */\ninterface PendingConfirmation {\n  key: string;\n  labelKey: string;\n  confirm: NonNullable<UseCaseDescriptor['confirm']>;\n}\n\nexport function EntityForm<TEntity extends Entity>({\n  entityConstructor,\n  entity,\n  values,\n  onFieldChange,\n  linkSources,\n  onLinkChange,\n  mode: modeProp,\n  defaultMode,\n  onModeChange,\n  errors,\n  formError,\n  onSubmit,\n  onDelete,\n  embedded = false,\n  isLoading = false,\n  skeleton = true,\n  isSaving = false,\n  isDeleting = false,\n  error,\n  backHref,\n  renderLink = renderAnchor,\n  title,\n  metadata,\n  isMetadataLoading = false,\n  onUseCase,\n  onClone,\n  children,\n}: EntityFormProps<TEntity>) {\n  const formId = useId();\n  const slots = readEntityFormFields<TEntity>(children);\n  // The *field* descriptors, which stay local and synchronous — a column is a\n  // property of the class every caller holds. Only an action's availability is\n  // a property of the caller, which is why that half arrives as `metadata`.\n  const columnDescriptors = describeEntityColumns(\n    entityConstructor,\n    entity,\n  ) as Array<EntityFormField<TEntity>>;\n  // Before slots resolve, so an `<EntityField label>` override still wins.\n  const described = useLocalizedDescriptors(columnDescriptors);\n  const resolved = resolveEntityFormFields(described, slots.fields);\n  assertLinkSourcesAreEditable(resolved, linkSources);\n\n  // **Form above, table below**, and it is a partition rather than an ordering\n  // hint. A grid rendered between two labelled inputs reads as a field, which\n  // it is not — it is a second record list — so every owned collection is\n  // pulled out of the field stack whatever `order` it declared, and rendered\n  // full width beneath it. A composition that named no child has nothing to\n  // render and stays where it was, showing its row count as before.\n  const fields = resolved.filter(field => !isOwnedCollection(field));\n  const ownedCollections = resolved.filter(isOwnedCollection);\n\n  /**\n   * `true`/omitted → the built-in default, which draws one label+control pair\n   * per resolved field; a node → that node; `false` → nothing. The field list\n   * comes from the constructor's metadata, not from the record, so it is already\n   * complete while the record is still in flight — which is what lets the\n   * placeholder match the form it is standing in for.\n   */\n  const customSkeleton = typeof skeleton === 'boolean' ? undefined : skeleton;\n  const showSkeleton = isLoading && skeleton !== false;\n\n  const [internalMode, setInternalMode] = useState<EntityFormMode>(\n    defaultMode ?? (entity ? 'read' : 'edit'),\n  );\n  const mode = modeProp ?? internalMode;\n  const editing = mode === 'edit';\n\n  const draft: EntityDraft = values ?? {};\n  const setField = (name: string, value: EntityDraftValue) =>\n    onFieldChange?.(name, value);\n\n  const toggleMode = () => {\n    const next: EntityFormMode = editing ? 'read' : 'edit';\n    setInternalMode(next);\n    onModeChange?.(next);\n  };\n\n  const t = useT();\n  const translateKey = useTranslateKey();\n  const errorMessage = useErrorMessage();\n  const busy = isSaving || isDeleting;\n\n  // A draft restored from storage holds relation ids and no instances, so every\n  // picker is resolving its target for a moment after mount. Saving inside that\n  // window is exactly the case `applyEntityLinks` refuses: an `embedded` member\n  // with an id and nothing to inline. Gating the save is the honest answer —\n  // the form is still assembling itself, and the wait is one lookup long.\n  //\n  // Deliberately not narrowed to `embedded` members: a descriptor's\n  // serialization is not what makes an in-flight lookup a bad moment to submit,\n  // and a form that saves half-resolved is confusing whichever shape it writes.\n  const resolvingLinks = Object.values(linkSources ?? {}).some(\n    source => source.selected.isLoading,\n  );\n\n  // Absent metadata keeps the pre-ADR-0026 behaviour, so an un-migrated call\n  // site renders exactly as before. Present metadata is authoritative: it is\n  // what the service already decided this caller may do.\n  const may = (action: EntityAction) =>\n    metadata === undefined || metadata.actions.includes(action);\n\n  // A single-record form shows the verbs that act on *this* record. Which cell\n  // lands where is `action-surfaces`' business and nobody else's — a\n  // `context-dependent` entity verb belongs to a row's overflow menu and a\n  // `collection`-bound one to the bulk bar, and resolving that here as well is\n  // how the two surfaces drifted apart in the first place.\n  //\n  // ⚠️ **Only when there is somewhere for them to go.** Every cell these two\n  // surfaces render is `binding: 'entity'`, so without an `onUseCase` the\n  // button has no handler and clicking it does nothing at all. That is not a\n  // hypothetical: `makeEntityCrud` withholds the handler on a create, because\n  // there is no record for a verb to act on — and Publish and Unpublish\n  // rendered on a new `ProductOffering` and were inert, which reads as a broken\n  // feature rather than an inapplicable one.\n  //\n  // The hooks are called unconditionally and their *results* are gated: React's\n  // hook count must stay fixed across renders.\n  const declaredHeaderUseCases = useCasesForSurface(\n    'form-header',\n    metadata?.useCases,\n  );\n  const declaredFooterUseCases = useCasesForSurface(\n    'form-footer',\n    metadata?.useCases,\n  );\n  const headerUseCases = onUseCase ? declaredHeaderUseCases : [];\n  const footerUseCases = onUseCase ? declaredFooterUseCases : [];\n\n  // A descriptor carrying `confirm` must be asked about before it fires;\n  // `revoke-sessions` ends every session a user holds. The state holds the\n  // confirmation itself rather than the descriptor, so the dialog cannot be\n  // opened for a verb that never asked for one.\n  const [pending, setPending] = useState<PendingConfirmation | undefined>(\n    undefined,\n  );\n  const invoke = (descriptor: UseCaseDescriptor) => {\n    const confirm = descriptor.confirm;\n    if (confirm) {\n      setPending({\n        key: descriptor.key,\n        labelKey: descriptor.labelKey,\n        confirm,\n      });\n      return;\n    }\n    onUseCase?.(descriptor.key);\n  };\n\n  const useCaseButton = (descriptor: UseCaseDescriptor) => (\n    <Button\n      key={descriptor.key}\n      type=\"button\"\n      variant={\n        descriptor.confirm?.tone === 'destructive' ? 'destructive' : 'secondary'\n      }\n      size={descriptor.placement === 'context-independent' ? 'sm' : 'md'}\n      disabled={busy}\n      onClick={() => invoke(descriptor)}\n    >\n      {/* A descriptor's labels are *runtime* catalog keys — they never resolve\n          at compile time, which is why `@r10c/i18n-check` is what catches a\n          typo here rather than the type system. */}\n      {translateKey(descriptor.labelKey)}\n    </Button>\n  );\n\n  const useCaseMenuItem = (descriptor: UseCaseDescriptor) => (\n    <Menu.Item\n      key={descriptor.key}\n      tone={\n        descriptor.confirm?.tone === 'destructive' ? 'destructive' : 'neutral'\n      }\n      disabled={busy}\n      onClick={() => invoke(descriptor)}\n    >\n      {translateKey(descriptor.labelKey)}\n    </Menu.Item>\n  );\n\n  /**\n   * Four actions fit a row; twelve do not.\n   *\n   * So a surface renders its first {@link VISIBLE_ACTION_LIMIT} verbs as\n   * buttons and folds the rest behind one overflow trigger, in **declaration\n   * order** — the entity's author decided which verbs matter by writing them\n   * first, and a rule that sorted by anything else (alphabetical, destructive\n   * last) would reorder the row every time a verb was added.\n   *\n   * The split is only applied when there is something to fold: a fifth action\n   * is the point at which a menu is cheaper than a wider row, and a menu\n   * holding one entry is strictly worse than the button it replaced.\n   */\n  const withOverflow = (descriptors: UseCaseDescriptor[]) => {\n    if (descriptors.length <= VISIBLE_ACTION_LIMIT) {\n      return descriptors.map(useCaseButton);\n    }\n\n    const visible = descriptors.slice(0, VISIBLE_ACTION_LIMIT);\n    const folded = descriptors.slice(VISIBLE_ACTION_LIMIT);\n\n    return [\n      ...visible.map(useCaseButton),\n      <Menu key=\"overflow\">\n        <Menu.Trigger aria-label={t('form.moreActions')}>\n          {OVERFLOW_GLYPH}\n        </Menu.Trigger>\n        <Menu.Items>{folded.map(useCaseMenuItem)}</Menu.Items>\n      </Menu>,\n    ];\n  };\n\n  return (\n    <Card>\n      <Stack gap=\"s\">\n        {/* An embedded form brings only its fields: the heading and the action\n            row belong to whatever is hosting it — a wizard step sits under the\n            wizard's own heading and advances with the wizard's own footer, so\n            rendering a second of each is two controls for one job. */}\n        {!embedded && (\n          <Stack direction=\"row\" gap=\"xs\" align=\"center\">\n            <Text as=\"h2\" step={1} weight=\"semibold\">\n              {/* `entity` is undefined while the record is still in flight, so\n                testing it alone made a loading edit form announce itself as\n                \"New\" for as long as the fetch took, then relabel when the\n                record landed. A form that is loading is never a create. */}\n              {title ??\n                (entity || isLoading ? t('form.details') : t('form.new'))}\n            </Text>\n            {/* The built-in toggle only appears when the form owns its mode and\n              there is a record to view — a create form has nothing to read. */}\n            {modeProp === undefined && entity && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={toggleMode}\n              >\n                {editing ? t('form.view') : t('form.edit')}\n              </Button>\n            )}\n            <LoadingBoundary isLoading={isMetadataLoading} lines={0}>\n              <>\n                {withOverflow(headerUseCases)}\n                {slots.headerActions}\n              </>\n            </LoadingBoundary>\n          </Stack>\n        )}\n\n        {/* One announcement for the form; the shimmer below is aria-hidden. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {isLoading ? t('form.loading') : ''}\n        </span>\n\n        {error && (\n          <p\n            role=\"alert\"\n            data-testid=\"entity-form-error\"\n            className=\"rounded-sm border border-danger bg-danger-subtle px-s py-2xs text-step-sm text-danger\"\n          >\n            {errorMessage(error)}\n          </p>\n        )}\n\n        {/* The placeholder *replaces* the rows rather than sitting above them.\n            Rendering both meant a shimmer stacked on a full set of empty fields,\n            which is two loading signals for one region and twice the height the\n            loaded form settles at. */}\n        {showSkeleton\n          ? (customSkeleton ??\n            fields.map(field => (\n              <Stack key={field.name} gap=\"3xs\">\n                <Skeleton shape=\"line\" className=\"w-24\" />\n                <Skeleton className=\"h-9 w-full\" />\n              </Stack>\n            )))\n          : fields.map(field => (\n              <FieldRow\n                key={field.name}\n                field={field}\n                entity={entity}\n                draft={draft}\n                value={readDraftString(draft, field.name)}\n                editing={editing}\n                error={editing ? errors?.[field.name] : undefined}\n                setField={setField}\n                linkSource={linkSources?.[field.name]}\n                onLinkChange={onLinkChange}\n                id={`${formId}-${field.name}`}\n              />\n            ))}\n\n        {/* The rows the record owns, full width and below every field. Each\n            grid is handed the *whole* error map and picks out the keys naming\n            its own member, so a record owning two collections needs no\n            bookkeeping here. */}\n        {ownedCollections.map(field => (\n          <EntityDetailGrid\n            key={field.name}\n            descriptor={field}\n            rows={readRowDrafts(draft[field.name])}\n            onRowsChange={rows => setField(field.name, rows)}\n            errors={editing ? errors : undefined}\n            editing={editing}\n            isLoading={isLoading}\n            skeleton={skeleton}\n          />\n        ))}\n\n        {/* A cross-field rule has no row to sit under, so it sits with the\n            actions it blocks. */}\n        {editing && formError && (\n          <span role=\"alert\" className=\"text-step-sm text-danger\">\n            {formError}\n          </span>\n        )}\n\n        {editing && !embedded && (\n          <Stack direction=\"row\" gap=\"xs\">\n            {may('write') && (\n              <Button\n                type=\"button\"\n                onClick={() => onSubmit?.(draft)}\n                disabled={busy || resolvingLinks}\n              >\n                {isSaving ? t('form.saving') : t('form.save')}\n              </Button>\n            )}\n            {onDelete && may('delete') && (\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={onDelete}\n                disabled={busy}\n              >\n                {isDeleting ? t('form.deleting') : t('form.delete')}\n              </Button>\n            )}\n            {withOverflow(footerUseCases)}\n            {/* Clone is the CRUD triple's, not a declared verb's: every entity\n                can be copied, so giving it a `@useCase()` would mean declaring\n                the same verb on all 28 of them. It needs `write`, because what\n                it produces is a create. */}\n            {onClone && entity && may('write') && (\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                disabled={busy}\n                onClick={() =>\n                  onClone(cloneEntityDraft(entityConstructor, draft))\n                }\n              >\n                {t('form.clone')}\n              </Button>\n            )}\n            {slots.footerActions}\n            {/* A link styled as a button, not a button inside a link: the old\n                nesting was two interactive elements for one action, and its\n                `disabled` stopped nothing, because the anchor around it still\n                navigated. While busy the link is inert instead. */}\n            {backHref &&\n              renderLink({\n                href: backHref,\n                className: cn(\n                  button({ variant: 'ghost' }),\n                  busy && 'pointer-events-none opacity-50',\n                ),\n                children: t('form.back'),\n                intent: { kind: 'back' },\n              })}\n          </Stack>\n        )}\n\n        {slots.rest}\n      </Stack>\n\n      {pending && (\n        <ConfirmDialog\n          open\n          tone={pending.confirm.tone}\n          title={translateKey(pending.labelKey)}\n          message={translateKey(pending.confirm.messageKey)}\n          busy={busy}\n          onCancel={() => setPending(undefined)}\n          onConfirm={() => {\n            const key = pending.key;\n            setPending(undefined);\n            onUseCase?.(key);\n          }}\n        />\n      )}\n    </Card>\n  );\n}\n\n/**\n * A member the detail grid renders rather than the field stack.\n *\n * The `childType` half is not defensive: a `composition` that declared no child\n * has no columns, so there is nothing for a grid to draw. It keeps its place in\n * the field stack and reads as its row count, which is what it did before this\n * control existed — an honest \"some rows\" rather than an empty table implying\n * there are none.\n */\nfunction isOwnedCollection<TEntity extends Entity>(\n  field: EntityFormField<TEntity>,\n): boolean {\n  return field.type === 'composition' && field.childType !== undefined;\n}\n\n/**\n * Refuse a `linkSources` entry that names a member no picker can be built for.\n *\n * `FieldRow` asks for {@link PICKABLE_TYPES} before it builds an editor, so a\n * source handed to anything else used to fall through to the read-only display\n * or a plain `FieldControl` with nothing said: the caller wired a picker, no\n * picker appeared, and the field was indistinguishable from one the entity had\n * declared read-only. That is a wiring mistake rather than a state — the entry\n * is dead in *every* shape such a field can render, since an\n * `<EntityField render>` slot is handed the draft and never the source — so it\n * costs the render instead of a warning nobody reads. `useEntityLinkSource`\n * already throws `EntifixLogicError` at render for the sibling mistake (a search\n * property the target does not declare `filterable`); this is the same fault\n * caught one level up.\n *\n * Two messages, because the two faults are not the same thing. A\n * `linkCollection` is a member the editor has simply not been built for yet\n * (#26), so the fix is to wait or to point at the to-one you meant. Any other\n * type is a member that can never name another record at all, so the fix is to\n * remove the entry.\n *\n * Here rather than inside `FieldRow`, and that is the whole reason it is a\n * separate pass: a row only reaches its editor branch in **edit** mode, so a\n * per-row check would stay silent on a form that opens in `read` — the default\n * whenever there is a record — and then throw on a click, minutes later. One\n * pass over the registry fires on the first render either way.\n *\n * Against the resolved fields rather than the raw metadata: a slot may drop a\n * member, and a source left behind for a field that no longer renders is not\n * worth a page.\n */\nfunction assertLinkSourcesAreEditable<TEntity extends Entity>(\n  fields: Array<EntityFormField<TEntity>>,\n  // Same reason as the prop's own declaration: a source's target is another\n  // entity entirely and cannot be expressed in terms of `TEntity`.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSources: Record<string, EntityLinkSource<any>> | undefined,\n): void {\n  if (linkSources === undefined) return;\n\n  const sourced = fields.filter(\n    field =>\n      linkSources[field.name] !== undefined && !PICKABLE_TYPES.has(field.type),\n  );\n  if (sourced.length === 0) return;\n\n  const toMany = sourced\n    .filter(field => field.type === 'linkCollection')\n    .map(field => field.name);\n  if (toMany.length > 0) {\n    throw new EntifixLogicError(\n      `EntityForm was given a link source for a to-many member: ${toMany.join(', ')}. ` +\n        'A `linkCollection` has no editor yet, so the source can only be dropped ' +\n        'and the field would render read-only with no sign anything was wired. ' +\n        'Remove the entry, or point it at the to-one `link` you meant.',\n      undefined,\n      { fields: toMany },\n    );\n  }\n\n  const owned = sourced\n    .filter(field => field.type === 'composition')\n    .map(field => field.name);\n  if (owned.length > 0) {\n    throw new EntifixLogicError(\n      `EntityForm was given a link source for an owned collection: ${owned.join(', ')}. ` +\n        'A `composition` is not a reference — its rows have no life outside this ' +\n        'record and are never picked from existing ones, so there is nothing for a ' +\n        'picker to look up. The detail grid that edits them is #122.',\n      undefined,\n      { fields: owned },\n    );\n  }\n\n  const unpickable = sourced.map(field => `${field.name} (${field.type})`);\n  throw new EntifixLogicError(\n    `EntityForm was given a link source for a member that cannot hold one: ${unpickable.join(', ')}. ` +\n      'A picker writes the target’s id into the draft, so the member has to be a ' +\n      '`link` or the `string` that carries a foreign key. Remove the entry, or ' +\n      'point it at the member that actually holds the reference.',\n    undefined,\n    { fields: sourced.map(field => field.name) },\n  );\n}\n\ninterface FieldRowProps<TEntity extends Entity> {\n  field: EntityFormField<TEntity>;\n  entity: TEntity | undefined;\n  draft: EntityDraft;\n  value: string;\n  editing: boolean;\n  error: string | undefined;\n  setField: (name: string, value: EntityDraftValue) => void;\n  // The target of a relation is a different entity than the form's own.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSource: EntityLinkSource<any> | undefined;\n  onLinkChange:\n    ((name: string, entity: Entity | undefined) => void) | undefined;\n  id: string;\n}\n\n/**\n * One label + control (or value) row. A `readonly` member renders its read\n * display even in edit mode, and so does a relation with no source; everything\n * else edits through `FieldControl` — or, when a source was supplied for a\n * member in {@link PICKABLE_TYPES}, through `EntityLinkInput`. A boolean edited\n * inline carries its own label, so the row does not add a second one.\n *\n * The source branch sits above the `virtual || isRelation` fallback and below\n * `field.render`, which is what lets a slot still override a picked field.\n */\nfunction FieldRow<TEntity extends Entity>({\n  field,\n  entity,\n  draft,\n  value,\n  editing,\n  error,\n  setField,\n  linkSource,\n  onLinkChange,\n  id,\n}: FieldRowProps<TEntity>) {\n  const readNode: ReactNode = field.readRender ? (\n    field.readRender(entity)\n  ) : (\n    <CellValue\n      value={\n        entity ? (entity as Record<string, unknown>)[field.name] : undefined\n      }\n      descriptor={field}\n    />\n  );\n\n  // Members with no editor of their own here: a to-one `link` whose picker was\n  // never wired, a `linkCollection` (#26) and a `composition` (#122). All three\n  // fall back to the read display, which is honest — a disabled text box\n  // holding `[object Object]` is not.\n  const isRelation =\n    field.type === 'link' ||\n    field.type === 'linkCollection' ||\n    field.type === 'composition';\n\n  let control: ReactNode;\n  if (!editing) {\n    control = readNode;\n  } else if (field.render) {\n    control = field.render({ draft, value, setField, id });\n  } else if (linkSource && PICKABLE_TYPES.has(field.type)) {\n    control = (\n      <EntityLinkInput\n        descriptor={field}\n        value={value}\n        source={linkSource}\n        id={id}\n        disabled={field.readonly}\n        onSelect={target => {\n          setField(field.name, target.id == null ? '' : String(target.id));\n          onLinkChange?.(field.name, target);\n        }}\n        onClear={() => {\n          setField(field.name, '');\n          onLinkChange?.(field.name, undefined);\n        }}\n      />\n    );\n  } else if (field.virtual || isRelation) {\n    // A relation with no source has no input to offer, and a virtual field has\n    // no member to edit unless a `render` was supplied — both fall back to the\n    // read display.\n    control = readNode;\n  } else {\n    control = (\n      <FieldControl\n        descriptor={field}\n        value={value}\n        onChange={next => setField(field.name, next)}\n        id={id}\n      />\n    );\n  }\n\n  const ownsLabel =\n    editing && field.type === 'boolean' && !field.render && !field.virtual;\n\n  return (\n    <Stack gap=\"3xs\">\n      {!ownsLabel && (\n        <label htmlFor={id} className=\"text-step-sm text-content-muted\">\n          {field.label}\n        </label>\n      )}\n      {control}\n      {error && (\n        <span role=\"alert\" className=\"text-step-sm text-danger\">\n          {error}\n        </span>\n      )}\n    </Stack>\n  );\n}\n"],"names":["cloneEntityDraft","describeEntityColumns","EntifixLogicError","readDraftString","readRowDrafts","useId","useState","useErrorMessage","useLocalizedDescriptors","useT","useTranslateKey","OVERFLOW_GLYPH","renderAnchor","useCasesForSurface","Button","button","CellValue","FieldControl","Skeleton","Text","Card","ConfirmDialog","EntityLinkInput","LoadingBoundary","Menu","Stack","cn","EntityDetailGrid","readEntityFormFields","resolveEntityFormFields","PICKABLE_TYPES","Set","VISIBLE_ACTION_LIMIT","EntityForm","entityConstructor","entity","values","onFieldChange","linkSources","onLinkChange","mode","modeProp","defaultMode","onModeChange","errors","formError","onSubmit","onDelete","embedded","isLoading","skeleton","isSaving","isDeleting","error","backHref","renderLink","title","metadata","isMetadataLoading","onUseCase","onClone","children","formId","slots","columnDescriptors","described","resolved","fields","assertLinkSourcesAreEditable","filter","field","isOwnedCollection","ownedCollections","customSkeleton","undefined","showSkeleton","internalMode","setInternalMode","editing","draft","setField","name","value","toggleMode","next","t","translateKey","errorMessage","busy","resolvingLinks","Object","some","source","selected","may","action","actions","includes","declaredHeaderUseCases","useCases","declaredFooterUseCases","headerUseCases","footerUseCases","pending","setPending","invoke","descriptor","confirm","key","labelKey","useCaseButton","type","variant","tone","size","placement","disabled","onClick","useCaseMenuItem","Item","withOverflow","descriptors","length","map","visible","slice","folded","Trigger","aria-label","Items","gap","direction","align","as","step","weight","lines","headerActions","span","role","aria-live","className","p","data-testid","shape","FieldRow","linkSource","id","rows","onRowsChange","footerActions","href","intent","kind","rest","open","message","messageKey","onCancel","onConfirm","childType","sourced","has","toMany","join","owned","unpickable","readNode","readRender","isRelation","control","render","readonly","onSelect","target","String","onClear","virtual","onChange","ownsLabel","label","htmlFor"],"mappings":"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"}

package/dist/ui/organisms/entity-form/entity-form.types.d.ts

@@ -1,5 +1,6 @@
 import type { EntifixError, Entity, EntityConstructor, EntityDraft, EntityDraftValue, EntityFieldDescriptor, EntityLinkSource, EntityMetadataDocument } from '@entifix/core';
 import type { ReactNode } from 'react';
+import type { RenderLink } from '../../actions/index.js';
 /** Whether the form shows values as text (`read`) or as inputs (`edit`). */
 export type EntityFormMode = 'read' | 'edit';
 /** What a custom edit control for one field is handed. */
@@ -143,6 +144,11 @@ export interface EntityFormProps<TEntity extends Entity> {
     error?: EntifixError;
     /** Link to return to, rendered as a `Back` action. Omit to hide it. */
     backHref?: string;
+    /**
+     * Renders the `Back` link. Defaults to a plain anchor, which a client-routed
+     * host experiences as a full document load. See {@link RenderLink}.
+     */
+    renderLink?: RenderLink;
     /** Heading for the card. Defaults to a generic label. */
     title?: ReactNode;
     /** Customization slots — see `entity-form-slots`. */

package/dist/ui/organisms/entity-form/entity-form.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-form.types.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/entity-form/entity-form.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-form.types.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/entity-form/entity-form.types.ts"],"names":[],"mappings":"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"}

package/dist/ui/organisms/entity-form/entity-form.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/organisms/entity-form/entity-form.types.ts"],"sourcesContent":["import type {\n  EntifixError,\n  Entity,\n  EntityConstructor,\n  EntityDraft,\n  EntityDraftValue,\n  EntityFieldDescriptor,\n  EntityLinkSource,\n  EntityMetadataDocument,\n} from '@entifix/core';\nimport type { ReactNode } from 'react';\n\n/** Whether the form shows values as text (`read`) or as inputs (`edit`). */\nexport type EntityFormMode = 'read' | 'edit';\n\n/** What a custom edit control for one field is handed. */\nexport interface EntityFieldRenderContext {\n  draft: EntityDraft;\n  value: string;\n  setField: (name: string, value: EntityDraftValue) => void;\n  /** The id the field's label points at — put it on your control. */\n  id: string;\n}\n\n/**\n * A field as the form finally renders it: the metadata descriptor plus the\n * per-field overrides a caller supplied through an `<EntityField>` slot.\n */\nexport interface EntityFormField<\n  TEntity extends Entity,\n> extends EntityFieldDescriptor {\n  /** Replaces the default edit control. */\n  render?: (context: EntityFieldRenderContext) => ReactNode;\n  /** Replaces the default read display. */\n  readRender?: (entity: TEntity | undefined) => ReactNode;\n  /** True when the field has no backing entity member (slot-only field). */\n  virtual?: boolean;\n}\n\nexport interface EntityFormProps<TEntity extends Entity> {\n  /** Metadata source. Fields, labels and types derive from its accessors. */\n  entityConstructor: EntityConstructor<TEntity>;\n  /** The record being viewed/edited. The read display and, in a wrapper, the\n   *  initial draft both come from it; omit for a create form. */\n  entity?: TEntity;\n\n  /** The current draft. The form is controlled — a host (the `useEntityForm`\n   *  hook or a `useState`) owns this and updates it via `onFieldChange`. */\n  values?: EntityDraft;\n  /**\n   * Called when one field changes.\n   *\n   * The value is a union rather than a string because a `composition`\n   * member's is its list of rows — the one member with no lossless string form.\n   * Every scalar editor still writes a string, so a host that only edits\n   * scalars is unaffected.\n   */\n  onFieldChange?: (name: string, value: EntityDraftValue) => void;\n\n  /**\n   * A search/browse source per reference, keyed by accessor name. A `link` field\n   * with a source gets the full editor; one without keeps its read-only display,\n   * which is what a form that only shows a relation still wants.\n   *\n   * A **`string`** field with a source gets the same editor, because a foreign\n   * key whose target lives in another slice's store cannot be a typed `link` at\n   * all and is a plain id member (ADR 0022). The editor does not know the\n   * difference — it writes the target's id into the draft either way.\n   *\n   * A key naming any other member throws: `linkCollection` has no editor\n   * anywhere yet, and a `boolean`/`enum`/`number`/`date` can never name another\n   * record, so the entry could only be dropped — and a dropped source looks\n   * exactly like a member the entity declared read-only.\n   *\n   * A registry rather than a slot per relation: the whole point is that an entity\n   * declaring a reference needs no bespoke control. The sources are built by the\n   * caller because fetching them is the integration layer's job, and this package\n   * cannot reach it.\n   */\n  // A source's target is another entity entirely, so it cannot be expressed in\n  // terms of `TEntity`; the input it feeds is instantiated per field anyway.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSources?: Record<string, EntityLinkSource<any>>;\n  /**\n   * A relation was set or cleared. The instance travels alongside the id the\n   * draft holds, so a host can remember it — an id alone cannot be written as an\n   * embedded relation.\n   */\n  onLinkChange?: (name: string, entity: Entity | undefined) => void;\n\n  /** Force a mode. Omit to let the form own it (with the built-in toggle). */\n  mode?: EntityFormMode;\n  /** Initial mode when uncontrolled. Defaults to `read` with an `entity`, else\n   *  `edit` (a create form opens ready to type). */\n  defaultMode?: EntityFormMode;\n  onModeChange?: (mode: EntityFormMode) => void;\n\n  /** Per-field validation messages, keyed by field name. */\n  errors?: Record<string, string>;\n  /**\n   * A validation message that belongs to no single field — a rule spanning two\n   * of them. Rendered above the actions, since no row can host it.\n   */\n  formError?: string;\n\n  onSubmit?: (draft: EntityDraft) => void;\n  onDelete?: () => void;\n\n  /**\n   * What this caller may do with the entity, as served by\n   * `GET /api/<entity>/$metadata` and already filtered against the verified\n   * principal (ADR 0026).\n   *\n   * **Optional, and absent means \"as before\".** Without it the form renders Save\n   * and Delete exactly as it always has, so a call site that has not migrated is\n   * unaffected. This is not a security control — hiding a button protects\n   * nothing; the route guard does. It is what stops a screen offering an action\n   * the service will refuse.\n   */\n  metadata?: EntityMetadataDocument;\n  /** The document is still in flight; the action row renders as a skeleton. */\n  isMetadataLoading?: boolean;\n  /**\n   * A declared use case was invoked, by its `key`. The form renders the button\n   * and asks for confirmation where the descriptor says to; performing the act\n   * is the caller's — the browser must never import a use-case class.\n   */\n  onUseCase?: (key: string) => void;\n\n  /**\n   * Copies the record into a new draft, dropping the members declared\n   * `@accessor({ resetOnClone: true })` and always the id.\n   *\n   * A prop rather than something the form does by itself, because the *result*\n   * of a clone is a navigation — a create form holding the copy — and this\n   * package knows no router. The form supplies the cleaned draft\n   * (`cloneEntityDraft`); where it lands is the caller's.\n   *\n   * Absent renders no Clone action.\n   */\n  onClone?: (draft: EntityDraft) => void;\n\n  /**\n   * Render the **fields and nothing else** — no heading, no action row.\n   *\n   * For a form hosted inside something that already owns those controls: a\n   * wizard step sits under the wizard's own heading and advances with the\n   * wizard's own footer, so a second heading and a Save button beside Siguiente\n   * would be two controls for one job, and the Save would commit a partial\n   * record mid-flow.\n   *\n   * Opt-in and defaulted off, so every existing form is untouched.\n   */\n  embedded?: boolean;\n  isLoading?: boolean;\n  /**\n   * What holds the form's shape while the record is in flight.\n   *\n   * `true` (the default) renders the built-in placeholder — one label+control\n   * pair per resolved field, so the swap to the real rows shifts nothing. A node\n   * replaces that default; `false` renders no placeholder at all.\n   *\n   * The placeholder *replaces* the field rows; it never stacks above them.\n   */\n  skeleton?: boolean | ReactNode;\n  isSaving?: boolean;\n  isDeleting?: boolean;\n  /** The failure of the last load/save, shown as an alert. */\n  error?: EntifixError;\n\n  /** Link to return to, rendered as a `Back` action. Omit to hide it. */\n  backHref?: string;\n  /** Heading for the card. Defaults to a generic label. */\n  title?: ReactNode;\n\n  /** Customization slots — see `entity-form-slots`. */\n  children?: ReactNode;\n}\n"],"names":[],"mappings":"AAuCA,WA0IC"}
+{"version":3,"sources":["../../../../src/ui/organisms/entity-form/entity-form.types.ts"],"sourcesContent":["import type {\n  EntifixError,\n  Entity,\n  EntityConstructor,\n  EntityDraft,\n  EntityDraftValue,\n  EntityFieldDescriptor,\n  EntityLinkSource,\n  EntityMetadataDocument,\n} from '@entifix/core';\nimport type { ReactNode } from 'react';\n\nimport type { RenderLink } from '../../actions/index.js';\n\n/** Whether the form shows values as text (`read`) or as inputs (`edit`). */\nexport type EntityFormMode = 'read' | 'edit';\n\n/** What a custom edit control for one field is handed. */\nexport interface EntityFieldRenderContext {\n  draft: EntityDraft;\n  value: string;\n  setField: (name: string, value: EntityDraftValue) => void;\n  /** The id the field's label points at — put it on your control. */\n  id: string;\n}\n\n/**\n * A field as the form finally renders it: the metadata descriptor plus the\n * per-field overrides a caller supplied through an `<EntityField>` slot.\n */\nexport interface EntityFormField<\n  TEntity extends Entity,\n> extends EntityFieldDescriptor {\n  /** Replaces the default edit control. */\n  render?: (context: EntityFieldRenderContext) => ReactNode;\n  /** Replaces the default read display. */\n  readRender?: (entity: TEntity | undefined) => ReactNode;\n  /** True when the field has no backing entity member (slot-only field). */\n  virtual?: boolean;\n}\n\nexport interface EntityFormProps<TEntity extends Entity> {\n  /** Metadata source. Fields, labels and types derive from its accessors. */\n  entityConstructor: EntityConstructor<TEntity>;\n  /** The record being viewed/edited. The read display and, in a wrapper, the\n   *  initial draft both come from it; omit for a create form. */\n  entity?: TEntity;\n\n  /** The current draft. The form is controlled — a host (the `useEntityForm`\n   *  hook or a `useState`) owns this and updates it via `onFieldChange`. */\n  values?: EntityDraft;\n  /**\n   * Called when one field changes.\n   *\n   * The value is a union rather than a string because a `composition`\n   * member's is its list of rows — the one member with no lossless string form.\n   * Every scalar editor still writes a string, so a host that only edits\n   * scalars is unaffected.\n   */\n  onFieldChange?: (name: string, value: EntityDraftValue) => void;\n\n  /**\n   * A search/browse source per reference, keyed by accessor name. A `link` field\n   * with a source gets the full editor; one without keeps its read-only display,\n   * which is what a form that only shows a relation still wants.\n   *\n   * A **`string`** field with a source gets the same editor, because a foreign\n   * key whose target lives in another slice's store cannot be a typed `link` at\n   * all and is a plain id member (ADR 0022). The editor does not know the\n   * difference — it writes the target's id into the draft either way.\n   *\n   * A key naming any other member throws: `linkCollection` has no editor\n   * anywhere yet, and a `boolean`/`enum`/`number`/`date` can never name another\n   * record, so the entry could only be dropped — and a dropped source looks\n   * exactly like a member the entity declared read-only.\n   *\n   * A registry rather than a slot per relation: the whole point is that an entity\n   * declaring a reference needs no bespoke control. The sources are built by the\n   * caller because fetching them is the integration layer's job, and this package\n   * cannot reach it.\n   */\n  // A source's target is another entity entirely, so it cannot be expressed in\n  // terms of `TEntity`; the input it feeds is instantiated per field anyway.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  linkSources?: Record<string, EntityLinkSource<any>>;\n  /**\n   * A relation was set or cleared. The instance travels alongside the id the\n   * draft holds, so a host can remember it — an id alone cannot be written as an\n   * embedded relation.\n   */\n  onLinkChange?: (name: string, entity: Entity | undefined) => void;\n\n  /** Force a mode. Omit to let the form own it (with the built-in toggle). */\n  mode?: EntityFormMode;\n  /** Initial mode when uncontrolled. Defaults to `read` with an `entity`, else\n   *  `edit` (a create form opens ready to type). */\n  defaultMode?: EntityFormMode;\n  onModeChange?: (mode: EntityFormMode) => void;\n\n  /** Per-field validation messages, keyed by field name. */\n  errors?: Record<string, string>;\n  /**\n   * A validation message that belongs to no single field — a rule spanning two\n   * of them. Rendered above the actions, since no row can host it.\n   */\n  formError?: string;\n\n  onSubmit?: (draft: EntityDraft) => void;\n  onDelete?: () => void;\n\n  /**\n   * What this caller may do with the entity, as served by\n   * `GET /api/<entity>/$metadata` and already filtered against the verified\n   * principal (ADR 0026).\n   *\n   * **Optional, and absent means \"as before\".** Without it the form renders Save\n   * and Delete exactly as it always has, so a call site that has not migrated is\n   * unaffected. This is not a security control — hiding a button protects\n   * nothing; the route guard does. It is what stops a screen offering an action\n   * the service will refuse.\n   */\n  metadata?: EntityMetadataDocument;\n  /** The document is still in flight; the action row renders as a skeleton. */\n  isMetadataLoading?: boolean;\n  /**\n   * A declared use case was invoked, by its `key`. The form renders the button\n   * and asks for confirmation where the descriptor says to; performing the act\n   * is the caller's — the browser must never import a use-case class.\n   */\n  onUseCase?: (key: string) => void;\n\n  /**\n   * Copies the record into a new draft, dropping the members declared\n   * `@accessor({ resetOnClone: true })` and always the id.\n   *\n   * A prop rather than something the form does by itself, because the *result*\n   * of a clone is a navigation — a create form holding the copy — and this\n   * package knows no router. The form supplies the cleaned draft\n   * (`cloneEntityDraft`); where it lands is the caller's.\n   *\n   * Absent renders no Clone action.\n   */\n  onClone?: (draft: EntityDraft) => void;\n\n  /**\n   * Render the **fields and nothing else** — no heading, no action row.\n   *\n   * For a form hosted inside something that already owns those controls: a\n   * wizard step sits under the wizard's own heading and advances with the\n   * wizard's own footer, so a second heading and a Save button beside Siguiente\n   * would be two controls for one job, and the Save would commit a partial\n   * record mid-flow.\n   *\n   * Opt-in and defaulted off, so every existing form is untouched.\n   */\n  embedded?: boolean;\n  isLoading?: boolean;\n  /**\n   * What holds the form's shape while the record is in flight.\n   *\n   * `true` (the default) renders the built-in placeholder — one label+control\n   * pair per resolved field, so the swap to the real rows shifts nothing. A node\n   * replaces that default; `false` renders no placeholder at all.\n   *\n   * The placeholder *replaces* the field rows; it never stacks above them.\n   */\n  skeleton?: boolean | ReactNode;\n  isSaving?: boolean;\n  isDeleting?: boolean;\n  /** The failure of the last load/save, shown as an alert. */\n  error?: EntifixError;\n\n  /** Link to return to, rendered as a `Back` action. Omit to hide it. */\n  backHref?: string;\n  /**\n   * Renders the `Back` link. Defaults to a plain anchor, which a client-routed\n   * host experiences as a full document load. See {@link RenderLink}.\n   */\n  renderLink?: RenderLink;\n  /** Heading for the card. Defaults to a generic label. */\n  title?: ReactNode;\n\n  /** Customization slots — see `entity-form-slots`. */\n  children?: ReactNode;\n}\n"],"names":[],"mappings":"AAyCA,WA+IC"}

package/dist/ui/organisms/entity-table/entity-table.d.ts

@@ -1,4 +1,4 @@
 import { type Entity } from '@entifix/core';
 import type { EntityTableProps } from './entity-table.types.js';
-export declare function EntityTable<TEntity extends Entity>({ entityConstructor, isLoading, skeleton, error, items, totalItems, currentPage, pageSize, onPageChange, onPageSizeChange, hrefFor, newHref, onSelect, preferencesKey, showControls, pivotBreakpoint, filtering, sorting, onFilteringChange, onSortingChange, selection, onSelectionChange, metadata, isMetadataLoading, onBulkUseCase, onUseCase, bulkOutcomes, onBulkDismiss, onBulkRetry, isBulkRunning, children, }: EntityTableProps<TEntity>): import("react").JSX.Element;
+export declare function EntityTable<TEntity extends Entity>({ entityConstructor, isLoading, skeleton, error, items, totalItems, currentPage, pageSize, onPageChange, onPageSizeChange, hrefFor, newHref, renderLink, onSelect, preferencesKey, showControls, pivotBreakpoint, filtering, sorting, onFilteringChange, onSortingChange, selection, onSelectionChange, metadata, isMetadataLoading, onBulkUseCase, onUseCase, bulkOutcomes, onBulkDismiss, onBulkRetry, isBulkRunning, children, }: EntityTableProps<TEntity>): import("react").JSX.Element;
 //# sourceMappingURL=entity-table.d.ts.map

package/dist/ui/organisms/entity-table/entity-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-table.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/entity-table/entity-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,MAAM,EAUZ,MAAM,eAAe,CAAC;AA8BvB,OAAO,KAAK,EAGV,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAwDjC,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,EAClD,iBAAiB,EACjB,SAAS,EACT,QAAe,EACf,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAmB,EACnB,eAAsB,EACtB,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,iBAAyB,EACzB,aAAa,EACb,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAqB,EACrB,QAAQ,GACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,+BAopB3B"}
+{"version":3,"file":"entity-table.d.ts","sourceRoot":"","sources":["../../../../src/ui/organisms/entity-table/entity-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,MAAM,EAUZ,MAAM,eAAe,CAAC;AAkCvB,OAAO,KAAK,EAGV,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAwDjC,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,EAClD,iBAAiB,EACjB,SAAS,EACT,QAAe,EACf,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,UAAyB,EACzB,QAAQ,EACR,cAAc,EACd,YAAmB,EACnB,eAAsB,EACtB,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,iBAAyB,EACzB,aAAa,EACb,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAqB,EACrB,QAAQ,GACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,+BA+pB3B"}

package/dist/ui/organisms/entity-table/entity-table.js

@@ -3,13 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { emptySelection, EntifixLogicError, extractMetaEntity, isSelected, selectionSize, toggleSelected } from '@entifix/core';
 import { Fragment, useRef, useState } from 'react';
 import { useErrorMessage, useT, useTranslateKey } from '../../../i18n/index.js';
-import { OVERFLOW_GLYPH, useCasesForSurface } from '../../actions/index.js';
+import { OVERFLOW_GLYPH, renderAnchor, useCasesForSurface } from '../../actions/index.js';
 import { Button } from '../../atoms/button/index.js';
 import { CellValue } from '../../atoms/cell-value/index.js';
 import { Checkbox } from '../../atoms/field/index.js';
 import { Skeleton } from '../../atoms/skeleton/index.js';
 import { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableMessageRow, TableRow } from '../../atoms/table/index.js';
-import { Link } from '../../atoms/text/index.js';
+import { linkClassName } from '../../atoms/text/index.js';
 import { BulkActionBar } from '../../molecules/bulk-action-bar/index.js';
 import { BulkResult } from '../../molecules/bulk-result/index.js';
 import { ColumnSettings } from '../../molecules/column-settings/index.js';
@@ -50,7 +50,7 @@ import { useEntityTableColumns } from './use-entity-table-columns.js';
  * a fifty-row page would otherwise paint fifty shimmer rows to stand in for
  * content that arrives below the fold anyway.
  */ const SKELETON_ROW_CAP = 5;
-export function EntityTable({ entityConstructor, isLoading, skeleton = true, error, items, totalItems, currentPage, pageSize, onPageChange, onPageSizeChange, hrefFor, newHref, onSelect, preferencesKey, showControls = true, pivotBreakpoint = 'md', filtering, sorting, onFilteringChange, onSortingChange, selection, onSelectionChange, metadata, isMetadataLoading = false, onBulkUseCase, onUseCase, bulkOutcomes, onBulkDismiss, onBulkRetry, isBulkRunning = false, children }) {
+export function EntityTable({ entityConstructor, isLoading, skeleton = true, error, items, totalItems, currentPage, pageSize, onPageChange, onPageSizeChange, hrefFor, newHref, renderLink = renderAnchor, onSelect, preferencesKey, showControls = true, pivotBreakpoint = 'md', filtering, sorting, onFilteringChange, onSortingChange, selection, onSelectionChange, metadata, isMetadataLoading = false, onBulkUseCase, onUseCase, bulkOutcomes, onBulkDismiss, onBulkRetry, isBulkRunning = false, children }) {
     var _ref;
     const t = useT();
     // A descriptor's label is a runtime catalog key — the typed gate cannot see
@@ -270,9 +270,14 @@ export function EntityTable({ entityConstructor, isLoading, skeleton = true, err
             size: "sm",
             onClick: ()=>onSelect(item),
             children: t('table.select')
-        }) : hrefFor ? /*#__PURE__*/ _jsx(Link, {
+        }) : hrefFor ? renderLink({
             href: hrefFor(item.id),
-            children: t('table.open')
+            className: linkClassName,
+            children: t('table.open'),
+            intent: {
+                kind: 'open',
+                id: item.id
+            }
         }) : undefined;
         const menu = rowMenu(item);
         if (!menu) return primary;
@@ -301,9 +306,13 @@ export function EntityTable({ entityConstructor, isLoading, skeleton = true, err
             showControls && /*#__PURE__*/ _jsx(TableToolbar, {
                 start: /*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
-                        newHref && /*#__PURE__*/ _jsx(Link, {
+                        newHref && renderLink({
                             href: newHref,
-                            children: t('table.new')
+                            className: linkClassName,
+                            children: t('table.new'),
+                            intent: {
+                                kind: 'new'
+                            }
                         }),
                         /*#__PURE__*/ _jsx(LoadingBoundary, {
                             isLoading: isMetadataLoading,

package/dist/ui/organisms/entity-table/entity-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/organisms/entity-table/entity-table.tsx"],"sourcesContent":["'use client';\n\nimport {\n  emptySelection,\n  EntifixLogicError,\n  type Entity,\n  type EntityId,\n  type EntitySelection,\n  type EntitySorting,\n  extractMetaEntity,\n  type FilterGroup,\n  isSelected,\n  selectionSize,\n  toggleSelected,\n  type UseCaseDescriptor,\n} from '@entifix/core';\nimport { Fragment, type ReactNode, useRef, useState } from 'react';\n\nimport { useErrorMessage, useT, useTranslateKey } from '../../../i18n/index.js';\nimport { OVERFLOW_GLYPH, useCasesForSurface } from '../../actions/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { CellValue } from '../../atoms/cell-value/index.js';\nimport { Checkbox } from '../../atoms/field/index.js';\nimport { Skeleton } from '../../atoms/skeleton/index.js';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableMessageRow,\n  TableRow,\n} from '../../atoms/table/index.js';\nimport { Link } from '../../atoms/text/index.js';\nimport { BulkActionBar } from '../../molecules/bulk-action-bar/index.js';\nimport { BulkResult } from '../../molecules/bulk-result/index.js';\nimport { ColumnSettings } from '../../molecules/column-settings/index.js';\nimport { ConfirmDialog } from '../../molecules/confirm-dialog/index.js';\nimport { EntityRecordCard } from '../../molecules/entity-record-card/index.js';\nimport { FilterBuilder } from '../../molecules/filter-builder/index.js';\nimport { LoadingBoundary } from '../../molecules/loading-boundary/index.js';\nimport { Menu } from '../../molecules/menu/index.js';\nimport { Pagination } from '../../molecules/pagination/index.js';\nimport { SortBuilder } from '../../molecules/sort-builder/index.js';\nimport { TableToolbar } from '../../molecules/table-toolbar/index.js';\nimport type {\n  EntityTableColumn,\n  EntityTablePivotBreakpoint,\n  EntityTableProps,\n} from './entity-table.types.js';\nimport { readEntityTableSlots } from './entity-table-slots.js';\nimport { useEntityTableColumns } from './use-entity-table-columns.js';\n\n/**\n * The grid and the card list are both rendered, and CSS picks one. A JS\n * breakpoint hook would have to guess during SSR and correct after mount —\n * a hydration mismatch on every page load. Classes are written out in full\n * because Tailwind cannot see a class name that is concatenated at runtime.\n */\nconst PIVOT_CLASS: Record<\n  EntityTablePivotBreakpoint,\n  { grid: string; cards: string }\n> = {\n  sm: { grid: 'hidden sm:block', cards: 'sm:hidden' },\n  md: { grid: 'hidden md:block', cards: 'md:hidden' },\n  lg: { grid: 'hidden lg:block', cards: 'lg:hidden' },\n};\n\ntype Panel = 'none' | 'filters' | 'sorting';\n\n/**\n * How many placeholder rows the built-in skeleton draws.\n *\n * The column count is taken from the real geometry, because that is the axis a\n * mismatch shifts; the row count is capped instead of tracking `pageSize`, since\n * a fifty-row page would otherwise paint fifty shimmer rows to stand in for\n * content that arrives below the fold anyway.\n */\nconst SKELETON_ROW_CAP = 5;\n\n/**\n * A table that builds itself from an entity's metadata: columns, labels, value\n * formatting and the filter/sort controls all come from `@accessor()`\n * declarations, so listing a new entity needs no bespoke table.\n *\n * Three things layer on top of that default:\n * - **personalization** — column order and visibility, persisted through the\n *   UI-preferences port (so it survives reloads and can later move server-side);\n * - **responsiveness** — below `pivotBreakpoint` rows pivot into label/value\n *   cards instead of scrolling sideways;\n * - **slots** — `<EntityColumn>` / `<EntityTableHeader>` / `<EntityTableRow>` /\n *   `<EntityTableToolbar>` children override any part of the default rendering.\n */\n/**\n * What a pending verb will act on once it is confirmed.\n *\n * A form has one record; a table has a row or a selection, and those reach two\n * different handlers with two different payloads. Carrying the selection itself\n * rather than reading it back at confirm time also removes a branch that could\n * not happen: the bulk bar only renders inside a truthy selection.\n */\ntype PendingTarget<TEntity extends Entity> =\n  | { kind: 'row'; item: TEntity }\n  | { kind: 'selection'; selection: EntitySelection<TEntity> };\n\nexport function EntityTable<TEntity extends Entity>({\n  entityConstructor,\n  isLoading,\n  skeleton = true,\n  error,\n  items,\n  totalItems,\n  currentPage,\n  pageSize,\n  onPageChange,\n  onPageSizeChange,\n  hrefFor,\n  newHref,\n  onSelect,\n  preferencesKey,\n  showControls = true,\n  pivotBreakpoint = 'md',\n  filtering,\n  sorting,\n  onFilteringChange,\n  onSortingChange,\n  selection,\n  onSelectionChange,\n  metadata,\n  isMetadataLoading = false,\n  onBulkUseCase,\n  onUseCase,\n  bulkOutcomes,\n  onBulkDismiss,\n  onBulkRetry,\n  isBulkRunning = false,\n  children,\n}: EntityTableProps<TEntity>) {\n  const t = useT();\n  // A descriptor's label is a runtime catalog key — the typed gate cannot see\n  // it, which is why `@r10c/i18n-check` is what catches a typo.\n  const translateKey = useTranslateKey();\n  const errorMessage = useErrorMessage();\n  const metaEntity = extractMetaEntity(entityConstructor);\n  const slots = readEntityTableSlots<TEntity>(children);\n  const [panel, setPanel] = useState<Panel>('none');\n\n  /**\n   * A verb waiting to be confirmed, and what it will act on.\n   *\n   * ⚠️ **The table had no confirmation flow at all** until #216 moved a\n   * destructive verb onto it. It read `confirm.tone` — only to pick a tone for\n   * a button or a menu item — and then fired on the first click. `unpublish` is\n   * declared `destructive`, so a verb reachable from a row menu without this\n   * would have been a one-click unpublish with a red label explaining what had\n   * already happened.\n   *\n   * The state holds the confirmation itself rather than the descriptor, so the\n   * dialog cannot open for a verb that never asked for one — the same shape\n   * `EntityForm` uses, and for the same reason.\n   *\n   * It carries the **target** too, which the form's does not need: a form has\n   * one record and a table has a row or a selection, and those run through two\n   * different handlers with two different payloads.\n   */\n  const [pending, setPending] = useState<\n    | {\n        key: string;\n        labelKey: string;\n        confirm: NonNullable<UseCaseDescriptor['confirm']>;\n        target: PendingTarget<TEntity>;\n      }\n    | undefined\n  >(undefined);\n\n  const { columns, visibleColumns, hidden, setPersonalization } =\n    useEntityTableColumns<TEntity>(\n      entityConstructor,\n      slots.columns,\n      items[0],\n      `entity-table:${preferencesKey ?? metaEntity.key ?? metaEntity.name}`,\n    );\n\n  const pivot = PIVOT_CLASS[pivotBreakpoint];\n\n  // A picker's table is choosing *one* value; a multi-selection there would\n  // offer a set to a form member that holds a single reference, and the two\n  // controls would fight over the same row. This is a wiring mistake rather\n  // than a state, so it costs the render — the same call `EntityForm` makes\n  // for a link source aimed at a member no picker can edit.\n  if (onSelect !== undefined && selection !== undefined) {\n    throw new EntifixLogicError(\n      'EntityTable was given both `onSelect` and `selection`. A picker picks one ' +\n        'row and a selection accumulates many, so the row control cannot be both. ' +\n        'Drop `selection` inside a picker, or drop `onSelect` outside one.',\n    );\n  }\n\n  /**\n   * The selection, or `undefined` when the table is not selectable at all.\n   *\n   * One value rather than a `selection` prop beside a `selectable` boolean:\n   * two of them means every render site has to re-test both, and the second\n   * test is unreachable — which reads as a defensive check and is really dead\n   * code the coverage gate then cannot close.\n   */\n  const selectionState =\n    selection !== undefined && onSelectionChange !== undefined\n      ? selection\n      : undefined;\n  const selectable = selectionState !== undefined;\n  const rowUseCases = useCasesForSurface('row-menu', metadata?.useCases);\n  const bulkUseCases = useCasesForSurface('bulk-bar', metadata?.useCases);\n  const toolbarUseCases = useCasesForSurface(\n    'table-toolbar',\n    metadata?.useCases,\n  );\n  const hasRowMenu = rowUseCases.length > 0 && onUseCase !== undefined;\n\n  /**\n   * What a `context-independent` collection verb acts on: everything the\n   * current filter matches.\n   *\n   * Not an empty `ids` selection, which would say \"no rows\" — the verb is\n   * available *without* a selection precisely because its subject is the\n   * collection, so the honest payload is the same filter the listing is\n   * showing, and the same one a \"select all matching\" escalation would send.\n   */\n  const everythingMatching: EntitySelection<TEntity> = {\n    mode: 'matching',\n    filtering,\n    total: totalItems,\n    excluded: new Set<EntityId>(),\n  };\n\n  const hasRowAction =\n    onSelect !== undefined || hrefFor !== undefined || hasRowMenu;\n  const columnCount =\n    visibleColumns.length + (hasRowAction ? 1 : 0) + (selectable ? 1 : 0);\n\n  /**\n   * The first load has nothing to show and is held with a skeleton; a refetch\n   * already has rows, so it keeps them and only marks the region busy. Splitting\n   * the two is what stops every pagination click flashing grey.\n   */\n  const isFirstLoad = isLoading && items.length === 0;\n  const isRefetching = isLoading && items.length > 0;\n\n  /** `true`/omitted → the built-in default; a node → that node; `false` → none. */\n  const customSkeleton = typeof skeleton === 'boolean' ? undefined : skeleton;\n  const showSkeleton = isFirstLoad && skeleton !== false;\n  const skeletonRows = Array.from(\n    { length: Math.min(pageSize, SKELETON_ROW_CAP) },\n    (_, index) => index,\n  );\n\n  /**\n   * The refetch hint, and it is deliberately the only one: rows stay readable\n   * and simply dim, because a second skeleton over live data would be two\n   * loading signals in one region.\n   */\n  const busyClass = isRefetching\n    ? 'opacity-60 transition-opacity duration-200 ease-smooth'\n    : '';\n\n  const renderCell = (\n    column: EntityTableColumn<TEntity>,\n    item: TEntity,\n  ): ReactNode =>\n    column.render ? (\n      column.render(item)\n    ) : (\n      <CellValue\n        value={(item as Record<string, unknown>)[column.name]}\n        descriptor={column}\n      />\n    );\n\n  /**\n   * The row a shift-click ranges *from* — the last box the user actually\n   * toggled. Held in a ref rather than state because it changes nothing on\n   * screen, and re-rendering the whole table on every click to remember an\n   * anchor is a cost with no visible return.\n   */\n  const anchorIndex = useRef<number | undefined>(undefined);\n\n  const setSelection = (next: EntitySelection<TEntity>) =>\n    onSelectionChange?.(next);\n\n  const toggleRow = (\n    index: number,\n    checked: boolean,\n    shiftKey: boolean,\n    current: EntitySelection<TEntity>,\n  ) => {\n    // A shift-click extends the last toggle across the rows *on this page*, in\n    // the direction the user dragged, and applies the new state to all of them.\n    const from = shiftKey ? (anchorIndex.current ?? index) : index;\n    const [start, end] = from <= index ? [from, index] : [index, from];\n\n    let next = current;\n    for (const row of items.slice(start, end + 1)) {\n      next = toggleSelected(next, row.id, checked);\n    }\n\n    anchorIndex.current = index;\n    setSelection(next);\n  };\n\n  /**\n   * The header box, and it has three states rather than two: none of this\n   * page's rows selected, all of them, or some. Without the third the box\n   * reads as \"nothing is selected\" while a bulk bar sits below it saying\n   * otherwise.\n   */\n  const pageIds = items.map(item => item.id);\n  const selectedOnPage = selectionState\n    ? pageIds.filter(id => isSelected(selectionState, id)).length\n    : 0;\n  const allOnPageSelected =\n    pageIds.length > 0 && selectedOnPage === pageIds.length;\n  const someOnPageSelected = selectedOnPage > 0 && !allOnPageSelected;\n\n  const toggleAllOnPage = (\n    checked: boolean,\n    current: EntitySelection<TEntity>,\n  ) => {\n    let next = current;\n    for (const id of pageIds) next = toggleSelected(next, id, checked);\n    anchorIndex.current = undefined;\n    setSelection(next);\n  };\n\n  /**\n   * How a row names itself to a screen reader.\n   *\n   * The first visible column's value, because that is what the user reads the\n   * row *as* — \"Seleccionar Acme\" rather than \"Seleccionar fila 3\", which tells\n   * them the position they can already see and not the thing they cannot.\n   */\n  const rowLabel = (item: TEntity): string => {\n    // The first non-identifier column **that this row actually filled in**.\n    //\n    // An id names a row the way \"row 3\" does: it repeats what the user can\n    // already see. But skipping only the id is not enough — measured against\n    // the seeded catalog, where `code` is the first non-id column and is empty\n    // on every brand, so the label fell straight through to the id and never\n    // reached `name`. A column that is blank on this row names it no better\n    // than its position does, so the search continues past it.\n    //\n    // The id remains the last resort, because a row with nothing rendered\n    // still has to announce itself.\n    const named = visibleColumns.find(column => {\n      if (column.type === 'id') return false;\n      const value = (item as Record<string, unknown>)[column.name];\n      return value != null && String(value) !== '';\n    });\n\n    return named\n      ? String((item as Record<string, unknown>)[named.name])\n      : String(item.id);\n  };\n\n  const selectionCell = (\n    item: TEntity,\n    index: number,\n    // Passed in rather than closed over: this is only ever called under\n    // `selectable`, which already proves the selection exists, and reading the\n    // optional prop here would add a fallback arm that nothing can reach.\n    current: EntitySelection<TEntity>,\n  ) => (\n    <Checkbox\n      // Deliberately no `id`: both pivots are always in the DOM, so an id here\n      // would be emitted twice per row. `aria-label` names the control instead,\n      // and it names the *record* rather than the position.\n      aria-label={t('table.selectRow', { record: rowLabel(item) })}\n      checked={isSelected(current, item.id)}\n      disabled={isBulkRunning}\n      onChange={event =>\n        toggleRow(\n          index,\n          event.currentTarget.checked,\n          (event.nativeEvent as MouseEvent).shiftKey === true,\n          current,\n        )\n      }\n    />\n  );\n\n  const runTarget = (key: string, target: PendingTarget<TEntity>) => {\n    if (target.kind === 'row') onUseCase?.(key, target.item);\n    else onBulkUseCase?.(key, target.selection);\n  };\n\n  const invoke = (\n    useCase: UseCaseDescriptor,\n    target: PendingTarget<TEntity>,\n  ) => {\n    const confirm = useCase.confirm;\n    if (confirm) {\n      setPending({\n        key: useCase.key,\n        labelKey: useCase.labelKey,\n        confirm,\n        target,\n      });\n      return;\n    }\n    runTarget(useCase.key, target);\n  };\n\n  const rowMenu = (item: TEntity) =>\n    hasRowMenu ? (\n      <Menu>\n        <Menu.Trigger aria-label={t('table.actions')}>\n          {OVERFLOW_GLYPH}\n        </Menu.Trigger>\n        <Menu.Items>\n          {rowUseCases.map(useCase => (\n            <Menu.Item\n              key={useCase.key}\n              tone={\n                useCase.confirm?.tone === 'destructive'\n                  ? 'destructive'\n                  : 'neutral'\n              }\n              onClick={() => invoke(useCase, { kind: 'row', item })}\n            >\n              {translateKey(useCase.labelKey)}\n            </Menu.Item>\n          ))}\n        </Menu.Items>\n      </Menu>\n    ) : undefined;\n\n  /**\n   * Selection wins over navigation: a picker's row must set the value, not send\n   * the user away from the form they came from.\n   *\n   * The row menu sits *beside* whichever of the two applies rather than\n   * replacing it — \"open this record\" and \"run a verb on it\" are both true at\n   * once, and folding the first into the menu would bury the action every row\n   * of a list exists for.\n   */\n  const recordAction = (item: TEntity) => {\n    const primary = onSelect ? (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        onClick={() => onSelect(item)}\n      >\n        {t('table.select')}\n      </Button>\n    ) : hrefFor ? (\n      <Link href={hrefFor(item.id)}>{t('table.open')}</Link>\n    ) : undefined;\n\n    const menu = rowMenu(item);\n    if (!menu) return primary;\n\n    return (\n      <span className=\"flex items-center gap-2xs\">\n        {primary}\n        {menu}\n      </span>\n    );\n  };\n\n  /**\n   * \"No records\" is a statement about the data; after a failed load it would be\n   * a lie about it. The distinction matters most to the user who is deciding\n   * whether their catalog is empty or their backend is down.\n   */\n  const emptyMessage = error ? t('table.error') : t('table.empty');\n\n  return (\n    <div className=\"flex flex-col gap-s\">\n      {/*\n        One announcement for the whole table, not one per layout. Both the grid\n        and the card list are always in the DOM — CSS picks which is visible —\n        so a live region inside each meant assistive tech was told twice that\n        the table was loading. The shimmer itself is aria-hidden, so this is the\n        only thing that carries the news.\n      */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {isFirstLoad ? t('table.loading') : ''}\n      </span>\n\n      {showControls && (\n        <TableToolbar\n          start={\n            <>\n              {newHref && <Link href={newHref}>{t('table.new')}</Link>}\n              {/* Collection-bound verbs that need no selection. They sit with\n                  `New` rather than in the bulk bar, because the bulk bar only\n                  exists while rows are ticked and these are always available. */}\n              <LoadingBoundary isLoading={isMetadataLoading} lines={0}>\n                <>\n                  {toolbarUseCases.map(useCase => (\n                    <Button\n                      key={useCase.key}\n                      type=\"button\"\n                      variant={\n                        useCase.confirm?.tone === 'destructive'\n                          ? 'destructive'\n                          : 'secondary'\n                      }\n                      size=\"sm\"\n                      disabled={isBulkRunning}\n                      onClick={() =>\n                        onBulkUseCase?.(useCase.key, everythingMatching)\n                      }\n                    >\n                      {translateKey(useCase.labelKey)}\n                    </Button>\n                  ))}\n                </>\n              </LoadingBoundary>\n              {slots.toolbar}\n            </>\n          }\n          end={\n            <>\n              <Button\n                type=\"button\"\n                variant={panel === 'filters' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                onClick={() =>\n                  setPanel(current =>\n                    current === 'filters' ? 'none' : 'filters',\n                  )\n                }\n              >\n                {t('table.filters')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant={panel === 'sorting' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                onClick={() =>\n                  setPanel(current =>\n                    current === 'sorting' ? 'none' : 'sorting',\n                  )\n                }\n              >\n                {t('table.sorting')}\n              </Button>\n              <ColumnSettings\n                columns={columns}\n                hidden={hidden}\n                onChange={setPersonalization}\n              />\n            </>\n          }\n          panel={\n            panel === 'filters' ? (\n              <FilterBuilder<TEntity>\n                descriptors={columns.filter(column => column.filterable)}\n                value={filtering}\n                onChange={(applied: FilterGroup<TEntity>) =>\n                  onFilteringChange?.(applied)\n                }\n              />\n            ) : panel === 'sorting' ? (\n              <SortBuilder<TEntity>\n                descriptors={columns.filter(column => column.sortable)}\n                value={sorting}\n                onChange={(applied: EntitySorting<TEntity>) =>\n                  onSortingChange?.(applied)\n                }\n              />\n            ) : undefined\n          }\n        />\n      )}\n\n      {/*\n        The bar appears when there is something selected and something to do\n        with it. It sits above the rows rather than floating over them: a fixed\n        overlay covers the last row of a short page, which is the row the user\n        most likely just ticked.\n      */}\n      {selectionState && selectionSize(selectionState) > 0 && (\n        <BulkActionBar\n          count={selectionSize(selectionState)}\n          useCases={bulkUseCases}\n          busy={isBulkRunning}\n          // Offered only when this page is fully ticked and the store holds\n          // more than the page — the escalation has somewhere to escalate to.\n          matchingTotal={\n            selectionState.mode === 'ids' &&\n            allOnPageSelected &&\n            totalItems > items.length\n              ? totalItems\n              : undefined\n          }\n          onSelectAllMatching={() => setSelection(everythingMatching)}\n          onClear={() => setSelection(emptySelection<TEntity>())}\n          onUseCase={useCase =>\n            invoke(useCase, { kind: 'selection', selection: selectionState })\n          }\n        />\n      )}\n\n      {pending && (\n        <ConfirmDialog\n          open\n          tone={pending.confirm.tone}\n          title={translateKey(pending.labelKey)}\n          message={translateKey(pending.confirm.messageKey)}\n          busy={isBulkRunning}\n          onCancel={() => setPending(undefined)}\n          onConfirm={() => {\n            const { key, target } = pending;\n            setPending(undefined);\n            runTarget(key, target);\n          }}\n        />\n      )}\n\n      {bulkOutcomes && bulkOutcomes.length > 0 && onBulkDismiss && (\n        <BulkResult\n          outcomes={bulkOutcomes}\n          busy={isBulkRunning}\n          labelFor={id => {\n            const row = items.find(item => item.id === id);\n            return row ? rowLabel(row) : undefined;\n          }}\n          onRetryFailed={onBulkRetry}\n          onDismiss={onBulkDismiss}\n        />\n      )}\n\n      {/*\n        Rendered once, outside both layouts, and independently of whether there\n        are rows: a refetch that fails leaves the previous page on screen, and\n        without this the user would read stale data as current.\n      */}\n      {error && (\n        <p\n          role=\"alert\"\n          data-testid=\"entity-table-error\"\n          className=\"rounded-sm border border-danger bg-danger-subtle px-s py-2xs text-step-sm text-danger\"\n        >\n          {errorMessage(error)}\n        </p>\n      )}\n\n      {/* Wide viewports: a grid. */}\n      <div className={`${pivot.grid} ${busyClass}`}>\n        <Table>\n          <TableHead>\n            {slots.header ? (\n              slots.header.render(visibleColumns)\n            ) : (\n              <tr>\n                {selectable && (\n                  <TableHeaderCell>\n                    <Checkbox\n                      aria-label={t('table.selectAllOnPage')}\n                      checked={allOnPageSelected}\n                      indeterminate={someOnPageSelected}\n                      disabled={isBulkRunning || items.length === 0}\n                      onChange={event =>\n                        toggleAllOnPage(\n                          event.currentTarget.checked,\n                          selectionState,\n                        )\n                      }\n                    />\n                  </TableHeaderCell>\n                )}\n                {visibleColumns.map(column => (\n                  <TableHeaderCell key={column.name}>\n                    {column.header ?? column.label}\n                  </TableHeaderCell>\n                ))}\n                {hasRowAction && (\n                  <TableHeaderCell>{t('table.actions')}</TableHeaderCell>\n                )}\n              </tr>\n            )}\n          </TableHead>\n          <TableBody aria-busy={isLoading || undefined}>\n            {/* Skeleton rows rather than the word \"Loading\", and one per column\n                rather than a single full-width blob: the placeholder occupies\n                the real grid, so the swap to rows shifts nothing sideways.\n                `TableMessageRow` is deliberately bypassed — it is one centred\n                full-span cell and cannot express the geometry. */}\n            {showSkeleton &&\n              (customSkeleton ? (\n                <TableMessageRow colSpan={columnCount}>\n                  {customSkeleton}\n                </TableMessageRow>\n              ) : (\n                skeletonRows.map(row => (\n                  <TableRow key={row}>\n                    {selectable && (\n                      <TableCell>\n                        <Skeleton shape=\"line\" className=\"w-4\" />\n                      </TableCell>\n                    )}\n                    {visibleColumns.map(column => (\n                      <TableCell key={column.name}>\n                        <Skeleton shape=\"line\" className=\"w-full\" />\n                      </TableCell>\n                    ))}\n                    {hasRowAction && (\n                      <TableCell>\n                        <Skeleton shape=\"line\" className=\"w-16\" />\n                      </TableCell>\n                    )}\n                  </TableRow>\n                ))\n              ))}\n            {!isLoading && items.length === 0 && (\n              <TableMessageRow colSpan={columnCount}>\n                {emptyMessage}\n              </TableMessageRow>\n            )}\n            {items.map((item, index) =>\n              slots.row ? (\n                // A Fragment carries the key without wrapping the custom row in\n                // an element `<tbody>` would reject.\n                <Fragment key={String(item.id ?? index)}>\n                  {slots.row.render(item, visibleColumns)}\n                </Fragment>\n              ) : (\n                <TableRow key={String(item.id ?? index)}>\n                  {selectionState && (\n                    <TableCell>\n                      {selectionCell(item, index, selectionState)}\n                    </TableCell>\n                  )}\n                  {visibleColumns.map(column => (\n                    <TableCell key={column.name}>\n                      {renderCell(column, item)}\n                    </TableCell>\n                  ))}\n                  {hasRowAction && <TableCell>{recordAction(item)}</TableCell>}\n                </TableRow>\n              ),\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {/* Narrow viewports: the same columns pivoted into cards. */}\n      <div\n        className={`${pivot.cards} flex flex-col gap-2xs ${busyClass}`}\n        aria-busy={isLoading || undefined}\n      >\n        {/* The card pivot gets card-shaped placeholders, not a bare shimmer\n            block: the border, radius and padding are the geometry here. */}\n        {showSkeleton &&\n          (customSkeleton ??\n            skeletonRows.map(row => (\n              <EntityRecordCard\n                key={row}\n                columns={visibleColumns}\n                renderCell={() => <Skeleton shape=\"line\" className=\"w-24\" />}\n              />\n            )))}\n        {!isLoading && items.length === 0 && (\n          <p className=\"text-step-sm text-content-muted\">{emptyMessage}</p>\n        )}\n        {items.map((item, index) => (\n          <EntityRecordCard\n            key={String(item.id ?? index)}\n            columns={visibleColumns}\n            // The card is handed the resolved columns themselves, so the\n            // narrow layout goes through the exact same renderers as the grid.\n            renderCell={column =>\n              renderCell(column as EntityTableColumn<TEntity>, item)\n            }\n            leading={\n              selectionState\n                ? selectionCell(item, index, selectionState)\n                : undefined\n            }\n            actions={recordAction(item)}\n          />\n        ))}\n      </div>\n\n      <Pagination\n        currentPage={currentPage}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n      />\n\n      {slots.rest}\n    </div>\n  );\n}\n"],"names":["emptySelection","EntifixLogicError","extractMetaEntity","isSelected","selectionSize","toggleSelected","Fragment","useRef","useState","useErrorMessage","useT","useTranslateKey","OVERFLOW_GLYPH","useCasesForSurface","Button","CellValue","Checkbox","Skeleton","Table","TableBody","TableCell","TableHead","TableHeaderCell","TableMessageRow","TableRow","Link","BulkActionBar","BulkResult","ColumnSettings","ConfirmDialog","EntityRecordCard","FilterBuilder","LoadingBoundary","Menu","Pagination","SortBuilder","TableToolbar","readEntityTableSlots","useEntityTableColumns","PIVOT_CLASS","sm","grid","cards","md","lg","SKELETON_ROW_CAP","EntityTable","entityConstructor","isLoading","skeleton","error","items","totalItems","currentPage","pageSize","onPageChange","onPageSizeChange","hrefFor","newHref","onSelect","preferencesKey","showControls","pivotBreakpoint","filtering","sorting","onFilteringChange","onSortingChange","selection","onSelectionChange","metadata","isMetadataLoading","onBulkUseCase","onUseCase","bulkOutcomes","onBulkDismiss","onBulkRetry","isBulkRunning","children","t","translateKey","errorMessage","metaEntity","slots","panel","setPanel","pending","setPending","undefined","columns","visibleColumns","hidden","setPersonalization","key","name","pivot","selectionState","selectable","rowUseCases","useCases","bulkUseCases","toolbarUseCases","hasRowMenu","length","everythingMatching","mode","total","excluded","Set","hasRowAction","columnCount","isFirstLoad","isRefetching","customSkeleton","showSkeleton","skeletonRows","Array","from","Math","min","_","index","busyClass","renderCell","column","item","render","value","descriptor","anchorIndex","setSelection","next","toggleRow","checked","shiftKey","current","start","end","row","slice","id","pageIds","map","selectedOnPage","filter","allOnPageSelected","someOnPageSelected","toggleAllOnPage","rowLabel","named","find","type","String","selectionCell","aria-label","record","disabled","onChange","event","currentTarget","nativeEvent","runTarget","target","kind","invoke","useCase","confirm","labelKey","rowMenu","Trigger","Items","Item","tone","onClick","recordAction","primary","variant","size","href","menu","span","className","emptyMessage","div","role","aria-live","lines","toolbar","descriptors","filterable","applied","sortable","count","busy","matchingTotal","onSelectAllMatching","onClear","open","title","message","messageKey","onCancel","onConfirm","outcomes","labelFor","onRetryFailed","onDismiss","p","data-testid","header","tr","indeterminate","label","aria-busy","colSpan","shape","leading","actions","rest"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/organisms/entity-table/entity-table.tsx"],"sourcesContent":["'use client';\n\nimport {\n  emptySelection,\n  EntifixLogicError,\n  type Entity,\n  type EntityId,\n  type EntitySelection,\n  type EntitySorting,\n  extractMetaEntity,\n  type FilterGroup,\n  isSelected,\n  selectionSize,\n  toggleSelected,\n  type UseCaseDescriptor,\n} from '@entifix/core';\nimport { Fragment, type ReactNode, useRef, useState } from 'react';\n\nimport { useErrorMessage, useT, useTranslateKey } from '../../../i18n/index.js';\nimport {\n  OVERFLOW_GLYPH,\n  renderAnchor,\n  useCasesForSurface,\n} from '../../actions/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { CellValue } from '../../atoms/cell-value/index.js';\nimport { Checkbox } from '../../atoms/field/index.js';\nimport { Skeleton } from '../../atoms/skeleton/index.js';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableMessageRow,\n  TableRow,\n} from '../../atoms/table/index.js';\nimport { linkClassName } from '../../atoms/text/index.js';\nimport { BulkActionBar } from '../../molecules/bulk-action-bar/index.js';\nimport { BulkResult } from '../../molecules/bulk-result/index.js';\nimport { ColumnSettings } from '../../molecules/column-settings/index.js';\nimport { ConfirmDialog } from '../../molecules/confirm-dialog/index.js';\nimport { EntityRecordCard } from '../../molecules/entity-record-card/index.js';\nimport { FilterBuilder } from '../../molecules/filter-builder/index.js';\nimport { LoadingBoundary } from '../../molecules/loading-boundary/index.js';\nimport { Menu } from '../../molecules/menu/index.js';\nimport { Pagination } from '../../molecules/pagination/index.js';\nimport { SortBuilder } from '../../molecules/sort-builder/index.js';\nimport { TableToolbar } from '../../molecules/table-toolbar/index.js';\nimport type {\n  EntityTableColumn,\n  EntityTablePivotBreakpoint,\n  EntityTableProps,\n} from './entity-table.types.js';\nimport { readEntityTableSlots } from './entity-table-slots.js';\nimport { useEntityTableColumns } from './use-entity-table-columns.js';\n\n/**\n * The grid and the card list are both rendered, and CSS picks one. A JS\n * breakpoint hook would have to guess during SSR and correct after mount —\n * a hydration mismatch on every page load. Classes are written out in full\n * because Tailwind cannot see a class name that is concatenated at runtime.\n */\nconst PIVOT_CLASS: Record<\n  EntityTablePivotBreakpoint,\n  { grid: string; cards: string }\n> = {\n  sm: { grid: 'hidden sm:block', cards: 'sm:hidden' },\n  md: { grid: 'hidden md:block', cards: 'md:hidden' },\n  lg: { grid: 'hidden lg:block', cards: 'lg:hidden' },\n};\n\ntype Panel = 'none' | 'filters' | 'sorting';\n\n/**\n * How many placeholder rows the built-in skeleton draws.\n *\n * The column count is taken from the real geometry, because that is the axis a\n * mismatch shifts; the row count is capped instead of tracking `pageSize`, since\n * a fifty-row page would otherwise paint fifty shimmer rows to stand in for\n * content that arrives below the fold anyway.\n */\nconst SKELETON_ROW_CAP = 5;\n\n/**\n * A table that builds itself from an entity's metadata: columns, labels, value\n * formatting and the filter/sort controls all come from `@accessor()`\n * declarations, so listing a new entity needs no bespoke table.\n *\n * Three things layer on top of that default:\n * - **personalization** — column order and visibility, persisted through the\n *   UI-preferences port (so it survives reloads and can later move server-side);\n * - **responsiveness** — below `pivotBreakpoint` rows pivot into label/value\n *   cards instead of scrolling sideways;\n * - **slots** — `<EntityColumn>` / `<EntityTableHeader>` / `<EntityTableRow>` /\n *   `<EntityTableToolbar>` children override any part of the default rendering.\n */\n/**\n * What a pending verb will act on once it is confirmed.\n *\n * A form has one record; a table has a row or a selection, and those reach two\n * different handlers with two different payloads. Carrying the selection itself\n * rather than reading it back at confirm time also removes a branch that could\n * not happen: the bulk bar only renders inside a truthy selection.\n */\ntype PendingTarget<TEntity extends Entity> =\n  | { kind: 'row'; item: TEntity }\n  | { kind: 'selection'; selection: EntitySelection<TEntity> };\n\nexport function EntityTable<TEntity extends Entity>({\n  entityConstructor,\n  isLoading,\n  skeleton = true,\n  error,\n  items,\n  totalItems,\n  currentPage,\n  pageSize,\n  onPageChange,\n  onPageSizeChange,\n  hrefFor,\n  newHref,\n  renderLink = renderAnchor,\n  onSelect,\n  preferencesKey,\n  showControls = true,\n  pivotBreakpoint = 'md',\n  filtering,\n  sorting,\n  onFilteringChange,\n  onSortingChange,\n  selection,\n  onSelectionChange,\n  metadata,\n  isMetadataLoading = false,\n  onBulkUseCase,\n  onUseCase,\n  bulkOutcomes,\n  onBulkDismiss,\n  onBulkRetry,\n  isBulkRunning = false,\n  children,\n}: EntityTableProps<TEntity>) {\n  const t = useT();\n  // A descriptor's label is a runtime catalog key — the typed gate cannot see\n  // it, which is why `@r10c/i18n-check` is what catches a typo.\n  const translateKey = useTranslateKey();\n  const errorMessage = useErrorMessage();\n  const metaEntity = extractMetaEntity(entityConstructor);\n  const slots = readEntityTableSlots<TEntity>(children);\n  const [panel, setPanel] = useState<Panel>('none');\n\n  /**\n   * A verb waiting to be confirmed, and what it will act on.\n   *\n   * ⚠️ **The table had no confirmation flow at all** until #216 moved a\n   * destructive verb onto it. It read `confirm.tone` — only to pick a tone for\n   * a button or a menu item — and then fired on the first click. `unpublish` is\n   * declared `destructive`, so a verb reachable from a row menu without this\n   * would have been a one-click unpublish with a red label explaining what had\n   * already happened.\n   *\n   * The state holds the confirmation itself rather than the descriptor, so the\n   * dialog cannot open for a verb that never asked for one — the same shape\n   * `EntityForm` uses, and for the same reason.\n   *\n   * It carries the **target** too, which the form's does not need: a form has\n   * one record and a table has a row or a selection, and those run through two\n   * different handlers with two different payloads.\n   */\n  const [pending, setPending] = useState<\n    | {\n        key: string;\n        labelKey: string;\n        confirm: NonNullable<UseCaseDescriptor['confirm']>;\n        target: PendingTarget<TEntity>;\n      }\n    | undefined\n  >(undefined);\n\n  const { columns, visibleColumns, hidden, setPersonalization } =\n    useEntityTableColumns<TEntity>(\n      entityConstructor,\n      slots.columns,\n      items[0],\n      `entity-table:${preferencesKey ?? metaEntity.key ?? metaEntity.name}`,\n    );\n\n  const pivot = PIVOT_CLASS[pivotBreakpoint];\n\n  // A picker's table is choosing *one* value; a multi-selection there would\n  // offer a set to a form member that holds a single reference, and the two\n  // controls would fight over the same row. This is a wiring mistake rather\n  // than a state, so it costs the render — the same call `EntityForm` makes\n  // for a link source aimed at a member no picker can edit.\n  if (onSelect !== undefined && selection !== undefined) {\n    throw new EntifixLogicError(\n      'EntityTable was given both `onSelect` and `selection`. A picker picks one ' +\n        'row and a selection accumulates many, so the row control cannot be both. ' +\n        'Drop `selection` inside a picker, or drop `onSelect` outside one.',\n    );\n  }\n\n  /**\n   * The selection, or `undefined` when the table is not selectable at all.\n   *\n   * One value rather than a `selection` prop beside a `selectable` boolean:\n   * two of them means every render site has to re-test both, and the second\n   * test is unreachable — which reads as a defensive check and is really dead\n   * code the coverage gate then cannot close.\n   */\n  const selectionState =\n    selection !== undefined && onSelectionChange !== undefined\n      ? selection\n      : undefined;\n  const selectable = selectionState !== undefined;\n  const rowUseCases = useCasesForSurface('row-menu', metadata?.useCases);\n  const bulkUseCases = useCasesForSurface('bulk-bar', metadata?.useCases);\n  const toolbarUseCases = useCasesForSurface(\n    'table-toolbar',\n    metadata?.useCases,\n  );\n  const hasRowMenu = rowUseCases.length > 0 && onUseCase !== undefined;\n\n  /**\n   * What a `context-independent` collection verb acts on: everything the\n   * current filter matches.\n   *\n   * Not an empty `ids` selection, which would say \"no rows\" — the verb is\n   * available *without* a selection precisely because its subject is the\n   * collection, so the honest payload is the same filter the listing is\n   * showing, and the same one a \"select all matching\" escalation would send.\n   */\n  const everythingMatching: EntitySelection<TEntity> = {\n    mode: 'matching',\n    filtering,\n    total: totalItems,\n    excluded: new Set<EntityId>(),\n  };\n\n  const hasRowAction =\n    onSelect !== undefined || hrefFor !== undefined || hasRowMenu;\n  const columnCount =\n    visibleColumns.length + (hasRowAction ? 1 : 0) + (selectable ? 1 : 0);\n\n  /**\n   * The first load has nothing to show and is held with a skeleton; a refetch\n   * already has rows, so it keeps them and only marks the region busy. Splitting\n   * the two is what stops every pagination click flashing grey.\n   */\n  const isFirstLoad = isLoading && items.length === 0;\n  const isRefetching = isLoading && items.length > 0;\n\n  /** `true`/omitted → the built-in default; a node → that node; `false` → none. */\n  const customSkeleton = typeof skeleton === 'boolean' ? undefined : skeleton;\n  const showSkeleton = isFirstLoad && skeleton !== false;\n  const skeletonRows = Array.from(\n    { length: Math.min(pageSize, SKELETON_ROW_CAP) },\n    (_, index) => index,\n  );\n\n  /**\n   * The refetch hint, and it is deliberately the only one: rows stay readable\n   * and simply dim, because a second skeleton over live data would be two\n   * loading signals in one region.\n   */\n  const busyClass = isRefetching\n    ? 'opacity-60 transition-opacity duration-200 ease-smooth'\n    : '';\n\n  const renderCell = (\n    column: EntityTableColumn<TEntity>,\n    item: TEntity,\n  ): ReactNode =>\n    column.render ? (\n      column.render(item)\n    ) : (\n      <CellValue\n        value={(item as Record<string, unknown>)[column.name]}\n        descriptor={column}\n      />\n    );\n\n  /**\n   * The row a shift-click ranges *from* — the last box the user actually\n   * toggled. Held in a ref rather than state because it changes nothing on\n   * screen, and re-rendering the whole table on every click to remember an\n   * anchor is a cost with no visible return.\n   */\n  const anchorIndex = useRef<number | undefined>(undefined);\n\n  const setSelection = (next: EntitySelection<TEntity>) =>\n    onSelectionChange?.(next);\n\n  const toggleRow = (\n    index: number,\n    checked: boolean,\n    shiftKey: boolean,\n    current: EntitySelection<TEntity>,\n  ) => {\n    // A shift-click extends the last toggle across the rows *on this page*, in\n    // the direction the user dragged, and applies the new state to all of them.\n    const from = shiftKey ? (anchorIndex.current ?? index) : index;\n    const [start, end] = from <= index ? [from, index] : [index, from];\n\n    let next = current;\n    for (const row of items.slice(start, end + 1)) {\n      next = toggleSelected(next, row.id, checked);\n    }\n\n    anchorIndex.current = index;\n    setSelection(next);\n  };\n\n  /**\n   * The header box, and it has three states rather than two: none of this\n   * page's rows selected, all of them, or some. Without the third the box\n   * reads as \"nothing is selected\" while a bulk bar sits below it saying\n   * otherwise.\n   */\n  const pageIds = items.map(item => item.id);\n  const selectedOnPage = selectionState\n    ? pageIds.filter(id => isSelected(selectionState, id)).length\n    : 0;\n  const allOnPageSelected =\n    pageIds.length > 0 && selectedOnPage === pageIds.length;\n  const someOnPageSelected = selectedOnPage > 0 && !allOnPageSelected;\n\n  const toggleAllOnPage = (\n    checked: boolean,\n    current: EntitySelection<TEntity>,\n  ) => {\n    let next = current;\n    for (const id of pageIds) next = toggleSelected(next, id, checked);\n    anchorIndex.current = undefined;\n    setSelection(next);\n  };\n\n  /**\n   * How a row names itself to a screen reader.\n   *\n   * The first visible column's value, because that is what the user reads the\n   * row *as* — \"Seleccionar Acme\" rather than \"Seleccionar fila 3\", which tells\n   * them the position they can already see and not the thing they cannot.\n   */\n  const rowLabel = (item: TEntity): string => {\n    // The first non-identifier column **that this row actually filled in**.\n    //\n    // An id names a row the way \"row 3\" does: it repeats what the user can\n    // already see. But skipping only the id is not enough — measured against\n    // the seeded catalog, where `code` is the first non-id column and is empty\n    // on every brand, so the label fell straight through to the id and never\n    // reached `name`. A column that is blank on this row names it no better\n    // than its position does, so the search continues past it.\n    //\n    // The id remains the last resort, because a row with nothing rendered\n    // still has to announce itself.\n    const named = visibleColumns.find(column => {\n      if (column.type === 'id') return false;\n      const value = (item as Record<string, unknown>)[column.name];\n      return value != null && String(value) !== '';\n    });\n\n    return named\n      ? String((item as Record<string, unknown>)[named.name])\n      : String(item.id);\n  };\n\n  const selectionCell = (\n    item: TEntity,\n    index: number,\n    // Passed in rather than closed over: this is only ever called under\n    // `selectable`, which already proves the selection exists, and reading the\n    // optional prop here would add a fallback arm that nothing can reach.\n    current: EntitySelection<TEntity>,\n  ) => (\n    <Checkbox\n      // Deliberately no `id`: both pivots are always in the DOM, so an id here\n      // would be emitted twice per row. `aria-label` names the control instead,\n      // and it names the *record* rather than the position.\n      aria-label={t('table.selectRow', { record: rowLabel(item) })}\n      checked={isSelected(current, item.id)}\n      disabled={isBulkRunning}\n      onChange={event =>\n        toggleRow(\n          index,\n          event.currentTarget.checked,\n          (event.nativeEvent as MouseEvent).shiftKey === true,\n          current,\n        )\n      }\n    />\n  );\n\n  const runTarget = (key: string, target: PendingTarget<TEntity>) => {\n    if (target.kind === 'row') onUseCase?.(key, target.item);\n    else onBulkUseCase?.(key, target.selection);\n  };\n\n  const invoke = (\n    useCase: UseCaseDescriptor,\n    target: PendingTarget<TEntity>,\n  ) => {\n    const confirm = useCase.confirm;\n    if (confirm) {\n      setPending({\n        key: useCase.key,\n        labelKey: useCase.labelKey,\n        confirm,\n        target,\n      });\n      return;\n    }\n    runTarget(useCase.key, target);\n  };\n\n  const rowMenu = (item: TEntity) =>\n    hasRowMenu ? (\n      <Menu>\n        <Menu.Trigger aria-label={t('table.actions')}>\n          {OVERFLOW_GLYPH}\n        </Menu.Trigger>\n        <Menu.Items>\n          {rowUseCases.map(useCase => (\n            <Menu.Item\n              key={useCase.key}\n              tone={\n                useCase.confirm?.tone === 'destructive'\n                  ? 'destructive'\n                  : 'neutral'\n              }\n              onClick={() => invoke(useCase, { kind: 'row', item })}\n            >\n              {translateKey(useCase.labelKey)}\n            </Menu.Item>\n          ))}\n        </Menu.Items>\n      </Menu>\n    ) : undefined;\n\n  /**\n   * Selection wins over navigation: a picker's row must set the value, not send\n   * the user away from the form they came from.\n   *\n   * The row menu sits *beside* whichever of the two applies rather than\n   * replacing it — \"open this record\" and \"run a verb on it\" are both true at\n   * once, and folding the first into the menu would bury the action every row\n   * of a list exists for.\n   */\n  const recordAction = (item: TEntity) => {\n    const primary = onSelect ? (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        onClick={() => onSelect(item)}\n      >\n        {t('table.select')}\n      </Button>\n    ) : hrefFor ? (\n      renderLink({\n        href: hrefFor(item.id),\n        className: linkClassName,\n        children: t('table.open'),\n        intent: { kind: 'open', id: item.id },\n      })\n    ) : undefined;\n\n    const menu = rowMenu(item);\n    if (!menu) return primary;\n\n    return (\n      <span className=\"flex items-center gap-2xs\">\n        {primary}\n        {menu}\n      </span>\n    );\n  };\n\n  /**\n   * \"No records\" is a statement about the data; after a failed load it would be\n   * a lie about it. The distinction matters most to the user who is deciding\n   * whether their catalog is empty or their backend is down.\n   */\n  const emptyMessage = error ? t('table.error') : t('table.empty');\n\n  return (\n    <div className=\"flex flex-col gap-s\">\n      {/*\n        One announcement for the whole table, not one per layout. Both the grid\n        and the card list are always in the DOM — CSS picks which is visible —\n        so a live region inside each meant assistive tech was told twice that\n        the table was loading. The shimmer itself is aria-hidden, so this is the\n        only thing that carries the news.\n      */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {isFirstLoad ? t('table.loading') : ''}\n      </span>\n\n      {showControls && (\n        <TableToolbar\n          start={\n            <>\n              {newHref &&\n                renderLink({\n                  href: newHref,\n                  className: linkClassName,\n                  children: t('table.new'),\n                  intent: { kind: 'new' },\n                })}\n              {/* Collection-bound verbs that need no selection. They sit with\n                  `New` rather than in the bulk bar, because the bulk bar only\n                  exists while rows are ticked and these are always available. */}\n              <LoadingBoundary isLoading={isMetadataLoading} lines={0}>\n                <>\n                  {toolbarUseCases.map(useCase => (\n                    <Button\n                      key={useCase.key}\n                      type=\"button\"\n                      variant={\n                        useCase.confirm?.tone === 'destructive'\n                          ? 'destructive'\n                          : 'secondary'\n                      }\n                      size=\"sm\"\n                      disabled={isBulkRunning}\n                      onClick={() =>\n                        onBulkUseCase?.(useCase.key, everythingMatching)\n                      }\n                    >\n                      {translateKey(useCase.labelKey)}\n                    </Button>\n                  ))}\n                </>\n              </LoadingBoundary>\n              {slots.toolbar}\n            </>\n          }\n          end={\n            <>\n              <Button\n                type=\"button\"\n                variant={panel === 'filters' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                onClick={() =>\n                  setPanel(current =>\n                    current === 'filters' ? 'none' : 'filters',\n                  )\n                }\n              >\n                {t('table.filters')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant={panel === 'sorting' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                onClick={() =>\n                  setPanel(current =>\n                    current === 'sorting' ? 'none' : 'sorting',\n                  )\n                }\n              >\n                {t('table.sorting')}\n              </Button>\n              <ColumnSettings\n                columns={columns}\n                hidden={hidden}\n                onChange={setPersonalization}\n              />\n            </>\n          }\n          panel={\n            panel === 'filters' ? (\n              <FilterBuilder<TEntity>\n                descriptors={columns.filter(column => column.filterable)}\n                value={filtering}\n                onChange={(applied: FilterGroup<TEntity>) =>\n                  onFilteringChange?.(applied)\n                }\n              />\n            ) : panel === 'sorting' ? (\n              <SortBuilder<TEntity>\n                descriptors={columns.filter(column => column.sortable)}\n                value={sorting}\n                onChange={(applied: EntitySorting<TEntity>) =>\n                  onSortingChange?.(applied)\n                }\n              />\n            ) : undefined\n          }\n        />\n      )}\n\n      {/*\n        The bar appears when there is something selected and something to do\n        with it. It sits above the rows rather than floating over them: a fixed\n        overlay covers the last row of a short page, which is the row the user\n        most likely just ticked.\n      */}\n      {selectionState && selectionSize(selectionState) > 0 && (\n        <BulkActionBar\n          count={selectionSize(selectionState)}\n          useCases={bulkUseCases}\n          busy={isBulkRunning}\n          // Offered only when this page is fully ticked and the store holds\n          // more than the page — the escalation has somewhere to escalate to.\n          matchingTotal={\n            selectionState.mode === 'ids' &&\n            allOnPageSelected &&\n            totalItems > items.length\n              ? totalItems\n              : undefined\n          }\n          onSelectAllMatching={() => setSelection(everythingMatching)}\n          onClear={() => setSelection(emptySelection<TEntity>())}\n          onUseCase={useCase =>\n            invoke(useCase, { kind: 'selection', selection: selectionState })\n          }\n        />\n      )}\n\n      {pending && (\n        <ConfirmDialog\n          open\n          tone={pending.confirm.tone}\n          title={translateKey(pending.labelKey)}\n          message={translateKey(pending.confirm.messageKey)}\n          busy={isBulkRunning}\n          onCancel={() => setPending(undefined)}\n          onConfirm={() => {\n            const { key, target } = pending;\n            setPending(undefined);\n            runTarget(key, target);\n          }}\n        />\n      )}\n\n      {bulkOutcomes && bulkOutcomes.length > 0 && onBulkDismiss && (\n        <BulkResult\n          outcomes={bulkOutcomes}\n          busy={isBulkRunning}\n          labelFor={id => {\n            const row = items.find(item => item.id === id);\n            return row ? rowLabel(row) : undefined;\n          }}\n          onRetryFailed={onBulkRetry}\n          onDismiss={onBulkDismiss}\n        />\n      )}\n\n      {/*\n        Rendered once, outside both layouts, and independently of whether there\n        are rows: a refetch that fails leaves the previous page on screen, and\n        without this the user would read stale data as current.\n      */}\n      {error && (\n        <p\n          role=\"alert\"\n          data-testid=\"entity-table-error\"\n          className=\"rounded-sm border border-danger bg-danger-subtle px-s py-2xs text-step-sm text-danger\"\n        >\n          {errorMessage(error)}\n        </p>\n      )}\n\n      {/* Wide viewports: a grid. */}\n      <div className={`${pivot.grid} ${busyClass}`}>\n        <Table>\n          <TableHead>\n            {slots.header ? (\n              slots.header.render(visibleColumns)\n            ) : (\n              <tr>\n                {selectable && (\n                  <TableHeaderCell>\n                    <Checkbox\n                      aria-label={t('table.selectAllOnPage')}\n                      checked={allOnPageSelected}\n                      indeterminate={someOnPageSelected}\n                      disabled={isBulkRunning || items.length === 0}\n                      onChange={event =>\n                        toggleAllOnPage(\n                          event.currentTarget.checked,\n                          selectionState,\n                        )\n                      }\n                    />\n                  </TableHeaderCell>\n                )}\n                {visibleColumns.map(column => (\n                  <TableHeaderCell key={column.name}>\n                    {column.header ?? column.label}\n                  </TableHeaderCell>\n                ))}\n                {hasRowAction && (\n                  <TableHeaderCell>{t('table.actions')}</TableHeaderCell>\n                )}\n              </tr>\n            )}\n          </TableHead>\n          <TableBody aria-busy={isLoading || undefined}>\n            {/* Skeleton rows rather than the word \"Loading\", and one per column\n                rather than a single full-width blob: the placeholder occupies\n                the real grid, so the swap to rows shifts nothing sideways.\n                `TableMessageRow` is deliberately bypassed — it is one centred\n                full-span cell and cannot express the geometry. */}\n            {showSkeleton &&\n              (customSkeleton ? (\n                <TableMessageRow colSpan={columnCount}>\n                  {customSkeleton}\n                </TableMessageRow>\n              ) : (\n                skeletonRows.map(row => (\n                  <TableRow key={row}>\n                    {selectable && (\n                      <TableCell>\n                        <Skeleton shape=\"line\" className=\"w-4\" />\n                      </TableCell>\n                    )}\n                    {visibleColumns.map(column => (\n                      <TableCell key={column.name}>\n                        <Skeleton shape=\"line\" className=\"w-full\" />\n                      </TableCell>\n                    ))}\n                    {hasRowAction && (\n                      <TableCell>\n                        <Skeleton shape=\"line\" className=\"w-16\" />\n                      </TableCell>\n                    )}\n                  </TableRow>\n                ))\n              ))}\n            {!isLoading && items.length === 0 && (\n              <TableMessageRow colSpan={columnCount}>\n                {emptyMessage}\n              </TableMessageRow>\n            )}\n            {items.map((item, index) =>\n              slots.row ? (\n                // A Fragment carries the key without wrapping the custom row in\n                // an element `<tbody>` would reject.\n                <Fragment key={String(item.id ?? index)}>\n                  {slots.row.render(item, visibleColumns)}\n                </Fragment>\n              ) : (\n                <TableRow key={String(item.id ?? index)}>\n                  {selectionState && (\n                    <TableCell>\n                      {selectionCell(item, index, selectionState)}\n                    </TableCell>\n                  )}\n                  {visibleColumns.map(column => (\n                    <TableCell key={column.name}>\n                      {renderCell(column, item)}\n                    </TableCell>\n                  ))}\n                  {hasRowAction && <TableCell>{recordAction(item)}</TableCell>}\n                </TableRow>\n              ),\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {/* Narrow viewports: the same columns pivoted into cards. */}\n      <div\n        className={`${pivot.cards} flex flex-col gap-2xs ${busyClass}`}\n        aria-busy={isLoading || undefined}\n      >\n        {/* The card pivot gets card-shaped placeholders, not a bare shimmer\n            block: the border, radius and padding are the geometry here. */}\n        {showSkeleton &&\n          (customSkeleton ??\n            skeletonRows.map(row => (\n              <EntityRecordCard\n                key={row}\n                columns={visibleColumns}\n                renderCell={() => <Skeleton shape=\"line\" className=\"w-24\" />}\n              />\n            )))}\n        {!isLoading && items.length === 0 && (\n          <p className=\"text-step-sm text-content-muted\">{emptyMessage}</p>\n        )}\n        {items.map((item, index) => (\n          <EntityRecordCard\n            key={String(item.id ?? index)}\n            columns={visibleColumns}\n            // The card is handed the resolved columns themselves, so the\n            // narrow layout goes through the exact same renderers as the grid.\n            renderCell={column =>\n              renderCell(column as EntityTableColumn<TEntity>, item)\n            }\n            leading={\n              selectionState\n                ? selectionCell(item, index, selectionState)\n                : undefined\n            }\n            actions={recordAction(item)}\n          />\n        ))}\n      </div>\n\n      <Pagination\n        currentPage={currentPage}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n      />\n\n      {slots.rest}\n    </div>\n  );\n}\n"],"names":["emptySelection","EntifixLogicError","extractMetaEntity","isSelected","selectionSize","toggleSelected","Fragment","useRef","useState","useErrorMessage","useT","useTranslateKey","OVERFLOW_GLYPH","renderAnchor","useCasesForSurface","Button","CellValue","Checkbox","Skeleton","Table","TableBody","TableCell","TableHead","TableHeaderCell","TableMessageRow","TableRow","linkClassName","BulkActionBar","BulkResult","ColumnSettings","ConfirmDialog","EntityRecordCard","FilterBuilder","LoadingBoundary","Menu","Pagination","SortBuilder","TableToolbar","readEntityTableSlots","useEntityTableColumns","PIVOT_CLASS","sm","grid","cards","md","lg","SKELETON_ROW_CAP","EntityTable","entityConstructor","isLoading","skeleton","error","items","totalItems","currentPage","pageSize","onPageChange","onPageSizeChange","hrefFor","newHref","renderLink","onSelect","preferencesKey","showControls","pivotBreakpoint","filtering","sorting","onFilteringChange","onSortingChange","selection","onSelectionChange","metadata","isMetadataLoading","onBulkUseCase","onUseCase","bulkOutcomes","onBulkDismiss","onBulkRetry","isBulkRunning","children","t","translateKey","errorMessage","metaEntity","slots","panel","setPanel","pending","setPending","undefined","columns","visibleColumns","hidden","setPersonalization","key","name","pivot","selectionState","selectable","rowUseCases","useCases","bulkUseCases","toolbarUseCases","hasRowMenu","length","everythingMatching","mode","total","excluded","Set","hasRowAction","columnCount","isFirstLoad","isRefetching","customSkeleton","showSkeleton","skeletonRows","Array","from","Math","min","_","index","busyClass","renderCell","column","item","render","value","descriptor","anchorIndex","setSelection","next","toggleRow","checked","shiftKey","current","start","end","row","slice","id","pageIds","map","selectedOnPage","filter","allOnPageSelected","someOnPageSelected","toggleAllOnPage","rowLabel","named","find","type","String","selectionCell","aria-label","record","disabled","onChange","event","currentTarget","nativeEvent","runTarget","target","kind","invoke","useCase","confirm","labelKey","rowMenu","Trigger","Items","Item","tone","onClick","recordAction","primary","variant","size","href","className","intent","menu","span","emptyMessage","div","role","aria-live","lines","toolbar","descriptors","filterable","applied","sortable","count","busy","matchingTotal","onSelectAllMatching","onClear","open","title","message","messageKey","onCancel","onConfirm","outcomes","labelFor","onRetryFailed","onDismiss","p","data-testid","header","tr","indeterminate","label","aria-busy","colSpan","shape","leading","actions","rest"],"mappings":"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"}