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

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

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

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

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

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

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

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

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

package/dist/esm/components/resources/embeds/EmbeddedResourceDescent.d.ts

@@ -62,7 +62,8 @@ export interface EmbeddedResourceDescentBoundaryProps {
     /**
      * Identity of the descent about to be taken, as `(edge, host row)`. Callers
      * compose it — the automatic container from the relationship edge key plus the
-     * parent row id, an explicit embed from its target resource plus the host id.
+     * parent row id, an explicit embed from its target resource plus the record it addresses — or, for a
+     * collection or a CREATE, the scope it lists or creates into (`embeddedResourceDescentKey`).
      */
     descentKey: string;
     /** Per-edge override of {@link DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH}. */

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

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedResourceDescent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/EmbeddedResourceDescent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,mHAAmH;AACnH,0GAA0G;AAC1G,eAAO,MAAM,mCAAmC,IAAI,CAAC;AAErD,MAAM,WAAW,4BAA4B;IAC3C,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B;AAQD,wBAAgB,0BAA0B,IAAI,4BAA4B,CAEzE;AAoBD,mHAAmH;AACnH,MAAM,WAAW,oCAAoC;IACnD;;;;OAIG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,qEAAqE;AAErE;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,UAAU,EACV,QAA8C,EAC9C,QAAQ,GACT,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuBjE"}
+{"version":3,"file":"EmbeddedResourceDescent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/EmbeddedResourceDescent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,mHAAmH;AACnH,0GAA0G;AAC1G,eAAO,MAAM,mCAAmC,IAAI,CAAC;AAErD,MAAM,WAAW,4BAA4B;IAC3C,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B;AAQD,wBAAgB,0BAA0B,IAAI,4BAA4B,CAEzE;AAoBD,mHAAmH;AACnH,MAAM,WAAW,oCAAoC;IACnD;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,qEAAqE;AAErE;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,UAAU,EACV,QAA8C,EAC9C,QAAQ,GACT,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuBjE"}

package/dist/esm/components/resources/embeds/EmbeddedResourceDescent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedResourceDescent.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/EmbeddedResourceDescent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AAEpG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,mHAAmH;AACnH,0GAA0G;AAC1G,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAC,CAAC;AAQrD,qEAAqE;AAErE,MAAM,aAAa,GAAwB,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;AAC5E,MAAM,IAAI,GAAiC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;AAE/F,MAAM,8BAA8B,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAEzF,MAAM,UAAU,0BAA0B;IACxC,OAAO,UAAU,CAAC,8BAA8B,CAAC,CAAC;AACpD,CAAC;AAED,uEAAuE;AACvE,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;AAEzC,SAAS,WAAW,CAAC,UAAkB,EAAE,MAAyB,EAAE,KAAa,EAAE,QAAgB;IACjG,IAAI,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,MAAM,EAAE,CAAC,EAAE,CAAC;QAClD,OAAO;IACT,CAAC;IACD,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,MAAM,EAAE,CAAC,CAAC;IAC9C,qBAAqB,CAAC,SAAS,EAAE,CAAC,IAAI,CACpC,MAAM,KAAK,OAAO;QAChB,CAAC,CAAC,iDAAiD,UAAU,wCAAwC;cACjG,iFAAiF;QACrF,CAAC,CAAC,uDAAuD,UAAU,8BAA8B;cAC7F,GAAG,KAAK,iBAAiB,QAAQ,oEAAoE;cACrG,gGAAgG,CACvG,CAAC;AACJ,CAAC;AAcD,qEAAqE;AAErE;;;;;;;;GAQG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC9C,UAAU,EACV,QAAQ,GAAG,mCAAmC,EAC9C,QAAQ,GAC6B;IACrC,MAAM,MAAM,GAAG,0BAA0B,EAAE,CAAC;IAE5C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAE1C,MAAM,KAAK,GAAG,OAAO,CAA+B,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5C,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QAC5B,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,8BAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClD,QAAQ,GAC+B,CAC3C,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\n/**\n * Bounds how deep embedded resource surfaces may nest, and refuses true cycles.\n *\n * ## Why this exists at all\n *\n * Before template-owned composition, nesting was bounded only by ACCIDENT: a 1:N\n * child rendered as a LIST (which mounts no nested container) and a 1:1 child\n * rendered through the field displayer rather than a full READ surface, so\n * neither re-entered. Nothing chose that bound — it fell out of which component\n * happened to render a child.\n *\n * Template-owned composition removes the accident: an authored template may embed\n * a child with `operationLike: READ`, which mounts a full READ surface, which\n * composes ITS children, and so on. On a self-referencing edge (`Category →\n * Category`, already rendered today — `getChildDirectionRelationships` returns\n * `[...childRelationships, ...selfRelationships]`) or a mutually recursive pair,\n * that does not terminate.\n *\n * ## Why BOTH mechanisms, when either sounds sufficient\n *\n * They bound different things, and neither substitutes for the other:\n *\n * - the **depth cap** bounds hierarchy BREADTH — a legitimately deep, entirely\n *   acyclic chain (organization → unit → team → member → …) that simply should\n *   not render as one page;\n * - the **visited set** catches a genuine revisit EXACTLY, at the moment it\n *   happens, instead of letting a cycle burn `maxDepth` levels first. Those\n *   wasted levels are not free: each mounts a surface and fires a real LIST\n *   request.\n *\n * ## The key is `(edge, host row)` — not the edge alone\n *\n * Keying on the relationship edge alone would break the very feature this\n * protects. A self-referencing hierarchy traverses the SAME edge at every level\n * with DIFFERENT rows, so an edge-only set stops it at depth 1 and reports a\n * cycle that does not exist. Keyed on the edge AND the host row, a repeat means\n * the same record has been reached again by some path — which is a cycle, and\n * nothing else is.\n *\n * ## At the limit: render nothing\n *\n * Deliberate product decision. The trade accepted is that the boundary is\n * invisible to the reader — and for a 1:1 the omitted block IS the content\n * rather than a truncated list. The mitigation adds no UI: a dev-time warning\n * naming the edge and the depth reached, so an author sees the boundary during\n * development while the product stays silent. Same posture as the container's\n * existing \"authored section renders nothing\" warning.\n */\n\n/** @wildo_source:part:start saas.frontend.embedded-resource-descent facet:layer:frontend facet:family:component */\n/** Framework default. Overridable per edge; see {@link EmbeddedResourceDescentBoundaryProps.maxDepth}. */\nexport const DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH = 3;\n\nexport interface EmbeddedResourceDescentValue {\n  /** How many embedded surfaces deep the current subtree already is. Root is 0. */\n  depth: number;\n  /** `${edgeKey}::${hostRowId}` for every descent already taken on this path. */\n  visited: ReadonlySet<string>;\n}\n/** @wildo_source:part:end saas.frontend.embedded-resource-descent */\n\nconst EMPTY_VISITED: ReadonlySet<string> = Object.freeze(new Set<string>());\nconst ROOT: EmbeddedResourceDescentValue = Object.freeze({ depth: 0, visited: EMPTY_VISITED });\n\nconst EmbeddedResourceDescentContext = createContext<EmbeddedResourceDescentValue>(ROOT);\n\nexport function useEmbeddedResourceDescent(): EmbeddedResourceDescentValue {\n  return useContext(EmbeddedResourceDescentContext);\n}\n\n/** Dedup guard so one refused edge warns once, not once per render. */\nconst warnedRefusals = new Set<string>();\n\nfunction warnRefusal(descentKey: string, reason: 'depth' | 'cycle', depth: number, maxDepth: number): void {\n  if (warnedRefusals.has(`${descentKey}:${reason}`)) {\n    return;\n  }\n  warnedRefusals.add(`${descentKey}:${reason}`);\n  LoggerFrontendService.getLogger().warn(\n    reason === 'cycle'\n      ? `[embedded-resource-descent] CYCLE refused at \"${descentKey}\": this record was already reached on `\n        + 'this path, so rendering it again would not terminate. Nothing is rendered here.'\n      : `[embedded-resource-descent] DEPTH LIMIT refused at \"${descentKey}\": embedded nesting reached `\n        + `${depth} of a maximum ${maxDepth}. Nothing is rendered here. Raise the per-edge limit only if this `\n        + 'hierarchy genuinely belongs on one page — otherwise link to the child instead of embedding it.',\n  );\n}\n\n/** @wildo_source:part:start saas.frontend.embedded-resource-descent facet:layer:frontend facet:family:component */\nexport interface EmbeddedResourceDescentBoundaryProps {\n  /**\n   * Identity of the descent about to be taken, as `(edge, host row)`. Callers\n   * compose it — the automatic container from the relationship edge key plus the\n   * parent row id, an explicit embed from its target resource plus the host id.\n   */\n  descentKey: string;\n  /** Per-edge override of {@link DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH}. */\n  maxDepth?: number;\n  children: React.ReactNode;\n}\n/** @wildo_source:part:end saas.frontend.embedded-resource-descent */\n\n/**\n * Admits or refuses one level of embedded descent, and provides the incremented\n * state to whatever it admits. Refusal renders nothing.\n *\n * Deciding and providing are one component on purpose: a caller that could ask\n * \"may I?\" without also registering the descent would let the next level down\n * believe it is shallower than it is, which is the failure mode a hand-applied\n * counter always eventually has.\n */\nexport function EmbeddedResourceDescentBoundary({\n  descentKey,\n  maxDepth = DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH,\n  children,\n}: EmbeddedResourceDescentBoundaryProps): React.JSX.Element | null {\n  const parent = useEmbeddedResourceDescent();\n\n  const isCycle = parent.visited.has(descentKey);\n  const nextDepth = parent.depth + 1;\n  const exceedsDepth = nextDepth > maxDepth;\n\n  const value = useMemo<EmbeddedResourceDescentValue>(() => {\n    const visited = new Set(parent.visited);\n    visited.add(descentKey);\n    return { depth: nextDepth, visited };\n  }, [parent.visited, descentKey, nextDepth]);\n\n  if (isCycle || exceedsDepth) {\n    warnRefusal(descentKey, isCycle ? 'cycle' : 'depth', nextDepth, maxDepth);\n    return null;\n  }\n\n  return (\n    <EmbeddedResourceDescentContext.Provider value={value}>\n      {children}\n    </EmbeddedResourceDescentContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"EmbeddedResourceDescent.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/EmbeddedResourceDescent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AAEpG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,mHAAmH;AACnH,0GAA0G;AAC1G,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAC,CAAC;AAQrD,qEAAqE;AAErE,MAAM,aAAa,GAAwB,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;AAC5E,MAAM,IAAI,GAAiC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC;AAE/F,MAAM,8BAA8B,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAEzF,MAAM,UAAU,0BAA0B;IACxC,OAAO,UAAU,CAAC,8BAA8B,CAAC,CAAC;AACpD,CAAC;AAED,uEAAuE;AACvE,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;AAEzC,SAAS,WAAW,CAAC,UAAkB,EAAE,MAAyB,EAAE,KAAa,EAAE,QAAgB;IACjG,IAAI,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,MAAM,EAAE,CAAC,EAAE,CAAC;QAClD,OAAO;IACT,CAAC;IACD,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,MAAM,EAAE,CAAC,CAAC;IAC9C,qBAAqB,CAAC,SAAS,EAAE,CAAC,IAAI,CACpC,MAAM,KAAK,OAAO;QAChB,CAAC,CAAC,iDAAiD,UAAU,wCAAwC;cACjG,iFAAiF;QACrF,CAAC,CAAC,uDAAuD,UAAU,8BAA8B;cAC7F,GAAG,KAAK,iBAAiB,QAAQ,oEAAoE;cACrG,gGAAgG,CACvG,CAAC;AACJ,CAAC;AAeD,qEAAqE;AAErE;;;;;;;;GAQG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC9C,UAAU,EACV,QAAQ,GAAG,mCAAmC,EAC9C,QAAQ,GAC6B;IACrC,MAAM,MAAM,GAAG,0BAA0B,EAAE,CAAC;IAE5C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAE1C,MAAM,KAAK,GAAG,OAAO,CAA+B,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5C,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QAC5B,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,8BAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClD,QAAQ,GAC+B,CAC3C,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\n/**\n * Bounds how deep embedded resource surfaces may nest, and refuses true cycles.\n *\n * ## Why this exists at all\n *\n * Before template-owned composition, nesting was bounded only by ACCIDENT: a 1:N\n * child rendered as a LIST (which mounts no nested container) and a 1:1 child\n * rendered through the field displayer rather than a full READ surface, so\n * neither re-entered. Nothing chose that bound — it fell out of which component\n * happened to render a child.\n *\n * Template-owned composition removes the accident: an authored template may embed\n * a child with `operationLike: READ`, which mounts a full READ surface, which\n * composes ITS children, and so on. On a self-referencing edge (`Category →\n * Category`, already rendered today — `getChildDirectionRelationships` returns\n * `[...childRelationships, ...selfRelationships]`) or a mutually recursive pair,\n * that does not terminate.\n *\n * ## Why BOTH mechanisms, when either sounds sufficient\n *\n * They bound different things, and neither substitutes for the other:\n *\n * - the **depth cap** bounds hierarchy BREADTH — a legitimately deep, entirely\n *   acyclic chain (organization → unit → team → member → …) that simply should\n *   not render as one page;\n * - the **visited set** catches a genuine revisit EXACTLY, at the moment it\n *   happens, instead of letting a cycle burn `maxDepth` levels first. Those\n *   wasted levels are not free: each mounts a surface and fires a real LIST\n *   request.\n *\n * ## The key is `(edge, host row)` — not the edge alone\n *\n * Keying on the relationship edge alone would break the very feature this\n * protects. A self-referencing hierarchy traverses the SAME edge at every level\n * with DIFFERENT rows, so an edge-only set stops it at depth 1 and reports a\n * cycle that does not exist. Keyed on the edge AND the host row, a repeat means\n * the same record has been reached again by some path — which is a cycle, and\n * nothing else is.\n *\n * ## At the limit: render nothing\n *\n * Deliberate product decision. The trade accepted is that the boundary is\n * invisible to the reader — and for a 1:1 the omitted block IS the content\n * rather than a truncated list. The mitigation adds no UI: a dev-time warning\n * naming the edge and the depth reached, so an author sees the boundary during\n * development while the product stays silent. Same posture as the container's\n * existing \"authored section renders nothing\" warning.\n */\n\n/** @wildo_source:part:start saas.frontend.embedded-resource-descent facet:layer:frontend facet:family:component */\n/** Framework default. Overridable per edge; see {@link EmbeddedResourceDescentBoundaryProps.maxDepth}. */\nexport const DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH = 3;\n\nexport interface EmbeddedResourceDescentValue {\n  /** How many embedded surfaces deep the current subtree already is. Root is 0. */\n  depth: number;\n  /** `${edgeKey}::${hostRowId}` for every descent already taken on this path. */\n  visited: ReadonlySet<string>;\n}\n/** @wildo_source:part:end saas.frontend.embedded-resource-descent */\n\nconst EMPTY_VISITED: ReadonlySet<string> = Object.freeze(new Set<string>());\nconst ROOT: EmbeddedResourceDescentValue = Object.freeze({ depth: 0, visited: EMPTY_VISITED });\n\nconst EmbeddedResourceDescentContext = createContext<EmbeddedResourceDescentValue>(ROOT);\n\nexport function useEmbeddedResourceDescent(): EmbeddedResourceDescentValue {\n  return useContext(EmbeddedResourceDescentContext);\n}\n\n/** Dedup guard so one refused edge warns once, not once per render. */\nconst warnedRefusals = new Set<string>();\n\nfunction warnRefusal(descentKey: string, reason: 'depth' | 'cycle', depth: number, maxDepth: number): void {\n  if (warnedRefusals.has(`${descentKey}:${reason}`)) {\n    return;\n  }\n  warnedRefusals.add(`${descentKey}:${reason}`);\n  LoggerFrontendService.getLogger().warn(\n    reason === 'cycle'\n      ? `[embedded-resource-descent] CYCLE refused at \"${descentKey}\": this record was already reached on `\n        + 'this path, so rendering it again would not terminate. Nothing is rendered here.'\n      : `[embedded-resource-descent] DEPTH LIMIT refused at \"${descentKey}\": embedded nesting reached `\n        + `${depth} of a maximum ${maxDepth}. Nothing is rendered here. Raise the per-edge limit only if this `\n        + 'hierarchy genuinely belongs on one page — otherwise link to the child instead of embedding it.',\n  );\n}\n\n/** @wildo_source:part:start saas.frontend.embedded-resource-descent facet:layer:frontend facet:family:component */\nexport interface EmbeddedResourceDescentBoundaryProps {\n  /**\n   * Identity of the descent about to be taken, as `(edge, host row)`. Callers\n   * compose it — the automatic container from the relationship edge key plus the\n   * parent row id, an explicit embed from its target resource plus the record it addresses — or, for a\n   * collection or a CREATE, the scope it lists or creates into (`embeddedResourceDescentKey`).\n   */\n  descentKey: string;\n  /** Per-edge override of {@link DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH}. */\n  maxDepth?: number;\n  children: React.ReactNode;\n}\n/** @wildo_source:part:end saas.frontend.embedded-resource-descent */\n\n/**\n * Admits or refuses one level of embedded descent, and provides the incremented\n * state to whatever it admits. Refusal renders nothing.\n *\n * Deciding and providing are one component on purpose: a caller that could ask\n * \"may I?\" without also registering the descent would let the next level down\n * believe it is shallower than it is, which is the failure mode a hand-applied\n * counter always eventually has.\n */\nexport function EmbeddedResourceDescentBoundary({\n  descentKey,\n  maxDepth = DEFAULT_MAX_EMBEDDED_RESOURCE_DEPTH,\n  children,\n}: EmbeddedResourceDescentBoundaryProps): React.JSX.Element | null {\n  const parent = useEmbeddedResourceDescent();\n\n  const isCycle = parent.visited.has(descentKey);\n  const nextDepth = parent.depth + 1;\n  const exceedsDepth = nextDepth > maxDepth;\n\n  const value = useMemo<EmbeddedResourceDescentValue>(() => {\n    const visited = new Set(parent.visited);\n    visited.add(descentKey);\n    return { depth: nextDepth, visited };\n  }, [parent.visited, descentKey, nextDepth]);\n\n  if (isCycle || exceedsDepth) {\n    warnRefusal(descentKey, isCycle ? 'cycle' : 'depth', nextDepth, maxDepth);\n    return null;\n  }\n\n  return (\n    <EmbeddedResourceDescentContext.Provider value={value}>\n      {children}\n    </EmbeddedResourceDescentContext.Provider>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"RelatedResourceSections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourceSections.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,qBAAqB,EAItB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAyB,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMhG,OAAO,EAAiC,KAAK,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AAMxG;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,mHAAmH;AACnH,MAAM,WAAW,4BAA4B;IAC3C,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,gCAAgC,CAAC;IACjD,wEAAwE;IACxE,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,4BAA4B;IAC3C;;;;;;;OAOG;IACH,OAAO,EAAE,aAAa,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAC;IAC9D,yFAAyF;IACzF,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8DD,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8FzD"}
+{"version":3,"file":"RelatedResourceSections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourceSections.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,qBAAqB,EAItB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAyB,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMhG,OAAO,EAAiC,KAAK,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AAMxG;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,mHAAmH;AACnH,MAAM,WAAW,4BAA4B;IAC3C,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,gCAAgC,CAAC;IACjD,wEAAwE;IACxE,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,4BAA4B;IAC3C;;;;;;;OAOG;IACH,OAAO,EAAE,aAAa,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAC;IAC9D,yFAAyF;IACzF,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8DD,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyGzD"}

package/dist/esm/components/resources/embeds/RelatedResourceSections.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { COLLECTION_SURFACE_ATTRIBUTE } from '../../../components/resources/skeleton/DisplayLayout.js';
 import { useMemo } from 'react';
 import { CoreResourceOperation, Resources_SharedUtils, getChildDirectionRelationships, } from '@wildo-ai/saas-models';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
@@ -127,8 +128,19 @@ export function RelatedResourceSections({ targets, config, className, }) {
         // surface must not stack its own page chrome underneath it.
         _jsx(SectionHostHeadingContext.Provider, { value: true, children: _jsx(EmbedRelatedResourceOperation, { resourceType: target.resourceType, operationLike: target.operationLike ?? CoreResourceOperation.LIST, relationshipFieldOverrides: target.viaForeignKey }) })),
     })), [embeddable, tResourceHeader]);
-    if (!isReady || sections.length === 0)
+    if (sections.length === 0)
         return null;
-    return _jsx(ContentSectionContainer, { sections: sections, config: config, className: className });
+    /*
+     * A block of related COLLECTIONS is a collection surface itself, so a record body holding it takes the page's width
+     * (`DisplayLayout`'s derived width). Marked here rather than only inside each list: from the first paint (the lists
+     * render once their labels load), and whichever tab is open, so switching to a tab that holds no list cannot flip
+     * the width of the page around it.
+     */
+    const holdsCollection = embeddable.some((target) => {
+        const operationLike = target.operationLike ?? CoreResourceOperation.LIST;
+        return operationLike === CoreResourceOperation.LIST || operationLike === CoreResourceOperation.SEARCH;
+    });
+    const container = isReady ? _jsx(ContentSectionContainer, { sections: sections, config: config, className: className }) : null;
+    return holdsCollection ? _jsx("div", { [COLLECTION_SURFACE_ATTRIBUTE]: true, children: container }) : container;
 }
 //# sourceMappingURL=RelatedResourceSections.js.map

package/dist/esm/components/resources/embeds/RelatedResourceSections.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelatedResourceSections.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourceSections.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\n\nimport {\n  CoreResourceOperation,\n  Resources_SharedUtils,\n  getChildDirectionRelationships,\n  type ResourceConfiguration_ResourceRelationships,\n} from '@wildo-ai/saas-models';\nimport { FrontendComponentType, type SectionConfig } from '@wildo-ai/presets-components-models';\n\nimport { ContentSectionContainer } from '~wildo-frontend-lib/components/sections/ContentSectionContainer';\nimport { resolveResourceHeaderLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { SectionHostHeadingContext } from '~wildo-frontend-lib/components/resources/skeleton/SectionHostHeadingContext';\nimport { EmbedRelatedResourceOperation, type EmbedRelatedResourceEdgeSelector } from './ResourceEmbeds';\nimport { useClaimChildComposition } from './ComposedChildrenRegistry';\nimport { useOptionalCompositeResourceContext } from './useEmbeddedResourceContext';\nimport { useOptionalDisplayTemplateContext } from '~wildo-frontend-lib/components/data-display/DisplayTemplateContext';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\n/**\n * The standard child block — scoped to the children a view actually wants.\n *\n * ## Why this exists rather than \"compose it yourself\"\n *\n * Placing children in a template must not be harder than letting them compose\n * automatically, or authors will keep the automatic mode and the configuration\n * axis it needed. Doing it by hand means wiring `ContentSectionContainer`,\n * resolving each child's title through i18n, and threading the heading context —\n * three chances to get it subtly wrong, per surface.\n *\n * Worse, hand-wiring invites NAMED `<Section>`s, and a named section is a\n * THREE-PLACE obligation: the JSX name, the hand-authored `layout.refs.sections`\n * manifest, and a documented slot with `textSlots` in the resource specification.\n * Miss the third and `validateStructuralSlotDescriptions` THROWS at ESM import,\n * crash-looping the companion. This component takes each section's title from the\n * CHILD RESOURCE's own header label — the same source automatic composition uses\n * — so placing children adds no refs entry, no spec slot, and no new i18n key.\n *\n * ## What it means for composition ownership\n *\n * It renders through `EmbedRelatedResourceOperation`, so it registers placement:\n * a template using it owns the child region and the automatic block stands down.\n * That is the point — \"these children, in this order\" replaces \"all owned\n * children, minus a per-edge suppression flag on each one you did not want\".\n */\n/** @wildo_source:part:start saas.frontend.related-resource-sections facet:layer:frontend facet:family:component */\nexport interface RelatedResourceSectionTarget {\n  /** Child resource type. */\n  resourceType: string;\n  /** Disambiguates WHICH edge when the host has several to this target. */\n  viaForeignKey?: EmbedRelatedResourceEdgeSelector;\n  /** Defaults to LIST — the collection case. Use READ for a 1:1 child. */\n  operationLike?: CoreResourceOperation;\n}\n\nexport interface RelatedResourceSectionsProps {\n  /**\n   * Children to place, in render order. Order here replaces the old `orderIndex`.\n   *\n   * A target whose every edge from the host carries a relationship `discriminator` or `condition` the\n   * DISPLAYED row does not satisfy is omitted, silently, exactly as automatic composition omits it: a\n   * recurring todo's occurrences section appears only on a recurring todo. Inside a display template a\n   * constrained target waits for the row to load; with no display template there is no row to judge.\n   */\n  targets: ReadonlyArray<RelatedResourceSectionTarget | string>;\n  /** How the sections arrange — the real section vocabulary, not a serializable subset. */\n  config: SectionConfig;\n  className?: string;\n}\n/** @wildo_source:part:end saas.frontend.related-resource-sections */\n\n/**\n * Is a placed child ruled out by the HOST ROW itself — every edge from the host to it carrying a\n * relationship `discriminator` or `condition` the displayed row does not satisfy?\n *\n * The automatic composition (`ResourceLayout_ContainerNested`) has always asked this through\n * `isRelationshipActiveForParent`; a template placing the same child did not, so a discriminated\n * edge — Wonder Todos' recurring occurrences, which exist only for a RECURRING todo — rendered a tab\n * on every todo, and the backend refused its LIST for the ones it does not apply to (#1787). Same\n * predicate, same options, so the two composition paths cannot disagree about which children a row has.\n *\n * - `undefined` host row with no display template around the sections: nothing to judge, so no\n *   opinion — a composite view placing children keeps the behaviour it had.\n * - `undefined` host row INSIDE a template: the row is still loading, and a constrained edge stays out\n *   until it arrives (`onMissingParentResource: 'exclude'`), rather than flashing a tab it may retract.\n * - Conservative across edges: the child is ruled out only when EVERY edge to it is inactive. A target\n *   narrowed by `viaForeignKey` to one of several edges is not judged per edge, which would need the\n *   registry's field identifiers; no application has a discriminated edge beside a second one to the\n *   same child, and this errs toward showing rather than hiding.\n */\nfunction isPlacedChildInactiveForHostRow(params: {\n  hostResourceType: string;\n  hostRelationships: ResourceConfiguration_ResourceRelationships | undefined;\n  targetResourceType: string;\n  hostRecord: Record<string, unknown> | undefined;\n}): boolean {\n  if (!params.hostRelationships) {\n    return false;\n  }\n  const edges = getChildDirectionRelationships(params.hostRelationships).filter((relationship) => {\n    const childResourceType = relationship.resourceType1 === params.hostResourceType\n      ? relationship.resourceType2\n      : relationship.resourceType1;\n    return childResourceType === params.targetResourceType;\n  });\n  return edges.length > 0 && edges.every((relationship) => !Resources_SharedUtils.isRelationshipActiveForParent(\n    relationship,\n    params.hostRecord,\n    { onMissingParentResource: 'exclude', onConditionError: 'exclude' },\n  ));\n}\n\n/** One warning per (host, target) — a surface re-renders freely. */\nconst warnedUnembeddableTargets = new Set<string>();\n\nfunction warnUnembeddableTarget(hostResourceType: string, targetResourceType: string): void {\n  const key = `${hostResourceType}::${targetResourceType}`;\n  if (warnedUnembeddableTargets.has(key)) {\n    return;\n  }\n  warnedUnembeddableTargets.add(key);\n  LoggerFrontendService.getLogger().warn(\n    `[related-resource-sections] \"${targetResourceType}\" was placed on \"${hostResourceType}\" but cannot be `\n    + 'embedded here, so its section is omitted. The usual cause is that the target exposes no ADDRESSABLE '\n    + 'variant of the requested operation — a core verb declared REPOSITORY_ONLY or INTERNAL_CALL has no HTTP '\n    + 'surface to embed. Either give the target an addressable variant, point `operationLike` at one it does '\n    + 'expose, or stop placing it.',\n  );\n}\n\nexport function RelatedResourceSections({\n  targets,\n  config,\n  className,\n}: RelatedResourceSectionsProps): React.JSX.Element | null {\n  // Claim the region even when `targets` is empty: `targets={[]}` is how a\n  // surface says \"composes no children\", which is a different statement from a\n  // template that simply never mentioned them.\n  useClaimChildComposition();\n\n  const normalized = useMemo(\n    () => targets.map((t) => (typeof t === 'string' ? { resourceType: t } : t)),\n    [targets],\n  );\n\n  // OPTIONAL on purpose. `useEmbeddedResourceContext()` throws when there is no\n  // resource-scoped host, which would make this component a NEW crash source for\n  // any host that is not resource-scoped — the opposite of the fix. With no host\n  // there is nothing to probe a target against, so filtering is simply skipped and\n  // the embeds below fail as they always did.\n  const embeddedContext = useOptionalCompositeResourceContext();\n  const hostResourceType = embeddedContext?.hostResourceType ?? '';\n  const hostRelationships = embeddedContext?.hostResourceConfig?.resourceRelationships;\n  // The row this block sits under, when it sits inside a display template. See\n  // `isPlacedChildInactiveForHostRow` for why \"no template\" and \"still loading\" differ.\n  const displayTemplate = useOptionalDisplayTemplateContext();\n  const hostRecord = displayTemplate?.data;\n\n  // One i18n scope for the host; each section title is resolved per child below\n  // from that child's own header label, which is what keeps this free of new keys.\n  const { tResourceHeader, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n  });\n\n  // Drop targets this host cannot embed, rather than letting the first one take the\n  // whole surface down. A target being un-embeddable is a NORMAL authorable state —\n  // a resource may expose a core verb with no addressable HTTP variant (Wonder's\n  // recurring occurrences declare LIST as INTERNAL_CALL only, deliberately) — and\n  // the automatic container has always simply skipped such a child. The template\n  // path threw instead, so ONE bad target rendered an error surface in place of the\n  // entire page. Same shape as F7: one undisplayable child must not crash the parent.\n  //\n  // Skipped LOUDLY, not silently: the author named this target explicitly, so a\n  // silent drop would be the \"dark capability\" failure this migration exists to end.\n  const embeddable = useMemo(\n    () => normalized.filter((target) => {\n      if (!embeddedContext) {\n        return true;\n      }\n      // A child the host ROW rules out is omitted SILENTLY: it is a declared condition doing its job,\n      // not a misplaced target, so it earns no warning.\n      if (displayTemplate && isPlacedChildInactiveForHostRow({\n        hostResourceType,\n        hostRelationships,\n        targetResourceType: target.resourceType,\n        hostRecord,\n      })) {\n        return false;\n      }\n      const ok = embeddedContext.canBuildOperationContext({\n        resourceType: target.resourceType,\n        operationLike: target.operationLike ?? CoreResourceOperation.LIST,\n        relationshipFieldOverrides: target.viaForeignKey,\n      });\n      if (!ok) {\n        warnUnembeddableTarget(hostResourceType, target.resourceType);\n      }\n      return ok;\n    }),\n    [normalized, embeddedContext, hostResourceType, hostRelationships, displayTemplate, hostRecord],\n  );\n\n  const sections = useMemo(\n    () => embeddable.map((target) => ({\n      id: target.resourceType,\n      title: resolveResourceHeaderLabel({\n        tResourceHeader,\n        resourceType: target.resourceType,\n        key: 'title',\n      }),\n      content: (\n        // The host renders the visible heading for the region, so the embedded\n        // surface must not stack its own page chrome underneath it.\n        <SectionHostHeadingContext.Provider value={true}>\n          <EmbedRelatedResourceOperation\n            resourceType={target.resourceType}\n            operationLike={target.operationLike ?? CoreResourceOperation.LIST}\n            relationshipFieldOverrides={target.viaForeignKey}\n          />\n        </SectionHostHeadingContext.Provider>\n      ),\n    })),\n    [embeddable, tResourceHeader],\n  );\n\n  if (!isReady || sections.length === 0) return null;\n\n  return <ContentSectionContainer sections={sections} config={config} className={className} />;\n}\n"]}
+{"version":3,"file":"RelatedResourceSections.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourceSections.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { COLLECTION_SURFACE_ATTRIBUTE } from '~wildo-frontend-lib/components/resources/skeleton/DisplayLayout';\nimport React, { useMemo } from 'react';\n\nimport {\n  CoreResourceOperation,\n  Resources_SharedUtils,\n  getChildDirectionRelationships,\n  type ResourceConfiguration_ResourceRelationships,\n} from '@wildo-ai/saas-models';\nimport { FrontendComponentType, type SectionConfig } from '@wildo-ai/presets-components-models';\n\nimport { ContentSectionContainer } from '~wildo-frontend-lib/components/sections/ContentSectionContainer';\nimport { resolveResourceHeaderLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { SectionHostHeadingContext } from '~wildo-frontend-lib/components/resources/skeleton/SectionHostHeadingContext';\nimport { EmbedRelatedResourceOperation, type EmbedRelatedResourceEdgeSelector } from './ResourceEmbeds';\nimport { useClaimChildComposition } from './ComposedChildrenRegistry';\nimport { useOptionalCompositeResourceContext } from './useEmbeddedResourceContext';\nimport { useOptionalDisplayTemplateContext } from '~wildo-frontend-lib/components/data-display/DisplayTemplateContext';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\n/**\n * The standard child block — scoped to the children a view actually wants.\n *\n * ## Why this exists rather than \"compose it yourself\"\n *\n * Placing children in a template must not be harder than letting them compose\n * automatically, or authors will keep the automatic mode and the configuration\n * axis it needed. Doing it by hand means wiring `ContentSectionContainer`,\n * resolving each child's title through i18n, and threading the heading context —\n * three chances to get it subtly wrong, per surface.\n *\n * Worse, hand-wiring invites NAMED `<Section>`s, and a named section is a\n * THREE-PLACE obligation: the JSX name, the hand-authored `layout.refs.sections`\n * manifest, and a documented slot with `textSlots` in the resource specification.\n * Miss the third and `validateStructuralSlotDescriptions` THROWS at ESM import,\n * crash-looping the companion. This component takes each section's title from the\n * CHILD RESOURCE's own header label — the same source automatic composition uses\n * — so placing children adds no refs entry, no spec slot, and no new i18n key.\n *\n * ## What it means for composition ownership\n *\n * It renders through `EmbedRelatedResourceOperation`, so it registers placement:\n * a template using it owns the child region and the automatic block stands down.\n * That is the point — \"these children, in this order\" replaces \"all owned\n * children, minus a per-edge suppression flag on each one you did not want\".\n */\n/** @wildo_source:part:start saas.frontend.related-resource-sections facet:layer:frontend facet:family:component */\nexport interface RelatedResourceSectionTarget {\n  /** Child resource type. */\n  resourceType: string;\n  /** Disambiguates WHICH edge when the host has several to this target. */\n  viaForeignKey?: EmbedRelatedResourceEdgeSelector;\n  /** Defaults to LIST — the collection case. Use READ for a 1:1 child. */\n  operationLike?: CoreResourceOperation;\n}\n\nexport interface RelatedResourceSectionsProps {\n  /**\n   * Children to place, in render order. Order here replaces the old `orderIndex`.\n   *\n   * A target whose every edge from the host carries a relationship `discriminator` or `condition` the\n   * DISPLAYED row does not satisfy is omitted, silently, exactly as automatic composition omits it: a\n   * recurring todo's occurrences section appears only on a recurring todo. Inside a display template a\n   * constrained target waits for the row to load; with no display template there is no row to judge.\n   */\n  targets: ReadonlyArray<RelatedResourceSectionTarget | string>;\n  /** How the sections arrange — the real section vocabulary, not a serializable subset. */\n  config: SectionConfig;\n  className?: string;\n}\n/** @wildo_source:part:end saas.frontend.related-resource-sections */\n\n/**\n * Is a placed child ruled out by the HOST ROW itself — every edge from the host to it carrying a\n * relationship `discriminator` or `condition` the displayed row does not satisfy?\n *\n * The automatic composition (`ResourceLayout_ContainerNested`) has always asked this through\n * `isRelationshipActiveForParent`; a template placing the same child did not, so a discriminated\n * edge — Wonder Todos' recurring occurrences, which exist only for a RECURRING todo — rendered a tab\n * on every todo, and the backend refused its LIST for the ones it does not apply to (#1787). Same\n * predicate, same options, so the two composition paths cannot disagree about which children a row has.\n *\n * - `undefined` host row with no display template around the sections: nothing to judge, so no\n *   opinion — a composite view placing children keeps the behaviour it had.\n * - `undefined` host row INSIDE a template: the row is still loading, and a constrained edge stays out\n *   until it arrives (`onMissingParentResource: 'exclude'`), rather than flashing a tab it may retract.\n * - Conservative across edges: the child is ruled out only when EVERY edge to it is inactive. A target\n *   narrowed by `viaForeignKey` to one of several edges is not judged per edge, which would need the\n *   registry's field identifiers; no application has a discriminated edge beside a second one to the\n *   same child, and this errs toward showing rather than hiding.\n */\nfunction isPlacedChildInactiveForHostRow(params: {\n  hostResourceType: string;\n  hostRelationships: ResourceConfiguration_ResourceRelationships | undefined;\n  targetResourceType: string;\n  hostRecord: Record<string, unknown> | undefined;\n}): boolean {\n  if (!params.hostRelationships) {\n    return false;\n  }\n  const edges = getChildDirectionRelationships(params.hostRelationships).filter((relationship) => {\n    const childResourceType = relationship.resourceType1 === params.hostResourceType\n      ? relationship.resourceType2\n      : relationship.resourceType1;\n    return childResourceType === params.targetResourceType;\n  });\n  return edges.length > 0 && edges.every((relationship) => !Resources_SharedUtils.isRelationshipActiveForParent(\n    relationship,\n    params.hostRecord,\n    { onMissingParentResource: 'exclude', onConditionError: 'exclude' },\n  ));\n}\n\n/** One warning per (host, target) — a surface re-renders freely. */\nconst warnedUnembeddableTargets = new Set<string>();\n\nfunction warnUnembeddableTarget(hostResourceType: string, targetResourceType: string): void {\n  const key = `${hostResourceType}::${targetResourceType}`;\n  if (warnedUnembeddableTargets.has(key)) {\n    return;\n  }\n  warnedUnembeddableTargets.add(key);\n  LoggerFrontendService.getLogger().warn(\n    `[related-resource-sections] \"${targetResourceType}\" was placed on \"${hostResourceType}\" but cannot be `\n    + 'embedded here, so its section is omitted. The usual cause is that the target exposes no ADDRESSABLE '\n    + 'variant of the requested operation — a core verb declared REPOSITORY_ONLY or INTERNAL_CALL has no HTTP '\n    + 'surface to embed. Either give the target an addressable variant, point `operationLike` at one it does '\n    + 'expose, or stop placing it.',\n  );\n}\n\nexport function RelatedResourceSections({\n  targets,\n  config,\n  className,\n}: RelatedResourceSectionsProps): React.JSX.Element | null {\n  // Claim the region even when `targets` is empty: `targets={[]}` is how a\n  // surface says \"composes no children\", which is a different statement from a\n  // template that simply never mentioned them.\n  useClaimChildComposition();\n\n  const normalized = useMemo(\n    () => targets.map((t) => (typeof t === 'string' ? { resourceType: t } : t)),\n    [targets],\n  );\n\n  // OPTIONAL on purpose. `useEmbeddedResourceContext()` throws when there is no\n  // resource-scoped host, which would make this component a NEW crash source for\n  // any host that is not resource-scoped — the opposite of the fix. With no host\n  // there is nothing to probe a target against, so filtering is simply skipped and\n  // the embeds below fail as they always did.\n  const embeddedContext = useOptionalCompositeResourceContext();\n  const hostResourceType = embeddedContext?.hostResourceType ?? '';\n  const hostRelationships = embeddedContext?.hostResourceConfig?.resourceRelationships;\n  // The row this block sits under, when it sits inside a display template. See\n  // `isPlacedChildInactiveForHostRow` for why \"no template\" and \"still loading\" differ.\n  const displayTemplate = useOptionalDisplayTemplateContext();\n  const hostRecord = displayTemplate?.data;\n\n  // One i18n scope for the host; each section title is resolved per child below\n  // from that child's own header label, which is what keeps this free of new keys.\n  const { tResourceHeader, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n  });\n\n  // Drop targets this host cannot embed, rather than letting the first one take the\n  // whole surface down. A target being un-embeddable is a NORMAL authorable state —\n  // a resource may expose a core verb with no addressable HTTP variant (Wonder's\n  // recurring occurrences declare LIST as INTERNAL_CALL only, deliberately) — and\n  // the automatic container has always simply skipped such a child. The template\n  // path threw instead, so ONE bad target rendered an error surface in place of the\n  // entire page. Same shape as F7: one undisplayable child must not crash the parent.\n  //\n  // Skipped LOUDLY, not silently: the author named this target explicitly, so a\n  // silent drop would be the \"dark capability\" failure this migration exists to end.\n  const embeddable = useMemo(\n    () => normalized.filter((target) => {\n      if (!embeddedContext) {\n        return true;\n      }\n      // A child the host ROW rules out is omitted SILENTLY: it is a declared condition doing its job,\n      // not a misplaced target, so it earns no warning.\n      if (displayTemplate && isPlacedChildInactiveForHostRow({\n        hostResourceType,\n        hostRelationships,\n        targetResourceType: target.resourceType,\n        hostRecord,\n      })) {\n        return false;\n      }\n      const ok = embeddedContext.canBuildOperationContext({\n        resourceType: target.resourceType,\n        operationLike: target.operationLike ?? CoreResourceOperation.LIST,\n        relationshipFieldOverrides: target.viaForeignKey,\n      });\n      if (!ok) {\n        warnUnembeddableTarget(hostResourceType, target.resourceType);\n      }\n      return ok;\n    }),\n    [normalized, embeddedContext, hostResourceType, hostRelationships, displayTemplate, hostRecord],\n  );\n\n  const sections = useMemo(\n    () => embeddable.map((target) => ({\n      id: target.resourceType,\n      title: resolveResourceHeaderLabel({\n        tResourceHeader,\n        resourceType: target.resourceType,\n        key: 'title',\n      }),\n      content: (\n        // The host renders the visible heading for the region, so the embedded\n        // surface must not stack its own page chrome underneath it.\n        <SectionHostHeadingContext.Provider value={true}>\n          <EmbedRelatedResourceOperation\n            resourceType={target.resourceType}\n            operationLike={target.operationLike ?? CoreResourceOperation.LIST}\n            relationshipFieldOverrides={target.viaForeignKey}\n          />\n        </SectionHostHeadingContext.Provider>\n      ),\n    })),\n    [embeddable, tResourceHeader],\n  );\n\n  if (sections.length === 0) return null;\n\n  /*\n   * A block of related COLLECTIONS is a collection surface itself, so a record body holding it takes the page's width\n   * (`DisplayLayout`'s derived width). Marked here rather than only inside each list: from the first paint (the lists\n   * render once their labels load), and whichever tab is open, so switching to a tab that holds no list cannot flip\n   * the width of the page around it.\n   */\n  const holdsCollection = embeddable.some((target) => {\n    const operationLike = target.operationLike ?? CoreResourceOperation.LIST;\n    return operationLike === CoreResourceOperation.LIST || operationLike === CoreResourceOperation.SEARCH;\n  });\n  const container = isReady ? <ContentSectionContainer sections={sections} config={config} className={className} /> : null;\n  return holdsCollection ? <div {...{ [COLLECTION_SURFACE_ATTRIBUTE]: true }}>{container}</div> : container;\n}\n"]}

package/dist/esm/components/resources/embeds/ResourceEmbeds.d.ts

@@ -42,6 +42,17 @@ export interface EmbedExecutionProps extends EmbeddedSurfaceProps {
     contextResourceIdentifiers?: Record<string, string>;
 }
 export declare function EmbedExecution({ viewRef, contextResourceIdentifiers, className, }: EmbedExecutionProps): React.JSX.Element;
+/**
+ * The identity of one embedded descent: the target resource and the ROW it is about — the record an operation
+ * addresses (`getAddressedRecordId`), or, for a collection or a CREATE, the scope it lists or creates into.
+ *
+ * It used to read the type slot whatever the operation. A collection's type slot holds at most ambient scope, so
+ * a host-own LIST embedded in that host's READ (composite → READ t-1 → LIST of tasks) took the READ's own key and
+ * was refused as a CYCLE, rendering nothing (round-17 review). Keying every collection as "no row" instead would
+ * make two lists of different scopes collide, so the collection's scope is its row: its identifiers without the
+ * own-type slot, which on a collection is ambient.
+ */
+export declare function embeddedResourceDescentKey(resourceContext: FrontendResourceOperationContext): string;
 export interface EmbedResourceOperationProps {
     resourceContext: FrontendResourceOperationContext;
     className?: string;
@@ -109,7 +120,56 @@ export interface EmbedLinkedConversationsProps {
  * </ResourceLayoutPreset_Read_Default>
  */
 export declare function EmbedLinkedConversations({ className }: EmbedLinkedConversationsProps): React.JSX.Element;
-/** @wildo_source:part:end saas.frontend.linked-conversations-embed */
+export interface EmbedExecutionDecisionsProps {
+    /**
+     * The run's `executionId`, its business id. Not the row's `_id`: a decision records the run it paused by the id the
+     * runtime knows it by (`executionRef`), which is the business one.
+     */
+    executionId: string;
+    className?: string;
+}
+/**
+ * The decisions a conversational run raised and how each was answered (#2528): who decided, what they decided, what
+ * they changed and why — the scope's agent-work decisions LIST, pinned to this run through `pinnedFilters`, so the
+ * reader cannot widen it to another run, and it shows only what their roles may read (the scope's administrator).
+ *
+ * Place it on the READ surface of a `flowActorExecutions` variant; the decisions store follows the run's variant.
+ */
+export declare function EmbedExecutionDecisions({ executionId, className }: EmbedExecutionDecisionsProps): React.JSX.Element;
+/**
+ * May this viewer run the LIST of `resourceType` from the host record (#2589)? The roles the LIST declares, asked the way
+ * the shell asks of any operation it offers (`viewerMayPerformOperation`). For a host that draws a titled section around
+ * an embed: a section whose list the viewer may not read is not drawn at all, rather than as an empty heading or an
+ * error. Presentation only: the backend still decides every request.
+ */
+export declare function useViewerMayListRelatedResource(resourceType: string): boolean;
+export interface EmbedRepresentationTeamProps {
+    /** The client relationship's id, as the representing organization holds it: the `organizationRepresentations` row. */
+    organizationRepresentationId: string;
+    className?: string;
+}
+/**
+ * The team serving one client relationship (#2589): the `representativeAssignments` LIST, pinned to that relationship
+ * through `pinnedFilters`, with its assign and unassign verbs. Assigning from here names the relationship by itself: the
+ * embed's context carries the host relationship, and the assign form fills `organizationRepresentationId` from it
+ * (`resolveSemanticContextFieldValues`, pinned against the real configuration by
+ * `representation-team-assign-prefill.test.ts`); its member picker searches the organization's own members. Shown to the organization's administrators only, the roles the LIST admits; a member
+ * reading the client does not see the team.
+ */
+export declare function EmbedRepresentationTeam({ organizationRepresentationId, className }: EmbedRepresentationTeamProps): React.JSX.Element | null;
+export interface EmbedRepresentationMailboxesProps {
+    /**
+     * The relationship's id, as the representation mirrors it (`organizationRelationshipId`): a mailbox names the
+     * relationship, not the representing organization's row of it.
+     */
+    organizationRelationshipId: string;
+    className?: string;
+}
+/**
+ * The mailboxes of one client relationship (#2589): the `relationshipMailboxes` LIST, pinned to that relationship
+ * through `pinnedFilters`. Shown to a viewer the LIST admits.
+ */
+export declare function EmbedRepresentationMailboxes({ organizationRelationshipId, className }: EmbedRepresentationMailboxesProps): React.JSX.Element | null;
 export interface EmbedRelatedResourceSearchProps extends EmbedRelatedResourceListProps {
 }
 /**