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

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionSelectionControls.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,gCAAgC;IAC/C,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,mBAAmB,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC1E;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDtD"}
+{"version":3,"file":"CollectionSelectionControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,gCAAgC;IAC/C,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,mBAAmB,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC1E;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDtD"}

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionSelectionControls.js","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACxF,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,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAyB/F,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,SAAS,GACwB;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,eAAY,sBAAsB,aAKjG,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,KAAK,KAAK,CAAC,IAAI,SAAS,CACzB,YAEA,KAAK,GAAG,CAAC;oBACR,CAAC,CAAC,UAAU,CACR,qBAAqB,CAAC,sBAAsB,EAC5C,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,EAC5D,EAAE,KAAK,EAAE,CACV;oBACH,CAAC,CAAC,EAAE,GACD,EAIN,aAAa,IAAI,CAAC,kBAAkB,IAAI,CACvC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,IAAI,EACpC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,OAAO,EAAE,aAAa,CAAC,mBAAmB,YAEzC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,CAAC,GAC9G,CACV,EACA,KAAK,GAAG,CAAC,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,gBACJ,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,YAErF,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACzD,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * CollectionSelectionControls — the LOCAL, in-header SUMMARY of a collection's selection: a live\n * \"N selected\" count and a clear button.\n *\n * Sits in the collection's own header/controls zone (beside search/filter/sort), NOT as a global\n * floating overlay — selection is a property of one list, so its chrome lives inside that list.\n * Bulk ACTIONS render separately in the trailing zone (near/contextually-replacing the Create\n * action); this component owns only the selection STATE display.\n *\n * **It no longer carries the select-all checkbox**, and that is the point of the split. A checkbox\n * means \"all of these\" only when it stands above the column of checkboxes it commands; here it sat\n * in a toolbar row of its own, ~200px to the right of the rows' checkboxes, and in TABLE mode it\n * was a second select-all beside the table header's. The checkbox now lives with the rows in both\n * displays — the table's `__select` header cell, and `CollectionSelectionHeaderRail` for cards —\n * while the COUNT stays here, beside the bulk actions that consume it.\n *\n * Shared by `ResourceCollectionToolbar` (LIST) and `ResourceLayout_Search` so the two collection\n * surfaces render selection identically.\n */\n\nimport React 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';\n\nexport interface CollectionSelectionControlsProps {\n  /** Number of currently-selected items. */\n  count: number;\n  /** Clear the whole selection. */\n  onClear: () => void;\n  /**\n   * Offered only when the person has selected EVERY row on the page and the listing matches more\n   * rows than the page holds — the moment the page selection stops meaning what they want.\n   *\n   * Presenting it earlier would be noise: with a partial page selection, \"select all matching\" is\n   * not the obvious next step, it is a different intent (spec-cite: N/A — this is the\n   * select-page-then-offer-all pattern PatternFly's bulk selection and Gmail both use; the words\n   * are this repository's).\n   */\n  matchAllOffer?: { matchedCount: number; onSelectAllMatching: () => void };\n  /**\n   * True once the selection IS the query. The count then describes rows nobody has loaded, so the\n   * surface says so rather than showing a number that reads like a tally of ticks.\n   */\n  isMatchAllSelected?: boolean;\n  className?: string;\n}\n\nexport function CollectionSelectionControls({\n  count,\n  onClear,\n  matchAllOffer,\n  isMatchAllSelected,\n  className,\n}: CollectionSelectionControlsProps): React.JSX.Element {\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n\n  return (\n    <div className={cn('flex items-center gap-element-sm', className)} data-slot=\"collection-selection\">\n      {/* ALWAYS-mounted live region (empty + sr-only at count 0) so the FIRST\n          selection (0→1) is announced — a region inserted together with its text\n          in one commit is not announced by most screen readers. Only the text +\n          class change as the count changes. */}\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          'text-sm font-medium text-muted-foreground whitespace-nowrap',\n          count === 0 && 'sr-only',\n        )}\n      >\n        {count > 0\n          ? tComponent(\n              FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n              isMatchAllSelected ? 'allMatchingSelected' : 'selectedCount',\n              { count },\n            )\n          : ''}\n      </span>\n      {/* The offer sits inside the same live region's row so the escalation reads as one statement:\n          \"12 selected — select all 2,340 matching\". It disappears the moment it is taken, because\n          the count beside it then says the same thing. */}\n      {matchAllOffer && !isMatchAllSelected && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.LINK}\n          size={ButtonSize.SM}\n          onClick={matchAllOffer.onSelectAllMatching}\n        >\n          {tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAllMatching', { count: matchAllOffer.matchedCount })}\n        </Button>\n      )}\n      {count > 0 && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={onClear}\n          aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSelection')}\n        >\n          {renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS })}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"CollectionSelectionControls.js","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACxF,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,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAyB/F,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,SAAS,GACwB;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,eAAY,sBAAsB,aAKjG,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,KAAK,KAAK,CAAC,IAAI,SAAS,CACzB,YAEA,KAAK,GAAG,CAAC;oBACR,CAAC,CAAC,UAAU,CACR,qBAAqB,CAAC,sBAAsB,EAC5C,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,EAC5D,EAAE,KAAK,EAAE,CACV;oBACH,CAAC,CAAC,EAAE,GACD,EAIN,aAAa,IAAI,CAAC,kBAAkB,IAAI,CACvC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,IAAI,EACpC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,OAAO,EAAE,aAAa,CAAC,mBAAmB,YAEzC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,CAAC,GAC9G,CACV,EACA,KAAK,GAAG,CAAC,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,gBACJ,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,YAErF,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACzD,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * CollectionSelectionControls — the LOCAL, in-header SUMMARY of a collection's selection: a live\n * \"N selected\" count and a clear button.\n *\n * Sits in the collection's own header/controls zone (beside search/filter/sort), NOT as a global\n * floating overlay — selection is a property of one list, so its chrome lives inside that list.\n * Bulk ACTIONS render separately in the trailing zone (near/contextually-replacing the Create\n * action); this component owns only the selection STATE display.\n *\n * **It no longer carries the select-all checkbox**, and that is the point of the split. A checkbox\n * means \"all of these\" only when it stands above the column of checkboxes it commands; here it sat\n * in a toolbar row of its own, ~200px to the right of the rows' checkboxes, and in TABLE mode it\n * was a second select-all beside the table header's. The checkbox now stands in the rows' column in\n * both displays — the table's `__select` header cell, and `CollectionSelectAllCheckbox` leading the\n * cards toolbar's action row, inset onto that column — while the COUNT stays here, beside the bulk\n * actions that consume it (on one line: with rows selected, that row is the selection bar).\n *\n * Shared by `ResourceCollectionToolbar` (LIST) and `ResourceLayout_Search` so the two collection\n * surfaces render selection identically.\n */\n\nimport React 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';\n\nexport interface CollectionSelectionControlsProps {\n  /** Number of currently-selected items. */\n  count: number;\n  /** Clear the whole selection. */\n  onClear: () => void;\n  /**\n   * Offered only when the person has selected EVERY row on the page and the listing matches more\n   * rows than the page holds — the moment the page selection stops meaning what they want.\n   *\n   * Presenting it earlier would be noise: with a partial page selection, \"select all matching\" is\n   * not the obvious next step, it is a different intent (spec-cite: N/A — this is the\n   * select-page-then-offer-all pattern PatternFly's bulk selection and Gmail both use; the words\n   * are this repository's).\n   */\n  matchAllOffer?: { matchedCount: number; onSelectAllMatching: () => void };\n  /**\n   * True once the selection IS the query. The count then describes rows nobody has loaded, so the\n   * surface says so rather than showing a number that reads like a tally of ticks.\n   */\n  isMatchAllSelected?: boolean;\n  className?: string;\n}\n\nexport function CollectionSelectionControls({\n  count,\n  onClear,\n  matchAllOffer,\n  isMatchAllSelected,\n  className,\n}: CollectionSelectionControlsProps): React.JSX.Element {\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n\n  return (\n    <div className={cn('flex items-center gap-element-sm', className)} data-slot=\"collection-selection\">\n      {/* ALWAYS-mounted live region (empty + sr-only at count 0) so the FIRST\n          selection (0→1) is announced — a region inserted together with its text\n          in one commit is not announced by most screen readers. Only the text +\n          class change as the count changes. */}\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          'text-sm font-medium text-muted-foreground whitespace-nowrap',\n          count === 0 && 'sr-only',\n        )}\n      >\n        {count > 0\n          ? tComponent(\n              FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n              isMatchAllSelected ? 'allMatchingSelected' : 'selectedCount',\n              { count },\n            )\n          : ''}\n      </span>\n      {/* The offer sits inside the same live region's row so the escalation reads as one statement:\n          \"12 selected — select all 2,340 matching\". It disappears the moment it is taken, because\n          the count beside it then says the same thing. */}\n      {matchAllOffer && !isMatchAllSelected && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.LINK}\n          size={ButtonSize.SM}\n          onClick={matchAllOffer.onSelectAllMatching}\n        >\n          {tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAllMatching', { count: matchAllOffer.matchedCount })}\n        </Button>\n      )}\n      {count > 0 && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={onClear}\n          aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSelection')}\n        >\n          {renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS })}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"EphemeralFieldsRevealDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmF7D"}
+{"version":3,"file":"EphemeralFieldsRevealDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmF7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"InlineSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,gFAAgF;IAChF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,GAAI,oFAS/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAkD/C,CAAC"}
+{"version":3,"file":"InlineSearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,gFAAgF;IAChF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,GAAI,oFAS/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAkD/C,CAAC"}

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

@@ -12,7 +12,7 @@
  * without duplicating the data/fetch layer.
  */
 import React from 'react';
-import type { AnyFrontendResourceConfiguration } from '../../core/resources/resources.frontend.schemas';
+import type { AnyFrontendResourceConfiguration, FrontendResourceOperationContext } from '../../core/resources/resources.frontend.schemas';
 import type { SortState } from '../../components/resources/ResourceLayout_SortControl';
 import type { NavigationZone } from '../../core/navigation/navigation.schemas';
 type TableItem = Record<string, any>;
@@ -30,6 +30,11 @@ export interface ResourceCollectionBody_TableProps {
     navigationZone: NavigationZone;
     /** Ordered summary fields → one column each. */
     summaryFields: string[];
+    /**
+     * The collection's resource identifiers (its route scope and parents). Each cell reads in its ROW's scope, built
+     * from these and the row (`FieldValueRenderer`), so a reference in a cell is fetched where the row lives (#2347).
+     */
+    contextResourceIdentifiers: FrontendResourceOperationContext['contextResourceIdentifiers'] | undefined;
     /** Pre-resolved i18n field labels (column headers). */
     fieldLabelsMap: Record<string, string>;
     /** Sortable field names (sortable column headers). */
@@ -70,6 +75,6 @@ export interface ResourceCollectionBody_TableProps {
      */
     canOpenRow?: (item: TableItem) => boolean;
 }
-export declare const ResourceCollectionBody_Table: ({ items, resourceType, resourceConfig, navigationZone, summaryFields, fieldLabelsMap, sortFields, sortStates, onSortChange, selectable, isRowSelected, onToggleRow, allSelected, onToggleAll, renderRowActions, onRowClick, canOpenRow, }: ResourceCollectionBody_TableProps) => React.JSX.Element;
+export declare const ResourceCollectionBody_Table: ({ items, resourceType, resourceConfig, navigationZone, summaryFields, contextResourceIdentifiers, fieldLabelsMap, sortFields, sortStates, onSortChange, selectable, isRowSelected, onToggleRow, allSelected, onToggleAll, renderRowActions, onRowClick, canOpenRow, }: ResourceCollectionBody_TableProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ResourceCollectionBody_Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionBody_Table.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionBody_Table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAmBpD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qEAAqE,CAAC;AAIrG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAE7F,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,MAAM,WAAW,iCAAiC;IAChD,2CAA2C;IAC3C,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,cAAc,EAAE,gCAAgC,CAAC;IACjD;;;OAGG;IACH,cAAc,EAAE,cAAc,CAAC;IAC/B,gDAAgD;IAChD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,sDAAsD;IACtD,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,gFAAgF;IAChF,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,uEAAuE;IACvE,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IAC7C,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,4BAA4B,GAAI,2OAkB1C,iCAAiC,KAAG,KAAK,CAAC,GAAG,CAAC,OA2OhD,CAAC"}
+{"version":3,"file":"ResourceCollectionBody_Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionBody_Table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAoBpD,OAAO,KAAK,EAAE,gCAAgC,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACxJ,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qEAAqE,CAAC;AAIrG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAE7F,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAyBrC,MAAM,WAAW,iCAAiC;IAChD,2CAA2C;IAC3C,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,cAAc,EAAE,gCAAgC,CAAC;IACjD;;;OAGG;IACH,cAAc,EAAE,cAAc,CAAC;IAC/B,gDAAgD;IAChD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,0BAA0B,EAAE,gCAAgC,CAAC,4BAA4B,CAAC,GAAG,SAAS,CAAC;IACvG,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,sDAAsD;IACtD,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,gFAAgF;IAChF,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,uEAAuE;IACvE,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IAC7C,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,4BAA4B,GAAI,uQAmB1C,iCAAiC,KAAG,KAAK,CAAC,GAAG,CAAC,OAoPhD,CAAC"}

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

@@ -13,22 +13,42 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * without duplicating the data/fetch layer.
  */
 import { useMemo } from 'react';
-import { useReactTable, getCoreRowModel, flexRender, } from '@tanstack/react-table';
+import { useReactTable, getCoreRowModel, } from '@tanstack/react-table';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { cn } from '../../core/ui/cn.js';
+import { focusIndicatorClasses, FocusIndicatorShape } from '../../core/ui/themes/focus-indicator.js';
 import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
 import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
 import { useUI } from '../../core/ui/useUI.js';
-import { ButtonSize, FrontendComponentType, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { ButtonSize, FrontendComponentType, InteractiveVariant, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { CheckboxRoot } from '../../components/form/controls/boolean/checkbox.js';
 import { TableCell } from '../../components/sections/table.js';
 import { FieldValueRenderer } from '../../components/resources/ResourceListItemRenderer.js';
-import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
 import { ResourceInPlaceOperationRow } from '../../components/resources/ResourceInPlaceOperationRow.js';
 import { useInPlaceOperation } from '../../core/resources/in-place/InPlaceOperationContext.js';
 import { FrontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
-export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConfig, navigationZone, summaryFields, fieldLabelsMap, sortFields, sortStates, onSortChange, selectable = false, isRowSelected, onToggleRow, allSelected = false, onToggleAll, renderRowActions, onRowClick, canOpenRow, }) => {
+/**
+ * Render a column's header or cell template by CALLING it, never by mounting it.
+ *
+ * TanStack's `flexRender` mounts any function it is given as a component (`React.createElement(fn, props)`),
+ * so the function's identity becomes the element's TYPE. This table builds its column definitions in a
+ * `useMemo` over the host's inputs (sort, selection, the row-actions renderer…), and every rebuild hands
+ * each cell a NEW function — a new component type — so React unmounted every cell's subtree and mounted a
+ * fresh one. For a value cell that was only wasted work; for the row ACTIONS it was the whole state of the
+ * row's action bar: the anchored panel a click had just opened, the confirmation it had just raised. The
+ * action "did nothing" because what it did was discarded in the next render (#2057).
+ *
+ * Calling the template returns the element it describes — `<FieldValueRenderer>`, `<CheckboxRoot>`, the
+ * host's row actions — whose types are stable, so React reconciles each cell in place across rebuilds. It is
+ * safe because none of these templates calls a hook: each is a plain render function over its context.
+ */
+function renderColumnTemplate(template, context) {
+    if (template === undefined)
+        return null;
+    return typeof template === 'function' ? template(context) : template;
+}
+export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConfig, navigationZone, summaryFields, contextResourceIdentifiers, fieldLabelsMap, sortFields, sortStates, onSortChange, selectable = false, isRowSelected, onToggleRow, allSelected = false, onToggleAll, renderRowActions, onRowClick, canOpenRow, }) => {
     const { tComponent, tResourceFieldEnumValue } = useI18n({
         component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,
         resource: resourceType,
@@ -37,10 +57,12 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
     const inPlaceHost = useInPlaceOperation();
     const { getRecipe } = useUI();
     const interactiveRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST);
+    // Column headings name what is below them: the EYEBROW voice, as a record's fact tiles name their values.
+    const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);
     const schemaShape = useMemo(() => {
-        const mainSchema = resourceConfig?.mainSchema;
-        // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).
-        return mainSchema ? (AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null) : null;
+        // Columns span every row, so every field some row can hold (#2455): a variant column is typed too. A family's
+        // `mainSchema` is its base object since #2414, not a discriminated union.
+        return FrontendResourceUtils.resolveFieldShapeOfAnyVariant(resourceConfig) ?? null;
     }, [resourceConfig]);
     const sortableFieldsSet = useMemo(() => new Set(sortFields), [sortFields]);
     const columns = useMemo(() => {
@@ -84,7 +106,7 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
                             }
                         }, children: [label, isActiveSort && (_jsxs("span", { className: "inline-flex items-center gap-0.5 text-muted-foreground", "aria-hidden": "true", children: [renderIcon(direction === 'asc' ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }), sortStates.length > 1 && (_jsx("span", { className: "text-[10px] font-semibold tabular-nums", children: ruleIndex + 1 }))] }))] }));
                 },
-                cell: ({ row }) => (_jsx(FieldValueRenderer, { value: row.original[fieldName], fieldSchema: fieldSchema, fieldLabel: undefined, resourceType: resourceType, record: row.original, fieldName: fieldName, tResourceFieldEnumValue: tResourceFieldEnumValue })),
+                cell: ({ row }) => (_jsx(FieldValueRenderer, { value: row.original[fieldName], fieldSchema: fieldSchema, fieldLabel: undefined, resourceType: resourceType, record: row.original, collectionContextResourceIdentifiers: contextResourceIdentifiers, fieldName: fieldName, tResourceFieldEnumValue: tResourceFieldEnumValue })),
             });
         }
         // Trailing per-row actions column (at the END of the row). Right-aligned,
@@ -99,7 +121,7 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
             });
         }
         return cols;
-    }, [selectable, allSelected, onToggleAll, isRowSelected, onToggleRow, renderRowActions, summaryFields, schemaShape, sortableFieldsSet, fieldLabelsMap, sortStates, onSortChange, resourceType, tResourceFieldEnumValue, tComponent, renderIcon]);
+    }, [selectable, allSelected, onToggleAll, isRowSelected, onToggleRow, renderRowActions, summaryFields, contextResourceIdentifiers, schemaShape, sortableFieldsSet, fieldLabelsMap, sortStates, onSortChange, resourceType, tResourceFieldEnumValue, tComponent, renderIcon]);
     const table = useReactTable({
         data: items,
         columns,
@@ -110,9 +132,9 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
         // Sorting is server-side (the host re-fetches on sort change).
         manualSorting: true,
     });
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { "data-slot": "table", className: "w-full text-sm", "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'listLabel'), children: [_jsx("thead", { className: "bg-muted/50 border-b border-border", children: table.getHeaderGroups().map(headerGroup => (_jsx("tr", { children: headerGroup.headers.map(header => (_jsx("th", { className: "px-card-sm py-element-sm text-start text-xs font-medium text-muted-foreground uppercase tracking-wider", style: { width: header.getSize() !== 150 ? header.getSize() : undefined }, children: header.isPlaceholder
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { "data-slot": "table", className: "w-full text-sm", "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'listLabel'), children: [_jsx("thead", { className: "bg-muted/50 border-b border-border", children: table.getHeaderGroups().map(headerGroup => (_jsx("tr", { children: headerGroup.headers.map(header => (_jsx("th", { className: cn("px-card-sm py-element-sm text-start", eyebrowRecipe.base), style: { width: header.getSize() !== 150 ? header.getSize() : undefined }, children: header.isPlaceholder
                                         ? null
-                                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { className: "divide-y divide-border", children: table.getRowModel().rows.map(row => {
+                                        : renderColumnTemplate(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { className: "divide-y divide-border", children: table.getRowModel().rows.map(row => {
                                 // A row being TRANSFORMED by an INLINE action replaces its cells with the operation
                                 // body, spanning the full width, and every other row stays exactly where it is.
                                 //
@@ -125,10 +147,12 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
                                     return (_jsx("tr", { role: "row", children: _jsx("td", { colSpan: row.getVisibleCells().length, className: "p-0", children: _jsx(ResourceInPlaceOperationRow, { navigationZone: navigationZone }) }) }, row.id));
                                 }
                                 const rowIsOpenable = canOpenRow ? canOpenRow(row.original) : true;
-                                return (_jsx("tr", { className: cn(
+                                return (_jsx("tr", { "data-slot": "resource-list-item", className: cn(
                                     // Hover tint and pointer travel together with the behaviour: a row that opens
                                     // nothing must not advertise that it does.
-                                    rowIsOpenable && (interactiveRecipe.states.hover || 'hover:bg-muted/30'), 'transition-colors motion-reduce:transition-none', rowIsOpenable && 'cursor-pointer', isRowSelected?.(row.original) && 'bg-primary/5'), onClick: rowIsOpenable ? () => onRowClick(row.original) : undefined, role: "row", "aria-selected": selectable ? (isRowSelected?.(row.original) ?? false) : undefined, tabIndex: rowIsOpenable ? 0 : undefined, onKeyDown: rowIsOpenable ? (e) => {
+                                    rowIsOpenable && (interactiveRecipe.states.hover || 'hover:bg-muted/30'), 'transition-colors motion-reduce:transition-none', rowIsOpenable && 'cursor-pointer', 
+                                    // The table container clips (`rounded-lg overflow-hidden`): the contract's INSET outline.
+                                    rowIsOpenable && focusIndicatorClasses(FocusIndicatorShape.INSET), isRowSelected?.(row.original) && 'bg-primary/5'), onClick: rowIsOpenable ? () => onRowClick(row.original) : undefined, role: "row", "aria-selected": selectable ? (isRowSelected?.(row.original) ?? false) : undefined, tabIndex: rowIsOpenable ? 0 : undefined, onKeyDown: rowIsOpenable ? (e) => {
                                         if (e.key === 'Enter' || e.key === ' ') {
                                             e.preventDefault();
                                             onRowClick(row.original);
@@ -139,7 +163,7 @@ export const ResourceCollectionBody_Table = ({ items, resourceType, resourceConf
                                         // their controls (mouse OR keyboard) don't also trigger the
                                         // row's navigation (the <tr> has an Enter/Space onKeyDown).
                                         const isControlColumn = cell.column.id === '__select' || cell.column.id === '__actions';
-                                        return (_jsx(TableCell, { className: "px-card-sm py-element-sm text-foreground", truncate: !isControlColumn, onClick: isControlColumn ? (e) => e.stopPropagation() : undefined, onKeyDown: isControlColumn ? (e) => e.stopPropagation() : undefined, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+                                        return (_jsx(TableCell, { className: "px-card-sm py-element-sm text-foreground", truncate: !isControlColumn, onClick: isControlColumn ? (e) => e.stopPropagation() : undefined, onKeyDown: isControlColumn ? (e) => e.stopPropagation() : undefined, children: renderColumnTemplate(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
                                     }) }, row.id));
                             }) })] }) }) }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionBody_Table.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionBody_Table.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceCollectionBody_Table — the TABLE rendering of a resource collection.\n *\n * Presentational: it receives the already-fetched `items` plus the collection's\n * sort/selection state + handlers from the host, derives columns from the\n * resource's summary fields (schema-aware cells via {@link FieldValueRenderer}),\n * and renders a TanStack table with sortable headers (server-side), a selection\n * checkbox column, and a floating selected-count summary.\n *\n * Extracted from the former standalone `List_Table` preset so a single host can\n * swap between this body and the cards body at runtime (the cards↔table toggle)\n * without duplicating the data/fetch layer.\n */\n\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  useReactTable,\n  getCoreRowModel,\n  flexRender,\n  type ColumnDef,\n} from '@tanstack/react-table';\nimport { z } from 'zod';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { ButtonSize, FrontendComponentType, InteractiveVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport { TableCell } from '~wildo-frontend-lib/components/sections/table';\nimport { FieldValueRenderer } from '~wildo-frontend-lib/components/resources/ResourceListItemRenderer';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport type { AnyFrontendResourceConfiguration } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { SortState } from '~wildo-frontend-lib/components/resources/ResourceLayout_SortControl';\nimport { ResourceInPlaceOperationRow } from '~wildo-frontend-lib/components/resources/ResourceInPlaceOperationRow';\nimport { useInPlaceOperation } from '~wildo-frontend-lib/core/resources/in-place/InPlaceOperationContext';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\n\ntype TableItem = Record<string, any>;\n\nexport interface ResourceCollectionBody_TableProps {\n  /** The fetched items to render as rows. */\n  items: TableItem[];\n  /** Resource type for i18n + cell formatting. */\n  resourceType: string;\n  /** Resource configuration — provides the main schema for column type detection. */\n  resourceConfig: AnyFrontendResourceConfiguration;\n  /**\n   * The zone this table is rendered in — forwarded to the in-place operation body so a transformed\n   * row hosts its operation in the same zone as every other host on this surface.\n   */\n  navigationZone: NavigationZone;\n  /** Ordered summary fields → one column each. */\n  summaryFields: string[];\n  /** Pre-resolved i18n field labels (column headers). */\n  fieldLabelsMap: Record<string, string>;\n  /** Sortable field names (sortable column headers). */\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (drives the header indicators). */\n  sortStates: readonly SortState[];\n  /** Sort change handler (owned by the host; also resets pagination). */\n  onSortChange: (sorts: SortState[]) => void;\n  /**\n   * Item-based selection, driven by the host's shared selection model (the SAME\n   * model the CARDS checkboxes use, so a selection survives the cards↔table\n   * toggle and feeds the bulk bar). When `selectable` is false the select column\n   * is omitted entirely.\n   */\n  selectable?: boolean;\n  /** Whether a given row's item is currently selected. */\n  isRowSelected?: (item: TableItem) => boolean;\n  /** Toggle a single row's item selection. */\n  onToggleRow?: (item: TableItem) => void;\n  /** Whether EVERY current-page item is selected (header checkbox state). */\n  allSelected?: boolean;\n  /** Toggle selection of every current-page item (header checkbox). */\n  onToggleAll?: () => void;\n  /**\n   * Per-row actions rendered in a trailing column at the END of each row (parity\n   * with the cards' per-item operations). Omit to render no actions column.\n   */\n  renderRowActions?: (item: TableItem) => React.ReactNode;\n  /** Row click handler — navigates to the item's READ view. */\n  onRowClick: (item: TableItem) => void;\n  /**\n   * Can THIS row be opened? Omitted means every row can.\n   *\n   * The row's whole interactive presentation — pointer, focusability, Enter/Space — is read off this\n   * rather than off the presence of `onRowClick`, because `onRowClick` is one prop for the table\n   * while openability is a property of the row. Without it the table promised a click on rows whose\n   * READ resolves to no view, and answered nothing: the card's defect, one surface over.\n   */\n  canOpenRow?: (item: TableItem) => boolean;\n}\n\nexport const ResourceCollectionBody_Table = ({\n  items,\n  resourceType,\n  resourceConfig,\n  navigationZone,\n  summaryFields,\n  fieldLabelsMap,\n  sortFields,\n  sortStates,\n  onSortChange,\n  selectable = false,\n  isRowSelected,\n  onToggleRow,\n  allSelected = false,\n  onToggleAll,\n  renderRowActions,\n  onRowClick,\n  canOpenRow,\n}: ResourceCollectionBody_TableProps): React.JSX.Element => {\n  const { tComponent, tResourceFieldEnumValue } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n  const inPlaceHost = useInPlaceOperation();\n  const { getRecipe } = useUI();\n  const interactiveRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST);\n\n  const schemaShape = useMemo(() => {\n    const mainSchema = resourceConfig?.mainSchema;\n    // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).\n    return mainSchema ? (AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null) : null;\n  }, [resourceConfig]);\n\n  const sortableFieldsSet = useMemo(() => new Set(sortFields), [sortFields]);\n\n  const columns = useMemo<ColumnDef<TableItem>[]>(() => {\n    const cols: ColumnDef<TableItem>[] = [];\n\n    // Select column — only when the view is selectable. Item-based (the host's\n    // shared selection), not TanStack's internal row-selection model.\n    if (selectable) {\n      cols.push({\n        id: '__select',\n        header: () => (\n          <CheckboxRoot\n            checked={allSelected}\n            onCheckedChange={() => onToggleAll?.()}\n            aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll')}\n          />\n        ),\n        cell: ({ row }) => (\n          <CheckboxRoot\n            checked={isRowSelected?.(row.original) ?? false}\n            onCheckedChange={() => onToggleRow?.(row.original)}\n            aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectRow', { row: row.index + 1 })}\n          />\n        ),\n        size: 40,\n        enableSorting: false,\n      });\n    }\n\n    for (const fieldName of summaryFields) {\n      const fieldSchema = schemaShape?.[fieldName] as z.ZodTypeAny | undefined;\n      const isSortable = sortableFieldsSet.has(fieldName);\n      const label = fieldLabelsMap[fieldName] || fieldName;\n\n      cols.push({\n        id: fieldName,\n        accessorFn: (row) => row[fieldName],\n        header: () => {\n          if (!isSortable) return <span>{label}</span>;\n\n          const ruleIndex = sortStates.findIndex((s) => s.field === fieldName);\n          const isActiveSort = ruleIndex >= 0;\n          const direction = isActiveSort ? sortStates[ruleIndex].direction : null;\n\n          return (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              className=\"inline-flex items-center gap-1 text-start -ms-2 h-auto py-0.5 px-2 font-medium\"\n              onClick={() => {\n                // Cycle THIS column within the multi-sort, keeping the other rules\n                // (priority = order added). Owned by the host (also resets page):\n                // unsorted → append asc → desc → removed.\n                if (ruleIndex < 0) {\n                  onSortChange([...sortStates, { field: fieldName, direction: 'asc' }]);\n                } else if (sortStates[ruleIndex].direction === 'asc') {\n                  onSortChange(sortStates.map((s, i) => (i === ruleIndex ? { ...s, direction: 'desc' } : s)));\n                } else {\n                  onSortChange(sortStates.filter((_, i) => i !== ruleIndex));\n                }\n              }}\n            >\n              {label}\n              {isActiveSort && (\n                <span className=\"inline-flex items-center gap-0.5 text-muted-foreground\" aria-hidden=\"true\">\n                  {renderIcon(\n                    direction === 'asc' ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN,\n                    { size: IconSize.XS },\n                  )}\n                  {sortStates.length > 1 && (\n                    <span className=\"text-[10px] font-semibold tabular-nums\">{ruleIndex + 1}</span>\n                  )}\n                </span>\n              )}\n            </Button>\n          );\n        },\n        cell: ({ row }) => (\n          <FieldValueRenderer\n            value={row.original[fieldName]}\n            fieldSchema={fieldSchema}\n            fieldLabel={undefined}\n            resourceType={resourceType}\n            record={row.original as Record<string, unknown>}\n            fieldName={fieldName}\n            tResourceFieldEnumValue={tResourceFieldEnumValue}\n          />\n        ),\n      });\n    }\n\n    // Trailing per-row actions column (at the END of the row). Right-aligned,\n    // non-sortable, header label sr-only. The host supplies the same operations\n    // bar the cards use via `renderRowActions`.\n    if (renderRowActions) {\n      cols.push({\n        id: '__actions',\n        header: () => (\n          <span className=\"sr-only\">{tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'actionsColumn')}</span>\n        ),\n        cell: ({ row }) => (\n          <div className=\"flex justify-end\">{renderRowActions(row.original)}</div>\n        ),\n        enableSorting: false,\n      });\n    }\n\n    return cols;\n  }, [selectable, allSelected, onToggleAll, isRowSelected, onToggleRow, renderRowActions, summaryFields, schemaShape, sortableFieldsSet, fieldLabelsMap, sortStates, onSortChange, resourceType, tResourceFieldEnumValue, tComponent, renderIcon]);\n\n  const table = useReactTable({\n    data: items,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    // Stable row id: resource id when present, else the row index (NOT a random\n    // value — a fresh id per render would break keys + force re-renders).\n    getRowId: (row, index) => String(row.id ?? row._id ?? index),\n    // Sorting is server-side (the host re-fetches on sort change).\n    manualSorting: true,\n  });\n\n  return (\n    <>\n      <div className=\"rounded-lg border border-border overflow-hidden\">\n        <div className=\"overflow-x-auto\">\n          {/* `data-slot=\"table\"`: this IS a data table, which is what a surface's embedded-table padding keys on. */}\n          <table data-slot=\"table\" className=\"w-full text-sm\" aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'listLabel')}>\n            <thead className=\"bg-muted/50 border-b border-border\">\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => (\n                    <th\n                      key={header.id}\n                      className=\"px-card-sm py-element-sm text-start text-xs font-medium text-muted-foreground uppercase tracking-wider\"\n                      style={{ width: header.getSize() !== 150 ? header.getSize() : undefined }}\n                    >\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(header.column.columnDef.header, header.getContext())}\n                    </th>\n                  ))}\n                </tr>\n              ))}\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {table.getRowModel().rows.map(row => {\n                // A row being TRANSFORMED by an INLINE action replaces its cells with the operation\n                // body, spanning the full width, and every other row stays exactly where it is.\n                //\n                // This is the SIBLING of the cards-mode swap in `ResourceLayout_List`, and it exists\n                // because the two bodies are two call sites of one invariant: a view that offers a\n                // cards↔table toggle would otherwise transform the row in one mode and open an\n                // overlay in the other, from the same button.\n                const rowId = FrontendResourceUtils.getResourceObjectId(\n                  row.original,\n                  resourceConfig.resourceFieldIdentifier as string,\n                );\n                if (inPlaceHost.isElementActive(rowId)) {\n                  return (\n                    <tr key={row.id} role=\"row\">\n                      <td colSpan={row.getVisibleCells().length} className=\"p-0\">\n                        <ResourceInPlaceOperationRow navigationZone={navigationZone} />\n                      </td>\n                    </tr>\n                  );\n                }\n\n                const rowIsOpenable = canOpenRow ? canOpenRow(row.original) : true;\n\n                return (\n                <tr\n                  key={row.id}\n                  className={cn(\n                    // Hover tint and pointer travel together with the behaviour: a row that opens\n                    // nothing must not advertise that it does.\n                    rowIsOpenable && (interactiveRecipe.states.hover || 'hover:bg-muted/30'),\n                    'transition-colors motion-reduce:transition-none',\n                    rowIsOpenable && 'cursor-pointer',\n                    isRowSelected?.(row.original) && 'bg-primary/5',\n                  )}\n                  onClick={rowIsOpenable ? () => onRowClick(row.original) : undefined}\n                  role=\"row\"\n                  aria-selected={selectable ? (isRowSelected?.(row.original) ?? false) : undefined}\n                  tabIndex={rowIsOpenable ? 0 : undefined}\n                  onKeyDown={rowIsOpenable ? (e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onRowClick(row.original);\n                    }\n                  } : undefined}\n                >\n                  {row.getVisibleCells().map(cell => {\n                    // Control columns (select checkbox, per-row actions) never\n                    // truncate and stop BOTH click and keydown propagation so\n                    // their controls (mouse OR keyboard) don't also trigger the\n                    // row's navigation (the <tr> has an Enter/Space onKeyDown).\n                    const isControlColumn = cell.column.id === '__select' || cell.column.id === '__actions';\n                    return (\n                      <TableCell\n                        key={cell.id}\n                        className=\"px-card-sm py-element-sm text-foreground\"\n                        truncate={!isControlColumn}\n                        onClick={isControlColumn ? (e) => e.stopPropagation() : undefined}\n                        onKeyDown={isControlColumn ? (e) => e.stopPropagation() : undefined}\n                      >\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    );\n                  })}\n                </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"ResourceCollectionBody_Table.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionBody_Table.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceCollectionBody_Table — the TABLE rendering of a resource collection.\n *\n * Presentational: it receives the already-fetched `items` plus the collection's\n * sort/selection state + handlers from the host, derives columns from the\n * resource's summary fields (schema-aware cells via {@link FieldValueRenderer}),\n * and renders a TanStack table with sortable headers (server-side), a selection\n * checkbox column, and a floating selected-count summary.\n *\n * Extracted from the former standalone `List_Table` preset so a single host can\n * swap between this body and the cards body at runtime (the cards↔table toggle)\n * without duplicating the data/fetch layer.\n */\n\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  useReactTable,\n  getCoreRowModel,\n  type ColumnDef,\n  type ColumnDefTemplate,\n} from '@tanstack/react-table';\nimport { z } from 'zod';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { focusIndicatorClasses, FocusIndicatorShape } from '~wildo-frontend-lib/core/ui/themes/focus-indicator';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { ButtonSize, FrontendComponentType, InteractiveVariant, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport { TableCell } from '~wildo-frontend-lib/components/sections/table';\nimport { FieldValueRenderer } from '~wildo-frontend-lib/components/resources/ResourceListItemRenderer';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport type { AnyFrontendResourceConfiguration, FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { SortState } from '~wildo-frontend-lib/components/resources/ResourceLayout_SortControl';\nimport { ResourceInPlaceOperationRow } from '~wildo-frontend-lib/components/resources/ResourceInPlaceOperationRow';\nimport { useInPlaceOperation } from '~wildo-frontend-lib/core/resources/in-place/InPlaceOperationContext';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\n\ntype TableItem = Record<string, any>;\n\n/**\n * Render a column's header or cell template by CALLING it, never by mounting it.\n *\n * TanStack's `flexRender` mounts any function it is given as a component (`React.createElement(fn, props)`),\n * so the function's identity becomes the element's TYPE. This table builds its column definitions in a\n * `useMemo` over the host's inputs (sort, selection, the row-actions renderer…), and every rebuild hands\n * each cell a NEW function — a new component type — so React unmounted every cell's subtree and mounted a\n * fresh one. For a value cell that was only wasted work; for the row ACTIONS it was the whole state of the\n * row's action bar: the anchored panel a click had just opened, the confirmation it had just raised. The\n * action \"did nothing\" because what it did was discarded in the next render (#2057).\n *\n * Calling the template returns the element it describes — `<FieldValueRenderer>`, `<CheckboxRoot>`, the\n * host's row actions — whose types are stable, so React reconciles each cell in place across rebuilds. It is\n * safe because none of these templates calls a hook: each is a plain render function over its context.\n */\nfunction renderColumnTemplate<TContext extends object>(\n  template: ColumnDefTemplate<TContext> | undefined,\n  context: TContext,\n): React.ReactNode {\n  if (template === undefined) return null;\n  return typeof template === 'function' ? template(context) : template;\n}\n\nexport interface ResourceCollectionBody_TableProps {\n  /** The fetched items to render as rows. */\n  items: TableItem[];\n  /** Resource type for i18n + cell formatting. */\n  resourceType: string;\n  /** Resource configuration — provides the main schema for column type detection. */\n  resourceConfig: AnyFrontendResourceConfiguration;\n  /**\n   * The zone this table is rendered in — forwarded to the in-place operation body so a transformed\n   * row hosts its operation in the same zone as every other host on this surface.\n   */\n  navigationZone: NavigationZone;\n  /** Ordered summary fields → one column each. */\n  summaryFields: string[];\n  /**\n   * The collection's resource identifiers (its route scope and parents). Each cell reads in its ROW's scope, built\n   * from these and the row (`FieldValueRenderer`), so a reference in a cell is fetched where the row lives (#2347).\n   */\n  contextResourceIdentifiers: FrontendResourceOperationContext['contextResourceIdentifiers'] | undefined;\n  /** Pre-resolved i18n field labels (column headers). */\n  fieldLabelsMap: Record<string, string>;\n  /** Sortable field names (sortable column headers). */\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (drives the header indicators). */\n  sortStates: readonly SortState[];\n  /** Sort change handler (owned by the host; also resets pagination). */\n  onSortChange: (sorts: SortState[]) => void;\n  /**\n   * Item-based selection, driven by the host's shared selection model (the SAME\n   * model the CARDS checkboxes use, so a selection survives the cards↔table\n   * toggle and feeds the bulk bar). When `selectable` is false the select column\n   * is omitted entirely.\n   */\n  selectable?: boolean;\n  /** Whether a given row's item is currently selected. */\n  isRowSelected?: (item: TableItem) => boolean;\n  /** Toggle a single row's item selection. */\n  onToggleRow?: (item: TableItem) => void;\n  /** Whether EVERY current-page item is selected (header checkbox state). */\n  allSelected?: boolean;\n  /** Toggle selection of every current-page item (header checkbox). */\n  onToggleAll?: () => void;\n  /**\n   * Per-row actions rendered in a trailing column at the END of each row (parity\n   * with the cards' per-item operations). Omit to render no actions column.\n   */\n  renderRowActions?: (item: TableItem) => React.ReactNode;\n  /** Row click handler — navigates to the item's READ view. */\n  onRowClick: (item: TableItem) => void;\n  /**\n   * Can THIS row be opened? Omitted means every row can.\n   *\n   * The row's whole interactive presentation — pointer, focusability, Enter/Space — is read off this\n   * rather than off the presence of `onRowClick`, because `onRowClick` is one prop for the table\n   * while openability is a property of the row. Without it the table promised a click on rows whose\n   * READ resolves to no view, and answered nothing: the card's defect, one surface over.\n   */\n  canOpenRow?: (item: TableItem) => boolean;\n}\n\nexport const ResourceCollectionBody_Table = ({\n  items,\n  resourceType,\n  resourceConfig,\n  navigationZone,\n  summaryFields,\n  contextResourceIdentifiers,\n  fieldLabelsMap,\n  sortFields,\n  sortStates,\n  onSortChange,\n  selectable = false,\n  isRowSelected,\n  onToggleRow,\n  allSelected = false,\n  onToggleAll,\n  renderRowActions,\n  onRowClick,\n  canOpenRow,\n}: ResourceCollectionBody_TableProps): React.JSX.Element => {\n  const { tComponent, tResourceFieldEnumValue } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n  const inPlaceHost = useInPlaceOperation();\n  const { getRecipe } = useUI();\n  const interactiveRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST);\n  // Column headings name what is below them: the EYEBROW voice, as a record's fact tiles name their values.\n  const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n\n  const schemaShape = useMemo(() => {\n    // Columns span every row, so every field some row can hold (#2455): a variant column is typed too. A family's\n    // `mainSchema` is its base object since #2414, not a discriminated union.\n    return FrontendResourceUtils.resolveFieldShapeOfAnyVariant(resourceConfig) ?? null;\n  }, [resourceConfig]);\n\n  const sortableFieldsSet = useMemo(() => new Set(sortFields), [sortFields]);\n\n  const columns = useMemo<ColumnDef<TableItem>[]>(() => {\n    const cols: ColumnDef<TableItem>[] = [];\n\n    // Select column — only when the view is selectable. Item-based (the host's\n    // shared selection), not TanStack's internal row-selection model.\n    if (selectable) {\n      cols.push({\n        id: '__select',\n        header: () => (\n          <CheckboxRoot\n            checked={allSelected}\n            onCheckedChange={() => onToggleAll?.()}\n            aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll')}\n          />\n        ),\n        cell: ({ row }) => (\n          <CheckboxRoot\n            checked={isRowSelected?.(row.original) ?? false}\n            onCheckedChange={() => onToggleRow?.(row.original)}\n            aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectRow', { row: row.index + 1 })}\n          />\n        ),\n        size: 40,\n        enableSorting: false,\n      });\n    }\n\n    for (const fieldName of summaryFields) {\n      const fieldSchema = schemaShape?.[fieldName] as z.ZodTypeAny | undefined;\n      const isSortable = sortableFieldsSet.has(fieldName);\n      const label = fieldLabelsMap[fieldName] || fieldName;\n\n      cols.push({\n        id: fieldName,\n        accessorFn: (row) => row[fieldName],\n        header: () => {\n          if (!isSortable) return <span>{label}</span>;\n\n          const ruleIndex = sortStates.findIndex((s) => s.field === fieldName);\n          const isActiveSort = ruleIndex >= 0;\n          const direction = isActiveSort ? sortStates[ruleIndex].direction : null;\n\n          return (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              className=\"inline-flex items-center gap-1 text-start -ms-2 h-auto py-0.5 px-2 font-medium\"\n              onClick={() => {\n                // Cycle THIS column within the multi-sort, keeping the other rules\n                // (priority = order added). Owned by the host (also resets page):\n                // unsorted → append asc → desc → removed.\n                if (ruleIndex < 0) {\n                  onSortChange([...sortStates, { field: fieldName, direction: 'asc' }]);\n                } else if (sortStates[ruleIndex].direction === 'asc') {\n                  onSortChange(sortStates.map((s, i) => (i === ruleIndex ? { ...s, direction: 'desc' } : s)));\n                } else {\n                  onSortChange(sortStates.filter((_, i) => i !== ruleIndex));\n                }\n              }}\n            >\n              {label}\n              {isActiveSort && (\n                <span className=\"inline-flex items-center gap-0.5 text-muted-foreground\" aria-hidden=\"true\">\n                  {renderIcon(\n                    direction === 'asc' ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN,\n                    { size: IconSize.XS },\n                  )}\n                  {sortStates.length > 1 && (\n                    <span className=\"text-[10px] font-semibold tabular-nums\">{ruleIndex + 1}</span>\n                  )}\n                </span>\n              )}\n            </Button>\n          );\n        },\n        cell: ({ row }) => (\n          <FieldValueRenderer\n            value={row.original[fieldName]}\n            fieldSchema={fieldSchema}\n            fieldLabel={undefined}\n            resourceType={resourceType}\n            record={row.original as Record<string, unknown>}\n            collectionContextResourceIdentifiers={contextResourceIdentifiers}\n            fieldName={fieldName}\n            tResourceFieldEnumValue={tResourceFieldEnumValue}\n          />\n        ),\n      });\n    }\n\n    // Trailing per-row actions column (at the END of the row). Right-aligned,\n    // non-sortable, header label sr-only. The host supplies the same operations\n    // bar the cards use via `renderRowActions`.\n    if (renderRowActions) {\n      cols.push({\n        id: '__actions',\n        header: () => (\n          <span className=\"sr-only\">{tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'actionsColumn')}</span>\n        ),\n        cell: ({ row }) => (\n          <div className=\"flex justify-end\">{renderRowActions(row.original)}</div>\n        ),\n        enableSorting: false,\n      });\n    }\n\n    return cols;\n  }, [selectable, allSelected, onToggleAll, isRowSelected, onToggleRow, renderRowActions, summaryFields, contextResourceIdentifiers, schemaShape, sortableFieldsSet, fieldLabelsMap, sortStates, onSortChange, resourceType, tResourceFieldEnumValue, tComponent, renderIcon]);\n\n  const table = useReactTable({\n    data: items,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    // Stable row id: resource id when present, else the row index (NOT a random\n    // value — a fresh id per render would break keys + force re-renders).\n    getRowId: (row, index) => String(row.id ?? row._id ?? index),\n    // Sorting is server-side (the host re-fetches on sort change).\n    manualSorting: true,\n  });\n\n  return (\n    <>\n      <div className=\"rounded-lg border border-border overflow-hidden\">\n        <div className=\"overflow-x-auto\">\n          {/* `data-slot=\"table\"`: this IS a data table, which is what a surface's embedded-table padding keys on. */}\n          <table data-slot=\"table\" className=\"w-full text-sm\" aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'listLabel')}>\n            <thead className=\"bg-muted/50 border-b border-border\">\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => (\n                    <th\n                      key={header.id}\n                      className={cn(\"px-card-sm py-element-sm text-start\", eyebrowRecipe.base)}\n                      style={{ width: header.getSize() !== 150 ? header.getSize() : undefined }}\n                    >\n                      {header.isPlaceholder\n                        ? null\n                        : renderColumnTemplate(header.column.columnDef.header, header.getContext())}\n                    </th>\n                  ))}\n                </tr>\n              ))}\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {table.getRowModel().rows.map(row => {\n                // A row being TRANSFORMED by an INLINE action replaces its cells with the operation\n                // body, spanning the full width, and every other row stays exactly where it is.\n                //\n                // This is the SIBLING of the cards-mode swap in `ResourceLayout_List`, and it exists\n                // because the two bodies are two call sites of one invariant: a view that offers a\n                // cards↔table toggle would otherwise transform the row in one mode and open an\n                // overlay in the other, from the same button.\n                const rowId = FrontendResourceUtils.getResourceObjectId(\n                  row.original,\n                  resourceConfig.resourceFieldIdentifier as string,\n                );\n                if (inPlaceHost.isElementActive(rowId)) {\n                  return (\n                    <tr key={row.id} role=\"row\">\n                      <td colSpan={row.getVisibleCells().length} className=\"p-0\">\n                        <ResourceInPlaceOperationRow navigationZone={navigationZone} />\n                      </td>\n                    </tr>\n                  );\n                }\n\n                const rowIsOpenable = canOpenRow ? canOpenRow(row.original) : true;\n\n                return (\n                <tr\n                  key={row.id}\n                  // One record in a collection, whichever way it is drawn: the card carries the same marker, and\n                  // automation (`wildo frontend look --record`, the browser lanes) finds \"a row\" by it. Without it\n                  // a collection shown as a TABLE read as having no rows to open.\n                  data-slot=\"resource-list-item\"\n                  className={cn(\n                    // Hover tint and pointer travel together with the behaviour: a row that opens\n                    // nothing must not advertise that it does.\n                    rowIsOpenable && (interactiveRecipe.states.hover || 'hover:bg-muted/30'),\n                    'transition-colors motion-reduce:transition-none',\n                    rowIsOpenable && 'cursor-pointer',\n                    // The table container clips (`rounded-lg overflow-hidden`): the contract's INSET outline.\n                    rowIsOpenable && focusIndicatorClasses(FocusIndicatorShape.INSET),\n                    isRowSelected?.(row.original) && 'bg-primary/5',\n                  )}\n                  onClick={rowIsOpenable ? () => onRowClick(row.original) : undefined}\n                  role=\"row\"\n                  aria-selected={selectable ? (isRowSelected?.(row.original) ?? false) : undefined}\n                  tabIndex={rowIsOpenable ? 0 : undefined}\n                  onKeyDown={rowIsOpenable ? (e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onRowClick(row.original);\n                    }\n                  } : undefined}\n                >\n                  {row.getVisibleCells().map(cell => {\n                    // Control columns (select checkbox, per-row actions) never\n                    // truncate and stop BOTH click and keydown propagation so\n                    // their controls (mouse OR keyboard) don't also trigger the\n                    // row's navigation (the <tr> has an Enter/Space onKeyDown).\n                    const isControlColumn = cell.column.id === '__select' || cell.column.id === '__actions';\n                    return (\n                      <TableCell\n                        key={cell.id}\n                        className=\"px-card-sm py-element-sm text-foreground\"\n                        truncate={!isControlColumn}\n                        onClick={isControlColumn ? (e) => e.stopPropagation() : undefined}\n                        onKeyDown={isControlColumn ? (e) => e.stopPropagation() : undefined}\n                      >\n                        {renderColumnTemplate(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    );\n                  })}\n                </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -13,12 +13,12 @@
  * ## 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
+ * already owns it: pressed state through `data-state=on` (so every theme's `selectable.chip`
+ * selected state applies, with the check mark the group draws on a chip that is on) 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
+ * It renders with `ToggleGroupAppearance.CHIPS` — separate 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.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionFilterPresets.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionFilterPresets.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAQ5G,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,IAgF7D,CAAC"}
+{"version":3,"file":"ResourceCollectionFilterPresets.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionFilterPresets.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAM5G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGpE,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,IA8E7D,CAAC"}

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

@@ -14,12 +14,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * ## 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
+ * already owns it: pressed state through `data-state=on` (so every theme's `selectable.chip`
+ * selected state applies, with the check mark the group draws on a chip that is on) 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
+ * It renders with `ToggleGroupAppearance.CHIPS` — separate 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.
  *
@@ -28,24 +28,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `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, useContext, useMemo } from 'react';
+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, isCollectionFilterPresetAvailable, toggleCollectionFilterPreset, } from '../../core/resources/collection-filter-presets.frontend.utils.js';
-import { UserOrgsContext } from '../../core/security/UserOrgsContext.js';
+import { useCollectionFilterPresetScope } from '../../core/resources/useCollectionFilterPresetScope.js';
 export const ResourceCollectionFilterPresets = ({ resourceType, presets, currentFilters, onFiltersChange, className, }) => {
     const { tResourceFilterPreset } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS });
-    /*
-     * Who is looking (#2511): what a context value such as "assigned to me" resolves to. A preset naming one is disabled
-     * for a viewer it cannot be resolved for, never applied without that field. Read from the context directly, not
-     * through `useUserOrgs`, which throws outside its provider: a list rendered with no signed-in session simply has no
-     * viewer, and its "Mine" pill is disabled.
-     */
-    const viewerUserId = useContext(UserOrgsContext)?.user?._id;
-    const viewer = useMemo(() => (viewerUserId ? { userId: String(viewerUserId) } : {}), [viewerUserId]);
     /*
      * 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
@@ -53,12 +44,19 @@ export const ResourceCollectionFilterPresets = ({ resourceType, presets, current
      * re-renders on every filter change anyway.
      */
     const now = new Date();
-    const activeRefs = useMemo(() => presets.filter((preset) => isCollectionFilterPresetActive(preset, currentFilters, now, viewer)).map((preset) => preset.ref), 
+    /*
+     * The reader's resolved zone and the resource's calendar-day fields, which decide each window (#2180), and who is
+     * looking, which decides a context value such as "assigned to me" (#2511). A preset naming one is disabled for a
+     * viewer it cannot be resolved for, never applied without that field. The chips row reads the same scope, so the
+     * two agree on whether "Mine" is on.
+     */
+    const scope = useCollectionFilterPresetScope(resourceType);
+    const activeRefs = useMemo(() => presets.filter((preset) => isCollectionFilterPresetActive(preset, currentFilters, { now, ...scope })).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, viewer]);
+    [presets, currentFilters, scope]);
     const handleValueChange = useCallback((next) => {
         const nextRefs = Array.isArray(next) ? next : [next];
         /*
@@ -74,17 +72,17 @@ export const ResourceCollectionFilterPresets = ({ resourceType, presets, current
         const preset = presets.find((candidate) => candidate.ref === changedRef);
         if (!preset)
             return;
-        onFiltersChange(toggleCollectionFilterPreset(preset, currentFilters, new Date(), viewer));
-    }, [activeRefs, presets, currentFilters, onFiltersChange, viewer]);
+        onFiltersChange(toggleCollectionFilterPreset(preset, currentFilters, { now: new Date(), ...scope }));
+    }, [activeRefs, presets, currentFilters, onFiltersChange, scope]);
     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
+        // CHIPS, 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) => {
+        appearance: ToggleGroupAppearance.CHIPS, value: activeRefs, onValueChange: handleValueChange, 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, disabled: !isCollectionFilterPresetAvailable(preset, viewer), children: label }, preset.ref));
+            return (_jsx(ToggleGroupItem, { value: preset.ref, size: ButtonSize.SM, "data-preset": preset.ref, disabled: !isCollectionFilterPresetAvailable(preset, scope.viewer), children: label }, preset.ref));
         }) }));
 };
 //# sourceMappingURL=ResourceCollectionFilterPresets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCollectionFilterPresets.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceCollectionFilterPresets.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAc,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,EAAE,MAAM,6DAA6D,CAAC;AAErG,OAAO,EACL,8BAA8B,EAC9B,iCAAiC,EACjC,4BAA4B,GAE7B,MAAM,6EAA6E,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAepF,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,YAAY,EACZ,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,GAC4B,EAA4B,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAC1G;;;;;OAKG;IACH,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;IAC5D,MAAM,MAAM,GAAG,OAAO,CAA+B,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnI;;;;;OAKG;IACH,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IAEvB,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,8BAA8B,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;IACjI,+FAA+F;IAC/F,+FAA+F;IAC/F,qFAAqF;IACrF,uDAAuD;IACvD,CAAC,OAAO,EAAE,cAAc,EAAE,MAAM,CAAC,CAClC,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAAuB,EAAE,EAAE;QAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrD;;;;;WAKG;QACC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;eACnE,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,UAAU,CAAC,CAAC;QACzE,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,eAAe,CAAC,4BAA4B,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,IAAI,EAAE,EAAE,MAAM,CAAiB,CAAC,CAAC;IAC5G,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,eAAe,CAAC,QAAQ;QAC9B,yFAAyF;QACzF,4FAA4F;QAC5F,iFAAiF;QACjF,UAAU,EAAE,qBAAqB,CAAC,KAAK,EACvC,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,iBAAiB,EAChC,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,WAAW,EAAE,gBAAgB,CAAC,UAAU,EACxC,SAAS,EAAE,SAAS,eACV,2BAA2B,YAEpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,KAAK,GAAG,qBAAqB,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACvE,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,IAAI,EAAE,UAAU,CAAC,EAAE,iBACN,MAAM,CAAC,GAAG,EACvB,QAAQ,EAAE,CAAC,iCAAiC,CAAC,MAAM,EAAE,MAAM,CAAC,YAE3D,KAAK,IAPD,MAAM,CAAC,GAAG,CAQC,CACnB,CAAC;QACJ,CAAC,CAAC,GACU,CACf,CAAC;AACJ,CAAC,CAAC","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, useContext, 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  isCollectionFilterPresetAvailable,\n  toggleCollectionFilterPreset,\n  type CollectionFilterPresetViewer,\n} from '~wildo-frontend-lib/core/resources/collection-filter-presets.frontend.utils';\nimport { UserOrgsContext } from '~wildo-frontend-lib/core/security/UserOrgsContext';\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   * Who is looking (#2511): what a context value such as \"assigned to me\" resolves to. A preset naming one is disabled\n   * for a viewer it cannot be resolved for, never applied without that field. Read from the context directly, not\n   * through `useUserOrgs`, which throws outside its provider: a list rendered with no signed-in session simply has no\n   * viewer, and its \"Mine\" pill is disabled.\n   */\n  const viewerUserId = useContext(UserOrgsContext)?.user?._id;\n  const viewer = useMemo<CollectionFilterPresetViewer>(() => (viewerUserId ? { userId: String(viewerUserId) } : {}), [viewerUserId]);\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, viewer)).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, viewer],\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(), viewer) as FilterValues);\n  }, [activeRefs, presets, currentFilters, onFiltersChange, viewer]);\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            disabled={!isCollectionFilterPresetAvailable(preset, viewer)}\n          >\n            {label}\n          </ToggleGroupItem>\n        );\n      })}\n    </ToggleGroup>\n  );\n};\n"]}
+{"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 `selectable.chip`\n * selected state applies, with the check mark the group draws on a chip that is on) and roving\n * focus 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.CHIPS` — separate 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 type { CollectionFilterPreset } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport {\n  isCollectionFilterPresetActive,\n  isCollectionFilterPresetAvailable,\n  toggleCollectionFilterPreset,\n} from '~wildo-frontend-lib/core/resources/collection-filter-presets.frontend.utils';\nimport type { FilterValues } from './ResourceLayout_FiltersControl';\nimport { useCollectionFilterPresetScope } from '~wildo-frontend-lib/core/resources/useCollectionFilterPresetScope';\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  /*\n   * The reader's resolved zone and the resource's calendar-day fields, which decide each window (#2180), and who is\n   * looking, which decides a context value such as \"assigned to me\" (#2511). A preset naming one is disabled for a\n   * viewer it cannot be resolved for, never applied without that field. The chips row reads the same scope, so the\n   * two agree on whether \"Mine\" is on.\n   */\n  const scope = useCollectionFilterPresetScope(resourceType);\n\n  const activeRefs = useMemo(\n    () => presets.filter((preset) => isCollectionFilterPresetActive(preset, currentFilters, { now, ...scope })).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, scope],\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, { now: new Date(), ...scope }) as FilterValues);\n  }, [activeRefs, presets, currentFilters, onFiltersChange, scope]);\n\n  if (presets.length === 0) return null;\n\n  return (\n    <ToggleGroup\n      type={ToggleGroupType.MULTIPLE}\n      // CHIPS, 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.CHIPS}\n      value={activeRefs}\n      onValueChange={handleValueChange}\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            size={ButtonSize.SM}\n            data-preset={preset.ref}\n            disabled={!isCollectionFilterPresetAvailable(preset, scope.viewer)}\n          >\n            {label}\n          </ToggleGroupItem>\n        );\n      })}\n    </ToggleGroup>\n  );\n};\n"]}

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

@@ -1,7 +1,8 @@
 /**
- * ResourceCollectionQuickFilterTabs — promotes ONE enum filter field to a
- * prominent tab strip above the collection toolbar ("All · Delivered · Failed"
- * — the Stripe/Ignisign webhook-dashboard idiom).
+ * ResourceCollectionQuickFilterTabs — promotes ONE enum filter field to the collection
+ * toolbar's first line: a segmented control ("All · Delivered · Failed" — the
+ * Stripe/Ignisign webhook-dashboard idiom) while the toolbar is wide, and a select
+ * when it is narrow (below 32rem of toolbar width), where segments would clip.
  *
  * This is a *presentation* of the collection's existing filter state, not a
  * second filtering mechanism: the host wires `value`/`onChange` into the SAME

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,IAqD/D,CAAC"}
+{"version":3,"file":"ResourceCollectionQuickFilterTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionQuickFilterTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAgC7E,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,IA0E/D,CAAC"}