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

package/dist/esm/components/resources/ResourceLayout_DangerZone.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_DangerZone.labels.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_DangerZone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,gFAAgF;AAChF,uBAAuB;AAEvB,MAAM,CAAC,MAAM,gCAAgC,GAA0B;IACrE;QACE,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,mFAAmF;KAC7F;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oKAAoK;KAC9K;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,6JAA6J;KACvK;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,0GAA0G;KACpH;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + purpose / kind.\n// Statically scanned by the dev companion; NOT imported at runtime, so it never\n// ships in the bundle.\n\nexport const ResourcesLayoutsDangerZoneLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'title',\n    kind: LabelKind.LABEL,\n    purpose: 'Heading for the danger-zone section that groups a resource\\'s destructive actions',\n  },\n  {\n    ref: 'descriptionCritical',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a CRITICAL, irreversible destructive action (e.g. delete) in the danger zone — must convey that the action is permanent and cannot be undone',\n  },\n  {\n    ref: 'descriptionHigh',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a HIGH-risk destructive action (e.g. suspend) in the danger zone — conveys significant, disruptive impact that may be hard to reverse',\n  },\n  {\n    ref: 'descriptionDefault',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Generic caution shown beneath a destructive action in the danger zone when no risk-specific copy applies',\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, ResourcesLayoutsDangerZoneLabels);\n"]}
+{"version":3,"file":"ResourceLayout_DangerZone.labels.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_DangerZone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,gFAAgF;AAChF,uBAAuB;AAEvB,MAAM,CAAC,MAAM,gCAAgC,GAA0B;IACrE;QACE,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,mFAAmF;KAC7F;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oKAAoK;KAC9K;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,6JAA6J;KACvK;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,0GAA0G;KACpH;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + purpose / kind.\n// Statically scanned by the dev companion; NOT imported at runtime, so it never\n// ships in the bundle.\n\nexport const ResourcesLayoutsDangerZoneLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'title',\n    kind: LabelKind.LABEL,\n    purpose: 'Heading for the danger-zone section that groups a resource\\'s destructive actions',\n  },\n  {\n    ref: 'descriptionCritical',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a CRITICAL, irreversible destructive action (e.g. delete) in the danger zone — must convey that the action is permanent and cannot be undone',\n  },\n  {\n    ref: 'descriptionHigh',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a HIGH-risk destructive action (e.g. suspend) in the danger zone — conveys significant, disruptive impact that may be hard to reverse',\n  },\n  {\n    ref: 'descriptionDefault',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Generic caution shown beneath a destructive action in the danger zone when no risk-specific copy applies',\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, ResourcesLayoutsDangerZoneLabels);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_FilterChips.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,+BAA+B;IAC9C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,qEAAqE;IACrE,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,GAAI,6EAMxC,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA0GxD,CAAC"}
+{"version":3,"file":"ResourceLayout_FilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,+BAA+B;IAC9C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,qEAAqE;IACrE,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,GAAI,6EAMxC,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoHxD,CAAC"}

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

@@ -78,14 +78,25 @@ export const ResourceLayout_FilterChips = ({ resourceType, filterFields, current
                     displayValue = _jsx(ReferenceFilterChipValue, { field: field, value: String(value) });
                 }
                 else if (field.fieldType === 'enum') {
-                    const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value));
+                    const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value), field.schema);
                     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 ps-element-sm pe-1 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground", children: [_jsxs("span", { className: "text-muted-foreground/70", 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));
+                else if (field.fieldType === 'numberRange') {
+                    // `String(value)` on a bound pair is "[object Object]", which is what every unhandled
+                    // structured filter renders as. An open-ended range prints only the bound it has —
+                    // "≤ 500" rather than "– 500", because a missing floor is not an empty floor.
+                    const range = (value ?? {});
+                    displayValue = range.min !== undefined && range.max !== undefined
+                        ? `${range.min} – ${range.max}`
+                        : range.min !== undefined
+                            ? `≥ ${range.min}`
+                            : `≤ ${range.max}`;
+                }
+                return (_jsxs("span", { className: "inline-flex items-center gap-element-xs ps-element-sm pe-element-xs py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground", children: [_jsxs("span", { className: "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') })] }));
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_FilterChips.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayout_FilterChips — the active-filter summary row for a collection.\n *\n * Renders one removable chip per active filter (with the resolved label/value —\n * FK chips resolve the target resource's display label, never a raw id) plus a\n * \"Clear all\" action. Hidden entirely when no filters are active.\n *\n * Split out of `ResourceLayout_FiltersControl` so the collection toolbar can host\n * the compact Filters TRIGGER while the chips occupy their own row below the\n * toolbar — keeping the toolbar itself uncluttered. `FiltersControl` re-uses this\n * component for its legacy inline placement.\n */\n\nimport React, { useCallback, useMemo } from 'react';\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 { useResourceSearch } from '~wildo-frontend-lib/components/resources-fields/resource-reference/useResourceSearch';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport type { FilterFieldDefinition, FilterValues } from './ResourceLayout_FiltersControl';\n\nexport interface ResourceLayout_FilterChipsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** Filter field definitions (drives per-field type → chip value formatting). */\n  filterFields: readonly FilterFieldDefinition[];\n  /** Current active filters. */\n  currentFilters: FilterValues;\n  /** Callback when filters change (used to remove one / clear all). */\n  onFiltersChange: (filters: FilterValues) => void;\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport const ResourceLayout_FilterChips = ({\n  resourceType,\n  filterFields,\n  currentFilters,\n  onFiltersChange,\n  className,\n}: ResourceLayout_FilterChipsProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n  // Count/render ONLY the fields this row is responsible for — the panel's\n  // `filterFields`. A collection's `currentFilters` also carries the PROMOTED\n  // quick-filter field's value (shared filter state, deliberately excluded from\n  // `filterFields` so the tab strip owns that field's active-state display).\n  // Iterating `currentFilters` here surfaced that field as a redundant chip whose\n  // label/value could not be resolved (no field definition ⇒ raw \"status:completed\"),\n  // and disagreed with the (correctly scoped) Filters badge. Stay in lockstep with\n  // the panel and the badge: a chip renders iff the field is a panel field.\n  const activeFilterFields = useMemo(\n    () => filterFields.filter(f => {\n      const v = currentFilters[f.fieldName];\n      return v !== undefined && v !== null && v !== '';\n    }),\n    [filterFields, currentFilters],\n  );\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  // Clear ONLY the panel's own fields; PRESERVE any filter value this row does not\n  // represent — the promoted quick-filter field, whose tab strip owns its reset via\n  // its own \"All\" segment. \"Clear all\" is a chips/panel affordance, so it must be\n  // symmetric with the panel, chips, and count, which all scope to `filterFields`;\n  // reaching into the promoted field would silently reset a separate, still-visible\n  // control the chips row never showed — the mutation-side mirror of the count/chips\n  // display leak. (Industry precedent: Shopify/Notion clear the filter bar without\n  // changing the selected view/status tab.) For the self-contained callers whose\n  // values already align 1:1 with `filterFields`, this still clears everything.\n  const handleClearAll = useCallback(() => {\n    const next = { ...currentFilters };\n    for (const field of filterFields) delete next[field.fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, filterFields, onFiltersChange]);\n  const handleRemoveFilter = useCallback((fieldName: string) => {\n    const next = { ...currentFilters };\n    delete next[fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, onFiltersChange]);\n\n  if (!isReady || activeFilterFields.length === 0) return null;\n\n  const removeIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS });\n\n  return (\n    <div className={cn('flex items-center gap-element-sm flex-wrap', className)}>\n      {activeFilterFields.map((field) => {\n        const key = field.fieldName;\n        const value = currentFilters[key];\n        const label = fieldLabels[key] || key;\n\n        let displayValue: React.ReactNode = String(value);\n        if (field.fieldType === 'reference') {\n          displayValue = <ReferenceFilterChipValue field={field} value={String(value)} />;\n        } else if (field.fieldType === 'enum') {\n          const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value));\n          if (typeof enumLabel === 'string') displayValue = enumLabel;\n        } else if (field.fieldType === 'boolean') {\n          displayValue = value ? tc('booleanYes') : tc('booleanNo');\n        }\n\n        return (\n          <span\n            key={key}\n            className=\"inline-flex items-center gap-1 ps-element-sm pe-1 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground\"\n          >\n            <span className=\"text-muted-foreground/70\">{label}:</span>\n            {displayValue}\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.ICON_SM}\n              onClick={() => handleRemoveFilter(key)}\n              className=\"ms-0.5 h-4 w-4 p-0\"\n              aria-label={tc('removeFilter')}\n            >\n              {removeIcon}\n            </Button>\n          </span>\n        );\n      })}\n      <Button\n        type=\"button\"\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={handleClearAll}\n        className=\"text-xs text-muted-foreground\"\n      >\n        {tc('clearAll')}\n      </Button>\n    </div>\n  );\n};\n\n// =============================================================================\n// REFERENCE FILTER CHIP VALUE — resolves an FK id to its display label\n// =============================================================================\n\ninterface ReferenceFilterChipValueProps {\n  field: FilterFieldDefinition;\n  value: string;\n}\n\n/**\n * Chip text for an active reference filter. Reuses `useResourceSearch`'s\n * current-value label resolution (READ on the target resource +\n * `getFrontendResourceLabel`); the only network activity is the one label READ,\n * cached for the chip's lifetime (a chip never opens the dropdown).\n */\nconst ReferenceFilterChipValue: React.FC<ReferenceFilterChipValueProps> = ({ field, value }) => {\n  const { getDisplayLabel, isLoadingCurrentValue } = useResourceSearch({\n    schema: field.schema,\n    name: field.fieldName,\n    value,\n    targetResourceType: field.referenceTargetResourceType,\n  });\n\n  if (isLoadingCurrentValue) return <>…</>;\n  return <>{getDisplayLabel(value)}</>;\n};\n"]}
+{"version":3,"file":"ResourceLayout_FilterChips.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayout_FilterChips — the active-filter summary row for a collection.\n *\n * Renders one removable chip per active filter (with the resolved label/value —\n * FK chips resolve the target resource's display label, never a raw id) plus a\n * \"Clear all\" action. Hidden entirely when no filters are active.\n *\n * Split out of `ResourceLayout_FiltersControl` so the collection toolbar can host\n * the compact Filters TRIGGER while the chips occupy their own row below the\n * toolbar — keeping the toolbar itself uncluttered. `FiltersControl` re-uses this\n * component for its legacy inline placement.\n */\n\nimport React, { useCallback, useMemo } from 'react';\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 { useResourceSearch } from '~wildo-frontend-lib/components/resources-fields/resource-reference/useResourceSearch';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport type { FilterFieldDefinition, FilterValues } from './ResourceLayout_FiltersControl';\n\nexport interface ResourceLayout_FilterChipsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** Filter field definitions (drives per-field type → chip value formatting). */\n  filterFields: readonly FilterFieldDefinition[];\n  /** Current active filters. */\n  currentFilters: FilterValues;\n  /** Callback when filters change (used to remove one / clear all). */\n  onFiltersChange: (filters: FilterValues) => void;\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport const ResourceLayout_FilterChips = ({\n  resourceType,\n  filterFields,\n  currentFilters,\n  onFiltersChange,\n  className,\n}: ResourceLayout_FilterChipsProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n  // Count/render ONLY the fields this row is responsible for — the panel's\n  // `filterFields`. A collection's `currentFilters` also carries the PROMOTED\n  // quick-filter field's value (shared filter state, deliberately excluded from\n  // `filterFields` so the tab strip owns that field's active-state display).\n  // Iterating `currentFilters` here surfaced that field as a redundant chip whose\n  // label/value could not be resolved (no field definition ⇒ raw \"status:completed\"),\n  // and disagreed with the (correctly scoped) Filters badge. Stay in lockstep with\n  // the panel and the badge: a chip renders iff the field is a panel field.\n  const activeFilterFields = useMemo(\n    () => filterFields.filter(f => {\n      const v = currentFilters[f.fieldName];\n      return v !== undefined && v !== null && v !== '';\n    }),\n    [filterFields, currentFilters],\n  );\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  // Clear ONLY the panel's own fields; PRESERVE any filter value this row does not\n  // represent — the promoted quick-filter field, whose tab strip owns its reset via\n  // its own \"All\" segment. \"Clear all\" is a chips/panel affordance, so it must be\n  // symmetric with the panel, chips, and count, which all scope to `filterFields`;\n  // reaching into the promoted field would silently reset a separate, still-visible\n  // control the chips row never showed — the mutation-side mirror of the count/chips\n  // display leak. (Industry precedent: Shopify/Notion clear the filter bar without\n  // changing the selected view/status tab.) For the self-contained callers whose\n  // values already align 1:1 with `filterFields`, this still clears everything.\n  const handleClearAll = useCallback(() => {\n    const next = { ...currentFilters };\n    for (const field of filterFields) delete next[field.fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, filterFields, onFiltersChange]);\n  const handleRemoveFilter = useCallback((fieldName: string) => {\n    const next = { ...currentFilters };\n    delete next[fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, onFiltersChange]);\n\n  if (!isReady || activeFilterFields.length === 0) return null;\n\n  const removeIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS });\n\n  return (\n    <div className={cn('flex items-center gap-element-sm flex-wrap', className)}>\n      {activeFilterFields.map((field) => {\n        const key = field.fieldName;\n        const value = currentFilters[key];\n        const label = fieldLabels[key] || key;\n\n        let displayValue: React.ReactNode = String(value);\n        if (field.fieldType === 'reference') {\n          displayValue = <ReferenceFilterChipValue field={field} value={String(value)} />;\n        } else if (field.fieldType === 'enum') {\n          const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value), field.schema);\n          if (typeof enumLabel === 'string') displayValue = enumLabel;\n        } else if (field.fieldType === 'boolean') {\n          displayValue = value ? tc('booleanYes') : tc('booleanNo');\n        } else if (field.fieldType === 'numberRange') {\n          // `String(value)` on a bound pair is \"[object Object]\", which is what every unhandled\n          // structured filter renders as. An open-ended range prints only the bound it has —\n          // \"≤ 500\" rather than \"– 500\", because a missing floor is not an empty floor.\n          const range = (value ?? {}) as { min?: number; max?: number };\n          displayValue = range.min !== undefined && range.max !== undefined\n            ? `${range.min} – ${range.max}`\n            : range.min !== undefined\n              ? `≥ ${range.min}`\n              : `≤ ${range.max}`;\n        }\n\n        return (\n          <span\n            key={key}\n            className=\"inline-flex items-center gap-element-xs ps-element-sm pe-element-xs py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground\"\n          >\n            <span className=\"text-muted-foreground\">{label}:</span>\n            {displayValue}\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.ICON_SM}\n              onClick={() => handleRemoveFilter(key)}\n              className=\"ms-0.5 h-4 w-4 p-0\"\n              aria-label={tc('removeFilter')}\n            >\n              {removeIcon}\n            </Button>\n          </span>\n        );\n      })}\n      <Button\n        type=\"button\"\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={handleClearAll}\n        className=\"text-xs text-muted-foreground\"\n      >\n        {tc('clearAll')}\n      </Button>\n    </div>\n  );\n};\n\n// =============================================================================\n// REFERENCE FILTER CHIP VALUE — resolves an FK id to its display label\n// =============================================================================\n\ninterface ReferenceFilterChipValueProps {\n  field: FilterFieldDefinition;\n  value: string;\n}\n\n/**\n * Chip text for an active reference filter. Reuses `useResourceSearch`'s\n * current-value label resolution (READ on the target resource +\n * `getFrontendResourceLabel`); the only network activity is the one label READ,\n * cached for the chip's lifetime (a chip never opens the dropdown).\n */\nconst ReferenceFilterChipValue: React.FC<ReferenceFilterChipValueProps> = ({ field, value }) => {\n  const { getDisplayLabel, isLoadingCurrentValue } = useResourceSearch({\n    schema: field.schema,\n    name: field.fieldName,\n    value,\n    targetResourceType: field.referenceTargetResourceType,\n  });\n\n  if (isLoadingCurrentValue) return <>…</>;\n  return <>{getDisplayLabel(value)}</>;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,wEAAwE,CAAC;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAG9F,MAAM,WAAW,yCAA0C,SAAQ,wBAAwB;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,oCAAoC,GAAI,gEAGlD,yCAAyC,KAAG,KAAK,CAAC,GAAG,CAAC,OAuCxD,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,yCAAyC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1K"}
+{"version":3,"file":"ResourceLayout_Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,wEAAwE,CAAC;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAG9F,MAAM,WAAW,yCAA0C,SAAQ,wBAAwB;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,oCAAoC,GAAI,gEAGlD,yCAAyC,KAAG,KAAK,CAAC,GAAG,CAAC,OAuCxD,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,yCAAyC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1K"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EACL,6BAA6B,GAE9B,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAGpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAQ5F,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EACnD,eAAe,EACf,eAAe,EAAE,uBAAuB,GACE,EAAqB,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;IAEzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEnE,6BAA6B;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,mEAAmE;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,mBAAmB,CAAC,2BAA2B,CACnD,eAAe,CAAC,SAAwD,EAAE,YAAY,CACxF,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,UAAwB,EAAE,EAAE;QACnE,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,uBAAuB,EAAE,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,wDAE/C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,IAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,YAAY,EAC5B,eAAe,EAAE,mBAAmB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoE;IACrJ,MAAM,SAAS,GAAG,uBAAuB,CAA4C,qBAAqB,CAAC,yBAAyB,EAAE,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["/**\n * Filters_Default — Standalone filter panel preset.\n *\n * This preset wraps `ResourceLayout_FiltersControl` as a standalone layout component.\n * It reads `filterFields` from the contextual operation (LIST or SEARCH) and renders filter UI controls.\n *\n * Note: Filters are also integrated directly into Search_Default and List_Default.\n * This standalone preset is for cases where filters need to be rendered separately\n * (e.g., in a sidebar or dedicated filter panel).\n */\n\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport {\n  ResourceLayout_FiltersControl,\n  type FilterValues,\n} from '~wildo-frontend-lib/components/resources/ResourceLayout_FiltersControl';\nimport { ResourceLayoutUtils } from '~wildo-frontend-lib/components/resources/resourceLayout.utils';\n\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas'\n\n// --- Contract ---\nexport interface ResourceLayoutPreset_Filters_DefaultProps extends BaseResourcesLayoutProps {\n  onFiltersChange?: (filters: FilterValues) => void;\n}\n\nexport const ResourceLayoutPreset_Filters_Default = ({\n  resourceContext,\n  onFiltersChange: externalOnFiltersChange,\n}: ResourceLayoutPreset_Filters_DefaultProps): React.JSX.Element => {\n  const { registry } = useResourceRegistry();\n  const { resourceType } = resourceContext;\n\n  const [filterValues, setFilterValues] = useState<FilterValues>({});\n\n  // Get resource configuration\n  const resourceConfig = useMemo(() => {\n    return registry.resourceConfigurations[resourceType];\n  }, [registry, resourceType]);\n\n  // Read filterFields from the operation in context (LIST or SEARCH)\n  const filterFields = useMemo(() => {\n    return ResourceLayoutUtils.parseFilterFieldDefinitions(\n      (resourceContext.operation as { filterFields?: Record<string, unknown> })?.filterFields\n    );\n  }, [resourceContext.operation]);\n\n  const handleFiltersChange = useCallback((newFilters: FilterValues) => {\n    setFilterValues(newFilters);\n    externalOnFiltersChange?.(newFilters);\n  }, [externalOnFiltersChange]);\n\n  if (filterFields.length === 0) {\n    return (\n      <div className=\"text-sm text-muted-foreground p-card\">\n        No filters available for this resource.\n      </div>\n    );\n  }\n\n  return (\n    <ResourceLayout_FiltersControl\n      resourceType={resourceType}\n      filterFields={filterFields}\n      currentFilters={filterValues}\n      onFiltersChange={handleFiltersChange}\n    />\n  );\n};\n\nexport function ResourceLayout_Filters({ preset = CorePresetNames.DEFAULT, ...props }: ResourceLayoutPreset_Filters_DefaultProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ResourceLayoutPreset_Filters_DefaultProps>(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'ResourceLayout_Filters')(preset);\n  return <Component {...props} />;\n}\n"]}
+{"version":3,"file":"ResourceLayout_Filters.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EACL,6BAA6B,GAE9B,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAGpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAQ5F,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EACnD,eAAe,EACf,eAAe,EAAE,uBAAuB,GACE,EAAqB,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;IAEzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEnE,6BAA6B;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,mEAAmE;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,mBAAmB,CAAC,2BAA2B,CACnD,eAAe,CAAC,SAAwD,EAAE,YAAY,CACxF,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,UAAwB,EAAE,EAAE;QACnE,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,uBAAuB,EAAE,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,wDAE/C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,IAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,YAAY,EAC5B,eAAe,EAAE,mBAAmB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoE;IACrJ,MAAM,SAAS,GAAG,uBAAuB,CAA4C,qBAAqB,CAAC,yBAAyB,EAAE,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["/**\n * Filters_Default — Standalone filter panel preset.\n *\n * This preset wraps `ResourceLayout_FiltersControl` as a standalone layout component.\n * It reads `filterFields` from the contextual operation (LIST or SEARCH) and renders filter UI controls.\n *\n * Note: Filters are also integrated directly into Search_Default and List_Default.\n * This standalone preset is for cases where filters need to be rendered separately\n * (e.g., in a sidebar or dedicated filter panel).\n */\n\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport {\n  ResourceLayout_FiltersControl,\n  type FilterValues,\n} from '~wildo-frontend-lib/components/resources/ResourceLayout_FiltersControl';\nimport { ResourceLayoutUtils } from '~wildo-frontend-lib/components/resources/resourceLayout.utils';\n\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas'\n\n// --- Contract ---\nexport interface ResourceLayoutPreset_Filters_DefaultProps extends BaseResourcesLayoutProps {\n  onFiltersChange?: (filters: FilterValues) => void;\n}\n\nexport const ResourceLayoutPreset_Filters_Default = ({\n  resourceContext,\n  onFiltersChange: externalOnFiltersChange,\n}: ResourceLayoutPreset_Filters_DefaultProps): React.JSX.Element => {\n  const { registry } = useResourceRegistry();\n  const { resourceType } = resourceContext;\n\n  const [filterValues, setFilterValues] = useState<FilterValues>({});\n\n  // Get resource configuration\n  const resourceConfig = useMemo(() => {\n    return registry.resourceConfigurations[resourceType];\n  }, [registry, resourceType]);\n\n  // Read filterFields from the operation in context (LIST or SEARCH)\n  const filterFields = useMemo(() => {\n    return ResourceLayoutUtils.parseFilterFieldDefinitions(\n      (resourceContext.operation as { filterFields?: Record<string, unknown> })?.filterFields\n    );\n  }, [resourceContext.operation]);\n\n  const handleFiltersChange = useCallback((newFilters: FilterValues) => {\n    setFilterValues(newFilters);\n    externalOnFiltersChange?.(newFilters);\n  }, [externalOnFiltersChange]);\n\n  if (filterFields.length === 0) {\n    return (\n      <div className=\"text-sm text-muted-foreground p-card\">\n        No filters available for this resource.\n      </div>\n    );\n  }\n\n  return (\n    <ResourceLayout_FiltersControl\n      resourceType={resourceType}\n      filterFields={filterFields}\n      currentFilters={filterValues}\n      onFiltersChange={handleFiltersChange}\n    />\n  );\n};\n\nexport function ResourceLayout_Filters({ preset = CorePresetNames.DEFAULT, ...props }: ResourceLayoutPreset_Filters_DefaultProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ResourceLayoutPreset_Filters_DefaultProps>(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'ResourceLayout_Filters')(preset);\n  return <Component {...props} />;\n}\n"]}

package/dist/esm/components/resources/ResourceLayout_Filters.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAe9D,CAAC"}
+{"version":3,"file":"ResourceLayout_Filters.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAiB9D,CAAC"}

package/dist/esm/components/resources/ResourceLayout_Filters.labels.js

@@ -9,6 +9,8 @@ export const ResourcesLayoutsFiltersLabels = [
     { ref: 'booleanAny', kind: LabelKind.LABEL, purpose: 'Unset option for a boolean filter (matches either value)' },
     { ref: 'enumAll', kind: LabelKind.LABEL, purpose: 'Unset option for an enum filter (matches every value)' },
     { ref: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference filter picker — communicates that no restriction is applied yet (matches every record), e.g. "Any"' },
+    { ref: 'rangeMinimum', kind: LabelKind.PLACEHOLDER, purpose: 'Lower bound of a numeric range filter — shown inside the first of its two inputs, and its accessible name. Both bounds are optional, so this reads as "from" rather than as a required value, e.g. "Min"' },
+    { ref: 'rangeMaximum', kind: LabelKind.PLACEHOLDER, purpose: 'Upper bound of a numeric range filter — shown inside the second of its two inputs, and its accessible name, e.g. "Max"' },
     { ref: 'removeFilter', kind: LabelKind.ARIA, purpose: 'Accessible label for the button that removes a single active filter chip' },
     { ref: 'clearAll', kind: LabelKind.BUTTON, purpose: 'Clears every active filter on the resource list at once' },
     {

package/dist/esm/components/resources/ResourceLayout_Filters.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.labels.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,sCAAsC,EAAE;IAC3F,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC5G,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACjH,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uDAAuD,EAAE;IAC3G,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,gJAAgJ,EAAE;IAC3M,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAClI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yDAAyD,EAAE;IAC/G;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,sHAAsH;QAC/H,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE,CAAC;KAC9F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ResourcesLayoutsFiltersLabels: LabellingUnitaryDef[] = [\n  { ref: 'filters', kind: LabelKind.BUTTON, purpose: 'Opens the resource list filter panel' },\n  { ref: 'booleanYes', kind: LabelKind.LABEL, purpose: 'Display text for the true value of a boolean filter' },\n  { ref: 'booleanNo', kind: LabelKind.LABEL, purpose: 'Display text for the false value of a boolean filter' },\n  { ref: 'booleanAny', kind: LabelKind.LABEL, purpose: 'Unset option for a boolean filter (matches either value)' },\n  { ref: 'enumAll', kind: LabelKind.LABEL, purpose: 'Unset option for an enum filter (matches every value)' },\n  { ref: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference filter picker — communicates that no restriction is applied yet (matches every record), e.g. \"Any\"' },\n  { ref: 'removeFilter', kind: LabelKind.ARIA, purpose: 'Accessible label for the button that removes a single active filter chip' },\n  { ref: 'clearAll', kind: LabelKind.BUTTON, purpose: 'Clears every active filter on the resource list at once' },\n  {\n    ref: 'quickFilterLabel',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible label for the quick-filter tab strip that filters the collection by one enum field (e.g. delivery status)',\n    params: [{ key: 'field', meaning: 'The display label of the enum field the tabs filter by' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, ResourcesLayoutsFiltersLabels);\n"]}
+{"version":3,"file":"ResourceLayout_Filters.labels.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,sCAAsC,EAAE;IAC3F,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC5G,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACjH,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uDAAuD,EAAE;IAC3G,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,gJAAgJ,EAAE;IAC3M,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,0MAA0M,EAAE;IACzQ,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,wHAAwH,EAAE;IACvL,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAClI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yDAAyD,EAAE;IAC/G;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,sHAAsH;QAC/H,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE,CAAC;KAC9F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ResourcesLayoutsFiltersLabels: LabellingUnitaryDef[] = [\n  { ref: 'filters', kind: LabelKind.BUTTON, purpose: 'Opens the resource list filter panel' },\n  { ref: 'booleanYes', kind: LabelKind.LABEL, purpose: 'Display text for the true value of a boolean filter' },\n  { ref: 'booleanNo', kind: LabelKind.LABEL, purpose: 'Display text for the false value of a boolean filter' },\n  { ref: 'booleanAny', kind: LabelKind.LABEL, purpose: 'Unset option for a boolean filter (matches either value)' },\n  { ref: 'enumAll', kind: LabelKind.LABEL, purpose: 'Unset option for an enum filter (matches every value)' },\n  { ref: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference filter picker — communicates that no restriction is applied yet (matches every record), e.g. \"Any\"' },\n  { ref: 'rangeMinimum', kind: LabelKind.PLACEHOLDER, purpose: 'Lower bound of a numeric range filter — shown inside the first of its two inputs, and its accessible name. Both bounds are optional, so this reads as \"from\" rather than as a required value, e.g. \"Min\"' },\n  { ref: 'rangeMaximum', kind: LabelKind.PLACEHOLDER, purpose: 'Upper bound of a numeric range filter — shown inside the second of its two inputs, and its accessible name, e.g. \"Max\"' },\n  { ref: 'removeFilter', kind: LabelKind.ARIA, purpose: 'Accessible label for the button that removes a single active filter chip' },\n  { ref: 'clearAll', kind: LabelKind.BUTTON, purpose: 'Clears every active filter on the resource list at once' },\n  {\n    ref: 'quickFilterLabel',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible label for the quick-filter tab strip that filters the collection by one enum field (e.g. delivery status)',\n    params: [{ key: 'field', meaning: 'The display label of the enum field the tabs filter by' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, ResourcesLayoutsFiltersLabels);\n"]}

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

@@ -28,7 +28,13 @@ export type FilterValues = Record<string, any>;
 export interface FilterFieldDefinition {
     fieldName: string;
     schema: z.ZodTypeAny;
-    fieldType: 'string' | 'number' | 'boolean' | 'enum' | 'date' | 'reference' | 'unknown';
+    /**
+     * `numberRange` is the one STRUCTURED member: its value is a `{ min?, max? }` bound pair rather
+     * than a scalar, because the question asked of a number is almost always a threshold. It is
+     * opt-in — an author writes `Resources_Filter_NumberRangeSchema` in `filterFields` — so a plain
+     * `number` filter keeps meaning equality.
+     */
+    fieldType: 'string' | 'number' | 'boolean' | 'enum' | 'date' | 'reference' | 'numberRange' | 'unknown';
     enumValues?: readonly string[];
     /**
      * Target resource type for 'reference' fields — resolved from the

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_FiltersControl.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAiBxB,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,oEAAoE;AACpE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACvF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,UAAU,kCAAkC;IAC1C,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,6BAA6B;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,mCAAmC;IACnC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,YAAY,EAC5B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,GAClC,MAAM,CAKR;AAID,MAAM,WAAW,kCAAkC;IACjD,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,GAAI,mDAK3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoC3D,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,oCAAoC;IACpC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,6EAMzC,gCAAgC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA8DzD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,GAAI,6EAM3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAiC3D,CAAC"}
+{"version":3,"file":"ResourceLayout_FiltersControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAmBxB,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,oEAAoE;AACpE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB;;;;;OAKG;IACH,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;IACvG,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,UAAU,kCAAkC;IAC1C,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,6BAA6B;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,mCAAmC;IACnC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,YAAY,EAC5B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,GAClC,MAAM,CAKR;AAID,MAAM,WAAW,kCAAkC;IACjD,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,GAAI,mDAK3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoC3D,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,oCAAoC;IACpC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,6EAMzC,gCAAgC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAmEzD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,GAAI,6EAM3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAiC3D,CAAC"}

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"}