@ecopages/core 0.2.0-beta.26 → 0.2.0-beta.28

package/src/plugins/integration-plugin.js

@@ -1,4 +1,6 @@
-import { createBrowserRuntimeManifest } from "../build/browser-runtime-manifest.js";
+import {
+  createBrowserRuntimeManifest
+} from "../build/browser/browser-runtime-manifest.js";
 import { AssetProcessingService } from "../services/assets/asset-processing-service/asset-processing.service.js";
 import { deepMerge } from "../utils/deep-merge.js";
 import { invariant } from "../utils/invariant.js";
@@ -23,6 +25,14 @@ class IntegrationPlugin {
   appConfig;
   assetProcessingService;
   hmrManager;
+  /**
+   * Returns build plugins shared by server-oriented and browser-oriented builds.
+   *
+   * @remarks
+   * Collected into {@link AppBuildManifest.runtimePlugins} during config finalization.
+   * MDX loaders, virtual-module resolvers, and other transforms that must run during
+   * route-module transpile belong here—not in {@link browserBuildPlugins}.
+   */
   get plugins() {
     return [];
   }

package/src/plugins/processor.d.ts

@@ -1,9 +1,9 @@
-import type { EcoBuildPlugin } from '../build/build-types.js';
+import type { EcoBuildPlugin } from '../build/contracts/build-types.js';
 import type { EcoPagesAppConfig, IClientBridge } from '../types/internal-types.js';
 import { GENERATED_BASE_PATHS } from '../config/constants.js';
 import type { RuntimeCapabilityDeclaration } from './runtime-capability.js';
 export type { RuntimeCapabilityDeclaration, RuntimeCapabilityTag } from './runtime-capability.js';
-export type { EcoBuildLoader, EcoBuildOnLoadArgs, EcoBuildOnLoadResult, EcoBuildOnResolveArgs, EcoBuildOnResolveResult, EcoBuildPlugin, EcoBuildPluginBuilder, } from '../build/build-types.js';
+export type { EcoBuildLoader, EcoBuildOnLoadArgs, EcoBuildOnLoadResult, EcoBuildOnResolveArgs, EcoBuildOnResolveResult, EcoBuildPlugin, EcoBuildPluginBuilder, } from '../build/contracts/build-types.js';
 export declare const PROCESSOR_ERRORS: {
     readonly CACHE_DIRECTORY_NOT_SET: "Cache directory not set in context";
 };
@@ -19,6 +19,14 @@ export interface ProcessorWatchContext {
 }
 export interface ProcessorWatchConfig {
     paths: string[];
+    /**
+     * File extensions that trigger watch callbacks (`onCreate`, `onChange`, `onDelete`).
+     *
+     * @remarks
+     * Watch extensions drive notifications only. They do not declare asset ownership.
+     * Ownership requires {@link ProcessorConfig.capabilities} and controls whether dev
+     * invalidation skips server modules and HMR for processor-handled assets.
+     */
     extensions?: string[];
     onCreate?: (ctx: ProcessorWatchContext) => Promise<void>;
     onChange?: (ctx: ProcessorWatchContext) => Promise<void>;
@@ -57,10 +65,17 @@ export interface ProcessorContext {
     cache?: string;
 }
 /**
- * Interface for processor build plugins
- * This is used to pass plugins to the build process directly from the processor
- * For instance it can become very handy when dealing with virtual modules that needs to be recognized by the bundler
- * i.e. @ecopages/image-processor
+ * Base class for content and asset processors that contribute build plugins.
+ *
+ * @remarks
+ * Processors declare plugins through two getters that map to
+ * {@link AppBuildManifest} buckets (names differ from integrations):
+ *
+ * - `plugins` → `runtimePlugins` (server **and** browser builds)
+ * - `buildPlugins` → `browserBundlePlugins` (browser bundles only)
+ *
+ * Virtual modules that must resolve during route-module transpile belong in
+ * `plugins`. Browser-only bundler hooks belong in `buildPlugins`.
  */
 export declare abstract class Processor<TOptions = Record<string, unknown>> {
     readonly name: string;
@@ -69,9 +84,22 @@ export declare abstract class Processor<TOptions = Record<string, unknown>> {
     protected watchConfig?: ProcessorWatchConfig;
     protected capabilities: ProcessorAssetCapability[];
     readonly runtimeCapability?: RuntimeCapabilityDeclaration;
-    /** Plugins that are only used during the build process */
+    /**
+     * Browser-bundle-only plugins.
+     *
+     * @remarks
+     * Maps to {@link AppBuildManifest.browserBundlePlugins}. Integrations name the
+     * same bucket `browserBuildPlugins`.
+     */
     abstract buildPlugins?: EcoBuildPlugin[];
-    /** Plugins that are used during runtime for file processing */
+    /**
+     * Shared build plugins for server-oriented and browser-oriented work.
+     *
+     * @remarks
+     * Maps to {@link AppBuildManifest.runtimePlugins}. Despite the name, these are
+     * bundler plugins—not dev-server file processors. Runtime-only setup stays in
+     * {@link setup}.
+     */
     abstract plugins?: EcoBuildPlugin[];
     constructor(config: ProcessorConfig<TOptions>);
     setContext(appConfig: EcoPagesAppConfig): void;

package/src/plugins/source-transform.d.ts

@@ -1,4 +1,4 @@
-import type { EcoBuildPlugin } from '../build/build-types.js';
+import type { EcoBuildPlugin } from '../build/contracts/build-types.js';
 import type { EcoPagesAppConfig } from '../types/internal-types.js';
 export interface EcoSourceTransformResult {
     code: string;

package/src/route-renderer/GRAPH.md

@@ -42,23 +42,17 @@ flowchart TD
   C --> D[ownershipValidationService.validate]
   D --> E[resolvePageData]
   E --> F[ownershipValidationService.validate + throwIfOwnershipInvalid]
-  F --> G[resolveDependencies]
-  G --> H[buildPageBrowserGraph]
-  H --> I{shouldRenderPageComponent?}
-  I -- Yes --> J[renderPageComponent]
-  I -- No --> K[skip page-root render]
-  J --> L[merge component assets]
-  K --> L
-  L --> M[collect injector and eager SSR lazy assets]
-  M --> N[build pagePackage and prepared render options]
-  N --> O[callbacks.render]
-  O --> P[capture rendered body as html]
-  P --> Q[inspect unresolved marker artifacts]
-  Q --> R{unresolved eco-marker remains?}
-  R -- Yes --> S[throw unresolved artifact error]
-  R -- No --> T[stamp root or document attributes when needed]
-  T --> U[htmlTransformer transform]
-  U --> V[final body and cache strategy]
+  F --> G[resolveDependencies + buildPageBrowserGraph]
+  G --> H[collect injector and eager SSR lazy assets]
+  H --> I[build pagePackage and prepared render options]
+  I --> J[IntegrationRenderer.render via document shell]
+  J --> K[capture rendered body as html]
+  K --> L[inspect unresolved marker artifacts]
+  L --> M{unresolved eco-marker remains?}
+  M -- Yes --> N[throw unresolved artifact error]
+  M -- No --> O[stamp document attributes when needed]
+  O --> P[htmlTransformer transform]
+  P --> Q[final body and cache strategy]
 ```
 
 ## 3) Mixed-Integration Render Model
@@ -91,7 +85,7 @@ flowchart TD
   B -- Yes --> C[return resolved renderer-owned output]
   B -- No --> D[queue foreign-subtree token]
   D --> E[finish current render pass]
-  E --> F[QueuedForeignSubtreeResolutionService resolveQueuedHtml]
+  E --> F[ForeignSubtreeExecutionService resolveQueuedHtml]
   F --> G[resolve nested queued tokens first]
   G --> H[dispatch foreign subtree to owning renderer]
   H --> I[merge emitted assets and root attributes]
@@ -121,12 +115,12 @@ flowchart TD
 The most useful reading order is:
 
 1. `route-renderer.ts`
-2. `orchestration/route-render-orchestrator.ts`
+2. `orchestration/route-pipeline/route-render-orchestrator.ts`
 3. `orchestration/integration-renderer.ts`
-4. `orchestration/ownership-validation.service.ts`
-5. `orchestration/ownership-planning.service.ts`
-6. `orchestration/component-render-context.ts`
-7. `orchestration/foreign-subtree-execution.service.ts`
+4. `orchestration/ownership-graph/ownership-validation.service.ts`
+5. `orchestration/ownership-graph/component-graph.ts`
+6. `orchestration/foreign-child/component-render-context.ts`
+7. `orchestration/foreign-child/foreign-subtree-execution.service.ts`
 8. `page-loading/page-module-loader.ts`
 9. `page-loading/dependency-resolver.ts`
 10. `eco/eco.ts`
@@ -134,12 +128,12 @@ The most useful reading order is:
 ## 7) Key Files
 
 - `packages/core/src/route-renderer/route-renderer.ts`
-- `packages/core/src/route-renderer/orchestration/route-render-orchestrator.ts`
+- `packages/core/src/route-renderer/orchestration/route-pipeline/route-render-orchestrator.ts`
 - `packages/core/src/route-renderer/orchestration/integration-renderer.ts`
-- `packages/core/src/route-renderer/orchestration/ownership-validation.service.ts`
-- `packages/core/src/route-renderer/orchestration/ownership-planning.service.ts`
-- `packages/core/src/route-renderer/orchestration/component-render-context.ts`
-- `packages/core/src/route-renderer/orchestration/foreign-subtree-execution.service.ts`
+- `packages/core/src/route-renderer/orchestration/ownership-graph/ownership-validation.service.ts`
+- `packages/core/src/route-renderer/orchestration/ownership-graph/component-graph.ts`
+- `packages/core/src/route-renderer/orchestration/foreign-child/component-render-context.ts`
+- `packages/core/src/route-renderer/orchestration/foreign-child/foreign-subtree-execution.service.ts`
 - `packages/core/src/route-renderer/page-loading/page-module-loader.ts`
 - `packages/core/src/route-renderer/page-loading/dependency-resolver.ts`
 - `packages/core/src/eco/eco.ts`

package/src/route-renderer/README.md

@@ -50,13 +50,18 @@ See [`../build/README.md`](../build/README.md) for the JSX ownership helper spli
 
 ### `orchestration/`
 
-- `route-render-orchestrator.ts`: one route render from page-module loading through final HTML output
+Root renderer classes:
+
 - `integration-renderer.ts`: abstract base class for route rendering, explicit view rendering, and foreign-child delegation
-- `ownership-validation.service.ts`: up-front ownership validation for route roots and declared descendants
-- `foreign-subtree-execution.service.ts`: foreign-child execution policy, queue token resolution, and `toForeignSubtreeRenderPayload()`
-- `document-shell-render.service.ts`: shared page/layout/html shell composition and attribute stamping helpers
-- `component-render-context.ts`: active render context used by `eco.component()` to intercept foreign children
-- `render-output.utils.ts`: unresolved artifact normalization and marker inspection
+- `string-markup-renderer.ts`: shared base for string-markup integrations
+
+Domain folders:
+
+- `ownership-graph/`: component graph walk/collect and up-front ownership validation
+- `foreign-child/`: active render context, foreign-subtree execution, deferred template serialization
+- `document-shell/`: shared page/layout/html shell composition and attribute stamping helpers
+- `route-pipeline/`: route preparation, final HTML capture, marker-artifact enforcement
+- `page-browser-graph/`: browser asset graph build, session cache, and injector assets
 
 ### `page-loading/`
 
@@ -72,7 +77,7 @@ The route-render contract is:
 3. `RouteRenderOrchestrator.prepareRenderOptions()` loads the page module, validates ownership (fail-fast), resolves page data, resolves dependencies, and builds the page browser graph.
 4. The integration renderer performs page, layout, and document-shell rendering. When it encounters a foreign child, it delegates that child back to the owning renderer.
 5. If a renderer needs queued handoff, it emits internal foreign-subtree tokens and resolves them before returning final HTML.
-6. `RouteRenderOrchestrator.executePrepared()` captures the final body, rejects unresolved `<eco-marker>` artifacts, stamps root or document attributes when needed, and runs the HTML transformer.
+6. `RouteRenderOrchestrator.executePrepared()` captures the final body, rejects unresolved `<eco-marker>` artifacts, stamps document attributes when needed, and runs the HTML transformer.
 
 Important:
 

package/src/route-renderer/orchestration/{document-shell-render.service.d.ts → document-shell/document-shell-render.service.d.ts}

@@ -1,5 +1,6 @@
-import type { BaseIntegrationContext, ComponentRenderInput, ComponentRenderResult, EcoComponent, PageMetadataProps } from '../../types/public-types.js';
-import type { ProcessedAsset } from '../../services/assets/asset-processing-service/index.js';
+import type { BaseIntegrationContext, ComponentRenderInput, ComponentRenderResult, EcoComponent, PageMetadataProps } from '../../../types/public-types.js';
+import type { ProcessedAsset } from '../../../services/assets/asset-processing-service/index.js';
+import { HtmlTransformerService, type HtmlDocumentContribution } from '../../../services/html/html-transformer.service.js';
 export type DocumentShellLayoutInput = {
     component: EcoComponent;
     props?: Record<string, unknown>;
@@ -88,3 +89,19 @@ export declare function applyDocumentShellAttributeStamping(html: string, stampi
  * Builds the final serialized document HTML for one route page render.
  */
 export declare function renderPageDocumentShell(dependencies: DocumentShellRenderDependencies, input: DocumentShellPageRenderInput, docType: string): Promise<string>;
+/**
+ * Finalizes already-resolved HTML for explicit renderer-owned paths.
+ *
+ * @remarks
+ * Callers append renderer bootstrap dependencies before invoking this helper.
+ * Stamps document/root attributes and runs HTML transformation after nested
+ * foreign-subtree resolution without routing back through shared route execution.
+ */
+export declare function finalizeDocumentShellHtml(htmlTransformer: HtmlTransformerService, options: {
+    html: string;
+    partial?: boolean;
+    componentRootAttributes?: Record<string, string>;
+    documentAttributes?: Record<string, string>;
+    transformHtml?: boolean;
+    htmlContributions?: HtmlDocumentContribution[];
+}): Promise<string>;

package/src/route-renderer/orchestration/{document-shell-render.service.js → document-shell/document-shell-render.service.js}

@@ -1,3 +1,6 @@
+import {
+  HtmlTransformerService
+} from "../../../services/html/html-transformer.service.js";
 function resolveDocumentShellLayouts(input) {
   if (input.layouts && input.layouts.length > 0) {
     return input.layouts;
@@ -112,9 +115,34 @@ async function renderPageDocumentShell(dependencies, input, docType) {
   const documentHtml = input.transformDocumentHtml ? input.transformDocumentHtml(composedDocumentHtml) : composedDocumentHtml;
   return `${docType}${documentHtml}`;
 }
+async function finalizeDocumentShellHtml(htmlTransformer, options) {
+  const html = applyDocumentShellAttributeStamping(
+    options.html,
+    {
+      applyAttributesToFirstBodyElement: (nextHtml, attributes) => htmlTransformer.applyAttributesToFirstBodyElement(nextHtml, attributes),
+      applyAttributesToHtmlElement: (nextHtml, attributes) => htmlTransformer.applyAttributesToHtmlElement(nextHtml, attributes)
+    },
+    {
+      componentRootAttributes: options.componentRootAttributes,
+      documentAttributes: options.documentAttributes
+    }
+  );
+  const shouldTransform = options.transformHtml ?? !options.partial;
+  if (!shouldTransform) {
+    return html;
+  }
+  const transformedResponse = await htmlTransformer.transform(
+    new Response(html, {
+      headers: { "Content-Type": "text/html" }
+    }),
+    options.htmlContributions
+  );
+  return await transformedResponse.text();
+}
 export {
   applyDocumentShellAttributeStamping,
   composeDocumentShell,
   composeSequentialLayoutChildren,
+  finalizeDocumentShellHtml,
   renderPageDocumentShell
 };

package/src/route-renderer/orchestration/{layout-shell-props.service.d.ts → document-shell/layout-shell-props.service.d.ts}

@@ -1,4 +1,4 @@
-import type { EcoPageLayoutEntry, LayoutPropsContext } from '../../types/public-types.js';
+import type { EcoPageLayoutEntry, LayoutPropsContext } from '../../../types/public-types.js';
 export type LayoutShellPropsContext = LayoutPropsContext & {
     pageProps?: Record<string, unknown>;
 };

package/src/route-renderer/orchestration/{component-render-context.d.ts → foreign-child/component-render-context.d.ts}

@@ -1,17 +1,17 @@
-import type { EcoComponent } from '../../types/public-types.js';
+import type { EcoComponent } from '../../../types/public-types.js';
 /**
  * Result returned by a renderer-owned foreign-child runtime.
  *
- * `inline` keeps rendering inside the current integration. `resolved` returns a
- * renderer-owned value immediately, which can be final HTML or a renderer-local
- * transport token for later queue resolution.
+ * `inline` keeps rendering inside the current integration. `resolved.value` is
+ * the queue transport token string allocated by `createQueuedRuntime`; callers
+ * must not treat arbitrary objects as resolved output.
  */
 export type ForeignChildInterceptionResult = {
     kind: 'inline';
     props?: Record<string, unknown>;
 } | {
     kind: 'resolved';
-    value: unknown;
+    value: string;
 } | undefined;
 /**
  * Foreign-child metadata passed into the active renderer-owned runtime.

package/src/route-renderer/orchestration/{component-render-context.js → foreign-child/component-render-context.js}

@@ -1,4 +1,4 @@
-import { addTriggerAttribute, isThenable, wrapWithScriptsInjector } from "./render-output.utils.js";
+import { addTriggerAttribute, isThenable, wrapWithScriptsInjector } from "./foreign-child-output.utils.js";
 class ComponentRenderOutputRuntime {
   finalizeComponentRender(component, content) {
     const lazyTriggers = component.config?._resolvedLazyTriggers;

package/src/route-renderer/orchestration/{render-output.utils.d.ts → foreign-child/foreign-child-output.utils.d.ts}

@@ -1,4 +1,4 @@
-import type { EcoComponent } from '../../types/public-types.js';
+import type { EcoComponent } from '../../../types/public-types.js';
 type ResolvedLazyScriptGroups = Readonly<NonNullable<EcoComponent['config']>['_resolvedLazyScripts']>;
 type TemplateContentShape = {
     strings: readonly string[];
@@ -23,6 +23,20 @@ type MarkupNodeLikeShape = {
 export declare function isThenable<T>(value: unknown): value is PromiseLike<T>;
 /** Returns whether a value looks like a DOM-like markup node from SSR integrations. */
 export declare function isMarkupNodeLike(value: unknown): value is MarkupNodeLikeShape;
+/**
+ * Returns whether a value is a plain opaque object that string serializers would
+ * coerce via `String(value)` rather than render as markup.
+ *
+ * @remarks
+ * Template results (`strings`/`values`), markup nodes, arrays, and framework
+ * element markers (`$$typeof`) are not opaque. Cross-integration children that
+ * are only plain objects must use EcoEmbed or already-serialized HTML.
+ */
+export declare function isOpaqueForeignChildValue(children: unknown): boolean;
+/**
+ * Throws when foreign-path children would be coerced from an opaque object.
+ */
+export declare function assertForeignChildrenNotOpaque(children: unknown, context: string): void;
 /**
  * Injects `data-eco-trigger` into the first real HTML element opening tag of
  * a component's rendered output string.
@@ -59,10 +73,4 @@ export declare function wrapWithScriptsInjector(content: string, lazyGroups: Res
 export declare function wrapWithScriptsInjector<T extends TemplateContentShape>(content: T, lazyGroups: ResolvedLazyScriptGroups): T | string;
 export declare function wrapWithScriptsInjector<T extends MarkupNodeLikeShape>(content: T, lazyGroups: ResolvedLazyScriptGroups): T;
 export declare function wrapWithScriptsInjector(content: unknown, lazyGroups: ResolvedLazyScriptGroups): string | TemplateContentShape | MarkupNodeLikeShape;
-export declare function decodeHtmlEntities(value: string): string;
-export declare function normalizeUnresolvedMarkerArtifactHtml(html: string): string;
-export declare function inspectUnresolvedMarkerArtifactHtml(html: string): {
-    hasUnresolvedMarkerArtifacts: boolean;
-    normalizedHtml: string;
-};
 export {};

package/src/route-renderer/orchestration/{render-output.utils.js → foreign-child/foreign-child-output.utils.js}

@@ -1,4 +1,4 @@
-import { buildInjectorMapScript } from "../../eco/lazy-injector-map.js";
+import { buildInjectorMapScript } from "../../../eco/lazy-injector-map.js";
 function cloneTemplateStrings(strings, firstString) {
   const nextStrings = [...strings];
   nextStrings[0] = firstString;
@@ -85,6 +85,34 @@ function isMarkupNodeLikeShape(value) {
 function isMarkupNodeLike(value) {
   return isMarkupNodeLikeShape(value);
 }
+function isOpaqueForeignChildValue(children) {
+  if (children === null || typeof children !== "object") {
+    return false;
+  }
+  if (Array.isArray(children)) {
+    return false;
+  }
+  if ("$$typeof" in children) {
+    return false;
+  }
+  if ("strings" in children && Array.isArray(children.strings)) {
+    return false;
+  }
+  if (isMarkupNodeLikeShape(children)) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(children);
+  return prototype === Object.prototype || prototype === null;
+}
+function assertForeignChildrenNotOpaque(children, context) {
+  if (!isOpaqueForeignChildValue(children)) {
+    return;
+  }
+  const childTag = Object.prototype.toString.call(children);
+  throw new TypeError(
+    `[ecopages] ${context} refused to coerce opaque foreign children (${childTag}). Use EcoEmbed for cross-integration children or pass already-serialized HTML.`
+  );
+}
 function injectTriggerAttributeIntoString(content, triggerId) {
   const str = content;
   let i = 0;
@@ -142,34 +170,11 @@ function wrapWithScriptsInjector(content, lazyGroups) {
   }
   return wrapWithScriptsInjectorMarkup(String(content), injectorMapScript);
 }
-function decodeHtmlEntities(value) {
-  let decoded = value;
-  let previous;
-  do {
-    previous = decoded;
-    decoded = decoded.replaceAll("&quot;", '"').replaceAll("&#39;", "'").replaceAll("&#x27;", "'").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
-  } while (decoded !== previous);
-  return decoded;
-}
-function normalizeUnresolvedMarkerArtifactHtml(html) {
-  return html.replace(
-    /&(?:amp;)?lt;eco-marker\b[\s\S]*?&(?:amp;)?gt;&(?:amp;)?lt;\/eco-marker&(?:amp;)?gt;/g,
-    (marker) => decodeHtmlEntities(marker)
-  );
-}
-function inspectUnresolvedMarkerArtifactHtml(html) {
-  const normalizedHtml = normalizeUnresolvedMarkerArtifactHtml(html);
-  return {
-    normalizedHtml,
-    hasUnresolvedMarkerArtifacts: normalizedHtml.includes("<eco-marker")
-  };
-}
 export {
   addTriggerAttribute,
-  decodeHtmlEntities,
-  inspectUnresolvedMarkerArtifactHtml,
+  assertForeignChildrenNotOpaque,
   isMarkupNodeLike,
+  isOpaqueForeignChildValue,
   isThenable,
-  normalizeUnresolvedMarkerArtifactHtml,
   wrapWithScriptsInjector
 };

package/src/route-renderer/orchestration/{foreign-subtree-execution.service.d.ts → foreign-child/foreign-subtree-execution.service.d.ts}

@@ -1,5 +1,5 @@
-import type { ProcessedAsset } from '../../services/assets/asset-processing-service/index.js';
-import type { BaseIntegrationContext, ComponentRenderInput, ComponentRenderResult, EcoComponent, ForeignSubtreeRenderPayload } from '../../types/public-types.js';
+import type { ProcessedAsset } from '../../../services/assets/asset-processing-service/index.js';
+import type { BaseIntegrationContext, ComponentRenderInput, ComponentRenderResult, EcoComponent, ForeignSubtreeRenderPayload } from '../../../types/public-types.js';
 import { type ForeignChildRuntime } from './component-render-context.js';
 export type QueuedForeignChildDecisionInput = {
     currentIntegration: string;
@@ -46,7 +46,7 @@ export interface ForeignSubtreeExecutionRenderOptions {
         renderInput: ComponentRenderInput;
         rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>;
     }): ForeignChildRuntime;
-    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): ForeignSubtreeExecutionOwningRenderer;
+    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): Promise<ForeignSubtreeExecutionOwningRenderer>;
 }
 export interface ForeignSubtreeQueuedRuntimeOptions<TContext extends QueuedForeignSubtreeResolutionContext> {
     renderInput: ComponentRenderInput;
@@ -61,7 +61,7 @@ export interface ForeignSubtreeStringQueuedHtmlOptions {
     html: string;
     runtimeContextKey: string;
     queueLabel: string;
-    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): ForeignSubtreeExecutionOwningRenderer;
+    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): Promise<ForeignSubtreeExecutionOwningRenderer>;
     applyAttributesToFirstElement(html: string, attributes: Record<string, string>): string;
     dedupeProcessedAssets(assets: ProcessedAsset[]): ProcessedAsset[];
 }
@@ -75,7 +75,7 @@ export interface ForeignSubtreeQueuedHtmlOptions<TContext extends QueuedForeignS
         children?: unknown;
         html?: string;
     }>;
-    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): ForeignSubtreeExecutionOwningRenderer;
+    getOwningRenderer(integrationName: string, rendererCache: Map<string, ForeignSubtreeExecutionOwningRenderer>): Promise<ForeignSubtreeExecutionOwningRenderer>;
     applyAttributesToFirstElement(html: string, attributes: Record<string, string>): string;
     dedupeProcessedAssets(assets: ProcessedAsset[]): ProcessedAsset[];
 }

package/src/route-renderer/orchestration/{foreign-subtree-execution.service.js → foreign-child/foreign-subtree-execution.service.js}

@@ -2,7 +2,7 @@ import {
   getComponentRenderContext,
   runWithComponentRenderContext
 } from "./component-render-context.js";
-import { isMarkupNodeLike } from "./render-output.utils.js";
+import { assertForeignChildrenNotOpaque, isMarkupNodeLike } from "./foreign-child-output.utils.js";
 function toForeignSubtreeRenderPayload(result) {
   return {
     html: result.html,
@@ -69,6 +69,9 @@ class ForeignSubtreeExecutionService {
           props: { ...input.props }
         };
       }
+      if ("children" in input.props) {
+        assertForeignChildrenNotOpaque(input.props.children, "foreign-subtree queue");
+      }
       runtimeContext.nextForeignSubtreeId += 1;
       const foreignSubtreeId = runtimeContext.nextForeignSubtreeId;
       const token = this.createForeignSubtreeToken(options.tokenPrefix, runtimeContext, foreignSubtreeId);
@@ -108,10 +111,11 @@ class ForeignSubtreeExecutionService {
           return { assets: [], html: void 0 };
         }
         if (typeof children !== "string" && !isMarkupNodeLike(children)) {
+          assertForeignChildrenNotOpaque(children, options.queueLabel);
           return { assets: [], children };
         }
         const html = await this.resolveQueuedTokens(
-          typeof children === "string" ? children : children.outerHTML ?? String(children ?? ""),
+          typeof children === "string" ? children : children.outerHTML ?? "",
           queuedResolutionsByToken,
           resolveToken
         );
@@ -309,7 +313,7 @@ class ForeignSubtreeExecutionService {
     if (!foreignOwnerIntegrationName) {
       return void 0;
     }
-    const owningRenderer = options.getOwningRenderer(foreignOwnerIntegrationName, options.rendererCache);
+    const owningRenderer = await options.getOwningRenderer(foreignOwnerIntegrationName, options.rendererCache);
     if (owningRenderer.name === options.currentIntegrationName) {
       return void 0;
     }

package/src/route-renderer/orchestration/foreign-child/owning-renderer-resolution.d.ts

@@ -0,0 +1,19 @@
+import type { EcoPagesAppConfig } from '../../../types/internal-types.js';
+import type { ForeignSubtreeExecutionOwningRenderer } from './foreign-subtree-execution.service.js';
+export type OwningRendererResolutionInput = {
+    appConfig: EcoPagesAppConfig;
+    runtimeOrigin: string;
+    currentIntegrationName: string;
+    currentRenderer: ForeignSubtreeExecutionOwningRenderer;
+    integrationName: string;
+    cache: Map<string, ForeignSubtreeExecutionOwningRenderer>;
+};
+export declare function getForeignSubtreeTokenPrefix(integrationName: string): string;
+export declare function getForeignSubtreeResolutionContextKey(integrationName: string): string;
+/**
+ * Resolves an owning integration renderer for a foreign-child handoff.
+ *
+ * Reuses the execution-scoped cache, activates the target runtime when needed,
+ * and initializes the plugin renderer once per integration name.
+ */
+export declare function resolveOwningIntegrationRenderer(input: OwningRendererResolutionInput): Promise<ForeignSubtreeExecutionOwningRenderer>;

package/src/route-renderer/orchestration/foreign-child/owning-renderer-resolution.js

@@ -0,0 +1,35 @@
+import { ensureIntegrationRuntimeReady } from "../../../build/app-build-manifest-runtime.js";
+import { invariant } from "../../../utils/invariant.js";
+function getForeignSubtreeTokenPrefix(integrationName) {
+  return `__${integrationName}_foreign_subtree__`;
+}
+function getForeignSubtreeResolutionContextKey(integrationName) {
+  return `__${integrationName}_foreign_subtree_runtime__`;
+}
+async function resolveOwningIntegrationRenderer(input) {
+  const { integrationName, cache } = input;
+  if (cache.has(integrationName)) {
+    return cache.get(integrationName);
+  }
+  if (integrationName === input.currentIntegrationName) {
+    cache.set(integrationName, input.currentRenderer);
+    return input.currentRenderer;
+  }
+  await ensureIntegrationRuntimeReady({
+    appConfig: input.appConfig,
+    integrationName,
+    runtimeOrigin: input.runtimeOrigin
+  });
+  const integrationPlugin = input.appConfig.integrations.find((integration) => integration.name === integrationName);
+  invariant(!!integrationPlugin, `[ecopages] Integration not found for foreign owner: ${integrationName}`);
+  const renderer = integrationPlugin.initializeRenderer({
+    rendererModules: input.appConfig.runtime?.rendererModuleContext
+  });
+  cache.set(integrationName, renderer);
+  return renderer;
+}
+export {
+  getForeignSubtreeResolutionContextKey,
+  getForeignSubtreeTokenPrefix,
+  resolveOwningIntegrationRenderer
+};