@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

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

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+const EmbeddedResourceHostContext = createContext(null);
+export function EmbeddedResourceHostProvider({ hostResourceType, contextResourceIdentifiers, navigationZone, navigationInitiator, children, }) {
+    /**
+     * IDENTITY-STABLE value. Without the memo every embedded surface under this
+     * provider receives a fresh object each render and rebuilds its
+     * `resourceContext` from it — which clones resource configs (the measured
+     * 603-config heap churn) and re-fires every effect keyed on that identity.
+     * Callers must keep `contextResourceIdentifiers` stable upstream for this to
+     * hold; `CompositeView` already memoizes its own.
+     */
+    const value = useMemo(() => ({ hostResourceType, contextResourceIdentifiers, navigationZone, navigationInitiator }), [hostResourceType, contextResourceIdentifiers, navigationZone, navigationInitiator]);
+    return (_jsx(EmbeddedResourceHostContext.Provider, { value: value, children: children }));
+}
+/**
+ * Throws when no host provides the context. The message names BOTH hosts on
+ * purpose: the previous error said only "must be used within a
+ * CompositeViewProvider", which sent anyone embedding from a resource layout
+ * looking for a composite view they neither have nor need.
+ */
+export function useEmbeddedResourceHostContext() {
+    const context = useContext(EmbeddedResourceHostContext);
+    if (!context) {
+        throw new Error('useEmbeddedResourceHostContext must be used inside a host that provides an embedded-resource context — '
+            + 'a composite view (CompositeViewProvider) or a resource layout surface (EmbeddedResourceHostProvider).');
+    }
+    return context;
+}
+export function useOptionalEmbeddedResourceHostContext() {
+    return useContext(EmbeddedResourceHostContext);
+}
+//# sourceMappingURL=EmbeddedResourceHostContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedResourceHostContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/EmbeddedResourceHostContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAqDlE,MAAM,2BAA2B,GAAG,aAAa,CAA0C,IAAI,CAAC,CAAC;AAMjG,MAAM,UAAU,4BAA4B,CAAC,EAC3C,gBAAgB,EAChB,0BAA0B,EAC1B,cAAc,EACd,mBAAmB,EACnB,QAAQ,GAC0B;IAClC;;;;;;;OAOG;IACH,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC,EAC7F,CAAC,gBAAgB,EAAE,0BAA0B,EAAE,cAAc,EAAE,mBAAmB,CAAC,CACpF,CAAC;IAEF,OAAO,CACL,KAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC/C,QAAQ,GAC4B,CACxC,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,8BAA8B;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACxD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,yGAAyG;cACvG,uGAAuG,CAC1G,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,sCAAsC;IACpD,OAAO,UAAU,CAAC,2BAA2B,CAAC,CAAC;AACjD,CAAC","sourcesContent":["'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport type { NavigationInitiatorContext, NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\n\n/**\n * The context an EMBEDDED resource surface needs from whatever is hosting it.\n *\n * This is deliberately host-NEUTRAL. Two different kinds of host provide it:\n *\n * - a **composite view**, through `CompositeViewProvider`, which layers its own\n *   composite-only concerns (`viewDefinition`, `breakpoint`) on top; and\n * - a **resource layout** — a READ/custom operation surface whose authored\n *   template places a child directly.\n *\n * ## Why it exists\n *\n * The embed family (`EmbedRelatedResourceOperation` and its siblings) resolves\n * everything it needs from the resource REGISTRY: nothing in its operation\n * resolution, addressability or context derivation is composite-specific. Only\n * its PLUMBING was — it read `useCompositeViewContext()`, which throws outside a\n * `CompositeViewProvider`, and `CompositeViewContextValue` mandates a\n * `viewDefinition` that a resource layout does not have and must not fabricate.\n *\n * Splitting that plumbing out is what lets one embed family serve composite\n * views, custom operation hosts and resource layout templates alike, instead of\n * a second family growing up beside it for the resource plane.\n *\n * ## What belongs here, and what does not\n *\n * Only facts about the HOST RECORD and the navigation the embed inherits.\n * `viewDefinition` and `breakpoint` stay on the composite context because they\n * describe a composite view, not a host record — a resource layout has neither.\n *\n * Note `parentResourcesRequirements` is deliberately absent: it is DERIVED from\n * `hostResourceType` + `contextResourceIdentifiers` against the registry, and\n * carrying it as well would create a second, drifting authority for the same fact.\n */\nexport interface EmbeddedResourceHostContextValue {\n  /**\n   * Resource type of the record the embed hangs off. Optional because a host may\n   * legitimately be app-scoped rather than resource-scoped; the embed's own\n   * `buildOperationContext` fails closed when it is absent, which is correct —\n   * a related-resource embed is meaningless without a host record.\n   */\n  hostResourceType?: string;\n  /** Context identifiers of the host record and its ancestors, keyed by resource type. */\n  contextResourceIdentifiers?: Record<string, string>;\n  /** Navigation zone the embedded surface inherits from its host. */\n  navigationZone: NavigationZone;\n  /** Initiator carried into navigations the embedded surface starts. */\n  navigationInitiator?: NavigationInitiatorContext;\n}\n\nconst EmbeddedResourceHostContext = createContext<EmbeddedResourceHostContextValue | null>(null);\n\nexport interface EmbeddedResourceHostProviderProps extends EmbeddedResourceHostContextValue {\n  children: React.ReactNode;\n}\n\nexport function EmbeddedResourceHostProvider({\n  hostResourceType,\n  contextResourceIdentifiers,\n  navigationZone,\n  navigationInitiator,\n  children,\n}: EmbeddedResourceHostProviderProps): React.JSX.Element {\n  /**\n   * IDENTITY-STABLE value. Without the memo every embedded surface under this\n   * provider receives a fresh object each render and rebuilds its\n   * `resourceContext` from it — which clones resource configs (the measured\n   * 603-config heap churn) and re-fires every effect keyed on that identity.\n   * Callers must keep `contextResourceIdentifiers` stable upstream for this to\n   * hold; `CompositeView` already memoizes its own.\n   */\n  const value = useMemo<EmbeddedResourceHostContextValue>(\n    () => ({ hostResourceType, contextResourceIdentifiers, navigationZone, navigationInitiator }),\n    [hostResourceType, contextResourceIdentifiers, navigationZone, navigationInitiator],\n  );\n\n  return (\n    <EmbeddedResourceHostContext.Provider value={value}>\n      {children}\n    </EmbeddedResourceHostContext.Provider>\n  );\n}\n\n/**\n * Throws when no host provides the context. The message names BOTH hosts on\n * purpose: the previous error said only \"must be used within a\n * CompositeViewProvider\", which sent anyone embedding from a resource layout\n * looking for a composite view they neither have nor need.\n */\nexport function useEmbeddedResourceHostContext(): EmbeddedResourceHostContextValue {\n  const context = useContext(EmbeddedResourceHostContext);\n  if (!context) {\n    throw new Error(\n      'useEmbeddedResourceHostContext must be used inside a host that provides an embedded-resource context — '\n      + 'a composite view (CompositeViewProvider) or a resource layout surface (EmbeddedResourceHostProvider).',\n    );\n  }\n  return context;\n}\n\nexport function useOptionalEmbeddedResourceHostContext(): EmbeddedResourceHostContextValue | null {\n  return useContext(EmbeddedResourceHostContext);\n}\n"]}

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

@@ -0,0 +1,79 @@
+/**
+ * A compact PREVIEW of a related collection — a few rows plus a "view all" link,
+ * instead of the full list surface with its toolbar, filters and pagination.
+ *
+ * ## Why this is its own component rather than a mode on the embed
+ *
+ * A preview and an embedded LIST are different things: one summarises, the other
+ * is the collection. Folding them into one component behind a `limit` prop is how
+ * the configuration surface this migration removes got started — a single knob
+ * that quietly changes what a thing IS rather than how it looks.
+ *
+ * ## It was unreachable before this
+ *
+ * The behaviour below is moved verbatim out of the automatic children container,
+ * where it was selected by an `inParentView.inlineLimit` config key that NOTHING
+ * in the repository authored — measured 2026-08-20, zero occurrences across the
+ * engine presets and every example app, while a sibling key in the same files was
+ * authored four times. So this is a second dark capability in the same component
+ * as the one that motivated this workstream: real, working, and reachable by no
+ * one. Exposing it as a component a template can place is what makes it usable.
+ */
+import React from 'react';
+import { frontendResourceUtils } from '../../../core/resources/frontend-resource.utils';
+import { type EmbedRelatedResourceEdgeSelector } from './ResourceEmbeds';
+export interface RelatedResourcePreviewSurfaceProps {
+    /** Resolved child context (target resource + parent-scoped identifiers). */
+    childContext: ReturnType<typeof frontendResourceUtils.deriveChildResourceContext>;
+    /** Rows to show. `0` renders only the "view all" affordance. */
+    inlineLimit: number;
+    /** Whether to offer the "view all" link when more rows exist. */
+    showViewAllLink: boolean;
+    /** Child resource type, used to compute each row's display label. */
+    childResourceType: string;
+    /** Invoked when the reader asks for the full collection. */
+    onViewAll: () => void;
+}
+/**
+ * Lightweight inline preview for 1:N / N:N children when `inlineLimit` is set.
+ *
+ * Fetches `limit` items via the child's LIST operation, renders them as a
+ * compact vertical list of resource display names, and optionally shows a
+ * "View all (N total)" link that navigates to the full list.
+ *
+ * This avoids mounting the full `ResourceLayout_List` (with search, sort,
+ * filter, pagination) when the relationship is configured for a quick preview.
+ */
+export declare function RelatedResourcePreviewSurface({ childContext, inlineLimit, showViewAllLink, childResourceType, onViewAll, }: RelatedResourcePreviewSurfaceProps): React.JSX.Element | null;
+/** @wildo_source:part:start saas.frontend.related-resource-preview facet:layer:frontend facet:family:component */
+export interface RelatedResourcePreviewProps {
+    /** Child resource type to preview. */
+    resourceType: string;
+    /** Rows to show. `0` renders only the "view all" affordance. */
+    limit: number;
+    /** Offer a "view all" link when more rows exist. Defaults to `true`. */
+    showViewAllLink?: boolean;
+    /** Disambiguates WHICH edge when the host has several to this target. */
+    viaForeignKey?: EmbedRelatedResourceEdgeSelector;
+    className?: string;
+}
+/** @wildo_source:part:end saas.frontend.related-resource-preview */
+/**
+ * Template-facing preview: a few rows of a related collection plus a "view all".
+ *
+ * ## Why this wrapper has to exist
+ *
+ * The preview behaviour was previously reachable ONLY through the automatic
+ * container, selected by an `inParentView.inlineLimit` key that nothing in the
+ * repository ever authored — one of the two dark capabilities that motivated this
+ * whole migration. Deleting that config without giving the preview a door a
+ * template can open would make it dark a THIRD time, this time by our own hand.
+ *
+ * It derives the child context from the HOST, exactly as the operation embed does,
+ * so an author never passes an id — the record DTO exposes `_id`, never the
+ * context key, so an id-taking API would be unusable from a display template.
+ *
+ * It registers placement, so using it makes the template own the child region.
+ */
+export declare function RelatedResourcePreview({ resourceType, limit, showViewAllLink, viaForeignKey, className, }: RelatedResourcePreviewProps): React.JSX.Element | null;
+//# sourceMappingURL=RelatedResourcePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedResourcePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourcePreview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,EAAE,qBAAqB,EAAyB,MAAM,4DAA4D,CAAC;AAa1H,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,kCAAkC;IACjD,4EAA4E;IAC5E,YAAY,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;IAClF,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,eAAe,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,YAAY,EACZ,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,SAAS,GACV,EAAE,kCAAkC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwK/D;AAED,kHAAkH;AAClH,MAAM,WAAW,2BAA2B;IAC1C,sCAAsC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,aAAa,CAAC,EAAE,gCAAgC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,oEAAoE;AAEpE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EACZ,KAAK,EACL,eAAsB,EACtB,aAAa,EACb,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwCxD"}

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

@@ -0,0 +1,216 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A compact PREVIEW of a related collection — a few rows plus a "view all" link,
+ * instead of the full list surface with its toolbar, filters and pagination.
+ *
+ * ## Why this is its own component rather than a mode on the embed
+ *
+ * A preview and an embedded LIST are different things: one summarises, the other
+ * is the collection. Folding them into one component behind a `limit` prop is how
+ * the configuration surface this migration removes got started — a single knob
+ * that quietly changes what a thing IS rather than how it looks.
+ *
+ * ## It was unreachable before this
+ *
+ * The behaviour below is moved verbatim out of the automatic children container,
+ * where it was selected by an `inParentView.inlineLimit` config key that NOTHING
+ * in the repository authored — measured 2026-08-20, zero occurrences across the
+ * engine presets and every example app, while a sibling key in the same files was
+ * authored four times. So this is a second dark capability in the same component
+ * as the one that motivated this workstream: real, working, and reachable by no
+ * one. Exposing it as a component a template can place is what makes it usable.
+ */
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { CoreResourceOperation, ResourcesConfig_OperationPathUtils } from '@wildo-ai/saas-models';
+import { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
+import { LoadingSpinner } from '../../../components/feedback/loading-spinner.js';
+import { resolveComponentLabel } from '../../../core/i18n/component-label-resolution.utils.js';
+import { useI18n } from '../../../core/i18n/useI18n.js';
+import { FrontendResourceUtils } from '../../../core/resources/frontend-resource.utils.js';
+import { pickPreferredOperationForCoreSemantic, resolveEffectiveCoreOperationFromOperation, } from '../../../core/resources/operation-semantics.frontend.utils.js';
+import { useResourceRegistry } from '../../../core/resources/useResourceRegistry.js';
+import { isListOperationAddressableForChildContext } from './child-operation-addressability.utils.js';
+import { CoreResourceOperation as CoreOp } from '@wildo-ai/saas-models';
+import { useNavigationController } from '../../../core/navigation/useNavigationController.js';
+import { NavigationContentType } from '../../../core/navigation/navigation.schemas.js';
+import { useEmbeddedResourceHostContext } from './EmbeddedResourceHostContext.js';
+import { useEmbeddedResourceContext } from './useEmbeddedResourceContext.js';
+import { useRegisterComposedChild } from './ComposedChildrenRegistry.js';
+/**
+ * Lightweight inline preview for 1:N / N:N children when `inlineLimit` is set.
+ *
+ * Fetches `limit` items via the child's LIST operation, renders them as a
+ * compact vertical list of resource display names, and optionally shows a
+ * "View all (N total)" link that navigates to the full list.
+ *
+ * This avoids mounting the full `ResourceLayout_List` (with search, sort,
+ * filter, pagination) when the relationship is configured for a quick preview.
+ */
+export function RelatedResourcePreviewSurface({ childContext, inlineLimit, showViewAllLink, childResourceType, onViewAll, }) {
+    const { registry, doOperation } = useResourceRegistry();
+    const { tComponent, isReady } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,
+        resource: childContext.resourceType,
+    });
+    const [items, setItems] = useState([]);
+    const [totalCount, setTotalCount] = useState(0);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const doOperationRef = useRef(doOperation);
+    doOperationRef.current = doOperation;
+    const limit = inlineLimit;
+    // Stable key for the child context — prevents re-fetches when the parent
+    // re-renders and `deriveChildResourceContext` returns a new object ref
+    // with identical content.
+    const contextIdKey = useMemo(() => FrontendResourceUtils.buildContextResourceIdentifiersKey(childContext.contextResourceIdentifiers), [childContext.contextResourceIdentifiers]);
+    useEffect(() => {
+        // inlineLimit: 0 means "show no items, just the View All link"
+        if (limit === 0) {
+            setIsLoading(false);
+            return;
+        }
+        let cancelled = false;
+        const fetchPreview = async () => {
+            setIsLoading(true);
+            setError(null);
+            const childConfig = registry.resourceConfigurations[childResourceType];
+            const contextualParameters = FrontendResourceUtils.buildContextualParameters(childContext.contextResourceIdentifiers, registry);
+            const listOperation = childContext.operation
+                && resolveEffectiveCoreOperationFromOperation(childContext.operation) === CoreResourceOperation.LIST
+                ? childContext.operation
+                : childConfig
+                    ? pickPreferredOperationForCoreSemantic((childConfig.operations ?? []).filter((candidate) => isListOperationAddressableForChildContext(candidate, childContext, contextualParameters)), CoreResourceOperation.LIST)
+                    : undefined;
+            if (!listOperation) {
+                setIsLoading(false);
+                return;
+            }
+            const operationPathKey = ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(listOperation);
+            try {
+                const result = await doOperationRef.current(operationPathKey, {
+                    contextualParameters,
+                    queryParameters: { page: 1, limit },
+                    parentResourcesRequirements: childContext.parentResourcesRequirements,
+                });
+                if (cancelled)
+                    return;
+                if (result && typeof result === 'object' && 'data' in result && 'pagination' in result) {
+                    const paginated = result;
+                    setItems(paginated.data);
+                    setTotalCount(paginated.pagination.total);
+                }
+                else if (Array.isArray(result)) {
+                    setItems(result);
+                    setTotalCount(result.length);
+                }
+            }
+            catch {
+                if (!cancelled)
+                    setError('Failed to load preview');
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoading(false);
+            }
+        };
+        fetchPreview();
+        return () => { cancelled = true; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [childResourceType, limit, registry, contextIdKey]);
+    if (isLoading) {
+        return (_jsx("div", { className: "flex items-center justify-center py-card-sm", children: _jsx(LoadingSpinner, { size: 20, className: "text-muted-foreground" }) }));
+    }
+    if (error) {
+        return _jsx("p", { className: "text-sm text-destructive", children: error });
+    }
+    if (!isReady)
+        return null;
+    // inlineLimit: 0 → skip items, render only the "View all" quick-link
+    if (limit === 0) {
+        if (!showViewAllLink)
+            return null;
+        const viewAllLabel = resolveComponentLabel({
+            tComponent,
+            componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,
+            key: 'viewAll',
+        });
+        return (_jsx(Button, { variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "px-0", onClick: onViewAll, children: viewAllLabel }));
+    }
+    if (items.length === 0) {
+        const emptyStateLabel = resolveComponentLabel({
+            tComponent,
+            componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,
+            key: 'emptyState',
+        });
+        return _jsx("p", { className: "text-sm text-muted-foreground", children: emptyStateLabel });
+    }
+    const hasMore = totalCount > limit;
+    // `viewAllWithCount` rather than `viewAll` + a hardcoded " (N)": the count has
+    // to sit INSIDE the translated string, because languages disagree on where a
+    // number goes and how it is bracketed. The count-free `viewAll` is used by the
+    // `limit === 0` branch above, where no total has been fetched.
+    const viewAllLabel = resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,
+        key: 'viewAllWithCount',
+        params: { total: totalCount },
+    });
+    return (_jsxs("div", { className: "space-y-xs", children: [_jsx("ul", { className: "space-y-xs", children: items.map((item, idx) => {
+                    const id = item._id ?? item.id ?? idx;
+                    const label = FrontendResourceUtils.computeFrontendResourceLabel({
+                        resourceType: childResourceType,
+                        registry,
+                        currentObject: item,
+                    }) ?? String(id);
+                    return (_jsx("li", { className: "text-sm px-sm py-xs rounded-radius border border-border bg-card", children: label }, id));
+                }) }), showViewAllLink && hasMore && (_jsx(Button, { variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "px-0", onClick: onViewAll, children: viewAllLabel }))] }));
+}
+/** @wildo_source:part:end saas.frontend.related-resource-preview */
+/**
+ * Template-facing preview: a few rows of a related collection plus a "view all".
+ *
+ * ## Why this wrapper has to exist
+ *
+ * The preview behaviour was previously reachable ONLY through the automatic
+ * container, selected by an `inParentView.inlineLimit` key that nothing in the
+ * repository ever authored — one of the two dark capabilities that motivated this
+ * whole migration. Deleting that config without giving the preview a door a
+ * template can open would make it dark a THIRD time, this time by our own hand.
+ *
+ * It derives the child context from the HOST, exactly as the operation embed does,
+ * so an author never passes an id — the record DTO exposes `_id`, never the
+ * context key, so an id-taking API would be unusable from a display template.
+ *
+ * It registers placement, so using it makes the template own the child region.
+ */
+export function RelatedResourcePreview({ resourceType, limit, showViewAllLink = true, viaForeignKey, className, }) {
+    useRegisterComposedChild(resourceType);
+    const { buildOperationContext } = useEmbeddedResourceContext();
+    const { navigationZone } = useEmbeddedResourceHostContext();
+    const { navigate } = useNavigationController();
+    const childContext = useMemo(() => buildOperationContext({
+        resourceType,
+        operationLike: CoreOp.LIST,
+        relationshipFieldOverrides: viaForeignKey,
+    }), 
+    // Keyed by VALUE, not by the fresh-every-render selector object identity —
+    // rebuilding the context each render clones resource configs and re-fires the
+    // effects keyed on its identity.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [buildOperationContext, resourceType, JSON.stringify(viaForeignKey ?? null)]);
+    return (_jsx("div", { className: className, children: _jsx(RelatedResourcePreviewSurface, { childContext: childContext, inlineLimit: limit, showViewAllLink: showViewAllLink, childResourceType: resourceType, 
+            // Same navigation shape the automatic container uses for its own
+            // "view all": route to the child's LIST as a resource-operation content,
+            // carrying the host's zone as the initiator so the target lands where the
+            // reader expects rather than replacing the record they came from.
+            onViewAll: () => navigate({
+                content: {
+                    contentType: NavigationContentType.RESOURCE_OPERATION,
+                    resourceContext: childContext,
+                },
+                initiator: { sourceZone: navigationZone },
+            }) }) }));
+}
+//# sourceMappingURL=RelatedResourcePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedResourcePreview.js","sourceRoot":"","sources":["../../../../../../src/components/resources/embeds/RelatedResourcePreview.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\n/**\n * A compact PREVIEW of a related collection — a few rows plus a \"view all\" link,\n * instead of the full list surface with its toolbar, filters and pagination.\n *\n * ## Why this is its own component rather than a mode on the embed\n *\n * A preview and an embedded LIST are different things: one summarises, the other\n * is the collection. Folding them into one component behind a `limit` prop is how\n * the configuration surface this migration removes got started — a single knob\n * that quietly changes what a thing IS rather than how it looks.\n *\n * ## It was unreachable before this\n *\n * The behaviour below is moved verbatim out of the automatic children container,\n * where it was selected by an `inParentView.inlineLimit` config key that NOTHING\n * in the repository authored — measured 2026-08-20, zero occurrences across the\n * engine presets and every example app, while a sibling key in the same files was\n * authored four times. So this is a second dark capability in the same component\n * as the one that motivated this workstream: real, working, and reachable by no\n * one. Exposing it as a component a template can place is what makes it usable.\n */\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CoreResourceOperation, ResourcesConfig_OperationPathUtils, type Resources_PaginatedResult } from '@wildo-ai/saas-models';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\n\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { LoadingSpinner } from '~wildo-frontend-lib/components/feedback/loading-spinner';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { frontendResourceUtils, FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport {\n  pickPreferredOperationForCoreSemantic,\n  resolveEffectiveCoreOperationFromOperation,\n} from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { isListOperationAddressableForChildContext } from './child-operation-addressability.utils';\nimport { CoreResourceOperation as CoreOp } from '@wildo-ai/saas-models';\nimport { useNavigationController } from '~wildo-frontend-lib/core/navigation/useNavigationController';\nimport { NavigationContentType } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport { useEmbeddedResourceHostContext } from './EmbeddedResourceHostContext';\nimport { useEmbeddedResourceContext } from './useEmbeddedResourceContext';\nimport { useRegisterComposedChild } from './ComposedChildrenRegistry';\nimport { type EmbedRelatedResourceEdgeSelector } from './ResourceEmbeds';\n\nexport interface RelatedResourcePreviewSurfaceProps {\n  /** Resolved child context (target resource + parent-scoped identifiers). */\n  childContext: ReturnType<typeof frontendResourceUtils.deriveChildResourceContext>;\n  /** Rows to show. `0` renders only the \"view all\" affordance. */\n  inlineLimit: number;\n  /** Whether to offer the \"view all\" link when more rows exist. */\n  showViewAllLink: boolean;\n  /** Child resource type, used to compute each row's display label. */\n  childResourceType: string;\n  /** Invoked when the reader asks for the full collection. */\n  onViewAll: () => void;\n}\n\n/**\n * Lightweight inline preview for 1:N / N:N children when `inlineLimit` is set.\n *\n * Fetches `limit` items via the child's LIST operation, renders them as a\n * compact vertical list of resource display names, and optionally shows a\n * \"View all (N total)\" link that navigates to the full list.\n *\n * This avoids mounting the full `ResourceLayout_List` (with search, sort,\n * filter, pagination) when the relationship is configured for a quick preview.\n */\nexport function RelatedResourcePreviewSurface({\n  childContext,\n  inlineLimit,\n  showViewAllLink,\n  childResourceType,\n  onViewAll,\n}: RelatedResourcePreviewSurfaceProps): React.JSX.Element | null {\n  const { registry, doOperation } = useResourceRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n    resource: childContext.resourceType,\n  });\n  const [items, setItems] = useState<Record<string, unknown>[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const doOperationRef = useRef(doOperation);\n  doOperationRef.current = doOperation;\n\n  const limit = inlineLimit;\n\n  // Stable key for the child context — prevents re-fetches when the parent\n  // re-renders and `deriveChildResourceContext` returns a new object ref\n  // with identical content.\n  const contextIdKey = useMemo(\n    () => FrontendResourceUtils.buildContextResourceIdentifiersKey(childContext.contextResourceIdentifiers),\n    [childContext.contextResourceIdentifiers],\n  );\n\n  useEffect(() => {\n    // inlineLimit: 0 means \"show no items, just the View All link\"\n    if (limit === 0) {\n      setIsLoading(false);\n      return;\n    }\n\n    let cancelled = false;\n\n    const fetchPreview = async () => {\n      setIsLoading(true);\n      setError(null);\n\n      const childConfig = registry.resourceConfigurations[childResourceType];\n      const contextualParameters = FrontendResourceUtils.buildContextualParameters(childContext.contextResourceIdentifiers, registry);\n      const listOperation = childContext.operation\n        && resolveEffectiveCoreOperationFromOperation(childContext.operation) === CoreResourceOperation.LIST\n        ? childContext.operation\n        : childConfig\n        ? pickPreferredOperationForCoreSemantic(\n          (childConfig.operations ?? []).filter((candidate) =>\n            isListOperationAddressableForChildContext(\n              candidate,\n              childContext,\n              contextualParameters,\n            )\n          ),\n          CoreResourceOperation.LIST,\n        )\n        : undefined;\n      if (!listOperation) {\n        setIsLoading(false);\n        return;\n      }\n\n      const operationPathKey = ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(listOperation);\n\n      try {\n        const result = await doOperationRef.current(operationPathKey, {\n          contextualParameters,\n          queryParameters: { page: 1, limit },\n          parentResourcesRequirements: childContext.parentResourcesRequirements,\n        });\n\n        if (cancelled) return;\n\n        if (result && typeof result === 'object' && 'data' in result && 'pagination' in result) {\n          const paginated = result as Resources_PaginatedResult<Record<string, unknown>>;\n          setItems(paginated.data);\n          setTotalCount(paginated.pagination.total);\n        } else if (Array.isArray(result)) {\n          setItems(result);\n          setTotalCount(result.length);\n        }\n      } catch {\n        if (!cancelled) setError('Failed to load preview');\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    };\n\n    fetchPreview();\n    return () => { cancelled = true; };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [childResourceType, limit, registry, contextIdKey]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center py-card-sm\">\n        <LoadingSpinner size={20} className=\"text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <p className=\"text-sm text-destructive\">{error}</p>;\n  }\n\n  if (!isReady) return null;\n\n  // inlineLimit: 0 → skip items, render only the \"View all\" quick-link\n  if (limit === 0) {\n    if (!showViewAllLink) return null;\n    const viewAllLabel = resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n      key: 'viewAll',\n    });\n    return (\n      <Button variant={ButtonVariants_Variant.LINK} size={ButtonSize.SM} className=\"px-0\" onClick={onViewAll}>\n        {viewAllLabel}\n      </Button>\n    );\n  }\n\n  if (items.length === 0) {\n    const emptyStateLabel = resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n      key: 'emptyState',\n    });\n    return <p className=\"text-sm text-muted-foreground\">{emptyStateLabel}</p>;\n  }\n\n  const hasMore = totalCount > limit;\n  // `viewAllWithCount` rather than `viewAll` + a hardcoded \" (N)\": the count has\n  // to sit INSIDE the translated string, because languages disagree on where a\n  // number goes and how it is bracketed. The count-free `viewAll` is used by the\n  // `limit === 0` branch above, where no total has been fetched.\n  const viewAllLabel = resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,\n    key: 'viewAllWithCount',\n    params: { total: totalCount },\n  });\n\n  return (\n    <div className=\"space-y-xs\">\n      <ul className=\"space-y-xs\">\n        {items.map((item, idx) => {\n          const id = (item as any)._id ?? (item as any).id ?? idx;\n          const label = FrontendResourceUtils.computeFrontendResourceLabel({\n            resourceType: childResourceType,\n            registry,\n            currentObject: item,\n          }) ?? String(id);\n          return (\n            <li key={id} className=\"text-sm px-sm py-xs rounded-radius border border-border bg-card\">\n              {label}\n            </li>\n          );\n        })}\n      </ul>\n      {showViewAllLink && hasMore && (\n        <Button\n          variant={ButtonVariants_Variant.LINK}\n          size={ButtonSize.SM}\n          className=\"px-0\"\n          onClick={onViewAll}\n        >\n          {viewAllLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/** @wildo_source:part:start saas.frontend.related-resource-preview facet:layer:frontend facet:family:component */\nexport interface RelatedResourcePreviewProps {\n  /** Child resource type to preview. */\n  resourceType: string;\n  /** Rows to show. `0` renders only the \"view all\" affordance. */\n  limit: number;\n  /** Offer a \"view all\" link when more rows exist. Defaults to `true`. */\n  showViewAllLink?: boolean;\n  /** Disambiguates WHICH edge when the host has several to this target. */\n  viaForeignKey?: EmbedRelatedResourceEdgeSelector;\n  className?: string;\n}\n/** @wildo_source:part:end saas.frontend.related-resource-preview */\n\n/**\n * Template-facing preview: a few rows of a related collection plus a \"view all\".\n *\n * ## Why this wrapper has to exist\n *\n * The preview behaviour was previously reachable ONLY through the automatic\n * container, selected by an `inParentView.inlineLimit` key that nothing in the\n * repository ever authored — one of the two dark capabilities that motivated this\n * whole migration. Deleting that config without giving the preview a door a\n * template can open would make it dark a THIRD time, this time by our own hand.\n *\n * It derives the child context from the HOST, exactly as the operation embed does,\n * so an author never passes an id — the record DTO exposes `_id`, never the\n * context key, so an id-taking API would be unusable from a display template.\n *\n * It registers placement, so using it makes the template own the child region.\n */\nexport function RelatedResourcePreview({\n  resourceType,\n  limit,\n  showViewAllLink = true,\n  viaForeignKey,\n  className,\n}: RelatedResourcePreviewProps): React.JSX.Element | null {\n  useRegisterComposedChild(resourceType);\n  const { buildOperationContext } = useEmbeddedResourceContext();\n  const { navigationZone } = useEmbeddedResourceHostContext();\n  const { navigate } = useNavigationController();\n\n  const childContext = useMemo(\n    () => buildOperationContext({\n      resourceType,\n      operationLike: CoreOp.LIST,\n      relationshipFieldOverrides: viaForeignKey,\n    }),\n    // Keyed by VALUE, not by the fresh-every-render selector object identity —\n    // rebuilding the context each render clones resource configs and re-fires the\n    // effects keyed on its identity.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [buildOperationContext, resourceType, JSON.stringify(viaForeignKey ?? null)],\n  );\n\n  return (\n    <div className={className}>\n      <RelatedResourcePreviewSurface\n        childContext={childContext as never}\n        inlineLimit={limit}\n        showViewAllLink={showViewAllLink}\n        childResourceType={resourceType}\n        // Same navigation shape the automatic container uses for its own\n        // \"view all\": route to the child's LIST as a resource-operation content,\n        // carrying the host's zone as the initiator so the target lands where the\n        // reader expects rather than replacing the record they came from.\n        onViewAll={() => navigate({\n          content: {\n            contentType: NavigationContentType.RESOURCE_OPERATION,\n            resourceContext: childContext,\n          },\n          initiator: { sourceZone: navigationZone },\n        } as never)}\n      />\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { CoreResourceOperation } from '@wildo-ai/saas-models';
+import { type SectionConfig } from '@wildo-ai/presets-components-models';
+import { type EmbedRelatedResourceEdgeSelector } from './ResourceEmbeds';
+/**
+ * The standard child block — scoped to the children a view actually wants.
+ *
+ * ## Why this exists rather than "compose it yourself"
+ *
+ * Placing children in a template must not be harder than letting them compose
+ * automatically, or authors will keep the automatic mode and the configuration
+ * axis it needed. Doing it by hand means wiring `ContentSectionContainer`,
+ * resolving each child's title through i18n, and threading the heading context —
+ * three chances to get it subtly wrong, per surface.
+ *
+ * Worse, hand-wiring invites NAMED `<Section>`s, and a named section is a
+ * THREE-PLACE obligation: the JSX name, the hand-authored `layout.refs.sections`
+ * manifest, and a documented slot with `textSlots` in the resource specification.
+ * Miss the third and `validateStructuralSlotDescriptions` THROWS at ESM import,
+ * crash-looping the companion. This component takes each section's title from the
+ * CHILD RESOURCE's own header label — the same source automatic composition uses
+ * — so placing children adds no refs entry, no spec slot, and no new i18n key.
+ *
+ * ## What it means for composition ownership
+ *
+ * It renders through `EmbedRelatedResourceOperation`, so it registers placement:
+ * a template using it owns the child region and the automatic block stands down.
+ * That is the point — "these children, in this order" replaces "all owned
+ * children, minus a per-edge suppression flag on each one you did not want".
+ */
+/** @wildo_source:part:start saas.frontend.related-resource-sections facet:layer:frontend facet:family:component */
+export interface RelatedResourceSectionTarget {
+    /** Child resource type. */
+    resourceType: string;
+    /** Disambiguates WHICH edge when the host has several to this target. */
+    viaForeignKey?: EmbedRelatedResourceEdgeSelector;
+    /** Defaults to LIST — the collection case. Use READ for a 1:1 child. */
+    operationLike?: CoreResourceOperation;
+}
+export interface RelatedResourceSectionsProps {
+    /** Children to place, in render order. Order here replaces the old `orderIndex`. */
+    targets: ReadonlyArray<RelatedResourceSectionTarget | string>;
+    /** How the sections arrange — the real section vocabulary, not a serializable subset. */
+    config: SectionConfig;
+    className?: string;
+}
+export declare function RelatedResourceSections({ targets, config, className, }: RelatedResourceSectionsProps): React.JSX.Element | null;
+//# sourceMappingURL=RelatedResourceSections.d.ts.map

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

@@ -0,0 +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,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAyB,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMhG,OAAO,EAAiC,KAAK,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AAKxG;;;;;;;;;;;;;;;;;;;;;;;;;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,oFAAoF;IACpF,OAAO,EAAE,aAAa,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAC;IAC9D,yFAAyF;IACzF,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,MAAM,EACN,SAAS,GACV,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+EzD"}

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

@@ -0,0 +1,87 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { CoreResourceOperation } from '@wildo-ai/saas-models';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { ContentSectionContainer } from '../../../components/sections/ContentSectionContainer.js';
+import { resolveResourceHeaderLabel } from '../../../core/i18n/component-label-resolution.utils.js';
+import { useI18n } from '../../../core/i18n/useI18n.js';
+import { SectionHostHeadingContext } from '../../../components/resources/skeleton/SectionHostHeadingContext.js';
+import { EmbedRelatedResourceOperation } from './ResourceEmbeds.js';
+import { useClaimChildComposition } from './ComposedChildrenRegistry.js';
+import { useOptionalCompositeResourceContext } from './useEmbeddedResourceContext.js';
+import { LoggerFrontendService } from '../../../core/monitoring/logger.frontend.service.js';
+/** @wildo_source:part:end saas.frontend.related-resource-sections */
+/** One warning per (host, target) — a surface re-renders freely. */
+const warnedUnembeddableTargets = new Set();
+function warnUnembeddableTarget(hostResourceType, targetResourceType) {
+    const key = `${hostResourceType}::${targetResourceType}`;
+    if (warnedUnembeddableTargets.has(key)) {
+        return;
+    }
+    warnedUnembeddableTargets.add(key);
+    LoggerFrontendService.getLogger().warn(`[related-resource-sections] "${targetResourceType}" was placed on "${hostResourceType}" but cannot be `
+        + 'embedded here, so its section is omitted. The usual cause is that the target exposes no ADDRESSABLE '
+        + 'variant of the requested operation — a core verb declared REPOSITORY_ONLY or INTERNAL_CALL has no HTTP '
+        + 'surface to embed. Either give the target an addressable variant, point `operationLike` at one it does '
+        + 'expose, or stop placing it.');
+}
+export function RelatedResourceSections({ targets, config, className, }) {
+    // Claim the region even when `targets` is empty: `targets={[]}` is how a
+    // surface says "composes no children", which is a different statement from a
+    // template that simply never mentioned them.
+    useClaimChildComposition();
+    const normalized = useMemo(() => targets.map((t) => (typeof t === 'string' ? { resourceType: t } : t)), [targets]);
+    // OPTIONAL on purpose. `useEmbeddedResourceContext()` throws when there is no
+    // resource-scoped host, which would make this component a NEW crash source for
+    // any host that is not resource-scoped — the opposite of the fix. With no host
+    // there is nothing to probe a target against, so filtering is simply skipped and
+    // the embeds below fail as they always did.
+    const embeddedContext = useOptionalCompositeResourceContext();
+    const hostResourceType = embeddedContext?.hostResourceType ?? '';
+    // One i18n scope for the host; each section title is resolved per child below
+    // from that child's own header label, which is what keeps this free of new keys.
+    const { tResourceHeader, isReady } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_CONTAINER_NESTED,
+    });
+    // Drop targets this host cannot embed, rather than letting the first one take the
+    // whole surface down. A target being un-embeddable is a NORMAL authorable state —
+    // a resource may expose a core verb with no addressable HTTP variant (Wonder's
+    // recurring occurrences declare LIST as INTERNAL_CALL only, deliberately) — and
+    // the automatic container has always simply skipped such a child. The template
+    // path threw instead, so ONE bad target rendered an error surface in place of the
+    // entire page. Same shape as F7: one undisplayable child must not crash the parent.
+    //
+    // Skipped LOUDLY, not silently: the author named this target explicitly, so a
+    // silent drop would be the "dark capability" failure this migration exists to end.
+    const embeddable = useMemo(() => normalized.filter((target) => {
+        if (!embeddedContext) {
+            return true;
+        }
+        const ok = embeddedContext.canBuildOperationContext({
+            resourceType: target.resourceType,
+            operationLike: target.operationLike ?? CoreResourceOperation.LIST,
+            relationshipFieldOverrides: target.viaForeignKey,
+        });
+        if (!ok) {
+            warnUnembeddableTarget(hostResourceType, target.resourceType);
+        }
+        return ok;
+    }), [normalized, embeddedContext, hostResourceType]);
+    const sections = useMemo(() => embeddable.map((target) => ({
+        id: target.resourceType,
+        title: resolveResourceHeaderLabel({
+            tResourceHeader,
+            resourceType: target.resourceType,
+            key: 'title',
+        }),
+        content: (
+        // The host renders the visible heading for the region, so the embedded
+        // 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)
+        return null;
+    return _jsx(ContentSectionContainer, { sections: sections, config: config, className: className });
+}
+//# sourceMappingURL=RelatedResourceSections.js.map

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

@@ -0,0 +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 { CoreResourceOperation } 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 { 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  /** Children to place, in render order. Order here replaces the old `orderIndex`. */\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/** 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\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      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],\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"]}