@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

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

@@ -1,14 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ResourceLayout_FiltersControl — Reusable filter controls for resource list/search views.
  *
  * Renders filter UI controls from the provided filterFields definitions. Auto-generates controls
- * based on the Zod schema type of each field:
- *   - ZodString  → text input
- *   - ZodNumber  → number input
- *   - ZodBoolean → toggle checkbox
- *   - ZodEnum    → select dropdown (labels via i18n)
- *   - ZodDate    → date input
+ * based on the classified field type of each definition:
+ *   - 'string'    → text input
+ *   - 'number'    → number input
+ *   - 'boolean'   → tri-state select (any / yes / no)
+ *   - 'enum'      → select dropdown (labels via i18n)
+ *   - 'date'      → date input
+ *   - 'reference' → resource-reference selector (searchable combobox storing
+ *                   the target resource id; labels resolved from the target
+ *                   resource, never raw ids in the UI)
+ *
+ * Field classification (including FK → 'reference' resolution and the
+ * exclusion of transport-pinned fields such as the primary-scope FK) is owned
+ * by `ResourceLayoutUtils.parseFilterFieldDefinitions` — this component only
+ * renders what it is given.
  *
  * Active filters are displayed as removable chips. A "Clear all" button resets all filters.
  * Filters are passed as `Record<string, any>` to the parent via `onFiltersChange`.
@@ -16,26 +24,71 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import { z } from 'zod';
 import { useI18n } from '../../core/i18n/useI18n.js';
+import { cn } from '../../core/ui/cn.js';
 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 { 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';
 // =============================================================================
 // HELPERS — extraction from operation config
 // =============================================================================
 // =============================================================================
 // MAIN COMPONENT
 // =============================================================================
-export const ResourceLayout_FiltersControl = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
-    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, resource: resourceType });
+/**
+ * Count of currently-active filters (non-empty values). Shared by the trigger
+ * badge and any caller that needs to know whether filters are applied.
+ *
+ * `panelFieldNames` scopes the count to a specific set of field names — pass it
+ * whenever `currentFilters` can hold keys that the panel/chips do NOT render, so
+ * the badge stays in agreement with what expanding the panel actually reveals.
+ * The canonical case is the collection toolbar's PROMOTED quick-filter field
+ * (`collectionDisplayConfig.quickFilterField`): it shares the same
+ * `filterValues` object as the panel but is deliberately excluded from the
+ * panel/chips (rendered as its own tab strip instead). Without scoping, a
+ * non-"All" quick-filter tab would inflate the badge to "Filters (1)" while the
+ * opened panel shows no active filter and no chip — a count/panel mismatch. When
+ * omitted, every non-empty value is counted (the self-contained callers whose
+ * `currentFilters` keys already align 1:1 with their panel fields).
+ */
+export function countActiveFilters(currentFilters, panelFieldNames) {
+    const values = panelFieldNames
+        ? panelFieldNames.map(name => currentFilters[name])
+        : Object.values(currentFilters);
+    return values.filter(v => v !== undefined && v !== null && v !== '').length;
+}
+const FILTERS_PANEL_DOM_ID = 'filters-panel';
+/**
+ * The compact "Filters" toggle button (+ active-count badge). Owns no panel
+ * state — the host/composite controls expansion so the panel can render wherever
+ * it belongs (below the toolbar, in a popover, …).
+ */
+export const ResourceLayout_FiltersTrigger = ({ activeCount, isExpanded, onToggle, className, }) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });
     const { renderIcon } = useIconRegistry();
-    const [isExpanded, setIsExpanded] = useState(false);
+    if (!isReady)
+        return null;
+    const tc = (key) => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);
+    const label = tc('filters');
+    // 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 }))] }));
+};
+/**
+ * The expandable filter-input panel — one control per filter field. Rendered by
+ * the host below the toolbar (full-width) when the trigger is expanded.
+ */
+export const ResourceLayout_FiltersPanel = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
+    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,
+        resource: resourceType,
+    });
     const tc = (key) => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);
-    const activeCount = useMemo(() => {
-        return Object.values(currentFilters).filter(v => v !== undefined && v !== null && v !== '').length;
-    }, [currentFilters]);
     const fieldLabels = useMemo(() => {
         const labels = {};
         for (const field of filterFields) {
@@ -54,34 +107,40 @@ export const ResourceLayout_FiltersControl = ({ resourceType, filterFields, curr
         }
         onFiltersChange(next);
     }, [currentFilters, onFiltersChange]);
-    const handleClearAll = useCallback(() => {
-        onFiltersChange({});
-    }, [onFiltersChange]);
-    const handleRemoveFilter = useCallback((fieldName) => {
-        const next = { ...currentFilters };
-        delete next[fieldName];
-        onFiltersChange(next);
-    }, [currentFilters, onFiltersChange]);
+    if (!isReady || filterFields.length === 0)
+        return null;
+    return (_jsx("div", { id: FILTERS_PANEL_DOM_ID, 
+        // `items-start` (not `items-end`): every filter cell is label-over-control,
+        // and start-alignment keeps all labels on one line regardless of per-type
+        // 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) => (
+        // 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
+        // label or its position in the panel. Wrapped at the MAP site rather
+        // than inside each control branch, so every control type — text,
+        // number, date range, boolean and enum selects — carries it from one
+        // place and a new branch cannot silently ship without the hook.
+        _jsx("div", { "data-filter-field": field.fieldName, className: "contents", children: _jsx(FilterFieldInput, { field: field, value: currentFilters[field.fieldName], label: fieldLabels[field.fieldName], resourceType: resourceType, onChange: (value) => handleFilterChange(field.fieldName, value), tResourceFieldEnumValue: tResourceFieldEnumValue, tc: tc }, field.fieldName) }, field.fieldName))) }));
+};
+/**
+ * Self-contained filters control — trigger + inline expandable panel + active
+ * chips, with its own expansion state. Retained for callers that want the
+ * batteries-included stack (e.g. the Search preset). The collection toolbar
+ * instead composes {@link ResourceLayout_FiltersTrigger} +
+ * {@link ResourceLayout_FiltersPanel} + {@link ResourceLayout_FilterChips}
+ * itself so it can place each piece in the right toolbar zone.
+ */
+export const ResourceLayout_FiltersControl = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
+    const [isExpanded, setIsExpanded] = useState(false);
+    // Scope the badge to the panel's own fields so it can never disagree with the
+    // chips this control renders (which iterate `filterFields`).
+    const activeCount = countActiveFilters(currentFilters, filterFields.map(f => f.fieldName));
     if (filterFields.length === 0)
         return null;
-    const filterIcon = renderIcon(StandardIconReference.FILTER, { size: IconSize.SM });
-    const removeIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS });
-    return (_jsxs("div", { className: `space-y-element-sm ${className ?? ''}`, children: [_jsxs("div", { className: "flex items-center gap-element-sm flex-wrap", children: [_jsxs(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: () => setIsExpanded(prev => !prev), "aria-expanded": isExpanded, "aria-controls": "filters-panel", className: "gap-1.5", children: [_jsx("span", { "aria-hidden": "true", children: filterIcon }), tc('filters'), activeCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 text-xs font-semibold rounded-full bg-primary text-primary-foreground", children: activeCount }))] }), activeCount > 0 && (_jsxs(_Fragment, { children: [Object.entries(currentFilters).map(([key, value]) => {
-                                if (value === undefined || value === null || value === '')
-                                    return null;
-                                const field = filterFields.find(f => f.fieldName === key);
-                                const label = fieldLabels[key] || key;
-                                let displayValue = String(value);
-                                if (field?.fieldType === 'enum') {
-                                    const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value));
-                                    if (typeof enumLabel === 'string')
-                                        displayValue = enumLabel;
-                                }
-                                else if (field?.fieldType === 'boolean') {
-                                    displayValue = value ? tc('booleanYes') : tc('booleanNo');
-                                }
-                                return (_jsxs("span", { className: "inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground", children: [label, ": ", displayValue, _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => handleRemoveFilter(key), className: "ms-0.5 h-4 w-4 p-0", "aria-label": tc('removeFilter'), children: removeIcon })] }, key));
-                            }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleClearAll, className: "text-xs text-muted-foreground", children: tc('clearAll') })] }))] }), isExpanded && (_jsx("div", { id: "filters-panel", className: "flex items-end gap-element-md flex-wrap p-card bg-muted/30 rounded-lg border border-border/50", children: filterFields.map((field) => (_jsx(FilterFieldInput, { field: field, value: currentFilters[field.fieldName], label: fieldLabels[field.fieldName], resourceType: resourceType, onChange: (value) => handleFilterChange(field.fieldName, value), tResourceFieldEnumValue: tResourceFieldEnumValue, tc: tc }, field.fieldName))) }))] }));
+    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 }))] }));
 };
 const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResourceFieldEnumValue, tc, }) => {
     const [localValue, setLocalValue] = useState(value ?? '');
@@ -114,10 +173,22 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
         };
     }, []);
     switch (field.fieldType) {
+        case 'reference':
+            // FK filter: searchable reference selector against the target resource.
+            // The selected id is the filter value; display labels are resolved by
+            // the reference control itself. Quick-create stays dormant here — it
+            // requires a form schema context, which filter panels do not provide.
+            // Placeholder is the UNSET semantic ("Any" — no restriction), NOT the
+            // 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 })] }));
         case 'string':
-            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, placeholder: label })] }));
+            // 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 })] }));
         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, placeholder: label })] }));
+            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 })] }));
         case 'boolean': {
             const boolOptions = [
                 { value: '', label: tc('booleanAny') },
@@ -139,7 +210,7 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
         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) })] }));
         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, placeholder: label })] }));
+            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 })] }));
     }
 };
-//# sourceMappingURL=ResourceLayout_FiltersControl.js.map
+//# 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":"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"}
+{"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 { 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"]}

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

@@ -1,10 +1,21 @@
 import React from 'react';
-import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas.js';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export interface ResourceLayoutPreset_Header_DefaultProps extends BaseResourcesLayoutProps {
     title?: string;
     description?: string;
+    /**
+     * Extra classes for the header root.
+     */
     className?: string;
+    /**
+     * Right-aligned action cluster rendered INSIDE the title row (after the
+     * flex-1 title), so actions are vertically centered on the RESOURCE NAME —
+     * never on the breadcrumb line above it. Hosts pass their operation bar
+     * here instead of laying it beside the header in their own row; owning the
+     * band in one place is what makes the alignment un-driftable.
+     */
+    actions?: React.ReactNode;
 }
 /**
  * Centralized resource header component.

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;AAkBpE,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAgNlG,CAAC;AAIF,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;AAgCpE,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,CA8alG,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,MAAgC,EAChC,GAAG,KAAK,EACT,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGrF"}