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

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceViewModeToggle.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAiBtG,MAAM,iBAAiB,GAA8B;IACnD,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;IACnG,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;CACrG,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACmB,EAA4B,EAAE;IAC1D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAElG,OAAO,CACL,cACE,IAAI,EAAC,OAAO,gBACA,EAAE,CAAC,eAAe,CAAC,EAC/B,SAAS,EAAE,EAAE,CAAC,sEAAsE,EAAE,SAAS,CAAC,YAE/F,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAC;YACnC,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC3B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACzD,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,KAAK,GAAG,CAAC,IAAI,wBAAwB,EACrC,QAAQ;oBACN,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,+DAA+D,CACpE,YAED,8BAAkB,MAAM,YAAE,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,IAdpE,IAAI,CAeF,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ResourceViewModeToggle — a compact segmented control that switches a resource\n * collection between CARDS and TABLE display. Icon-only (labels via tooltip +\n * accessible name); the active segment is filled.\n *\n * Presentational: it owns no state. The collection host passes the current\n * `viewMode` and an `onViewModeChange` handler (which persists the choice).\n */\n\nimport React from 'react';\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 { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { CollectionDisplayMode } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\nexport interface ResourceViewModeToggleProps {\n  /** The active view-mode. */\n  viewMode: CollectionDisplayMode;\n  /** Called with the newly selected mode (the host persists it). */\n  onViewModeChange: (mode: CollectionDisplayMode) => void;\n  /** Additional CSS classes for the segmented container. */\n  className?: string;\n}\n\ninterface ViewModeOption {\n  mode: CollectionDisplayMode;\n  icon: StandardIconReference;\n  labelKey: string;\n}\n\nconst VIEW_MODE_OPTIONS: readonly ViewModeOption[] = [\n  { mode: CollectionDisplayMode.CARDS, icon: StandardIconReference.VIEW_LIST, labelKey: 'viewCards' },\n  { mode: CollectionDisplayMode.TABLE, icon: StandardIconReference.VIEW_TABLE, labelKey: 'viewTable' },\n];\n\nexport const ResourceViewModeToggle = ({\n  viewMode,\n  onViewModeChange,\n  className,\n}: ResourceViewModeToggleProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={tc('viewModeLabel')}\n      className={cn('inline-flex shrink-0 rounded-md border border-border overflow-hidden', className)}\n    >\n      {VIEW_MODE_OPTIONS.map(({ mode, icon, labelKey }, index) => {\n        const isActive = viewMode === mode;\n        const label = tc(labelKey);\n        return (\n          <button\n            key={mode}\n            type=\"button\"\n            aria-pressed={isActive}\n            aria-label={label}\n            title={label}\n            onClick={() => { if (!isActive) onViewModeChange(mode); }}\n            className={cn(\n              'inline-flex items-center justify-center px-element-sm py-element-sm transition-colors',\n              index > 0 && 'border-s border-border',\n              isActive\n                ? 'bg-muted text-foreground'\n                : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground',\n            )}\n          >\n            <span aria-hidden=\"true\">{renderIcon(icon, { size: IconSize.SM })}</span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ResourceViewModeToggle.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAC/H,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAiBtG,MAAM,iBAAiB,GAA8B;IACnD,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;IACnG,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;CACrG,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAkC,EAAE,CAChF,iBAAiB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACmB,EAA4B,EAAE;IAC1D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAElG,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,eAAe,CAAC,MAAM,EAC5B,KAAK,EAAE,QAAQ;QACf,oGAAoG;QACpG,4CAA4C;QAC5C,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,uBAAuB,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,QAAQ;YAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACxI,IAAI,EAAE,UAAU,CAAC,EAAE,gBACP,EAAE,CAAC,eAAe,CAAC,EAC/B,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eAC1B,sBAAsB,YAE/B,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;YAClD,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC3B,OAAO,CACL,KAAC,eAAe,IAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,gBAAc,KAAK,EAAE,KAAK,EAAE,KAAK,YAC3F,8BAAkB,MAAM,YAAE,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,IADrD,IAAI,CAER,CACnB,CAAC;QACJ,CAAC,CAAC,GACU,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * ResourceViewModeToggle — a compact segmented control that switches a resource\n * collection between CARDS and TABLE display. Icon-only (labels via tooltip +\n * accessible name).\n *\n * It IS the framework's segmented toggle group, icon-only: the theme's track and raised selected\n * option, the same control as the status filter on the row above. It used to hand-draw joined\n * outlined segments with hard-coded colours, so the toolbar showed two segmented styles side by\n * side and no theme could restyle this one.\n *\n * Presentational: it owns no state. The collection host passes the current\n * `viewMode` and an `onViewModeChange` handler (which persists the choice).\n */\n\nimport React from 'react';\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 { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ToggleGroup, ToggleGroupItem, ToggleGroupType } from '~wildo-frontend-lib/components/form/controls/enum/toggle-group';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { CollectionDisplayMode } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\nexport interface ResourceViewModeToggleProps {\n  /** The active view-mode. */\n  viewMode: CollectionDisplayMode;\n  /** Called with the newly selected mode (the host persists it). */\n  onViewModeChange: (mode: CollectionDisplayMode) => void;\n  /** Additional CSS classes for the segmented container. */\n  className?: string;\n}\n\ninterface ViewModeOption {\n  mode: CollectionDisplayMode;\n  icon: StandardIconReference;\n  labelKey: string;\n}\n\nconst VIEW_MODE_OPTIONS: readonly ViewModeOption[] = [\n  { mode: CollectionDisplayMode.CARDS, icon: StandardIconReference.VIEW_LIST, labelKey: 'viewCards' },\n  { mode: CollectionDisplayMode.TABLE, icon: StandardIconReference.VIEW_TABLE, labelKey: 'viewTable' },\n];\n\nconst isCollectionDisplayMode = (value: string): value is CollectionDisplayMode =>\n  VIEW_MODE_OPTIONS.some((option) => option.mode === value);\n\nexport const ResourceViewModeToggle = ({\n  viewMode,\n  onViewModeChange,\n  className,\n}: ResourceViewModeToggleProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n\n  if (!isReady) return null;\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n\n  return (\n    <ToggleGroup\n      type={ToggleGroupType.SINGLE}\n      value={viewMode}\n      // A single toggle group emits '' when the active option is pressed again. A collection always has a\n      // view mode, so that press changes nothing.\n      onValueChange={(next) => { if (typeof next === 'string' && isCollectionDisplayMode(next) && next !== viewMode) onViewModeChange(next); }}\n      size={ButtonSize.SM}\n      aria-label={tc('viewModeLabel')}\n      className={cn('shrink-0', className)}\n      data-slot=\"collection-view-mode\"\n    >\n      {VIEW_MODE_OPTIONS.map(({ mode, icon, labelKey }) => {\n        const label = tc(labelKey);\n        return (\n          <ToggleGroupItem key={mode} value={mode} size={ButtonSize.SM} aria-label={label} title={label}>\n            <span aria-hidden=\"true\">{renderIcon(icon, { size: IconSize.SM })}</span>\n          </ToggleGroupItem>\n        );\n      })}\n    </ToggleGroup>\n  );\n};\n"]}

package/dist/esm/components/resources/card-action-placement.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-action-placement.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/card-action-placement.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAEzG,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAI3C,CAAC;AAQF,wBAAgB,iCAAiC,CAC/C,SAAS,GAAE,mBAAmD,GAC7D,0BAA0B,CAsB5B"}
+{"version":3,"file":"card-action-placement.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/card-action-placement.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAEzG,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAI3C,CAAC;AAQF,wBAAgB,iCAAiC,CAC/C,SAAS,GAAE,mBAAmD,GAC7D,0BAA0B,CAsB5B"}

package/dist/esm/components/resources/collection-card-layout.utils.d.ts

@@ -37,30 +37,52 @@ export declare const CARDS_LIST_CONTAINER_CLASS = "border border-border rounded-
  * Alignment here is not a styling preference, it is what makes the control legible: a checkbox
  * above a column of checkboxes means "all of these", and the same checkbox anywhere else means
  * nothing in particular. Two copies of the inset would drift on the first padding change, so the
- * row and the header read the same three constants.
+ * row and the select-all read these constants, and a test holds the row's padding and the select-all's
+ * inset to the same spacing token. (They cannot be COMPUTED from one another: Tailwind generates only
+ * the classes it finds spelled out in source.)
  */
-/** The row's own padding box. Anything that must share a row's horizontal inset uses {@link CARD_ROW_PADDING_INLINE_CLASS}. */
-export declare const CARD_ROW_PADDING_CLASS = "p-card";
-/** The horizontal half of {@link CARD_ROW_PADDING_CLASS} — for a header rail that must be vertically compact. */
-export declare const CARD_ROW_PADDING_INLINE_CLASS = "px-card";
+/**
+ * The row's own padding box: the card spacing token across, its SMALL step down. A summary row is one
+ * line of title and one of qualifiers, and the full card step above and below made each row read as a
+ * separate card (measured 2026-09-30 on the Wonder Todos todo list: 62px for a one-line row). Only the
+ * vertical axis moved: the START padding is the select-all's inset ({@link CARD_ROW_PADDING_START_CLASS}).
+ */
+export declare const CARD_ROW_PADDING_CLASS = "px-card py-card-sm";
+/** The START half of {@link CARD_ROW_PADDING_CLASS}: the inset a row's checkbox sits at from the row's edge. */
+export declare const CARD_ROW_PADDING_START_CLASS = "ps-card";
 /** The leading-rail flex: selection slot, then the row body. */
 export declare const CARD_SELECTION_RAIL_CLASS = "flex items-start gap-element-sm";
 /** The selection slot itself — the checkbox's cell in the rail. */
 export declare const CARD_SELECTION_SLOT_CLASS = "shrink-0";
 /**
- * Wrapper class for the cards-mode selection HEADER rail, which sits ABOVE the cards region.
+ * A row's checkbox, while nothing in the collection is selected: present (it holds its column, and a
+ * keyboard reaches it) but painted only when the row is hovered or holds focus, and always when the
+ * device has ANY touch pointer, where a finger cannot hover. `any-pointer-coarse`, not `pointer-coarse`:
+ * the latter asks only about the PRIMARY pointer, so a laptop with a touchscreen and a trackpad hid the
+ * box from the finger that was about to tap it (audit B-18). A column of empty boxes on every row was the
+ * loudest thing in a list nobody was selecting in. Once anything is selected — or this row is — every box shows.
+ *
+ * Decided by practice, 2026-10-01: list products split here (Gmail and GitHub always show the box,
+ * Linear and Notion reveal it); revealing is the quieter default and one class to reverse. The
+ * collection's select-all is not affected — it stays visible above the column as its anchor.
+ */
+export declare const CARD_SELECTION_REVEAL_CLASS = "opacity-0 group-hover/list-item:opacity-100 group-focus-within/list-item:opacity-100 any-pointer-coarse:opacity-100 motion-safe:transition-opacity";
+/**
+ * The inset that puts the collection's SELECT-ALL checkbox in the rows' own checkbox column.
+ *
+ * The select-all leads the collection toolbar's action row (`CollectionSelectAllCheckbox`), and that
+ * row starts at the same left edge as the cards region. A row's checkbox is inset from that edge by
+ * two things: a 1px border — the bordered `<ul>` in LIST, each cell's own border in GRID — and the
+ * row's start padding ({@link CARD_ROW_PADDING_START_CLASS}). Wearing the same border invisibly and
+ * the same padding lands the select-all exactly above the column it commands, in either arrangement.
  *
- * One answer for both arrangements, and the transparent border is the whole of it: a row's content
- * box is inset by a 1px border in EITHER case — the bordered `<ul>` in LIST, each cell's own border
- * in GRID — so a rail with no border would land its checkbox exactly 1px left of the column it
- * heads. Wearing the same border invisibly is cheaper than two branches and cannot be got wrong
- * when a third arrangement appears.
+ * It used to be a whole band of its own above the cards ("Select all items on this page"), 32px tall
+ * for one control. Measured on Wonder Todos (2026-09-30) it was one of five stacked bands, 172px of
+ * controls before the first row; the toolbar row it now leads already had room for it.
  *
- * Above the region rather than inside it because the select-all is PAGE-wide: a temporally-grouped
- * cards view renders one `<ul>` per day bucket, and a rail inside them would be one select-all per
- * bucket claiming to command the page.
+ * TABLE needs none of this: its `__select` header cell already sits above its own column.
  */
-export declare const CARDS_SELECTION_RAIL_CLASS = "border border-transparent rounded-lg";
+export declare const CARDS_SELECT_ALL_INSET_CLASS = "border-s border-transparent ps-card";
 /** GRID cell border applied to each `<li>` (the shared border is gone in grid mode). */
 export declare const CARDS_GRID_CELL_CLASS = "border border-border rounded-lg overflow-hidden";
 /**

package/dist/esm/components/resources/collection-card-layout.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-card-layout.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/collection-card-layout.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,6EACqC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AAEH,+HAA+H;AAC/H,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,iHAAiH;AACjH,eAAO,MAAM,6BAA6B,YAAY,CAAC;AAEvD,gEAAgE;AAChE,eAAO,MAAM,yBAAyB,oCAAoC,CAAC;AAE3E,mEAAmE;AACnE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,0BAA0B,yCAAyC,CAAC;AAEjF,wFAAwF;AACxF,eAAO,MAAM,qBAAqB,oDAAoD,CAAC;AAKvF;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG9E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAO5F"}
+{"version":3,"file":"collection-card-layout.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/collection-card-layout.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,6EACqC,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,uBAAuB,CAAC;AAE3D,gHAAgH;AAChH,eAAO,MAAM,4BAA4B,YAAY,CAAC;AAEtD,gEAAgE;AAChE,eAAO,MAAM,yBAAyB,oCAAoC,CAAC;AAE3E,mEAAmE;AACnE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,2BAA2B,uJAC8G,CAAC;AAEvJ;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,4BAA4B,wCAAgE,CAAC;AAE1G,wFAAwF;AACxF,eAAO,MAAM,qBAAqB,oDAAoD,CAAC;AAKvF;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG9E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAO5F"}

package/dist/esm/components/resources/collection-card-layout.utils.js

@@ -42,30 +42,52 @@ export const CARDS_LIST_CONTAINER_CLASS = 'border border-border rounded-lg divid
  * Alignment here is not a styling preference, it is what makes the control legible: a checkbox
  * above a column of checkboxes means "all of these", and the same checkbox anywhere else means
  * nothing in particular. Two copies of the inset would drift on the first padding change, so the
- * row and the header read the same three constants.
+ * row and the select-all read these constants, and a test holds the row's padding and the select-all's
+ * inset to the same spacing token. (They cannot be COMPUTED from one another: Tailwind generates only
+ * the classes it finds spelled out in source.)
  */
-/** The row's own padding box. Anything that must share a row's horizontal inset uses {@link CARD_ROW_PADDING_INLINE_CLASS}. */
-export const CARD_ROW_PADDING_CLASS = 'p-card';
-/** The horizontal half of {@link CARD_ROW_PADDING_CLASS} — for a header rail that must be vertically compact. */
-export const CARD_ROW_PADDING_INLINE_CLASS = 'px-card';
+/**
+ * The row's own padding box: the card spacing token across, its SMALL step down. A summary row is one
+ * line of title and one of qualifiers, and the full card step above and below made each row read as a
+ * separate card (measured 2026-09-30 on the Wonder Todos todo list: 62px for a one-line row). Only the
+ * vertical axis moved: the START padding is the select-all's inset ({@link CARD_ROW_PADDING_START_CLASS}).
+ */
+export const CARD_ROW_PADDING_CLASS = 'px-card py-card-sm';
+/** The START half of {@link CARD_ROW_PADDING_CLASS}: the inset a row's checkbox sits at from the row's edge. */
+export const CARD_ROW_PADDING_START_CLASS = 'ps-card';
 /** The leading-rail flex: selection slot, then the row body. */
 export const CARD_SELECTION_RAIL_CLASS = 'flex items-start gap-element-sm';
 /** The selection slot itself — the checkbox's cell in the rail. */
 export const CARD_SELECTION_SLOT_CLASS = 'shrink-0';
 /**
- * Wrapper class for the cards-mode selection HEADER rail, which sits ABOVE the cards region.
+ * A row's checkbox, while nothing in the collection is selected: present (it holds its column, and a
+ * keyboard reaches it) but painted only when the row is hovered or holds focus, and always when the
+ * device has ANY touch pointer, where a finger cannot hover. `any-pointer-coarse`, not `pointer-coarse`:
+ * the latter asks only about the PRIMARY pointer, so a laptop with a touchscreen and a trackpad hid the
+ * box from the finger that was about to tap it (audit B-18). A column of empty boxes on every row was the
+ * loudest thing in a list nobody was selecting in. Once anything is selected — or this row is — every box shows.
+ *
+ * Decided by practice, 2026-10-01: list products split here (Gmail and GitHub always show the box,
+ * Linear and Notion reveal it); revealing is the quieter default and one class to reverse. The
+ * collection's select-all is not affected — it stays visible above the column as its anchor.
+ */
+export const CARD_SELECTION_REVEAL_CLASS = 'opacity-0 group-hover/list-item:opacity-100 group-focus-within/list-item:opacity-100 any-pointer-coarse:opacity-100 motion-safe:transition-opacity';
+/**
+ * The inset that puts the collection's SELECT-ALL checkbox in the rows' own checkbox column.
+ *
+ * The select-all leads the collection toolbar's action row (`CollectionSelectAllCheckbox`), and that
+ * row starts at the same left edge as the cards region. A row's checkbox is inset from that edge by
+ * two things: a 1px border — the bordered `<ul>` in LIST, each cell's own border in GRID — and the
+ * row's start padding ({@link CARD_ROW_PADDING_START_CLASS}). Wearing the same border invisibly and
+ * the same padding lands the select-all exactly above the column it commands, in either arrangement.
  *
- * One answer for both arrangements, and the transparent border is the whole of it: a row's content
- * box is inset by a 1px border in EITHER case — the bordered `<ul>` in LIST, each cell's own border
- * in GRID — so a rail with no border would land its checkbox exactly 1px left of the column it
- * heads. Wearing the same border invisibly is cheaper than two branches and cannot be got wrong
- * when a third arrangement appears.
+ * It used to be a whole band of its own above the cards ("Select all items on this page"), 32px tall
+ * for one control. Measured on Wonder Todos (2026-09-30) it was one of five stacked bands, 172px of
+ * controls before the first row; the toolbar row it now leads already had room for it.
  *
- * Above the region rather than inside it because the select-all is PAGE-wide: a temporally-grouped
- * cards view renders one `<ul>` per day bucket, and a rail inside them would be one select-all per
- * bucket claiming to command the page.
+ * TABLE needs none of this: its `__select` header cell already sits above its own column.
  */
-export const CARDS_SELECTION_RAIL_CLASS = 'border border-transparent rounded-lg';
+export const CARDS_SELECT_ALL_INSET_CLASS = `border-s border-transparent ${CARD_ROW_PADDING_START_CLASS}`;
 /** GRID cell border applied to each `<li>` (the shared border is gone in grid mode). */
 export const CARDS_GRID_CELL_CLASS = 'border border-border rounded-lg overflow-hidden';
 /** GRID container base classes (column tracks come from {@link resolveCardsGridStyle}). */

package/dist/esm/components/resources/collection-card-layout.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-card-layout.utils.js","sourceRoot":"","sources":["../../../../../src/components/resources/collection-card-layout.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAEpD;;;GAGG;AACH,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC,oFAAoF;AACpF,MAAM,CAAC,MAAM,0BAA0B,GACrC,0EAA0E,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AAEH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC;AAE/C,iHAAiH;AACjH,MAAM,CAAC,MAAM,6BAA6B,GAAG,SAAS,CAAC;AAEvD,gEAAgE;AAChE,MAAM,CAAC,MAAM,yBAAyB,GAAG,iCAAiC,CAAC;AAE3E,mEAAmE;AACnE,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAU,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,sCAAsC,CAAC;AAEjF,wFAAwF;AACxF,MAAM,CAAC,MAAM,qBAAqB,GAAG,iDAAiD,CAAC;AAEvF,2FAA2F;AAC3F,MAAM,0BAA0B,GAAG,oCAAoC,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,OAA2B;IACpE,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,0BAA0B,CAAC;IAC7D,OAAO,EAAE,CAAC,0BAA0B,CAAC,CAAC;AACxC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAA2B;IAC/D,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,CAAC,gCAAgC,CAAC,GAAG,CAAC;IACzE,OAAO;QACL,mBAAmB,EAAE,gCAAgC,mBAAmB,KAAK,MAAM,UAAU;KAC9F,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Cards-mode collection layout — resolves the `<ul>` container className (and,\n * for GRID, an inline `grid-template-columns`) for the two CARDS arrangements\n * (see `CardLayoutStyle`):\n *\n * - **LIST**: one bordered container whose rows are separated by `divide-y`.\n * - **GRID**: a responsive N-column grid; the shared `divide-y` border is\n *   dropped, so each card CELL owns its own border (the host adds it on the\n *   `<li>`). `columns` is the wide TARGET; the grid steps DOWN to fewer columns\n *   as space narrows.\n *\n * **Container-responsive, not viewport-responsive.** The column count is an\n * intrinsic `repeat(auto-fill, minmax(max(<minCard>, <target>), 1fr))` track\n * spec that reacts to the GRID's OWN available width — so a cards grid embedded\n * in a narrow pane (split view, composite panel, sidebar) collapses correctly\n * even on a wide viewport. This needs no `@container` ancestor and no media\n * breakpoints. Emitted as an inline style (not a Tailwind class) because the\n * track formula is parameterised by N and the design-token gap, and because\n * `cn`/twMerge cannot reason about design-token utilities anyway.\n *\n * Shared by `ResourceLayout_List` and `ResourceLayout_Search` so the two card\n * surfaces can never drift.\n */\n\nimport type { CSSProperties } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\n/**\n * Minimum card track width before a column is dropped (~240px). Below this, the\n * grid fits fewer columns than the authored target; at/above it, up to N.\n */\nconst CARD_GRID_MIN_TRACK = '15rem';\n\n/** LIST container: bordered box with `divide-y` rows (the classic stacked list). */\nexport const CARDS_LIST_CONTAINER_CLASS =\n  'border border-border rounded-lg divide-y divide-border list-none m-0 p-0';\n\n/**\n * ── The cards-mode SELECTION RAIL geometry, authored ONCE ──\n *\n * A collection's select-all checkbox and its per-row checkboxes must sit in the same column, and\n * until these constants existed they could not: the row's leading rail was written inline in\n * `ResourceListItemRenderer` while the select-all lived in the toolbar's own flex row, several\n * unrelated controls to its right. Measured on the Wonder Todos todo list, the two were ~200px\n * apart, so the header checkbox read as belonging to the toolbar rather than to the list it\n * commands — and in TABLE mode it was a SECOND select-all beside the table header's own.\n *\n * Alignment here is not a styling preference, it is what makes the control legible: a checkbox\n * above a column of checkboxes means \"all of these\", and the same checkbox anywhere else means\n * nothing in particular. Two copies of the inset would drift on the first padding change, so the\n * row and the header read the same three constants.\n */\n\n/** The row's own padding box. Anything that must share a row's horizontal inset uses {@link CARD_ROW_PADDING_INLINE_CLASS}. */\nexport const CARD_ROW_PADDING_CLASS = 'p-card';\n\n/** The horizontal half of {@link CARD_ROW_PADDING_CLASS} — for a header rail that must be vertically compact. */\nexport const CARD_ROW_PADDING_INLINE_CLASS = 'px-card';\n\n/** The leading-rail flex: selection slot, then the row body. */\nexport const CARD_SELECTION_RAIL_CLASS = 'flex items-start gap-element-sm';\n\n/** The selection slot itself — the checkbox's cell in the rail. */\nexport const CARD_SELECTION_SLOT_CLASS = 'shrink-0';\n\n/**\n * Wrapper class for the cards-mode selection HEADER rail, which sits ABOVE the cards region.\n *\n * One answer for both arrangements, and the transparent border is the whole of it: a row's content\n * box is inset by a 1px border in EITHER case — the bordered `<ul>` in LIST, each cell's own border\n * in GRID — so a rail with no border would land its checkbox exactly 1px left of the column it\n * heads. Wearing the same border invisibly is cheaper than two branches and cannot be got wrong\n * when a third arrangement appears.\n *\n * Above the region rather than inside it because the select-all is PAGE-wide: a temporally-grouped\n * cards view renders one `<ul>` per day bucket, and a rail inside them would be one select-all per\n * bucket claiming to command the page.\n */\nexport const CARDS_SELECTION_RAIL_CLASS = 'border border-transparent rounded-lg';\n\n/** GRID cell border applied to each `<li>` (the shared border is gone in grid mode). */\nexport const CARDS_GRID_CELL_CLASS = 'border border-border rounded-lg overflow-hidden';\n\n/** GRID container base classes (column tracks come from {@link resolveCardsGridStyle}). */\nconst CARDS_GRID_CONTAINER_CLASS = 'grid gap-element list-none m-0 p-0';\n\n/**\n * Container `<ul>` className. Pass the target column count for a GRID, or\n * `undefined` for the single-column LIST. Pair a GRID with\n * {@link resolveCardsGridStyle} for the column tracks.\n */\nexport function resolveCardsContainerClass(columns: number | undefined): string {\n  if (columns === undefined) return CARDS_LIST_CONTAINER_CLASS;\n  return cn(CARDS_GRID_CONTAINER_CLASS);\n}\n\n/**\n * Inline `grid-template-columns` for a GRID, or `undefined` for LIST.\n *\n * `repeat(auto-fill, minmax(max(<minCard>, (100% − (N−1)·gap) / N), 1fr))`:\n * - On WIDE space `(100% − gaps)/N ≥ <minCard>`, so the track min is the target\n *   share → exactly N columns (caps at the authored count).\n * - On NARROW space `(100% − gaps)/N < <minCard>`, so the track min is the\n *   absolute `<minCard>` → `auto-fill` fits fewer than N → the grid steps down.\n * Reacts to the `<ul>`'s own width, so embedded narrow hosts collapse without a\n * viewport breakpoint or `@container` wrapper.\n */\nexport function resolveCardsGridStyle(columns: number | undefined): CSSProperties | undefined {\n  if (columns === undefined) return undefined;\n  const n = Math.min(Math.max(Math.trunc(columns), 1), 6);\n  const target = `calc((100% - ${n - 1} * var(--spacing-element)) / ${n})`;\n  return {\n    gridTemplateColumns: `repeat(auto-fill, minmax(max(${CARD_GRID_MIN_TRACK}, ${target}), 1fr))`,\n  };\n}\n"]}
+{"version":3,"file":"collection-card-layout.utils.js","sourceRoot":"","sources":["../../../../../src/components/resources/collection-card-layout.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAEpD;;;GAGG;AACH,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC,oFAAoF;AACpF,MAAM,CAAC,MAAM,0BAA0B,GACrC,0EAA0E,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAE3D,gHAAgH;AAChH,MAAM,CAAC,MAAM,4BAA4B,GAAG,SAAS,CAAC;AAEtD,gEAAgE;AAChE,MAAM,CAAC,MAAM,yBAAyB,GAAG,iCAAiC,CAAC;AAE3E,mEAAmE;AACnE,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAU,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,2BAA2B,GACtC,oJAAoJ,CAAC;AAEvJ;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,+BAA+B,4BAA4B,EAAE,CAAC;AAE1G,wFAAwF;AACxF,MAAM,CAAC,MAAM,qBAAqB,GAAG,iDAAiD,CAAC;AAEvF,2FAA2F;AAC3F,MAAM,0BAA0B,GAAG,oCAAoC,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,OAA2B;IACpE,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,0BAA0B,CAAC;IAC7D,OAAO,EAAE,CAAC,0BAA0B,CAAC,CAAC;AACxC,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAA2B;IAC/D,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,CAAC,gCAAgC,CAAC,GAAG,CAAC;IACzE,OAAO;QACL,mBAAmB,EAAE,gCAAgC,mBAAmB,KAAK,MAAM,UAAU;KAC9F,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Cards-mode collection layout — resolves the `<ul>` container className (and,\n * for GRID, an inline `grid-template-columns`) for the two CARDS arrangements\n * (see `CardLayoutStyle`):\n *\n * - **LIST**: one bordered container whose rows are separated by `divide-y`.\n * - **GRID**: a responsive N-column grid; the shared `divide-y` border is\n *   dropped, so each card CELL owns its own border (the host adds it on the\n *   `<li>`). `columns` is the wide TARGET; the grid steps DOWN to fewer columns\n *   as space narrows.\n *\n * **Container-responsive, not viewport-responsive.** The column count is an\n * intrinsic `repeat(auto-fill, minmax(max(<minCard>, <target>), 1fr))` track\n * spec that reacts to the GRID's OWN available width — so a cards grid embedded\n * in a narrow pane (split view, composite panel, sidebar) collapses correctly\n * even on a wide viewport. This needs no `@container` ancestor and no media\n * breakpoints. Emitted as an inline style (not a Tailwind class) because the\n * track formula is parameterised by N and the design-token gap, and because\n * `cn`/twMerge cannot reason about design-token utilities anyway.\n *\n * Shared by `ResourceLayout_List` and `ResourceLayout_Search` so the two card\n * surfaces can never drift.\n */\n\nimport type { CSSProperties } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\n/**\n * Minimum card track width before a column is dropped (~240px). Below this, the\n * grid fits fewer columns than the authored target; at/above it, up to N.\n */\nconst CARD_GRID_MIN_TRACK = '15rem';\n\n/** LIST container: bordered box with `divide-y` rows (the classic stacked list). */\nexport const CARDS_LIST_CONTAINER_CLASS =\n  'border border-border rounded-lg divide-y divide-border list-none m-0 p-0';\n\n/**\n * ── The cards-mode SELECTION RAIL geometry, authored ONCE ──\n *\n * A collection's select-all checkbox and its per-row checkboxes must sit in the same column, and\n * until these constants existed they could not: the row's leading rail was written inline in\n * `ResourceListItemRenderer` while the select-all lived in the toolbar's own flex row, several\n * unrelated controls to its right. Measured on the Wonder Todos todo list, the two were ~200px\n * apart, so the header checkbox read as belonging to the toolbar rather than to the list it\n * commands — and in TABLE mode it was a SECOND select-all beside the table header's own.\n *\n * Alignment here is not a styling preference, it is what makes the control legible: a checkbox\n * above a column of checkboxes means \"all of these\", and the same checkbox anywhere else means\n * nothing in particular. Two copies of the inset would drift on the first padding change, so the\n * row and the select-all read these constants, and a test holds the row's padding and the select-all's\n * inset to the same spacing token. (They cannot be COMPUTED from one another: Tailwind generates only\n * the classes it finds spelled out in source.)\n */\n\n/**\n * The row's own padding box: the card spacing token across, its SMALL step down. A summary row is one\n * line of title and one of qualifiers, and the full card step above and below made each row read as a\n * separate card (measured 2026-09-30 on the Wonder Todos todo list: 62px for a one-line row). Only the\n * vertical axis moved: the START padding is the select-all's inset ({@link CARD_ROW_PADDING_START_CLASS}).\n */\nexport const CARD_ROW_PADDING_CLASS = 'px-card py-card-sm';\n\n/** The START half of {@link CARD_ROW_PADDING_CLASS}: the inset a row's checkbox sits at from the row's edge. */\nexport const CARD_ROW_PADDING_START_CLASS = 'ps-card';\n\n/** The leading-rail flex: selection slot, then the row body. */\nexport const CARD_SELECTION_RAIL_CLASS = 'flex items-start gap-element-sm';\n\n/** The selection slot itself — the checkbox's cell in the rail. */\nexport const CARD_SELECTION_SLOT_CLASS = 'shrink-0';\n\n/**\n * A row's checkbox, while nothing in the collection is selected: present (it holds its column, and a\n * keyboard reaches it) but painted only when the row is hovered or holds focus, and always when the\n * device has ANY touch pointer, where a finger cannot hover. `any-pointer-coarse`, not `pointer-coarse`:\n * the latter asks only about the PRIMARY pointer, so a laptop with a touchscreen and a trackpad hid the\n * box from the finger that was about to tap it (audit B-18). A column of empty boxes on every row was the\n * loudest thing in a list nobody was selecting in. Once anything is selected — or this row is — every box shows.\n *\n * Decided by practice, 2026-10-01: list products split here (Gmail and GitHub always show the box,\n * Linear and Notion reveal it); revealing is the quieter default and one class to reverse. The\n * collection's select-all is not affected — it stays visible above the column as its anchor.\n */\nexport const CARD_SELECTION_REVEAL_CLASS =\n  'opacity-0 group-hover/list-item:opacity-100 group-focus-within/list-item:opacity-100 any-pointer-coarse:opacity-100 motion-safe:transition-opacity';\n\n/**\n * The inset that puts the collection's SELECT-ALL checkbox in the rows' own checkbox column.\n *\n * The select-all leads the collection toolbar's action row (`CollectionSelectAllCheckbox`), and that\n * row starts at the same left edge as the cards region. A row's checkbox is inset from that edge by\n * two things: a 1px border — the bordered `<ul>` in LIST, each cell's own border in GRID — and the\n * row's start padding ({@link CARD_ROW_PADDING_START_CLASS}). Wearing the same border invisibly and\n * the same padding lands the select-all exactly above the column it commands, in either arrangement.\n *\n * It used to be a whole band of its own above the cards (\"Select all items on this page\"), 32px tall\n * for one control. Measured on Wonder Todos (2026-09-30) it was one of five stacked bands, 172px of\n * controls before the first row; the toolbar row it now leads already had room for it.\n *\n * TABLE needs none of this: its `__select` header cell already sits above its own column.\n */\nexport const CARDS_SELECT_ALL_INSET_CLASS = `border-s border-transparent ${CARD_ROW_PADDING_START_CLASS}`;\n\n/** GRID cell border applied to each `<li>` (the shared border is gone in grid mode). */\nexport const CARDS_GRID_CELL_CLASS = 'border border-border rounded-lg overflow-hidden';\n\n/** GRID container base classes (column tracks come from {@link resolveCardsGridStyle}). */\nconst CARDS_GRID_CONTAINER_CLASS = 'grid gap-element list-none m-0 p-0';\n\n/**\n * Container `<ul>` className. Pass the target column count for a GRID, or\n * `undefined` for the single-column LIST. Pair a GRID with\n * {@link resolveCardsGridStyle} for the column tracks.\n */\nexport function resolveCardsContainerClass(columns: number | undefined): string {\n  if (columns === undefined) return CARDS_LIST_CONTAINER_CLASS;\n  return cn(CARDS_GRID_CONTAINER_CLASS);\n}\n\n/**\n * Inline `grid-template-columns` for a GRID, or `undefined` for LIST.\n *\n * `repeat(auto-fill, minmax(max(<minCard>, (100% − (N−1)·gap) / N), 1fr))`:\n * - On WIDE space `(100% − gaps)/N ≥ <minCard>`, so the track min is the target\n *   share → exactly N columns (caps at the authored count).\n * - On NARROW space `(100% − gaps)/N < <minCard>`, so the track min is the\n *   absolute `<minCard>` → `auto-fill` fits fewer than N → the grid steps down.\n * Reacts to the `<ul>`'s own width, so embedded narrow hosts collapse without a\n * viewport breakpoint or `@container` wrapper.\n */\nexport function resolveCardsGridStyle(columns: number | undefined): CSSProperties | undefined {\n  if (columns === undefined) return undefined;\n  const n = Math.min(Math.max(Math.trunc(columns), 1), 6);\n  const target = `calc((100% - ${n - 1} * var(--spacing-element)) / ${n})`;\n  return {\n    gridTemplateColumns: `repeat(auto-fill, minmax(max(${CARD_GRID_MIN_TRACK}, ${target}), 1fr))`,\n  };\n}\n"]}

package/dist/esm/components/resources/collection-selection-bar-density.d.ts

@@ -0,0 +1,113 @@
+/**
+ * How dense a collection's SELECTION BAR draws its bulk actions, so the count and the actions it
+ * drives stay on ONE line whatever the width.
+ *
+ * ## Why this exists
+ *
+ * With rows selected, a collection's action row is the selection bar: `[☑ · N selected · clear] ···
+ * [bulk actions]`. Its whole point is that the count and what it drives read as one statement, and a
+ * wrapping row broke that: measured on Wonder Todos (2026-09-30) at 638px, the labelled bulk actions
+ * dropped onto the next line, under the count they belong to. Hiding the refine controls made that
+ * rarer, not impossible — a narrow pane, or a resource with many bulk actions, still overflowed.
+ *
+ * So the bar does not wrap. It MEASURES instead, and steps down only while it overflows:
+ *
+ *   LABELLED — every bulk action with its words (the default: "Assign", "Delete" read clearer than icons);
+ *   ICONS    — every bulk action as an icon, the words in the tooltip and the accessible name;
+ *   CAPPED   — the first {@link CAPPED_BULK_ACTION_COUNT} as icons, the rest behind "⋯".
+ *
+ * The action bar overflows by COUNT, never by width, which is why the host measures and tells it how
+ * many to show rather than the bar deciding. A width change starts again from LABELLED, so widening
+ * the pane gives the words back — and so does a change in WHICH bulk actions the bar holds (the bar
+ * reports its set, `useReportSelectionBarActionSet`): a selection that now allows one action instead of
+ * four has room for its words again, and nothing about the row's own width would say so.
+ */
+import React from 'react';
+/** The three densities a selection bar steps through, widest first. */
+export declare enum CollectionSelectionBarDensity {
+    LABELLED = "labelled",
+    ICONS = "icons",
+    CAPPED = "capped"
+}
+/** How many bulk actions stay in view at the densest step; the rest go behind "⋯". */
+export declare const CAPPED_BULK_ACTION_COUNT = 2;
+/** A measured selection bar: the density to draw at, and where the bulk bar reports which actions it holds. */
+export interface MeasuredSelectionBar {
+    density: CollectionSelectionBarDensity;
+    /** Stable. Called by the bulk bar with a key naming its current set of actions. */
+    reportActionSet: (actionSetKey: string) => void;
+}
+/** Publish the measured density to the bulk bar inside the selection bar, and hear back which actions it holds. */
+export declare function CollectionSelectionBarDensityProvider({ density, onActionSetChange, onBackgroundRunChange, children, }: {
+    density: CollectionSelectionBarDensity;
+    onActionSetChange?: (actionSetKey: string) => void;
+    /** Hears what the bulk bar inside holds of a background run it started (see {@link useSelectionBarBulkHost}). */
+    onBackgroundRunChange?: (state: SelectionBarBackgroundRunState) => void;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** The density the enclosing selection bar asks for, or `null` outside one (the bar then draws as authored). */
+export declare function useCollectionSelectionBarDensity(): CollectionSelectionBarDensity | null;
+/**
+ * Tell the enclosing selection bar which actions this bulk bar holds (`actionSetKey` names them, e.g.
+ * their operation identifiers joined). A different set sends the bar back to LABELLED to measure again.
+ * A no-op outside a selection bar.
+ */
+export declare function useReportSelectionBarActionSet(actionSetKey: string): void;
+/**
+ * What a bulk bar holds of a background run it started — the three answers its host acts on (#1461).
+ *
+ * Two different questions ride on it, which is why it is not a boolean: WHILE the run works it owns the
+ * zone (the toolbar keeps Create out of it), and until its summary is retired the bar has something to
+ * show (the search layout keeps its selection row, even when the run has emptied the results).
+ */
+export declare enum SelectionBarBackgroundRunState {
+    /** No run, or its summary was retired by a later selection. */
+    NONE = "none",
+    /** The run is working: progress is drawn, and the bar owns the zone. */
+    WORKING = "working",
+    /** The run finished and its summary ("View failures") is still on show. */
+    FINISHED = "finished"
+}
+/**
+ * Tell the enclosing host what this bulk bar holds of its background run. A no-op outside a host that
+ * listens. Reports NONE on unmount, so a host never keeps room for a bar that is gone.
+ */
+export declare function useReportSelectionBarBackgroundRun(state: SelectionBarBackgroundRunState): void;
+/** What a collection host needs to keep its bulk bar alive for the run it starts. */
+export interface SelectionBarBulkHost {
+    /** Mount the bulk bar. True from the first selection on, and never false again for this host. */
+    isBulkBarMounted: boolean;
+    /** What the bulk bar holds of its run: WORKING owns the zone (Create steps aside), FINISHED still has a summary to show. */
+    backgroundRunState: SelectionBarBackgroundRunState;
+    /** Stable. Hand to {@link CollectionSelectionBarDensityProvider}'s `onBackgroundRunChange`. */
+    onBackgroundRunChange: (state: SelectionBarBackgroundRunState) => void;
+}
+/**
+ * Keep a collection's bulk bar MOUNTED past the selection it was opened for (#1461).
+ *
+ * A bulk action that runs in the background clears the selection the moment the server accepts it —
+ * the rows will change over the next while, and keeping them ticked would invite a second run over
+ * the same rows. The progress, the summary and "View failures" live in the bulk bar's own state
+ * (`useBulkJobProgress`). So a host that mounted the bar only `while rows are selected` unmounted it in
+ * the same commit as the acceptance, and the run's whole report went with it: measured on Wonder Todos
+ * (2026-10-02), a background "Change status" over 21 todos answered 202, changed 20 rows and refused
+ * the completed one, and the toolbar showed Create again with no trace of the run.
+ *
+ * Why STICKY rather than "while selecting or while a run is held": the bar learns it holds a run in an
+ * effect AFTER the commit that clears the selection, so a mount condition reading that report would
+ * unmount the bar before it could say so. Mounted from the first selection on, it is there to say it.
+ * At rest with no run it renders nothing, so the cost is the hook work of a bar that draws nothing, paid
+ * only on collections someone has selected in.
+ */
+export declare function useSelectionBarBulkHost(isSelecting: boolean): SelectionBarBulkHost;
+/**
+ * Measure a selection bar and step its density down while it overflows.
+ *
+ * `row` is the non-wrapping line holding the count and the bulk actions. It is observed, and so are its
+ * children, because the bulk actions arrive after the row (their operations resolve asynchronously) and
+ * a row whose own box never changes size would otherwise never be re-measured when they land.
+ *
+ * Inactive (no selection), it rests at LABELLED so the next selection starts from the words.
+ */
+export declare function useMeasuredSelectionBarDensity(row: React.RefObject<HTMLElement | null>, active: boolean): MeasuredSelectionBar;
+//# sourceMappingURL=collection-selection-bar-density.d.ts.map

package/dist/esm/components/resources/collection-selection-bar-density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-selection-bar-density.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/collection-selection-bar-density.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,uEAAuE;AACvE,oBAAY,6BAA6B;IACvC,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,sFAAsF;AACtF,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAgB1C,+GAA+G;AAC/G,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,6BAA6B,CAAC;IACvC,mFAAmF;IACnF,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,mHAAmH;AACnH,wBAAgB,qCAAqC,CAAC,EACpD,OAAO,EACP,iBAAiB,EACjB,qBAAqB,EACrB,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,6BAA6B,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,iHAAiH;IACjH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMpB;AAED,gHAAgH;AAChH,wBAAgB,gCAAgC,IAAI,6BAA6B,GAAG,IAAI,CAEvF;AAED;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAKzE;AAED;;;;;;GAMG;AACH,oBAAY,8BAA8B;IACxC,+DAA+D;IAC/D,IAAI,SAAS;IACb,wEAAwE;IACxE,OAAO,YAAY;IACnB,2EAA2E;IAC3E,QAAQ,aAAa;CACtB;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,8BAA8B,GAAG,IAAI,CAM9F;AAED,qFAAqF;AACrF,MAAM,WAAW,oBAAoB;IACnC,iGAAiG;IACjG,gBAAgB,EAAE,OAAO,CAAC;IAC1B,4HAA4H;IAC5H,kBAAkB,EAAE,8BAA8B,CAAC;IACnD,+FAA+F;IAC/F,qBAAqB,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;CACxE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,OAAO,GAAG,oBAAoB,CAMlF;AAED;;;;;;;;GAQG;AACH,wBAAgB,8BAA8B,CAC5C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,GACd,oBAAoB,CAgDtB"}

package/dist/esm/components/resources/collection-selection-bar-density.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * How dense a collection's SELECTION BAR draws its bulk actions, so the count and the actions it
+ * drives stay on ONE line whatever the width.
+ *
+ * ## Why this exists
+ *
+ * With rows selected, a collection's action row is the selection bar: `[☑ · N selected · clear] ···
+ * [bulk actions]`. Its whole point is that the count and what it drives read as one statement, and a
+ * wrapping row broke that: measured on Wonder Todos (2026-09-30) at 638px, the labelled bulk actions
+ * dropped onto the next line, under the count they belong to. Hiding the refine controls made that
+ * rarer, not impossible — a narrow pane, or a resource with many bulk actions, still overflowed.
+ *
+ * So the bar does not wrap. It MEASURES instead, and steps down only while it overflows:
+ *
+ *   LABELLED — every bulk action with its words (the default: "Assign", "Delete" read clearer than icons);
+ *   ICONS    — every bulk action as an icon, the words in the tooltip and the accessible name;
+ *   CAPPED   — the first {@link CAPPED_BULK_ACTION_COUNT} as icons, the rest behind "⋯".
+ *
+ * The action bar overflows by COUNT, never by width, which is why the host measures and tells it how
+ * many to show rather than the bar deciding. A width change starts again from LABELLED, so widening
+ * the pane gives the words back — and so does a change in WHICH bulk actions the bar holds (the bar
+ * reports its set, `useReportSelectionBarActionSet`): a selection that now allows one action instead of
+ * four has room for its words again, and nothing about the row's own width would say so.
+ */
+import { createContext, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+/** The three densities a selection bar steps through, widest first. */
+export var CollectionSelectionBarDensity;
+(function (CollectionSelectionBarDensity) {
+    CollectionSelectionBarDensity["LABELLED"] = "labelled";
+    CollectionSelectionBarDensity["ICONS"] = "icons";
+    CollectionSelectionBarDensity["CAPPED"] = "capped";
+})(CollectionSelectionBarDensity || (CollectionSelectionBarDensity = {}));
+/** How many bulk actions stay in view at the densest step; the rest go behind "⋯". */
+export const CAPPED_BULK_ACTION_COUNT = 2;
+const NEXT_DENSITY = {
+    [CollectionSelectionBarDensity.LABELLED]: CollectionSelectionBarDensity.ICONS,
+    [CollectionSelectionBarDensity.ICONS]: CollectionSelectionBarDensity.CAPPED,
+    [CollectionSelectionBarDensity.CAPPED]: CollectionSelectionBarDensity.CAPPED,
+};
+const CollectionSelectionBarDensityContext = createContext(null);
+/** Publish the measured density to the bulk bar inside the selection bar, and hear back which actions it holds. */
+export function CollectionSelectionBarDensityProvider({ density, onActionSetChange, onBackgroundRunChange, children, }) {
+    const value = useMemo(() => ({ density, reportActionSet: onActionSetChange, reportBackgroundRun: onBackgroundRunChange }), [density, onActionSetChange, onBackgroundRunChange]);
+    return _jsx(CollectionSelectionBarDensityContext.Provider, { value: value, children: children });
+}
+/** The density the enclosing selection bar asks for, or `null` outside one (the bar then draws as authored). */
+export function useCollectionSelectionBarDensity() {
+    return useContext(CollectionSelectionBarDensityContext)?.density ?? null;
+}
+/**
+ * Tell the enclosing selection bar which actions this bulk bar holds (`actionSetKey` names them, e.g.
+ * their operation identifiers joined). A different set sends the bar back to LABELLED to measure again.
+ * A no-op outside a selection bar.
+ */
+export function useReportSelectionBarActionSet(actionSetKey) {
+    const report = useContext(CollectionSelectionBarDensityContext)?.reportActionSet;
+    useLayoutEffect(() => {
+        report?.(actionSetKey);
+    }, [report, actionSetKey]);
+}
+/**
+ * What a bulk bar holds of a background run it started — the three answers its host acts on (#1461).
+ *
+ * Two different questions ride on it, which is why it is not a boolean: WHILE the run works it owns the
+ * zone (the toolbar keeps Create out of it), and until its summary is retired the bar has something to
+ * show (the search layout keeps its selection row, even when the run has emptied the results).
+ */
+export var SelectionBarBackgroundRunState;
+(function (SelectionBarBackgroundRunState) {
+    /** No run, or its summary was retired by a later selection. */
+    SelectionBarBackgroundRunState["NONE"] = "none";
+    /** The run is working: progress is drawn, and the bar owns the zone. */
+    SelectionBarBackgroundRunState["WORKING"] = "working";
+    /** The run finished and its summary ("View failures") is still on show. */
+    SelectionBarBackgroundRunState["FINISHED"] = "finished";
+})(SelectionBarBackgroundRunState || (SelectionBarBackgroundRunState = {}));
+/**
+ * Tell the enclosing host what this bulk bar holds of its background run. A no-op outside a host that
+ * listens. Reports NONE on unmount, so a host never keeps room for a bar that is gone.
+ */
+export function useReportSelectionBarBackgroundRun(state) {
+    const report = useContext(CollectionSelectionBarDensityContext)?.reportBackgroundRun;
+    useLayoutEffect(() => {
+        report?.(state);
+    }, [report, state]);
+    useLayoutEffect(() => () => report?.(SelectionBarBackgroundRunState.NONE), [report]);
+}
+/**
+ * Keep a collection's bulk bar MOUNTED past the selection it was opened for (#1461).
+ *
+ * A bulk action that runs in the background clears the selection the moment the server accepts it —
+ * the rows will change over the next while, and keeping them ticked would invite a second run over
+ * the same rows. The progress, the summary and "View failures" live in the bulk bar's own state
+ * (`useBulkJobProgress`). So a host that mounted the bar only `while rows are selected` unmounted it in
+ * the same commit as the acceptance, and the run's whole report went with it: measured on Wonder Todos
+ * (2026-10-02), a background "Change status" over 21 todos answered 202, changed 20 rows and refused
+ * the completed one, and the toolbar showed Create again with no trace of the run.
+ *
+ * Why STICKY rather than "while selecting or while a run is held": the bar learns it holds a run in an
+ * effect AFTER the commit that clears the selection, so a mount condition reading that report would
+ * unmount the bar before it could say so. Mounted from the first selection on, it is there to say it.
+ * At rest with no run it renders nothing, so the cost is the hook work of a bar that draws nothing, paid
+ * only on collections someone has selected in.
+ */
+export function useSelectionBarBulkHost(isSelecting) {
+    const [hasSelected, setHasSelected] = useState(isSelecting);
+    // Derived from the previous render, React's documented pattern: no effect, no extra commit.
+    if (isSelecting && !hasSelected)
+        setHasSelected(true);
+    const [backgroundRunState, setBackgroundRunState] = useState(SelectionBarBackgroundRunState.NONE);
+    return { isBulkBarMounted: isSelecting || hasSelected, backgroundRunState, onBackgroundRunChange: setBackgroundRunState };
+}
+/**
+ * Measure a selection bar and step its density down while it overflows.
+ *
+ * `row` is the non-wrapping line holding the count and the bulk actions. It is observed, and so are its
+ * children, because the bulk actions arrive after the row (their operations resolve asynchronously) and
+ * a row whose own box never changes size would otherwise never be re-measured when they land.
+ *
+ * Inactive (no selection), it rests at LABELLED so the next selection starts from the words.
+ */
+export function useMeasuredSelectionBarDensity(row, active) {
+    const [density, setDensity] = useState(CollectionSelectionBarDensity.LABELLED);
+    const [measureTick, setMeasureTick] = useState(0);
+    const lastRowWidth = useRef(null);
+    // The bulk bar's current set of actions (see `useReportSelectionBarActionSet`). A CHANGE of set starts
+    // again from LABELLED; the first report does not, since the bar already starts there.
+    const [actionSet, setActionSet] = useState(null);
+    const lastActionSet = useRef(null);
+    useLayoutEffect(() => {
+        if (actionSet === lastActionSet.current)
+            return;
+        const hadOne = lastActionSet.current !== null;
+        lastActionSet.current = actionSet;
+        if (hadOne)
+            setDensity(CollectionSelectionBarDensity.LABELLED);
+    }, [actionSet]);
+    // Step down while the row overflows. Runs after the bar has laid out at the current density.
+    useLayoutEffect(() => {
+        if (!active) {
+            setDensity(CollectionSelectionBarDensity.LABELLED);
+            return;
+        }
+        const element = row.current;
+        if (!element)
+            return;
+        if (element.scrollWidth > element.clientWidth + 1) {
+            setDensity((current) => NEXT_DENSITY[current]);
+        }
+    }, [active, density, measureTick, row]);
+    // Re-measure when the row or anything in it changes size; a change in the ROW's width starts again
+    // from LABELLED, so a pane that grows gets the words back.
+    useEffect(() => {
+        const element = row.current;
+        if (!active || !element || typeof ResizeObserver === 'undefined')
+            return undefined;
+        const observer = new ResizeObserver(() => {
+            const width = element.clientWidth;
+            if (lastRowWidth.current !== null && Math.abs(width - lastRowWidth.current) > 1) {
+                setDensity(CollectionSelectionBarDensity.LABELLED);
+            }
+            lastRowWidth.current = width;
+            setMeasureTick((tick) => tick + 1);
+        });
+        if (typeof observer?.observe !== 'function')
+            return undefined;
+        observer.observe(element);
+        for (const child of Array.from(element.children))
+            observer.observe(child);
+        return () => observer.disconnect?.();
+    }, [active, row]);
+    return useMemo(() => ({ density, reportActionSet: setActionSet }), [density]);
+}
+//# sourceMappingURL=collection-selection-bar-density.js.map

package/dist/esm/components/resources/collection-selection-bar-density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-selection-bar-density.js","sourceRoot":"","sources":["../../../../../src/components/resources/collection-selection-bar-density.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * How dense a collection's SELECTION BAR draws its bulk actions, so the count and the actions it\n * drives stay on ONE line whatever the width.\n *\n * ## Why this exists\n *\n * With rows selected, a collection's action row is the selection bar: `[☑ · N selected · clear] ···\n * [bulk actions]`. Its whole point is that the count and what it drives read as one statement, and a\n * wrapping row broke that: measured on Wonder Todos (2026-09-30) at 638px, the labelled bulk actions\n * dropped onto the next line, under the count they belong to. Hiding the refine controls made that\n * rarer, not impossible — a narrow pane, or a resource with many bulk actions, still overflowed.\n *\n * So the bar does not wrap. It MEASURES instead, and steps down only while it overflows:\n *\n *   LABELLED — every bulk action with its words (the default: \"Assign\", \"Delete\" read clearer than icons);\n *   ICONS    — every bulk action as an icon, the words in the tooltip and the accessible name;\n *   CAPPED   — the first {@link CAPPED_BULK_ACTION_COUNT} as icons, the rest behind \"⋯\".\n *\n * The action bar overflows by COUNT, never by width, which is why the host measures and tells it how\n * many to show rather than the bar deciding. A width change starts again from LABELLED, so widening\n * the pane gives the words back — and so does a change in WHICH bulk actions the bar holds (the bar\n * reports its set, `useReportSelectionBarActionSet`): a selection that now allows one action instead of\n * four has room for its words again, and nothing about the row's own width would say so.\n */\nimport React, { createContext, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n/** The three densities a selection bar steps through, widest first. */\nexport enum CollectionSelectionBarDensity {\n  LABELLED = 'labelled',\n  ICONS = 'icons',\n  CAPPED = 'capped',\n}\n\n/** How many bulk actions stay in view at the densest step; the rest go behind \"⋯\". */\nexport const CAPPED_BULK_ACTION_COUNT = 2;\n\nconst NEXT_DENSITY: Record<CollectionSelectionBarDensity, CollectionSelectionBarDensity> = {\n  [CollectionSelectionBarDensity.LABELLED]: CollectionSelectionBarDensity.ICONS,\n  [CollectionSelectionBarDensity.ICONS]: CollectionSelectionBarDensity.CAPPED,\n  [CollectionSelectionBarDensity.CAPPED]: CollectionSelectionBarDensity.CAPPED,\n};\n\ninterface CollectionSelectionBarDensityContextValue {\n  density: CollectionSelectionBarDensity;\n  reportActionSet?: (actionSetKey: string) => void;\n  reportBackgroundRun?: (state: SelectionBarBackgroundRunState) => void;\n}\n\nconst CollectionSelectionBarDensityContext = createContext<CollectionSelectionBarDensityContextValue | null>(null);\n\n/** A measured selection bar: the density to draw at, and where the bulk bar reports which actions it holds. */\nexport interface MeasuredSelectionBar {\n  density: CollectionSelectionBarDensity;\n  /** Stable. Called by the bulk bar with a key naming its current set of actions. */\n  reportActionSet: (actionSetKey: string) => void;\n}\n\n/** Publish the measured density to the bulk bar inside the selection bar, and hear back which actions it holds. */\nexport function CollectionSelectionBarDensityProvider({\n  density,\n  onActionSetChange,\n  onBackgroundRunChange,\n  children,\n}: {\n  density: CollectionSelectionBarDensity;\n  onActionSetChange?: (actionSetKey: string) => void;\n  /** Hears what the bulk bar inside holds of a background run it started (see {@link useSelectionBarBulkHost}). */\n  onBackgroundRunChange?: (state: SelectionBarBackgroundRunState) => void;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  const value = useMemo(\n    () => ({ density, reportActionSet: onActionSetChange, reportBackgroundRun: onBackgroundRunChange }),\n    [density, onActionSetChange, onBackgroundRunChange],\n  );\n  return <CollectionSelectionBarDensityContext.Provider value={value}>{children}</CollectionSelectionBarDensityContext.Provider>;\n}\n\n/** The density the enclosing selection bar asks for, or `null` outside one (the bar then draws as authored). */\nexport function useCollectionSelectionBarDensity(): CollectionSelectionBarDensity | null {\n  return useContext(CollectionSelectionBarDensityContext)?.density ?? null;\n}\n\n/**\n * Tell the enclosing selection bar which actions this bulk bar holds (`actionSetKey` names them, e.g.\n * their operation identifiers joined). A different set sends the bar back to LABELLED to measure again.\n * A no-op outside a selection bar.\n */\nexport function useReportSelectionBarActionSet(actionSetKey: string): void {\n  const report = useContext(CollectionSelectionBarDensityContext)?.reportActionSet;\n  useLayoutEffect(() => {\n    report?.(actionSetKey);\n  }, [report, actionSetKey]);\n}\n\n/**\n * What a bulk bar holds of a background run it started — the three answers its host acts on (#1461).\n *\n * Two different questions ride on it, which is why it is not a boolean: WHILE the run works it owns the\n * zone (the toolbar keeps Create out of it), and until its summary is retired the bar has something to\n * show (the search layout keeps its selection row, even when the run has emptied the results).\n */\nexport enum SelectionBarBackgroundRunState {\n  /** No run, or its summary was retired by a later selection. */\n  NONE = 'none',\n  /** The run is working: progress is drawn, and the bar owns the zone. */\n  WORKING = 'working',\n  /** The run finished and its summary (\"View failures\") is still on show. */\n  FINISHED = 'finished',\n}\n\n/**\n * Tell the enclosing host what this bulk bar holds of its background run. A no-op outside a host that\n * listens. Reports NONE on unmount, so a host never keeps room for a bar that is gone.\n */\nexport function useReportSelectionBarBackgroundRun(state: SelectionBarBackgroundRunState): void {\n  const report = useContext(CollectionSelectionBarDensityContext)?.reportBackgroundRun;\n  useLayoutEffect(() => {\n    report?.(state);\n  }, [report, state]);\n  useLayoutEffect(() => () => report?.(SelectionBarBackgroundRunState.NONE), [report]);\n}\n\n/** What a collection host needs to keep its bulk bar alive for the run it starts. */\nexport interface SelectionBarBulkHost {\n  /** Mount the bulk bar. True from the first selection on, and never false again for this host. */\n  isBulkBarMounted: boolean;\n  /** What the bulk bar holds of its run: WORKING owns the zone (Create steps aside), FINISHED still has a summary to show. */\n  backgroundRunState: SelectionBarBackgroundRunState;\n  /** Stable. Hand to {@link CollectionSelectionBarDensityProvider}'s `onBackgroundRunChange`. */\n  onBackgroundRunChange: (state: SelectionBarBackgroundRunState) => void;\n}\n\n/**\n * Keep a collection's bulk bar MOUNTED past the selection it was opened for (#1461).\n *\n * A bulk action that runs in the background clears the selection the moment the server accepts it —\n * the rows will change over the next while, and keeping them ticked would invite a second run over\n * the same rows. The progress, the summary and \"View failures\" live in the bulk bar's own state\n * (`useBulkJobProgress`). So a host that mounted the bar only `while rows are selected` unmounted it in\n * the same commit as the acceptance, and the run's whole report went with it: measured on Wonder Todos\n * (2026-10-02), a background \"Change status\" over 21 todos answered 202, changed 20 rows and refused\n * the completed one, and the toolbar showed Create again with no trace of the run.\n *\n * Why STICKY rather than \"while selecting or while a run is held\": the bar learns it holds a run in an\n * effect AFTER the commit that clears the selection, so a mount condition reading that report would\n * unmount the bar before it could say so. Mounted from the first selection on, it is there to say it.\n * At rest with no run it renders nothing, so the cost is the hook work of a bar that draws nothing, paid\n * only on collections someone has selected in.\n */\nexport function useSelectionBarBulkHost(isSelecting: boolean): SelectionBarBulkHost {\n  const [hasSelected, setHasSelected] = useState(isSelecting);\n  // Derived from the previous render, React's documented pattern: no effect, no extra commit.\n  if (isSelecting && !hasSelected) setHasSelected(true);\n  const [backgroundRunState, setBackgroundRunState] = useState(SelectionBarBackgroundRunState.NONE);\n  return { isBulkBarMounted: isSelecting || hasSelected, backgroundRunState, onBackgroundRunChange: setBackgroundRunState };\n}\n\n/**\n * Measure a selection bar and step its density down while it overflows.\n *\n * `row` is the non-wrapping line holding the count and the bulk actions. It is observed, and so are its\n * children, because the bulk actions arrive after the row (their operations resolve asynchronously) and\n * a row whose own box never changes size would otherwise never be re-measured when they land.\n *\n * Inactive (no selection), it rests at LABELLED so the next selection starts from the words.\n */\nexport function useMeasuredSelectionBarDensity(\n  row: React.RefObject<HTMLElement | null>,\n  active: boolean,\n): MeasuredSelectionBar {\n  const [density, setDensity] = useState(CollectionSelectionBarDensity.LABELLED);\n  const [measureTick, setMeasureTick] = useState(0);\n  const lastRowWidth = useRef<number | null>(null);\n  // The bulk bar's current set of actions (see `useReportSelectionBarActionSet`). A CHANGE of set starts\n  // again from LABELLED; the first report does not, since the bar already starts there.\n  const [actionSet, setActionSet] = useState<string | null>(null);\n  const lastActionSet = useRef<string | null>(null);\n  useLayoutEffect(() => {\n    if (actionSet === lastActionSet.current) return;\n    const hadOne = lastActionSet.current !== null;\n    lastActionSet.current = actionSet;\n    if (hadOne) setDensity(CollectionSelectionBarDensity.LABELLED);\n  }, [actionSet]);\n\n  // Step down while the row overflows. Runs after the bar has laid out at the current density.\n  useLayoutEffect(() => {\n    if (!active) {\n      setDensity(CollectionSelectionBarDensity.LABELLED);\n      return;\n    }\n    const element = row.current;\n    if (!element) return;\n    if (element.scrollWidth > element.clientWidth + 1) {\n      setDensity((current) => NEXT_DENSITY[current]);\n    }\n  }, [active, density, measureTick, row]);\n\n  // Re-measure when the row or anything in it changes size; a change in the ROW's width starts again\n  // from LABELLED, so a pane that grows gets the words back.\n  useEffect(() => {\n    const element = row.current;\n    if (!active || !element || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(() => {\n      const width = element.clientWidth;\n      if (lastRowWidth.current !== null && Math.abs(width - lastRowWidth.current) > 1) {\n        setDensity(CollectionSelectionBarDensity.LABELLED);\n      }\n      lastRowWidth.current = width;\n      setMeasureTick((tick) => tick + 1);\n    });\n    if (typeof observer?.observe !== 'function') return undefined;\n    observer.observe(element);\n    for (const child of Array.from(element.children)) observer.observe(child);\n    return () => observer.disconnect?.();\n  }, [active, row]);\n\n  return useMemo(() => ({ density, reportActionSet: setActionSet }), [density]);\n}\n"]}

package/dist/esm/components/resources/collection-view-mode.frontend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-view-mode.frontend.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/collection-view-mode.frontend.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAOH,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAQtG;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,qBAAqB,GAAG,IAAI,CAMxF;AAED,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAEvF;AAED,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,QAAQ,EAAE,qBAAqB,CAAC;IAChC,6DAA6D;IAC7D,WAAW,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,GAAG,iBAAiB,CAWvG"}
+{"version":3,"file":"collection-view-mode.frontend.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/collection-view-mode.frontend.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAOH,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAQtG;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,qBAAqB,GAAG,IAAI,CAMxF;AAED,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAEvF;AAED,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,QAAQ,EAAE,qBAAqB,CAAC;IAChC,6DAA6D;IAC7D,WAAW,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,GAAG,iBAAiB,CAWvG"}

package/dist/esm/components/resources/component-props.resources-layout.frontend.schemas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-props.resources-layout.frontend.schemas.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/component-props.resources-layout.frontend.schemas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACjH,OAAO,KAAK,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AAEzH;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AAED,eAAO,MAAM,sBAAsB,2BAA2B,CAAA"}
+{"version":3,"file":"component-props.resources-layout.frontend.schemas.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/component-props.resources-layout.frontend.schemas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACjH,OAAO,KAAK,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AAEzH;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AAED,eAAO,MAAM,sBAAsB,2BAA2B,CAAA"}

package/dist/esm/components/resources/embeds/ComposedChildrenRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedChildrenRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/embeds/ComposedChildrenRegistry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB;;;;;;;;OAQG;IACH,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B;;;;;;;;;;;;;;;;;;OAkBG;IACH,qBAAqB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC7C;AAID,MAAM,WAAW,qCAAqC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,GACT,EAAE,qCAAqC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6B3D;AAwBD,wBAAgB,wBAAwB,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAKpF;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,IAAI,OAAO,CAIzD;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAK/C;AASD;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAKrE;AAED,wBAAgB,mBAAmB,IAAI,WAAW,CAAC,MAAM,CAAC,CAGzD"}
+{"version":3,"file":"ComposedChildrenRegistry.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/ComposedChildrenRegistry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB;;;;;;;;OAQG;IACH,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B;;;;;;;;;;;;;;;;;;OAkBG;IACH,qBAAqB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC7C;AAID,MAAM,WAAW,qCAAqC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,GACT,EAAE,qCAAqC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6B3D;AAwBD,wBAAgB,wBAAwB,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAKpF;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,IAAI,OAAO,CAIzD;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAK/C;AASD;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAKrE;AAED,wBAAgB,mBAAmB,IAAI,WAAW,CAAC,MAAM,CAAC,CAGzD"}