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

package/dist/esm/components/navigation/app-level/useUtilityPanelBehavior.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUtilityPanelBehavior.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/useUtilityPanelBehavior.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { CorePresetNames, HorizontalPlacement } from '@wildo-ai/presets-components-models';\nimport { ComponentRegistryService } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.service';\nimport type { ComponentRegistryRef } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { ApplicationLevelComponentType } from '~wildo-frontend-lib/core/config/app-level-components.frontend.schemas';\nimport { LauncherItemTargetKind } from '~wildo-frontend-lib/core/config/launcher-items.frontend.schemas';\nimport type { UtilityPanelItem } from '~wildo-frontend-lib/core/config/launcher-items.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\n\nimport {\n  type UtilityPanelBehavior,\n  type UtilityPanelDisplayItem,\n  type UtilityPanelPlacement,\n  isUtilityPanelConfigObject,\n} from '~wildo-frontend-lib/core/app-shell/app-shell.schemas';\n\n/**\n * Whether the panel can host a `componentRef`: is something registered under it, in the preset the\n * panel renders? The SAME predicate the preset's `ComponentRegistryService.resolve(ref, DEFAULT)`\n * answers, so resolution and render cannot disagree (#549).\n *\n * It used to be ENUM MEMBERSHIP — \"is this a `FrontendComponentType`?\" — which was wrong twice: an\n * application component registered through a domain module's `componentRegistrations` is never an\n * enum member, so the panel refused every one of them; and an enum member with no registered preset\n * passed, then rendered nothing. The registry, which is string-keyed and always was, is the thing\n * that knows.\n */\nexport function isUtilityPanelComponentRegistered(componentRef: ComponentRegistryRef): boolean {\n  return ComponentRegistryService.isRegistered(componentRef, CorePresetNames.DEFAULT);\n}\n\n/**\n * Normalize configured panel items for display, and REPORT every item the panel cannot host.\n *\n * Pure and exported so the resolution can be pinned directly: the hook around it only supplies the\n * declared view refs and the configured items, and a test that had to render the whole panel to\n * check a ref would be pinning the provider tree rather than this decision.\n *\n * `declaredViewRefs` is the application's own `flowsActorsViews`, passed in rather than read here so\n * this stays a function of its arguments — and validated against the SAME list the view host itself\n * reads, so a ref that passes here cannot fail there.\n */\nexport function resolveUtilityPanelItems(\n  items: readonly UtilityPanelItem[],\n  declaredViewRefs: readonly string[],\n  /** Injected so a caller can resolve against a registry snapshot; defaults to the live registry. */\n  isComponentRegistered: (componentRef: ComponentRegistryRef) => boolean = isUtilityPanelComponentRegistered,\n): UtilityPanelDisplayItem[] {\n  return items.map((item): UtilityPanelDisplayItem => {\n    /**\n     * A VIEW item names an application-scoped view rendered INLINE. An unknown ref is reported here\n     * rather than reaching the view host, which would render its \"not available yet\" empty state —\n     * indistinguishable from a working panel whose content has not loaded.\n     */\n    if (item.kind === LauncherItemTargetKind.VIEW) {\n      const declared = declaredViewRefs.includes(item.viewRef);\n      if (!declared && typeof console !== 'undefined') {\n        console.warn(\n          `[utility-panel] item \"${item.label}\" names viewRef \"${item.viewRef}\", which no declared application-scoped view carries. `\n          + \"Declare it in the application's `flowsActorsViews`, or the panel has nothing to host for this item.\",\n        );\n      }\n      return {\n        kind: LauncherItemTargetKind.VIEW,\n        viewRef: item.viewRef,\n        resolvedViewRef: declared ? item.viewRef : null,\n        icon: item.icon,\n        label: item.label,\n      };\n    }\n\n    const registered = isComponentRegistered(item.componentRef);\n    /**\n     * Warned rather than swallowed. A panel item naming a component nothing can resolve is a\n     * configuration error, and this is the only place it can be noticed — the render path has no way\n     * to tell the author, and the placeholder this replaced actively hid it.\n     */\n    if (!registered && typeof console !== 'undefined') {\n      console.warn(\n        `[utility-panel] item \"${item.label}\" names componentRef \"${item.componentRef}\", which has no component registered under the default preset. `\n        + \"Register it — an application component through its domain module's `componentRegistrations`, an engine one through its preset — or nothing will render for this item.\",\n      );\n    }\n    return {\n      kind: LauncherItemTargetKind.CUSTOM_COMPONENT,\n      componentRef: item.componentRef,\n      resolvedComponentRef: registered ? item.componentRef : null,\n      icon: item.icon,\n      label: item.label,\n    };\n  });\n}\n\n/**\n * Behavior hook for UtilityPanel — manages panel open/close state and\n * provides resolved items from config.\n *\n * **The panel does not navigate (#504).** It resolves an open/close state and a list of components,\n * and the preset renders each one inline. \"For now, components render inline OR USE STANDARD\n * NAVIGATION\" was the misleading half of the previous note: no item uses standard navigation,\n * because no item navigates.\n *\n * That matters for what the deferred work is. A dedicated utility-panel navigation zone contains\n * in-panel navigation — and there is none to contain, so adding the zone first would add a member to\n * a closed vocabulary with no producer and no reader. The zone becomes real the moment a panel item\n * pushes a view; until then it would be scaffolding for a feature nobody has asked this surface to\n * grow.\n */\nexport function useUtilityPanelBehavior(\n  position: UtilityPanelPlacement = HorizontalPlacement.END,\n  itemsOverride?: UtilityPanelItem[],\n): UtilityPanelBehavior {\n  const { UIConfig, appComponentsConfiguration, flowsActorsViews } = useUI();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const currentBreakpoint = UIConfig?.currentBreakpoint;\n\n  const utilityPanelConfig = appComponentsConfiguration?.[ApplicationLevelComponentType.UTILITY_PANEL];\n  const configObj = isUtilityPanelConfigObject(utilityPanelConfig) ? utilityPanelConfig : undefined;\n\n  const items = useMemo(\n    (): UtilityPanelDisplayItem[] => resolveUtilityPanelItems(\n      itemsOverride ?? configObj?.items ?? [],\n      flowsActorsViews?.map((view) => view.ref) ?? [],\n    ),\n    [configObj, itemsOverride, flowsActorsViews],\n  );\n\n  const resolvedPosition = useMemo((): UtilityPanelPlacement => {\n    return configObj?.position ?? position;\n  }, [configObj, position]);\n\n  return {\n    isOpen,\n    setIsOpen,\n    items,\n    itemCount: items.length,\n    position: resolvedPosition,\n    currentBreakpoint,\n  };\n}\n"]}
+{"version":3,"file":"useUtilityPanelBehavior.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/app-level/useUtilityPanelBehavior.ts"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CorePresetNames, FrontendComponentType, HorizontalPlacement, NavigationViewLabelFamily } from '@wildo-ai/presets-components-models';\nimport { ComponentRegistryService } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.service';\nimport type { ComponentRegistryRef } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { ApplicationLevelComponentType } from '~wildo-frontend-lib/core/config/app-level-components.frontend.schemas';\nimport { LauncherItemTargetKind } from '~wildo-frontend-lib/core/config/launcher-items.frontend.schemas';\nimport type { UtilityPanelItem } from '~wildo-frontend-lib/core/config/launcher-items.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { buildApplicationViewTranslationRef, buildNavigationViewLabelKey } from '~wildo-frontend-lib/core/navigation/view-title-resolution';\nimport { NavigationContext } from '~wildo-frontend-lib/core/navigation/NavigationContext';\nimport { NAVIGATION_STRUCTURAL_ZONES, type NavigationState } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\n\nimport {\n  type UtilityPanelBehavior,\n  type UtilityPanelDisplayItem,\n  type UtilityPanelPlacement,\n  isUtilityPanelConfigObject,\n} from '~wildo-frontend-lib/core/app-shell/app-shell.schemas';\n\n/**\n * Whether the panel can host a `componentRef`: is something registered under it, in the preset the\n * panel renders? The SAME predicate the preset's `ComponentRegistryService.resolve(ref, DEFAULT)`\n * answers, so resolution and render cannot disagree (#549).\n *\n * It used to be ENUM MEMBERSHIP — \"is this a `FrontendComponentType`?\" — which was wrong twice: an\n * application component registered through a domain module's `componentRegistrations` is never an\n * enum member, so the panel refused every one of them; and an enum member with no registered preset\n * passed, then rendered nothing. The registry, which is string-keyed and always was, is the thing\n * that knows.\n */\nexport function isUtilityPanelComponentRegistered(componentRef: ComponentRegistryRef): boolean {\n  return ComponentRegistryService.isRegistered(componentRef, CorePresetNames.DEFAULT);\n}\n\n/**\n * Normalize configured panel items for display, and REPORT every item the panel cannot host.\n *\n * Pure and exported so the resolution can be pinned directly: the hook around it only supplies the\n * declared view refs and the configured items, and a test that had to render the whole panel to\n * check a ref would be pinning the provider tree rather than this decision.\n *\n * `declaredViewRefs` is the application's own `flowsActorsViews`, passed in rather than read here so\n * this stays a function of its arguments — and validated against the SAME list the view host itself\n * reads, so a ref that passes here cannot fail there.\n */\nexport function resolveUtilityPanelItems(\n  items: readonly UtilityPanelItem[],\n  declaredViewRefs: readonly string[],\n  /** Injected so a caller can resolve against a registry snapshot; defaults to the live registry. */\n  isComponentRegistered: (componentRef: ComponentRegistryRef) => boolean = isUtilityPanelComponentRegistered,\n): UtilityPanelDisplayItem[] {\n  return items.map((item): UtilityPanelDisplayItem => {\n    /**\n     * A VIEW item names an application-scoped view rendered INLINE. An unknown ref is reported here\n     * rather than reaching the view host, which would render its \"not available yet\" empty state —\n     * indistinguishable from a working panel whose content has not loaded.\n     */\n    if (item.kind === LauncherItemTargetKind.VIEW) {\n      const declared = declaredViewRefs.includes(item.viewRef);\n      if (!declared && typeof console !== 'undefined') {\n        console.warn(\n          `[utility-panel] item \"${item.label}\" names viewRef \"${item.viewRef}\", which no declared application-scoped view carries. `\n          + \"Declare it in the application's `flowsActorsViews`, or the panel has nothing to host for this item.\",\n        );\n      }\n      return {\n        kind: LauncherItemTargetKind.VIEW,\n        viewRef: item.viewRef,\n        resolvedViewRef: declared ? item.viewRef : null,\n        icon: item.icon,\n        label: item.label,\n      };\n    }\n\n    const registered = isComponentRegistered(item.componentRef);\n    /**\n     * Warned rather than swallowed. A panel item naming a component nothing can resolve is a\n     * configuration error, and this is the only place it can be noticed — the render path has no way\n     * to tell the author, and the placeholder this replaced actively hid it.\n     */\n    if (!registered && typeof console !== 'undefined') {\n      console.warn(\n        `[utility-panel] item \"${item.label}\" names componentRef \"${item.componentRef}\", which has no component registered under the default preset. `\n        + \"Register it — an application component through its domain module's `componentRegistrations`, an engine one through its preset — or nothing will render for this item.\",\n      );\n    }\n    return {\n      kind: LauncherItemTargetKind.CUSTOM_COMPONENT,\n      componentRef: item.componentRef,\n      resolvedComponentRef: registered ? item.componentRef : null,\n      icon: item.icon,\n      label: item.label,\n    };\n  });\n}\n\n/**\n * What the workspace beneath the panel shows, as one comparable value: every structural zone's entries by their ids, and\n * its active tab. An entry's id is minted by a navigation and kept by a refresh of the same entry, so this changes when\n * the person goes somewhere — a link in the panel, the command palette, Back — and not when a page re-reads its data.\n * It also changes when a window resize crosses a collapse threshold and the layout moves entries between zones\n * (`useResponsiveZoneMigration`): the panel then closes over a re-flowed workspace, which is accepted.\n * The OVERLAY is left out: it is drawn ABOVE the panel, so what opens there is seen without closing anything.\n *\n * `undefined` when there is no navigation to follow (the panel rendered outside a `NavigationProvider`, as in a test).\n */\nexport function utilityPanelWorkspaceSignature(state: NavigationState | undefined): string | undefined {\n  if (!state) return undefined;\n  return NAVIGATION_STRUCTURAL_ZONES\n    .map((zone) => `${zone}:${state.zones[zone].stack.map((entry) => entry.id).join(',')}#${state.zones[zone].activeTabId ?? ''}`)\n    .join('|');\n}\n\n/**\n * Behavior hook for UtilityPanel — manages panel open/close state and\n * provides resolved items from config.\n *\n * **The panel holds no navigation of its own.** It resolves an open/close state and a list of items, and the preset\n * renders each one inline. A link inside an item opens the workspace, and the panel then closes (see the rule beside\n * `isOpen` below), so there is no in-panel stack and no navigation zone for it.\n */\nexport function useUtilityPanelBehavior(\n  position: UtilityPanelPlacement = HorizontalPlacement.END,\n  itemsOverride?: UtilityPanelItem[],\n): UtilityPanelBehavior {\n  const { UIConfig, appComponentsConfiguration, flowsActorsViews } = useUI();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  /*\n   * THE PANEL STEPS ASIDE WHEN THE WORKSPACE BENEATH IT CHANGES (Wonder Todos, 2026-10-11).\n   *\n   * The panel is a modal sheet laid over the workspace, and its items do not navigate inside it: a record an item links\n   * to (the assistant's record cards) opens as the PAGE, where every addressable record lives. Left open, the sheet then\n   * covered the very record the person had just asked to see. So while it is open the panel follows what the workspace\n   * shows, and closes the moment that changes — whoever changed it, since the sheet covers the result either way.\n   *\n   * This is the rule the navigation system already applies to its own floating layer: from an overlay an ADDRESSABLE\n   * target \"leaves the overlay and becomes the page\", an app-level navigation clears the overlay, and an ephemeral\n   * overlay closes when the zone it came from changes. The panel is simply not a navigation entry, so it applies the\n   * rule itself, from the same state.\n   *\n   * Rejected: a navigation zone for the panel (`COMPANION`, or a fourth member), which this declaration used to name\n   * as the work owed \"the moment a panel item navigates\". It would show the record INSIDE a 36rem sheet, as a second\n   * home for a surface that already has one, and the person asked to see the record in the main interface. Also\n   * rejected: closing only for a link clicked inside the panel. That needs the panel to tag the requests its items\n   * emit, and leaves the sheet covering a page the command palette or Back just replaced.\n   *\n   * What it costs is nothing the person keeps: a hosted assistant reopens on the conversation it showed\n   * (`FlowsActorsView`'s held selection), and a turn still running keeps running, since its live state is app-wide.\n   */\n  const navigation = useContext(NavigationContext);\n  const workspace = utilityPanelWorkspaceSignature(navigation?.state);\n  const openedOverWorkspace = useRef<string | undefined>(undefined);\n  useEffect(() => {\n    if (!isOpen) {\n      openedOverWorkspace.current = undefined;\n      return;\n    }\n    if (openedOverWorkspace.current === undefined) {\n      openedOverWorkspace.current = workspace;\n      return;\n    }\n    if (workspace !== openedOverWorkspace.current) setIsOpen(false);\n  }, [isOpen, workspace]);\n\n  const currentBreakpoint = UIConfig?.currentBreakpoint;\n\n  const utilityPanelConfig = appComponentsConfiguration?.[ApplicationLevelComponentType.UTILITY_PANEL];\n  const configObj = isUtilityPanelConfigObject(utilityPanelConfig) ? utilityPanelConfig : undefined;\n\n  const items = useMemo(\n    (): UtilityPanelDisplayItem[] => resolveUtilityPanelItems(\n      itemsOverride ?? configObj?.items ?? [],\n      flowsActorsViews?.map((view) => view.ref) ?? [],\n    ),\n    [configObj, itemsOverride, flowsActorsViews],\n  );\n\n  const resolvedPosition = useMemo((): UtilityPanelPlacement => {\n    return configObj?.position ?? position;\n  }, [configObj, position]);\n\n  /*\n   * The panel's NAME — the trigger's accessible name and tooltip, and the sheet's title. A panel holding ONE view is\n   * named by that view's own title (`views.flows_actors.app.<ref>.title`, generated like every view title), so the\n   * trigger says what it opens (\"Todo Assistant\") rather than the generic \"Toggle utility panel\". ONE custom\n   * component is named by its authored `label`, the only name it has. Several items share the panel's generic title.\n   */\n  const singleItem = items.length === 1 ? items[0] : undefined;\n  const viewTranslationRef = singleItem?.kind === LauncherItemTargetKind.VIEW\n    ? buildApplicationViewTranslationRef(singleItem.viewRef)\n    : undefined;\n  const panelLabelKeys = useMemo(\n    () => (viewTranslationRef\n      ? [buildNavigationViewLabelKey({ family: NavigationViewLabelFamily.FLOWS_ACTORS, translationRef: viewTranslationRef })]\n      : []),\n    [viewTranslationRef],\n  );\n  const { tComponent, tView, isReady: isPanelNameReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL, keys: panelLabelKeys });\n  const panelName = viewTranslationRef\n    ? tView(NavigationViewLabelFamily.FLOWS_ACTORS, viewTranslationRef, 'title')\n    : singleItem?.kind === LauncherItemTargetKind.CUSTOM_COMPONENT\n      ? singleItem.label\n      : resolveComponentLabel({ tComponent, componentType: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL, key: 'title' });\n\n  // The icon the application configured is the one it sees: the panel's own, else its single item's. The item's\n  // icon used to be resolved and then never drawn for a VIEW item, so a configured `'brain'` reached no pixel.\n  const triggerIcon = configObj?.icon ?? (items.length === 1 ? items[0].icon : undefined);\n\n  return {\n    isOpen,\n    setIsOpen,\n    items,\n    itemCount: items.length,\n    position: resolvedPosition,\n    triggerIcon,\n    panelName,\n    isPanelNameReady,\n    currentBreakpoint,\n  };\n}\n"]}

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.js

@@ -58,8 +58,8 @@ export const ProgressionMilestoneTrackerLabels = [
         kind: LabelKind.LABEL,
         purpose: 'How many milestones are completed out of the total',
         params: [
-            { key: 'completed', meaning: 'count of milestones already achieved' },
-            { key: 'total', meaning: 'total number of milestones being tracked' },
+            { key: 'completed', meaning: 'count of milestones already achieved', isCount: true },
+            { key: 'total', meaning: 'total number of milestones being tracked', isCount: true },
         ],
     },
 ];

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionMilestoneTracker.labels.js","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionMilestoneTracker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,iCAAiC,GAA0B;IACtE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yCAAyC,EAAE;IAC7F,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,sDAAsD,EAAE;IACpH;;;;;;;;;;;;OAYG;IACH,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACnG,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACxG;;;;;OAKG;IACH;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gDAAgD;QACzD,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,sCAAsC,EAAE,CAAC;KAC7E;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,8EAA8E;QACvF,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,iCAAiC,EAAE,CAAC;KACxE;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,kEAAkE;KAC5E;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,iEAAiE;QAC1E,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,6BAA6B,EAAE;YAC1D,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,oCAAoC,EAAE;SAChE;KACF;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,oDAAoD;QAC7D,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,sCAAsC,EAAE;YACrE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,0CAA0C,EAAE;SACtE;KACF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,iCAAiC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ProgressionMilestoneTrackerLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the milestone-tracker panel' },\n  { ref: 'description', kind: LabelKind.DESCRIPTION, purpose: 'Supporting text explaining the milestone progression' },\n  /*\n   * `emptyState` was REMOVED, not renamed.\n   *\n   * It was registered, translated in every locale, and could never render: the component returns\n   * `null` when there are no milestone definitions, and that is the right behaviour — a host that\n   * declares no milestones wants no panel, not a panel announcing its own emptiness. The same\n   * defect class this file's `achieved`/`locked`/`inProgress` note describes, one key further on:\n   * three dead keys were found and revived, the fourth was dead because the surface itself was\n   * correct.\n   *\n   * A registered key nothing can reach costs a translator a string in every locale and tells the\n   * next reader the surface has a state it does not have.\n   */\n  { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status label for a milestone the user has completed' },\n  { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status label for a milestone not yet reachable' },\n  { ref: 'inProgress', kind: LabelKind.LABEL, purpose: 'Status label for a milestone currently underway' },\n  /*\n   * `milestonePoints` and `totalPoints` were ONE key, `pointsDisplay`, whose own purpose line read\n   * \"Points awarded by a milestone, OR the total points earned\". Two semantically different numbers\n   * behind one key: a translator sees a single string and cannot phrase both, and several languages\n   * need different wording for \"this is worth N\" and \"you have N\".\n   */\n  {\n    ref: 'milestonePoints',\n    kind: LabelKind.LABEL,\n    purpose: 'Points a single milestone awards when achieved',\n    params: [{ key: 'points', meaning: 'reward points for this one milestone' }],\n  },\n  {\n    ref: 'totalPoints',\n    kind: LabelKind.LABEL,\n    purpose: 'Running total of points the person has earned across all achieved milestones',\n    params: [{ key: 'points', meaning: 'cumulative points earned so far' }],\n  },\n  {\n    ref: 'nextUp',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading above the single milestone the person should pursue next',\n  },\n  {\n    ref: 'countProgress',\n    kind: LabelKind.LABEL,\n    purpose: 'How far a counted milestone has progressed toward its threshold',\n    params: [\n      { key: 'current', meaning: 'occurrences recorded so far' },\n      { key: 'total', meaning: 'occurrences the milestone requires' },\n    ],\n  },\n  {\n    ref: 'progressDisplay',\n    kind: LabelKind.LABEL,\n    purpose: 'How many milestones are completed out of the total',\n    params: [\n      { key: 'completed', meaning: 'count of milestones already achieved' },\n      { key: 'total', meaning: 'total number of milestones being tracked' },\n    ],\n  },\n];\nregisterComponentLabels(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, ProgressionMilestoneTrackerLabels);\n"]}
+{"version":3,"file":"ProgressionMilestoneTracker.labels.js","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionMilestoneTracker.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,iCAAiC,GAA0B;IACtE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yCAAyC,EAAE;IAC7F,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,sDAAsD,EAAE;IACpH;;;;;;;;;;;;OAYG;IACH,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACnG,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACxG;;;;;OAKG;IACH;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gDAAgD;QACzD,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,sCAAsC,EAAE,CAAC;KAC7E;IACD;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,8EAA8E;QACvF,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,iCAAiC,EAAE,CAAC;KACxE;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,kEAAkE;KAC5E;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,iEAAiE;QAC1E,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,6BAA6B,EAAE;YAC1D,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,oCAAoC,EAAE;SAChE;KACF;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,oDAAoD;QAC7D,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,sCAAsC,EAAE,OAAO,EAAE,IAAI,EAAE;YACpF,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,0CAA0C,EAAE,OAAO,EAAE,IAAI,EAAE;SACrF;KACF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,iCAAiC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ProgressionMilestoneTrackerLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the milestone-tracker panel' },\n  { ref: 'description', kind: LabelKind.DESCRIPTION, purpose: 'Supporting text explaining the milestone progression' },\n  /*\n   * `emptyState` was REMOVED, not renamed.\n   *\n   * It was registered, translated in every locale, and could never render: the component returns\n   * `null` when there are no milestone definitions, and that is the right behaviour — a host that\n   * declares no milestones wants no panel, not a panel announcing its own emptiness. The same\n   * defect class this file's `achieved`/`locked`/`inProgress` note describes, one key further on:\n   * three dead keys were found and revived, the fourth was dead because the surface itself was\n   * correct.\n   *\n   * A registered key nothing can reach costs a translator a string in every locale and tells the\n   * next reader the surface has a state it does not have.\n   */\n  { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status label for a milestone the user has completed' },\n  { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status label for a milestone not yet reachable' },\n  { ref: 'inProgress', kind: LabelKind.LABEL, purpose: 'Status label for a milestone currently underway' },\n  /*\n   * `milestonePoints` and `totalPoints` were ONE key, `pointsDisplay`, whose own purpose line read\n   * \"Points awarded by a milestone, OR the total points earned\". Two semantically different numbers\n   * behind one key: a translator sees a single string and cannot phrase both, and several languages\n   * need different wording for \"this is worth N\" and \"you have N\".\n   */\n  {\n    ref: 'milestonePoints',\n    kind: LabelKind.LABEL,\n    purpose: 'Points a single milestone awards when achieved',\n    params: [{ key: 'points', meaning: 'reward points for this one milestone' }],\n  },\n  {\n    ref: 'totalPoints',\n    kind: LabelKind.LABEL,\n    purpose: 'Running total of points the person has earned across all achieved milestones',\n    params: [{ key: 'points', meaning: 'cumulative points earned so far' }],\n  },\n  {\n    ref: 'nextUp',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading above the single milestone the person should pursue next',\n  },\n  {\n    ref: 'countProgress',\n    kind: LabelKind.LABEL,\n    purpose: 'How far a counted milestone has progressed toward its threshold',\n    params: [\n      { key: 'current', meaning: 'occurrences recorded so far' },\n      { key: 'total', meaning: 'occurrences the milestone requires' },\n    ],\n  },\n  {\n    ref: 'progressDisplay',\n    kind: LabelKind.LABEL,\n    purpose: 'How many milestones are completed out of the total',\n    params: [\n      { key: 'completed', meaning: 'count of milestones already achieved', isCount: true },\n      { key: 'total', meaning: 'total number of milestones being tracked', isCount: true },\n    ],\n  },\n];\nregisterComponentLabels(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, ProgressionMilestoneTrackerLabels);\n"]}

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

@@ -0,0 +1,39 @@
+/**
+ * CollectionSelectAllCheckbox — the select-all of a CARDS collection, leading the toolbar's action row
+ * in the same column as the rows' checkboxes.
+ *
+ * ## Where it stands, and why there
+ *
+ * A checkbox means "all of these" only when it stands above the column of checkboxes it commands.
+ * It sat first in a toolbar row ~200px to the right of that column (so it read as a toolbar
+ * control), then in a band of its own above the cards (`CollectionSelectionHeaderRail`, a 32px row
+ * with a caption for one control). It now leads the action row, inset by
+ * {@link CARDS_SELECT_ALL_INSET_CLASS} so it lands exactly above the rows' checkboxes: the column
+ * alignment the band existed for, without the band. This is the contextual-toolbar shape Gmail and
+ * GitHub use — the select-all at the start of the bar that turns into the selection bar.
+ *
+ * ## Three states
+ *
+ * `true` when every row on the page is selected, `'indeterminate'` when some are, `false` when none
+ * are. Activating it from indeterminate selects the whole page, the common convention.
+ *
+ * The caption is gone, so the words move to the accessible name and the tooltip. TABLE mode does not
+ * render this: its `__select` header cell is already the select-all of its own column.
+ */
+import React from 'react';
+/** The page's selection state as the select-all shows it. */
+export type CollectionSelectAllState = boolean | 'indeterminate';
+export interface CollectionSelectAllCheckboxProps {
+    /** `true` = every row on the page selected, `'indeterminate'` = some, `false` = none. */
+    state: CollectionSelectAllState;
+    /** Select every row on the page, or clear them when all are selected. */
+    onToggle: () => void;
+    className?: string;
+}
+/**
+ * The select-all's state from the page's rows. Named once because both collection hosts (LIST and
+ * SEARCH) compute it, and two spellings of "some but not all" is how the two would disagree.
+ */
+export declare function resolveCollectionSelectAllState(pageRowCount: number, selectedOnPage: number): CollectionSelectAllState;
+export declare function CollectionSelectAllCheckbox({ state, onToggle, className }: CollectionSelectAllCheckboxProps): React.JSX.Element;
+//# sourceMappingURL=CollectionSelectAllCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectAllCheckbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,6DAA6D;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,eAAe,CAAC;AAEjE,MAAM,WAAW,gCAAgC;IAC/C,yFAAyF;IACzF,KAAK,EAAE,wBAAwB,CAAC;IAChC,yEAAyE;IACzE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,wBAAwB,CAGtH;AAED,wBAAgB,2BAA2B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQ/H"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../core/ui/cn.js';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { CheckboxRoot } from '../../components/form/controls/boolean/checkbox.js';
+import { CARDS_SELECT_ALL_INSET_CLASS } from '../../components/resources/collection-card-layout.utils.js';
+/**
+ * The select-all's state from the page's rows. Named once because both collection hosts (LIST and
+ * SEARCH) compute it, and two spellings of "some but not all" is how the two would disagree.
+ */
+export function resolveCollectionSelectAllState(pageRowCount, selectedOnPage) {
+    if (pageRowCount === 0 || selectedOnPage === 0)
+        return false;
+    return selectedOnPage >= pageRowCount ? true : 'indeterminate';
+}
+export function CollectionSelectAllCheckbox({ state, onToggle, className }) {
+    const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });
+    const label = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll');
+    return (_jsx("span", { className: cn('inline-flex shrink-0 items-center', CARDS_SELECT_ALL_INSET_CLASS, className), "data-slot": "collection-select-all", title: label, children: _jsx(CheckboxRoot, { checked: state, onCheckedChange: () => onToggle(), "aria-label": label }) }));
+}
+//# sourceMappingURL=CollectionSelectAllCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSelectAllCheckbox.js","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectAllCheckbox.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,uEAAuE,CAAC;AAarH;;;GAGG;AACH,MAAM,UAAU,+BAA+B,CAAC,YAAoB,EAAE,cAAsB;IAC1F,IAAI,YAAY,KAAK,CAAC,IAAI,cAAc,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAC7D,OAAO,cAAc,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAoC;IAC1G,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;IACpF,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,4BAA4B,EAAE,SAAS,CAAC,eAAY,uBAAuB,EAAC,KAAK,EAAE,KAAK,YAC/I,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,gBAAc,KAAK,GAAI,GACjF,CACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * CollectionSelectAllCheckbox — the select-all of a CARDS collection, leading the toolbar's action row\n * in the same column as the rows' checkboxes.\n *\n * ## Where it stands, and why there\n *\n * A checkbox means \"all of these\" only when it stands above the column of checkboxes it commands.\n * It sat first in a toolbar row ~200px to the right of that column (so it read as a toolbar\n * control), then in a band of its own above the cards (`CollectionSelectionHeaderRail`, a 32px row\n * with a caption for one control). It now leads the action row, inset by\n * {@link CARDS_SELECT_ALL_INSET_CLASS} so it lands exactly above the rows' checkboxes: the column\n * alignment the band existed for, without the band. This is the contextual-toolbar shape Gmail and\n * GitHub use — the select-all at the start of the bar that turns into the selection bar.\n *\n * ## Three states\n *\n * `true` when every row on the page is selected, `'indeterminate'` when some are, `false` when none\n * are. Activating it from indeterminate selects the whole page, the common convention.\n *\n * The caption is gone, so the words move to the accessible name and the tooltip. TABLE mode does not\n * render this: its `__select` header cell is already the select-all of its own column.\n */\nimport React from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport { CARDS_SELECT_ALL_INSET_CLASS } from '~wildo-frontend-lib/components/resources/collection-card-layout.utils';\n\n/** The page's selection state as the select-all shows it. */\nexport type CollectionSelectAllState = boolean | 'indeterminate';\n\nexport interface CollectionSelectAllCheckboxProps {\n  /** `true` = every row on the page selected, `'indeterminate'` = some, `false` = none. */\n  state: CollectionSelectAllState;\n  /** Select every row on the page, or clear them when all are selected. */\n  onToggle: () => void;\n  className?: string;\n}\n\n/**\n * The select-all's state from the page's rows. Named once because both collection hosts (LIST and\n * SEARCH) compute it, and two spellings of \"some but not all\" is how the two would disagree.\n */\nexport function resolveCollectionSelectAllState(pageRowCount: number, selectedOnPage: number): CollectionSelectAllState {\n  if (pageRowCount === 0 || selectedOnPage === 0) return false;\n  return selectedOnPage >= pageRowCount ? true : 'indeterminate';\n}\n\nexport function CollectionSelectAllCheckbox({ state, onToggle, className }: CollectionSelectAllCheckboxProps): React.JSX.Element {\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const label = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll');\n  return (\n    <span className={cn('inline-flex shrink-0 items-center', CARDS_SELECT_ALL_INSET_CLASS, className)} data-slot=\"collection-select-all\" title={label}>\n      <CheckboxRoot checked={state} onCheckedChange={() => onToggle()} aria-label={label} />\n    </span>\n  );\n}\n"]}

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

@@ -10,9 +10,10 @@
  * **It no longer carries the select-all checkbox**, and that is the point of the split. A checkbox
  * means "all of these" only when it stands above the column of checkboxes it commands; here it sat
  * in a toolbar row of its own, ~200px to the right of the rows' checkboxes, and in TABLE mode it
- * was a second select-all beside the table header's. The checkbox now lives with the rows in both
- * displays — the table's `__select` header cell, and `CollectionSelectionHeaderRail` for cards —
- * while the COUNT stays here, beside the bulk actions that consume it.
+ * was a second select-all beside the table header's. The checkbox now stands in the rows' column in
+ * both displays — the table's `__select` header cell, and `CollectionSelectAllCheckbox` leading the
+ * cards toolbar's action row, inset onto that column — while the COUNT stays here, beside the bulk
+ * actions that consume it (on one line: with rows selected, that row is the selection bar).
  *
  * Shared by `ResourceCollectionToolbar` (LIST) and `ResourceLayout_Search` so the two collection
  * surfaces render selection identically.

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/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,KAA+B,MAAM,OAAO,CAAC;AAMpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+DAA+D,CAAC;AAK5G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,WAAW,oCAAoC;IACnD,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C,6FAA6F;IAC7F,cAAc,EAAE,YAAY,CAAC;IAC7B,8CAA8C;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,+BAA+B,GAAI,wEAM7C,oCAAoC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuE7D,CAAC"}
+{"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"}