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

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

@@ -19,8 +19,60 @@ import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { useResourceSearch } from '../../components/resources-fields/resource-reference/useResourceSearch.js';
 import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
-export const ResourceLayout_FilterChips = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
-    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({
+import { collectionFilterFieldsShownByActivePresets } from '../../core/resources/collection-filter-presets.frontend.utils.js';
+import { useCollectionFilterPresetScope } from '../../core/resources/useCollectionFilterPresetScope.js';
+import { FilterFieldType } from './resource-filter-field-type.frontend.schemas.js';
+/**
+ * A date filter bound: a `Date` (what the panel's date-range picker and the preset pills write), or a string — a
+ * date-only `YYYY-MM-DD` or an ISO instant — for a value a caller set directly.
+ */
+const DATE_ONLY_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
+/**
+ * Parse one bound of a date filter. A date-only string is a CALENDAR DAY: it is held as UTC midnight and shown
+ * as that day whatever the reader's zone (#2180). It was read as the browser's local midnight and then printed
+ * in the configured zone, so a reader whose preference differs from the browser saw the day before.
+ */
+function parseDateFilterBound(value, calendarField) {
+    // A Date bound of a CALENDAR-DAY field (a preset window over it) is a day held as UTC midnight too.
+    if (value instanceof Date)
+        return Number.isNaN(value.getTime()) ? null : { date: value, calendarDate: calendarField };
+    if (typeof value !== 'string' || value === '')
+        return null;
+    const dateOnly = DATE_ONLY_PATTERN.exec(value);
+    const parsed = dateOnly ? new Date(Date.UTC(Number(dateOnly[1]), Number(dateOnly[2]) - 1, Number(dateOnly[3]))) : new Date(value);
+    return Number.isNaN(parsed.getTime()) ? null : { date: parsed, calendarDate: dateOnly !== null };
+}
+/**
+ * The chip text for a `date` filter: the `{ startDate, endDate }` window the panel's date-range picker and the
+ * relative presets write (#2413), and, for a value a caller set directly, a single day.
+ *
+ * Both bounds of a window are INCLUDED: the backend's range filter includes `endDate`, so every preset window
+ * ends one millisecond before the day after its last day (`collection-filter-presets.frontend.utils`). The
+ * end therefore reads as the last day the window covers, and a window that covers one day shows one date. A
+ * window open on one side ("Overdue" has no start) prints only the bound it has, like a number range.
+ * Returns `null` for a value of neither shape, so the caller can fall back rather than print
+ * `[object Object]`, which is what every unhandled structured value rendered as.
+ */
+function formatDateFilterValue(value, formatDate, calendarField = false) {
+    const show = (bound) => formatDate(bound.date, { calendarDate: bound.calendarDate });
+    if (typeof value === 'object' && value !== null && !(value instanceof Date)) {
+        const window = value;
+        const start = parseDateFilterBound(window.startDate, calendarField);
+        const lastIncludedDay = parseDateFilterBound(window.endDate, calendarField);
+        if (!start && !lastIncludedDay)
+            return null;
+        if (start && lastIncludedDay) {
+            const first = show(start);
+            const last = show(lastIncludedDay);
+            return first === last ? first : `${first} – ${last}`;
+        }
+        return start ? `≥ ${show(start)}` : `≤ ${show(lastIncludedDay)}`;
+    }
+    const day = parseDateFilterBound(value, calendarField);
+    return day ? show(day) : null;
+}
+export const ResourceLayout_FilterChips = ({ resourceType, filterFields, currentFilters, onFiltersChange, presetFilters, className, }) => {
+    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, formatDate, isReady } = useI18n({
         component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,
         resource: resourceType,
     });
@@ -34,10 +86,24 @@ export const ResourceLayout_FilterChips = ({ resourceType, filterFields, current
     // label/value could not be resolved (no field definition ⇒ raw "status:completed"),
     // and disagreed with the (correctly scoped) Filters badge. Stay in lockstep with
     // the panel and the badge: a chip renders iff the field is a panel field.
-    const activeFilterFields = useMemo(() => filterFields.filter(f => {
+    //
+    // The same holds for a field an ACTIVE preset pill assigns: the pressed pill is its readout, in the
+    // words the application chose, so a chip beside it states the fact a second time.
+    // The reader's resolved zone, the resource's calendar-day fields (#2180) and the viewer (#2511): the same scope the
+    // pills resolve against. A calendar field's preset windows and bounds are days held as UTC midnight, and a "Mine"
+    // preset is on here exactly when its pill is, so its field gets no second chip.
+    const presetScope = useCollectionFilterPresetScope(resourceType);
+    const calendarDateFields = presetScope.calendarDateFields;
+    const chipFields = useMemo(() => {
+        if (!presetFilters || presetFilters.length === 0)
+            return filterFields;
+        const shownByPresets = collectionFilterFieldsShownByActivePresets(presetFilters, currentFilters, { now: new Date(), ...presetScope });
+        return filterFields.filter(f => !shownByPresets.has(f.fieldName));
+    }, [filterFields, presetFilters, currentFilters, presetScope]);
+    const activeFilterFields = useMemo(() => chipFields.filter(f => {
         const v = currentFilters[f.fieldName];
         return v !== undefined && v !== null && v !== '';
-    }), [filterFields, currentFilters]);
+    }), [chipFields, currentFilters]);
     const fieldLabels = useMemo(() => {
         const labels = {};
         for (const field of filterFields) {
@@ -54,13 +120,14 @@ export const ResourceLayout_FilterChips = ({ resourceType, filterFields, current
     // control the chips row never showed — the mutation-side mirror of the count/chips
     // display leak. (Industry precedent: Shopify/Notion clear the filter bar without
     // changing the selected view/status tab.) For the self-contained callers whose
-    // values already align 1:1 with `filterFields`, this still clears everything.
+    // values already align 1:1 with `filterFields`, this still clears everything. A field an active preset
+    // shows is preserved for the same reason: its pressed pill owns its reset, and the chips never showed it.
     const handleClearAll = useCallback(() => {
         const next = { ...currentFilters };
-        for (const field of filterFields)
+        for (const field of chipFields)
             delete next[field.fieldName];
         onFiltersChange(next);
-    }, [currentFilters, filterFields, onFiltersChange]);
+    }, [currentFilters, chipFields, onFiltersChange]);
     const handleRemoveFilter = useCallback((fieldName) => {
         const next = { ...currentFilters };
         delete next[fieldName];
@@ -74,18 +141,23 @@ export const ResourceLayout_FilterChips = ({ resourceType, filterFields, current
                 const value = currentFilters[key];
                 const label = fieldLabels[key] || key;
                 let displayValue = String(value);
-                if (field.fieldType === 'reference') {
+                if (field.fieldType === FilterFieldType.REFERENCE) {
                     displayValue = _jsx(ReferenceFilterChipValue, { field: field, value: String(value) });
                 }
-                else if (field.fieldType === 'enum') {
+                else if (field.fieldType === FilterFieldType.ENUM) {
                     const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value), field.schema);
                     if (typeof enumLabel === 'string')
                         displayValue = enumLabel;
                 }
-                else if (field.fieldType === 'boolean') {
+                else if (field.fieldType === FilterFieldType.BOOLEAN) {
                     displayValue = value ? tc('booleanYes') : tc('booleanNo');
                 }
-                else if (field.fieldType === 'numberRange') {
+                else if (field.fieldType === FilterFieldType.DATE) {
+                    const formatted = formatDateFilterValue(value, formatDate, calendarDateFields.has(field.fieldName));
+                    if (formatted !== null)
+                        displayValue = formatted;
+                }
+                else if (field.fieldType === FilterFieldType.NUMBER_RANGE) {
                     // `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.

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), 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"]}
+{"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, type DateValueOptions } from '@wildo-ai/presets-components-models';\nimport type { CollectionFilterPreset } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { collectionFilterFieldsShownByActivePresets } from '~wildo-frontend-lib/core/resources/collection-filter-presets.frontend.utils';\nimport type { FilterFieldDefinition, FilterValues } from './ResourceLayout_FiltersControl';\nimport { useCollectionFilterPresetScope } from '~wildo-frontend-lib/core/resources/useCollectionFilterPresetScope';\nimport { FilterFieldType } from './resource-filter-field-type.frontend.schemas';\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  /**\n   * The collection's preset pills. A field an ACTIVE preset assigns is shown by that pressed pill, so it\n   * gets no chip here and \"Clear all\" leaves it to the pill — see\n   * `collectionFilterFieldsShownByActivePresets`. Omit when the collection declares no presets.\n   */\n  presetFilters?: readonly CollectionFilterPreset[];\n  /** Additional CSS classes. */\n  className?: string;\n}\n\n/**\n * A date filter bound: a `Date` (what the panel's date-range picker and the preset pills write), or a string — a\n * date-only `YYYY-MM-DD` or an ISO instant — for a value a caller set directly.\n */\nconst DATE_ONLY_PATTERN = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\n/** One bound of a date filter, and whether it is a calendar DAY (shown as that day to every reader) or an instant. */\ninterface DateFilterBound { date: Date; calendarDate: boolean }\n\n/**\n * Parse one bound of a date filter. A date-only string is a CALENDAR DAY: it is held as UTC midnight and shown\n * as that day whatever the reader's zone (#2180). It was read as the browser's local midnight and then printed\n * in the configured zone, so a reader whose preference differs from the browser saw the day before.\n */\nfunction parseDateFilterBound(value: unknown, calendarField: boolean): DateFilterBound | null {\n  // A Date bound of a CALENDAR-DAY field (a preset window over it) is a day held as UTC midnight too.\n  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : { date: value, calendarDate: calendarField };\n  if (typeof value !== 'string' || value === '') return null;\n  const dateOnly = DATE_ONLY_PATTERN.exec(value);\n  const parsed = dateOnly ? new Date(Date.UTC(Number(dateOnly[1]), Number(dateOnly[2]) - 1, Number(dateOnly[3]))) : new Date(value);\n  return Number.isNaN(parsed.getTime()) ? null : { date: parsed, calendarDate: dateOnly !== null };\n}\n\n/**\n * The chip text for a `date` filter: the `{ startDate, endDate }` window the panel's date-range picker and the\n * relative presets write (#2413), and, for a value a caller set directly, a single day.\n *\n * Both bounds of a window are INCLUDED: the backend's range filter includes `endDate`, so every preset window\n * ends one millisecond before the day after its last day (`collection-filter-presets.frontend.utils`). The\n * end therefore reads as the last day the window covers, and a window that covers one day shows one date. A\n * window open on one side (\"Overdue\" has no start) prints only the bound it has, like a number range.\n * Returns `null` for a value of neither shape, so the caller can fall back rather than print\n * `[object Object]`, which is what every unhandled structured value rendered as.\n */\nfunction formatDateFilterValue(value: unknown, formatDate: (value: Date, options?: DateValueOptions) => string, calendarField = false): string | null {\n  const show = (bound: DateFilterBound): string => formatDate(bound.date, { calendarDate: bound.calendarDate });\n  if (typeof value === 'object' && value !== null && !(value instanceof Date)) {\n    const window = value as { startDate?: unknown; endDate?: unknown };\n    const start = parseDateFilterBound(window.startDate, calendarField);\n    const lastIncludedDay = parseDateFilterBound(window.endDate, calendarField);\n    if (!start && !lastIncludedDay) return null;\n    if (start && lastIncludedDay) {\n      const first = show(start);\n      const last = show(lastIncludedDay);\n      return first === last ? first : `${first} – ${last}`;\n    }\n    return start ? `≥ ${show(start)}` : `≤ ${show(lastIncludedDay!)}`;\n  }\n  const day = parseDateFilterBound(value, calendarField);\n  return day ? show(day) : null;\n}\n\nexport const ResourceLayout_FilterChips = ({\n  resourceType,\n  filterFields,\n  currentFilters,\n  onFiltersChange,\n  presetFilters,\n  className,\n}: ResourceLayout_FilterChipsProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, formatDate, 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  //\n  // The same holds for a field an ACTIVE preset pill assigns: the pressed pill is its readout, in the\n  // words the application chose, so a chip beside it states the fact a second time.\n  // The reader's resolved zone, the resource's calendar-day fields (#2180) and the viewer (#2511): the same scope the\n  // pills resolve against. A calendar field's preset windows and bounds are days held as UTC midnight, and a \"Mine\"\n  // preset is on here exactly when its pill is, so its field gets no second chip.\n  const presetScope = useCollectionFilterPresetScope(resourceType);\n  const calendarDateFields = presetScope.calendarDateFields;\n\n  const chipFields = useMemo(() => {\n    if (!presetFilters || presetFilters.length === 0) return filterFields;\n    const shownByPresets = collectionFilterFieldsShownByActivePresets(presetFilters, currentFilters, { now: new Date(), ...presetScope });\n    return filterFields.filter(f => !shownByPresets.has(f.fieldName));\n  }, [filterFields, presetFilters, currentFilters, presetScope]);\n\n  const activeFilterFields = useMemo(\n    () => chipFields.filter(f => {\n      const v = currentFilters[f.fieldName];\n      return v !== undefined && v !== null && v !== '';\n    }),\n    [chipFields, 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. A field an active preset\n  // shows is preserved for the same reason: its pressed pill owns its reset, and the chips never showed it.\n  const handleClearAll = useCallback(() => {\n    const next = { ...currentFilters };\n    for (const field of chipFields) delete next[field.fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, chipFields, 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 === FilterFieldType.REFERENCE) {\n          displayValue = <ReferenceFilterChipValue field={field} value={String(value)} />;\n        } else if (field.fieldType === FilterFieldType.ENUM) {\n          const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value), field.schema);\n          if (typeof enumLabel === 'string') displayValue = enumLabel;\n        } else if (field.fieldType === FilterFieldType.BOOLEAN) {\n          displayValue = value ? tc('booleanYes') : tc('booleanNo');\n        } else if (field.fieldType === FilterFieldType.DATE) {\n          const formatted = formatDateFilterValue(value, formatDate, calendarDateFields.has(field.fieldName));\n          if (formatted !== null) displayValue = formatted;\n        } else if (field.fieldType === FilterFieldType.NUMBER_RANGE) {\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.labels.js

@@ -8,7 +8,7 @@ export const ResourcesLayoutsFiltersLabels = [
     { ref: 'booleanNo', kind: LabelKind.LABEL, purpose: 'Display text for the false value of a boolean filter' },
     { 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: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference or date-range 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' },

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,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"]}
+{"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,8JAA8J,EAAE;IACzN,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 or date-range 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

@@ -7,7 +7,8 @@
  *   - 'number'    → number input
  *   - 'boolean'   → tri-state select (any / yes / no)
  *   - 'enum'      → select dropdown (labels via i18n)
- *   - 'date'      → date input
+ *   - 'date'      → the engine's date-range picker, writing the `{ startDate, endDate }`
+ *                   window the backend's date filter applies (#2413)
  *   - 'reference' → resource-reference selector (searchable combobox storing
  *                   the target resource id; labels resolved from the target
  *                   resource, never raw ids in the UI)
@@ -22,19 +23,15 @@
  */
 import React from 'react';
 import { z } from 'zod';
+import { FilterFieldType } from './resource-filter-field-type.frontend.schemas';
 /** Active filter values — keys match filterFields keys */
 export type FilterValues = Record<string, any>;
 /** Definition of a single filter field extracted from the config */
 export interface FilterFieldDefinition {
     fieldName: string;
     schema: z.ZodTypeAny;
-    /**
-     * `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';
+    /** How the field was classified — decides the control drawn and the chip's rendering. See {@link FilterFieldType}. */
+    fieldType: FilterFieldType;
     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;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"}
+{"version":3,"file":"ResourceLayout_FiltersControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAiBxB,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAMhF,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,sHAAsH;IACtH,SAAS,EAAE,eAAe,CAAC;IAC3B,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,IAsC3D,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,IAyEzD,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

@@ -8,7 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *   - 'number'    → number input
  *   - 'boolean'   → tri-state select (any / yes / no)
  *   - 'enum'      → select dropdown (labels via i18n)
- *   - 'date'      → date input
+ *   - 'date'      → the engine's date-range picker, writing the `{ startDate, endDate }`
+ *                   window the backend's date filter applies (#2413)
  *   - 'reference' → resource-reference selector (searchable combobox storing
  *                   the target resource id; labels resolved from the target
  *                   resource, never raw ids in the UI)
@@ -32,8 +33,12 @@ import { InputRoot } from '../../components/form/controls/input.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 { DateRangePicker } from '../../components/form/controls/date-time/date-range-picker.js';
 import { FrontendComponentType, ButtonSize, ControlSize } from '@wildo-ai/presets-components-models';
+import { useCollectionFilterPresetScope } from '../../core/resources/useCollectionFilterPresetScope.js';
+import { dateFilterWindowAsDays, dateFilterWindowFromDays } from '../../core/resources/date-filter-window.frontend.utils.js';
 import { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips.js';
+import { FilterFieldType } from './resource-filter-field-type.frontend.schemas.js';
 // =============================================================================
 // HELPERS — extraction from operation config
 // =============================================================================
@@ -77,18 +82,23 @@ export const ResourceLayout_FiltersTrigger = ({ activeCount, isExpanded, onToggl
     const label = tc('filters');
     // Icon-only by design — a funnel + active-count badge, consistent with the
     // compact search and sort controls in the collection toolbar. The textual
-    // "Filters" label survives as the accessible name + tooltip.
-    return (_jsxs(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: onToggle, "aria-expanded": isExpanded, "aria-controls": FILTERS_PANEL_DOM_ID, "aria-label": label, title: label, "data-slot": "collection-toolbar-filters-trigger", className: cn('gap-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 }))] }));
+    // "Filters" label survives as the accessible name + tooltip. GHOST like the search and sort
+    // triggers beside it: the three were ghost, outlined and outlined, so one row of refine controls
+    // spoke three visual languages (Wonder Todos, 2026-09-30). The count badge carries the state.
+    return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, 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
  * the host below the toolbar (full-width) when the trigger is expanded.
  */
 export const ResourceLayout_FiltersPanel = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
-    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({
+    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, resolvedRegionalPreferences, isReady } = useI18n({
         component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,
         resource: resourceType,
     });
+    // The reader's resolved zone and the resource's calendar-day fields: the same scope the preset pills and the
+    // chips resolve a date window against, so a day picked here names the rows a pill for that day names.
+    const { timeZone, calendarDateFields } = useCollectionFilterPresetScope(resourceType);
     const tc = (key) => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);
     const fieldLabels = useMemo(() => {
         const labels = {};
@@ -129,7 +139,7 @@ export const ResourceLayout_FiltersPanel = ({ resourceType, filterFields, curren
         // than inside each control branch, so every control type — text,
         // number, date range, boolean and enum selects — carries it from one
         // place and a new branch cannot silently ship without the hook.
-        _jsx("div", { "data-filter-field": field.fieldName, className: "contents", children: _jsx(FilterFieldInput, { field: field, value: currentFilters[field.fieldName], label: fieldLabels[field.fieldName], resourceType: resourceType, onChange: (value) => handleFilterChange(field.fieldName, value), tResourceFieldEnumValue: tResourceFieldEnumValue, tc: tc }, field.fieldName) }, field.fieldName))) }));
+        _jsx("div", { "data-filter-field": field.fieldName, className: "contents", children: _jsx(FilterFieldInput, { field: field, value: currentFilters[field.fieldName], label: fieldLabels[field.fieldName], resourceType: resourceType, onChange: (value) => handleFilterChange(field.fieldName, value), tResourceFieldEnumValue: tResourceFieldEnumValue, tc: tc, calendarDateField: calendarDateFields.has(field.fieldName), timeZone: timeZone, dateFormat: resolvedRegionalPreferences?.dateFormat }, field.fieldName) }, field.fieldName))) }));
 };
 /**
  * Self-contained filters control — trigger + inline expandable panel + active
@@ -167,6 +177,19 @@ const TRI_STATE_FILTER_EDIT_MODE = {
     [BooleanEditMode.SWITCH]: EnumEditMode.SELECT,
     [BooleanEditMode.CHECKBOX]: EnumEditMode.SELECT,
 };
+/**
+ * The three values the boolean filter's tri-state control chooses between. Strings, because the enum
+ * dispatcher selects strings; translated to `undefined` / `true` / `false` at the control's `onChange`.
+ */
+var TriStateFilterValue;
+(function (TriStateFilterValue) {
+    /** No restriction — the "any" sentinel the panel uses for every other unset filter. */
+    TriStateFilterValue["ANY"] = "";
+    /** Only rows where the field is `true`. */
+    TriStateFilterValue["YES"] = "true";
+    /** Only rows where the field is `false`. */
+    TriStateFilterValue["NO"] = "false";
+})(TriStateFilterValue || (TriStateFilterValue = {}));
 /**
  * The schema the tri-state control is DRAWN from — three strings, carrying the shape the author
  * declared on the boolean.
@@ -179,10 +202,10 @@ 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'])
+    return z.enum(TriStateFilterValue)
         .enumUI({ edit: { editMode: TRI_STATE_FILTER_EDIT_MODE[resolveBooleanEditMode(fieldSchema)] } });
 }
-const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResourceFieldEnumValue, tc, }) => {
+const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResourceFieldEnumValue, tc, calendarDateField, timeZone, dateFormat, }) => {
     const [localValue, setLocalValue] = useState(value ?? '');
     const debounceRef = useRef(undefined);
     useEffect(() => {
@@ -214,7 +237,7 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
     }, []);
     const triStateSchema = useMemo(() => buildTriStateFilterSchema(field.schema), [field.schema]);
     switch (field.fieldType) {
-        case 'reference':
+        case FilterFieldType.REFERENCE:
             // FK filter: searchable reference selector against the target resource.
             // The selected id is the filter value; display labels are resolved by
             // the reference control itself. Quick-create stays dormant here — it
@@ -224,21 +247,21 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
             // 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-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':
+        case FilterFieldType.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-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':
+        case FilterFieldType.NUMBER:
             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': {
+        case FilterFieldType.BOOLEAN: {
             const boolOptions = [
-                { value: '', label: tc('booleanAny') },
-                { value: 'true', label: tc('booleanYes') },
-                { value: 'false', label: tc('booleanNo') },
+                { value: TriStateFilterValue.ANY, label: tc('booleanAny') },
+                { value: TriStateFilterValue.YES, label: tc('booleanYes') },
+                { value: TriStateFilterValue.NO, label: tc('booleanNo') },
             ];
-            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 })] }));
+            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 ? TriStateFilterValue.ANY : String(value), onChange: (v) => onChange(v === TriStateFilterValue.ANY ? undefined : v === TriStateFilterValue.YES), controlSize: ControlSize.SM })] }));
         }
-        case 'enum': {
+        case FilterFieldType.ENUM: {
             const enumOptions = [
                 { value: '', label: tc('enumAll') },
                 ...(field.enumValues ?? []).map((enumVal) => {
@@ -248,9 +271,35 @@ const FilterFieldInput = ({ field, value, label, resourceType, onChange, tResour
             ];
             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-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': {
+        case FilterFieldType.DATE: {
+            // The ENGINE's date-range picker, not the browser's `<input type="date">` (#2413). Two reasons, each enough:
+            // the native picker speaks the browser's language and calendar, which the engine cannot localize, while the
+            // engine's `Calendar` speaks the reader's (#2257); and a native date input yields ONE day, while a date
+            // filter field is a `Resources_Filter_DateRangeSchema` on the wire — `{ startDate, endDate }`, both
+            // included. The panel sent `dueDate=2026-09-28`, a scalar the range filter does not describe.
+            //
+            // The value is the WINDOW the backend applies, built from the picked days by the same conversion a preset
+            // pill uses, so the two agree on which rows a day names. One picked day (no end yet) is that day.
+            const days = dateFilterWindowAsDays(value, calendarDateField, timeZone);
+            // No range when nothing is set. The picker is controlled because it is handed `onChange` (#2456), so it shows
+            // what this filter holds, and "Clear all" empties it.
+            //
+            // A window open on one side (a preset's "Overdue" has no start) reaches the picker as its one bound and reads
+            // `≤ <day>` or `≥ <day>`, as its chip does. A calendar cannot pick an open side, so editing it there means
+            // picking a new full range, which the trigger then shows; the open side is replaced in view, never dropped
+            // silently. Pressing the preset's pill again is how the open window comes back.
+            const pickerValue = days ? { from: days.firstDay, to: days.lastDay } : undefined;
+            const handleRangeChange = (range) => {
+                const firstDay = range?.from ?? range?.to;
+                if (!firstDay) {
+                    onChange(undefined);
+                    return;
+                }
+                onChange(dateFilterWindowFromDays(firstDay, range?.to ?? firstDay, calendarDateField, timeZone));
+            };
+            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(DateRangePicker, { name: field.fieldName, schema: field.schema, value: pickerValue, onChange: handleRangeChange, placeholder: tc('anyValue'), dateFormat: dateFormat, timeZone: timeZone, controlSize: ControlSize.SM })] }));
+        }
+        case FilterFieldType.NUMBER_RANGE: {
             // 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