@entifix/react-controls 0.1.0-0

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

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

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

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