@wildo-ai/saas-frontend-lib 1.1.4 → 1.1.5

package/dist/esm/components/resources/ResourceLayout_FiltersControl.js

@@ -29,7 +29,8 @@ import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
 import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { InputRoot } from '../../components/form/controls/input.js';
-import { Select } from '../../components/form/controls/enum/select.js';
+import { FormFieldEnum } from '../../components/form/fields/form-field-enum.js';
+import { BooleanEditMode, EnumEditMode, resolveBooleanEditMode } from '@wildo-ai/zod-decorators';
 import { ResourceFieldEdit_ResourceReference } from '../../components/resources-fields/resource-reference/ResourceFieldEdit_ResourceReference.js';
 import { FrontendComponentType, ButtonSize, ControlSize } from '@wildo-ai/presets-components-models';
 import { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips.js';
@@ -77,7 +78,7 @@ export const ResourceLayout_FiltersTrigger = ({ activeCount, isExpanded, onToggl
     // Icon-only by design — a funnel + active-count badge, consistent with the
     // compact search and sort controls in the collection toolbar. The textual
     // "Filters" label survives as the accessible name + tooltip.
-    return (_jsxs(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: onToggle, "aria-expanded": isExpanded, "aria-controls": FILTERS_PANEL_DOM_ID, "aria-label": label, title: label, "data-slot": "collection-toolbar-filters-trigger", className: cn('gap-1.5', className), children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILTER, { size: IconSize.SM }) }), activeCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center min-w-5 h-5 px-1 text-xs font-semibold rounded-full bg-primary text-primary-foreground", children: activeCount }))] }));
+    return (_jsxs(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: onToggle, "aria-expanded": isExpanded, "aria-controls": FILTERS_PANEL_DOM_ID, "aria-label": label, title: label, "data-slot": "collection-toolbar-filters-trigger", className: cn('gap-element-sm', className), children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILTER, { size: IconSize.SM }) }), activeCount > 0 && (_jsx("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", children: activeCount }))] }));
 };
 /**
  * The expandable filter-input panel — one control per filter field. Rendered by
@@ -115,7 +116,12 @@ export const ResourceLayout_FiltersPanel = ({ resourceType, filterFields, curren
         // control height. `bg-muted/50` + full-opacity border: at /30 + /50 the
         // panel was nearly indistinguishable from the page background on dark
         // themes — it must read as ONE bounded refinement surface above the list.
-        className: cn('flex items-start gap-element-md flex-wrap p-card bg-muted/50 rounded-lg border border-border', className), children: filterFields.map((field) => (
+        // `gap-field`, and the step matters: this read `gap-element-md` — a step the spacing scale
+        // does NOT have. Every role runs xs / sm / default / lg / xl, so `--spacing-element-md` is
+        // undefined, Tailwind generates no rule for it, and the panel had NO gap at all between its
+        // filter controls. It is also the wrong ROLE: these are form fields, and `field` is the role
+        // named for the space between them (the same one `FormFieldChrome` uses).
+        className: cn('flex items-start gap-field flex-wrap p-card bg-muted/50 rounded-lg border border-border', className), children: filterFields.map((field) => (
         // Stable, i18n-independent hook per filter field. The controls
         // themselves are label-driven (a text/number input carries no `name`),
         // so without this the only way to address one filter is its TRANSLATED
@@ -142,6 +148,40 @@ export const ResourceLayout_FiltersControl = ({ resourceType, filterFields, curr
         return null;
     return (_jsxs("div", { className: cn('space-y-element-sm', className), children: [_jsxs("div", { className: "flex items-center gap-element-sm flex-wrap", children: [_jsx(ResourceLayout_FiltersTrigger, { activeCount: activeCount, isExpanded: isExpanded, onToggle: () => setIsExpanded(prev => !prev) }), _jsx(ResourceLayout_FilterChips, { resourceType: resourceType, filterFields: filterFields, currentFilters: currentFilters, onFiltersChange: onFiltersChange })] }), isExpanded && (_jsx(ResourceLayout_FiltersPanel, { resourceType: resourceType, filterFields: filterFields, currentFilters: currentFilters, onFiltersChange: onFiltersChange }))] }));
 };
+/**
+ * The enum-control shape a BOOLEAN filter is drawn with, translated from the boolean's own
+ * `booleanUI({ edit: { editMode } })`.
+ *
+ * A boolean FILTER is not a boolean control: it is tri-state — any / yes / no — because "no
+ * restriction" is a third answer that a switch or a checkbox has nowhere to put. So two of the four
+ * `BooleanEditMode` members have no honest rendering here and fall back to the dropdown; the two
+ * that do (`TOGGLE`, `RADIO`) name a group of options, which is exactly what three strings need.
+ *
+ * Declared as a total `Record`, so a member added to `BooleanEditMode` is a compile error at this
+ * site rather than a silent fall-through to the dropdown — the same guard the enum dispatcher's own
+ * mode tables carry, and for the same reason.
+ */
+const TRI_STATE_FILTER_EDIT_MODE = {
+    [BooleanEditMode.TOGGLE]: EnumEditMode.TOGGLE,
+    [BooleanEditMode.RADIO]: EnumEditMode.RADIO,
+    [BooleanEditMode.SWITCH]: EnumEditMode.SELECT,
+    [BooleanEditMode.CHECKBOX]: EnumEditMode.SELECT,
+};
+/**
+ * The schema the tri-state control is DRAWN from — three strings, carrying the shape the author
+ * declared on the boolean.
+ *
+ * It exists rather than an `editMode` prop on the dispatcher because the dispatcher reads its shape
+ * from ONE place, the schema, and a prop beside it would be a second source able to disagree. The
+ * translation is what crosses the vocabularies; after it there is still exactly one declaration.
+ */
+function buildTriStateFilterSchema(fieldSchema) {
+    // A three-member ENUM rather than `z.string()`, because that is what the control is choosing
+    // between and because `enumUI()` is installed on the enum prototypes. The empty member is the
+    // "any" sentinel the panel already uses for every other unset filter.
+    return z.enum(['', 'true', 'false'])
+        .enumUI({ edit: { editMode: TRI_STATE_FILTER_EDIT_MODE[resolveBooleanEditMode(fieldSchema)] } });
+}
 const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResourceFieldEnumValue, tc, }) => {
     const [localValue, setLocalValue] = useState(value ?? '');
     const debounceRef = useRef(undefined);
@@ -172,6 +212,7 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
                 clearTimeout(debounceRef.current);
         };
     }, []);
+    const triStateSchema = useMemo(() => buildTriStateFilterSchema(field.schema), [field.schema]);
     switch (field.fieldType) {
         case 'reference':
             // FK filter: searchable reference selector against the target resource.
@@ -182,35 +223,49 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
             // field label: the label already sits right above the control, and
             // repeating it inside reads as duplicated noise while telling the user
             // nothing about what an empty picker means.
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[200px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(ResourceFieldEdit_ResourceReference, { name: field.fieldName, schema: field.schema, value: typeof value === 'string' && value !== '' ? value : undefined, onChange: (next) => onChange(typeof next === 'string' && next !== '' ? next : undefined), targetResourceType: field.referenceTargetResourceType, placeholder: tc('anyValue'), controlSize: ControlSize.SM })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[200px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(ResourceFieldEdit_ResourceReference, { name: field.fieldName, schema: field.schema, value: typeof value === 'string' && value !== '' ? value : undefined, onChange: (next) => onChange(typeof next === 'string' && next !== '' ? next : undefined), targetResourceType: field.referenceTargetResourceType, placeholder: tc('anyValue'), controlSize: ControlSize.SM })] }));
         case 'string':
             // No placeholder: the field label is directly above — echoing it inside
             // the input is the label/placeholder duplication antipattern.
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "text", value: localValue, onChange: handleTextChange })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "text", value: localValue, onChange: handleTextChange })] }));
         case 'number':
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "number", value: localValue, onChange: handleNumberChange })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[120px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "number", value: localValue, onChange: handleNumberChange })] }));
         case 'boolean': {
             const boolOptions = [
                 { value: '', label: tc('booleanAny') },
                 { value: 'true', label: tc('booleanYes') },
                 { value: 'false', label: tc('booleanNo') },
             ];
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[100px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(Select, { name: field.fieldName, schema: z.string(), options: boolOptions, value: value === undefined ? '' : String(value), onChange: (v) => onChange(v === '' ? undefined : v === 'true'), size: ControlSize.SM })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[100px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(FormFieldEnum, { name: field.fieldName, schema: triStateSchema, options: boolOptions, value: value === undefined ? '' : String(value), onChange: (v) => onChange(v === '' ? undefined : v === 'true'), controlSize: ControlSize.SM })] }));
         }
         case 'enum': {
             const enumOptions = [
                 { value: '', label: tc('enumAll') },
                 ...(field.enumValues ?? []).map((enumVal) => {
-                    const enumLabel = tResourceFieldEnumValue(resourceType, field.fieldName, enumVal);
+                    const enumLabel = tResourceFieldEnumValue(resourceType, field.fieldName, enumVal, field.schema);
                     return { value: enumVal, label: typeof enumLabel === 'string' ? enumLabel : enumVal };
                 }),
             ];
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[140px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(Select, { name: field.fieldName, schema: field.schema, options: enumOptions, value: value ?? '', onChange: (v) => onChange(v || undefined), size: ControlSize.SM })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[140px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(FormFieldEnum, { name: field.fieldName, schema: field.schema, options: enumOptions, value: value ?? '', onChange: (v) => onChange(v || undefined), controlSize: ControlSize.SM })] }));
         }
         case 'date':
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "date", value: value ?? '', onChange: (e) => onChange(e.target.value || undefined) })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "date", value: value ?? '', onChange: (e) => onChange(e.target.value || undefined) })] }));
+        case 'numberRange': {
+            // TWO inputs for ONE filter value, because the value IS a pair. Each bound is written
+            // independently and an absent one is genuinely absent — "under 500" is a range with no
+            // floor, and forcing a floor would make the commonest threshold unexpressible. The whole
+            // key is dropped when neither bound survives, so an emptied range never reaches the wire
+            // as a degenerate condition the backend would have to interpret.
+            const range = (value ?? {});
+            const writeBound = (bound, raw) => {
+                const next = { ...range, [bound]: raw === '' ? undefined : Number(raw) };
+                const hasBound = next.min !== undefined || next.max !== undefined;
+                onChange(hasBound ? { ...(next.min !== undefined ? { min: next.min } : {}), ...(next.max !== undefined ? { max: next.max } : {}) } : undefined);
+            };
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[180px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-center gap-element-sm", children: [_jsx(InputRoot, { type: "number", "aria-label": tc('rangeMinimum'), placeholder: tc('rangeMinimum'), value: range.min ?? '', onChange: (e) => writeBound('min', e.target.value) }), _jsx("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2013" }), _jsx(InputRoot, { type: "number", "aria-label": tc('rangeMaximum'), placeholder: tc('rangeMaximum'), value: range.max ?? '', onChange: (e) => writeBound('max', e.target.value) })] })] }));
+        }
         default:
-            return (_jsxs("div", { className: "flex flex-col gap-1 min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "text", value: localValue, onChange: handleTextChange })] }));
+            return (_jsxs("div", { className: "flex flex-col gap-element-xs min-w-[160px]", children: [_jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx(InputRoot, { type: "text", value: localValue, onChange: handleTextChange })] }));
     }
 };
 //# sourceMappingURL=ResourceLayout_FiltersControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_FiltersControl.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAC;AAClF,OAAO,EAAE,mCAAmC,EAAE,MAAM,wGAAwG,CAAC;AAC7J,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAErG,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAqC1E,gFAAgF;AAChF,6CAA6C;AAC7C,gFAAgF;AAGhF,gFAAgF;AAChF,iBAAiB;AACjB,gFAAgF;AAEhF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,kBAAkB,CAChC,cAA4B,EAC5B,eAAmC;IAEnC,MAAM,MAAM,GAAG,eAAe;QAC5B,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACnD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;AAC9E,CAAC;AAED,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAa7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,GAC0B,EAA4B,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAC;IACxG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;IAErG,MAAM,KAAK,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IAE5B,2EAA2E;IAC3E,0EAA0E;IAC1E,6DAA6D;IAC7D,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,OAAO,EAAE,QAAQ,mBACF,UAAU,mBACV,oBAAoB,gBACvB,KAAK,EACjB,KAAK,EAAE,KAAK,eAIF,oCAAoC,EAC9C,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAEnC,8BAAkB,MAAM,YAAE,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,EAChG,WAAW,GAAG,CAAC,IAAI,CAClB,eAAM,SAAS,EAAC,gIAAgI,YAC7I,WAAW,GACP,CACR,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAeF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,SAAS,GACwB,EAA4B,EAAE;IAC/D,MAAM,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtF,SAAS,EAAE,qBAAqB,CAAC,yBAAyB;QAC1D,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;IAErG,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAA2B,EAAE,CAAC;QAC1C,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,qBAAqB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC5E,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QAChF,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAExD,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,KAAU,EAAE,EAAE;QACvE,MAAM,IAAI,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;QACnC,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;QAC1B,CAAC;QACD,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvD,OAAO,CACL,cACE,EAAE,EAAE,oBAAoB;QACxB,4EAA4E;QAC5E,0EAA0E;QAC1E,wEAAwE;QACxE,sEAAsE;QACtE,0EAA0E;QAC1E,SAAS,EAAE,EAAE,CAAC,8FAA8F,EAAE,SAAS,CAAC,YAEvH,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC3B,+DAA+D;QAC/D,uEAAuE;QACvE,uEAAuE;QACvE,qEAAqE;QACrE,iEAAiE;QACjE,qEAAqE;QACrE,gEAAgE;QAChE,mCAA8C,KAAK,CAAC,SAAS,EAAE,SAAS,EAAC,UAAU,YACnF,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,EACtC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,EACnC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAC/D,uBAAuB,EAAE,uBAAuB,EAChD,EAAE,EAAE,EAAE,IAPD,KAAK,CAAC,SAAS,CAQpB,IAVQ,KAAK,CAAC,SAAS,CAWnB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,SAAS,GAC0B,EAA4B,EAAE;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,8EAA8E;IAC9E,6DAA6D;IAC7D,MAAM,WAAW,GAAG,kBAAkB,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3F,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,aACjD,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,6BAA6B,IAC5B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAC5C,EACF,KAAC,0BAA0B,IACzB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAChC,IACE,EACL,UAAU,IAAI,CACb,KAAC,2BAA2B,IAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAChC,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAgBF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,uBAAuB,EACvB,EAAE,GACH,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC9E,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,aAAa,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,WAAW,CAAC,OAAO;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3D,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,QAAQ,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAChF,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,aAAa,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,WAAW,CAAC,OAAO;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3D,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO;gBAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,QAAQ,KAAK,CAAC,SAAS,EAAE,CAAC;QACxB,KAAK,WAAW;YACd,wEAAwE;YACxE,sEAAsE;YACtE,qEAAqE;YACrE,sEAAsE;YACtE,sEAAsE;YACtE,mEAAmE;YACnE,uEAAuE;YACvE,4CAA4C;YAC5C,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,mCAAmC,IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACxF,kBAAkB,EAAE,KAAK,CAAC,2BAA2B,EACrD,WAAW,EAAE,EAAE,CAAC,UAAU,CAAC,EAC3B,WAAW,EAAE,WAAW,CAAC,EAAE,GAC3B,IACE,CACP,CAAC;QAEJ,KAAK,QAAQ;YACX,wEAAwE;YACxE,8DAA8D;YAC9D,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,gBAAgB,GAC1B,IACE,CACP,CAAC;QAEJ,KAAK,QAAQ;YACX,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,GAC5B,IACE,CACP,CAAC;QAEJ,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,MAAM,WAAW,GAA0B;gBACzC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE;gBACtC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE;gBAC1C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE;aAC3C,CAAC;YACF,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,EAC9D,IAAI,EAAE,WAAW,CAAC,EAAE,GACpB,IACE,CACP,CAAC;QACJ,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,WAAW,GAA0B;gBACzC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE;gBACnC,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC1C,MAAM,SAAS,GAAG,uBAAuB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;oBAClF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;gBACxF,CAAC,CAAC;aACH,CAAC;YACF,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,SAAS,CAAC,EACzC,IAAI,EAAE,WAAW,CAAC,EAAE,GACpB,IACE,CACP,CAAC;QACJ,CAAC;QAED,KAAK,MAAM;YACT,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,GACtD,IACE,CACP,CAAC;QAEJ;YACE,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAS,EAC5E,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,gBAAgB,GAC1B,IACE,CACP,CAAC;IACN,CAAC;AACH,CAAC,CAAC","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 { 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  fieldType: 'string' | 'number' | 'boolean' | 'enum' | 'date' | 'reference' | '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-1.5', 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-1 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      className={cn('flex items-start gap-element-md 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) => string;\n  tc: (key: string) => string;\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  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-1 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-1 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-1 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-1 min-w-[100px]\">\n          <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n          <Select\n            name={field.fieldName}\n            schema={z.string()}\n            options={boolOptions}\n            value={value === undefined ? '' : String(value)}\n            onChange={(v) => onChange(v === '' ? undefined : v === 'true')}\n            size={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);\n          return { value: enumVal, label: typeof enumLabel === 'string' ? enumLabel : enumVal };\n        }),\n      ];\n      return (\n        <div className=\"flex flex-col gap-1 min-w-[140px]\">\n          <label className=\"text-xs font-medium text-muted-foreground\">{label}</label>\n          <Select\n            name={field.fieldName}\n            schema={field.schema}\n            options={enumOptions}\n            value={value ?? ''}\n            onChange={(v) => onChange(v || undefined)}\n            size={ControlSize.SM}\n          />\n        </div>\n      );\n    }\n\n    case 'date':\n      return (\n        <div className=\"flex flex-col gap-1 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    default:\n      return (\n        <div className=\"flex flex-col gap-1 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"]}
+{"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"]}

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

@@ -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;AAiCpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAE9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AAKxH,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;CAC3B;AAQD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAmblG,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,MAAgC,EAChC,GAAG,KAAK,EACT,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGrF"}
+{"version":3,"file":"ResourceLayout_Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAkCpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAE9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AAuBxH,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;CAC3B;AAQD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAqdlG,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

@@ -2,8 +2,8 @@ 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 { resolveResourceHeaderLabel, } from '../../core/i18n/component-label-resolution.utils.js';
-import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.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';
@@ -19,12 +19,21 @@ import { DisplayChromeMode } from '@wildo-ai/zod-decorators';
 import { CoreResourceOperation, } 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';
 import { LoggerFrontendService } from '../../core/monitoring/logger.frontend.service.js';
 import { useComponentLoading } from '../../core/loading/useComponentLoading.js';
 import { buildResourceLoadingScope } from '../../core/loading/loading-scope.frontend.utils.js';
 import { useSectionHostProvidesHeading } from './skeleton/SectionHostHeadingContext.js';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 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.
+ */
+function PendingRecordNameBand({ className, actions }) {
+    return (_jsx("div", { className: cn(className || 'flex-1'), "data-resource-header-pending": "true", children: _jsxs("div", { className: "flex items-center gap-field", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(Skeleton, { className: "h-7 w-48 max-w-full", "aria-hidden": "true" }) }), actions && _jsx("div", { className: "flex shrink-0 items-center", children: actions })] }) }));
+}
 /**
  * Resource types already warned about a title-less authored header template —
  * module-level so repeated mounts produce ONE warning, not one per render.
@@ -56,6 +65,8 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
         component: FrontendComponentType.RESOURCES_LAYOUTS_HEADER,
         resource: resourceType,
     });
+    // Stable identity, so the label-fetch effect may call it without listing it.
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     const { registry, doOperation } = useResourceRegistry();
     const { renderIcon } = useIconRegistry();
     const operationId = String(operation.operationIdentifier);
@@ -195,8 +206,9 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
                 if (cancelled)
                     return;
                 const errorInfo = extractErrorInfo(error);
-                LoggerFrontendService.getLogger().error('[ResourceLayoutPreset_Header_Default] Error fetching resource label:', { resourceType, operationPathKey, error: errorInfo });
-                setLabelError(errorInfo);
+                LoggerFrontendService.getLogger().error('[ResourceLayoutPreset_Header_Default] Error fetching resource label:', { resourceType, operationPathKey, ...errorInfo, error });
+                // Rendered to the person (and as its tooltip): localized text, never the reference (#1160).
+                setLabelError({ ...errorInfo, message: toUserFacingErrorMessage(error) });
                 // On error, fall back to showing resourceId
                 setResourceLabel(null);
                 setResourceData(undefined);
@@ -213,33 +225,20 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps -- refs for functions; CONTENT keys (not object identities) for contextResourceIdentifiers / contextualParameters / parentResourcesRequirements so provider re-renders with unchanged content don't refire the fetch (audit I1). The closed-over objects are only stale when content is identical, which is exactly when re-running would be redundant.
     }, [shouldFetchRecord, operationPathKey, contextResourceIdentifiersKey, contextualParametersKey, parentResourcesRequirementsKey, hasResourceConfig, resourceType]);
-    // Resolve title — fall back through the resource-specific i18n layers and
-    // ONLY at the bottom land on a humanized form of the resource type itself
-    // (`tasks` → `Tasks`, `todoLists` → `Todo Lists`). The framework never
-    // surfaces the generic `components.RESOURCES_LAYOUTS_HEADER.title` ("Resources
-    // Layouts") as a resource title: that label describes the component, not the
-    // resource, and using it produces multiple sections of the same generic
-    // string when several resource lists render side-by-side (Tasks / Todo Lists
-    // / Draft Notes all appearing as "Resources Layouts" — the very symptom this
-    // resolver chain is meant to prevent). When the resource-specific labels
-    // are missing, the humanized resource type still tells the user *what* they
-    // are looking at, while keeping the labelling-planner's job clear: fill in
-    // `resources.<type>.header.title` (or `.operations.<op>.title`) to override.
+    // Resolve title — an explicit override, else the OPERATION's own title
+    // (`resources.<type>.operations.<op>.title`), which the labelling pipeline plans for every
+    // operation. The framework never surfaces the generic `components.RESOURCES_LAYOUTS_HEADER.title`
+    // ("Resources Layouts") as a resource title: that label describes the component, not the resource,
+    // and several lists side by side would all read the same.
+    //
+    // An operation whose title is not generated yet shows that title's KEY (#1450). Until then
+    // `tResourceOperation` answered '' and this chain fell through to the resource's HEADER title, a
+    // fallback that could only ever fire for a resource with no labels at all — where it was a key too.
     const title = useMemo(() => {
         if (titleOverride)
             return titleOverride;
-        const operationTitle = tResourceOperation(resourceType, operationId, 'title');
-        if (operationTitle)
-            return operationTitle;
-        const resourceTitle = resolveResourceHeaderLabel({
-            tResourceHeader,
-            resourceType,
-            key: 'title',
-        });
-        if (resourceTitle)
-            return resourceTitle;
-        return AutomatedLayoutFrontendUtils.unresolvedFieldLabel(resourceType);
-    }, [titleOverride, tResourceOperation, tResourceHeader, resourceType, operationId]);
+        return tResourceOperation(resourceType, operationId, 'title');
+    }, [titleOverride, tResourceOperation, resourceType, operationId]);
     // Resolve description — prefer override, then resource header. No
     // component-level fallback: the generic "Manage and organize your resource
     // layouts efficiently." is a component-scoped label, not a per-resource one,
@@ -251,14 +250,9 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     const description = useMemo(() => {
         if (descriptionOverride)
             return descriptionOverride;
-        const resourceDescription = resolveResourceHeaderLabel({
-            tResourceHeader,
-            resourceType,
-            key: 'description',
-        });
-        if (resourceDescription)
-            return resourceDescription;
-        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, tResourceHeader, resourceType]);
     // Determine what to show in description
     // L-1: combine local in-flight flag with Tier-2 derived loading; both must
@@ -289,6 +283,20 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     }, [renderIcon, resourceType, headerIconPlacement]);
     // If displayLabel exists, show only icon + label, otherwise show title + description
     const hasDisplayLabel = !!displayLabel;
+    // The enclosing section renders the heading for this region, so this header renders NO identity line —
+    // neither the default title nor an authored template. Named once because two places must agree on it: the
+    // early return below, and the missing-title diagnostic, which must not judge a commit that never rendered
+    // the template (#1561).
+    const hostOwnsHeading = hostProvidesHeading && !hasDisplayLabel;
+    /*
+     * A record's name is ON ITS WAY: the label is being fetched and has not landed. While this holds the
+     * header RESERVES its band (a skeleton title line) instead of rendering nothing, at each of the three
+     * places below that used to answer with an empty band — labels not ready, the host owning the heading,
+     * and the title element itself. An empty band has no height, so the name's arrival pushed everything
+     * 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);
     // ── 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
@@ -300,11 +308,15 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     const headerTitleMountTracker = useRef({ titleMounted: false }).current;
     const headerContextValue = useMemo(() => ({
         resourceType,
-        // Same resolution the plain `<h2>` uses, so authoring a template does not
+        // Same resolution the plain `<h1>` uses, so authoring a template does not
         // change WHICH string is the title — only where it sits.
-        title: hasDisplayLabel ? displayLabel : title,
+        // Under a host heading the GENERIC title is a near-duplicate the header never shows, so while the
+        // record's name is pending there is no stand-in: the title element reserves the line instead.
+        title: hasDisplayLabel ? displayLabel : (hostProvidesHeading && recordNamePending ? null : title),
+        titlePending: recordNamePending && (hostProvidesHeading || !title),
         titleMountTracker: headerTitleMountTracker,
-    }), [resourceType, hasDisplayLabel, displayLabel, title, headerTitleMountTracker]);
+        hostProvidesHeading,
+    }), [resourceType, hasDisplayLabel, displayLabel, title, headerTitleMountTracker, hostProvidesHeading, recordNamePending]);
     // 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
@@ -313,6 +325,27 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     useEffect(() => {
         if (process.env.NODE_ENV === 'production')
             return;
+        /*
+         * Judge only a commit in which the template could actually have rendered.
+         *
+         * This effect has no dependency array, so it runs on EVERY commit — including the first, where
+         * `isReady` is false and the early return below (`if (!isReady)`) exits before the authored
+         * header template is rendered at all. `ResourceHeaderTitle` therefore never mounted, never set
+         * the tracker, and the diagnostic fired against a template that had not yet had its chance.
+         *
+         * The latch is what made that permanent rather than momentary: the warning is recorded once per
+         * resource type, so the FALSE warning from the not-ready commit also suppressed the real check
+         * forever after. Measured 2026-09-18 on `organizationEscalationContacts`, whose template does
+         * render `<ResourceHeaderTitle />` and whose record page shows its title on screen while this
+         * warned that it never renders one.
+         */
+        if (!isReady)
+            return;
+        // The second commit that never renders the template: a host section owns the heading, so the early
+        // return below renders only the action cluster. Judging it flagged correct templates (Wonder Todos
+        // `tasks`, embedded under its todo's related-list section) and the latch then silenced the real check.
+        if (hostOwnsHeading)
+            return;
         if (!headerTemplate || !headerSchema)
             return;
         if (headerTitleMountTracker.titleMounted || warnedMissingHeaderTitleResourceTypes.has(resourceType))
@@ -325,6 +358,8 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     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;
     }
     // The enclosing section already renders a heading for this region (e.g. a
@@ -333,20 +368,28 @@ export const ResourceLayoutPreset_Header_Default = ({ resourceContext, navigatio
     // under it — the host section owns the heading. A record-specific
     // displayLabel (a READ view's instance name) is data, not a duplicate
     // heading, so it is always shown.
-    if (hostProvidesHeading && !hasDisplayLabel) {
+    if (hostOwnsHeading) {
+        // …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;
     }
     // 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 h2 alone), so a
+    // 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 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", children: _jsx(ResourceHeaderContextProvider, { value: headerContextValue, children: _jsx(AutomaticDisplayer, { schema: headerSchema, data: resourceData, labels: headerLabels, disableInlineEdit: true, layoutTemplate: headerTemplate, defaultDisplayChromeMode: DisplayChromeMode.INLINE, isLoading: !resourceData }) }) })) : (_jsx("h2", { className: "min-w-0 flex-1 text-xl font-semibold text-foreground", children: hasDisplayLabel ? displayLabel : title })), actions && _jsx("div", { className: "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 })] }))] }));
+                    _jsx("div", { className: "min-w-0 flex-1", children: _jsx(ResourceHeaderContextProvider, { value: headerContextValue, children: _jsx(AutomaticDisplayer, { schema: headerSchema, data: resourceData, labels: headerLabels, 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 text-xl font-semibold text-foreground", children: hasDisplayLabel ? displayLabel : title })) : (_jsx("h1", { className: "min-w-0 flex-1 text-xl font-semibold text-foreground", children: hasDisplayLabel ? displayLabel : title }))), actions && _jsx("div", { className: "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 })] }))] }));
 };
 export function ResourceLayout_Header({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_HEADER, 'ResourceLayout_Header')(preset);