npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.9 → 1.1.11 - Mend

@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1566) hide show

package/dist/esm/components/resources/ResourceLayout_FiltersControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceLayout_FiltersControl.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ResourceLayout_FiltersControl — Reusable filter controls for resource list/search views.\n \n Renders filter UI controls from the provided filterFields definitions. Auto-generates controls\n * based on the classified field type of each definition:\n * - 'string' → text input\n * - 'number' → number input\n * - 'boolean' → tri-state select (any / yes / no)\n * - 'enum' → select dropdown (labels via i18n)\n * - 'date' → date input\n * - 'reference' → resource-reference selector (searchable combobox storing\n * the target resource id; labels resolved from the target\n * resource, never raw ids in the UI)\n \n Field classification (including FK → 'reference' resolution and the\n * exclusion of transport-pinned fields such as the primary-scope FK) is owned\n * by `ResourceLayoutUtils.parseFilterFieldDefinitions` — this component only\n * renders what it is given.\n \n Active filters are displayed as removable chips. A \"Clear all\" button resets all filters.\n * Filters are passed as `Record<string, any>` to the parent via `onFiltersChange`.\n /\n\nimport React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';\nimport { z } from 'zod';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select';\nimport { FormFieldEnum } from '~wildo-frontend-lib/components/form/fields/form-field-enum';\nimport { BooleanEditMode, EnumEditMode, resolveBooleanEditMode, resolveEnumEditMode } from '@wildo-ai/zod-decorators';\nimport { ResourceFieldEdit_ResourceReference } from '~wildo-frontend-lib/components/resources-fields/resource-reference/ResourceFieldEdit_ResourceReference';\nimport { FrontendComponentType, ButtonSize, ControlSize } from '@wildo-ai/presets-components-models';\nimport type { FieldOption } from '~wildo-frontend-lib/components/form/form-field-types';\nimport { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/* Active filter values — keys match filterFields keys /\nexport type FilterValues = Record<string, any>;\n\n/* Definition of a single filter field extracted from the config /\nexport interface FilterFieldDefinition {\n fieldName: string;\n schema: z.ZodTypeAny;\n /\n `numberRange` is the one STRUCTURED member: its value is a `{ min?, max? }` bound pair rather\n * than a scalar, because the question asked of a number is almost always a threshold. It is\n * opt-in — an author writes `Resources_Filter_NumberRangeSchema` in `filterFields` — so a plain\n * `number` filter keeps meaning equality.\n /\n fieldType: 'string' \| 'number' \| 'boolean' \| 'enum' \| 'date' \| 'reference' \| 'numberRange' \| 'unknown';\n enumValues?: readonly string[];\n /\n Target resource type for 'reference' fields — resolved from the\n * relationship-enriched registry FK map at definition-parse time. Drives\n * the reference selector (which resource to search) and chip label\n * resolution (id → display label).\n /\n referenceTargetResourceType?: string;\n}\n\ninterface ResourceLayout_FiltersControlProps {\n /* Resource type for i18n label resolution /\n resourceType: string;\n /* Filter field definitions (from parseFilterFieldDefinitions or operation.filterFields) /\n filterFields: readonly FilterFieldDefinition[];\n /* Current active filters /\n currentFilters: FilterValues;\n /* Callback when filters change /\n onFiltersChange: (filters: FilterValues) => void;\n /* Additional CSS classes /\n className?: string;\n}\n\n// =============================================================================\n// HELPERS — extraction from operation config\n// =============================================================================\n\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\n/\n Count of currently-active filters (non-empty values). Shared by the trigger\n * badge and any caller that needs to know whether filters are applied.\n \n `panelFieldNames` scopes the count to a specific set of field names — pass it\n * whenever `currentFilters` can hold keys that the panel/chips do NOT render, so\n * the badge stays in agreement with what expanding the panel actually reveals.\n * The canonical case is the collection toolbar's PROMOTED quick-filter field\n * (`collectionDisplayConfig.quickFilterField`): it shares the same\n * `filterValues` object as the panel but is deliberately excluded from the\n * panel/chips (rendered as its own tab strip instead). Without scoping, a\n * non-\"All\" quick-filter tab would inflate the badge to \"Filters (1)\" while the\n * opened panel shows no active filter and no chip — a count/panel mismatch. When\n * omitted, every non-empty value is counted (the self-contained callers whose\n * `currentFilters` keys already align 1:1 with their panel fields).\n /\nexport function countActiveFilters(\n currentFilters: FilterValues,\n panelFieldNames?: readonly string[],\n): number {\n const values = panelFieldNames\n ? panelFieldNames.map(name => currentFilters[name])\n : Object.values(currentFilters);\n return values.filter(v => v !== undefined && v !== null && v !== '').length;\n}\n\nconst FILTERS_PANEL_DOM_ID = 'filters-panel';\n\nexport interface ResourceLayout_FiltersTriggerProps {\n /* Number of active filters — drives the count badge. /\n activeCount: number;\n /* Whether the panel is currently expanded (for `aria-expanded`). /\n isExpanded: boolean;\n /* Toggle the panel open/closed. /\n onToggle: () => void;\n /* Additional CSS classes. /\n className?: string;\n}\n\n/\n The compact \"Filters\" toggle button (+ active-count badge). Owns no panel\n * state — the host/composite controls expansion so the panel can render wherever\n * it belongs (below the toolbar, in a popover, …).\n /\nexport const ResourceLayout_FiltersTrigger = ({\n activeCount,\n isExpanded,\n onToggle,\n className,\n}: ResourceLayout_FiltersTriggerProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });\n const { renderIcon } = useIconRegistry();\n\n if (!isReady) return null;\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n const label = tc('filters');\n\n // Icon-only by design — a funnel + active-count badge, consistent with the\n // compact search and sort controls in the collection toolbar. The textual\n // \"Filters\" label survives as the accessible name + tooltip.\n return (\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n onClick={onToggle}\n aria-expanded={isExpanded}\n aria-controls={FILTERS_PANEL_DOM_ID}\n aria-label={label}\n title={label}\n // The accessible name is TRANSLATED, so it cannot address this control from a test or any\n // other consumer that must work in every locale. `aria-expanded`/`aria-controls` carry the\n // state and the relationship; this carries the identity.\n data-slot=\"collection-toolbar-filters-trigger\"\n className={cn('gap-element-sm', className)}\n >\n <span aria-hidden=\"true\">{renderIcon(StandardIconReference.FILTER, { size: IconSize.SM })}</span>\n {activeCount > 0 && (\n <span className=\"inline-flex items-center justify-center min-w-5 h-5 px-element-xs text-xs font-semibold rounded-full bg-primary text-primary-foreground\">\n {activeCount}\n </span>\n )}\n </Button>\n );\n};\n\nexport interface ResourceLayout_FiltersPanelProps {\n /* Resource type for i18n label resolution. /\n resourceType: string;\n /* Filter field definitions to render inputs for. /\n filterFields: readonly FilterFieldDefinition[];\n /* Current active filters. /\n currentFilters: FilterValues;\n /* Callback when filters change. /\n onFiltersChange: (filters: FilterValues) => void;\n /* Additional CSS classes. /\n className?: string;\n}\n\n/\n The expandable filter-input panel — one control per filter field. Rendered by\n * the host below the toolbar (full-width) when the trigger is expanded.\n /\nexport const ResourceLayout_FiltersPanel = ({\n resourceType,\n filterFields,\n currentFilters,\n onFiltersChange,\n className,\n}: ResourceLayout_FiltersPanelProps): React.JSX.Element \| null => {\n const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({\n component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n resource: resourceType,\n });\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n const fieldLabels = useMemo(() => {\n const labels: Record<string, string> = {};\n for (const field of filterFields) {\n const label = tResourceFieldDisplay(resourceType, field.fieldName, 'label');\n labels[field.fieldName] = typeof label === 'string' ? label : field.fieldName;\n }\n return labels;\n }, [filterFields, resourceType, tResourceFieldDisplay]);\n\n const handleFilterChange = useCallback((fieldName: string, value: any) => {\n const next = { ...currentFilters };\n if (value === '' \|\| value === undefined \|\| value === null) {\n delete next[fieldName];\n } else {\n next[fieldName] = value;\n }\n onFiltersChange(next);\n }, [currentFilters, onFiltersChange]);\n\n if (!isReady \|\| filterFields.length === 0) return null;\n\n return (\n <div\n id={FILTERS_PANEL_DOM_ID}\n // `items-start` (not `items-end`): every filter cell is label-over-control,\n // and start-alignment keeps all labels on one line regardless of per-type\n // control height. `bg-muted/50` + full-opacity border: at /30 + /50 the\n // panel was nearly indistinguishable from the page background on dark\n // themes — it must read as ONE bounded refinement surface above the list.\n // `gap-field`, and the step matters: this read `gap-element-md` — a step the spacing scale\n // does NOT have. Every role runs xs / sm / default / lg / xl, so `--spacing-element-md` is\n // undefined, Tailwind generates no rule for it, and the panel had NO gap at all between its\n // filter controls. It is also the wrong ROLE: these are form fields, and `field` is the role\n // named for the space between them (the same one `FormFieldChrome` uses).\n className={cn('flex items-start gap-field flex-wrap p-card bg-muted/50 rounded-lg border border-border', className)}\n >\n {filterFields.map((field) => (\n // Stable, i18n-independent hook per filter field. The controls\n // themselves are label-driven (a text/number input carries no `name`),\n // so without this the only way to address one filter is its TRANSLATED\n // label or its position in the panel. Wrapped at the MAP site rather\n // than inside each control branch, so every control type — text,\n // number, date range, boolean and enum selects — carries it from one\n // place and a new branch cannot silently ship without the hook.\n <div key={field.fieldName} data-filter-field={field.fieldName} className=\"contents\">\n <FilterFieldInput\n key={field.fieldName}\n field={field}\n value={currentFilters[field.fieldName]}\n label={fieldLabels[field.fieldName]}\n resourceType={resourceType}\n onChange={(value) => handleFilterChange(field.fieldName, value)}\n tResourceFieldEnumValue={tResourceFieldEnumValue}\n tc={tc}\n />\n </div>\n ))}\n </div>\n );\n};\n\n/\n Self-contained filters control — trigger + inline expandable panel + active\n * chips, with its own expansion state. Retained for callers that want the\n * batteries-included stack (e.g. the Search preset). The collection toolbar\n * instead composes {@link ResourceLayout_FiltersTrigger} +\n * {@link ResourceLayout_FiltersPanel} + {@link ResourceLayout_FilterChips}\n * itself so it can place each piece in the right toolbar zone.\n /\nexport const ResourceLayout_FiltersControl = ({\n resourceType,\n filterFields,\n currentFilters,\n onFiltersChange,\n className,\n}: ResourceLayout_FiltersControlProps): React.JSX.Element \| null => {\n const [isExpanded, setIsExpanded] = useState(false);\n // Scope the badge to the panel's own fields so it can never disagree with the\n // chips this control renders (which iterate `filterFields`).\n const activeCount = countActiveFilters(currentFilters, filterFields.map(f => f.fieldName));\n\n if (filterFields.length === 0) return null;\n\n return (\n <div className={cn('space-y-element-sm', className)}>\n <div className=\"flex items-center gap-element-sm flex-wrap\">\n <ResourceLayout_FiltersTrigger\n activeCount={activeCount}\n isExpanded={isExpanded}\n onToggle={() => setIsExpanded(prev => !prev)}\n />\n <ResourceLayout_FilterChips\n resourceType={resourceType}\n filterFields={filterFields}\n currentFilters={currentFilters}\n onFiltersChange={onFiltersChange}\n />\n </div>\n {isExpanded && (\n <ResourceLayout_FiltersPanel\n resourceType={resourceType}\n filterFields={filterFields}\n currentFilters={currentFilters}\n onFiltersChange={onFiltersChange}\n />\n )}\n </div>\n );\n};\n\n// =============================================================================\n// FILTER FIELD INPUT — renders the appropriate control per Zod type\n// =============================================================================\n\ninterface FilterFieldInputProps {\n field: FilterFieldDefinition;\n value: any;\n label: string;\n resourceType: string;\n onChange: (value: any) => void;\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, value: string, fieldSchema: z.ZodTypeAny \| undefined) => string;\n tc: (key: string) => string;\n}\n\n/\n The enum-control shape a BOOLEAN filter is drawn with, translated from the boolean's own\n * `booleanUI({ edit: { editMode } })`.\n \n A boolean FILTER is not a boolean control: it is tri-state — any / yes / no — because \"no\n * restriction\" is a third answer that a switch or a checkbox has nowhere to put. So two of the four\n * `BooleanEditMode` members have no honest rendering here and fall back to the dropdown; the two\n * that do (`TOGGLE`, `RADIO`) name a group of options, which is exactly what three strings need.\n \n Declared as a total `Record`, so a member added to `BooleanEditMode` is a compile error at this\n * site rather than a silent fall-through to the dropdown — the same guard the enum dispatcher's own\n * mode tables carry, and for the same reason.\n /\nconst TRI_STATE_FILTER_EDIT_MODE: Record<BooleanEditMode, EnumEditMode> = {\n [BooleanEditMode.TOGGLE]: EnumEditMode.TOGGLE,\n [BooleanEditMode.RADIO]: EnumEditMode.RADIO,\n [BooleanEditMode.SWITCH]: EnumEditMode.SELECT,\n [BooleanEditMode.CHECKBOX]: EnumEditMode.SELECT,\n};\n\n/\n The schema the tri-state control is DRAWN from — three strings, carrying the shape the author\n * declared on the boolean.\n \n It exists rather than an `editMode` prop on the dispatcher because the dispatcher reads its shape\n * from ONE place, the schema, and a prop beside it would be a second source able to disagree. The\n * translation is what crosses the vocabularies; after it there is still exactly one declaration.\n /\nfunction buildTriStateFilterSchema(fieldSchema: z.ZodTypeAny): z.ZodTypeAny {\n // A three-member ENUM rather than `z.string()`, because that is what the control is choosing\n // between and because `enumUI()` is installed on the enum prototypes. The empty member is the\n // \"any\" sentinel the panel already uses for every other unset filter.\n return z.enum(['', 'true', 'false'])\n .enumUI({ edit: { editMode: TRI_STATE_FILTER_EDIT_MODE[resolveBooleanEditMode(fieldSchema)] } });\n}\n\nconst FilterFieldInput: React.FC<FilterFieldInputProps> = ({\n field,\n value,\n label,\n resourceType,\n onChange,\n tResourceFieldEnumValue,\n tc,\n}) => {\n const [localValue, setLocalValue] = useState(value ?? '');\n const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n useEffect(() => {\n setLocalValue(value ?? '');\n }, [value]);\n\n const handleTextChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const newVal = e.target.value;\n setLocalValue(newVal);\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = setTimeout(() => {\n onChange(newVal \|\| undefined);\n }, 400);\n }, [onChange]);\n\n const handleNumberChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const newVal = e.target.value;\n setLocalValue(newVal);\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = setTimeout(() => {\n onChange(newVal ? Number(newVal) : undefined);\n }, 400);\n }, [onChange]);\n\n useEffect(() => {\n return () => {\n if (debounceRef.current) clearTimeout(debounceRef.current);\n };\n }, []);\n\n const triStateSchema = useMemo(() => buildTriStateFilterSchema(field.schema), [field.schema]);\n\n switch (field.fieldType) {\n case 'reference':\n // FK filter: searchable reference selector against the target resource.\n // The selected id is the filter value; display labels are resolved by\n // the reference control itself. Quick-create stays dormant here — it\n // requires a form schema context, which filter panels do not provide.\n // Placeholder is the UNSET semantic (\"Any\" — no restriction), NOT the\n // field label: the label already sits right above the control, and\n // repeating it inside reads as duplicated noise while telling the user\n // nothing about what an empty picker means.\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[200px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <ResourceFieldEdit_ResourceReference\n name={field.fieldName}\n schema={field.schema}\n value={typeof value === 'string' && value !== '' ? value : undefined}\n onChange={(next) => onChange(typeof next === 'string' && next !== '' ? next : undefined)}\n targetResourceType={field.referenceTargetResourceType}\n placeholder={tc('anyValue')}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n\n case 'string':\n // No placeholder: the field label is directly above — echoing it inside\n // the input is the label/placeholder duplication antipattern.\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[160px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"text\"\n value={localValue}\n onChange={handleTextChange}\n />\n </div>\n );\n\n case 'number':\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[120px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"number\"\n value={localValue}\n onChange={handleNumberChange}\n />\n </div>\n );\n\n case 'boolean': {\n const boolOptions: FieldOption<string>[] = [\n { value: '', label: tc('booleanAny') },\n { value: 'true', label: tc('booleanYes') },\n { value: 'false', label: tc('booleanNo') },\n ];\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[100px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <FormFieldEnum\n name={field.fieldName}\n schema={triStateSchema}\n options={boolOptions}\n value={value === undefined ? '' : String(value)}\n onChange={(v) => onChange(v === '' ? undefined : v === 'true')}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n }\n\n case 'enum': {\n const enumOptions: FieldOption<string>[] = [\n { value: '', label: tc('enumAll') },\n ...(field.enumValues ?? []).map((enumVal) => {\n const enumLabel = tResourceFieldEnumValue(resourceType, field.fieldName, enumVal, field.schema);\n return { value: enumVal, label: typeof enumLabel === 'string' ? enumLabel : enumVal };\n }),\n ];\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[140px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n {/\n * The FILTER's control is the enum dispatcher, so a filter is drawn by whatever the\n * field's own `enumUI({ edit: { editMode } })` declares — pills (TOGGLE), a radio group,\n * a card grid, a searchable combobox — exactly like that enum anywhere else in the app.\n \n No new vocabulary and no new config surface: the declaration rides the SCHEMA the\n * author already wrote in `filterFields`, which is the one place that knows this field.\n * A parallel `filterControls: { status: … }` map on the view config would have been a\n * second answer to \"how is this enum chosen\", able to disagree with the first.\n */}\n <FormFieldEnum\n name={field.fieldName}\n schema={field.schema}\n options={enumOptions}\n value={value ?? ''}\n onChange={(v) => onChange(v \|\| undefined)}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n }\n\n case 'date':\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[160px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"date\"\n value={value ?? ''}\n onChange={(e) => onChange(e.target.value \|\| undefined)}\n />\n </div>\n );\n\n case 'numberRange': {\n // TWO inputs for ONE filter value, because the value IS a pair. Each bound is written\n // independently and an absent one is genuinely absent — \"under 500\" is a range with no\n // floor, and forcing a floor would make the commonest threshold unexpressible. The whole\n // key is dropped when neither bound survives, so an emptied range never reaches the wire\n // as a degenerate condition the backend would have to interpret.\n const range = (value ?? {}) as { min?: number; max?: number };\n const writeBound = (bound: 'min' \| 'max', raw: string): void => {\n const next = { ...range, [bound]: raw === '' ? undefined : Number(raw) };\n const hasBound = next.min !== undefined \|\| next.max !== undefined;\n onChange(hasBound ? { ...(next.min !== undefined ? { min: next.min } : {}), ...(next.max !== undefined ? { max: next.max } : {}) } : undefined);\n };\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[180px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <div className=\"flex items-center gap-element-sm\">\n <InputRoot\n type=\"number\"\n aria-label={tc('rangeMinimum')}\n placeholder={tc('rangeMinimum')}\n value={range.min ?? ''}\n onChange={(e) => writeBound('min', e.target.value)}\n />\n <span aria-hidden=\"true\" className=\"text-muted-foreground\">–</span>\n <InputRoot\n type=\"number\"\n aria-label={tc('rangeMaximum')}\n placeholder={tc('rangeMaximum')}\n value={range.max ?? ''}\n onChange={(e) => writeBound('max', e.target.value)}\n />\n </div>\n </div>\n );\n }\n\n default:\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[160px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"text\"\n value={localValue}\n onChange={handleTextChange}\n />\n </div>\n );\n }\n};\n"]}
1	+ {"version":3,"file":"ResourceLayout_FiltersControl.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ResourceLayout_FiltersControl — Reusable filter controls for resource list/search views.\n \n Renders filter UI controls from the provided filterFields definitions. Auto-generates controls\n * based on the classified field type of each definition:\n * - 'string' → text input\n * - 'number' → number input\n * - 'boolean' → tri-state select (any / yes / no)\n * - 'enum' → select dropdown (labels via i18n)\n * - 'date' → the engine's date-range picker, writing the `{ startDate, endDate }`\n * window the backend's date filter applies (#2413)\n * - 'reference' → resource-reference selector (searchable combobox storing\n * the target resource id; labels resolved from the target\n * resource, never raw ids in the UI)\n \n Field classification (including FK → 'reference' resolution and the\n * exclusion of transport-pinned fields such as the primary-scope FK) is owned\n * by `ResourceLayoutUtils.parseFilterFieldDefinitions` — this component only\n * renders what it is given.\n \n Active filters are displayed as removable chips. A \"Clear all\" button resets all filters.\n * Filters are passed as `Record<string, any>` to the parent via `onFiltersChange`.\n /\n\nimport React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';\nimport { z } from 'zod';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select';\nimport { FormFieldEnum } from '~wildo-frontend-lib/components/form/fields/form-field-enum';\nimport { BooleanEditMode, EnumEditMode, resolveBooleanEditMode, resolveEnumEditMode } from '@wildo-ai/zod-decorators';\nimport { ResourceFieldEdit_ResourceReference } from '~wildo-frontend-lib/components/resources-fields/resource-reference/ResourceFieldEdit_ResourceReference';\nimport { DateRangePicker, type DateRangeValue } from '~wildo-frontend-lib/components/form/controls/date-time/date-range-picker';\nimport { FrontendComponentType, ButtonSize, ControlSize, type DateFormat } from '@wildo-ai/presets-components-models';\nimport { useCollectionFilterPresetScope } from '~wildo-frontend-lib/core/resources/useCollectionFilterPresetScope';\nimport { dateFilterWindowAsDays, dateFilterWindowFromDays } from '~wildo-frontend-lib/core/resources/date-filter-window.frontend.utils';\nimport type { FieldOption } from '~wildo-frontend-lib/components/form/form-field-types';\nimport { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips';\nimport { FilterFieldType } from './resource-filter-field-type.frontend.schemas';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/* Active filter values — keys match filterFields keys /\nexport type FilterValues = Record<string, any>;\n\n/* Definition of a single filter field extracted from the config /\nexport interface FilterFieldDefinition {\n fieldName: string;\n schema: z.ZodTypeAny;\n /* How the field was classified — decides the control drawn and the chip's rendering. See {@link FilterFieldType}. /\n fieldType: FilterFieldType;\n enumValues?: readonly string[];\n /\n Target resource type for 'reference' fields — resolved from the\n * relationship-enriched registry FK map at definition-parse time. Drives\n * the reference selector (which resource to search) and chip label\n * resolution (id → display label).\n /\n referenceTargetResourceType?: string;\n}\n\ninterface ResourceLayout_FiltersControlProps {\n /* Resource type for i18n label resolution /\n resourceType: string;\n /* Filter field definitions (from parseFilterFieldDefinitions or operation.filterFields) /\n filterFields: readonly FilterFieldDefinition[];\n /* Current active filters /\n currentFilters: FilterValues;\n /* Callback when filters change /\n onFiltersChange: (filters: FilterValues) => void;\n /* Additional CSS classes /\n className?: string;\n}\n\n// =============================================================================\n// HELPERS — extraction from operation config\n// =============================================================================\n\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\n/\n Count of currently-active filters (non-empty values). Shared by the trigger\n * badge and any caller that needs to know whether filters are applied.\n \n `panelFieldNames` scopes the count to a specific set of field names — pass it\n * whenever `currentFilters` can hold keys that the panel/chips do NOT render, so\n * the badge stays in agreement with what expanding the panel actually reveals.\n * The canonical case is the collection toolbar's PROMOTED quick-filter field\n * (`collectionDisplayConfig.quickFilterField`): it shares the same\n * `filterValues` object as the panel but is deliberately excluded from the\n * panel/chips (rendered as its own tab strip instead). Without scoping, a\n * non-\"All\" quick-filter tab would inflate the badge to \"Filters (1)\" while the\n * opened panel shows no active filter and no chip — a count/panel mismatch. When\n * omitted, every non-empty value is counted (the self-contained callers whose\n * `currentFilters` keys already align 1:1 with their panel fields).\n /\nexport function countActiveFilters(\n currentFilters: FilterValues,\n panelFieldNames?: readonly string[],\n): number {\n const values = panelFieldNames\n ? panelFieldNames.map(name => currentFilters[name])\n : Object.values(currentFilters);\n return values.filter(v => v !== undefined && v !== null && v !== '').length;\n}\n\nconst FILTERS_PANEL_DOM_ID = 'filters-panel';\n\nexport interface ResourceLayout_FiltersTriggerProps {\n /* Number of active filters — drives the count badge. /\n activeCount: number;\n /* Whether the panel is currently expanded (for `aria-expanded`). /\n isExpanded: boolean;\n /* Toggle the panel open/closed. /\n onToggle: () => void;\n /* Additional CSS classes. /\n className?: string;\n}\n\n/\n The compact \"Filters\" toggle button (+ active-count badge). Owns no panel\n * state — the host/composite controls expansion so the panel can render wherever\n * it belongs (below the toolbar, in a popover, …).\n /\nexport const ResourceLayout_FiltersTrigger = ({\n activeCount,\n isExpanded,\n onToggle,\n className,\n}: ResourceLayout_FiltersTriggerProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });\n const { renderIcon } = useIconRegistry();\n\n if (!isReady) return null;\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n const label = tc('filters');\n\n // Icon-only by design — a funnel + active-count badge, consistent with the\n // compact search and sort controls in the collection toolbar. The textual\n // \"Filters\" label survives as the accessible name + tooltip. GHOST like the search and sort\n // triggers beside it: the three were ghost, outlined and outlined, so one row of refine controls\n // spoke three visual languages (Wonder Todos, 2026-09-30). The count badge carries the state.\n return (\n <Button\n variant={ButtonVariants_Variant.GHOST}\n size={ButtonSize.SM}\n onClick={onToggle}\n aria-expanded={isExpanded}\n aria-controls={FILTERS_PANEL_DOM_ID}\n aria-label={label}\n title={label}\n // The accessible name is TRANSLATED, so it cannot address this control from a test or any\n // other consumer that must work in every locale. `aria-expanded`/`aria-controls` carry the\n // state and the relationship; this carries the identity.\n data-slot=\"collection-toolbar-filters-trigger\"\n className={cn('gap-element-sm', className)}\n >\n <span aria-hidden=\"true\">{renderIcon(StandardIconReference.FILTER, { size: IconSize.SM })}</span>\n {activeCount > 0 && (\n <span className=\"inline-flex items-center justify-center min-w-5 h-5 px-element-xs text-xs font-semibold rounded-full bg-primary text-primary-foreground\">\n {activeCount}\n </span>\n )}\n </Button>\n );\n};\n\nexport interface ResourceLayout_FiltersPanelProps {\n /* Resource type for i18n label resolution. /\n resourceType: string;\n /* Filter field definitions to render inputs for. /\n filterFields: readonly FilterFieldDefinition[];\n /* Current active filters. /\n currentFilters: FilterValues;\n /* Callback when filters change. /\n onFiltersChange: (filters: FilterValues) => void;\n /* Additional CSS classes. /\n className?: string;\n}\n\n/\n The expandable filter-input panel — one control per filter field. Rendered by\n * the host below the toolbar (full-width) when the trigger is expanded.\n /\nexport const ResourceLayout_FiltersPanel = ({\n resourceType,\n filterFields,\n currentFilters,\n onFiltersChange,\n className,\n}: ResourceLayout_FiltersPanelProps): React.JSX.Element \| null => {\n const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, resolvedRegionalPreferences, isReady } = useI18n({\n component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n resource: resourceType,\n });\n // The reader's resolved zone and the resource's calendar-day fields: the same scope the preset pills and the\n // chips resolve a date window against, so a day picked here names the rows a pill for that day names.\n const { timeZone, calendarDateFields } = useCollectionFilterPresetScope(resourceType);\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n const fieldLabels = useMemo(() => {\n const labels: Record<string, string> = {};\n for (const field of filterFields) {\n const label = tResourceFieldDisplay(resourceType, field.fieldName, 'label');\n labels[field.fieldName] = typeof label === 'string' ? label : field.fieldName;\n }\n return labels;\n }, [filterFields, resourceType, tResourceFieldDisplay]);\n\n const handleFilterChange = useCallback((fieldName: string, value: any) => {\n const next = { ...currentFilters };\n if (value === '' \|\| value === undefined \|\| value === null) {\n delete next[fieldName];\n } else {\n next[fieldName] = value;\n }\n onFiltersChange(next);\n }, [currentFilters, onFiltersChange]);\n\n if (!isReady \|\| filterFields.length === 0) return null;\n\n return (\n <div\n id={FILTERS_PANEL_DOM_ID}\n // `items-start` (not `items-end`): every filter cell is label-over-control,\n // and start-alignment keeps all labels on one line regardless of per-type\n // control height. `bg-muted/50` + full-opacity border: at /30 + /50 the\n // panel was nearly indistinguishable from the page background on dark\n // themes — it must read as ONE bounded refinement surface above the list.\n // `gap-field`, and the step matters: this read `gap-element-md` — a step the spacing scale\n // does NOT have. Every role runs xs / sm / default / lg / xl, so `--spacing-element-md` is\n // undefined, Tailwind generates no rule for it, and the panel had NO gap at all between its\n // filter controls. It is also the wrong ROLE: these are form fields, and `field` is the role\n // named for the space between them (the same one `FormFieldChrome` uses).\n className={cn('flex items-start gap-field flex-wrap p-card bg-muted/50 rounded-lg border border-border', className)}\n >\n {filterFields.map((field) => (\n // Stable, i18n-independent hook per filter field. The controls\n // themselves are label-driven (a text/number input carries no `name`),\n // so without this the only way to address one filter is its TRANSLATED\n // label or its position in the panel. Wrapped at the MAP site rather\n // than inside each control branch, so every control type — text,\n // number, date range, boolean and enum selects — carries it from one\n // place and a new branch cannot silently ship without the hook.\n <div key={field.fieldName} data-filter-field={field.fieldName} className=\"contents\">\n <FilterFieldInput\n key={field.fieldName}\n field={field}\n value={currentFilters[field.fieldName]}\n label={fieldLabels[field.fieldName]}\n resourceType={resourceType}\n onChange={(value) => handleFilterChange(field.fieldName, value)}\n tResourceFieldEnumValue={tResourceFieldEnumValue}\n tc={tc}\n calendarDateField={calendarDateFields.has(field.fieldName)}\n timeZone={timeZone}\n dateFormat={resolvedRegionalPreferences?.dateFormat}\n />\n </div>\n ))}\n </div>\n );\n};\n\n/\n Self-contained filters control — trigger + inline expandable panel + active\n * chips, with its own expansion state. Retained for callers that want the\n * batteries-included stack (e.g. the Search preset). The collection toolbar\n * instead composes {@link ResourceLayout_FiltersTrigger} +\n * {@link ResourceLayout_FiltersPanel} + {@link ResourceLayout_FilterChips}\n * itself so it can place each piece in the right toolbar zone.\n /\nexport const ResourceLayout_FiltersControl = ({\n resourceType,\n filterFields,\n currentFilters,\n onFiltersChange,\n className,\n}: ResourceLayout_FiltersControlProps): React.JSX.Element \| null => {\n const [isExpanded, setIsExpanded] = useState(false);\n // Scope the badge to the panel's own fields so it can never disagree with the\n // chips this control renders (which iterate `filterFields`).\n const activeCount = countActiveFilters(currentFilters, filterFields.map(f => f.fieldName));\n\n if (filterFields.length === 0) return null;\n\n return (\n <div className={cn('space-y-element-sm', className)}>\n <div className=\"flex items-center gap-element-sm flex-wrap\">\n <ResourceLayout_FiltersTrigger\n activeCount={activeCount}\n isExpanded={isExpanded}\n onToggle={() => setIsExpanded(prev => !prev)}\n />\n <ResourceLayout_FilterChips\n resourceType={resourceType}\n filterFields={filterFields}\n currentFilters={currentFilters}\n onFiltersChange={onFiltersChange}\n />\n </div>\n {isExpanded && (\n <ResourceLayout_FiltersPanel\n resourceType={resourceType}\n filterFields={filterFields}\n currentFilters={currentFilters}\n onFiltersChange={onFiltersChange}\n />\n )}\n </div>\n );\n};\n\n// =============================================================================\n// FILTER FIELD INPUT — renders the appropriate control per Zod type\n// =============================================================================\n\ninterface FilterFieldInputProps {\n field: FilterFieldDefinition;\n value: any;\n label: string;\n resourceType: string;\n onChange: (value: any) => void;\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, value: string, fieldSchema: z.ZodTypeAny \| undefined) => string;\n tc: (key: string) => string;\n /* Whether this field holds a CALENDAR DAY (`isCalendarDate()`), so its date window runs between UTC midnights. /\n calendarDateField: boolean;\n /* The reader's resolved time zone; an instant field's date window is cut at its midnights. /\n timeZone: string \| undefined;\n /* The reader's resolved date format, for the date-range picker's trigger. /\n dateFormat: DateFormat \| undefined;\n}\n\n/\n The enum-control shape a BOOLEAN filter is drawn with, translated from the boolean's own\n * `booleanUI({ edit: { editMode } })`.\n \n A boolean FILTER is not a boolean control: it is tri-state — any / yes / no — because \"no\n * restriction\" is a third answer that a switch or a checkbox has nowhere to put. So two of the four\n * `BooleanEditMode` members have no honest rendering here and fall back to the dropdown; the two\n * that do (`TOGGLE`, `RADIO`) name a group of options, which is exactly what three strings need.\n \n Declared as a total `Record`, so a member added to `BooleanEditMode` is a compile error at this\n * site rather than a silent fall-through to the dropdown — the same guard the enum dispatcher's own\n * mode tables carry, and for the same reason.\n /\nconst TRI_STATE_FILTER_EDIT_MODE: Record<BooleanEditMode, EnumEditMode> = {\n [BooleanEditMode.TOGGLE]: EnumEditMode.TOGGLE,\n [BooleanEditMode.RADIO]: EnumEditMode.RADIO,\n [BooleanEditMode.SWITCH]: EnumEditMode.SELECT,\n [BooleanEditMode.CHECKBOX]: EnumEditMode.SELECT,\n};\n\n/\n The three values the boolean filter's tri-state control chooses between. Strings, because the enum\n * dispatcher selects strings; translated to `undefined` / `true` / `false` at the control's `onChange`.\n /\nenum TriStateFilterValue {\n /* No restriction — the \"any\" sentinel the panel uses for every other unset filter. /\n ANY = '',\n /* Only rows where the field is `true`. /\n YES = 'true',\n /* Only rows where the field is `false`. /\n NO = 'false',\n}\n\n/\n The schema the tri-state control is DRAWN from — three strings, carrying the shape the author\n * declared on the boolean.\n \n It exists rather than an `editMode` prop on the dispatcher because the dispatcher reads its shape\n * from ONE place, the schema, and a prop beside it would be a second source able to disagree. The\n * translation is what crosses the vocabularies; after it there is still exactly one declaration.\n /\nfunction buildTriStateFilterSchema(fieldSchema: z.ZodTypeAny): z.ZodTypeAny {\n // A three-member ENUM rather than `z.string()`, because that is what the control is choosing\n // between and because `enumUI()` is installed on the enum prototypes. The empty member is the\n // \"any\" sentinel the panel already uses for every other unset filter.\n return z.enum(TriStateFilterValue)\n .enumUI({ edit: { editMode: TRI_STATE_FILTER_EDIT_MODE[resolveBooleanEditMode(fieldSchema)] } });\n}\n\nconst FilterFieldInput: React.FC<FilterFieldInputProps> = ({\n field,\n value,\n label,\n resourceType,\n onChange,\n tResourceFieldEnumValue,\n tc,\n calendarDateField,\n timeZone,\n dateFormat,\n}) => {\n const [localValue, setLocalValue] = useState(value ?? '');\n const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n useEffect(() => {\n setLocalValue(value ?? '');\n }, [value]);\n\n const handleTextChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const newVal = e.target.value;\n setLocalValue(newVal);\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = setTimeout(() => {\n onChange(newVal \|\| undefined);\n }, 400);\n }, [onChange]);\n\n const handleNumberChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const newVal = e.target.value;\n setLocalValue(newVal);\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = setTimeout(() => {\n onChange(newVal ? Number(newVal) : undefined);\n }, 400);\n }, [onChange]);\n\n useEffect(() => {\n return () => {\n if (debounceRef.current) clearTimeout(debounceRef.current);\n };\n }, []);\n\n const triStateSchema = useMemo(() => buildTriStateFilterSchema(field.schema), [field.schema]);\n\n switch (field.fieldType) {\n case FilterFieldType.REFERENCE:\n // FK filter: searchable reference selector against the target resource.\n // The selected id is the filter value; display labels are resolved by\n // the reference control itself. Quick-create stays dormant here — it\n // requires a form schema context, which filter panels do not provide.\n // Placeholder is the UNSET semantic (\"Any\" — no restriction), NOT the\n // field label: the label already sits right above the control, and\n // repeating it inside reads as duplicated noise while telling the user\n // nothing about what an empty picker means.\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[200px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <ResourceFieldEdit_ResourceReference\n name={field.fieldName}\n schema={field.schema}\n value={typeof value === 'string' && value !== '' ? value : undefined}\n onChange={(next) => onChange(typeof next === 'string' && next !== '' ? next : undefined)}\n targetResourceType={field.referenceTargetResourceType}\n placeholder={tc('anyValue')}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n\n case FilterFieldType.STRING:\n // No placeholder: the field label is directly above — echoing it inside\n // the input is the label/placeholder duplication antipattern.\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[160px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"text\"\n value={localValue}\n onChange={handleTextChange}\n />\n </div>\n );\n\n case FilterFieldType.NUMBER:\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[120px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"number\"\n value={localValue}\n onChange={handleNumberChange}\n />\n </div>\n );\n\n case FilterFieldType.BOOLEAN: {\n const boolOptions: FieldOption<string>[] = [\n { value: TriStateFilterValue.ANY, label: tc('booleanAny') },\n { value: TriStateFilterValue.YES, label: tc('booleanYes') },\n { value: TriStateFilterValue.NO, label: tc('booleanNo') },\n ];\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[100px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <FormFieldEnum\n name={field.fieldName}\n schema={triStateSchema}\n options={boolOptions}\n value={value === undefined ? TriStateFilterValue.ANY : String(value)}\n onChange={(v) => onChange(v === TriStateFilterValue.ANY ? undefined : v === TriStateFilterValue.YES)}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n }\n\n case FilterFieldType.ENUM: {\n const enumOptions: FieldOption<string>[] = [\n { value: '', label: tc('enumAll') },\n ...(field.enumValues ?? []).map((enumVal) => {\n const enumLabel = tResourceFieldEnumValue(resourceType, field.fieldName, enumVal, field.schema);\n return { value: enumVal, label: typeof enumLabel === 'string' ? enumLabel : enumVal };\n }),\n ];\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[140px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n {/\n * The FILTER's control is the enum dispatcher, so a filter is drawn by whatever the\n * field's own `enumUI({ edit: { editMode } })` declares — pills (TOGGLE), a radio group,\n * a card grid, a searchable combobox — exactly like that enum anywhere else in the app.\n \n No new vocabulary and no new config surface: the declaration rides the SCHEMA the\n * author already wrote in `filterFields`, which is the one place that knows this field.\n * A parallel `filterControls: { status: … }` map on the view config would have been a\n * second answer to \"how is this enum chosen\", able to disagree with the first.\n /}\n <FormFieldEnum\n name={field.fieldName}\n schema={field.schema}\n options={enumOptions}\n value={value ?? ''}\n onChange={(v) => onChange(v \|\| undefined)}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n }\n\n case FilterFieldType.DATE: {\n // The ENGINE's date-range picker, not the browser's `<input type=\"date\">` (#2413). Two reasons, each enough:\n // the native picker speaks the browser's language and calendar, which the engine cannot localize, while the\n // engine's `Calendar` speaks the reader's (#2257); and a native date input yields ONE day, while a date\n // filter field is a `Resources_Filter_DateRangeSchema` on the wire — `{ startDate, endDate }`, both\n // included. The panel sent `dueDate=2026-09-28`, a scalar the range filter does not describe.\n //\n // The value is the WINDOW the backend applies, built from the picked days by the same conversion a preset\n // pill uses, so the two agree on which rows a day names. One picked day (no end yet) is that day.\n const days = dateFilterWindowAsDays(value, calendarDateField, timeZone);\n // No range when nothing is set. The picker is controlled because it is handed `onChange` (#2456), so it shows\n // what this filter holds, and \"Clear all\" empties it.\n //\n // A window open on one side (a preset's \"Overdue\" has no start) reaches the picker as its one bound and reads\n // `≤ <day>` or `≥ <day>`, as its chip does. A calendar cannot pick an open side, so editing it there means\n // picking a new full range, which the trigger then shows; the open side is replaced in view, never dropped\n // silently. Pressing the preset's pill again is how the open window comes back.\n const pickerValue: DateRangeValue \| undefined = days ? { from: days.firstDay, to: days.lastDay } : undefined;\n const handleRangeChange = (range: DateRangeValue \| undefined): void => {\n const firstDay = range?.from ?? range?.to;\n if (!firstDay) {\n onChange(undefined);\n return;\n }\n onChange(dateFilterWindowFromDays(firstDay, range?.to ?? firstDay, calendarDateField, timeZone));\n };\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[200px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n {/ Placeholder is the UNSET semantic (\"Any\"), as on the reference filter: the label is right above. */}\n <DateRangePicker\n name={field.fieldName}\n schema={field.schema}\n value={pickerValue}\n onChange={handleRangeChange}\n placeholder={tc('anyValue')}\n dateFormat={dateFormat}\n timeZone={timeZone}\n controlSize={ControlSize.SM}\n />\n </div>\n );\n }\n\n case FilterFieldType.NUMBER_RANGE: {\n // TWO inputs for ONE filter value, because the value IS a pair. Each bound is written\n // independently and an absent one is genuinely absent — \"under 500\" is a range with no\n // floor, and forcing a floor would make the commonest threshold unexpressible. The whole\n // key is dropped when neither bound survives, so an emptied range never reaches the wire\n // as a degenerate condition the backend would have to interpret.\n const range = (value ?? {}) as { min?: number; max?: number };\n const writeBound = (bound: 'min' \| 'max', raw: string): void => {\n const next = { ...range, [bound]: raw === '' ? undefined : Number(raw) };\n const hasBound = next.min !== undefined \|\| next.max !== undefined;\n onChange(hasBound ? { ...(next.min !== undefined ? { min: next.min } : {}), ...(next.max !== undefined ? { max: next.max } : {}) } : undefined);\n };\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[180px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <div className=\"flex items-center gap-element-sm\">\n <InputRoot\n type=\"number\"\n aria-label={tc('rangeMinimum')}\n placeholder={tc('rangeMinimum')}\n value={range.min ?? ''}\n onChange={(e) => writeBound('min', e.target.value)}\n />\n <span aria-hidden=\"true\" className=\"text-muted-foreground\">–</span>\n <InputRoot\n type=\"number\"\n aria-label={tc('rangeMaximum')}\n placeholder={tc('rangeMaximum')}\n value={range.max ?? ''}\n onChange={(e) => writeBound('max', e.target.value)}\n />\n </div>\n </div>\n );\n }\n\n default:\n return (\n <div className=\"flex flex-col gap-element-xs min-w-[160px]\">\n <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n <InputRoot\n type=\"text\"\n value={localValue}\n onChange={handleTextChange}\n />\n </div>\n );\n }\n};\n"]}

package/dist/esm/components/resources/ResourceLayout_Header.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceLayout_Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;~~AAqBpE~~,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;~~AAcnH~~,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAE9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;~~AAwBxH~~,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAQD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,~~CAsgBlG~~,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,MAAgC,EAChC,GAAG,KAAK,EACT,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGrF"}
1	+ {"version":3,"file":"ResourceLayout_Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAsBpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;AAiBnH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAE9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AA2BxH,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAQD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAgnBlG,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,MAAgC,EAChC,GAAG,KAAK,EACT,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGrF"}

package/dist/esm/components/resources/ResourceLayout_Header.js CHANGED Viewed

@@ -2,21 +2,24 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useEffect, useState, useRef } from 'react';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { cn } from '../../core/ui/cn.js';
-import { Skeleton } from '../../components/feedback/skeleton.js';
 import { resolveOptionalResourceHeaderDescription, } from '../../core/i18n/component-label-resolution.utils.js';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
 import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
 import { useOptionalResourceOperationViewContext } from '../../core/resources/ResourceOperationViewContext.js';
 import { FrontendResourceUtils, frontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
-import { resolveEffectiveCoreOperationFromOperation, resolveSurfaceTitleOperationIdentifier } from '../../core/resources/operation-semantics.frontend.utils.js';
+import { operationAddressesOneRecord, resolveEffectiveCoreOperationFromOperation, resolveSurfaceTitleOperationIdentifier, surfaceHeadingIsRecordName } from '../../core/resources/operation-semantics.frontend.utils.js';
 import { HeaderIconPlacement } from '../../core/resources/resources.frontend.schemas.js';
 import { resolveCanonicalRMMReadOperation, } from '../../core/resources/rmm/canonical-read.frontend.utils.js';
 import { ApplicationLevel_NavigationBack, NavigationBackHost } from '../../components/navigation/app-level/ApplicationLevel_NavigationBack.js';
-import { ResourceLayout_Breadcrumb } from './ResourceLayout_Breadcrumb.js';
+import { EmphasisedActionLabelsProvider } from '../../components/actions/action-bar.js';
+import { deriveBreadcrumbAncestors, ResourceLayout_Breadcrumb, ResourceLayoutPreset_Breadcrumb_Default } from './ResourceLayout_Breadcrumb.js';
+import { ComponentRegistryService } from '../../core/components-registry/component-registry.frontend.service.js';
 import { AutomaticDisplayer } from '../../components/data-display/AutomaticDisplayer.js';
-import { ResourceHeaderContextProvider } from './skeleton/ResourceHeaderTitle.js';
+import { ResourceHeaderContextProvider, ResourceHeaderTitleHeading, ResourceHeaderTitlePlaceholder } from './skeleton/ResourceHeaderTitle.js';
+import { useClaimedZoneChrome, useZoneChromeOffered } from '../../core/navigation/ZoneChromeContext.js';
+import { RESOURCE_HEADER_CONTAINER_CLASS } from '../../components/resources/resource-header-geometry.js';
 import { DisplayChromeMode } from '@wildo-ai/zod-decorators';
-import { CoreResourceOperation, } from '@wildo-ai/saas-models';
+import { CoreResourceOperation, ParentDisplay, } from '@wildo-ai/saas-models';
 import { IconCategory, IconSize, StandardIconReference } from '../../core/icons/icon-registry.frontend.schemas.js';
 import { extractErrorInfo } from '../../core/errors/errors.frontend.schemas.js';
 import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
@@ -28,11 +31,12 @@ import { createComponentResolver } from '../../core/components-registry/componen
 import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
 /**
  * The header's band while a record's name is on its way: one skeleton line where the name will sit, with
- * the action cluster where it will stay. Same outer box and row as the real band below, so the swap moves
- * nothing beneath the header. `h-7` is `text-xl`'s own line box.
+ * the action cluster where it will stay. Same outer box and row as the real title line below, so the swap
+ * moves nothing beneath the header. The placeholder is one line box of the theme's resource-title voice
+ * (`ResourceHeaderTitlePlaceholder`), so the reservation holds in every theme.
  */
-function PendingRecordNameBand({ className, actions }) {
-    return (_jsx("div", { className: cn(className || 'flex-1'), "data-resource-header-pending": "true", children: _jsxs("div", { className: "flex flex-wrap items-center gap-field", children: [_jsx("div", { className: "min-w-0 flex-1 basis-60", children: _jsx(Skeleton, { className: "h-7 w-48 max-w-full", "aria-hidden": "true" }) }), actions && _jsx("div", { className: "ml-auto flex shrink-0 items-center", children: actions })] }) }));
+function PendingRecordNameBand({ className, actions, bar }) {
+    return (_jsxs("div", { className: cn(className || 'flex-1', RESOURCE_HEADER_CONTAINER_CLASS, 'flex min-w-0 flex-col'), "data-resource-header-pending": "true", children: [bar, _jsxs("div", { className: "flex flex-wrap items-center gap-field", children: [_jsx("div", { className: "min-w-0 flex-1 basis-60", children: _jsx(ResourceHeaderTitlePlaceholder, {}) }), actions && _jsx("div", { className: "ml-auto flex shrink-0 items-center", children: _jsx(EmphasisedActionLabelsProvider, { children: actions }) })] })] }));
 }
 /**
  * Resource types already warned about a title-less authored header template —
@@ -76,18 +80,17 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
         return registry.resourceConfigurations[resourceType];
     }, [registry, resourceType]);
     const resourceConfig = operationViewContext?.resourceConfig ?? computedResourceConfig;
-    const getFrontendResourceLabel = resourceConfig?.frontendConfiguration?.getFrontendResourceLabel;
+    const getFrontendResourceLabel = FrontendResourceUtils.frontendResourceLabelDefinitionOf(resourceConfig);
     // A record label may replace the operation title ONLY on a surface that
-    // targets one persisted row (effective READ / UPDATE / DELETE semantics).
-    // On collection surfaces (LIST/SEARCH/…) and CREATE, an own-type id in
+    // targets one persisted row (a NON-BULK READ / UPDATE / DELETE —
+    // `operationAddressesOneRecord`, the answer the navigation layer uses too).
+    // On collection surfaces (LIST/SEARCH/…, any bulk variant) and CREATE, an own-type id in
     // `contextResourceIdentifiers` is AMBIENT SCOPE — e.g. the quick-switcher's
     // selected record — not "the current record": without this gate, selecting a
     // list in the switcher renamed the whole todo-lists LISTING to that record's
     // label (2026-08-19).
     const effectiveCoreOperation = resolveEffectiveCoreOperationFromOperation(operation);
-    const isRowScopedSurface = effectiveCoreOperation === CoreResourceOperation.READ
-        || effectiveCoreOperation === CoreResourceOperation.UPDATE
-        || effectiveCoreOperation === CoreResourceOperation.DELETE;
+    const isRowScopedSurface = operationAddressesOneRecord(operation);
     // An authored `layout.header` template composes the identity line from the
     // RECORD, so it needs the row fetched even when the resource declares no
     // `getFrontendResourceLabel` (the template may show only badges and rely on
@@ -251,7 +254,8 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     //
     // Which operation's title names this surface is decided once, for the header and the overlay title alike
     // (`resolveSurfaceTitleOperationIdentifier`): the core edit page takes READ's heading, a named action keeps
-    // its own. A record label, where the resource declares one, still replaces either (see `displayLabel`).
+    // its own. A record label, where the resource declares one, replaces the title of a CORE verb only; a named action
+    // keeps its title and shows the record's name beneath it (`surfaceHeadingIsRecordName`, #2058).
     const titleOperationId = resolveSurfaceTitleOperationIdentifier(operation.operationIdentifier, resourceConfig?.operations);
     const title = useMemo(() => {
         if (titleOverride)
@@ -272,21 +276,27 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     // once on the page and once in the dialog (measured on every Wonder Todos create/edit dialog); a record's
     // page is about the record. An explicit `description` from the host is still shown wherever it is passed.
     const isCollectionSurface = effectiveCoreOperation === CoreResourceOperation.LIST || effectiveCoreOperation === CoreResourceOperation.SEARCH;
+    // A NAMED action on one record is headed by its own title, and the record's name says beneath it WHICH record
+    // the action is about (`surfaceHeadingIsRecordName`, #2058). A core READ / UPDATE / DELETE is headed by the name.
+    const recordNameIsHeading = surfaceHeadingIsRecordName(operation);
+    const recordNameBesideTitle = !recordNameIsHeading && shouldFetchLabel ? resourceLabel : null;
     const description = useMemo(() => {
         if (descriptionOverride)
             return descriptionOverride;
+        if (recordNameBesideTitle)
+            return recordNameBesideTitle;
         if (!isCollectionSurface)
             return null;
         // OPTIONAL by decision, not by falsy check: a description is supplementary text, so its
         // absence collapses the header instead of rendering a key under a title that is fine.
         return resolveOptionalResourceHeaderDescription({ tResourceHeader, resourceType }) ?? null;
-    }, [descriptionOverride, isCollectionSurface, tResourceHeader, resourceType]);
+    }, [descriptionOverride, recordNameBesideTitle, isCollectionSurface, tResourceHeader, resourceType]);
     // Determine what to show in description
     // L-1: combine local in-flight flag with Tier-2 derived loading; both must
     // be quiet to commit a label render. `isInitialLoad` lets us suppress the
     // label on the very first fetch so we don't flash `#id` then real label.
     const displayLabel = useMemo(() => {
-        if (shouldFetchLabel) {
+        if (shouldFetchLabel && recordNameIsHeading) {
             if (isLoadingLabel || headerLoading.isInitialLoad) {
                 return null;
             }
@@ -297,8 +307,8 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
             return resourceId ? `#${resourceId}` : null;
         }
         return null;
-    }, [shouldFetchLabel, isLoadingLabel, headerLoading.isInitialLoad, resourceLabel, resourceId]);
-    // Render resource icon — LG (24px) to match text-xl title. The operation may cede the glyph to
+    }, [shouldFetchLabel, recordNameIsHeading, isLoadingLabel, headerLoading.isInitialLoad, resourceLabel, resourceId]);
+    // Render resource icon — MD, the size that sits beside the resource title's voice. The operation may cede the glyph to
     // its header template (`HeaderIconPlacement.TEMPLATE_OWNED`): a template composing its own
     // record-linked icon must not sit beside the resource's — two glyphs naming one thing.
     const headerIconPlacement = operation
@@ -306,7 +316,7 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     const resourceIcon = useMemo(() => {
         if (headerIconPlacement === HeaderIconPlacement.TEMPLATE_OWNED)
             return null;
-        return renderIcon({ category: IconCategory.RESOURCES, resourceType }, { size: IconSize.LG });
+        return renderIcon({ category: IconCategory.RESOURCES, resourceType }, { size: IconSize.MD });
     }, [renderIcon, resourceType, headerIconPlacement]);
     // If displayLabel exists, show only icon + label, otherwise show title + description
     const hasDisplayLabel = !!displayLabel;
@@ -323,13 +333,95 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
      * beneath it down a line; a click whose press and release straddled that instant was dispatched to the
      * common ancestor and lost without a trace (see `ResourceHeaderContextValue.titlePending`).
      */
-    const recordNamePending = shouldFetchLabel && !hasDisplayLabel && (isLoadingLabel || headerLoading.isInitialLoad);
+    // Only a heading that IS the record's name waits for it; a named action's title is there from the first frame.
+    const recordNamePending = shouldFetchLabel && recordNameIsHeading && !hasDisplayLabel && (isLoadingLabel || headerLoading.isInitialLoad);
     // ── Authored header template (`layout.header`) ────────────────────
     // The record's own schema carries the ui-behavior field decorators (via the
     // frontend schema bridge), so `<DisplayField name="status">` inside the
     // template resolves exactly as it does in the `display` / `summary` flows.
-    const headerSchema = resourceConfig?.mainSchema;
+    // The record's own schema (#2455): for an inheritance resource, the variant its discriminators name, so a variant
+    // field in the template resolves. Before the record loads, the base.
+    const headerSchema = useMemo(() => FrontendResourceUtils.resolveRowSchema(resourceConfig, resourceData), [resourceConfig, resourceData]);
     const headerLabels = useMemo(() => ({ resourceContext: { resourceType, operationId: CoreResourceOperation.READ } }), [resourceType]);
+    /*
+     * The TITLE LINE's element, when an authored template supplies the title: `<ResourceHeaderTitle />`
+     * renders there, beside the actions, and the rest of the template renders on the facts line. A state
+     * setter used as the ref, so attaching it re-renders the template once, in the same commit (see
+     * `ResourceHeaderContextValue.titleTarget`).
+     */
+    const [titleLine, setTitleLine] = useState(null);
+    // The slot just before the name, for what a template marks as leading it (`<ResourceHeaderLeading>`).
+    const [leadingSlot, setLeadingSlot] = useState(null);
+    /*
+     * The BAR, and the pane's own controls in it. A header that is the page's own header (not one a host
+     * section titles) and renders in an adjacent pane places that pane's expand and close in its bar; the
+     * pane's floating row steps aside while it does (`ZoneChromeContext`).
+     *
+     * The controls follow the bar ONLY while the bar is on screen. Scrolled past, the bar reports it and
+     * the pane's own sticky row comes back OUT of the flow, so closing a long record never means scrolling
+     * back up — which is what the floating row was sticky for — and the row's return moves nothing. The bar
+     * keeps its line either way (`paneOffersChrome`), so the hand-off never changes the header's height.
+     */
+    const [barElement, setBarElement] = useState(null);
+    const [barOnScreen, setBarOnScreen] = useState(true);
+    useEffect(() => {
+        if (!barElement || typeof IntersectionObserver === 'undefined')
+            return undefined;
+        const observer = new IntersectionObserver((entries) => {
+            const entry = entries[entries.length - 1];
+            if (entry)
+                setBarOnScreen(entry.isIntersecting);
+        });
+        // An environment with a partial observer (a test stub) keeps the controls in the bar, as if on screen.
+        if (typeof observer?.observe !== 'function')
+            return undefined;
+        observer.observe(barElement);
+        return () => observer.disconnect?.();
+    }, [barElement]);
+    const paneOffersChrome = useZoneChromeOffered(navigationZone) && !hostProvidesHeading;
+    // Eligible wherever this header draws its bar: the full header, and the pending band, which draws the
+    // same bar so the name's arrival moves nothing. Claiming only once labels were ready left the pane's own
+    // row AND the reserved bar on screen meanwhile, and the header then jumped up by the row's height.
+    const drawsBar = !hostProvidesHeading && (isReady || recordNamePending);
+    const paneControls = useClaimedZoneChrome(navigationZone, drawsBar, barOnScreen);
+    /*
+     * The parent once, not twice (decided 2026-10-01). The bar's breadcrumb names the record's ancestors; when it
+     * already names the record's parent, the facts line below does not repeat it. Asked of the trail the bar actually
+     * draws (`deriveBreadcrumbAncestors`, the breadcrumb's own derivation), so a header with no bar — or a trail that
+     * does not reach the parent — keeps it.
+     *
+     * Two cases, because the READ hands this header a parent reference only when the parent is NOT already on screen
+     * (`shouldShowParentReference`). With one, it is marked NONE when the trail names it. Without one — a record in a
+     * pane beside its parent's page — a template may still place the parent's foreign key, which would print the
+     * parent's name under a breadcrumb that already says it (#2195); the trail's nearest ancestor is then marked NONE.
+     * Either way NONE takes the PARENT out (`withoutHiddenParentReference`): a reference that held only the parent is
+     * omitted, field and all, while a reference to another record of the same type still shows. The body is not
+     * affected.
+     *
+     * Only the engine's own breadcrumb is known to name its ancestors this way. An application that registers its own
+     * breadcrumb preset draws a trail this header cannot see, so the facts line is left as it is.
+     */
+    const factsParentReferenceConfig = useMemo(() => {
+        if (hostProvidesHeading)
+            return parentReferenceConfig;
+        const breadcrumbIsTheEngines = ComponentRegistryService.resolve(FrontendComponentType.RESOURCES_LAYOUTS_BREADCRUMB, CorePresetNames.DEFAULT)
+            === ResourceLayoutPreset_Breadcrumb_Default;
+        if (!breadcrumbIsTheEngines)
+            return parentReferenceConfig;
+        const ancestors = deriveBreadcrumbAncestors({
+            parentResourcesRequirements: effectiveResourceContext.parentResourcesRequirements,
+            contextResourceIdentifiers: effectiveResourceContext.contextResourceIdentifiers,
+        });
+        if (parentReferenceConfig) {
+            const breadcrumbNamesParent = ancestors.some((ancestor) => ancestor.resourceType === parentReferenceConfig.parentResourceType
+                && ancestor.resourceId === parentReferenceConfig.parentResourceId);
+            return breadcrumbNamesParent ? { ...parentReferenceConfig, displayMode: ParentDisplay.NONE } : parentReferenceConfig;
+        }
+        const nearest = ancestors[ancestors.length - 1];
+        return nearest
+            ? { parentResourceType: nearest.resourceType, parentResourceId: nearest.resourceId, displayMode: ParentDisplay.NONE }
+            : undefined;
+    }, [parentReferenceConfig, hostProvidesHeading, effectiveResourceContext.parentResourcesRequirements, effectiveResourceContext.contextResourceIdentifiers]);
     // Stable across renders: once any render mounted the title element, the
     // template has proven it participates in the title contract.
     const headerTitleMountTracker = useRef({ titleMounted: false }).current;
@@ -343,7 +435,9 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
         titlePending: recordNamePending && (hostProvidesHeading || !title),
         titleMountTracker: headerTitleMountTracker,
         hostProvidesHeading,
-    }), [resourceType, hasDisplayLabel, displayLabel, title, headerTitleMountTracker, hostProvidesHeading, recordNamePending]);
+        titleTarget: titleLine,
+        leadingTarget: leadingSlot,
+    }), [resourceType, hasDisplayLabel, displayLabel, title, headerTitleMountTracker, hostProvidesHeading, recordNamePending, titleLine, leadingSlot]);
     // DEV DIAGNOSTIC — an authored header template that never places the title.
     // The header cedes its middle region the moment `layout.header` exists, so a
     // template without `<ResourceHeaderTitle />` renders a record page with no
@@ -379,15 +473,19 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
             return;
         warnedMissingHeaderTitleResourceTypes.add(resourceType);
         LoggerFrontendService.getLogger().warn(`[ResourceLayout_Header] Resource "${resourceType}" authors a frontend \`layout.header\` template that never renders `
-            + '<ResourceHeaderTitle />: the header cedes the identity line to an authored template, so this record page shows no name. '
+            + '<ResourceHeaderTitle />: the header takes the record\'s name from its authored template, so this record page shows no name. '
             + 'Place <ResourceHeaderTitle /> in the template where the record name belongs.');
     });
+    /* ── 1. BAR ── Hidden when nothing in it renders (a scope-level page with no way back); kept, at
+        the controls' height, whenever a pane offers its controls, so handing them back and forth on
+        scroll never moves the header. */
+    const bar = (_jsxs("div", { ref: setBarElement, className: cn('flex min-w-0 items-center gap-element pb-item-sm', paneOffersChrome ? 'min-h-8' : 'empty:hidden'), "data-slot": "resource-header-bar", children: [_jsx(ApplicationLevel_NavigationBack, { host: NavigationBackHost.SURFACE, navigationZone: navigationZone }), !hostProvidesHeading && (_jsx(ResourceLayout_Breadcrumb, { resourceContext: effectiveResourceContext, navigationZone: navigationZone, navigationInitiator: navigationInitiator })), paneControls && _jsx("div", { className: "ms-auto flex shrink-0 items-center gap-element", children: paneControls })] }));
     if (!isReady) {
         // Labels not ready yet — the text band waits, but the action cluster was
         // historically a SIBLING that never waited on header i18n; keep that.
         if (recordNamePending)
-            return _jsx(PendingRecordNameBand, { className: className, actions: actions });
-        return actions ? _jsx("div", { className: cn('flex items-center justify-end gap-field', className), children: actions }) : null;
+            return _jsx(PendingRecordNameBand, { className: className, actions: actions, bar: bar });
+        return actions ? _jsx("div", { className: cn('flex items-center justify-end gap-field', className), children: _jsx(EmphasisedActionLabelsProvider, { children: actions }) }) : null;
     }
     // The enclosing section already renders a heading for this region (e.g. a
     // composite `<Section name="todoLists">` titled "To-Do Lists"). Suppress our
@@ -399,24 +497,32 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
         // …unless that record name is on its way: its band is reserved, not absent.
         if (recordNamePending)
             return _jsx(PendingRecordNameBand, { className: className, actions: actions });
-        return actions ? _jsx("div", { className: cn('flex items-center justify-end gap-field', className), children: actions }) : null;
+        return actions ? _jsx("div", { className: cn('flex items-center justify-end gap-field', className), children: _jsx(EmphasisedActionLabelsProvider, { children: actions }) }) : null;
     }
-    // Header geometry (2026-08-19 alignment pass): everything hangs off ONE left
-    // rail. The breadcrumb is a full-width row ABOVE the title row, so it starts
-    // at the same x as the icon below it instead of being indented past it; the
-    // icon lives INSIDE the title row (items-center against the h1 alone), so a
-    // description can never pull the icon off the resource-name line.
-    return (_jsxs("div", { className: cn(className || 'flex-1'), children: [!hostProvidesHeading && (_jsx(ResourceLayout_Breadcrumb, { resourceContext: effectiveResourceContext, navigationZone: navigationZone, navigationInitiator: navigationInitiator })), _jsxs("div", { className: "flex flex-wrap items-center gap-field", children: [_jsx(ApplicationLevel_NavigationBack, { host: NavigationBackHost.SURFACE, navigationZone: navigationZone }), resourceIcon && (_jsx("div", { className: "shrink-0", children: resourceIcon })), headerTemplate && headerSchema ? (
-                    /* The resource composes the identity line itself — see `layout.header`.
-                       `flex-1 min-w-0` keeps the composed row claiming the band between the
-                       icon and the actions, and lets a long name truncate rather than push
-                       the action cluster off the row. */
-                    _jsx("div", { className: "min-w-0 flex-1 basis-60", children: _jsx(ResourceHeaderContextProvider, { value: headerContextValue, children: _jsx(AutomaticDisplayer, { schema: headerSchema, data: resourceData, labels: headerLabels, resourceType: resourceType, resourceId: resourceId ? String(resourceId) : undefined, contextualParameters: contextualParameters, contextResourceIdentifiers: contextResourceIdentifiers, parentResourcesRequirements: effectiveResourceContext.parentResourcesRequirements, navigationZone: navigationZone, parentReferenceConfig: parentReferenceConfig, disableInlineEdit: true, layoutTemplate: headerTemplate, defaultDisplayChromeMode: DisplayChromeMode.INLINE, isLoading: !resourceData }) }) })) : (
-                    // A PAGE title is the level-1 heading on BOTH paths: `ResourceHeaderTitle` (the templated path) became an
-                    // `h1` in #533, and this default path stayed `h2`, so a page's title level depended on whether its resource
-                    // authored a header template (#1101). Under a host section that owns the heading (an embedded READ showing
-                    // its record name) this is not the page title, so it sits one level below the host's heading.
-                    hostProvidesHeading ? (_jsx("h2", { className: "min-w-0 flex-1 basis-60 text-xl font-semibold text-foreground", children: hasDisplayLabel ? displayLabel : title })) : (_jsx("h1", { className: "min-w-0 flex-1 basis-60 text-xl font-semibold text-foreground", children: hasDisplayLabel ? displayLabel : title }))), actions && _jsx("div", { className: "ml-auto flex shrink-0 items-center", children: actions })] }), !hasDisplayLabel && description && (_jsx("p", { className: "mt-item-xs text-sm text-muted-foreground", children: description })), labelError && (_jsxs("p", { className: "mt-item-xs text-xs text-destructive/80 inline-flex items-center gap-item-xs", role: "alert", "aria-live": "polite", title: labelError.message, children: [renderIcon(StandardIconReference.WARNING, { size: IconSize.XS }), _jsx("span", { children: labelError.message })] }))] }));
+    /*
+     * Header geometry (2026-09-30) — THREE lines, decided with Paul after measuring the single wrapping row
+     * it replaces on Wonder Todos: a todo in the split pane had its back arrow, icon and actions centred on
+     * a template that had wrapped to three lines, so the title floated 41px above them, the pane's own
+     * controls took a row of their own above the breadcrumb, and priority sat alone on a third line.
+     *
+     *   1. BAR — back, the breadcrumb, and (in a pane) the pane's expand/close. Never the actions.
+     *   2. TITLE LINE — the resource icon (or what the template marks as leading the name), the resource
+     *      title, and the record's actions at the end.
+     *   3. FACTS — the rest of an authored `layout.header` template: status, priority, the parent chip.
+     *
+     * The actions live on the title line because they are what the reader does TO the thing named there;
+     * the facts get a line of their own so they can never push the actions off it. No left indent: the
+     * title line starts where the bar starts (the back arrow sits in the bar, not in front of the name), so
+     * the breadcrumb's trailing "›" leads straight down to it.
+     */
+    const hasTemplate = !!headerTemplate && !!headerSchema;
+    return (_jsxs("div", { className: cn(className || 'flex-1', RESOURCE_HEADER_CONTAINER_CLASS, 'flex min-w-0 flex-col'), "data-slot": "resource-header", children: [bar, _jsxs("div", { className: "flex flex-wrap items-center gap-field", "data-slot": "resource-header-title-line", children: [resourceIcon && (_jsx("div", { className: "shrink-0", children: resourceIcon })), hasTemplate && (
+                    // What the template marks as leading the name (`<ResourceHeaderLeading>`) renders here.
+                    _jsx("span", { ref: setLeadingSlot, className: "flex shrink-0 items-center gap-field empty:hidden", "data-slot": "resource-header-leading" })), hasTemplate ? (
+                    // The authored template's `<ResourceHeaderTitle />` renders HERE (see `titleTarget`).
+                    _jsx("div", { ref: setTitleLine, className: "flex min-w-0 flex-1 basis-60 items-center", "data-slot": "resource-header-title" })) : (
+                    // A PAGE title is the level-1 heading on BOTH paths (#1101), one level below a host heading.
+                    _jsx(ResourceHeaderTitleHeading, { title: (hasDisplayLabel ? displayLabel : title) ?? '', hostProvidesHeading: hostProvidesHeading, className: "flex-1 basis-60" })), actions && _jsx("div", { className: "ml-auto flex shrink-0 items-center", children: _jsx(EmphasisedActionLabelsProvider, { children: actions }) })] }), hasTemplate && (_jsx("div", { className: "min-w-0 [&:has(:is(span,a,img,svg,button,p))]:pt-item-sm", "data-slot": "resource-header-facts", children: _jsx(ResourceHeaderContextProvider, { value: headerContextValue, children: _jsx(AutomaticDisplayer, { schema: headerSchema, data: resourceData, labels: headerLabels, resourceType: resourceType, resourceId: resourceId ? String(resourceId) : undefined, contextualParameters: contextualParameters, contextResourceIdentifiers: contextResourceIdentifiers, parentResourcesRequirements: effectiveResourceContext.parentResourcesRequirements, navigationZone: navigationZone, parentReferenceConfig: factsParentReferenceConfig, disableInlineEdit: true, layoutTemplate: headerTemplate, defaultDisplayChromeMode: DisplayChromeMode.INLINE, isLoading: !resourceData }) }) })), !hasDisplayLabel && description && (_jsx("p", { className: "mt-item-xs text-sm text-muted-foreground", children: description })), labelError && (_jsxs("p", { className: "mt-item-xs text-xs text-destructive/80 inline-flex items-center gap-item-xs", role: "alert", "aria-live": "polite", title: labelError.message, children: [renderIcon(StandardIconReference.WARNING, { size: IconSize.XS }), _jsx("span", { children: labelError.message })] }))] }));
 };
 export function ResourceLayout_Header({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_HEADER, 'ResourceLayout_Header')(preset);