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

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

@@ -0,0 +1,45 @@
+/**
+ * ResourceCollectionFilterPresets — the row of named one-click narrowings ("Urgent", "Created
+ * today", "Unassigned") a collection offers above its list.
+ *
+ * ## It is a PRESENTATION of the collection's filter state, not a second filtering mechanism
+ *
+ * Every pill writes into the SAME `FilterValues` record the filters panel and the chips read, so a
+ * preset filters server-side exactly like the panel control it stands in for, and its ON/OFF is
+ * DERIVED by reading that record back rather than stored beside it. Clear a chip and the pill goes
+ * off; set the same value by hand in the panel and the pill comes on. There is no state here that
+ * can disagree with the list.
+ *
+ * ## Why a toggle GROUP rather than N buttons
+ *
+ * `ToggleGroup` in `MULTIPLE` mode already answers everything a pill row needs and the framework
+ * already owns it: pressed state through `data-state=on` (so every theme's `selected` recipe
+ * applies — including the one that had to be made distinguishable from `hover`) and roving focus
+ * with arrow keys. A hand-rolled row of `<button aria-pressed>` would be more code answering fewer
+ * of those questions.
+ *
+ * It renders with `ToggleGroupAppearance.PILLS` — separate, fully-rounded chips — and not as the
+ * group's default SEGMENTED control. The first version used the segmented look, and the row read
+ * as ONE three-way choice, which is the wrong promise for narrowings meant to combine.
+ *
+ * ## Labels
+ *
+ * `resources.<resourceType>.filterPresets.<ref>.label`. A preset with no authored label renders its
+ * raw `ref` — a missing label must LOOK missing, or nobody ever authors it.
+ */
+import React from 'react';
+import type { CollectionFilterPreset } from '../../core/resources/resources.frontend.schemas';
+import type { FilterValues } from './ResourceLayout_FiltersControl';
+export interface ResourceCollectionFilterPresetsProps {
+    /** Resource type for i18n label resolution. */
+    resourceType: string;
+    /** The declared presets, in authoring order. */
+    presets: readonly CollectionFilterPreset[];
+    /** The collection's current filter values — the single source these pills read and write. */
+    currentFilters: FilterValues;
+    /** Replace the collection's filter values. */
+    onFiltersChange: (filters: FilterValues) => void;
+    className?: string;
+}
+export declare const ResourceCollectionFilterPresets: ({ resourceType, presets, currentFilters, onFiltersChange, className, }: ResourceCollectionFilterPresetsProps) => React.JSX.Element | null;
+//# sourceMappingURL=ResourceCollectionFilterPresets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCollectionFilterPresets.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionFilterPresets.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAMpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAK5G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,WAAW,oCAAoC;IACnD,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C,6FAA6F;IAC7F,cAAc,EAAE,YAAY,CAAC;IAC7B,8CAA8C;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,+BAA+B,GAAI,wEAM7C,oCAAoC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuE7D,CAAC"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ResourceCollectionFilterPresets — the row of named one-click narrowings ("Urgent", "Created
+ * today", "Unassigned") a collection offers above its list.
+ *
+ * ## It is a PRESENTATION of the collection's filter state, not a second filtering mechanism
+ *
+ * Every pill writes into the SAME `FilterValues` record the filters panel and the chips read, so a
+ * preset filters server-side exactly like the panel control it stands in for, and its ON/OFF is
+ * DERIVED by reading that record back rather than stored beside it. Clear a chip and the pill goes
+ * off; set the same value by hand in the panel and the pill comes on. There is no state here that
+ * can disagree with the list.
+ *
+ * ## Why a toggle GROUP rather than N buttons
+ *
+ * `ToggleGroup` in `MULTIPLE` mode already answers everything a pill row needs and the framework
+ * already owns it: pressed state through `data-state=on` (so every theme's `selected` recipe
+ * applies — including the one that had to be made distinguishable from `hover`) and roving focus
+ * with arrow keys. A hand-rolled row of `<button aria-pressed>` would be more code answering fewer
+ * of those questions.
+ *
+ * It renders with `ToggleGroupAppearance.PILLS` — separate, fully-rounded chips — and not as the
+ * group's default SEGMENTED control. The first version used the segmented look, and the row read
+ * as ONE three-way choice, which is the wrong promise for narrowings meant to combine.
+ *
+ * ## Labels
+ *
+ * `resources.<resourceType>.filterPresets.<ref>.label`. A preset with no authored label renders its
+ * raw `ref` — a missing label must LOOK missing, or nobody ever authors it.
+ */
+import { useCallback, useMemo } from 'react';
+import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { ToggleGroup, ToggleGroupAppearance, ToggleGroupItem, ToggleGroupType } from '../../components/form/controls/enum/toggle-group.js';
+import { ToggleVariants_Variant } from '../../components/form/controls/boolean/toggle.js';
+import { isCollectionFilterPresetActive, toggleCollectionFilterPreset, } from '../../core/resources/collection-filter-presets.frontend.utils.js';
+export const ResourceCollectionFilterPresets = ({ resourceType, presets, currentFilters, onFiltersChange, className, }) => {
+    const { tResourceFilterPreset } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });
+    /*
+     * ONE instant for the whole render, so two relative presets resolved in the same pass cannot
+     * straddle midnight and disagree about which day it is. Recomputed on every render rather than
+     * memoized on purpose: a memo keyed on nothing would freeze "today" at mount, and this component
+     * re-renders on every filter change anyway.
+     */
+    const now = new Date();
+    const activeRefs = useMemo(() => presets.filter((preset) => isCollectionFilterPresetActive(preset, currentFilters, now)).map((preset) => preset.ref), 
+    // `now` is intentionally absent: it changes identity every render, which would defeat the memo
+    // entirely. What decides activeness is the filter values and the declared presets; the instant
+    // only matters at the granularity of a day, and a filter change re-runs this anyway.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [presets, currentFilters]);
+    const handleValueChange = useCallback((next) => {
+        const nextRefs = Array.isArray(next) ? next : [next];
+        /*
+         * The group reports the WHOLE pressed set, but exactly one pill changed — and applying the set
+         * wholesale would be wrong: two presets can assign the same field, so replaying both in
+         * authoring order would let the loser silently overwrite the one just clicked. Finding the
+         * single difference and toggling THAT keeps one click meaning one change.
+         */
+        const changedRef = nextRefs.find((ref) => !activeRefs.includes(ref))
+            ?? activeRefs.find((ref) => !nextRefs.includes(ref));
+        if (!changedRef)
+            return;
+        const preset = presets.find((candidate) => candidate.ref === changedRef);
+        if (!preset)
+            return;
+        onFiltersChange(toggleCollectionFilterPreset(preset, currentFilters, new Date()));
+    }, [activeRefs, presets, currentFilters, onFiltersChange]);
+    if (presets.length === 0)
+        return null;
+    return (_jsx(ToggleGroup, { type: ToggleGroupType.MULTIPLE, 
+        // PILLS, not segments: presets are ADDITIVE narrowings that combine in any subset, and a
+        // segmented bar reads as a single three-way choice — which is how the first version of this
+        // row looked, and exactly the wrong promise for filters that are meant to stack.
+        appearance: ToggleGroupAppearance.PILLS, value: activeRefs, onValueChange: handleValueChange, variant: ToggleVariants_Variant.OUTLINE, size: ButtonSize.SM, orientation: DisplayDirection.HORIZONTAL, className: className, "data-slot": "collection-filter-presets", children: presets.map((preset) => {
+            const label = tResourceFilterPreset(resourceType, preset.ref, 'label');
+            return (_jsx(ToggleGroupItem, { value: preset.ref, variant: ToggleVariants_Variant.OUTLINE, size: ButtonSize.SM, "data-preset": preset.ref, children: label }, preset.ref));
+        }) }));
+};
+//# sourceMappingURL=ResourceCollectionFilterPresets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCollectionFilterPresets.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionFilterPresets.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceCollectionFilterPresets — the row of named one-click narrowings (\"Urgent\", \"Created\n * today\", \"Unassigned\") a collection offers above its list.\n *\n * ## It is a PRESENTATION of the collection's filter state, not a second filtering mechanism\n *\n * Every pill writes into the SAME `FilterValues` record the filters panel and the chips read, so a\n * preset filters server-side exactly like the panel control it stands in for, and its ON/OFF is\n * DERIVED by reading that record back rather than stored beside it. Clear a chip and the pill goes\n * off; set the same value by hand in the panel and the pill comes on. There is no state here that\n * can disagree with the list.\n *\n * ## Why a toggle GROUP rather than N buttons\n *\n * `ToggleGroup` in `MULTIPLE` mode already answers everything a pill row needs and the framework\n * already owns it: pressed state through `data-state=on` (so every theme's `selected` recipe\n * applies — including the one that had to be made distinguishable from `hover`) and roving focus\n * with arrow keys. A hand-rolled row of `<button aria-pressed>` would be more code answering fewer\n * of those questions.\n *\n * It renders with `ToggleGroupAppearance.PILLS` — separate, fully-rounded chips — and not as the\n * group's default SEGMENTED control. The first version used the segmented look, and the row read\n * as ONE three-way choice, which is the wrong promise for narrowings meant to combine.\n *\n * ## Labels\n *\n * `resources.<resourceType>.filterPresets.<ref>.label`. A preset with no authored label renders its\n * raw `ref` — a missing label must LOOK missing, or nobody ever authors it.\n */\n\nimport React, { useCallback, useMemo } from 'react';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { ToggleGroup, ToggleGroupAppearance, ToggleGroupItem, ToggleGroupType } from '~wildo-frontend-lib/components/form/controls/enum/toggle-group';\nimport { ToggleVariants_Variant } from '~wildo-frontend-lib/components/form/controls/boolean/toggle';\nimport type { CollectionFilterPreset } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport {\n  isCollectionFilterPresetActive,\n  toggleCollectionFilterPreset,\n} from '~wildo-frontend-lib/core/resources/collection-filter-presets.frontend.utils';\nimport type { FilterValues } from './ResourceLayout_FiltersControl';\n\nexport interface ResourceCollectionFilterPresetsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** The declared presets, in authoring order. */\n  presets: readonly CollectionFilterPreset[];\n  /** The collection's current filter values — the single source these pills read and write. */\n  currentFilters: FilterValues;\n  /** Replace the collection's filter values. */\n  onFiltersChange: (filters: FilterValues) => void;\n  className?: string;\n}\n\nexport const ResourceCollectionFilterPresets = ({\n  resourceType,\n  presets,\n  currentFilters,\n  onFiltersChange,\n  className,\n}: ResourceCollectionFilterPresetsProps): React.JSX.Element | null => {\n  const { tResourceFilterPreset } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });\n\n  /*\n   * ONE instant for the whole render, so two relative presets resolved in the same pass cannot\n   * straddle midnight and disagree about which day it is. Recomputed on every render rather than\n   * memoized on purpose: a memo keyed on nothing would freeze \"today\" at mount, and this component\n   * re-renders on every filter change anyway.\n   */\n  const now = new Date();\n\n  const activeRefs = useMemo(\n    () => presets.filter((preset) => isCollectionFilterPresetActive(preset, currentFilters, now)).map((preset) => preset.ref),\n    // `now` is intentionally absent: it changes identity every render, which would defeat the memo\n    // entirely. What decides activeness is the filter values and the declared presets; the instant\n    // only matters at the granularity of a day, and a filter change re-runs this anyway.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [presets, currentFilters],\n  );\n\n  const handleValueChange = useCallback((next: string | string[]) => {\n    const nextRefs = Array.isArray(next) ? next : [next];\n    /*\n     * The group reports the WHOLE pressed set, but exactly one pill changed — and applying the set\n     * wholesale would be wrong: two presets can assign the same field, so replaying both in\n     * authoring order would let the loser silently overwrite the one just clicked. Finding the\n     * single difference and toggling THAT keeps one click meaning one change.\n     */\n        const changedRef = nextRefs.find((ref) => !activeRefs.includes(ref))\n      ?? activeRefs.find((ref) => !nextRefs.includes(ref));\n    if (!changedRef) return;\n\n    const preset = presets.find((candidate) => candidate.ref === changedRef);\n    if (!preset) return;\n\n    onFiltersChange(toggleCollectionFilterPreset(preset, currentFilters, new Date()) as FilterValues);\n  }, [activeRefs, presets, currentFilters, onFiltersChange]);\n\n  if (presets.length === 0) return null;\n\n  return (\n    <ToggleGroup\n      type={ToggleGroupType.MULTIPLE}\n      // PILLS, not segments: presets are ADDITIVE narrowings that combine in any subset, and a\n      // segmented bar reads as a single three-way choice — which is how the first version of this\n      // row looked, and exactly the wrong promise for filters that are meant to stack.\n      appearance={ToggleGroupAppearance.PILLS}\n      value={activeRefs}\n      onValueChange={handleValueChange}\n      variant={ToggleVariants_Variant.OUTLINE}\n      size={ButtonSize.SM}\n      orientation={DisplayDirection.HORIZONTAL}\n      className={className}\n      data-slot=\"collection-filter-presets\"\n    >\n      {presets.map((preset) => {\n        const label = tResourceFilterPreset(resourceType, preset.ref, 'label');\n        return (\n          <ToggleGroupItem\n            key={preset.ref}\n            value={preset.ref}\n            variant={ToggleVariants_Variant.OUTLINE}\n            size={ButtonSize.SM}\n            data-preset={preset.ref}\n          >\n            {label}\n          </ToggleGroupItem>\n        );\n      })}\n    </ToggleGroup>\n  );\n};\n"]}

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

@@ -14,12 +14,30 @@
  * `ResourceOperationFrontendConfigSchema`). Reusable by any enum-status
  * collection: webhook deliveries, SIEM DLQ, invitations, …
  *
- * Composition: the registered `Tabs` compound (LOW_LEVEL_TABS slot) in
- * horizontal orientation — value-controlled, no `TabsContent` (the "content"
- * is the collection body below, which re-fetches on filter change). The "All"
- * tab reuses the filters vocabulary's `enumAll` label; per-value labels come
+ * Composition: the registered `ToggleGroup` compound (LOW_LEVEL_TOGGLE_GROUP
+ * slot) in SINGLE mode — one option always selected, value-controlled. The "All"
+ * option reuses the filters vocabulary's `enumAll` label; per-value labels come
  * from the enum value i18n (`tResourceFieldEnumValue`), the same source the
  * filters panel uses — the two controls can never drift.
+ *
+ * ## Why a toggle group and not tabs — this was tabs, and it was a false claim
+ *
+ * It was built from the `Tabs` compound with no `TabsContent`, because the
+ * "content" is the collection body below, which re-fetches on filter change.
+ * But a tab is a promise that activating it REVEALS A PANEL: Radix gives every
+ * trigger an `aria-controls` naming its panel, and here no panel exists. axe
+ * reported it as a CRITICAL `aria-valid-attr-value` on the app home (#1411),
+ * and a screen reader announced "tab 1 of 3" for options that switch no panel.
+ *
+ * Suppressing `aria-controls` would have silenced the checker and kept the lie:
+ * `role="tab"` still tells assistive technology there are panels. Choosing one
+ * of N filters over the same list is a SINGLE-CHOICE group, which is what a
+ * single toggle group is — Radix renders its items as `role="radio"` with
+ * `aria-checked` inside a labelled group, with roving focus, exactly as the
+ * WAI-ARIA radio pattern describes.
+ *
+ * Name kept (`…QuickFilterTabs`): it is a public export and the idiom it names
+ * is visual. What changed is what it TELLS assistive technology.
  */
 import React from 'react';
 import type { FilterFieldDefinition } from './ResourceLayout_FiltersControl';

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionQuickFilterTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionQuickFilterTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAS7E,MAAM,WAAW,sCAAsC;IACrD,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,KAAK,EAAE,qBAAqB,CAAC;IAC7B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iEAAiE;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iCAAiC,GAAI,sDAM/C,sCAAsC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAwC/D,CAAC"}
+{"version":3,"file":"ResourceCollectionQuickFilterTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionQuickFilterTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAS7E,MAAM,WAAW,sCAAsC;IACrD,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,KAAK,EAAE,qBAAqB,CAAC;IAC7B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iEAAiE;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iCAAiC,GAAI,sDAM/C,sCAAsC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA8C/D,CAAC"}

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

@@ -15,18 +15,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * `ResourceOperationFrontendConfigSchema`). Reusable by any enum-status
  * collection: webhook deliveries, SIEM DLQ, invitations, …
  *
- * Composition: the registered `Tabs` compound (LOW_LEVEL_TABS slot) in
- * horizontal orientation — value-controlled, no `TabsContent` (the "content"
- * is the collection body below, which re-fetches on filter change). The "All"
- * tab reuses the filters vocabulary's `enumAll` label; per-value labels come
+ * Composition: the registered `ToggleGroup` compound (LOW_LEVEL_TOGGLE_GROUP
+ * slot) in SINGLE mode — one option always selected, value-controlled. The "All"
+ * option reuses the filters vocabulary's `enumAll` label; per-value labels come
  * from the enum value i18n (`tResourceFieldEnumValue`), the same source the
  * filters panel uses — the two controls can never drift.
+ *
+ * ## Why a toggle group and not tabs — this was tabs, and it was a false claim
+ *
+ * It was built from the `Tabs` compound with no `TabsContent`, because the
+ * "content" is the collection body below, which re-fetches on filter change.
+ * But a tab is a promise that activating it REVEALS A PANEL: Radix gives every
+ * trigger an `aria-controls` naming its panel, and here no panel exists. axe
+ * reported it as a CRITICAL `aria-valid-attr-value` on the app home (#1411),
+ * and a screen reader announced "tab 1 of 3" for options that switch no panel.
+ *
+ * Suppressing `aria-controls` would have silenced the checker and kept the lie:
+ * `role="tab"` still tells assistive technology there are panels. Choosing one
+ * of N filters over the same list is a SINGLE-CHOICE group, which is what a
+ * single toggle group is — Radix renders its items as `role="radio"` with
+ * `aria-checked` inside a labelled group, with roving focus, exactly as the
+ * WAI-ARIA radio pattern describes.
+ *
+ * Name kept (`…QuickFilterTabs`): it is a public export and the idiom it names
+ * is visual. What changed is what it TELLS assistive technology.
  */
 import { useCallback } from 'react';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { cn } from '../../core/ui/cn.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
-import { Tabs, TabsList, TabsTrigger } from '../../components/sections/tabs.js';
+import { ToggleGroup, ToggleGroupItem, ToggleGroupType } from '../../components/form/controls/enum/toggle-group.js';
 /**
  * Sentinel tab value for the unset ("All") state. Enum member values are
  * author-owned strings, so the sentinel is namespaced to avoid ever colliding
@@ -38,6 +56,13 @@ export const ResourceCollectionQuickFilterTabs = ({ resourceType, field, value,
         component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,
     });
     const handleValueChange = useCallback((next) => {
+        /*
+         * A single toggle group lets the active item be pressed OFF, which reports `''`. A filter
+         * strip always has exactly one active option — "All" is itself a choice — so pressing the
+         * active one is a no-op rather than a state the strip cannot represent.
+         */
+        if (typeof next !== 'string' || next === '')
+            return;
         onChange(next === ALL_TAB_VALUE ? undefined : next);
     }, [onChange]);
     const enumValues = field.enumValues ?? [];
@@ -46,6 +71,6 @@ export const ResourceCollectionQuickFilterTabs = ({ resourceType, field, value,
     if (enumValues.length === 0)
         return null;
     const fieldLabel = tResourceFieldDisplay(resourceType, field.fieldName, 'label');
-    return (_jsx(Tabs, { value: value ?? ALL_TAB_VALUE, onValueChange: handleValueChange, className: cn('w-full', className), "data-slot": "collection-quick-filter", children: _jsxs(TabsList, { "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'quickFilterLabel', { field: fieldLabel }), children: [_jsx(TabsTrigger, { value: ALL_TAB_VALUE, children: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'enumAll') }), enumValues.map((enumValue) => (_jsx(TabsTrigger, { value: enumValue, children: tResourceFieldEnumValue(resourceType, field.fieldName, enumValue) }, enumValue)))] }) }));
+    return (_jsxs(ToggleGroup, { type: ToggleGroupType.SINGLE, value: value ?? ALL_TAB_VALUE, onValueChange: handleValueChange, rovingFocus: true, loop: true, className: cn('flex-wrap justify-start', className), "data-slot": "collection-quick-filter", "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'quickFilterLabel', { field: fieldLabel }), children: [_jsx(ToggleGroupItem, { value: ALL_TAB_VALUE, children: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'enumAll') }), enumValues.map((enumValue) => (_jsx(ToggleGroupItem, { value: enumValue, children: tResourceFieldEnumValue(resourceType, field.fieldName, enumValue, field.schema) }, enumValue)))] }));
 };
 //# sourceMappingURL=ResourceCollectionQuickFilterTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionQuickFilterTabs.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionQuickFilterTabs.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAG3F;;;;GAIG;AACH,MAAM,aAAa,GAAG,4BAA4B,CAAC;AAcnD,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,EAChD,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAC8B,EAA4B,EAAE;IACrE,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;QAC7E,SAAS,EAAE,qBAAqB,CAAC,yBAAyB;KAC3D,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAY,EAAE,EAAE;QACf,QAAQ,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,yEAAyE;IACzE,2EAA2E;IAC3E,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzC,MAAM,UAAU,GAAG,qBAAqB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAEjF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,IAAI,aAAa,EAC7B,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,eACxB,yBAAyB,YAEnC,MAAC,QAAQ,kBACK,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,aAElH,KAAC,WAAW,IAAC,KAAK,EAAE,aAAa,YAC9B,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAC3D,EACb,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,KAAC,WAAW,IAAiB,KAAK,EAAE,SAAS,YAC1C,uBAAuB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,IADlD,SAAS,CAEb,CACf,CAAC,IACO,GACN,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ResourceCollectionQuickFilterTabs — promotes ONE enum filter field to a\n * prominent tab strip above the collection toolbar (\"All · Delivered · Failed\"\n * — the Stripe/Ignisign webhook-dashboard idiom).\n *\n * This is a *presentation* of the collection's existing filter state, not a\n * second filtering mechanism: the host wires `value`/`onChange` into the SAME\n * `FilterValues` record the filters panel writes, and removes the promoted\n * field from the panel/chips so exactly one control owns it. Selecting a tab\n * therefore filters server-side, exactly like the panel select it replaces.\n *\n * Authored via `collectionDisplayConfig.quickFilterField` on the LIST/SEARCH\n * operation's ui-behavior view config (see\n * `ResourceOperationFrontendConfigSchema`). Reusable by any enum-status\n * collection: webhook deliveries, SIEM DLQ, invitations, …\n *\n * Composition: the registered `Tabs` compound (LOW_LEVEL_TABS slot) in\n * horizontal orientation — value-controlled, no `TabsContent` (the \"content\"\n * is the collection body below, which re-fetches on filter change). The \"All\"\n * tab reuses the filters vocabulary's `enumAll` label; per-value labels come\n * from the enum value i18n (`tResourceFieldEnumValue`), the same source the\n * filters panel uses — the two controls can never drift.\n */\n\nimport React, { useCallback } from 'react';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { Tabs, TabsList, TabsTrigger } from '~wildo-frontend-lib/components/sections/tabs';\nimport type { FilterFieldDefinition } from './ResourceLayout_FiltersControl';\n\n/**\n * Sentinel tab value for the unset (\"All\") state. Enum member values are\n * author-owned strings, so the sentinel is namespaced to avoid ever colliding\n * with a real member.\n */\nconst ALL_TAB_VALUE = '__wildo-quick-filter-all__';\n\nexport interface ResourceCollectionQuickFilterTabsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** The promoted enum filter field (must carry `enumValues`). */\n  field: FilterFieldDefinition;\n  /** Current filter value for the field — `undefined` selects the \"All\" tab. */\n  value: string | undefined;\n  /** Set (or clear, with `undefined`) the field's filter value. */\n  onChange: (value: string | undefined) => void;\n  className?: string;\n}\n\nexport const ResourceCollectionQuickFilterTabs = ({\n  resourceType,\n  field,\n  value,\n  onChange,\n  className,\n}: ResourceCollectionQuickFilterTabsProps): React.JSX.Element | null => {\n  const { tComponent, tResourceFieldDisplay, tResourceFieldEnumValue } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n  });\n\n  const handleValueChange = useCallback(\n    (next: string) => {\n      onChange(next === ALL_TAB_VALUE ? undefined : next);\n    },\n    [onChange],\n  );\n\n  const enumValues = field.enumValues ?? [];\n  // Degrade gracefully on a misauthored promotion (non-enum / empty enum):\n  // render nothing — the field stays available in the regular filters panel.\n  if (enumValues.length === 0) return null;\n\n  const fieldLabel = tResourceFieldDisplay(resourceType, field.fieldName, 'label');\n\n  return (\n    <Tabs\n      value={value ?? ALL_TAB_VALUE}\n      onValueChange={handleValueChange}\n      className={cn('w-full', className)}\n      data-slot=\"collection-quick-filter\"\n    >\n      <TabsList\n        aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'quickFilterLabel', { field: fieldLabel })}\n      >\n        <TabsTrigger value={ALL_TAB_VALUE}>\n          {tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'enumAll')}\n        </TabsTrigger>\n        {enumValues.map((enumValue) => (\n          <TabsTrigger key={enumValue} value={enumValue}>\n            {tResourceFieldEnumValue(resourceType, field.fieldName, enumValue)}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n    </Tabs>\n  );\n};\n"]}
+{"version":3,"file":"ResourceCollectionQuickFilterTabs.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionQuickFilterTabs.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAG/H;;;;GAIG;AACH,MAAM,aAAa,GAAG,4BAA4B,CAAC;AAcnD,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,EAChD,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAC8B,EAA4B,EAAE;IACrE,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;QAC7E,SAAS,EAAE,qBAAqB,CAAC,yBAAyB;KAC3D,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAuB,EAAE,EAAE;QAC1B;;;;WAIG;QACH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;YAAE,OAAO;QACpD,QAAQ,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,yEAAyE;IACzE,2EAA2E;IAC3E,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzC,MAAM,UAAU,GAAG,qBAAqB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAEjF,OAAO,CACL,MAAC,WAAW,IACV,IAAI,EAAE,eAAe,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,IAAI,aAAa,EAC7B,aAAa,EAAE,iBAAiB,EAChC,WAAW,QACX,IAAI,QACJ,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,eACzC,yBAAyB,gBACvB,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,aAElH,KAAC,eAAe,IAAC,KAAK,EAAE,aAAa,YAClC,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,SAAS,CAAC,GACvD,EACjB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,KAAC,eAAe,IAAiB,KAAK,EAAE,SAAS,YAC9C,uBAAuB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,IAD5D,SAAS,CAEb,CACnB,CAAC,IACU,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ResourceCollectionQuickFilterTabs — promotes ONE enum filter field to a\n * prominent tab strip above the collection toolbar (\"All · Delivered · Failed\"\n * — the Stripe/Ignisign webhook-dashboard idiom).\n *\n * This is a *presentation* of the collection's existing filter state, not a\n * second filtering mechanism: the host wires `value`/`onChange` into the SAME\n * `FilterValues` record the filters panel writes, and removes the promoted\n * field from the panel/chips so exactly one control owns it. Selecting a tab\n * therefore filters server-side, exactly like the panel select it replaces.\n *\n * Authored via `collectionDisplayConfig.quickFilterField` on the LIST/SEARCH\n * operation's ui-behavior view config (see\n * `ResourceOperationFrontendConfigSchema`). Reusable by any enum-status\n * collection: webhook deliveries, SIEM DLQ, invitations, …\n *\n * Composition: the registered `ToggleGroup` compound (LOW_LEVEL_TOGGLE_GROUP\n * slot) in SINGLE mode — one option always selected, value-controlled. The \"All\"\n * option reuses the filters vocabulary's `enumAll` label; per-value labels come\n * from the enum value i18n (`tResourceFieldEnumValue`), the same source the\n * filters panel uses — the two controls can never drift.\n *\n * ## Why a toggle group and not tabs — this was tabs, and it was a false claim\n *\n * It was built from the `Tabs` compound with no `TabsContent`, because the\n * \"content\" is the collection body below, which re-fetches on filter change.\n * But a tab is a promise that activating it REVEALS A PANEL: Radix gives every\n * trigger an `aria-controls` naming its panel, and here no panel exists. axe\n * reported it as a CRITICAL `aria-valid-attr-value` on the app home (#1411),\n * and a screen reader announced \"tab 1 of 3\" for options that switch no panel.\n *\n * Suppressing `aria-controls` would have silenced the checker and kept the lie:\n * `role=\"tab\"` still tells assistive technology there are panels. Choosing one\n * of N filters over the same list is a SINGLE-CHOICE group, which is what a\n * single toggle group is — Radix renders its items as `role=\"radio\"` with\n * `aria-checked` inside a labelled group, with roving focus, exactly as the\n * WAI-ARIA radio pattern describes.\n *\n * Name kept (`…QuickFilterTabs`): it is a public export and the idiom it names\n * is visual. What changed is what it TELLS assistive technology.\n */\n\nimport React, { useCallback } from 'react';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { ToggleGroup, ToggleGroupItem, ToggleGroupType } from '~wildo-frontend-lib/components/form/controls/enum/toggle-group';\nimport type { FilterFieldDefinition } from './ResourceLayout_FiltersControl';\n\n/**\n * Sentinel tab value for the unset (\"All\") state. Enum member values are\n * author-owned strings, so the sentinel is namespaced to avoid ever colliding\n * with a real member.\n */\nconst ALL_TAB_VALUE = '__wildo-quick-filter-all__';\n\nexport interface ResourceCollectionQuickFilterTabsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** The promoted enum filter field (must carry `enumValues`). */\n  field: FilterFieldDefinition;\n  /** Current filter value for the field — `undefined` selects the \"All\" tab. */\n  value: string | undefined;\n  /** Set (or clear, with `undefined`) the field's filter value. */\n  onChange: (value: string | undefined) => void;\n  className?: string;\n}\n\nexport const ResourceCollectionQuickFilterTabs = ({\n  resourceType,\n  field,\n  value,\n  onChange,\n  className,\n}: ResourceCollectionQuickFilterTabsProps): React.JSX.Element | null => {\n  const { tComponent, tResourceFieldDisplay, tResourceFieldEnumValue } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n  });\n\n  const handleValueChange = useCallback(\n    (next: string | string[]) => {\n      /*\n       * A single toggle group lets the active item be pressed OFF, which reports `''`. A filter\n       * strip always has exactly one active option — \"All\" is itself a choice — so pressing the\n       * active one is a no-op rather than a state the strip cannot represent.\n       */\n      if (typeof next !== 'string' || next === '') return;\n      onChange(next === ALL_TAB_VALUE ? undefined : next);\n    },\n    [onChange],\n  );\n\n  const enumValues = field.enumValues ?? [];\n  // Degrade gracefully on a misauthored promotion (non-enum / empty enum):\n  // render nothing — the field stays available in the regular filters panel.\n  if (enumValues.length === 0) return null;\n\n  const fieldLabel = tResourceFieldDisplay(resourceType, field.fieldName, 'label');\n\n  return (\n    <ToggleGroup\n      type={ToggleGroupType.SINGLE}\n      value={value ?? ALL_TAB_VALUE}\n      onValueChange={handleValueChange}\n      rovingFocus\n      loop\n      className={cn('flex-wrap justify-start', className)}\n      data-slot=\"collection-quick-filter\"\n      aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'quickFilterLabel', { field: fieldLabel })}\n    >\n      <ToggleGroupItem value={ALL_TAB_VALUE}>\n        {tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'enumAll')}\n      </ToggleGroupItem>\n      {enumValues.map((enumValue) => (\n        <ToggleGroupItem key={enumValue} value={enumValue}>\n          {tResourceFieldEnumValue(resourceType, field.fieldName, enumValue, field.schema)}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroup>\n  );\n};\n"]}

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

@@ -28,7 +28,7 @@
 import React from 'react';
 import { type FilterFieldDefinition, type FilterValues } from './ResourceLayout_FiltersControl';
 import { type SortState } from './ResourceLayout_SortControl';
-import { CollectionDisplayMode } from '../../core/resources/resources.frontend.schemas';
+import { CollectionDisplayMode, type CollectionFilterPreset } from '../../core/resources/resources.frontend.schemas';
 export interface ResourceCollectionToolbarSearch {
     query: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -47,12 +47,19 @@ export interface ResourceCollectionToolbarViewMode {
 export interface ResourceCollectionToolbarSelection {
     /** Number of currently-selected items. */
     count: number;
-    /** Whether every current-page item is selected (header select-all state). */
-    allSelected: boolean;
-    /** Toggle selection of every current-page item. */
-    onToggleAll: () => void;
     /** Clear the whole selection. */
     onClear: () => void;
+    /**
+     * Offered by the host when every row on the page is selected and the listing matches more rows
+     * than the page holds — see `CollectionSelectionControls`, which owns the wording and the rule
+     * about when it appears.
+     */
+    matchAllOffer?: {
+        matchedCount: number;
+        onSelectAllMatching: () => void;
+    };
+    /** True once the selection IS the query rather than a set of ticked rows. */
+    isMatchAllSelected?: boolean;
 }
 export interface ResourceCollectionToolbarQuickFilter {
     /** The promoted enum filter field (see `collectionDisplayConfig.quickFilterField`). */
@@ -72,6 +79,12 @@ export interface ResourceCollectionToolbarProps {
      * and the tabs never render competing controls for the same field.
      */
     quickFilter?: ResourceCollectionToolbarQuickFilter;
+    /**
+     * Named one-click narrowings, rendered as toggleable pills between the quick-filter tabs and the
+     * toolbar row. They share this toolbar's `filterValues`/`onFiltersChange`, so a pill and the
+     * filters panel are two views of one state and cannot disagree.
+     */
+    presetFilters?: readonly CollectionFilterPreset[];
     /** Inline search state — omit to hide the search affordance entirely. */
     search?: ResourceCollectionToolbarSearch;
     /** Filter fields + state. Trigger/panel/chips are hidden when there are none. */
@@ -88,9 +101,12 @@ export interface ResourceCollectionToolbarProps {
     /** Primary action node (e.g. the Create button), placed at the trailing edge. */
     primaryAction?: React.ReactNode;
     /**
-     * Selection state — omit for non-selectable collections. When present, a
-     * select-all + "N selected" + clear cluster renders in the leading (refine)
-     * zone beside search/filter/sort.
+     * Selection SUMMARY — omit for non-selectable collections. When present, an "N selected" + clear
+     * cluster renders in the leading (refine) zone beside search/filter/sort.
+     *
+     * The select-ALL checkbox is deliberately NOT here: it belongs in the column of row checkboxes it
+     * commands (the table's header cell, or `CollectionSelectionHeaderRail` above a cards list), not
+     * in a toolbar row a couple of hundred pixels to their right. See `CollectionSelectionControls`.
      */
     selection?: ResourceCollectionToolbarSelection;
     /**
@@ -112,5 +128,5 @@ export interface ResourceCollectionToolbarProps {
     /** Additional CSS classes for the toolbar region. */
     className?: string;
 }
-export declare const ResourceCollectionToolbar: ({ resourceType, quickFilter, search, filterFields, filterValues, onFiltersChange, sort, viewMode, primaryAction, selection, bulkActions, collectionActions, className, }: ResourceCollectionToolbarProps) => React.JSX.Element;
+export declare const ResourceCollectionToolbar: ({ resourceType, quickFilter, presetFilters, search, filterFields, filterValues, onFiltersChange, sort, viewMode, primaryAction, selection, bulkActions, collectionActions, className, }: ResourceCollectionToolbarProps) => React.JSX.Element;
 //# sourceMappingURL=ResourceCollectionToolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionToolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EAClB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAUtG,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,sEAAsE;IACtE,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,kCAAkC;IACjD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,WAAW,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,oCAAoC;IACnD,uFAAuF;IACvF,KAAK,EAAE,qBAAqB,CAAC;IAC7B,wEAAwE;IACxE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,8BAA8B;IAC7C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,oCAAoC,CAAC;IACnD,yEAAyE;IACzE,MAAM,CAAC,EAAE,+BAA+B,CAAC;IACzC,iFAAiF;IACjF,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,6BAA6B,CAAC;IACrC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,iCAAiC,CAAC;IAC7C,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,kCAAkC,CAAC;IAC/C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,GAAI,0KAcvC,8BAA8B,KAAG,KAAK,CAAC,GAAG,CAAC,OAqJ7C,CAAC"}
+{"version":3,"file":"ResourceCollectionToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionToolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EAClB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,qBAAqB,EAAE,KAAK,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAUnI,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,sEAAsE;IACtE,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,kCAAkC;IACjD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,mBAAmB,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC1E,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,oCAAoC;IACnD,uFAAuF;IACvF,KAAK,EAAE,qBAAqB,CAAC;IAC7B,wEAAwE;IACxE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,8BAA8B;IAC7C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,oCAAoC,CAAC;IACnD;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAClD,yEAAyE;IACzE,MAAM,CAAC,EAAE,+BAA+B,CAAC;IACzC,iFAAiF;IACjF,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,6BAA6B,CAAC;IACrC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,iCAAiC,CAAC;IAC7C,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,kCAAkC,CAAC;IAC/C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,GAAI,yLAevC,8BAA8B,KAAG,KAAK,CAAC,GAAG,CAAC,OAoK7C,CAAC"}

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

@@ -37,6 +37,7 @@ import { InlineSearchInput } from './InlineSearchInput.js';
 import { ResourceLayout_FiltersTrigger, ResourceLayout_FiltersPanel, countActiveFilters, } from './ResourceLayout_FiltersControl.js';
 import { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips.js';
 import { ResourceCollectionQuickFilterTabs } from './ResourceCollectionQuickFilterTabs.js';
+import { ResourceCollectionFilterPresets } from './ResourceCollectionFilterPresets.js';
 import { ResourceLayout_SortControl } from './ResourceLayout_SortControl.js';
 import { ResourceViewModeToggle } from './ResourceViewModeToggle.js';
 import { CollectionSelectionControls } from './CollectionSelectionControls.js';
@@ -46,7 +47,7 @@ import { CollectionSelectionControls } from './CollectionSelectionControls.js';
  * `prefers-reduced-motion` (the field still opens, just instantly).
  */
 const SEARCH_WIDTH_TRANSITION = 'motion-safe:transition-[width] motion-safe:duration-[var(--motion-duration-normal)] motion-safe:ease-[var(--motion-easing-default)] motion-reduce:transition-none';
-export const ResourceCollectionToolbar = ({ resourceType, quickFilter, search, filterFields, filterValues, onFiltersChange, sort, viewMode, primaryAction, selection, bulkActions, collectionActions, className, }) => {
+export const ResourceCollectionToolbar = ({ resourceType, quickFilter, presetFilters, search, filterFields, filterValues, onFiltersChange, sort, viewMode, primaryAction, selection, bulkActions, collectionActions, className, }) => {
     const [searchExpanded, setSearchExpanded] = useState(false);
     const [filtersExpanded, setFiltersExpanded] = useState(false);
     const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });
@@ -74,6 +75,6 @@ export const ResourceCollectionToolbar = ({ resourceType, quickFilter, search, f
     // empty. Scoping to `filterFields` keeps the badge in sync with the panel.
     const activeFilterCount = countActiveFilters(filterValues, filterFields.map(f => f.fieldName));
     const isSearchOpen = !!search && (searchExpanded || !!search.query);
-    return (_jsxs("div", { className: cn('flex flex-col gap-element-sm', className), "data-slot": "collection-toolbar", children: [quickFilter && (_jsx(ResourceCollectionQuickFilterTabs, { resourceType: resourceType, field: quickFilter.field, value: quickFilter.value, onChange: quickFilter.onChange })), _jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [search && !isSearchOpen && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => setSearchExpanded(true), "aria-label": searchPlaceholder, "data-slot": "collection-toolbar-search-trigger", children: renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM }) })), search && isSearchOpen && (_jsx("div", { className: cn('overflow-hidden shrink-0 w-64 max-w-full', SEARCH_WIDTH_TRANSITION), "data-state": "open", children: _jsx(InlineSearchInput, { query: search.query, onChange: search.onChange, onClear: search.onClear, resourceType: resourceType, autoFocus: true, onFocus: () => setSearchExpanded(true), onBlur: handleSearchBlur, onKeyDown: handleSearchKeyDown }) })), hasFilters && (_jsx(ResourceLayout_FiltersTrigger, { activeCount: activeFilterCount, isExpanded: filtersExpanded, onToggle: () => setFiltersExpanded(prev => !prev) })), hasSort && (_jsx(ResourceLayout_SortControl, { resourceType: resourceType, sortFields: sort.sortFields, currentSorts: sort.sortStates, onSortChange: sort.onSortChange })), selection && (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-5 w-px bg-border mx-element-xs", "aria-hidden": "true" }), _jsx(CollectionSelectionControls, { count: selection.count, allSelected: selection.allSelected, onToggleAll: selection.onToggleAll, onClear: selection.onClear })] })), (viewMode || primaryAction || bulkActions || collectionActions) && (_jsxs("div", { className: "flex items-center gap-element ms-auto", children: [viewMode && (_jsx(ResourceViewModeToggle, { viewMode: viewMode.viewMode, onViewModeChange: viewMode.onViewModeChange })), collectionActions, selection && selection.count > 0 && bulkActions ? bulkActions : primaryAction] }))] }), hasFilters && filtersExpanded && (_jsx(ResourceLayout_FiltersPanel, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: onFiltersChange })), hasFilters && (_jsx(ResourceLayout_FilterChips, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: onFiltersChange }))] }));
+    return (_jsxs("div", { className: cn('flex flex-col gap-element-sm', className), "data-slot": "collection-toolbar", children: [quickFilter && (_jsx(ResourceCollectionQuickFilterTabs, { resourceType: resourceType, field: quickFilter.field, value: quickFilter.value, onChange: quickFilter.onChange })), presetFilters && presetFilters.length > 0 && (_jsx(ResourceCollectionFilterPresets, { resourceType: resourceType, presets: presetFilters, currentFilters: filterValues, onFiltersChange: onFiltersChange })), _jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [search && !isSearchOpen && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => setSearchExpanded(true), "aria-label": searchPlaceholder, "data-slot": "collection-toolbar-search-trigger", children: renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM }) })), search && isSearchOpen && (_jsx("div", { className: cn('overflow-hidden shrink-0 w-64 max-w-full', SEARCH_WIDTH_TRANSITION), "data-state": "open", children: _jsx(InlineSearchInput, { query: search.query, onChange: search.onChange, onClear: search.onClear, resourceType: resourceType, autoFocus: true, onFocus: () => setSearchExpanded(true), onBlur: handleSearchBlur, onKeyDown: handleSearchKeyDown }) })), hasFilters && (_jsx(ResourceLayout_FiltersTrigger, { activeCount: activeFilterCount, isExpanded: filtersExpanded, onToggle: () => setFiltersExpanded(prev => !prev) })), hasSort && (_jsx(ResourceLayout_SortControl, { resourceType: resourceType, sortFields: sort.sortFields, currentSorts: sort.sortStates, onSortChange: sort.onSortChange })), selection && (_jsxs(_Fragment, { children: [selection.count > 0 && _jsx("div", { className: "h-5 w-px bg-border", "aria-hidden": "true" }), _jsx(CollectionSelectionControls, { count: selection.count, onClear: selection.onClear, ...(selection.matchAllOffer ? { matchAllOffer: selection.matchAllOffer } : {}), ...(selection.isMatchAllSelected ? { isMatchAllSelected: true } : {}) })] })), (viewMode || primaryAction || bulkActions || collectionActions) && (_jsxs("div", { className: "flex items-center gap-element ms-auto", children: [viewMode && (_jsx(ResourceViewModeToggle, { viewMode: viewMode.viewMode, onViewModeChange: viewMode.onViewModeChange })), collectionActions, selection && selection.count > 0 && bulkActions ? bulkActions : primaryAction] }))] }), hasFilters && filtersExpanded && (_jsx(ResourceLayout_FiltersPanel, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: onFiltersChange })), hasFilters && (_jsx(ResourceLayout_FilterChips, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: onFiltersChange }))] }));
 };
 //# sourceMappingURL=ResourceCollectionToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceCollectionToolbar — the shared, zoned control region for every resource\n * collection view (LIST cards, LIST table, SEARCH).\n *\n * Layout (a single responsive flex row + stacked sub-rows):\n *   [ search · filters · sort ] ───────────────── [ view-mode · primary action ]\n *   [ filters panel (when expanded, full-width) ]\n *   [ active filter chips ]\n *\n * \"Refine\" controls (search/filters/sort) cluster at the leading edge — search is\n * always first; \"view + act\" controls (view-mode toggle, Create) cluster at the\n * trailing edge via `ms-auto`. `flex-wrap` handles narrow widths with no media\n * queries.\n *\n * The search is an expand-on-focus field: collapsed it reads as a search icon\n * (icon-width), and it animates open to a full field when focused — the width\n * transition is driven by the theme motion tokens (`--motion-duration-*` /\n * `--motion-easing-*`) and respects `prefers-reduced-motion`, so any theme retunes\n * the speed/curve. Filters and sort sit beside it as compact icon controls.\n *\n * The total item count is intentionally NOT shown here — the pagination footer\n * owns the total (\"Showing X–Y of Z\") to keep a single source of truth.\n *\n * Presentational + slot-based: it owns only its own ephemeral UI state (search\n * expand, filters-panel expand). All data/state/handlers are supplied by the\n * collection host, so the same toolbar serves cards, table, and search.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\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 { InlineSearchInput } from './InlineSearchInput';\nimport {\n  ResourceLayout_FiltersTrigger,\n  ResourceLayout_FiltersPanel,\n  countActiveFilters,\n  type FilterFieldDefinition,\n  type FilterValues,\n} from './ResourceLayout_FiltersControl';\nimport { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips';\nimport { ResourceCollectionQuickFilterTabs } from './ResourceCollectionQuickFilterTabs';\nimport { ResourceLayout_SortControl, type SortState } from './ResourceLayout_SortControl';\nimport { ResourceViewModeToggle } from './ResourceViewModeToggle';\nimport { CollectionSelectionControls } from './CollectionSelectionControls';\nimport { CollectionDisplayMode } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\n/**\n * Width transition for the expand-on-focus search field. Timing + curve come from\n * the theme motion tokens (so a theme retunes them); suppressed under\n * `prefers-reduced-motion` (the field still opens, just instantly).\n */\nconst SEARCH_WIDTH_TRANSITION =\n  'motion-safe:transition-[width] motion-safe:duration-[var(--motion-duration-normal)] motion-safe:ease-[var(--motion-easing-default)] motion-reduce:transition-none';\n\nexport interface ResourceCollectionToolbarSearch {\n  query: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onClear: () => void;\n}\n\nexport interface ResourceCollectionToolbarSort {\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (empty = no sorting). */\n  sortStates: readonly SortState[];\n  onSortChange: (sorts: SortState[]) => void;\n}\n\nexport interface ResourceCollectionToolbarViewMode {\n  viewMode: CollectionDisplayMode;\n  onViewModeChange: (mode: CollectionDisplayMode) => void;\n}\n\nexport interface ResourceCollectionToolbarSelection {\n  /** Number of currently-selected items. */\n  count: number;\n  /** Whether every current-page item is selected (header select-all state). */\n  allSelected: boolean;\n  /** Toggle selection of every current-page item. */\n  onToggleAll: () => void;\n  /** Clear the whole selection. */\n  onClear: () => void;\n}\n\nexport interface ResourceCollectionToolbarQuickFilter {\n  /** The promoted enum filter field (see `collectionDisplayConfig.quickFilterField`). */\n  field: FilterFieldDefinition;\n  /** Current filter value for the field — `undefined` = the \"All\" tab. */\n  value: string | undefined;\n  /** Set (or clear, with `undefined`) the promoted field's filter value. */\n  onChange: (value: string | undefined) => void;\n}\n\nexport interface ResourceCollectionToolbarProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /**\n   * Quick-filter tab strip (\"All · <value> · …\") rendered above the toolbar\n   * row — a promoted enum filter that shares the collection's filter state.\n   * The host must EXCLUDE the promoted field from `filterFields` so the panel\n   * and the tabs never render competing controls for the same field.\n   */\n  quickFilter?: ResourceCollectionToolbarQuickFilter;\n  /** Inline search state — omit to hide the search affordance entirely. */\n  search?: ResourceCollectionToolbarSearch;\n  /** Filter fields + state. Trigger/panel/chips are hidden when there are none. */\n  filterFields: readonly FilterFieldDefinition[];\n  filterValues: FilterValues;\n  onFiltersChange: (filters: FilterValues) => void;\n  /**\n   * Sort state — omit to hide the toolbar sort control (e.g. TABLE mode, where\n   * sorting lives in the column headers).\n   */\n  sort?: ResourceCollectionToolbarSort;\n  /** View-mode toggle — omit when only one display is available. */\n  viewMode?: ResourceCollectionToolbarViewMode;\n  /** Primary action node (e.g. the Create button), placed at the trailing edge. */\n  primaryAction?: React.ReactNode;\n  /**\n   * Selection state — omit for non-selectable collections. When present, a\n   * select-all + \"N selected\" + clear cluster renders in the leading (refine)\n   * zone beside search/filter/sort.\n   */\n  selection?: ResourceCollectionToolbarSelection;\n  /**\n   * Bulk-action node (the contextual bulk `ActionBar`). When a selection is\n   * active (`selection.count > 0`), this REPLACES `primaryAction` in the\n   * trailing zone; Create returns when the selection clears. Local to this\n   * collection — there is no global/floating bulk bar.\n   */\n  bulkActions?: React.ReactNode;\n  /**\n   * Collection-scoped action node (e.g. the `ResourceLayout_CollectionActions`\n   * bar for whole-scope \"retry all\" / \"purge all\"). Rendered in the trailing zone\n   * alongside the primary/bulk action. Unlike bulk (which contextually REPLACES\n   * the primary action during a selection), collection actions target the whole\n   * scope and stay visible regardless of selection. Omit when the resource has no\n   * collection-scoped operations.\n   */\n  collectionActions?: React.ReactNode;\n  /** Additional CSS classes for the toolbar region. */\n  className?: string;\n}\n\nexport const ResourceCollectionToolbar = ({\n  resourceType,\n  quickFilter,\n  search,\n  filterFields,\n  filterValues,\n  onFiltersChange,\n  sort,\n  viewMode,\n  primaryAction,\n  selection,\n  bulkActions,\n  collectionActions,\n  className,\n}: ResourceCollectionToolbarProps): React.JSX.Element => {\n  const [searchExpanded, setSearchExpanded] = useState(false);\n  const [filtersExpanded, setFiltersExpanded] = useState(false);\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n  const searchPlaceholder = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'searchPlaceholder');\n\n  const handleSearchBlur = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n    // Collapse back to the icon only when leaving an EMPTY field — an active\n    // query keeps the field open so the filter stays obvious.\n    if (!e.currentTarget.value) setSearchExpanded(false);\n  }, []);\n\n  const handleSearchKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      search?.onClear();\n      setSearchExpanded(false);\n      e.currentTarget.blur();\n    }\n  }, [search]);\n\n  const hasFilters = filterFields.length > 0;\n  const hasSort = !!sort && sort.sortFields.length > 0;\n  // Count ONLY the panel's own fields. `filterValues` also carries the promoted\n  // quick-filter field's value (it shares this state object) but that field is\n  // rendered as the tab strip, not in the panel/chips — counting it here would\n  // show \"Filters (1)\" for a selected quick-filter tab while the opened panel is\n  // empty. Scoping to `filterFields` keeps the badge in sync with the panel.\n  const activeFilterCount = countActiveFilters(filterValues, filterFields.map(f => f.fieldName));\n  const isSearchOpen = !!search && (searchExpanded || !!search.query);\n\n  return (\n    <div className={cn('flex flex-col gap-element-sm', className)} data-slot=\"collection-toolbar\">\n      {/* ── Quick-filter tab strip (promoted enum filter) — above the toolbar row ── */}\n      {quickFilter && (\n        <ResourceCollectionQuickFilterTabs\n          resourceType={resourceType}\n          field={quickFilter.field}\n          value={quickFilter.value}\n          onChange={quickFilter.onChange}\n        />\n      )}\n\n      <div className=\"flex flex-wrap items-center gap-element\">\n        {/* ── Refine cluster: search (always first) · filters · sort ──\n            Collapsed search is a REAL icon button, not a width-clipped input:\n            clipping a bordered InputRoot to icon width leaked a sheared slice of\n            the input box behind the icon (square corners, cut border). The\n            button expands to the field on click; the field keeps the animated\n            width while open and collapses back on empty-blur / Escape. */}\n        {search && !isSearchOpen && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.ICON}\n            onClick={() => setSearchExpanded(true)}\n            aria-label={searchPlaceholder}\n            data-slot=\"collection-toolbar-search-trigger\"\n          >\n            {renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM })}\n          </Button>\n        )}\n        {search && isSearchOpen && (\n          <div\n            className={cn('overflow-hidden shrink-0 w-64 max-w-full', SEARCH_WIDTH_TRANSITION)}\n            data-state=\"open\"\n          >\n            <InlineSearchInput\n              query={search.query}\n              onChange={search.onChange}\n              onClear={search.onClear}\n              resourceType={resourceType}\n              autoFocus\n              onFocus={() => setSearchExpanded(true)}\n              onBlur={handleSearchBlur}\n              onKeyDown={handleSearchKeyDown}\n            />\n          </div>\n        )}\n\n        {hasFilters && (\n          <ResourceLayout_FiltersTrigger\n            activeCount={activeFilterCount}\n            isExpanded={filtersExpanded}\n            onToggle={() => setFiltersExpanded(prev => !prev)}\n          />\n        )}\n\n        {hasSort && (\n          <ResourceLayout_SortControl\n            resourceType={resourceType}\n            sortFields={sort!.sortFields}\n            currentSorts={sort!.sortStates}\n            onSortChange={sort!.onSortChange}\n          />\n        )}\n\n        {/* ── Selection cluster (leading, beside the refine controls) ──\n            select-all-page + \"N selected\" + clear. Local to this list; there is\n            no global floating selection display. */}\n        {selection && (\n          <>\n            <div className=\"h-5 w-px bg-border mx-element-xs\" aria-hidden=\"true\" />\n            <CollectionSelectionControls\n              count={selection.count}\n              allSelected={selection.allSelected}\n              onToggleAll={selection.onToggleAll}\n              onClear={selection.onClear}\n            />\n          </>\n        )}\n\n        {/* ── View + act cluster (trailing) ── the bulk actions CONTEXTUALLY\n            replace the primary (Create) action while a selection is active. */}\n        {(viewMode || primaryAction || bulkActions || collectionActions) && (\n          <div className=\"flex items-center gap-element ms-auto\">\n            {viewMode && (\n              <ResourceViewModeToggle\n                viewMode={viewMode.viewMode}\n                onViewModeChange={viewMode.onViewModeChange}\n              />\n            )}\n            {/* Whole-scope maintenance actions (retry all / purge all) sit before\n                the create/bulk slot and are not swapped out by a selection. */}\n            {collectionActions}\n            {selection && selection.count > 0 && bulkActions ? bulkActions : primaryAction}\n          </div>\n        )}\n      </div>\n\n      {hasFilters && filtersExpanded && (\n        <ResourceLayout_FiltersPanel\n          resourceType={resourceType}\n          filterFields={filterFields}\n          currentFilters={filterValues}\n          onFiltersChange={onFiltersChange}\n        />\n      )}\n\n      {hasFilters && (\n        <ResourceLayout_FilterChips\n          resourceType={resourceType}\n          filterFields={filterFields}\n          currentFilters={filterValues}\n          onFiltersChange={onFiltersChange}\n        />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ResourceCollectionToolbar.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceCollectionToolbar — the shared, zoned control region for every resource\n * collection view (LIST cards, LIST table, SEARCH).\n *\n * Layout (a single responsive flex row + stacked sub-rows):\n *   [ search · filters · sort ] ───────────────── [ view-mode · primary action ]\n *   [ filters panel (when expanded, full-width) ]\n *   [ active filter chips ]\n *\n * \"Refine\" controls (search/filters/sort) cluster at the leading edge — search is\n * always first; \"view + act\" controls (view-mode toggle, Create) cluster at the\n * trailing edge via `ms-auto`. `flex-wrap` handles narrow widths with no media\n * queries.\n *\n * The search is an expand-on-focus field: collapsed it reads as a search icon\n * (icon-width), and it animates open to a full field when focused — the width\n * transition is driven by the theme motion tokens (`--motion-duration-*` /\n * `--motion-easing-*`) and respects `prefers-reduced-motion`, so any theme retunes\n * the speed/curve. Filters and sort sit beside it as compact icon controls.\n *\n * The total item count is intentionally NOT shown here — the pagination footer\n * owns the total (\"Showing X–Y of Z\") to keep a single source of truth.\n *\n * Presentational + slot-based: it owns only its own ephemeral UI state (search\n * expand, filters-panel expand). All data/state/handlers are supplied by the\n * collection host, so the same toolbar serves cards, table, and search.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\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 { InlineSearchInput } from './InlineSearchInput';\nimport {\n  ResourceLayout_FiltersTrigger,\n  ResourceLayout_FiltersPanel,\n  countActiveFilters,\n  type FilterFieldDefinition,\n  type FilterValues,\n} from './ResourceLayout_FiltersControl';\nimport { ResourceLayout_FilterChips } from './ResourceLayout_FilterChips';\nimport { ResourceCollectionQuickFilterTabs } from './ResourceCollectionQuickFilterTabs';\nimport { ResourceCollectionFilterPresets } from './ResourceCollectionFilterPresets';\nimport { ResourceLayout_SortControl, type SortState } from './ResourceLayout_SortControl';\nimport { ResourceViewModeToggle } from './ResourceViewModeToggle';\nimport { CollectionSelectionControls } from './CollectionSelectionControls';\nimport { CollectionDisplayMode, type CollectionFilterPreset } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\n/**\n * Width transition for the expand-on-focus search field. Timing + curve come from\n * the theme motion tokens (so a theme retunes them); suppressed under\n * `prefers-reduced-motion` (the field still opens, just instantly).\n */\nconst SEARCH_WIDTH_TRANSITION =\n  'motion-safe:transition-[width] motion-safe:duration-[var(--motion-duration-normal)] motion-safe:ease-[var(--motion-easing-default)] motion-reduce:transition-none';\n\nexport interface ResourceCollectionToolbarSearch {\n  query: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onClear: () => void;\n}\n\nexport interface ResourceCollectionToolbarSort {\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (empty = no sorting). */\n  sortStates: readonly SortState[];\n  onSortChange: (sorts: SortState[]) => void;\n}\n\nexport interface ResourceCollectionToolbarViewMode {\n  viewMode: CollectionDisplayMode;\n  onViewModeChange: (mode: CollectionDisplayMode) => void;\n}\n\nexport interface ResourceCollectionToolbarSelection {\n  /** Number of currently-selected items. */\n  count: number;\n  /** Clear the whole selection. */\n  onClear: () => void;\n  /**\n   * Offered by the host when every row on the page is selected and the listing matches more rows\n   * than the page holds — see `CollectionSelectionControls`, which owns the wording and the rule\n   * about when it appears.\n   */\n  matchAllOffer?: { matchedCount: number; onSelectAllMatching: () => void };\n  /** True once the selection IS the query rather than a set of ticked rows. */\n  isMatchAllSelected?: boolean;\n}\n\nexport interface ResourceCollectionToolbarQuickFilter {\n  /** The promoted enum filter field (see `collectionDisplayConfig.quickFilterField`). */\n  field: FilterFieldDefinition;\n  /** Current filter value for the field — `undefined` = the \"All\" tab. */\n  value: string | undefined;\n  /** Set (or clear, with `undefined`) the promoted field's filter value. */\n  onChange: (value: string | undefined) => void;\n}\n\nexport interface ResourceCollectionToolbarProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /**\n   * Quick-filter tab strip (\"All · <value> · …\") rendered above the toolbar\n   * row — a promoted enum filter that shares the collection's filter state.\n   * The host must EXCLUDE the promoted field from `filterFields` so the panel\n   * and the tabs never render competing controls for the same field.\n   */\n  quickFilter?: ResourceCollectionToolbarQuickFilter;\n  /**\n   * Named one-click narrowings, rendered as toggleable pills between the quick-filter tabs and the\n   * toolbar row. They share this toolbar's `filterValues`/`onFiltersChange`, so a pill and the\n   * filters panel are two views of one state and cannot disagree.\n   */\n  presetFilters?: readonly CollectionFilterPreset[];\n  /** Inline search state — omit to hide the search affordance entirely. */\n  search?: ResourceCollectionToolbarSearch;\n  /** Filter fields + state. Trigger/panel/chips are hidden when there are none. */\n  filterFields: readonly FilterFieldDefinition[];\n  filterValues: FilterValues;\n  onFiltersChange: (filters: FilterValues) => void;\n  /**\n   * Sort state — omit to hide the toolbar sort control (e.g. TABLE mode, where\n   * sorting lives in the column headers).\n   */\n  sort?: ResourceCollectionToolbarSort;\n  /** View-mode toggle — omit when only one display is available. */\n  viewMode?: ResourceCollectionToolbarViewMode;\n  /** Primary action node (e.g. the Create button), placed at the trailing edge. */\n  primaryAction?: React.ReactNode;\n  /**\n   * Selection SUMMARY — omit for non-selectable collections. When present, an \"N selected\" + clear\n   * cluster renders in the leading (refine) zone beside search/filter/sort.\n   *\n   * The select-ALL checkbox is deliberately NOT here: it belongs in the column of row checkboxes it\n   * commands (the table's header cell, or `CollectionSelectionHeaderRail` above a cards list), not\n   * in a toolbar row a couple of hundred pixels to their right. See `CollectionSelectionControls`.\n   */\n  selection?: ResourceCollectionToolbarSelection;\n  /**\n   * Bulk-action node (the contextual bulk `ActionBar`). When a selection is\n   * active (`selection.count > 0`), this REPLACES `primaryAction` in the\n   * trailing zone; Create returns when the selection clears. Local to this\n   * collection — there is no global/floating bulk bar.\n   */\n  bulkActions?: React.ReactNode;\n  /**\n   * Collection-scoped action node (e.g. the `ResourceLayout_CollectionActions`\n   * bar for whole-scope \"retry all\" / \"purge all\"). Rendered in the trailing zone\n   * alongside the primary/bulk action. Unlike bulk (which contextually REPLACES\n   * the primary action during a selection), collection actions target the whole\n   * scope and stay visible regardless of selection. Omit when the resource has no\n   * collection-scoped operations.\n   */\n  collectionActions?: React.ReactNode;\n  /** Additional CSS classes for the toolbar region. */\n  className?: string;\n}\n\nexport const ResourceCollectionToolbar = ({\n  resourceType,\n  quickFilter,\n  presetFilters,\n  search,\n  filterFields,\n  filterValues,\n  onFiltersChange,\n  sort,\n  viewMode,\n  primaryAction,\n  selection,\n  bulkActions,\n  collectionActions,\n  className,\n}: ResourceCollectionToolbarProps): React.JSX.Element => {\n  const [searchExpanded, setSearchExpanded] = useState(false);\n  const [filtersExpanded, setFiltersExpanded] = useState(false);\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n  const searchPlaceholder = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'searchPlaceholder');\n\n  const handleSearchBlur = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n    // Collapse back to the icon only when leaving an EMPTY field — an active\n    // query keeps the field open so the filter stays obvious.\n    if (!e.currentTarget.value) setSearchExpanded(false);\n  }, []);\n\n  const handleSearchKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      search?.onClear();\n      setSearchExpanded(false);\n      e.currentTarget.blur();\n    }\n  }, [search]);\n\n  const hasFilters = filterFields.length > 0;\n  const hasSort = !!sort && sort.sortFields.length > 0;\n  // Count ONLY the panel's own fields. `filterValues` also carries the promoted\n  // quick-filter field's value (it shares this state object) but that field is\n  // rendered as the tab strip, not in the panel/chips — counting it here would\n  // show \"Filters (1)\" for a selected quick-filter tab while the opened panel is\n  // empty. Scoping to `filterFields` keeps the badge in sync with the panel.\n  const activeFilterCount = countActiveFilters(filterValues, filterFields.map(f => f.fieldName));\n  const isSearchOpen = !!search && (searchExpanded || !!search.query);\n\n  return (\n    <div className={cn('flex flex-col gap-element-sm', className)} data-slot=\"collection-toolbar\">\n      {/* ── Quick-filter tab strip (promoted enum filter) — above the toolbar row ── */}\n      {quickFilter && (\n        <ResourceCollectionQuickFilterTabs\n          resourceType={resourceType}\n          field={quickFilter.field}\n          value={quickFilter.value}\n          onChange={quickFilter.onChange}\n        />\n      )}\n\n      {/* ── Preset pills — BELOW the exclusive tab strip and ABOVE the controls ──\n          The order is the meaning: the tabs say which slice of the collection this is, the pills\n          add named narrowings within it, and the toolbar row refines whatever those two leave. */}\n      {presetFilters && presetFilters.length > 0 && (\n        <ResourceCollectionFilterPresets\n          resourceType={resourceType}\n          presets={presetFilters}\n          currentFilters={filterValues}\n          onFiltersChange={onFiltersChange}\n        />\n      )}\n\n      <div className=\"flex flex-wrap items-center gap-element\">\n        {/* ── Refine cluster: search (always first) · filters · sort ──\n            Collapsed search is a REAL icon button, not a width-clipped input:\n            clipping a bordered InputRoot to icon width leaked a sheared slice of\n            the input box behind the icon (square corners, cut border). The\n            button expands to the field on click; the field keeps the animated\n            width while open and collapses back on empty-blur / Escape. */}\n        {search && !isSearchOpen && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.ICON}\n            onClick={() => setSearchExpanded(true)}\n            aria-label={searchPlaceholder}\n            data-slot=\"collection-toolbar-search-trigger\"\n          >\n            {renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM })}\n          </Button>\n        )}\n        {search && isSearchOpen && (\n          <div\n            className={cn('overflow-hidden shrink-0 w-64 max-w-full', SEARCH_WIDTH_TRANSITION)}\n            data-state=\"open\"\n          >\n            <InlineSearchInput\n              query={search.query}\n              onChange={search.onChange}\n              onClear={search.onClear}\n              resourceType={resourceType}\n              autoFocus\n              onFocus={() => setSearchExpanded(true)}\n              onBlur={handleSearchBlur}\n              onKeyDown={handleSearchKeyDown}\n            />\n          </div>\n        )}\n\n        {hasFilters && (\n          <ResourceLayout_FiltersTrigger\n            activeCount={activeFilterCount}\n            isExpanded={filtersExpanded}\n            onToggle={() => setFiltersExpanded(prev => !prev)}\n          />\n        )}\n\n        {hasSort && (\n          <ResourceLayout_SortControl\n            resourceType={resourceType}\n            sortFields={sort!.sortFields}\n            currentSorts={sort!.sortStates}\n            onSortChange={sort!.onSortChange}\n          />\n        )}\n\n        {/* ── Selection summary (leading, beside the refine controls) ──\n            \"N selected\" + clear. Local to this list; there is no global floating selection display.\n            The CLUSTER stays mounted at count 0 — it is nothing but an sr-only live region there,\n            and that region has to pre-exist the first selection or the 0→1 announcement is lost\n            (see `CollectionSelectionControls`). Only the DIVIDER is conditional, so an empty\n            selection does not draw a separator with nothing after it. */}\n        {selection && (\n          <>\n            {selection.count > 0 && <div className=\"h-5 w-px bg-border\" aria-hidden=\"true\" />}\n            <CollectionSelectionControls\n              count={selection.count}\n              onClear={selection.onClear}\n              {...(selection.matchAllOffer ? { matchAllOffer: selection.matchAllOffer } : {})}\n              {...(selection.isMatchAllSelected ? { isMatchAllSelected: true } : {})}\n            />\n          </>\n        )}\n\n        {/* ── View + act cluster (trailing) ── the bulk actions CONTEXTUALLY\n            replace the primary (Create) action while a selection is active. */}\n        {(viewMode || primaryAction || bulkActions || collectionActions) && (\n          <div className=\"flex items-center gap-element ms-auto\">\n            {viewMode && (\n              <ResourceViewModeToggle\n                viewMode={viewMode.viewMode}\n                onViewModeChange={viewMode.onViewModeChange}\n              />\n            )}\n            {/* Whole-scope maintenance actions (retry all / purge all) sit before\n                the create/bulk slot and are not swapped out by a selection. */}\n            {collectionActions}\n            {selection && selection.count > 0 && bulkActions ? bulkActions : primaryAction}\n          </div>\n        )}\n      </div>\n\n      {hasFilters && filtersExpanded && (\n        <ResourceLayout_FiltersPanel\n          resourceType={resourceType}\n          filterFields={filterFields}\n          currentFilters={filterValues}\n          onFiltersChange={onFiltersChange}\n        />\n      )}\n\n      {hasFilters && (\n        <ResourceLayout_FilterChips\n          resourceType={resourceType}\n          filterFields={filterFields}\n          currentFilters={filterValues}\n          onFiltersChange={onFiltersChange}\n        />\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceInPlaceOperationRow.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceInPlaceOperationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAO7F,MAAM,WAAW,gCAAgC;IAC/C,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,cAAc,EACd,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8B7D"}
+{"version":3,"file":"ResourceInPlaceOperationRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceInPlaceOperationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAI7F,MAAM,WAAW,gCAAgC;IAC/C,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,cAAc,EACd,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6B7D"}

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

@@ -5,7 +5,7 @@ import { useI18n } from '../../core/i18n/useI18n.js';
 import { resolveComponentLabel } from '../../core/i18n/component-label-resolution.utils.js';
 import { useInPlaceOperation } from '../../core/resources/in-place/InPlaceOperationContext.js';
 import { cn } from '../../core/ui/cn.js';
-import { ResourceLayout_SemanticOperationFallback, ResourceOperationHostChrome, } from './ResourceLayout_SemanticOperationFallback.js';
+import { ResourceOperationDetachedHost } from './ResourceOperationDetachedHost.js';
 /**
  * The body a collection element renders while it is TRANSFORMED
  * (`ResourceOperationActionPresentation.INLINE`).
@@ -30,7 +30,7 @@ export function ResourceInPlaceOperationRow({ navigationZone, className, }) {
         return null;
     // A CREATE target has no row of its own — the collection renders this as an EXTRA leading element
     // rather than in place of one, so nothing that exists is hidden while a new thing is authored.
-    return (_jsx("div", { "data-slot": "resource-in-place-operation", className: cn('p-container', className), children: _jsx(ResourceLayout_SemanticOperationFallback, { resourceContext: target.resourceContext, navigationZone: navigationZone, chrome: ResourceOperationHostChrome.COMPACT, onSuccess: handleDone, onCancel: handleDone, errorMessage: resolveComponentLabel({
+    return (_jsx("div", { "data-slot": "resource-in-place-operation", className: cn('p-container', className), children: _jsx(ResourceOperationDetachedHost, { resourceContext: target.resourceContext, navigationZone: navigationZone, onSuccess: handleDone, onCancel: handleDone, errorMessage: resolveComponentLabel({
                 tComponent,
                 componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,
                 key: 'executionFailed',

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceInPlaceOperationRow.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceInPlaceOperationRow.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AACvG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAE1G,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EACL,wCAAwC,EACxC,2BAA2B,GAC5B,MAAM,4CAA4C,CAAC;AAOpD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,SAAS,GACwB;IACjC,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC;IAE9F,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,kGAAkG;IAClG,+FAA+F;IAE/F,OAAO,CACL,2BAAe,6BAA6B,EAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAClF,KAAC,wCAAwC,IACvC,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,2BAA2B,CAAC,OAAO,EAC3C,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,qBAAqB,CAAC;gBAClC,UAAU;gBACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;gBAC7D,GAAG,EAAE,iBAAiB;aACvB,CAAC,EACF,cAAc,EAAC,6BAA6B,GAC5C,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useInPlaceOperation } from '~wildo-frontend-lib/core/resources/in-place/InPlaceOperationContext';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport {\n  ResourceLayout_SemanticOperationFallback,\n  ResourceOperationHostChrome,\n} from './ResourceLayout_SemanticOperationFallback';\n\nexport interface ResourceInPlaceOperationRowProps {\n  navigationZone: NavigationZone;\n  className?: string;\n}\n\n/**\n * The body a collection element renders while it is TRANSFORMED\n * (`ResourceOperationActionPresentation.INLINE`).\n *\n * It takes the place of the row's normal content and nothing else moves — that is the whole\n * contract, and the reason this is not an overlay: the neighbouring rows stay on screen and in the\n * document, so the user keeps the comparison that made them act on this row in the first place.\n *\n * Like the anchored panel, it is a thin frame around\n * `ResourceLayout_SemanticOperationFallback` in `COMPACT` chrome. Every host executes the operation\n * through the same body — same RMM contract, same CRITICAL double-validation, same success and error\n * events — so \"where the form is drawn\" never becomes \"which rules apply\".\n */\nexport function ResourceInPlaceOperationRow({\n  navigationZone,\n  className,\n}: ResourceInPlaceOperationRowProps): React.JSX.Element | null {\n  const inPlaceHost = useInPlaceOperation();\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION });\n\n  const handleDone = useCallback(() => {\n    inPlaceHost.close();\n  }, [inPlaceHost]);\n\n  const target = inPlaceHost.target;\n  if (!target) return null;\n  // A CREATE target has no row of its own — the collection renders this as an EXTRA leading element\n  // rather than in place of one, so nothing that exists is hidden while a new thing is authored.\n\n  return (\n    <div data-slot=\"resource-in-place-operation\" className={cn('p-container', className)}>\n      <ResourceLayout_SemanticOperationFallback\n        resourceContext={target.resourceContext}\n        navigationZone={navigationZone}\n        chrome={ResourceOperationHostChrome.COMPACT}\n        onSuccess={handleDone}\n        onCancel={handleDone}\n        errorMessage={resolveComponentLabel({\n          tComponent,\n          componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n          key: 'executionFailed',\n        })}\n        errorComponent=\"ResourceInPlaceOperationRow\"\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ResourceInPlaceOperationRow.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceInPlaceOperationRow.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AACvG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAE1G,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAOhF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,SAAS,GACwB;IACjC,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC;IAE9F,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,kGAAkG;IAClG,+FAA+F;IAE/F,OAAO,CACL,2BAAe,6BAA6B,EAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAClF,KAAC,6BAA6B,IAC5B,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,qBAAqB,CAAC;gBAClC,UAAU;gBACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;gBAC7D,GAAG,EAAE,iBAAiB;aACvB,CAAC,EACF,cAAc,EAAC,6BAA6B,GAC5C,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useInPlaceOperation } from '~wildo-frontend-lib/core/resources/in-place/InPlaceOperationContext';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ResourceOperationDetachedHost } from './ResourceOperationDetachedHost';\n\nexport interface ResourceInPlaceOperationRowProps {\n  navigationZone: NavigationZone;\n  className?: string;\n}\n\n/**\n * The body a collection element renders while it is TRANSFORMED\n * (`ResourceOperationActionPresentation.INLINE`).\n *\n * It takes the place of the row's normal content and nothing else moves — that is the whole\n * contract, and the reason this is not an overlay: the neighbouring rows stay on screen and in the\n * document, so the user keeps the comparison that made them act on this row in the first place.\n *\n * Like the anchored panel, it is a thin frame around\n * `ResourceLayout_SemanticOperationFallback` in `COMPACT` chrome. Every host executes the operation\n * through the same body — same RMM contract, same CRITICAL double-validation, same success and error\n * events — so \"where the form is drawn\" never becomes \"which rules apply\".\n */\nexport function ResourceInPlaceOperationRow({\n  navigationZone,\n  className,\n}: ResourceInPlaceOperationRowProps): React.JSX.Element | null {\n  const inPlaceHost = useInPlaceOperation();\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION });\n\n  const handleDone = useCallback(() => {\n    inPlaceHost.close();\n  }, [inPlaceHost]);\n\n  const target = inPlaceHost.target;\n  if (!target) return null;\n  // A CREATE target has no row of its own — the collection renders this as an EXTRA leading element\n  // rather than in place of one, so nothing that exists is hidden while a new thing is authored.\n\n  return (\n    <div data-slot=\"resource-in-place-operation\" className={cn('p-container', className)}>\n      <ResourceOperationDetachedHost\n        resourceContext={target.resourceContext}\n        navigationZone={navigationZone}\n        onSuccess={handleDone}\n        onCancel={handleDone}\n        errorMessage={resolveComponentLabel({\n          tComponent,\n          componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n          key: 'executionFailed',\n        })}\n        errorComponent=\"ResourceInPlaceOperationRow\"\n      />\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Action.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AASxH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAI/F,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;CAAG;AAE7F;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC,GAAI,2DAIjD,wCAAwC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoBjE,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAU9I"}
+{"version":3,"file":"ResourceLayout_Action.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AASxH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAI/F,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;CAAG;AAE7F;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC,GAAI,2DAIjD,wCAAwC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoBjE,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAU9I"}